/* ============================================================
   Heed & Deem — Stylesheet (v2)
   Design-Tokens aus dem finalen Mockup; Layout neu:
   - responsive App-Shell (Seitenleiste ab Tablet,Bottom-Tabs schmal)
   - Inhalt waechst bis ~1080px,dann zentriert
   - selbsterklaerend statt erklaertextlastig
   ============================================================ */

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}html{scroll-behavior:auto}
}:root{
  color-scheme:light;
  /* Calm-Material (Tool-Design §11.3) — flacher, ruhiger, mehr Weissraum.
     Sekundaerbereiche rahmenlos; Tiefe ueber Helligkeit statt Schatten/Blur. */
  /* Rev.8 — Zwei-Welten-Palette (Mineral-Basis, drei semantische Akzente).
     Heed  = Tageslicht-Gold  #7a6028 — aktiv, Tagesfokus, Gegenwart.
     Deem  = Petrol/Teal      #1f5e5b — Verlauf, Rueckschau, Kuehle.
     Warn  = Aubergine        #5b4a63 — reaktiv, ueberFaellig, Innehalten.
     Neutralbasis ungefaerbt (Calm 60-30-10): Kiesel-Grau / Obsidian. */
  --page:#eaece9; --bg:#eff1ee;
  --halo-1:rgba(122,103,41,.07); --halo-2:rgba(31,94,91,.06);
  --card:#ffffff; --card-2:#f3f5f2; --card-edge:rgba(120,128,122,.22);
  --card-shadow:0 1px 2px rgba(20,40,28,.05);
  --use-blur:0px; --card-radius:14px;
  --ink:#141715; --ink-soft:#454b47; --ink-mute:#5a605c; --line:rgba(120,128,122,.18);
  /* HEED — Tageslicht-Gold (46°/S50%/L32%). Alle Kontraste ≥4.5 geprueft. */
  --sage:#7a6028; --sage-ink:#ffffff; --sage-soft:rgba(122,96,40,.13);
  /* DEEM — Petrol/Teal (177°). Verlauf-Heatmap + Sparkline. */
  --deem-green:#1f5e5b; --deem-ink:#ffffff; --deem-soft:rgba(31,94,91,.13);
  /* WARN — Aubergine (281°). Reaktiv-Signal, ueberFaellige Markierungen. */
  --terra:#5b4a63; --terra-soft:rgba(91,74,99,.12); --terra-ink:#ffffff;
  --sand:#6b7479; --sand-ink:#ffffff;
  --btn:#7a6028; --btn-text:#ffffff; --chip:rgba(120,128,122,.11);
  --field:#ffffff; --field-edge:rgba(120,128,122,.34); --overlay:rgba(18,22,26,.36);
  --overlay-soft:rgba(18,22,26,.20);
  --focus:#7a6028; --focus-2:#ffffff;
  /* Heatmap-Rampe = Deem-Welt (Petrol) */
  --hm-0:rgba(120,128,122,.13); --hm-1:rgba(31,94,91,.26); --hm-2:rgba(31,94,91,.46);
  --hm-3:rgba(31,94,91,.70); --hm-4:rgba(31,94,91,.92);
  /* Spaltenbreiten: Halbfenster-nativ (Default) / Vollbild massvoll breiter */
  --col-max:600px; --col-pad:24px;
}html[data-theme="dark"]{
  color-scheme:dark;
}[data-theme="dark"]{
  color-scheme:dark;
  /* Rev.8 Dark — Deep Obsidian. Drei semantische Akzente aufgehellt fuer Obsidian-Grund.
     Heed-Dark  #c8a040 (Tagessonne-Gold, 7.83:1 auf Karte).
     Deem-Dark  #6db5b0 (Petrol aufgehellt, 7.71:1 auf Karte).
     Warn-Dark  #a892b3 (Aubergine aufgehellt, 6.44:1 auf Karte). */
  --page:#0b0d0c; --bg:#101312;
  --halo-1:rgba(200,160,64,.06); --halo-2:rgba(109,181,176,.06);
  --card:#131614; --card-2:#171a18; --card-edge:rgba(235,240,236,.07);
  --card-shadow:0 1px 2px rgba(0,0,0,.3); --use-blur:0px;
  --ink:#e6eae5; --ink-soft:#bcc4bd; --ink-mute:#8f9890; --line:rgba(235,240,236,.08);
  --sage:#c8a040; --sage-ink:#0b0d0c; --sage-soft:rgba(200,160,64,.15);
  --deem-green:#6db5b0; --deem-ink:#0b0d0c; --deem-soft:rgba(109,181,176,.16);
  --terra:#a892b3; --terra-soft:rgba(168,146,179,.15); --terra-ink:#0b0d0c;
  --sand:#8c9a90; --sand-ink:#0b0d0c;
  --btn:#c8a040; --btn-text:#0b0d0c; --chip:rgba(235,240,236,.07);
  --field:rgba(235,240,236,.05); --field-edge:rgba(235,240,236,.18); --overlay:rgba(0,0,0,.6);
  --overlay-soft:rgba(0,0,0,.42);
  --focus:#c8a040; --focus-2:#0b0d0c;
  --hm-0:rgba(235,240,236,.06); --hm-1:rgba(109,181,176,.24); --hm-2:rgba(109,181,176,.42);
  --hm-3:rgba(109,181,176,.72); --hm-4:rgba(142,205,200,.9);
}/* Dark-Mode-Typografie (§11.6): mehr Luft statt mehr Gewicht.
   Inter (400/450) auf warmem Dunkel wuerde durch Verstaerken schlechter lesbar
   (Halation). Richtiger Hebel: Tracking + groessere Line-Height,Gewicht unveraendert. */
[data-theme="dark"] body{letter-spacing:.012em;line-height:1.58}html,body{height:100%}body{font-family:'Inter',system-ui,sans-serif;font-optical-sizing:auto;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background .45s,color .45s;min-height:100vh}/* ============================================================
   SHELL — eine zentrierte Spalte (Halbfenster-nativ)
   Navigation folgt der verfuegbaren Breite (Container-Query):
   breit -> Text-Tabs oben · schmal -> Bottom-Tabs (Daumenzone).
   ============================================================ */
.shell{min-height:100vh;width:100%;container-type:inline-size;container-name:app}/* Top-Navigation: leise Text-Tabs in der Spalte */
.topnav{display:flex;align-items:center;gap:6px;max-width:var(--col-max);margin:0 auto;padding:16px var(--col-pad) 0}.brand{display:flex;align-items:center;gap:9px;margin-right:auto}.brand .mark{display:none}/* ersetzt durch .brand-mark SVG-Bildmarke in index.html */.brand b{font-family:'Literata',serif;font-weight:500;font-size:17px;line-height:1.1}.brand .it{font-style:italic;color:var(--terra);font-size:12px;font-weight:400;margin-left:2px}.tabs{display:flex;gap:2px}.tab{position:relative;font:inherit;font-size:13.5px;font-weight:500;color:var(--ink-mute);background:transparent;border:1px solid transparent;border-radius:9px;padding:7px 12px;cursor:pointer;transition:color .15s;min-height:36px}.tab:hover{color:var(--ink-soft)}.tab[aria-selected="true"]{color:var(--ink)}.tab[aria-selected="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:2px;height:2px;border-radius:2px;background:var(--sage)}.tab .badge{display:none;min-width:17px;height:17px;line-height:17px;text-align:center;font-size:10px;font-weight:600;background:var(--terra);color:#fff;border-radius:9px;margin-left:6px;padding:0 5px;vertical-align:1px}[data-theme="dark"] .tab .badge{color:#1c130d}.tab .badge.show{display:inline-block}
/* Rollenabhängige Wartend-Prominenz: bei hoher Kalenderhoheit (data-park="quiet")
   tritt der Wartend-Tab dezent zurück — nie ausgeblendet, bleibt voll erreichbar
   und bei aktivem Tab oder Inhalt klar lesbar. */
.shell[data-park="quiet"] .tab[data-screen="park"]:not([aria-selected="true"]){opacity:.6}
.shell[data-park="quiet"] .bottom-nav button[data-screen="park"]:not([aria-current="true"]){opacity:.6}
.shell[data-park="quiet"] .tab[data-screen="park"] .badge:not(.show),
.shell[data-park="quiet"] .bottom-nav button[data-screen="park"] .badge:not(.show){opacity:1}
/* Inhaltsspalte */
.main{display:block}.col{max-width:var(--col-max);margin:0 auto;padding:18px var(--col-pad) 120px;transition:max-width .3s}

.app-footer{
  display:flex;align-items:center;justify-content:center;gap:8px;
  max-width:var(--col-max);margin:32px auto 0;
  padding:16px var(--col-pad) env(safe-area-inset-bottom);
  border-top:1px solid var(--line);
}
.af-link{
  font-size:11px;color:var(--ink-dim);text-decoration:none;
  letter-spacing:.02em;
  transition:color .12s;
}
.af-link:hover{color:var(--ink-mute);}
.af-link:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px;}
.af-sep{font-size:11px;color:var(--ink-dim);user-select:none;}
/* Vollbild: Spalte massvoll breiter, nie ueber den Schirm aufgezogen */
@container app (min-width:1100px){:root,[data-theme]{--col-max:760px}
}/* Bottom-Navigation: erst sichtbar,wenn die Spalte schmal wird.
   Default = unten (mobile-first,sanfter Fallback fuer Altbrowser). */
.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:45;
  background:var(--bg);border-top:1px solid var(--line);
  padding:7px 8px calc(7px + env(safe-area-inset-bottom));
  box-shadow:0 -6px 20px -16px rgba(0,0,0,.25)}.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;
  font:inherit;font-size:10.5px;font-weight:500;color:var(--ink-mute);background:transparent;
  border:0;padding:6px 4px;border-radius:10px;cursor:pointer;position:relative;min-height:48px}.bottom-nav button[aria-current="true"]{color:var(--sage)}.bottom-nav button .ico{width:22px;height:22px;display:grid;place-items:center;font-size:16px}.bottom-nav .badge{position:absolute;top:2px;right:calc(50% - 20px);min-width:15px;height:15px;
  padding:0 4px;border-radius:8px;background:var(--terra);color:#fff;font-size:9px;font-weight:600;
  display:none;align-items:center;justify-content:center;line-height:1}[data-theme="dark"] .bottom-nav .badge{color:#1c130d}.bottom-nav .badge.show{display:inline-flex}

/* Umschaltpunkt: ab ~620px Spaltenbreite Text-Tabs oben, Bottom-Nav aus.
   Container-Query (nicht Viewport) -> halbiertes Desktop-Fenster verhaelt sich
   wie ein schmales Fenster, ein Touch-Mac im Vollbild bekommt die Tabs oben. */
@container app (min-width:620px){.bottom-nav{display:none}
}
/* Sanfter Fallback: kennt der Browser keine Container-Queries, entscheidet die
   Viewport-Breite (mobile-first: Bottom-Nav unten, ab 620px Top-Tabs). */
@supports not (container-type:inline-size){.topnav{padding-top:16px}
  @media (max-width:619px){.topnav .tabs{display:none} }
  @media (min-width:620px){.bottom-nav{display:none} }
}
@container app (max-width:619.98px){.topnav .tabs{display:none}.topnav{padding-bottom:4px}
}

/* Touch-Geraete: groessere Tap-Ziele, unabhaengig von der Tab-Position (Eingabeart != Platz) */
@media (pointer:coarse){.tab{padding:9px 13px;min-height:44px}.bottom-nav button{min-height:52px}
}/* Theme-Umschalter lebt jetzt in den Einstellungen (Best Practice: seltene Einmal-Option,draengt sich nicht auf; beim Start folgt die App prefers-color-scheme). */
.theme-row{display:flex;align-items:center;gap:10px}.tgl{display:inline-flex;background:var(--card-2);border:1px solid var(--card-edge);border-radius:999px;padding:3px}.tgl button{font:inherit;font-size:12.5px;font-weight:500;border:0;background:transparent;color:var(--ink-mute);padding:7px 14px;border-radius:999px;cursor:pointer;transition:.2s;min-height:36px}.tgl button[aria-pressed="true"]{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.12)}.screen-head{display:flex;align-items:flex-end;gap:14px;margin-bottom:20px;flex-wrap:wrap}.screen-head h1{font-family:'Literata',serif;font-weight:500;font-size:24px;letter-spacing:-.01em;line-height:1.1}.screen-head .h-sub{font-size:13px;color:var(--ink-mute);margin-top:3px}.screen-head .head-actions{margin-left:auto;display:flex;gap:9px;align-items:center}.help-btn{flex:none;width:34px;height:34px;border-radius:10px;border:1px solid var(--card-edge);background:var(--card);color:var(--ink-mute);font-size:15px;font-weight:600;cursor:pointer;display:grid;place-items:center;font-family:'Literata',serif;transition:.15s}.help-btn:hover{color:var(--ink)}.app{position:relative;border-radius:24px;padding:26px;overflow:hidden;background:var(--bg);box-shadow:0 1px 0 var(--line) inset,0 18px 50px -24px rgba(18,26,22,.4)}.app::before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,var(--halo-1),transparent 70%);top:-80px;right:-60px;pointer-events:none}.app::after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--halo-2),transparent 70%);bottom:-70px;left:-50px;pointer-events:none}.ai{position:relative;z-index:1}.screen{display:none}.screen.active{display:block;animation:fade .3s ease}
@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1}}.cols{display:grid;gap:16px;grid-template-columns:1fr}/* Grid-Zellen duerfen unter ihre intrinsische Mindestbreite schrumpfen.
   Ohne min-width:0 dehnt sich eine 1fr-Spalte ueber den Container hinaus
   (CSS-Grid min-width:auto-Default) — dadurch wirkte der Verlauf breiter. */
.cols > *{min-width:0}/* Verlauf in der schmalen Spalte: Heatmap und Detail stapeln untereinander */
.cols.hist{grid-template-columns:1fr;gap:14px}.card{background:var(--card);border:1px solid var(--card-edge);border-radius:var(--card-radius);padding:20px;box-shadow:var(--card-shadow)}/* Sekundaerbereiche rahmenlos (§11.3): nur Hintergrund,damit die aktive Karte Gewicht traegt */
.card.soft{border-color:transparent;background:var(--card-2);box-shadow:none}.card.lead{box-shadow:0 0 0 1px var(--sage-soft),var(--card-shadow)}[data-theme="dark"] .card.lead{box-shadow:0 0 0 1px var(--sage-soft),var(--card-shadow)}.card + .card{margin-top:14px}.eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.rowtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;gap:10px}.chip{background:var(--chip);border:1px solid var(--card-edge);font-size:10.5px;padding:3px 10px;border-radius:12px;color:var(--ink-soft);font-weight:500;white-space:nowrap}.atom-title{font-family:'Literata',serif;font-size:22px;font-weight:500;line-height:1.34;letter-spacing:-.005em;margin:2px 0 6px;color:var(--ink)}.atom-title.sm{font-size:18px;margin-bottom:16px}.cat{font-size:12px;color:var(--ink-mute)}.cat .none{opacity:.7;font-style:italic}.note{font-size:13px;color:var(--ink-soft);line-height:1.55;margin-top:8px;white-space:pre-wrap;min-height:1.4em}.note .none{opacity:.45;font-style:italic;color:var(--ink-mute)}.lead-note{font-size:13px;color:var(--ink-soft);line-height:1.55;margin-top:10px;padding:10px 13px;background:var(--card-2);border:1px solid var(--card-edge);border-radius:11px;white-space:pre-wrap}.padmeter{display:flex;gap:5px;margin:18px 0 6px}.padmeter i{height:6px;flex:1;border-radius:3px;background:var(--line)}.padmeter i.on{background:var(--sage)}.padmeter i.cap{background:var(--sand)}.meter-note{font-size:11.5px;color:var(--ink-mute)}/* Pad-Meter als eigene Zeile unter der Eingabe — nicht in der Aufgaben-Karte.
   Steht auf Pad-Ebene,weil er den ganzen Tag beschreibt,nicht Slot 1. */
.padmeter-row{padding:0 2px;margin:2px 0 4px}.padmeter-row .padmeter{margin:0 0 5px}.btn-row{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.btn-primary{background:var(--btn);color:var(--btn-text);border:none;padding:10px 18px;border-radius:11px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit;transition:filter .15s,transform .05s}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-ghost,a.btn-ghost{background:var(--chip);color:var(--ink-soft);border:1px solid var(--card-edge);padding:10px 16px;border-radius:11px;font-size:13px;font-weight:500;cursor:pointer;font-family:inherit;transition:.15s;text-decoration:none;display:inline-flex;align-items:center}.btn-ghost:hover{color:var(--ink)}.btn-ghost.danger:hover{color:var(--terra);border-color:var(--terra-soft)}.btn-sm{padding:7px 12px;font-size:12px;border-radius:9px}.queue{margin-top:4px}.qrow{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.qrow:first-child{border-top:none}.qrow .n{font-family:'Lora',serif;color:var(--ink-mute);font-size:14px;flex:none;width:16px}.qrow .qbody{flex:1;min-width:0}.qrow .qt{font-size:14px;color:var(--ink-soft)}.qrow .qnote-dot{color:var(--sage);font-weight:700}.qrow .qc{font-size:11px;color:var(--ink-mute);margin-top:1px}.qrow .qact{display:flex;gap:6px;flex:none}.icon-btn{background:none;border:1px solid var(--card-edge);color:var(--ink-mute);width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:14px;display:grid;place-items:center;transition:.15s;font-family:inherit}.icon-btn:hover{color:var(--ink);background:var(--chip)}.icon-btn.up:hover{color:var(--sage)}.icon-btn.danger:hover{color:var(--terra)}.park-row{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid var(--line)}.park-row:first-child{border-top:none}.park-row .pbody{flex:1;min-width:0}.park-row .pt{font-size:14px;color:var(--ink-soft)}.park-row .pmeta{font-size:11px;color:var(--ink-mute);margin-top:2px}.park-row .pmeta.stale{color:var(--terra)}.park-row .pact{display:flex;gap:6px;flex:none}.inline-hint{display:flex;gap:9px;align-items:flex-start;font-size:12px;color:var(--ink-mute);line-height:1.5;margin-top:14px;padding:11px 13px;background:var(--card-2);border:1px solid var(--card-edge);border-radius:12px}.inline-hint .i{flex:none;font-family:'Literata',serif;font-weight:600;color:var(--sage);font-size:13px;line-height:1.3}.field{margin-top:16px}.field:first-child{margin-top:0}.field > label{display:block;font-size:13px;font-weight:500;color:var(--ink-soft);margin-bottom:6px}.field > label .opt{color:var(--ink-mute);font-weight:400}.input,.select,textarea.input{width:100%;font:inherit;font-size:14px;color:var(--ink);background:var(--field);border:1px solid var(--field-edge);border-radius:11px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--ink-mute);opacity:.8}textarea.input{resize:vertical;min-height:64px;line-height:1.5}.input:hover,.select:hover{border-color:var(--ink-mute)}.field-hint{font-size:11.5px;color:var(--ink-mute);margin-top:6px;line-height:1.5}.tag-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;margin-top:8px}.tag-ax-l{font-family:'Lora',serif;font-size:15px;color:var(--ink-soft);margin-bottom:3px;font-style:italic}.tag-ax-d{font-size:11px;color:var(--ink-mute);margin-bottom:9px;line-height:1.4}.tag-opts{display:flex;gap:18px;align-items:baseline}.tag-opt{background:none;border:0;padding:4px 0;font:inherit;font-size:14px;color:var(--ink-mute);cursor:pointer;position:relative;transition:color .15s}.tag-opt:hover{color:var(--ink-soft)}.tag-opt.sel{color:var(--ink);font-weight:600;border-bottom:2px solid var(--sage)}.screen-note{font-size:12px;color:var(--ink-mute);margin-top:18px;line-height:1.5}.screen-note.sm{font-size:11px;margin-top:12px}/* VERLAUF — Heatmap + Detail */
.hm-head,.cal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}.hm-title,.cal-title{font-family:'Literata',serif;font-size:16px;font-weight:500}.hm-nav,.cal-nav{display:flex;gap:6px;align-items:center}.hm-nav button,.cal-nav button{background:var(--card-2);border:1px solid var(--card-edge);color:var(--ink-soft);width:32px;height:32px;border-radius:9px;cursor:pointer;font-size:15px;display:grid;place-items:center;transition:.15s}.hm-nav button:hover,.cal-nav button:hover{color:var(--ink)}.hm-nav .rng,.cal-nav .rng{font-size:12.5px;color:var(--ink-mute);min-width:128px;text-align:center}/* Klassisches Monatsraster (Mo–So). Sieben gleiche Spalten,quadratische Zellen. */
.cal-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin-bottom:6px}.cal-dow span{font-size:10.5px;color:var(--ink-mute);text-align:center;letter-spacing:.02em}.cal-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.cal-cell{aspect-ratio:1;border-radius:8px;background:var(--hm-0);cursor:pointer;border:1px solid var(--card-edge);transition:transform .1s,border-color .15s,box-shadow .15s;padding:0;display:grid;place-items:center;position:relative}.cal-cell:not(.empty):not(.future):not(.empty-cell):not(.past-empty):hover{transform:scale(1.06);border-color:var(--deem-green)}.cal-cell .cal-d{font-size:11.5px;color:var(--ink);line-height:1;font-weight:500;
  text-shadow:0 0 2px var(--card),0 0 2px var(--card)}.cal-cell.has .cal-d{color:var(--ink)}.cal-cell.has{background:var(--hm-1)}.cal-cell.empty{opacity:.35;cursor:default}.cal-cell.empty-cell{background:transparent;border-color:transparent;cursor:default}.cal-cell.future{cursor:default;opacity:.35}.cal-cell.future .cal-d{color:var(--ink-mute)}.cal-cell.past-empty{opacity:.35}.cal-cell.is-today{box-shadow:inset 0 0 0 2px var(--deem-green)}.cal-cell.is-today.sel{box-shadow:0 0 0 2px var(--deem-green)}.cal-cell.inrange{border-color:var(--deem-green);background:var(--deem-soft)}.cal-cell.inrange.has{box-shadow:inset 0 0 0 2px var(--deem-green)}.cal-cell.sel{border-color:var(--deem-green);box-shadow:0 0 0 2px var(--deem-green);background:var(--deem-soft)}.detail-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:6px;flex-wrap:wrap}.detail-title{font-family:'Literata',serif;font-size:19px;font-weight:500;color:var(--deem-green)}.detail-seg{display:inline-flex;background:var(--card-2);border:1px solid var(--card-edge);border-radius:11px;padding:3px}.detail-seg button{font:inherit;font-size:12px;font-weight:500;border:0;background:transparent;color:var(--ink-mute);padding:6px 12px;border-radius:8px;cursor:pointer;transition:.15s}.detail-seg button[aria-pressed="true"]{background:var(--card);color:var(--ink);font-weight:500;box-shadow:0 1px 3px rgba(0,0,0,.12)}.stat{padding:16px 0;border-top:1px solid var(--line)}.stat:first-of-type{border-top:none;padding-top:2px}.stat-top{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.stat-name{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-mute)}.stat-val{font-family:'Lora',serif;font-weight:300;font-size:36px;line-height:1;color:var(--deem-green);font-variant-numeric:tabular-nums}.stat-desc{font-size:12.5px;color:var(--ink-mute);margin-top:6px;line-height:1.5}.ratio{border-top:1px solid var(--line);padding-top:16px;margin-top:4px}.ratio-line{font-family:'Lora',serif;font-size:16px;line-height:1.55;color:var(--ink-soft)}.ratio-line b{color:var(--terra);font-weight:400}.sub-metrics{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.mini{background:var(--card-2);border:1px solid var(--card-edge);border-radius:14px;padding:14px 16px}.mini-name{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-mute)}.mini-val{font-family:'Lora',serif;font-weight:300;font-size:24px;color:var(--deem-green);font-variant-numeric:tabular-nums;margin-top:4px}.mini-desc{font-size:11px;color:var(--ink-mute);margin-top:4px;line-height:1.45}/* Dashboard-Hierarchie: Reaktiv-Anteil + Tiefarbeit-Anteil als grosse Lead-Kacheln */
.lead-metrics{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:4px}.stat.lead{padding:16px 0 4px;border-top:none}.stat.lead .stat-val{font-size:40px}.mini-top{display:flex;align-items:baseline;justify-content:space-between;gap:10px}/* Sparkline — Trendrichtung je Kennzahl,feste 0–100%-Skala,Luecken als Pfadbruch */
.spark{display:block;margin:8px 0 2px;width:104px;height:26px;overflow:visible}.spark-line{stroke:var(--deem-green);stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}.spark-dot{fill:var(--ink)}.stat.lead .spark{width:120px;height:30px}[data-theme="dark"] .spark-line{stroke:var(--deem-green)}/* Routinearbeit-Einschaetzung inline am Tagesende (kein Modal) */
.ops-inline{margin-top:4px}.ops-inline-label{display:block;font-size:13px;color:var(--ink-soft);margin-bottom:8px}.ops-inline-label b{color:var(--ink);font-variant-numeric:tabular-nums}
/* Range-Slider — Heed-Farbe (Tageslicht-Gold). Alle Browser explizit. */
input[type="range"]{-webkit-appearance:none;appearance:none;width:100%;height:4px;border-radius:2px;background:var(--line);outline:none;cursor:pointer;border:0;padding:0;margin:8px 0}
input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--sage);border:2px solid var(--card);box-shadow:0 1px 4px rgba(0,0,0,.18);cursor:pointer;transition:transform .1s,box-shadow .1s}
input[type="range"]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--sage);border:2px solid var(--card);box-shadow:0 1px 4px rgba(0,0,0,.18);cursor:pointer;transition:transform .1s,box-shadow .1s}
input[type="range"]::-webkit-slider-runnable-track{height:4px;border-radius:2px;background:var(--line)}
input[type="range"]::-moz-range-track{height:4px;border-radius:2px;background:var(--line)}
input[type="range"]:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,.22)}
input[type="range"]:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,.22)}
input[type="range"]:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.log-row{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-top:1px solid var(--line)}.log-row:first-child{border-top:none}.log-row .lbody{flex:1;min-width:0}.log-row .lt{font-size:14px;color:var(--ink);font-weight:450}.log-row .lmeta{font-size:11px;color:var(--ink-mute);margin-top:4px;display:flex;gap:6px;flex-wrap:wrap}.tagpill{font-size:10px;padding:2px 8px;border-radius:8px;background:var(--card-2);border:1px solid var(--card-edge);color:var(--ink-mute)}.tagpill.hi{color:var(--deem-green);background:var(--deem-soft);border-color:transparent}.tagpill.re{color:var(--terra);background:var(--terra-soft);border-color:transparent}.log-row .lcat{font-size:11px;color:var(--ink-mute);flex:none}.cat-filter{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.empty{text-align:center;padding:38px 18px;color:var(--ink-mute)}.empty .e-ico{width:46px;height:46px;border-radius:14px;background:var(--card-2);border:1px solid var(--card-edge);display:grid;place-items:center;margin:0 auto 16px;font-family:'Literata',serif;font-size:22px;color:var(--sage)}.empty .e-title{font-family:'Literata',serif;font-size:19px;color:var(--ink-soft);margin-bottom:8px}.empty p{font-size:13px;line-height:1.55;max-width:40ch;margin:0 auto 16px}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:none;align-items:flex-start;justify-content:center;padding:40px 16px;z-index:50;overflow-y:auto}.modal-overlay.open{display:flex;animation:fade .2s ease}.modal{background:var(--bg);border:1px solid var(--card-edge);border-radius:20px;padding:24px;width:100%;max-width:500px;box-shadow:0 24px 60px -20px rgba(0,0,0,.45);position:relative}.modal.wide{max-width:560px}.modal h2{font-family:'Literata',serif;font-weight:500;font-size:20px;margin-bottom:4px}.modal .m-sub{font-size:12.5px;color:var(--ink-mute);margin-bottom:18px;line-height:1.5}.modal-foot{display:flex;gap:10px;margin-top:22px;justify-content:flex-end;flex-wrap:wrap}.m-close{position:absolute;top:16px;right:16px;background:none;border:0;color:var(--ink-mute);font-size:20px;cursor:pointer;width:30px;height:30px;border-radius:8px;line-height:1}.m-close:hover{color:var(--ink);background:var(--chip)}.help-body p{font-size:13px;color:var(--ink-soft);line-height:1.6;margin-bottom:12px}.help-body p:last-child{margin-bottom:0}.help-body b{color:var(--ink);font-weight:600}.help-body .h-term{font-family:'Literata',serif;color:var(--ink);font-weight:500}.set-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.set-row:first-of-type{border-top:none}.set-label{font-size:13px;color:var(--ink-soft);font-weight:500}.set-desc{font-size:11.5px;color:var(--ink-mute);margin-top:3px;line-height:1.5;max-width:40ch}.set-control{flex:none}.backup-line{font-size:11.5px;color:var(--ink-mute);margin-top:4px}.set-note{font-size:12px;line-height:1.55;color:var(--ink-soft);margin:0 0 4px}.set-note.set-warn{color:var(--terra);background:var(--terra-soft);border-radius:11px;padding:11px 13px}.set-tag{display:inline-block;font-size:9.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);background:var(--chip);border:1px solid var(--card-edge);border-radius:7px;padding:1px 6px;margin-left:6px;vertical-align:1px}.toast-wrap{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:80;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:90vw}.toast{background:var(--btn);color:var(--btn-text);font-size:13px;font-weight:500;padding:11px 18px;border-radius:12px;box-shadow:0 10px 30px -8px rgba(0,0,0,.4);display:flex;align-items:center;gap:12px;animation:toastin .25s ease}.toast button{background:none;border:0;color:inherit;font-weight:600;font-size:12.5px;cursor:pointer;opacity:.85;text-decoration:underline;font-family:inherit}
@keyframes toastin{from{opacity:0;transform:translateY(8px)}to{opacity:1}}/* ============================================================
   SANFTES OVERLAY + SCHRITTFLOW (Tagging & Gate)
   Eine Entscheidung pro Schritt; sanft (nicht hart) abdunkelnd.
   ============================================================ */
.modal-overlay.soft{background:var(--overlay-soft);align-items:center;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
@media (max-width:820px){.modal-overlay.soft{align-items:flex-start}}/* Große,tippbare Antworten — je Schritt eine Achse{display:flex;flex-direction:column;gap:10px}/* Erkenntnis-Notiz erscheint konditional{margin-top:18px}/* ============================================================
   CAPTURE-ZEILE — der eine,konsistente Weg,ein Atom anzulegen
   ============================================================ */
.capture-wrap{margin-top:16px;margin-bottom:8px}.capture{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--card-edge);border-radius:14px;padding:8px 8px 8px 16px;box-shadow:var(--card-shadow);transition:border-color .15s,box-shadow .15s}.capture:focus-within{border-color:var(--sage)}.capture .cap-ico{flex:none;font-family:'Literata',serif;font-size:18px;color:var(--ink-mute);line-height:1}.capture input{flex:1;min-width:0;font:inherit;font-size:15px;color:var(--ink);background:none;border:0;padding:9px 0}.capture input::placeholder{color:var(--ink-mute);opacity:.85}.capture input:focus{outline:none}.capture input:focus-visible{outline:none}.capture .cap-go{flex:none;background:var(--btn);color:var(--btn-text);border:none;border-radius:10px;padding:9px 16px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:filter .15s,opacity .15s,transform .04s}.capture .cap-go:hover{filter:brightness(1.08)}.capture .cap-go:active{transform:translateY(1px)}.capture .cap-go:disabled{opacity:.4;cursor:default}.capture.flash{animation:capflash .9s ease}/* Ready-Kriterien als ruhige Hilfezeile — nur in der Lernphase sichtbar */
.cap-hint{font-size:12px;color:var(--ink-mute);line-height:1.5;margin:8px 4px 0;padding-left:2px}/* Inline-Kategorieabfrage (nur Multi-Stream-Profil) */
.cap-cat{display:flex;align-items:center;gap:10px;margin-top:8px;background:var(--card-2);border:1px solid var(--card-edge);border-radius:12px;padding:6px 6px 6px 14px}.cap-cat input{flex:1;min-width:0;font:inherit;font-size:14px;color:var(--ink);background:none;border:0;padding:8px 0}.cap-cat input:focus{outline:none}.cap-cat input:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:3px}.cap-cat input::placeholder{color:var(--ink-mute);opacity:.85}.cap-cat .cap-go{flex:none;background:var(--btn);color:var(--btn-text);border:none;border-radius:9px;padding:8px 14px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}
@keyframes capflash{0%,100%{box-shadow:var(--card-shadow)}30%{box-shadow:0 0 0 2px var(--sage),var(--card-shadow)}}/* ============================================================
   INLINE-EDIT — Titel/Kategorie am Ort bearbeiten (kein Modal)
   ============================================================ */
.editable{cursor:text;border-radius:8px;border:1px solid transparent;transition:background .12s,border-color .12s;position:relative}.editable:hover{background:var(--sage-soft)}.editable:hover::after{content:"bearbeiten";position:absolute;top:50%;right:8px;transform:translateY(-50%);font-family:'Inter',sans-serif;font-style:normal;font-size:10px;font-weight:500;letter-spacing:.02em;color:var(--ink-mute);opacity:.7;pointer-events:none}.editable:focus-visible{outline:2px solid var(--focus-2);box-shadow:0 0 0 2px var(--focus-2),0 0 0 4px var(--focus)}.inline-input{font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--sage);border-radius:9px;padding:6px 9px;width:100%;max-width:100%}.inline-input:focus{outline:none}.inline-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:9px}.inline-input.title-in{font-family:'Literata',serif;font-size:21px;font-weight:500;line-height:1.34;letter-spacing:-.01em}.inline-input.cat-in{font-size:12px}.inline-input.note-in{font-size:13px;resize:none;overflow:hidden;line-height:1.55;min-height:52px;color:var(--ink-soft)}/* ============================================================
   INLINE-TAGGING — Variante B (gestaffelt in der Lead-Karte)
   Kein Drawer,kein Popup. Vier Achsen klappen nacheinander auf;
   beantwortete Achsen bleiben kompakt sichtbar und korrigierbar.
   Ghost-Controls (nicht gewaehlte Optionen bei beantworteter Achse)
   halten >= 3:1 (WCAG 1.4.11 UI-Komponenten).
   ============================================================ */
.today-lead-q{font-family:'Lora',serif;font-weight:300;font-size:14px;font-style:italic;color:var(--ink-mute);margin:4px 0 14px;line-height:1.5}/* Notiz-Toggle (WCAG: aria-expanded,keyboard accessible) */
.note-toggle-row{margin-top:10px}.note-toggle{font:inherit;font-size:12px;font-weight:500;color:var(--ink-mute);background:transparent;border:1px solid transparent;border-radius:7px;padding:4px 8px;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:color .15s,border-color .15s}.note-toggle:hover{color:var(--ink-soft);border-color:var(--line)}.note-toggle[aria-expanded="true"]{color:var(--sage);border-color:var(--sage-soft);background:var(--sage-soft)}.note-plus{opacity:.6;font-size:12px}.note-dot{color:var(--sage);font-weight:700}.note-body{margin-top:8px}.note-textarea{width:100%;font:inherit;font-size:13.5px;color:var(--ink);background:var(--field);border:1px solid var(--field-edge);border-radius:10px;padding:10px 12px;resize:vertical;min-height:60px;line-height:1.55;transition:border-color .15s}.note-textarea:focus{outline:none;border-color:var(--sage)}.note-textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0}/* Tagging-Zone */
.tag-zone{margin-top:14px}.tag-divider{height:1px;background:var(--line);margin-bottom:14px}.tag-intro{font-size:11.5px;color:var(--ink-mute);line-height:1.5;margin-bottom:10px}.tag-prog{display:flex;gap:4px;margin-bottom:14px}.tag-prog i{height:4px;flex:1;border-radius:2px;background:var(--line)}.tag-prog i.on{background:var(--sage)}/* Einzelne Achse */
.tag-ax{margin-bottom:12px;animation:tagSlide .22s ease}
@keyframes tagSlide{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.tag-ax-l{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:7px;display:flex;align-items:center;gap:7px}.tag-check{color:var(--sage);font-size:12px}.tag-hint{font-size:11px;font-style:italic;color:var(--ink-mute);font-weight:400;letter-spacing:0;text-transform:none}.tag-opts{display:flex;gap:8px}.tag-opt{flex:1;text-align:center;font:inherit;font-size:13px;font-weight:500;color:var(--ink-soft);background:var(--field);border:1px solid var(--field-edge);border-radius:10px;padding:11px 8px;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.tag-opt:hover{border-color:var(--sage)}.tag-opt.sel{border-color:var(--sage);background:var(--sage-soft);color:var(--ink);font-weight:600;box-shadow:0 0 0 1px var(--sage) inset}/* Ghost-Controls (beantwortete,nicht-gewaehlte Option): Kontrast muss >= 3:1 halten.
   Gemessen: ink-soft (#54504a) auf field (#fff) = 7.5:1 — WCAG konform auch bei opacity .6.
   Wir begrenzen opacity auf .55 (nicht unter 3:1 druecken). */
.tag-ax-done .tag-opt:not(.sel){opacity:.55}.tag-opt .tag-sub{display:block;font-size:10.5px;font-weight:400;color:var(--ink-mute);margin-top:2px}.tag-opt.sel .tag-sub{color:var(--ink-soft)}/* kompakte Form der beantworteten Achse */
.tag-ax-done .tag-ax-l{color:var(--ink-mute);font-size:10px}.tag-ax-done .tag-opts{gap:6px}.tag-ax-done .tag-opt{padding:7px 8px;font-size:12px}/* Erkenntnis-Notiz */
.tag-insight-wrap{margin:10px 0 4px}.tag-insight-label{display:block;font-size:12px;font-weight:500;color:var(--ink-soft);margin-bottom:6px}.tag-foot{display:flex;align-items:center;gap:10px;margin-top:14px}/* Fokusring fuer neue Elemente */
.note-toggle:focus-visible,.tag-opt:focus-visible{
  outline:2px solid var(--focus-2);outline-offset:0;
  box-shadow:0 0 0 2px var(--focus-2),0 0 0 4px var(--focus);border-radius:8px;
}/* Altes .ax/.ax-opt (Drawer-Reste) — als leeren Block erhalten fuer WCAG-Fokusring-Referenz */

.tgl button:focus-visible,.tab:focus-visible,.btn-primary:focus-visible,.btn-ghost:focus-visible,.ans:focus-visible,.tag-opt:focus-visible,.cap-go:focus-visible,.editable:focus-visible,.icon-btn:focus-visible,.detail-seg button:focus-visible,.m-close:focus-visible,.help-btn:focus-visible,.hm-nav button:focus-visible,.cal-nav button:focus-visible,.cal-cell:focus-visible,.bottom-nav button:focus-visible,.onb-opt:focus-visible,.cap-cat .cap-go:focus-visible,.exec-capture .cap-go:focus-visible,.input:focus-visible,.select:focus-visible,.input:focus,.select:focus,textarea.input:focus{
  outline:2px solid var(--focus-2);outline-offset:0;
  box-shadow:0 0 0 2px var(--focus-2),0 0 0 4px var(--focus);border-radius:8px;
}.input:focus,.select:focus,textarea.input:focus{border-radius:11px;border-color:var(--focus)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Schmale Spalte: Ueberschriften etwas kompakter (greift unabhaengig von der Nav-Position) */
@container app (max-width:619.98px){.screen-head h1{font-size:23px}
}
@supports not (container-type:inline-size){
  @media (max-width:619px){.screen-head h1{font-size:23px} }
}
/* Drawer mobil: volle Breite (Drawer wird in Stufe 2 durch Inline-Tagging abgeloest) */
@media (max-width:520px){.tag-grid{grid-template-columns:1fr;gap:16px}.sub-metrics{grid-template-columns:1fr}
}/* ============================================================
   Tagesnavigation + Ritual + karge Ausführung (Re-Design)
   ============================================================ */
.daynav{display:flex;align-items:center;gap:12px;margin-bottom:20px}.daynav .day-arrow{flex:none;width:38px;height:38px;border-radius:11px;border:1px solid var(--card-edge);background:var(--card);color:var(--ink-soft);font-size:20px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--card-shadow);transition:.15s;font-family:'Literata',serif}.daynav .day-arrow:hover{color:var(--ink)}.daynav .day-arrow:disabled{opacity:.32;cursor:not-allowed}.daynav .day-center{flex:1;min-width:0}.daynav .day-center h1{font-family:'Literata',serif;font-weight:500;font-size:25px;letter-spacing:-.01em;line-height:1.1}.daynav .day-sub{font-size:12.5px;color:var(--ink-mute);margin-top:2px}.daynav .day-today{flex:none;font:inherit;font-size:12.5px;font-weight:500;color:var(--sage);background:var(--sage-soft);border:1px solid transparent;border-radius:999px;padding:7px 13px;cursor:pointer;transition:.15s}.daynav .day-today:hover{filter:brightness(1.05)}.ritual-h{font-family:'Literata',serif;font-weight:500;font-size:24px;letter-spacing:-.01em;line-height:1.12;margin:3px 0 4px}.lead-q{font-family:'Lora',serif;font-weight:300;font-size:16px;font-style:italic;color:var(--ink-soft);margin-bottom:4px}.ritual-empty{font-size:12.5px;color:var(--ink-mute);font-style:italic;font-family:'Lora',serif;margin-top:12px}.chosen{list-style:none;margin-top:14px;display:flex;flex-direction:column;gap:8px}.chosen li{display:flex;align-items:center;gap:11px;background:var(--card-2);border:1px solid var(--line);border-radius:12px;padding:10px 12px}.chosen .slotn{flex:none;width:20px;text-align:center;font-family:'Lora',serif;font-size:17px;color:var(--sage)}.chosen .ch-body{flex:1;min-width:0;cursor:pointer}.chosen .ch-t{font-size:14px;font-weight:450}.chosen .ch-c{font-size:11.5px;color:var(--ink-mute)}.chosen .xbtn{flex:none;width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:transparent;color:var(--ink-mute);font-size:15px;cursor:pointer;line-height:1;transition:.15s}.chosen .xbtn:hover{border-color:var(--field-edge);color:var(--terra)}.rowtop{display:flex;align-items:center;gap:8px;margin-bottom:2px}.keepall{margin-left:auto;font:inherit;font-size:12px;font-weight:500;color:var(--sage);background:transparent;border:0;cursor:pointer;padding:4px}.rest-row{display:flex;align-items:center;gap:11px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;margin-top:8px;background:transparent}.rest-row.stale{border-color:var(--sand);background:var(--terra-soft)}.rest-row.stale.leftover{background:transparent;border-color:var(--line);opacity:.58}.rest-row .qbody{flex:1;min-width:0}.rest-row .qt{font-size:13.5px;font-weight:450}.rest-row .qc{font-size:11.5px;color:var(--ink-mute);font-family:'Lora',serif}.ritual-foot,.exec-foot{display:flex;align-items:center;gap:12px;margin-top:18px}.ritual-foot .spacer{margin-left:auto}.btn-text{font:inherit;font-size:13px;font-weight:500;color:var(--ink-mute);background:transparent;border:0;cursor:pointer;padding:8px 4px;transition:.15s}.btn-text:hover{color:var(--ink-soft)}/* Onboarding-Modal */
.modal.wide{max-width:520px}.modal-foot{margin-top:20px;text-align:center}.onb-opt{font:inherit;text-align:left;background:var(--card-2);border:1px solid var(--card-edge);border-radius:12px;padding:14px 16px;cursor:pointer;transition:border-color .15s,background .15s}.onb-opt:hover{border-color:var(--sage);background:var(--sage-soft)}.onb-label{font-size:14.5px;font-weight:600;color:var(--ink);margin-bottom:3px}.onb-desc{font-size:12.5px;color:var(--ink-mute);line-height:1.45}/* Capture Progressive Disclosure: zweite Zeile Kategorie + Notiz.
   WICHTIG: hidden-Attribut muss gewinnen — sonst sind die Felder dauerhaft
   sichtbar (display:flex schlaegt den User-Agent-Default [hidden]{display:none}). */
.cap-detail[hidden]{display:none}.cap-detail{margin-top:8px;display:flex;flex-direction:column;gap:8px;
  padding-left:2px;animation:capSlide .18s ease}
@keyframes capSlide{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.cap-detail input,.cap-detail textarea{
  width:100%;font:inherit;font-size:13.5px;color:var(--ink);
  background:var(--field);border:1px solid var(--field-edge);
  border-radius:10px;padding:9px 12px;transition:border-color .15s;resize:none}.cap-detail input:focus,.cap-detail textarea:focus{
  outline:none;border-color:var(--sage)}.cap-detail input:focus-visible,.cap-detail textarea:focus-visible{outline:2px solid var(--focus);outline-offset:0;border-radius:9px}.cap-detail textarea{min-height:48px;line-height:1.5}.cap-detail-foot{display:flex;align-items:center;gap:10px;margin-top:2px}/* Queue-Notiz: kompakt,lesbar,kein Toggle nötig */
.qnote{font-size:12px;color:var(--ink-mute);line-height:1.45;
  margin-top:3px;padding-top:3px;border-top:1px solid var(--line);}/* Routinearbeit-Buttons (Tagesabschluss) */
.ops-btns{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.exec-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;flex-wrap:wrap}.exec-add{flex:1;min-width:0}.add-trigger{font-size:13px}.exec-capture{display:flex;align-items:center;gap:10px;background:var(--field);border:1px solid var(--field-edge);border-radius:12px;padding:6px 6px 6px 14px}.exec-capture .cap-ico{flex:none;font-family:'Literata',serif;font-size:17px;color:var(--sage);line-height:1}.exec-capture input{flex:1;min-width:0;font:inherit;font-size:14.5px;color:var(--ink);background:none;border:0;padding:8px 0}.exec-capture input:focus{outline:none}.exec-capture input:focus-visible{outline:2px solid var(--focus);outline-offset:1px;border-radius:3px}.exec-capture input::placeholder{color:var(--ink-mute);opacity:.85}.exec-add-row{display:flex;align-items:center;gap:8px;margin-top:10px;flex-wrap:wrap}.exec-add-hint{font-size:11.5px;color:var(--ink-mute);line-height:1.5;margin-top:8px;padding-left:2px}.queue.readonly .qrow.ro{padding:9px 4px}.queue.readonly .n{color:var(--deem-green)}.fire{font-size:12px}/* Pad-Header minimiert: nur noch der Hilfe-Button (Titel lebt jetzt in der Tagesleiste) */
.pad-head-min{margin-bottom:6px;min-height:0}.pad-head-min .head-actions{margin-left:auto}/* Select-Dropdown erbt color-scheme vom html-Element (Fix Chat 5):
   Ohne dies rendert das native OS-Popup immer im hellen Modus. */
select{ color-scheme: inherit; }/* Slots-Toggle: 6 Buttons,kompakteres Padding */
.tgl-slots button{padding:7px 10px;min-width:32px}