/* glampr-neu · neue Startseite „Heute“ (01.11.2026). Farben über theme.css (Mischung), Schriften Satoshi + Inter. */
.nh{--nh-coral:#E8735A;--nh-coral-ink:#1C1917;--nh-coral-soft:rgba(232,115,90,.12);--nh-r:16px;max-width:1360px;margin:0 auto;padding:22px 26px 40px}
.nh *{box-sizing:border-box}
.nh-head{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:18px}
.nh-head h1{margin:0;font-family:var(--f-head,'Satoshi'),system-ui,sans-serif;font-size:1.9rem;font-weight:700;letter-spacing:-.02em;line-height:1.15;text-wrap:balance}
.nh-head .nh-sub{margin-top:6px;color:var(--text-muted);font-size:.98rem;line-height:1.45;max-width:70ch}
.nh-sub b{color:var(--text);font-weight:650;cursor:pointer;text-decoration:underline;text-decoration-color:var(--border);text-underline-offset:3px}
.nh-head .nh-sp{flex:1}
.nh-klass{background:none;border:0;color:var(--text-muted);font-size:.84rem;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:6px 2px}
.nh-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);gap:16px;margin-bottom:16px}
.nh-card{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--nh-r);padding:16px 18px;min-width:0}
.nh-card h2{margin:0;font-family:var(--f-head,'Satoshi'),system-ui,sans-serif;font-size:1.02rem;font-weight:700;letter-spacing:-.01em}
.nh-ch{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.nh-ch .nh-sp{flex:1}
.nh-ch .nh-lnk{font-size:.85rem;font-weight:600;color:var(--text);cursor:pointer;background:none;border:0;padding:4px 2px;display:inline-flex;align-items:center;gap:4px}
.nh-tag{font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}
/* Tagesleiste */
.nh-tl-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.nh-tl{position:relative;min-width:620px;padding-top:20px}
.nh-tl-hours{position:absolute;inset:0 0 auto 120px;height:18px;display:flex;font-size:.72rem;color:var(--text-muted)}
.nh-tl-hours span{flex:1;border-left:1px solid var(--border);padding-left:3px}
.nh-tl-row{display:flex;align-items:center;height:30px;border-top:1px dashed var(--border)}
.nh-tl-row:first-of-type{border-top:0}
.nh-tl-lbl{width:120px;flex:0 0 120px;font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:8px}
.nh-tl-track{position:relative;flex:1;height:100%}
.nh-tl-bar{position:absolute;top:5px;height:20px;border-radius:7px;font-size:.74rem;font-weight:600;line-height:20px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;border:0;text-align:left;color:var(--text)}
.nh-tl-bar.dienst{background:color-mix(in srgb,var(--accent,#245244) 16%,transparent)}
.nh-tl-bar.dienst.now{background:color-mix(in srgb,var(--accent,#245244) 30%,transparent)}
.nh-tl-bar.ab{background:color-mix(in srgb,#E6B32E 26%,transparent)}
.nh-tl-bar.an{background:var(--nh-coral-soft)}
.nh-tl-bar.kas{background:color-mix(in srgb,var(--text) 10%,transparent)}
.nh-tl-now{position:absolute;top:16px;bottom:0;width:2px;background:var(--nh-coral);pointer-events:none}
.nh-tl-now i{position:absolute;top:-16px;left:-22px;font-style:normal;font-size:.68rem;font-weight:700;color:var(--nh-coral);white-space:nowrap}
.nh-tl-empty{font-size:.85rem;color:var(--text-muted);padding:6px 0 2px}
/* Nächster Schritt */
.nh-next{border:1.5px solid var(--nh-coral);background:linear-gradient(180deg,var(--nh-coral-soft),transparent 70%),var(--surface,#fff);display:flex;flex-direction:column}
.nh-next .nh-tag{color:#B4472F}
.nh-next h3{margin:8px 0 6px;font-family:var(--f-head,'Satoshi'),system-ui,sans-serif;font-size:1.28rem;font-weight:700;letter-spacing:-.015em;line-height:1.2;text-wrap:balance}
.nh-next p{margin:0 0 14px;color:var(--text-muted);font-size:.92rem;line-height:1.5}
.nh-next .nh-acts{display:flex;gap:10px;flex-wrap:wrap;margin-top:auto}
.nh-btn{display:inline-flex;align-items:center;gap:8px;border-radius:11px;padding:10px 15px;font:inherit;font-weight:650;font-size:.92rem;cursor:pointer;border:1px solid var(--border);background:var(--surface,#fff);color:var(--text);text-decoration:none}
.nh-btn.co{background:var(--nh-coral);border-color:var(--nh-coral);color:var(--nh-coral-ink)}
.nh-btn svg{width:17px;height:17px}
.nh-btn:focus-visible,.nh-tile:focus-visible,.nh-row:focus-visible,.nh-tl-bar:focus-visible{outline:2px solid var(--nh-coral);outline-offset:2px}
.nh-done{display:inline-flex;align-items:center;gap:6px;font-weight:650;font-size:.9rem;color:var(--accent,#245244)}
/* Kacheln */
.nh-tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}
.nh-tile{background:var(--surface,#fff);border:1px solid var(--border);border-radius:var(--nh-r);padding:16px 18px;text-align:left;cursor:pointer;font:inherit;color:var(--text);display:flex;flex-direction:column;gap:2px;transition:border-color .15s,transform .15s}
.nh-tile:hover{border-color:color-mix(in srgb,var(--accent,#245244) 45%,var(--border))}
.nh-tile .nh-n{font-family:var(--f-head,'Satoshi'),system-ui,sans-serif;font-size:2.2rem;font-weight:700;line-height:1.05;font-variant-numeric:tabular-nums}
.nh-tile .nh-l{font-weight:650;font-size:.95rem}
.nh-tile .nh-s{color:var(--text-muted);font-size:.8rem}
.nh-tile.warn .nh-n{color:#B4472F}
/* Untere Spalten */
.nh-cols{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,1fr);gap:16px}
.nh-row{display:flex;align-items:center;gap:12px;padding:10px 4px;border-top:1px solid var(--border);cursor:pointer;background:none;border-left:0;border-right:0;border-bottom:0;width:100%;text-align:left;font:inherit;color:var(--text)}
.nh-row:first-child{border-top:0}
.nh-unit{flex:0 0 auto;min-width:52px;text-align:center;font-size:.78rem;font-weight:700;background:var(--surface-2,#F1F5F9);border-radius:8px;padding:5px 7px;font-variant-numeric:tabular-nums}
.nh-rm{flex:1;min-width:0}
.nh-rm b{display:block;font-weight:650;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-rm span{display:block;color:var(--text-muted);font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nh-chip{flex:0 0 auto;font-size:.74rem;font-weight:700;border-radius:999px;padding:3px 9px;background:var(--surface-2,#F1F5F9);color:var(--text-muted);white-space:nowrap}
.nh-chip.ok{background:color-mix(in srgb,#2F7A55 15%,transparent);color:#256446}
.nh-chip.op{background:var(--nh-coral-soft);color:#A63A22}
.nh-dot{width:9px;height:9px;border-radius:50%;flex:0 0 9px;background:var(--border)}
.nh-dot.on{background:#2F7A55}
.nh-empty{color:var(--text-muted);font-size:.88rem;padding:8px 2px}
/* Lisa */
.nh-lisa{background:linear-gradient(160deg,#13302A,#245244);color:#fff;border:0}
.nh-lisa h2{color:#fff}
.nh-lisa .nh-tag{color:rgba(255,255,255,.7)}
.nh-mic{display:flex;align-items:center;gap:14px;width:100%;border:0;border-radius:14px;padding:12px 14px;background:rgba(255,255,255,.1);color:#fff;font:inherit;cursor:pointer;text-align:left;margin:4px 0 12px}
.nh-mic .nh-mic-b{width:52px;height:52px;flex:0 0 52px;border-radius:50%;background:var(--nh-coral);display:grid;place-items:center;color:var(--nh-coral-ink)}
.nh-mic .nh-mic-b svg{width:24px;height:24px}
.nh-mic b{display:block;font-size:1.02rem}
.nh-mic span{display:block;font-size:.8rem;opacity:.78}
.nh-q{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}
.nh-q button{border:1px solid rgba(255,255,255,.28);background:none;color:#fff;border-radius:999px;padding:6px 11px;font:inherit;font-size:.8rem;cursor:pointer}
.nh-lisa-info{font-size:.84rem;line-height:1.5;opacity:.9;border-top:1px solid rgba(255,255,255,.18);padding-top:10px}
.nh-lisa-info a{color:#fff;font-weight:700}
/* klein: Kennzahlen */
.nh-mini{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.nh-mini button{flex:1;min-width:150px;display:flex;justify-content:space-between;align-items:baseline;gap:8px;background:var(--surface,#fff);border:1px solid var(--border);border-radius:12px;padding:11px 14px;font:inherit;color:var(--text);cursor:pointer}
.nh-mini span{color:var(--text-muted);font-size:.84rem}
.nh-mini b{font-variant-numeric:tabular-nums;font-size:1.02rem}
/* Seitenfenster */
.nh-ov{position:fixed;inset:0;background:rgba(10,20,16,.35);z-index:900;display:flex;justify-content:flex-end}
.nh-dr{width:min(480px,100%);height:100%;background:var(--surface,#fff);display:flex;flex-direction:column;box-shadow:-10px 0 40px rgba(0,0,0,.18)}
.nh-dr-h{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border)}
.nh-dr-h h3{margin:0;font-family:var(--f-head,'Satoshi'),system-ui,sans-serif;font-size:1.08rem;flex:1}
.nh-dr-b{padding:8px 16px 24px;overflow-y:auto;flex:1}
.nh-dr-b .nh-expl{color:var(--text-muted);font-size:.86rem;line-height:1.5;margin:8px 0 10px}
.nh-back{display:inline-flex;align-items:center;gap:4px;border:1px solid var(--border);background:none;border-radius:10px;padding:7px 11px;font:inherit;font-weight:650;font-size:.86rem;cursor:pointer;color:var(--text)}
.nh-classic-bar{display:flex;align-items:center;gap:10px;padding:10px 14px;margin:14px 26px 0;border:1px solid var(--border);border-radius:12px;font-size:.88rem;color:var(--text-muted)}
@media (max-width:1100px){.nh-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.nh-cols .nh-lisa{grid-column:1/-1}}
@media (max-width:820px){.nh-next{order:-1}.nh{padding:16px 14px 32px}.nh-grid{grid-template-columns:1fr}.nh-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.nh-cols{grid-template-columns:1fr}.nh-head h1{font-size:1.55rem}}
@media (max-width:480px){.nh-tile .nh-n{font-size:1.85rem}.nh-tile{padding:13px 14px}.nh-next h3{font-size:1.15rem}}
@media (prefers-reduced-motion:reduce){.nh-tile{transition:none}}
/* Runde 2 nach eigener Prüfung */
.nh-row>svg,.nh-lnk svg{width:16px;height:16px;flex:0 0 16px}
.nh-ch .nh-lnk{white-space:nowrap}
.nh-tl-now i{top:auto;bottom:-2px;left:6px;background:var(--surface,#fff);padding:0 4px;border-radius:4px;line-height:1.3}
@media (max-width:820px){.nh-cols .nh-lisa{order:-1}}
@media (max-width:480px){.nh-mini button{min-width:100%}}
.nh-nb{display:inline-flex;align-items:center;gap:6px;background:var(--nb-coral,#E8735A) !important;border-color:#E8735A !important;color:#1C1917 !important}.nh-nb svg{width:16px;height:16px}

/* Nacharbeit Audit 2 (02.11.2026): „Jetzt“-Beschriftung im Hellmodus dunkler (2,98:1 → über 4,5:1) */
:root:not([data-theme="dark"]) .nh-tl-now i{color:#B23F27}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]):not([data-theme="dark"]) .nh-tl-now i{color:var(--nh-coral)}}
/* 03.11.2026 Vorlage je Rolle */
.nh-vr-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 0 12px}
.nh-vr-tab{display:flex;flex-direction:column;align-items:flex-start;gap:2px;border:1px solid var(--border);background:var(--surface,#fff);color:var(--text);border-radius:12px;padding:10px 12px;font:inherit;font-weight:650;cursor:pointer;text-align:left;min-width:0}
.nh-vr-tab small{font-weight:500;color:var(--text-muted);font-size:.78rem}
.nh-vr-tab.on{border-color:var(--accent,#245244);box-shadow:inset 0 0 0 1px var(--accent,#245244);background:color-mix(in srgb,var(--accent,#245244) 8%,var(--surface,#fff))}
.nh-vr-l{display:flex;flex-direction:column;gap:6px;margin:6px 0 12px}
.nh-vr-l>div{display:flex;flex-wrap:wrap;gap:6px}
.nh-vr-cb{display:flex;gap:10px;align-items:flex-start;padding:12px;border:1px solid var(--border);border-radius:12px;cursor:pointer}
.nh-vr-cb input{width:18px;height:18px;margin-top:2px;flex:0 0 18px}
.nh-vr-cb span{display:flex;flex-direction:column;gap:2px;font-weight:600}
.nh-vr-cb small{font-weight:400;color:var(--text-muted)}
.nh-btn[disabled]{opacity:.5;cursor:not-allowed}
@media (max-width:600px){.nh-vr-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 04.11. Nacharbeit: Text neben kurzen Dienst-Balken statt abgeschnitten („N…“) */
.nh-tl-txt{position:absolute;top:5px;height:20px;line-height:20px;font-size:.74rem;font-weight:600;color:var(--text);white-space:nowrap;pointer-events:none}
.nh-tl-txt.li{text-align:right}