/* SummitGO Suite-Stil — Angleich des Adminportals an die Suite-Gestaltung.
   Übernahme 01.09.2026, Auftrag des Übernehmers („place our design, ux ui and
   structure on the admin portal"). EINE zusätzliche Schicht, geladen NACH
   angleich.css — Papas Dateien bleiben unverändert. Die Tafel („/") bleibt
   bewusst nachtblau: Entscheidung Doc vom 16.08.2026 (nicht die Kundenseite).
   Die Werte kommen aus gestaltung.css (dieselben Token wie die Suite). */

/* ── Ein Maßstab: Suite-Radius, Suite-Farben statt Prototyp-Blau ── */
.theme-admin{
  --r:12px;
  --primary:var(--kopf);
  --link:var(--wirkung);
  --ink:var(--tinte);
  --body:var(--tinte);
  --muted:var(--tinte-gedaempft);
  --line:rgba(23,50,79,.14);
  --zebra:color-mix(in srgb, var(--sand-100) 55%, var(--weiss));
  --chip:var(--navy-100);
  --yellow:var(--gold-500);
  --sky:var(--navy-100);
  --banner:var(--kopf);
  --ok:var(--erfolg);
  --warn:var(--offen, #E0762E);
  --shadow:0 1px 2px rgba(23,37,56,.05),0 8px 24px rgba(23,37,56,.07);
}

/* ── Schrift: Manrope überall — keine Serifen-Titel im Suite-Haus ── */
.theme-admin h1.big,.theme-admin .pagetitle,.theme-admin .cap,
.theme-admin .wcard h3,.theme-admin .gcard h4,.theme-admin .kq,
.theme-admin .notes h3,.theme-admin .kpi .kv{
  font-family:var(--schrift-familie) !important;
}
.theme-admin .pagetitle{font-size:24px;font-weight:800;letter-spacing:-.015em}
.theme-admin h1.big{font-size:32px;letter-spacing:-.015em}

/* ── Sand-Bühne, weiße Karten — wie jede Suite-Seite ── */
body.mode-admin{background:var(--flaeche-ruhig)}
.theme-admin .maincard{border-color:var(--line)}

/* ── Die Leiste: hell wie in jedem Suite-Modul, aktiver Punkt navy ── */
.theme-admin .sidebar{
  background:var(--karte);
  border:1px solid var(--line);
}
.theme-admin .sidebar a{
  color:var(--tinte);font-weight:600;border-radius:999px;min-height:36px;
}
.theme-admin .sidebar a:hover{background:var(--navy-100)}
.theme-admin .sidebar a.on{
  background:var(--kopf);color:var(--tinte-hell);box-shadow:none;font-weight:600;
}
.theme-admin .sb-abschnitt{
  color:var(--tinte-gedaempft);letter-spacing:.08em;text-transform:uppercase;
  font-size:11px;font-weight:700;margin-top:14px;
}

/* ── Kopfzeilen-Aktionen: ruhige, einheitliche Größe ── */
.theme-admin .topline .actions{font-size:14px;gap:18px}
.theme-admin .kopfsuche{border-radius:999px;border-color:var(--navy-200)}
.theme-admin .kopfsuche:focus{border-color:var(--wirkung)}

/* ── Der Rettungsring im Kopf: gefüllt rot-weiß (das EINE Suite-Zeichen) ── */
.theme-admin .hilfe-eingang{display:inline-flex;align-items:center;gap:7px;
  text-decoration:none;color:var(--tinte);font-weight:600}
.theme-admin .hilfe-eingang .ring svg{display:block}

/* ── KPI-Kacheln und Karten: Suite-Flächen statt Beige/Himmelblau ── */
.theme-admin .kpi{background:var(--karte);border:1px solid var(--line)}
.theme-admin a.kpi:hover{outline:2px solid var(--akzent);outline-offset:-2px}
.theme-admin .wcard,.theme-admin .gcard{border-color:var(--line)}

/* ── Anmeldung: keine Farbkleckse — Sand, Navy, Rundpillen ── */
.theme-admin .blob{display:none !important}
.theme-admin .lwrap .logo{filter:grayscale(1) contrast(1.05)}
.theme-admin .lfld input{border:1px solid var(--navy-200);border-radius:999px}
.theme-admin .lfld input:focus{border-color:var(--wirkung);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--wirkung) 25%, transparent)}
.theme-admin .loginbtn{background:var(--kopf);border-radius:999px}
.theme-admin .loginbtn:hover{opacity:.92}

/* Das 🛟 im Quelltext dient Papas Standard-Tests als Marke des Eingangs —
   sichtbar ist nur das gefüllte SVG daneben. */
.ring-lesehilfe{position:absolute;width:1px;height:1px;overflow:hidden;
  clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}

/* ── Leisten-Zeichen wie in der Suite (01.09., Runde 2): Strichzeichnungen
   als Maske vor jedem Punkt — ohne Eingriff in die Vorlagen. ── */
.theme-admin .sidebar a::before{
  content:""; width:17px; height:17px; flex:0 0 auto;
  background:currentColor; opacity:.9;
  -webkit-mask:var(--zeichen, radial-gradient(circle at 50% 50%, black 3px, transparent 3.5px)) center/contain no-repeat;
  mask:var(--zeichen, radial-gradient(circle at 50% 50%, black 3px, transparent 3.5px)) center/contain no-repeat;
}
.theme-admin .sidebar a[href="/"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M3 11 12 3l9 8M5 10v10h5v-6h4v6h5V10'/></svg>")}
.theme-admin .sidebar a[href="/uebersicht"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><rect x='3' y='3' width='8' height='8' rx='2'/><rect x='13' y='3' width='8' height='8' rx='2'/><rect x='3' y='13' width='8' height='8' rx='2'/><rect x='13' y='13' width='8' height='8' rx='2'/></svg>")}
.theme-admin .sidebar a[href="/kunden"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><circle cx='9' cy='8' r='3.5'/><path d='M3 20c0-3.5 2.5-5.5 6-5.5s6 2 6 5.5'/><circle cx='17.5' cy='9' r='2.5'/><path d='M15.5 14.8c2.8.2 5 1.9 5 5.2'/></svg>")}
.theme-admin .sidebar a[href="/kundenlage"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M12 20s-7-4.5-9-9a5 5 0 0 1 9-3 5 5 0 0 1 9 3c-2 4.5-9 9-9 9Z'/><path d='M3.5 12h4l2-3 2.5 5 2-3.5h5'/></svg>")}
.theme-admin .sidebar a[href="/vertrieb"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><path d='M3 20 9 13l4 3 8-9'/><path d='M15 7h6v6'/></svg>")}
.theme-admin .sidebar a[href="/billing"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><rect x='2.5' y='5' width='19' height='14' rx='2'/><path d='M2.5 10h19M6 15h5'/></svg>")}
.theme-admin .sidebar a[href="/lizenzen"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><rect x='5' y='11' width='14' height='10' rx='2'/><path d='M8 11V7a4 4 0 0 1 8 0v4'/></svg>")}
.theme-admin .sidebar a[href="/onboarding"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'><circle cx='12' cy='12' r='9'/><path d='M8 12.5 11 15.5 16.5 9.5'/></svg>")}
.theme-admin .sidebar a[href="/wissen"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><path d='M4 5a2 2 0 0 1 2-2h6v18H6a2 2 0 0 0-2 2z'/><path d='M20 5a2 2 0 0 0-2-2h-6v18h6a2 2 0 0 1 2 2z'/></svg>")}
.theme-admin .sidebar a[href="/audit"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'><path d='M12 3 5 6v5c0 4.5 3 8 7 10 4-2 7-5.5 7-10V6z'/></svg>")}
.theme-admin .sidebar a[href="/support"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'><path d='M21 12a8 8 0 0 1-8 8H4l2.5-3A8 8 0 1 1 21 12Z'/></svg>")}
.theme-admin .sidebar a[href="/server"]{--zeichen:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8'><rect x='3' y='4' width='18' height='7' rx='2'/><rect x='3' y='13' width='18' height='7' rx='2'/><path d='M7 7.5h.01M7 16.5h.01'/></svg>")}

/* ── Der Assistent: dunkel statt grau (Beschluss 01.09.: Abstufung über
   Schriftgewicht, nicht über Grau) ── */
html.werkzeug-zu .theme-admin .sgo-werkzeug,
html.werkzeug-zu .sgo-werkzeug{
  background:var(--navy-900);border-color:var(--navy-900);
  box-shadow:0 8px 24px rgba(23,37,56,.28);
}
html.werkzeug-zu .sgo-werkzeug .sgo-werkzeug-schalter{color:var(--weiss)}
.theme-admin .sgo-werkzeug-titel{color:var(--tinte)}
.theme-admin .sgo-werkzeug-schalter{color:var(--tinte)}

/* ── Der Rückweg zur Medical Suite: eine Pille im Suite-Kopf ── */
.suite-zurueck{
  margin-left:auto;display:inline-flex;align-items:center;gap:6px;
  font-size:12px;font-weight:600;letter-spacing:.02em;
  color:var(--navy-200);text-decoration:none;
  padding:4px 12px;border:1px solid rgba(220,228,238,.3);border-radius:999px;
}
.suite-zurueck:hover{color:var(--weiss);border-color:var(--gold-500)}
.sgo-kopf{display:flex;align-items:center}

/* Der Rückweg oben in der Leiste — dieselbe Bauform wie in den Suite-Modulen */
.theme-admin .sidebar .suite-leiste-zurueck {
  display: flex; align-items: center; gap: 6px;
  padding: 6px 10px 12px; margin-bottom: 6px;
  border-bottom: 1px solid var(--line); border-radius: 0;
  font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase;
  color: var(--muted); text-decoration: none;
}
.theme-admin .sidebar .suite-leiste-zurueck::before { display: none; }
.theme-admin .sidebar .suite-leiste-zurueck:hover { color: var(--ink); background: none; }