/* glampr-neu: neuer Look „Mischung Eibe + Nordly“ als Schicht über der echten App (nur auf glampr-neu).
   Tannengrün = Leiste/Hauptknöpfe, Koralle = Aktionen (Lisa, Buchen), kühle Flächen, Tinte als Schrift. Satoshi (Überschriften) + Inter (Text). */
@font-face{font-family:"Satoshi";src:url(/neu/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Satoshi";src:url(/neu/fonts/satoshi-700.woff2) format("woff2");font-weight:600 800;font-display:swap}
@font-face{font-family:"Inter";src:url(/neu/fonts/inter-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Inter";src:url(/neu/fonts/inter-500.woff2) format("woff2");font-weight:500 600;font-display:swap}
@font-face{font-family:"Inter";src:url(/neu/fonts/inter-700.woff2) format("woff2");font-weight:700 800;font-display:swap}

:root,:root[data-theme="light"]{
  --pine-50:#EEF4F1;--pine-100:#DCE8E2;--pine-200:#B7CFC3;--pine-300:#86AE9B;--pine-400:#3E7A65;--pine-500:#245244;--pine-600:#1B4136;--pine-700:#13302A;--pine-800:#0C211C;
  --clay-400:#F08C76;--clay-500:#E8735A;--clay-600:#B8442C;
  --bg:#F1F5F9;--surface:#FFFFFF;--surface-2:#E9EEF2;--surface-3:#DFE6EB;--border:#D6DDE3;--border-strong:#C3CCD4;
  --text:#1C1917;--text-muted:#55606A;--text-subtle:#7C8790;
  --accent:#245244;--accent-soft:rgba(36,82,68,.10);--today-col:rgba(232,115,90,.20);
  --success:#2F7A55;--success-bg:#E1F0E8;--warning:#9A6A0E;--warning-bg:#FBF0DA;--danger:#B8442C;--danger-bg:#FCE7E1;--info:#2F5E8C;--info-bg:#E4EDF6;
  --st-res:#2F5E8C;--st-res-bg:#E4EDF6;--st-arr:#9A6A0E;--st-arr-bg:#FBF0DA;--st-dep:#2F7A55;--st-dep-bg:#E1F0E8;
  --font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --font-head:"Satoshi","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  /* Gästeseiten / Marktplatz (gast-ui.css) */
  --brand:#245244;--brand-600:#1B4136;--brand-700:#13302A;--brand-100:#DCE8E2;--brand-50:#EEF4F1;--muted:#55606A;
  --gold:#E8735A;--sel:#13302A;
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#0E1513;--surface:#151E1B;--surface-2:#1B2723;--surface-3:#22302B;--border:#283631;--border-strong:#34463F;
  --text:#ECF1EE;--text-muted:#A3B0A8;--text-subtle:#76837B;
  --accent:#7FBFA4;--accent-soft:rgba(127,191,164,.16);--today-col:rgba(240,140,118,.22);
  --success:#5CC28F;--success-bg:#15281F;--danger:#F08C76;--danger-bg:#2E1712;--info:#7FAEDD;--info-bg:#13202E;
  --brand:#7FBFA4;--brand-100:#1E3029;--brand-50:#16231F;--muted:#A3B0A8;
}}
:root[data-theme="dark"],[data-theme="dark"]{
  --bg:#0E1513;--surface:#151E1B;--surface-2:#1B2723;--surface-3:#22302B;--border:#283631;--border-strong:#34463F;
  --text:#ECF1EE;--text-muted:#A3B0A8;--text-subtle:#76837B;
  --accent:#7FBFA4;--accent-soft:rgba(127,191,164,.16);--today-col:rgba(240,140,118,.22);
  --success:#5CC28F;--success-bg:#15281F;--danger:#F08C76;--danger-bg:#2E1712;--info:#7FAEDD;--info-bg:#13202E;
}
body{font-family:var(--font)}
h1,h2,h3,.sb-name,.page-title,.view h1,.view h2,.card h3,.kpi b,.auth-card h1{font-family:var(--font-head);letter-spacing:-.01em}
/* Logo: Zelt-Zeichen statt altem Dreieck */
/* (Kachel-Logo ersetzt durch img.zmark, siehe unten) */
.sb-logo svg{display:none}
.sb-name{font-weight:700}
/* Aktionen in Koralle (dunkle Schrift für Kontrast) */
#sprechBtn{background:#E8735A !important;color:#1C1917 !important;border-color:#E8735A !important}
.btn.pri{background:var(--pine-500);border-color:var(--pine-500);color:#fff}
[data-theme="dark"] .btn.pri{background:#7FBFA4;border-color:#7FBFA4;color:#0E1513}
::selection{background:rgba(232,115,90,.25)}

/* ===== Logo ohne Kachel, Grundlinie mit Schriftzug (01.11.2026) ===== */
img.zmark{display:block;--zh:24px;height:var(--zh) !important;width:calc(var(--zh) * 1.2267) !important;max-width:none;border-radius:0 !important;background:none;box-shadow:none;filter:none;object-fit:contain}
.sb-logo,.mk.zwrap,.auth-hero .top .m,.app.solo .solo-bar .sb-logo{background:none !important;box-shadow:none !important;filter:none !important;border:0 !important;backdrop-filter:none !important;border-radius:0 !important;padding:0 !important;width:auto !important;height:auto !important;flex:0 0 auto !important;display:block !important;overflow:visible !important}
.sb-logo svg{display:none}
.sb-brand,.auth-hero .top,.mp-logo,.logo{align-items:baseline !important}
.sb-brand{gap:9px}
.sb-brand img.zmark{--zh:22px}
.app.solo .solo-bar .sb-logo{align-self:center}
.app.solo .solo-bar img.zmark{--zh:18px}
.auth-hero .top{gap:10px}.auth-hero .top img.zmark{position:static !important;inset:auto !important;transform:none !important;opacity:1 !important;--zh:28px;content:url(/neu/marke-hell.svg?v=3)}
.mp-logo{gap:10px}.mp-logo img.zmark{--zh:32px}
header .logo img.zmark{--zh:32px}
.mk.zwrap img.zmark{--zh:28px}
:root[data-theme="dark"] img.zmark,[data-theme="dark"] img.zmark{content:url(/neu/marke-hell.svg?v=3)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) img.zmark{content:url(/neu/marke-hell.svg?v=3)}}
/* Zeichen in der Schriftzeile: Unterkante = Grundlinie (01.11.2026) */
img.zmark.zinl{display:inline-block !important;vertical-align:baseline !important;--zh:1.3em;margin:0 .34em 0 0;position:static !important;inset:auto !important}
.auth-hero .top .zline{display:inline;white-space:nowrap}
.auth-hero .top img.zmark.zinl{--zh:1.3em}
.sb-brand,.auth-hero .top,.mp-logo,.logo{align-items:center !important}
.sb-name{white-space:nowrap}
.mp-logo .mp-wm{display:block !important;line-height:1.05}.mp-logo .mp-wm small{display:block;padding-left:calc(1.3em * 1.2267 + .34em)}

/* Audit Teil 2 (02.11.2026): Fließtext-Links im Inhalt nie in Browser-Blau (Abendmodus kaum lesbar) */
#view a:not(.btn):not([class*="btn"]):not(.tile):not(.nav-i):not([role="button"]){color:var(--accent);text-underline-offset:2px}
#view a:not(.btn):not([class*="btn"]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:3px}
/* Audit Teil 2 (axe): Kontraste im Abendmodus */
[data-theme="dark"] .kbd{color:#A3B0A8}
[data-theme="dark"] .nh-chip.op{color:#F2A38F}
/* Audit Teil 2: sichtbarer Tastatur-Fokus auch in Suchfeldern */
#nav input:focus-visible,#globalSearch:focus-visible,.topbar input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
[data-theme="dark"] .ng-chip.on,[data-theme="dark"] .ng-chip.on b,[data-theme="dark"] .nav-badge.dot{color:#0F1A16}
[data-theme="dark"] .ng-off{color:#F2A38F}
[data-theme="dark"] .nh-chip.ok{color:#9FDAB9}
:root:not([data-theme="dark"]) .kbd{color:#5F6B74}

/* Nacharbeit Audit 2 (02.11.2026): Kontraste Gästeseiten. Abendmodus: grüner Text in hellem Akzent statt Tannengrün (2,7:1 → über 7:1),
   weiße Schrift auf hellem Akzent → dunkle Schrift. Hell: Fußzeile, Warn-Chip. Flache Selektoren (kein CSS-Nesting, ältere Safari). */
.g-powered{color:#5B6570;opacity:1}
.g-chip.warn{color:#7A530B}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .pr,:root:not([data-theme="light"]) .summary b,:root:not([data-theme="light"]) .eyebrow,:root:not([data-theme="light"]) .foot a,:root:not([data-theme="light"]) .g-tabs button.on,:root:not([data-theme="light"]) .g-tabs button.on>span,:root:not([data-theme="light"]) span.on{color:#7FBFA4!important}
  :root:not([data-theme="light"]) .eyebrow{background:rgba(127,191,164,.12)!important;border-color:rgba(127,191,164,.3)!important}
  :root:not([data-theme="light"]) .nv-da,:root:not([data-theme="light"]) #sBtn{color:#0E1513!important}
  :root:not([data-theme="light"]) .g-powered{color:#A3B0A8}
  :root:not([data-theme="light"]) .g-chip.warn{color:#E9C46A}
}
:root[data-theme="dark"] .pr,:root[data-theme="dark"] .summary b,:root[data-theme="dark"] .eyebrow,:root[data-theme="dark"] .foot a,:root[data-theme="dark"] .g-tabs button.on,:root[data-theme="dark"] .g-tabs button.on>span,:root[data-theme="dark"] span.on{color:#7FBFA4!important}
:root[data-theme="dark"] .eyebrow{background:rgba(127,191,164,.12)!important;border-color:rgba(127,191,164,.3)!important}
:root[data-theme="dark"] .nv-da,:root[data-theme="dark"] #sBtn{color:#0E1513!important}
:root[data-theme="dark"] .g-powered{color:#A3B0A8}
:root[data-theme="dark"] .g-chip.warn{color:#E9C46A}