/* feinschliff.css – Designer 06.11.2026 (Fabian: „Gleiche Farben, Machart der Website“).
   Wird auf jeder Seite als LETZTES Stylesheet geladen. Abschalten: die <link>-Zeile entfernen.
   Teil B (Farben, Petrol mit Silber, Schrift, Linien, Handy) von Hand, Teil A (Rundungen) erzeugt. */
/* ══ Teil B: Farben bleiben, Machart der Website ══════════════════════════════
   1 Grautöne deckend (gleicher Farbton), Statusfarben gedeckt statt iOS-grell
   2 Petrol mit Silber: Hauptaktion tiefes Petrol, Akzent Silber (Fabian 06.11.)
   3 Eine Schrift (Manrope), Ziffern bündig, Überschriften enger
   4 Linien statt Schatten
   5 Reiter mit Akzentlinie statt Goldfläche, Hinweisband ruhig
   6 Handy: Eingaben 16 px (kein iOS-Zoom), nichts seitlich verschiebbar
   ══════════════════════════════════════════════════════════════════════════════ */

/* 1 · Marine (Grundoptik) */
[data-theme="light"] {
  --text-secondary: #4F5D74;
  --text-tertiary: #5E6A80;
  --success: #1E7A4C; --success-fill: rgba(30,122,76,0.10);
  --error: #B42318;   --error-fill: rgba(180,35,24,0.08);
  --warning: #9A5B00; --warning-fill: rgba(154,91,0,0.10);
  --shadow-card: 0 0 0 1px rgba(20,35,58,0.10);
  --shadow-elevated: 0 18px 44px rgba(20,35,58,0.16), 0 0 0 1px rgba(20,35,58,0.08);
  --efs-glanz: linear-gradient(115deg,#8A5E12 0%,#C99A3E 24%,#F0D79A 44%,#C99A3E 60%,#A9761A 80%,#DDB765 100%);
  --efs-akzentlinie: var(--accent);
}
[data-theme="dark"] {
  --text-secondary: #A9B6C9;
  --text-tertiary: #8D9CB2;
  --success: #5BC48C; --success-fill: rgba(91,196,140,0.14);
  --error: #FF8F8F;   --error-fill: rgba(255,143,143,0.12);
  --warning: #E9B44C; --warning-fill: rgba(233,180,76,0.14);
  --shadow-card: 0 0 0 1px rgba(255,255,255,0.07);
  --shadow-elevated: 0 24px 60px rgba(0,0,0,0.55), 0 0 0 1px rgba(255,255,255,0.08);
  --efs-glanz: linear-gradient(115deg,#A87C2C 0%,#D8A94B 24%,#F6E2A4 44%,#D8A94B 60%,#B88A33 78%,#E9C878 100%);
  --efs-akzentlinie: var(--accent);
}

/* 2 · Petrol mit Silber */
[data-look="petrol"][data-theme="light"] {
  --text-secondary: #4A615D;
  --text-tertiary: #566D68;
  --accent: #2C5F58; --accent-hover: #214A44; --accent-fill: rgba(44,95,88,0.10);
  --accent2: #3E7A71; --accent2-fill: rgba(44,95,88,0.10);
  --text-on-accent: #FFFFFF; --efs-auf-akzent: #FFFFFF;
  --separator: rgba(19,40,36,0.14);
  --shadow-card: 0 0 0 1px rgba(19,40,36,0.10);
  --efs-silber: #5E6A70;
  --efs-akzentlinie: #8E979D;   /* Silber als Linie (aktiver Reiter), Petrol bleibt die Fläche */
  --fn-gold-text: #2C5F58; --uf-gold-text: #2C5F58;   /* Gold-Schrift (Cockpit, Umsatz) wird in Petrol zur Akzentfarbe */
  --efs-glanz: linear-gradient(135deg,#8E979D 0%,#C9CED3 30%,#F4F5F6 48%,#A7AEB4 70%,#D7DBDF 100%);
}
[data-look="petrol"][data-theme="dark"] {
  --text-secondary: #A3B8B2;
  --text-tertiary: #8AA19B;
  --accent: #CBD3D8; --accent-hover: #E4E9EC; --accent-fill: rgba(203,211,216,0.12);
  --accent2: #E4E9EC; --accent2-fill: rgba(203,211,216,0.12);
  --text-on-accent: #0A1716; --efs-auf-akzent: #0A1716;
  --separator: rgba(203,211,216,0.14);
  --shadow-card: 0 0 0 1px rgba(255,255,255,0.07);
  --efs-silber: #CBD3D8;
  --efs-akzentlinie: #CBD3D8;
  --efs-glanz: linear-gradient(135deg,#7E878D 0%,#C9CED3 30%,#F4F5F6 48%,#A7AEB4 70%,#D7DBDF 100%);
}

/* 3 · Schrift: nur Manrope, Ziffern bündig, Überschriften enger */
:root { --font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif; }
body { font-variant-numeric: tabular-nums; }
h1, h2, h3 { letter-spacing: -0.022em; }
h1 { font-weight: 800; }

/* 4 · Linien statt Schatten: Plan-Baustein */
.efsp { --efsp-r: 8px; --efsp-r-s: 6px; }

/* 5 · Reiter: Akzentlinie statt Goldfläche (Umsatzfile, Seminarliste, Hilfecenter) */
.uf-reiter, .sl-reiter, .hc-reiter {
  background: transparent !important; border: 0 !important; border-bottom: 1px solid var(--separator) !important;
  border-radius: 0 !important; box-shadow: none !important; padding: 0 !important; gap: 4px !important;
}
.uf-reiter button, .sl-reiter button, .hc-reiter button { border-radius: 0 !important; padding-left: 12px; padding-right: 12px; }
.uf-reiter button[aria-selected="true"], .sl-reiter button[aria-selected="true"], .hc-reiter button[aria-selected="true"] {
  background: transparent !important; color: var(--text-primary) !important;
  box-shadow: inset 0 -2px 0 var(--efs-akzentlinie, var(--accent)) !important;
}
.uf-reiter button[aria-selected="true"] .uf-zahl-punkt { background: var(--accent-fill) !important; }
/* Aktive Reiter oben (Cockpit am PC, Portal): Akzentlinie, in Petrol silbern */
@media (min-width: 701px) {
  .reiter button[aria-selected="true"] { border-bottom-color: var(--efs-akzentlinie, var(--accent)) !important; }
  .tab-nav .tab-btn.active { border-bottom-color: var(--efs-akzentlinie, var(--accent)) !important; }
}
/* Hinweisband im Cockpit: schlichte Zeile statt Goldfläche */
#inhalt .fn-band {
  background: var(--bg-grouped) !important;
  border: 1px solid var(--separator-soft) !important;
  border-radius: 6px !important;
}
/* Akzentlinie über Höhepunkt-Karten (wo eine Seite sie nutzt) */
.efs-glanzlinie { display: block; width: 56px; height: 2px; background: var(--efs-glanz); border: 0; margin: 0 0 12px; }

/* 6 · Handy */
html { -webkit-text-size-adjust: 100%; }
@media (max-width: 700px) {
  /* iOS zoomt in jedes Feld unter 16 px hinein und nicht wieder heraus – danach lässt sich die Seite seitlich schieben */
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]):not([type="color"]):not([type="button"]):not([type="submit"]),
  select, textarea { font-size: 16px !important; }
  /* Sicherheitsnetz: nichts macht die Seite breiter als den Bildschirm (clip statt hidden – sticky bleibt intakt) */
  html, body { overflow-x: clip; }
  body { overflow-wrap: break-word; }
  img, svg, video, canvas { max-width: 100%; }
}

/* ══ 7 · Kontrast wie die Website (Fabian 06.11.: „erkenn die Umstellung kaum“) ══════════
   Dunkle Bänder in der Farbe der Optik neben weißen Karten, Hauptknöpfe metallisch.
   Farbwelten bleiben: Marine-Nacht + Gold, Petrol-Grün + Silber. Events behalten ihr Band nicht (eigene Optik). */
[data-theme="light"] {
  --efs-band: #12233A; --efs-band-text: #FFFFFF; --efs-band-mut: rgba(255,255,255,0.74); --efs-band-akzent: #E2C27A;
  --efs-band-linie: rgba(255,255,255,0.12);
  --efs-knopf-glanz: linear-gradient(115deg,#B07C22 0%,#C99A3E 28%,#E8C987 50%,#C99A3E 72%,#B07C22 100%);
}
[data-theme="dark"] {
  --efs-band: #16304F; --efs-band-text: #FFFFFF; --efs-band-mut: rgba(255,255,255,0.74); --efs-band-akzent: #E7C277;
  --efs-band-linie: rgba(255,255,255,0.10);
  --efs-knopf-glanz: linear-gradient(115deg,#C4913A 0%,#D8A94B 28%,#F3D998 50%,#D8A94B 72%,#C4913A 100%);
}
[data-look="petrol"][data-theme="light"] {
  --efs-band: #16352F; --efs-band-akzent: #D5DBDF;
  --efs-knopf-glanz: linear-gradient(115deg,#24504A 0%,#2C5F58 30%,#3F7A71 50%,#2C5F58 70%,#21483F 100%);
}
[data-look="petrol"][data-theme="dark"] {
  --efs-band: #1A3B35; --efs-band-akzent: #DDE3E7;
  --efs-knopf-glanz: linear-gradient(115deg,#A9B1B7 0%,#D3D9DD 30%,#F4F6F7 50%,#C3CAD0 70%,#AEB6BC 100%);
}
/* Winter (15.11.–31.12.): hell ist die Hauptaktion Weihnachtsrot, also roter Glanz statt Gold; dunkel bleibt Gold */
[data-look="winter"][data-theme="light"] {
  --efs-knopf-glanz: linear-gradient(115deg,#951C26 0%,#B4232F 30%,#CF4450 50%,#B4232F 70%,#8E1A24 100%);
}

/* 7a · Metallische Hauptknöpfe (nur dort, wo heute Gold bzw. Akzent gefüllt ist; „leise“ Knöpfe bleiben) */
body:has(#reiter.reiter) .knopf:not(.leise), .knopf.primaer, .sw-knopf.primaer, .st2-knopf:not(.leise), .efs-tafel-knopf.ist-primaer,
.profile-btn.primary, .efs-akt .k1, .btn-primary {
  background-image: var(--efs-knopf-glanz);
  background-size: 100% 100%;
  border-color: transparent;
}

/* 7b · Seitenkopf als dunkles Band: Cockpit-Seiten, Umsatzfile, Seminarliste, Hilfecenter, Schwärzer, Partner-Begrüßung */
.seite-kopf, .uf-kopf, .sl-kopf, .hc-kopf, .sw-kopf, .p-hero {
  background: var(--efs-band) !important;
  border: 1px solid var(--efs-band-linie) !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  padding: 22px 24px !important;
  color: var(--efs-band-text);
  position: relative;
}
.seite-kopf::after, .uf-kopf::after, .sl-kopf::after, .hc-kopf::after, .sw-kopf::after {
  content: ""; position: absolute; left: 24px; top: 0; width: 56px; height: 2px; background: var(--efs-glanz);
}
.p-hero::before { left: 24px !important; right: auto !important; width: 56px; height: 2px !important; background: var(--efs-glanz) !important; opacity: 1 !important; }
.seite-kopf :is(h1, h2), .uf-kopf h1, .sl-kopf h1, .hc-kopf h1, .sw-kopf h1, .p-hero-titel { color: var(--efs-band-text) !important; }
.seite-kopf p, .uf-kopf .unter, .sl-kopf .unter, .hc-kopf .unter, .sw-kopf p, .hc-kopf span, .p-hero-sub { color: var(--efs-band-mut) !important; }
.p-hero-titel b { color: var(--efs-band-akzent) !important; }
@media (max-width: 700px) {
  .seite-kopf, .uf-kopf, .sl-kopf, .hc-kopf, .sw-kopf, .p-hero { padding: 18px 18px !important; }
  .seite-kopf::after, .uf-kopf::after, .sl-kopf::after, .hc-kopf::after, .sw-kopf::after, .ei-kopf::after, .p-hero::before { left: 18px !important; }
}
/* Zweitknöpfe im Band: hell umrandet statt Weiß auf Weiß */
.uf-kopf .knopf.klein:not(.primaer), .sl-kopf .knopf.klein, .hc-kopf .knopf.klein, .sw-kopf .sw-knopf:not(.primaer),
.uf-kopf select, .uf-symbolknopf, .seite-kopf .knopf.leise {
  background: rgba(255,255,255,0.08) !important; color: var(--efs-band-text) !important; border: 1px solid rgba(255,255,255,0.28) !important; background-image: none !important;
}
.uf-kopf select option { color: #16243C; }
.uf-kopf .uf-rolle { color: var(--efs-band-akzent) !important; background: rgba(255,255,255,0.08) !important; border-color: rgba(255,255,255,0.22) !important; }

/* 7c · Kopf des Cockpits am PC als dunkles Band */
@media (min-width: 701px) {
  .kopf { background: var(--efs-band) !important; border-bottom: 0 !important; -webkit-backdrop-filter: none !important; backdrop-filter: none !important; }
  .kopf .kopf-titel h1 { color: var(--efs-band-text) !important; }
  .kopf .kopf-titel small, .kopf .kopf-zeile { color: var(--efs-band-mut) !important; }
  .kopf .reiter button { color: var(--efs-band-mut) !important; }
  .kopf .reiter button:hover { color: var(--efs-band-text) !important; }
  .kopf .reiter button[aria-selected="true"] { color: var(--efs-band-text) !important; border-bottom-color: var(--efs-band-akzent) !important; }
  .kopf .reiter.fn-rechts, .kopf .reiter.fn-links { -webkit-mask-image: none; mask-image: none; }
  .kopf .k-knopf { background: rgba(255,255,255,0.08) !important; color: var(--efs-band-text) !important; border-color: rgba(255,255,255,0.28) !important; }
  .bereichs-zeile { background: var(--efs-band) !important; border-radius: 8px; padding-left: 12px; padding-right: 12px; }
  .bereichs-zeile .tab-btn, .bereichs-zeile .zurueck-uebersicht { color: var(--efs-band-mut) !important; }
  .bereichs-zeile .tab-btn.active { color: var(--efs-band-text) !important; border-bottom-color: var(--efs-band-akzent) !important; }
}

/* ══ 8 · Handy-Leiste unten: feine Linie über dem aktiven Reiter (Gold, Petrol Silber, Winter Rot) ══ */
@media (max-width: 700px) {
  .reiter button, .bereichs-zeile .tab-btn, .bereichs-zeile .zurueck-uebersicht { position: relative; }
  .reiter button[aria-selected="true"]::before,
  .bereichs-zeile .tab-btn.active::before,
  .bereichs-zeile:not(.im-bereich) .zurueck-uebersicht::before {
    content: ""; position: absolute; top: -4px; left: 22%; right: 22%; height: 2px;
    border-radius: 0 0 2px 2px; background: var(--efs-akzentlinie, var(--accent));
  }
}

/* ══ 9 · Anmeldung rundlich (Fabian 07.11.): Säulen mit runden Köpfen, Kurve weich (login-sternenpfad.js) ══ */
.skyline .b { border-radius: 999px 999px 0 0 !important; }

/* ══ 10 · Optik-Auswahl in den Einstellungen mit Farbstreifen (Fabian 07.11.: „Vorstellung, wie es wirkt“) ══
   Statt kleinem Halbkreis: Streifen Band | Hauptfarbe | Edelmetall | Dunkel-Fläche, darunter Name + Metall.
   Nur Kacheln mit .look-swatch (Marine, Petrol); Event-Kacheln (Kürbis, Mütze) bleiben, wie sie sind. */
.look-option:has(> .look-swatch) { flex-direction: column; align-items: stretch; gap: 6px; padding: 6px 6px 8px; text-align: left; min-height: 0; }
.look-option > .look-swatch { width: 100%; height: 24px; border-radius: 4px; border: 1px solid var(--separator); }
.look-option > .look-swatch.marine {
  background: linear-gradient(#12233A,#12233A) 0 0 / 40% 100% no-repeat,
              linear-gradient(#A9761A,#A9761A) 50% 0 / 20% 100% no-repeat,
              linear-gradient(115deg,#8A5E12,#C99A3E,#F0D79A,#C99A3E,#A9761A,#DDB765) 75% 0 / 20% 100% no-repeat,
              linear-gradient(#0A1626,#0A1626) 100% 0 / 20% 100% no-repeat;
}
.look-option > .look-swatch.petrol {
  background: linear-gradient(#16352F,#16352F) 0 0 / 40% 100% no-repeat,
              linear-gradient(#2C5F58,#2C5F58) 50% 0 / 20% 100% no-repeat,
              linear-gradient(115deg,#7E878D,#A9B1B7,#E9EDEF,#A9B1B7,#8E979D,#C8CFD3) 75% 0 / 20% 100% no-repeat,
              linear-gradient(#0A1716,#0A1716) 100% 0 / 20% 100% no-repeat;
}
.look-option[data-look-option="marine"] > span:last-child::after { content: " · Gold"; font-weight: 500; color: var(--text-secondary); }
.look-option[data-look-option="petrol"] > span:last-child::after { content: " · Silber"; font-weight: 500; color: var(--text-secondary); }

/* ══ 11 · Winter: Schnee fällt im Hintergrund jeder Seite (Fabian 07.11.: „im Hintergrund, auch hell sieht man was“) ══
   Zwei Ebenen hinter dem Inhalt (fern: klein, langsam · nah: größer, schneller), nur transform-Animation, kein Klick-Hindernis.
   Kacheln wiederholen sich nahtlos: die Ebene wandert genau eine Kachelhöhe. Bewegung reduziert: Schnee steht. */
[data-look="winter"] { --fs-flocke: rgba(96,128,170,.50); --fs-flocke-nah: rgba(84,116,160,.62); }
[data-look="winter"][data-theme="dark"] { --fs-flocke: rgba(220,232,247,.45); --fs-flocke-nah: rgba(240,246,255,.70); }
[data-look="winter"] body::before,
[data-look="winter"] body::after {
  content: ""; position: fixed; left: -20px; right: -20px; top: 0; z-index: -1; pointer-events: none;
}
[data-look="winter"] body::before {
  height: calc(100vh + 240px); top: -240px; background-size: 240px 240px; opacity: .9;
  background-image:
    radial-gradient(circle at 86px 42px, var(--fs-flocke) 1.2px, transparent 2.2px),
    radial-gradient(circle at 16px 22px, var(--fs-flocke) 1.5px, transparent 2.5px),
    radial-gradient(circle at 28px 97px, var(--fs-flocke) 1.3px, transparent 2.3px),
    radial-gradient(circle at 236px 133px, var(--fs-flocke) 1.1px, transparent 2.1px),
    radial-gradient(circle at 26px 115px, var(--fs-flocke) 1.3px, transparent 2.3px),
    radial-gradient(circle at 65px 27px, var(--fs-flocke) 1.3px, transparent 2.3px),
    radial-gradient(circle at 19px 215px, var(--fs-flocke) 1.3px, transparent 2.3px),
    radial-gradient(circle at 61px 165px, var(--fs-flocke) 1.4px, transparent 2.4px),
    radial-gradient(circle at 19px 151px, var(--fs-flocke) 1.4px, transparent 2.4px);
  animation: fsFallFern 16s linear infinite;
}
[data-look="winter"] body::after {
  height: calc(100vh + 360px); top: -360px; background-size: 360px 360px;
  --fs-flocke: var(--fs-flocke-nah);
  background-image:
    radial-gradient(circle at 29px 117px, var(--fs-flocke) 1.9px, transparent 2.9px),
    radial-gradient(circle at 72px 152px, var(--fs-flocke) 2.3px, transparent 3.3px),
    radial-gradient(circle at 280px 64px, var(--fs-flocke) 2.4px, transparent 3.4px),
    radial-gradient(circle at 290px 353px, var(--fs-flocke) 2.1px, transparent 3.1px),
    radial-gradient(circle at 301px 296px, var(--fs-flocke) 2.5px, transparent 3.5px),
    radial-gradient(circle at 194px 53px, var(--fs-flocke) 2.4px, transparent 3.4px),
    radial-gradient(circle at 36px 292px, var(--fs-flocke) 2.0px, transparent 3.0px);
  animation: fsFallNah 11s linear infinite;
}
@keyframes fsFallFern { 0% { transform: translate(0, 0); } 50% { transform: translate(8px, 120px); } 100% { transform: translate(0, 240px); } }
@keyframes fsFallNah  { 0% { transform: translate(0, 0); } 50% { transform: translate(-12px, 180px); } 100% { transform: translate(0, 360px); } }
@media (prefers-reduced-motion: reduce) { [data-look="winter"] body::before, [data-look="winter"] body::after { animation: none; } }
@media print { [data-look="winter"] body::before, [data-look="winter"] body::after { display: none; } }

/* ══ 12 · Winter-Prüfung gegen das große Update (07.11.) ══
   a) Neue Einstellungsseite: die linke Abschnittsliste liegt im „freien Rand“, den winter-event.js für Figuren
      hält; Geschenke und Lebkuchenmann (linke Seite) saßen auf „Sicherheit“/„Datenschutz“. Dort nur die linken weg.
   b) Cockpit am Handy: Platz für den Drei-Punkte-Knopf braucht nur die erste Zeile; folgt das Band auf eine
      Ankündigung, läuft es wieder über die volle Breite (sonst 48 px schmaler als die Karten darunter). */
body:has(.ei-liste) .hh-figur-box:has(.hh-geschenke, .hh-lebkuchenmann) { display: none !important; }
@media (max-width: 700px) {
  #inhalt > :first-child + .seite-kopf { margin-right: 0; }
}

/* ══ 13 · Handy-Tauglichkeit (07.11. spät, Fabian: „nicht links und rechts scrollen“) ══
   Seminarliste, Reiter Personen. Die Tabelle (Name · Team · Gruppen · Laufbahn) war am Handy 548 px breit in
   321 px Platz: Gruppen und Laufbahn lagen unsichtbar rechts im Scrollbereich, jede Zeile war über 150 px hoch.
   Am Handy wird jede Person eine Karte, alles untereinander und mit Beschriftung. „Neue Person“ steht oben,
   weil die Liste mit echten Daten lang wird; das Formular ist einspaltig. Nur CSS, seminar-app.js bleibt. */
@media (max-width: 900px) {
  .sl-raster:has(#pNeuVor) > .sl-stapel { display: contents; }
  .sl-raster:has(#pNeuVor) > .sl-stapel > * { margin-top: 0; }
  .sl-raster:has(#pNeuVor) .sl-karte:has(#pNeuVor) { order: -1; }
}
@media (max-width: 640px) {
  .sl-tab:has(select[data-akt="fk-setzen"]),
  .sl-tab:has(select[data-akt="fk-setzen"]) tbody { display: block; width: 100%; }
  .sl-tab:has(select[data-akt="fk-setzen"]) thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  .sl-tab:has(select[data-akt="fk-setzen"]) tr { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 2fr); gap: 8px 12px; padding: 12px 12px 10px; border: 1px solid var(--separator-soft); border-radius: 8px; background: var(--bg-grouped); }
  .sl-tab:has(select[data-akt="fk-setzen"]) tr + tr { margin-top: 10px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td { display: block; padding: 0; border: 0; min-width: 0 !important; font-size: 14px !important; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:first-child > b { font-size: 16px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(1), .sl-tab:has(select[data-akt="fk-setzen"]) td.sl-leer { grid-column: 1 / -1; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(2) { grid-column: 1; grid-row: 2; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(4) { grid-column: 2; grid-row: 2; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(3) { grid-column: 1 / -1; grid-row: 3; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(4) br { display: none; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(4) small { display: block; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(4) .knopf-text { margin-left: 8px; min-height: 44px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(n+2)::before { display: block; margin-bottom: 4px; font-size: 12px; font-weight: 700; color: var(--text-secondary); }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(2)::before { content: "Team"; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(3)::before { content: "Gruppen"; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(4)::before { content: "Laufbahn"; }
  .sl-tab:has(select[data-akt="fk-setzen"]) td select { width: 100%; min-width: 0 !important; }
  .sl-tab:has(select[data-akt="fk-setzen"]) .sl-p-aktionen { gap: 4px 16px; margin-top: 2px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) .sl-p-aktionen .knopf-text,
  .sl-tab:has(select[data-akt="fk-setzen"]) td:nth-child(4) .knopf-text { padding: 0; }
  .sl-tab:has(select[data-akt="fk-setzen"]) .sl-loeschfrist { display: block; margin-top: 2px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) .sl-ohne-konto { margin-left: 4px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) tr.ist-archiviert { opacity: .85; }
  .sl-tab:has(select[data-akt="fk-setzen"]) .sl-chips { flex-wrap: nowrap; gap: 4px; }
  .sl-tab:has(select[data-akt="fk-setzen"]) .sl-chip { flex: 1 1 0; min-width: 0; padding: 6px 1px; font-size: 12px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .sl-karte:has(#pSuche) > .sl-feldzeile { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
  /* Formulare rechts: einspaltig, Knopf über die volle Breite */
  .sl-karte:has(#pNeuVor) .sl-feldzeile,
  .sl-karte:has(#fkNeu) .sl-feldzeile { grid-template-columns: minmax(0, 1fr); }
  .sl-karte:has(#fkNeu) .sl-feldzeile > div { grid-column: auto !important; }
  .sl-karte:has(#pNeuVor) .knopfzeile .knopf { width: 100%; justify-content: center; }
}

/* ══ 14 · Energie (08.11., Fabian: „das Goldene über die ganze Leiste, mit Aufladeeffekt“) ══
   a) Kopf-Linie oben an jedem Seitenkopf: volle Breite, lädt beim Öffnen von links auf, danach läuft ein Lichtpuls durch.
   b) Aktiver Reiter im Cockpit-Kopf (PC): Linie über die ganze Reiterbreite, lädt beim Wechsel auf, gleicher Puls.
   c) Jeder Knopf gibt beim Drücken nach. Bei reduzierter Bewegung: Linien stehen voll da, kein Puls. */
@keyframes efs-aufladen { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes efs-puls { from { background-position: -40% 0, 0 0; } to { background-position: 140% 0, 0 0; } }
.seite-kopf::after, .uf-kopf::after, .sl-kopf::after, .hc-kopf::after, .sw-kopf::after, .ei-kopf::after, .p-hero::before {
  left: -1px !important; right: -1px !important; top: -1px !important; width: auto !important; height: 3px !important;
  border-radius: 8px 8px 0 0; transform-origin: left center; pointer-events: none;
  background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,250,230,.95) 50%, rgba(255,255,255,0) 100%) no-repeat, var(--efs-glanz) !important;
  background-size: 22% 100%, 100% 100% !important;
  box-shadow: 0 1px 10px rgba(226,194,122,.35);
  animation: efs-aufladen .9s cubic-bezier(.2,.7,.2,1) both, efs-puls 3.6s linear .9s infinite;
}
@media (max-width: 700px) {
  .seite-kopf::after, .uf-kopf::after, .sl-kopf::after, .hc-kopf::after, .sw-kopf::after, .ei-kopf::after, .p-hero::before { left: -1px !important; }
}
@media (min-width: 701px) {
  .kopf .reiter button { position: relative; }
  .kopf .reiter button[aria-selected="true"] { border-bottom-color: transparent !important; }
  .kopf .reiter button[aria-selected="true"]::after {
    content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 3px; border-radius: 3px 3px 0 0;
    transform-origin: left center; pointer-events: none;
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,250,230,.95) 50%, rgba(255,255,255,0) 100%) no-repeat, var(--efs-glanz);
    background-size: 40% 100%, 100% 100%;
    box-shadow: 0 -1px 10px rgba(226,194,122,.4);
    animation: efs-aufladen .45s cubic-bezier(.2,.7,.2,1) both, efs-puls 3.6s linear .45s infinite;
  }
  .kopf .reiter button:not([aria-selected="true"]):hover { background: rgba(255,255,255,0.05) !important; }
}
:where(button, .knopf, a.knopf, .k-knopf, .ei-knopf, .sl-chip, [role="button"]):where(:not(:disabled)) { transition: transform .12s ease, background-color .18s ease, border-color .18s ease, color .18s ease, filter .18s ease; }
:where(button, .knopf, a.knopf, .k-knopf, .ei-knopf, .sl-chip, [role="button"]):where(:not(:disabled):active) { transform: scale(.97); }
@media (prefers-reduced-motion: reduce) {
  .seite-kopf::after, .uf-kopf::after, .sl-kopf::after, .hc-kopf::after, .sw-kopf::after, .ei-kopf::after, .p-hero::before,
  .kopf .reiter button[aria-selected="true"]::after { animation: none !important; }
  :where(button, .knopf, a.knopf, .k-knopf, .ei-knopf, .sl-chip, [role="button"]):active { transform: none; }
}

/* ══ 15 · Energierand (08.11., Fabian im Artefakt: Effekt 2 „hat definitiv gewonnen“) ══
   Maus über Knopf oder drückbare Zeile: ein Lichtpunkt läuft um den Rand, die Fläche bleibt ruhig.
   Nur auf Geräten mit Maus (hover: hover). Am Handy bleibt das Nachgeben aus Abschnitt 14.
   Zurück-Links und Schalter mit eigenem ::after sind ausgenommen. */
@property --efs-rw { syntax: "<angle>"; initial-value: 0deg; inherits: false; }
@keyframes efs-umlauf { to { --efs-rw: 360deg; } }
:root { --efs-rand-a: #F0D79A; --efs-rand-b: #C99A3E; --efs-rand-schein: rgba(201,154,62,.32); }
[data-look="petrol"] { --efs-rand-a: #F4F5F6; --efs-rand-b: #A7AEB4; --efs-rand-schein: rgba(167,174,180,.35); }
[data-look="winter"][data-theme="light"] { --efs-rand-a: #F2C4BE; --efs-rand-b: #B5352C; --efs-rand-schein: rgba(181,53,44,.25); }
@media (hover: hover) and (pointer: fine) {
  :where(.knopf, .k-knopf, .ei-knopf, .sw-knopf, .person):where(:not(.knopf-text, .uf-zurueck, .sl-zurueck, .sw-zurueck, .be-zurueck, .legal-back, .ei-zurueck)) { position: relative; }
  :is(.knopf, .k-knopf, .ei-knopf, .sw-knopf, .person):not(.knopf-text, .uf-zurueck, .sl-zurueck, .sw-zurueck, .be-zurueck, .legal-back, .ei-zurueck, :disabled)::after {
    content: ""; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px; pointer-events: none;
    background: conic-gradient(from var(--efs-rw), transparent 0 68%, var(--efs-rand-a) 82%, var(--efs-rand-b) 90%, transparent 100%);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor;
    mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0);
    opacity: 0; transition: opacity .25s ease;
  }
  :is(.knopf, .k-knopf, .ei-knopf, .sw-knopf, .person):not(.knopf-text, .uf-zurueck, .sl-zurueck, .sw-zurueck, .be-zurueck, .legal-back, .ei-zurueck, :disabled):hover::after { opacity: 1; animation: efs-umlauf 1.6s linear infinite; }
  :is(.knopf, .k-knopf, .ei-knopf, .sw-knopf, .person):not(.knopf-text, .uf-zurueck, .sl-zurueck, .sw-zurueck, .be-zurueck, .legal-back, .ei-zurueck, :disabled):hover { box-shadow: 0 0 0 1px var(--efs-rand-schein), 0 6px 18px -8px var(--efs-rand-schein); }
  .kopf .reiter button:not([aria-selected="true"]):hover { text-shadow: 0 0 12px rgba(240,215,154,.6); }
  /* Auf gefüllten Metallknöpfen wäre Gold auf Gold unsichtbar: dort läuft weißes Licht, etwas breiter */
  :is(body:has(#reiter.reiter) .knopf:not(.leise), .knopf.primaer, .sw-knopf.primaer):not(:disabled)::after {
    padding: 2px; background: conic-gradient(from var(--efs-rw), transparent 0 64%, rgba(255,255,255,.55) 76%, #FFFFFF 86%, rgba(255,255,255,.55) 93%, transparent 100%);
  }
}
@media (prefers-reduced-motion: reduce) {
  :is(.knopf, .k-knopf, .ei-knopf, .sw-knopf, .person):hover::after { animation: none !important; }
}


/* ── Teil A: Rundungen (automatisch erzeugt aus 33 Quellen, 465 Regeln) ── */
.efs-akt .ak-karte { border-radius: 8px; }
.efs-akt .k1 { border-radius: 6px; }
.efs-akt .k2 { border-radius: 6px; }
.efs-akt .ak-stepper { border-radius: 6px; }
.efs-akt .ak-tag-b { border-radius: 6px; }
.efs-akt .ak-chip { border-radius: 6px; }
.efs-akt .ak-spur { border-radius: 6px; }
.efs-akt .ak-spur button { border-radius: 6px; }
.efs-akt .ak-st { border-radius: 8px; }
.efs-akt .ak-offen { border-radius: 6px; }
.efs-akt .ak-rueck div { border-radius: 6px; }
.efs-akt .ak-rb-teil { border-radius: 8px; }
.efs-akt .ak-erkenntnis { border-radius: 6px; }
.efs-akt .ak-sicht { border-radius: 6px; }
.efs-akt .ak-sicht button { border-radius: 6px; }
.efs-akt .sk-q { border-radius: 6px; }
.efs-akt .sk-rh-tag { border-radius: 8px; }
.efs-akt .ak-prot { border-radius: 6px; }
.efs-akt .fm { border-radius: 8px; }
.efs-akt .fm-feld input,
.efs-akt .fm-feld select,
.efs-akt .fm-feld textarea { border-radius: 6px; }
.efs-akt .fm-wahl span { border-radius: 6px; }
.efs-akt .fm-chip { border-radius: 6px; }
.efs-akt .ak-liste-kopf input { border-radius: 6px; }
.efs-akt .im-zone { border-radius: 8px; }
.efs-akt .im-filter button { border-radius: 6px; }
.efs-akt .im-werkzeug input { border-radius: 6px; }
.efs-akt .im-liste { border-radius: 8px; }
.efs-akt .im-name { border-radius: 6px; }
.efs-akt .im-st { border-radius: 6px; }
.efs-akt .td { border-radius: 8px; }
.efs-akt .fm-fix { border-radius: 8px; }
.efs-akt .fm-planhinweis { border-radius: 6px; }
.efs-akt .ak-meld { border-radius: 6px; }
.efs-akt .az-lage { border-radius: 6px; }
.efs-akt .az-wahl button,.efs-akt .az-monatwahl button { border-radius: 6px; }
.efs-akt .az-w { border-radius: 8px; }
.efs-akt .az-vorschlag { border-radius: 8px; }
.efs-akt .az-rueck,.efs-akt .az-wanpass { border-radius: 8px; }
.efs-akt .az-wi { border-radius: 6px; }
.efs-akt .at-vergleich > div { border-radius: 8px; }
.efs-akt .ak-link-knopf { border-radius: 6px; }
.efs-akt .ba-vliste li { border-radius: 8px; }
.efs-akt .ba-seite { border-radius: 6px; }
.efs-akt .ba-zeile { border-radius: 8px; }
.efs-akt .iw-karte { border-radius: 8px; }
.efs-akt .iw-zeilen li { border-radius: 8px; }
.efs-akt .iw-chip { border-radius: 6px; }
.efs-akt .iw-knopf { border-radius: 6px; }
.efs-akt .iw-namen-f input { border-radius: 8px; }
.efs-akt .iw-wahl { border-radius: 8px; }
.efs-akt .iw-wahl-k { border-radius: 6px; }
.efs-akt .tl-wahl label { border-radius: 8px; }
.efs-akt .iw-stempel { border-radius: 6px; }
.efs-akt .et-offen { border-radius: 6px; }
.efs-akt .et-slot { border-radius: 8px; }
.efs-akt .nz-personen input { border-radius: 6px; }
.be-marke { border-radius: 6px; }
.be-karte { border-radius: 8px; }
.be-ablage { border-radius: 8px; }
.be-knopf { border-radius: 6px; }
.be-meldung { border-radius: 8px; }
.be-kz { border-radius: 8px; }
.be-chip { border-radius: 6px; }
.bh-zeichen { border-radius: 8px; }
.bh-karte { border-radius: 8px; }
.bh-schutz { border-radius: 8px; }
.bh-lizenz { border-radius: 8px; }
.bh-daten div { border-radius: 8px; }
.bh-knopf { border-radius: 6px; }
.bh-sha { border-radius: 6px; }
.bh-hinweis { border-radius: 8px; }
.ei-kopf { border-radius: 6px; }
.ei-liste { border-radius: 6px; }
.ei-karte { border-radius: 6px; }
.ei-toast { border-radius: 6px; }
.kopf-marke { border-radius: 8px; }
.k-knopf { border-radius: 6px; }
.menue { border-radius: 12px; }
.menue button { border-radius: 6px; }
.karte { border-radius: 8px; }
.kz { border-radius: 8px; }
.f-zeile { border-radius: 8px; }
.knopf { border-radius: 6px; }
.chip { border-radius: 6px; }
.sg { border-radius: 6px; }
.sg button { border-radius: 6px; }
.werkzeug input[type=search] { border-radius: 6px; }
.person { border-radius: 6px; }
.feld input, .feld select, .feld textarea { border-radius: 6px; }
.modul-rahmen { border-radius: 8px; }
.toast { border-radius: 8px; }
.fn-wissen-zurueck { border-radius: 6px; }
.fn-ank-aktiv { border-radius: 8px; }
#inhalt .fn-band { border-radius: 8px; }
.fn-vg-wahl { border-radius: 6px; }
.fn-voll-zurueck { border-radius: 6px; }
.fn-mehr-menue { border-radius: 12px; }
.fn-mehr-menue button { border-radius: 6px; }
.fn-klapp > h3 { border-radius: 6px; }
.hc-proto { border-radius: 8px; }
.hc .hc-proto select { border-radius: 6px; }
.hc-reiter { border-radius: 6px; }
.hc-reiter button { border-radius: 6px; }
.hc-reiter .zaehler { border-radius: 6px; }
.hc-karte { border-radius: 8px; }
.hc input[type=text], .hc input[type=search], .hc select, .hc textarea, .hc-dialog input[type=text], .hc-dialog select, .hc-dialog textarea { border-radius: 6px; }
.hc-chips button { border-radius: 6px; }
.hc-chips.gross button { border-radius: 8px; }
.hc-prio button { border-radius: 8px; }
.hc-aehnlich { border-radius: 8px; }
.hc-ablage { border-radius: 8px; }
.hc-hinweis { border-radius: 6px; }
.hc-anhang { border-radius: 6px; }
.hc-anhang .weg { border-radius: 6px; }
.hc-abz { border-radius: 6px; }
.hc-abz.p::before { border-radius: 6px; }
.hc-kz > div { border-radius: 8px; }
.hc-banner { border-radius: 8px; }
.hc-zeile { border-radius: 8px; }
.hc-rueckfrage { border-radius: 8px; }
.hc-loesung { border-radius: 8px; }
.hc-geschlossen { border-radius: 8px; }
.hc-verlauf .ereignis::before { border-radius: 6px; }
.hc-nachricht { border-radius: 8px; }
.hc-bekannt li { border-radius: 8px; }
.hc-dialog { border-radius: 12px; }
.hc-bildansicht img, .hc-bildansicht video { border-radius: 6px; }
.hc-toast { border-radius: 6px; }
.hc-fehlerliste { border-radius: 6px; }
.hc-archiv { border-radius: 8px; }
.hc-loeschhinweis { border-radius: 6px; }
.kopf-knopf { border-radius: 6px; }
.rail a, .rail button { border-radius: 8px; }
.rail .zaehler { border-radius: 6px; }
.feld { border-radius: 8px; }
.wahlkachel { border-radius: 8px; }
.vertrag-zeichen { border-radius: 8px; }
.zeile-zeichen { border-radius: 6px; }
.balkenmesser { border-radius: 6px; }
.balkenmesser i { border-radius: 6px; }
.meldung { border-radius: 6px; }
.leistung-wert { border-radius: 6px; }
.nummer-kopieren { border-radius: 6px; }
.blatt-liste button { border-radius: 12px; }
.ld-umschalter { border-radius: 6px; }
.ld-umschalter button { border-radius: 6px; }
.ld-box { border-radius: 8px; }
.ld-dran { border-radius: 8px; }
.ld-kachel { border-radius: 8px; }
.ld-spalte { border-radius: 8px; }
.ld-anz { border-radius: 6px; }
.ld-fl { border-radius: 8px; }
.ld-leer { border-radius: 8px; }
.ld-karte { border-radius: 8px; }
.ld-chip { border-radius: 6px; }
.ld-frist { border-radius: 6px; }
.ld-frist i { border-radius: 6px; }
.ld-kn-best { border-radius: 6px; }
.ld-kn-wert i { border-radius: 6px; }
.ld-kn-wert b { border-radius: 6px; }
.ld-zu { border-radius: 6px; }
.ld-nachricht { border-radius: 8px; }
.ld-auswahl button { border-radius: 8px; }
.ld-vorschau-mail { border-radius: 8px; }
[data-look="halloween"] .hw-gruss { border-radius: 6px; }
.org-abend { border-radius: 8px; }
.org-wz-link.gross { border-radius: 8px; }
.org-tafel { border-radius: 12px; }
.org-leucht { border-radius: 8px; }
.org-leucht::after { border-radius: 8px; }
.org-wz-link { border-radius: 8px; }
.efs-vorlage-text { border-radius: 6px; }
.efs-austritt-warnung { border-radius: 6px; }
.st2-tab { border-radius: 6px; }
.st2-vorschlagen { border-radius: 8px; }
.st2-vorschlag { border-radius: 8px; }
.st2-marke { border-radius: 6px; }
.st2-datum-chip { border-radius: 6px; }
.st2-knopf { border-radius: 6px; }
.st2-form input, .st2-form select, .st2-form textarea, .st2-eingabe { border-radius: 6px; }
.st2-termin { border-radius: 8px; }
.st2-aliste li { border-radius: 8px; }
.bl-zahlen > div { border-radius: 8px; }
.bl-form { border-radius: 8px; }
.org-an-opt { border-radius: 8px; }
.bl-zahlung { border-radius: 8px; }
.org-an-drop > summary { border-radius: 6px; }
.org-an-personen { border-radius: 8px; }
.org-ank-eintrag { border-radius: 8px; }
.st2-mini { border-radius: 6px; }
.st2-termin-vs { border-radius: 6px; }
.org-bis-opt { border-radius: 6px; }
.org-bis-datum input { border-radius: 6px; }
.efs-ank-hoch { border-radius: 8px; }
.efs-ank-hoch-zu { border-radius: 6px; }
.efs-ank-hoch-gelesen { border-radius: 6px; }
.efs-ank-todo { border-radius: 6px; }
.efsp-reiter { border-radius: 6px; }
.efsp-reiter button { border-radius: 6px; }
.efsp-si { border-radius: 6px; }
.efsp-neue-liste input { border-radius: 6px; }
.efsp-seg { border-radius: 6px; }
.efsp-knopf { border-radius: 6px; }
.efsp-erledigt-t { border-radius: 6px; }
.efsp-mini-termin { border-radius: 6px; }
.efsp-protokoll { border-radius: 6px; }
.efsp-chip { border-radius: 6px; }
.efsp-feld input,.efsp-feld select,.efsp-feld textarea { border-radius: 6px; }
.efsp-ebene { border-radius: 6px; }
.efsp-zug-chip { border-radius: 6px; }
.efsp-pfeil { border-radius: 6px; }
.efsp-streifen button { border-radius: 6px; }
.efsp-dialog { border-radius: 12px; }
.efsp-teiln label { border-radius: 6px; }
.efsp-anwahl-k { border-radius: 6px; }
.efsp-anwahl-liste { border-radius: 6px; }
.efsp-fix { border-radius: 8px; }
.efsp-et-zahlen span { border-radius: 6px; }
.efsp .efsp-ebene-link { border-radius: 6px; }
.efsp-einst-karte { border-radius: 8px; }
.efsp .efsp-ebene-filter input { border-radius: 6px; }
.efsp .efsp-ebene-auf { border-radius: 6px; }
.efsp .efsp-teiln-gr { border-radius: 6px; }
.efsp .efsp-neu-plus { border-radius: 6px; }
.efsp .efsp-si-weg { border-radius: 6px; }
.efsp .efsp-nach { border-radius: 8px; }
.sw-marke { border-radius: 6px; }
.sw-karte { border-radius: 8px; }
.sw-ablage { border-radius: 8px; }
.sw-knopf { border-radius: 6px; }
.sw-kz { border-radius: 8px; }
.sw-meldung { border-radius: 8px; }
.sw-eigenes input[type=text] { border-radius: 6px; }
.sw-marke-x { border-radius: 6px; }
.sw-vorschau { border-radius: 8px; }
.sw-textfeld { border-radius: 6px; }
.sw-zuordnung { border-radius: 8px; }
.sw-feldchen select, .sw select { border-radius: 6px; }
.sw-erst-box { border-radius: 8px; }
.sw-eingabe { border-radius: 6px; }
.sl-proto { border-radius: 8px; }
.sl input[type=text], .sl input[type=search], .sl input[type=number], .sl input[type=date], .sl input:not([type]), .sl select, .sl textarea,
.sl-dialog input, .sl-dialog select, .dr-leiste select, .dr-leiste input[type=number] { border-radius: 6px; }
.sl-reiter { border-radius: 6px; }
.sl-reiter button { border-radius: 6px; }
.sl-segment button { border-radius: 6px; }
.sl-karte { border-radius: 8px; }
.sl-hinweis { border-radius: 6px; }
.sl-kz > div { border-radius: 8px; }
.sl-marke { border-radius: 6px; }
.sl-protokoll { border-radius: 6px; }
.sl-rahmen { border-radius: 8px; }
.sl-zelle { border-radius: 6px; }
.sl-menue { border-radius: 12px; }
.sl-menue button { border-radius: 6px; }
.sl-tab .rang { border-radius: 6px; }
.sl-chip { border-radius: 6px; }
.sl-plan-personen { border-radius: 6px; }
.sl-ohne-konto { border-radius: 6px; }
.sl-planliste li button { border-radius: 6px; }
.sl-pokal { border-radius: 8px; }
.sl-dialog { border-radius: 12px; }
.sl-bef-neu { border-radius: 8px; }
.sl-spez-zeile { border-radius: 8px; }
.sl-bef-plus { border-radius: 6px; }
.btn-portal { border-radius: 6px; }
.btn-partner-view { border-radius: 6px; }
.btn-back-to { border-radius: 6px; }
#arch-preview-banner .arch-preview-close { border-radius: 6px; }
.settings-btn { border-radius: 6px; }
.settings-dropdown { border-radius: 12px; }
.look-option { border-radius: 8px; }
.settings-segmented { border-radius: 6px; }
.settings-segmented button { border-radius: 6px; }
.efs-fg-box { border-radius: 6px; }
.efs-fg-schalter { border-radius: 6px; }
.efs-ba-karte { border-radius: 8px; }
.efs-ba-zeile.ist-offen { border-radius: 6px; }
.efs-ba-knoepfe button { border-radius: 6px; }
button:focus-visible, .btn:focus-visible { border-radius: 6px; }
.efs-kette-modus-knopf { border-radius: 6px; }
.efs-kette-stufe { border-radius: 6px; }
.efs-kette-satz textarea { border-radius: 8px; }
.efs-kette-knoepfe button { border-radius: 8px; }
.efs-rang { border-radius: 6px; }
.efs-tafel { border-radius: 12px; }
.efs-tafel-inhalt input[type="text"], .efs-tafel-inhalt input[type="email"],
.efs-tafel-inhalt input[type="number"], .efs-tafel-inhalt input[type="date"],
.efs-tafel-inhalt input[type="tel"], .efs-tafel-inhalt select,
.efs-tafel-inhalt textarea { border-radius: 12px; }
.efs-tafel-wert { border-radius: 12px; }
.efs-tafel-fehler { border-radius: 12px; }
.efs-tafel-knopf { border-radius: 12px; }
.efs-prot { border-radius: 8px; }
.efsv-zeile:focus-visible { border-radius: 6px; }
.efs-knopf { border-radius: 8px; }
.efs-knopf.ist-klein { border-radius: 6px; }
.efs-status { border-radius: 6px; }
.efs-werkzeuge input, .efs-werkzeuge select, .efs-suchfeld { border-radius: 6px; }
.efs-filterhinweis { border-radius: 8px; }
.efs-filterhinweis button { border-radius: 6px; }
.efs-baum-zeile:focus-visible { border-radius: 6px; }
.efs-baum-klapp { border-radius: 6px; }
.efs-pz:focus-visible { border-radius: 6px; }
.efs-pz-serie { border-radius: 6px; }
.efs-pz-punkte { border-radius: 6px; }
.efs-pa-kopf, .efs-pa-karte { border-radius: 8px; }
.efs-pa-feld input, .efs-pa-feld select, .efs-pa-text, .efs-pa-ziel input, .efs-pa-mit-knopf select { border-radius: 8px; }
.efs-pa-klapp { border-radius: 8px; }
.efs-pa-phase-ico { border-radius: 6px; }
.efs-pk-kontakt a { border-radius: 6px; }
.efs-pk-kachel { border-radius: 8px; }
.efs-pk-gruppe { border-radius: 8px; }
.efs-pk-wahl select { border-radius: 6px; }
.efs-wo-alarm { border-radius: 8px; }
.efs-wo-alarm-zeile { border-radius: 6px; }
.efs-wo-zeile { border-radius: 6px; }
.efs-wb-karte { border-radius: 8px; }
.efs-wb-status { border-radius: 6px; }
.efs-um-arten { border-radius: 8px; }
.efs-um-arten button { border-radius: 6px; }
.efs-um-pfeil { border-radius: 6px; }
.efs-um-jetzt { border-radius: 6px; }
.efs-um-zeile, .efs-um-archiv { border-radius: 6px; }
.efs-baum-chip { border-radius: 6px; }
.efs-baum-chip span { border-radius: 6px; }
.efs-baum-gruppe { border-radius: 6px; }
.efs-st-reiter { border-radius: 8px; }
.efs-st-reiterknopf { border-radius: 6px; }
.efs-st-eingabe { border-radius: 6px; }
.efs-st-vorschlag { border-radius: 8px; }
.efs-st-marke { border-radius: 6px; }
.uf-proto { border-radius: 8px; }
.uf-rolle { border-radius: 6px; }
.uf input[type=text], .uf input[type=search], .uf input[type=date], .uf input:not([type]), .uf select, .uf textarea, .uf-proto select { border-radius: 6px; }
.uf-reiter { border-radius: 6px; }
.uf-reiter button { border-radius: 6px; }
.uf-karte { border-radius: 8px; }
.uf-sgruppe { border-radius: 6px; }
.uf-leg { border-radius: 6px; }
.uf-indiv-knopf { border-radius: 6px; }
.uf-indiv-suche { border-radius: 8px; }
.uf-treffer { border-radius: 6px; }
.uf-indiv-gewaehlt { border-radius: 6px; }
.uf-eh-box { border-radius: 8px; }
.uf-prot { border-radius: 6px; }
.uf-zeile button.uf-z-klick { border-radius: 6px; }
.abz { border-radius: 6px; }
.uf-kz > div { border-radius: 8px; }
.uf-spur { border-radius: 6px; }
.uf-spur > span { border-radius: 6px; }
.uf-tab-huelle { border-radius: 6px; }
.uf-hinweis { border-radius: 8px; }
.uf-dialog { border-radius: 12px; }
.dr-leiste select { border-radius: 6px; }
.uf-favzahl:not(:empty) { border-radius: 6px; }
.uf-verg-stufe { border-radius: 6px; }
.r-eingabe { border-radius: 8px; }
.r-kachel { border-radius: 8px; }
.geldfluss span { border-radius: 6px; }
.ausgaenge u { border-radius: 6px; }
.arch-nav-btn { border-radius: 6px; }
.ax-hero { border-radius: 8px; }
.ax-refresh { border-radius: 6px; }
.ax-warn { border-radius: 8px; }
.ax-warn-btn { border-radius: 6px; }
.ax-suche { border-radius: 6px; }
.ax-filterleiste button { border-radius: 6px; }
.kpi-tile { border-radius: 8px; }
.group { border-radius: 8px; }
.role-select { border-radius: 6px; }
.btn-role-save { border-radius: 6px; }
.ax-rw-feld { border-radius: 6px; }
.ax-rw-knoepfe button { border-radius: 6px; }
.ax-fg-knopf { border-radius: 6px; }
#archToast { border-radius: 8px; }
.efs-au-stellen select, .efs-au-stellen input { border-radius: 8px; }
.efs-au-stellen button { border-radius: 8px; }
.hinweis { border-radius: 8px; }
.bereich { border-radius: 8px; }
.los { border-radius: 6px; }
.card { border-radius: 8px; }
.field { border-radius: 8px; }
.btn-primary { border-radius: 8px; }
.alert { border-radius: 8px; }
.mfa-qr { border-radius: 8px; }
.mfa-schluessel code { border-radius: 6px; }
.partner-chip { border-radius: 6px; }
.content-card { border-radius: 8px; }
.content-card table { border-radius: 6px; }
.phase-parent-note { border-radius: 8px; }
.phase-parent-note button { border-radius: 6px; }
.intro-subphase-card { border-radius: 8px; }
.intro-subphase-card-status { border-radius: 6px; }
.rechenbeispiel { border-radius: 6px; }
.basis-auswahl .basis-option { border-radius: 8px; }
.basis-hinweis { border-radius: 6px; }
.unterordner-tree { border-radius: 6px; }
.btn-upload { border-radius: 6px; }
.uploaded-file { border-radius: 6px; }
.new-phase-banner { border-radius: 8px; }
.announcement-card { border-radius: 8px; }
.profile-modal { border-radius: 12px; }
.profile-modal-close { border-radius: 6px; }
.profile-field input { border-radius: 8px; }
.profile-btn { border-radius: 8px; }
.tab-nav { border-radius: 8px; }
.tab-btn { border-radius: 6px; }
.zurueck-uebersicht { border-radius: 8px; }
.np-zurueck { border-radius: 8px; }
.pl-marke { border-radius: 6px; }
.kd-kz { border-radius: 6px; }
.kd-karte { border-radius: 8px; }
.kd-knopf { border-radius: 8px; }
.bo-eigenerTab { border-radius: 6px; }
#beraterFrame { border-radius: 8px; }
.wk-zurueck { border-radius: 8px; }
.akt-card { border-radius: 8px; }
.akt-save-btn { border-radius: 8px; }
.wb-status { border-radius: 6px; }
.ueb-naechster button { border-radius: 6px; }
.ueb-seminar-liste li b { border-radius: 6px; }
.ueb-kontakt-knopf { border-radius: 6px; }
.ueb-schritte { border-radius: 8px; }
.p-hero { border-radius: 8px; }
.akt-card, .group, .p-hero { border-radius: 8px; }
#heuteFokus > div { border-radius: 8px !important; }
.legal-card { border-radius: 8px; }
.ui-step { border-radius: 8px; }
textarea#paste { border-radius: 8px; }
select,input[type=month] { border-radius: 6px; }
.btn { border-radius: 6px; }
.probe { border-radius: 8px; }
.pill { border-radius: 6px; }
.warnbox { border-radius: 8px; }
.ebenen-kopf { border-radius: 12px; }
.flieger { border-radius: 8px; }
.monogram { border-radius: 6px; }
.back { border-radius: 6px; }
.search input { border-radius: 8px; }
.canvas { border-radius: 8px; }
.node { border-radius: 8px; }
.empty { border-radius: 8px; }
.paper { border-radius: 8px; }
.close { border-radius: 6px; }
.sem-legende { border-radius: 8px; }
@media (max-width: 540px) {
  .content-card { border-radius: 8px; }
}
@media (max-width: 640px) {
  .hc-chips.raster button { border-radius: 8px; }
  .uf-reiter { border-radius: 8px; }
  .uf-reiter button { border-radius: 8px; }
  table.uf-tab.uf-karten-tab tr.uf-gruppe { border-radius: 6px; }
  .uf-dialog { border-radius: 12px; }
}
@media (max-width:760px) {
  .efsp-fab { border-radius: 8px; }
}
@media (max-width:860px) {
  .rail a, .rail button { border-radius: 6px; }
}
@media (min-width: 1280px) {
  .kopf-marke { border-radius: 8px; }
  .karte { border-radius: 8px; }
  .kz { border-radius: 8px; }
  .f-zeile { border-radius: 8px; }
  .akt-card { border-radius: 8px; }
  .group, .p-hero { border-radius: 8px; }
  #heuteFokus > div { border-radius: 8px !important; }
}
@media (min-width: 900px) {
  body .boss-crown { border-radius: 8px; }
  body .stat,
  body .kpi-tile { border-radius: 8px; }
  body .group { border-radius: 8px; }
  .tab-nav { border-radius: 8px; }
  .tab-btn { border-radius: 8px; }
  .group { border-radius: 8px; }
  .akt-card { border-radius: 8px; }
  .akt-save-btn { border-radius: 8px; }
}