/* 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:var(--alt-EEF4F1,#EEF4F1);--pine-100:var(--alt-DCE8E2,#DCE8E2);--pine-200:var(--alt-B7CFC3,#B7CFC3);--pine-300:var(--alt-86AE9B,#86AE9B);--pine-400:var(--alt-3E7A65,#3E7A65);--pine-500:var(--alt-245244,#245244);--pine-600:var(--alt-1B4136,#1B4136);--pine-700:var(--alt-13302A,#13302A);--pine-800:var(--alt-0C211C,#0C211C);
  --clay-400:var(--alt-F08C76,#F08C76);--clay-500:var(--alt-E8735A,#E8735A);--clay-600:var(--alt-B8442C,#B8442C);
  --bg:var(--alt-F1F5F9,#F1F5F9);--surface:#FFFFFF;--surface-2:var(--alt-E9EEF2,#E9EEF2);--surface-3:var(--alt-DFE6EB,#DFE6EB);--border:var(--alt-D6DDE3,#D6DDE3);--border-strong:var(--alt-C3CCD4,#C3CCD4);
  --text:var(--alt-1C1917,#1C1917);--text-muted:var(--alt-55606A,#55606A);--text-subtle:var(--alt-7C8790,#7C8790);
  --accent:var(--alt-245244,#245244);--accent-soft:rgba(var(--altrgb-36-82-68,36,82,68),.10);--today-col:rgba(var(--altrgb-232-115-90,232,115,90),.20);
  --success:var(--alt-2F7A55,#2F7A55);--success-bg:var(--alt-E1F0E8,#E1F0E8);--warning:var(--alt-9A6A0E,#9A6A0E);--warning-bg:var(--alt-FBF0DA,#FBF0DA);--danger:var(--alt-B8442C,#B8442C);--danger-bg:var(--alt-FCE7E1,#FCE7E1);--info:var(--alt-2F5E8C,#2F5E8C);--info-bg:var(--alt-E4EDF6,#E4EDF6);
  --st-res:var(--alt-2F5E8C,#2F5E8C);--st-res-bg:var(--alt-E4EDF6,#E4EDF6);--st-arr:var(--alt-9A6A0E,#9A6A0E);--st-arr-bg:var(--alt-FBF0DA,#FBF0DA);--st-dep:var(--alt-2F7A55,#2F7A55);--st-dep-bg:var(--alt-E1F0E8,#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:var(--alt-245244,#245244);--brand-600:var(--alt-1B4136,#1B4136);--brand-700:var(--alt-13302A,#13302A);--brand-100:var(--alt-DCE8E2,#DCE8E2);--brand-50:var(--alt-EEF4F1,#EEF4F1);--muted:var(--alt-55606A,#55606A);
  --gold:var(--alt-E8735A,#E8735A);--sel:var(--alt-13302A,#13302A);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:var(--alt-0E1513,#0E1513);--surface:var(--alt-151E1B,#151E1B);--surface-2:var(--alt-1B2723,#1B2723);--surface-3:var(--alt-22302B,#22302B);--border:var(--alt-283631,#283631);--border-strong:var(--alt-34463F,#34463F);
  --text:var(--alt-ECF1EE,#ECF1EE);--text-muted:var(--alt-A3B0A8,#A3B0A8);--text-subtle:var(--alt-76837B,#76837B);
  --accent:var(--alt-7FBFA4,#7FBFA4);--accent-soft:rgba(var(--altrgb-127-191-164,127,191,164),.16);--today-col:rgba(var(--altrgb-240-140-118,240,140,118),.22);
  --success:var(--alt-5CC28F,#5CC28F);--success-bg:var(--alt-15281F,#15281F);--danger:var(--alt-F08C76,#F08C76);--danger-bg:var(--alt-2E1712,#2E1712);--info:var(--alt-7FAEDD,#7FAEDD);--info-bg:var(--alt-13202E,#13202E);
  --brand:var(--alt-7FBFA4,#7FBFA4);--brand-100:#1E3029;--brand-50:#16231F;--muted:var(--alt-A3B0A8,#A3B0A8);
}}
:root[data-theme="dark"],[data-theme="dark"]{
  --bg:var(--alt-0E1513,#0E1513);--surface:var(--alt-151E1B,#151E1B);--surface-2:var(--alt-1B2723,#1B2723);--surface-3:var(--alt-22302B,#22302B);--border:var(--alt-283631,#283631);--border-strong:var(--alt-34463F,#34463F);
  --text:var(--alt-ECF1EE,#ECF1EE);--text-muted:var(--alt-A3B0A8,#A3B0A8);--text-subtle:var(--alt-76837B,#76837B);
  --accent:var(--alt-7FBFA4,#7FBFA4);--accent-soft:rgba(var(--altrgb-127-191-164,127,191,164),.16);--today-col:rgba(var(--altrgb-240-140-118,240,140,118),.22);
  --success:var(--alt-5CC28F,#5CC28F);--success-bg:var(--alt-15281F,#15281F);--danger:var(--alt-F08C76,#F08C76);--danger-bg:var(--alt-2E1712,#2E1712);--info:var(--alt-7FAEDD,#7FAEDD);--info-bg:var(--alt-13202E,#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:var(--alt-E8735A,#E8735A) !important;color:var(--t-onAcc,var(--alt-1C1917,#1C1917)) !important;border-color:var(--alt-E8735A,#E8735A) !important}
.btn.pri{background:var(--pine-500);border-color:var(--pine-500);color:#fff}
[data-theme="dark"] .btn.pri{background:var(--alt-7FBFA4,#7FBFA4);border-color:var(--alt-7FBFA4,#7FBFA4);color:var(--t-onBrandTx,var(--alt-0E1513,#0E1513))}
::selection{background:rgba(var(--altrgb-232-115-90,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:var(--alt-A3B0A8,#A3B0A8)}
[data-theme="dark"] .nh-chip.op{color:var(--alt-F2A38F,#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:var(--alt-F2A38F,#F2A38F)}
[data-theme="dark"] .nh-chip.ok{color:var(--alt-9FDAB9,#9FDAB9)}
:root:not([data-theme="dark"]) .kbd{color:var(--alt-5F6B74,#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:var(--alt-7FBFA4,#7FBFA4)!important}
  :root:not([data-theme="light"]) .eyebrow{background:rgba(var(--altrgb-127-191-164,127,191,164),.12)!important;border-color:rgba(var(--altrgb-127-191-164,127,191,164),.3)!important}
  :root:not([data-theme="light"]) .nv-da,:root:not([data-theme="light"]) #sBtn{color:var(--alt-0E1513,#0E1513)!important}
  :root:not([data-theme="light"]) .g-powered{color:var(--alt-A3B0A8,#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:var(--alt-7FBFA4,#7FBFA4)!important}
:root[data-theme="dark"] .eyebrow{background:rgba(var(--altrgb-127-191-164,127,191,164),.12)!important;border-color:rgba(var(--altrgb-127-191-164,127,191,164),.3)!important}
:root[data-theme="dark"] .nv-da,:root[data-theme="dark"] #sBtn{color:var(--alt-0E1513,#0E1513)!important}
:root[data-theme="dark"] .g-powered{color:var(--alt-A3B0A8,#A3B0A8)}
:root[data-theme="dark"] .g-chip.warn{color:#E9C46A}
