/* EquaMind Stable 3.0 – gemeinsame Navigation und integrierter Zuchtbereich */

.v3-page-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  margin-bottom:16px;
}

.v3-page-head h1{margin-bottom:5px}
.v3-page-head p{margin:0;color:var(--muted)}

.v3-directory-grid{
  display:grid;
  gap:12px;
}

.v3-directory-card{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  width:100%;
  min-height:76px;
  padding:13px 14px;
  border:1px solid var(--line);
  border-radius:22px;
  background:var(--card);
  color:var(--ink);
  text-align:left;
  box-shadow:0 8px 26px rgba(60,43,22,.07);
}

.v3-directory-card>i{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:15px;
  background:linear-gradient(145deg,rgba(184,135,46,.15),rgba(49,101,72,.12));
  color:var(--gold);
  font-style:normal;
  font-size:23px;
}

.v3-directory-card>span{display:flex;flex-direction:column;min-width:0}
.v3-directory-card strong{font-size:15px;line-height:1.25}
.v3-directory-card small{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.35}
.v3-directory-card>b{color:var(--gold);font-size:22px}

.v3-section-label{
  margin:20px 3px 8px;
  color:var(--gold);
  font-size:11px;
  font-weight:950;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.breeding-view{
  margin:0 -4px;
}

.breeding-view-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 10px;
}

.breeding-view-title{display:flex;align-items:center;gap:10px;min-width:0}
.breeding-view-title i{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  flex:0 0 42px;
  border-radius:15px;
  background:linear-gradient(135deg,#4b2c62,#7b5796);
  color:#f3d67a;
  font-style:normal;
  font-size:23px;
}
.breeding-view-title span{display:flex;flex-direction:column;min-width:0}
.breeding-view-title strong{font-family:Georgia,serif;font-size:21px}
.breeding-view-title small{color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

.breeding-frame-shell{
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:25px;
  background:linear-gradient(145deg,rgba(255,253,248,.66),rgba(241,232,248,.54));
  box-shadow:var(--shadow);
  backdrop-filter:blur(18px);
}

.breeding-frame{
  display:block;
  width:100%;
  height:calc(100dvh - 210px);
  min-height:560px;
  border:0;
  background:transparent;
}

.v3-settings-page>.more-settings-group{margin-bottom:12px}

.v3-health-archive{
  border-top:1px solid var(--line);
  margin-top:4px;
  padding-top:12px;
}

.nav.nav-primary.v3-nav{grid-template-columns:repeat(6,1fr)}

/* EQUA7 Stable 3.0.25 – Konto-Zugang sofort und auf jeder Hauptseite sichtbar */
.public-account-banner{
  display:grid;
  grid-column:1/-1;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  margin:-4px 0 18px;
  padding:14px 16px;
  border:2px solid color-mix(in srgb,var(--gold) 54%,var(--line));
  border-radius:20px;
  background:linear-gradient(135deg,color-mix(in srgb,var(--card) 92%,#fff5d5),color-mix(in srgb,var(--card) 94%,#eaf4e7));
  box-shadow:0 10px 28px rgba(71,52,23,.12);
}
.public-account-copy{display:flex;flex-direction:column;gap:3px;min-width:0}
.public-account-copy strong{font-family:Georgia,serif;font-size:18px;color:var(--ink)}
.public-account-copy span{color:var(--muted);font-size:12px;line-height:1.4}
.public-account-actions{display:grid;grid-template-columns:repeat(2,minmax(140px,1fr));gap:9px}
.public-account-actions button{min-height:44px;margin:0;padding:10px 14px;font-weight:900;white-space:nowrap}
.topbar-status-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  max-width:100%;
  min-width:0;
}
.topbar-status-row>.cloud-top-status{min-width:0;margin:0}
.account-online-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:5px;
  max-width:112px;
  min-width:0;
  margin:0;
  padding:7px 9px;
  border:1px solid rgba(177,220,185,.9);
  border-radius:999px;
  background:rgba(237,249,240,.94);
  color:#17663b;
  box-shadow:0 7px 20px rgba(34,111,67,.12);
  font-size:9.5px;
  line-height:1;
  white-space:nowrap;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.account-online-chip>i{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#24a45d;box-shadow:0 0 0 3px rgba(36,164,93,.14)}
.account-online-chip>strong{min-width:0;overflow:hidden;text-overflow:ellipsis;font-size:10px}
.account-online-chip>span{font-weight:850}
.account-online-chip.is-warning{border-color:#e7c39f;background:rgba(255,244,232,.95);color:#8c451f}
.account-online-chip.is-warning>i{background:#d77a36;box-shadow:0 0 0 3px rgba(215,122,54,.14)}

@media(min-width:900px){
  .v3-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .v3-directory-card{min-height:82px}
  .breeding-view{margin:0}
  .breeding-frame{height:calc(100dvh - 150px);min-height:660px}
}

@media(min-width:1180px){
  .breeding-frame-shell{border-radius:30px}
  .breeding-view-head{margin-bottom:12px}
}

@media(max-width:520px){
  .public-account-banner{grid-template-columns:1fr;gap:11px;margin-top:-2px;padding:13px}
  .public-account-actions{grid-template-columns:1fr}
  .public-account-actions button{width:100%;white-space:normal}
  .v3-page-head{display:block}
  .v3-directory-card{grid-template-columns:42px minmax(0,1fr) auto;min-height:68px;padding:11px 12px;border-radius:19px}
  .v3-directory-card>i{width:39px;height:39px;border-radius:13px;font-size:20px}
  .breeding-view{margin:0 -8px}
  .breeding-view-head{margin-inline:8px}
  .breeding-view-title small{max-width:230px}
  .breeding-frame-shell{border-radius:20px}
  .breeding-frame{height:calc(100dvh - 185px);min-height:520px}
}

@media(max-width:360px){
  .account-online-chip{max-width:72px;padding-inline:8px}
  .account-online-chip>span{display:none}
}