/* Mein AppManager by Meerconcepte
   Gestaltung angelehnt an Apples Human Interface Guidelines:
   Systemschrift, semantische Systemfarben für hell und dunkel, gruppierte Listen,
   Seitenleiste in breiten Fenstern, Tab-Leiste auf dem Handy, Sheets für Dialoge. */
:root{
  --bg:#f2f2f7;            /* gruppierter Hintergrund */
  --surface:#ffffff;       /* Zellen und Karten */
  --surface-2:#f2f2f7;     /* eingelassene Flächen */
  --fill:rgba(120,120,128,.12);
  --fill-2:rgba(120,120,128,.08);
  --label:#1d1d1f;
  --label-2:rgba(60,60,67,.62);
  --label-3:rgba(60,60,67,.32);
  --sep:rgba(60,60,67,.2);
  --tint:#007aff; --tint-ink:#ffffff; --tint-soft:rgba(0,122,255,.11); --tint-text:#0062cc;
  --green:#248a3d; --green-soft:rgba(52,199,89,.15);
  --orange:#c93400; --orange-soft:rgba(255,149,0,.16);
  --red:#d70015; --red-soft:rgba(255,59,48,.12);
  --ch-direkt:#007aff; --ch-airbnb:#ff2d55; --ch-booking:#5856d6; --ch-fewo:#af52de;
  --bar-glass:rgba(249,249,251,.78);
  --shadow-sheet:0 10px 40px rgba(0,0,0,.18);
  --seg-shadow:0 3px 8px rgba(0,0,0,.12),0 3px 1px rgba(0,0,0,.04);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Helvetica Neue","Segoe UI",Roboto,Arial,sans-serif;
  --mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,Consolas,monospace;
  /* ältere Namen, die in der Oberfläche noch vorkommen */
  --ink:var(--label); --muted:var(--label-2); --line:var(--sep); --sunk:var(--surface-2);
  --accent:var(--tint); --accent-ink:var(--tint-ink); --accent-soft:var(--tint-soft);
  --buoy:var(--orange); --bad:var(--red); --ok:var(--green);
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root{
  --bg:#000000; --surface:#1c1c1e; --surface-2:#2c2c2e;
  --fill:rgba(120,120,128,.24); --fill-2:rgba(120,120,128,.16);
  --label:#f5f5f7; --label-2:rgba(235,235,245,.62); --label-3:rgba(235,235,245,.3); --sep:rgba(84,84,88,.6);
  --tint:#0a84ff; --tint-ink:#ffffff; --tint-soft:rgba(10,132,255,.2); --tint-text:#409cff;
  --green:#30d158; --green-soft:rgba(48,209,88,.18);
  --orange:#ff9f0a; --orange-soft:rgba(255,159,10,.18);
  --red:#ff453a; --red-soft:rgba(255,69,58,.18);
  --ch-direkt:#0a84ff; --ch-airbnb:#ff375f; --ch-booking:#5e5ce6; --ch-fewo:#bf5af2;
  --bar-glass:rgba(28,28,30,.78);
  --shadow-sheet:0 10px 40px rgba(0,0,0,.6);
  --seg-shadow:0 3px 8px rgba(0,0,0,.4);
  color-scheme:dark }}

*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--label);font-family:var(--font);font-size:15px;line-height:1.42;-webkit-font-smoothing:antialiased;letter-spacing:-.01em}
h1,h2,h3{margin:0;text-wrap:balance;letter-spacing:-.02em}
h2{font-size:1.25rem;font-weight:700}
h3{font-size:1.06rem;font-weight:600}
p{margin:0}
a{color:var(--tint-text);text-decoration:none}
a:hover{text-decoration:underline}
.num,.r,.kpi .v{font-variant-numeric:tabular-nums}
.mono{font-family:var(--mono);font-size:.92em}
.muted{color:var(--label-2)} .small{font-size:.84rem}
.label{font-size:.8rem;color:var(--label-2);font-weight:500}
:focus-visible{outline:3px solid color-mix(in srgb,var(--tint) 55%,transparent);outline-offset:2px;border-radius:8px}
.boot{padding:40vh 20px 0;text-align:center;color:var(--label-2)}

/* ---------- Rahmen ---------- */
.app{min-height:100%;display:grid;grid-template-columns:260px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;height:100dvh;display:flex;flex-direction:column;gap:4px;padding:calc(18px + env(safe-area-inset-top,0px)) 12px calc(14px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));
  background:var(--bar-glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-right:.5px solid var(--sep);overflow-y:auto}
.side-brand{display:flex;align-items:center;gap:10px;padding:0 8px 14px}
.side-brand img{width:32px;height:32px;border-radius:8px}
.side-brand b{display:block;font-size:.98rem;letter-spacing:-.02em}
.side-brand span{display:block;font-size:.74rem;color:var(--label-2)}
.side-nav{display:flex;flex-direction:column;gap:2px}
.side-nav a{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:8px;color:var(--label);font-size:.95rem;font-weight:500;text-decoration:none}
.side-nav a svg{width:20px;height:20px;color:var(--tint);flex:none}
.side-nav a:hover{background:var(--fill-2)}
.side-nav a[aria-current="page"]{background:var(--tint);color:var(--tint-ink)}
.side-nav a[aria-current="page"] svg{color:var(--tint-ink)}
.side-foot{margin-top:auto;padding-top:10px;border-top:.5px solid var(--sep)}
.side-foot button{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border-radius:8px}
.side-foot button:hover{background:var(--fill-2)}
.side-foot svg{width:28px;height:28px;color:var(--label-2)}
.side-foot b{display:block;font-size:.88rem;font-weight:600}
.side-foot span{display:block;font-size:.76rem;color:var(--label-2)}

.main{min-width:0}
.wrap{max-width:1120px;margin:0 auto;padding-left:max(28px,env(safe-area-inset-left,0px));padding-right:max(28px,env(safe-area-inset-right,0px));padding-block:calc(26px + env(safe-area-inset-top,0px)) 56px;display:flex;flex-direction:column;gap:18px}
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px}
.large-title{font-size:2.125rem;font-weight:700;letter-spacing:-.025em;line-height:1.1}
.page-sub{color:var(--label-2);font-size:.9rem;margin-top:2px}
.icon-btn{all:unset;cursor:pointer;display:grid;place-items:center;width:44px;height:44px;border-radius:22px;color:var(--tint)}
.icon-btn:hover{background:var(--fill-2)}
.icon-btn svg{width:28px;height:28px}
.tabbar{display:none}
.only-compact{display:none}

@media (max-width: 899px){
  .app{display:block}
  .sidebar{display:none}
  .only-compact{display:grid}
  .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:calc(14px + env(safe-area-inset-top,0px)) calc(96px + env(safe-area-inset-bottom,0px));gap:16px}
  .large-title{font-size:2rem}
  .tabbar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:20;
    padding:6px max(8px,env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));
    background:var(--bar-glass);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:.5px solid var(--sep)}
  .tabbar a{display:flex;flex-direction:column;align-items:center;gap:2px;min-height:44px;justify-content:center;font-size:.66rem;font-weight:500;color:var(--label-2);text-decoration:none}
  .tabbar a svg{width:25px;height:25px}
  .tabbar a[aria-current="page"]{color:var(--tint)}
  .hide-sm{display:none}
}

/* ---------- Gruppierte Inhalte ---------- */
.stack{display:flex;flex-direction:column;gap:18px}
.panel{background:var(--surface);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;min-width:0;overflow:hidden}
.panel .panel{background:var(--surface-2)}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}
.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}
.kpi{background:var(--surface);border-radius:12px;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.panel .kpi{background:var(--surface-2)}
.kpi .label{font-size:.8rem;font-weight:600;color:var(--label-2)}
.kpi .v{font-size:1.75rem;font-weight:700;letter-spacing:-.03em;line-height:1.15}
.kpi .s{font-size:.8rem;color:var(--label-2)}
.row{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.between{justify-content:space-between}

.list{display:flex;flex-direction:column;margin:0 -16px}
.li{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:10px 16px;min-height:44px;position:relative}
.li + .li::before{content:"";position:absolute;top:0;left:16px;right:0;border-top:.5px solid var(--sep)}
.li .t{min-width:0}
.li .t b{font-weight:600}
.li .t span{display:block;font-size:.84rem;color:var(--label-2);overflow-wrap:anywhere}
a.li{color:inherit;text-decoration:none}
a.li:hover{background:var(--fill-2)}
.chev{width:14px;height:14px;color:var(--label-3)}
.li-icon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;background:var(--tint);color:#fff}
.li-icon svg{width:18px;height:18px}

.tag{font-size:.74rem;font-weight:600;padding:3px 9px;border-radius:999px;white-space:nowrap;display:inline-block}
.tag.in{background:var(--green-soft);color:var(--green)}
.tag.out{background:var(--tint-soft);color:var(--tint-text)}
.tag.warn{background:var(--orange-soft);color:var(--orange)}
.tag.err{background:var(--red-soft);color:var(--red)}
.tag.off{background:var(--fill);color:var(--label-2)}
.dot{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none;vertical-align:middle}

/* ---------- Bedienelemente ---------- */
.btn{font:inherit;font-weight:600;font-size:.94rem;border:0;background:var(--fill);color:var(--tint-text);padding:0 16px;min-height:36px;border-radius:10px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;text-decoration:none;transition:filter .15s,background .15s}
.btn:hover{text-decoration:none;filter:brightness(.96)}
.btn:active{filter:brightness(.9)}
.btn.primary{background:var(--tint);color:var(--tint-ink)}
.btn.danger{background:var(--red-soft);color:var(--red)}
.btn.sm{font-size:.84rem;min-height:30px;padding:0 12px;border-radius:8px}
.btn[data-close]{background:transparent;color:var(--tint-text)}
.btn[disabled]{opacity:.4;cursor:default;filter:none}
@media (max-width: 899px){ .btn{min-height:44px} .btn.sm{min-height:34px} .segmented{display:grid;align-self:stretch} .segmented button{padding:7px 6px} }

input,select,textarea{font:inherit;font-size:.95rem;color:var(--label);background:var(--fill-2);border:0;border-radius:10px;padding:0 12px;min-height:40px;min-width:0;width:100%}
.panel .panel input,.panel .panel select{background:var(--surface)}
textarea{padding:10px 12px;min-height:76px;resize:vertical}
input::placeholder,textarea::placeholder{color:var(--label-3)}
input:focus,select:focus,textarea:focus{outline:0;box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 35%,transparent);background:var(--surface)}
select{appearance:none;-webkit-appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%238e8e93' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:12px}
/* Schalter statt Kästchen */
input[type=checkbox]{appearance:none;-webkit-appearance:none;width:51px;min-width:51px;height:31px;min-height:31px;padding:0;border-radius:16px;background:var(--fill);position:relative;cursor:pointer;transition:background .2s;flex:none}
input[type=checkbox]::after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.16);transition:transform .2s}
input[type=checkbox]:checked{background:#34c759!important}
input[type=checkbox]:checked::after{transform:translateX(20px)}
input[type=checkbox]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 35%,transparent)}
input[type=checkbox][disabled]{opacity:.4;cursor:default}

.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}
.form label{display:flex;flex-direction:column;gap:5px;font-size:.82rem;color:var(--label-2);font-weight:500}
.form label.full{grid-column:1/-1}
.form label.check,label.check{flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:16px;color:var(--label);font-size:.95rem;font-weight:400}

.segmented{display:inline-grid;align-self:flex-start;grid-auto-flow:column;grid-auto-columns:1fr;background:var(--fill);padding:2px;border-radius:9px;max-width:100%;overflow-x:auto}
.segmented button{all:unset;cursor:pointer;text-align:center;padding:6px 14px;font-size:.86rem;font-weight:500;border-radius:7px;color:var(--label);white-space:nowrap}
.segmented button[aria-pressed="true"]{background:var(--surface);box-shadow:var(--seg-shadow);font-weight:600}
.panel .segmented button[aria-pressed="true"]{background:var(--surface)}

.msg{font-size:.9rem;padding:10px 12px;border-radius:10px}
.msg.err{background:var(--red-soft);color:var(--red)}
.msg.ok{background:var(--green-soft);color:var(--green)}
.msg.info{background:var(--fill-2);color:var(--label)}
.secret{font-family:var(--mono);font-size:1rem;background:var(--fill-2);padding:10px 12px;border-radius:10px;user-select:all;overflow-wrap:anywhere}
.note{font-size:.82rem;color:var(--label-2);line-height:1.45}

/* ---------- Tabellen ---------- */
.scroll{overflow-x:auto;max-width:100%;margin:0 -16px;padding:0 16px}
table{border-collapse:collapse;width:100%;font-size:.9rem}
th,td{text-align:left;padding:9px 10px;border-bottom:.5px solid var(--sep);white-space:nowrap}
th{font-size:.78rem;color:var(--label-2);font-weight:600}
td.r,th.r{text-align:right}
td.wrap{white-space:normal;min-width:160px}
tbody tr:last-child td{border-bottom:0}
tr.sum td{font-weight:700;border-top:.5px solid var(--sep);border-bottom:0}
tr.clickable{cursor:pointer}
tr.clickable:hover td{background:var(--fill-2)}
tr.inactive td{color:var(--label-2)}

/* ---------- Belegungsplan ---------- */
.cal{overflow-x:auto;max-width:100%;border-radius:10px;background:var(--surface);border:.5px solid var(--sep)}
.calin{display:grid;min-width:max-content}
.calrow{display:grid;grid-template-columns:168px 1fr}
.calrow + .calrow{border-top:.5px solid var(--sep)}
.calname{position:sticky;left:0;background:var(--surface);padding:7px 10px;font-size:.84rem;border-right:.5px solid var(--sep);z-index:2;line-height:1.25}
.calname b{font-weight:600}
.calname span{display:block;color:var(--label-2);font-size:.74rem}
.days{display:grid;position:relative;min-height:42px}
.dayh{font-size:.7rem;text-align:center;color:var(--label-2);padding:6px 0;font-weight:600}
.dayh.we,.dcell.we{background:var(--fill-2)}
.dayh.today{color:#fff;background:var(--red);border-radius:6px;margin:3px 3px}
.dcell{grid-row:1;border-left:.5px solid color-mix(in srgb,var(--sep) 55%,transparent)}
.bar{grid-row:1;align-self:center;height:28px;margin:0 2px;border-radius:7px;font-size:.74rem;font-weight:600;padding:0 8px;display:flex;align-items:center;overflow:hidden;white-space:nowrap;border:0;font-family:var(--font);z-index:1;text-align:left}
button.bar{cursor:pointer}
button.bar:hover{filter:brightness(.95)}
.bar.ch-direkt{background:color-mix(in srgb,var(--ch-direkt) 18%,var(--surface));color:color-mix(in srgb,var(--ch-direkt) 80%,var(--label))}
.bar.ch-airbnb{background:color-mix(in srgb,var(--ch-airbnb) 18%,var(--surface));color:color-mix(in srgb,var(--ch-airbnb) 80%,var(--label))}
.bar.ch-booking{background:color-mix(in srgb,var(--ch-booking) 18%,var(--surface));color:color-mix(in srgb,var(--ch-booking) 80%,var(--label))}
.bar.ch-fewo{background:color-mix(in srgb,var(--ch-fewo) 18%,var(--surface));color:color-mix(in srgb,var(--ch-fewo) 80%,var(--label))}
.dot.ch-ota{background:var(--label-2)} .bar.ch-ota{background:var(--fill);color:var(--label)}
.dot.ch-direkt{background:var(--ch-direkt)} .dot.ch-airbnb{background:var(--ch-airbnb)} .dot.ch-booking{background:var(--ch-booking)} .dot.ch-fewo{background:var(--ch-fewo)}
.legend{display:flex;flex-wrap:wrap;gap:14px;font-size:.82rem;color:var(--label-2)}
.legend span{display:inline-flex;align-items:center;gap:6px}
.meter{height:6px;border-radius:3px;background:var(--fill);overflow:hidden;width:90px}
.meter i{display:block;height:100%;background:var(--tint);border-radius:3px}

/* ---------- Preiskalender ---------- */
.pcal table{font-size:.8rem}
.pcal th,.pcal td{padding:6px 7px}
.pcal .pc-name{position:sticky;left:0;background:var(--surface);z-index:1;min-width:136px;white-space:normal;line-height:1.25}
.pcal td.pc{cursor:pointer;border-radius:6px}
.pcal td.pc:hover{box-shadow:inset 0 0 0 2px var(--tint)}
.pc-today{color:var(--red)}
td.pc-booked{color:var(--label-3);text-decoration:line-through;cursor:default!important}
td.pc-disc{background:var(--tint-soft);color:var(--tint-text);font-weight:600}
td.pc-manual{background:var(--orange-soft);color:var(--orange);font-weight:600}
td.pc-up{font-weight:600}
.dot.pc-key{background:var(--fill)} .dot.pc-booked{background:var(--label-3)} .dot.pc-disc{background:var(--tint)} .dot.pc-manual{background:var(--orange)}

/* ---------- Sheets ---------- */
dialog{border:0;border-radius:14px;background:var(--surface);color:var(--label);padding:0;width:min(600px,calc(100vw - 32px));max-height:calc(100dvh - 48px);box-shadow:var(--shadow-sheet)}
dialog::backdrop{background:rgba(0,0,0,.32)}
dialog[open]{animation:sheet-in .28s cubic-bezier(.2,.8,.2,1)}
@keyframes sheet-in{from{transform:translateY(24px) scale(.98);opacity:0}to{transform:none;opacity:1}}
#dlgBody{padding:22px;display:flex;flex-direction:column;gap:16px}
#dlgBody .panel{background:var(--surface-2)}
#dlgBody input,#dlgBody select,#dlgBody textarea{background:var(--fill-2)}
@media (max-width: 899px){
  dialog{width:100%;max-width:100%;margin:auto 0 0;border-radius:14px 14px 0 0;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom,0px)}
  dialog[open]{animation:sheet-up .32s cubic-bezier(.2,.8,.2,1)}
  @keyframes sheet-up{from{transform:translateY(100%)}to{transform:none}}
  #dlgBody{padding:10px max(18px,env(safe-area-inset-right,0px)) 22px max(18px,env(safe-area-inset-left,0px))}
  #dlgBody::before{content:"";width:36px;height:5px;border-radius:3px;background:var(--label-3);align-self:center;margin-bottom:4px}
}

/* ---------- Anmeldung ---------- */
.login{min-height:100%;display:grid;place-items:center;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
.login form{width:min(380px,100%);display:flex;flex-direction:column;gap:18px;align-items:stretch}
.login .app-icon{width:76px;height:76px;border-radius:18px;align-self:center;box-shadow:0 6px 18px rgba(0,0,0,.12)}
.login h1{font-size:1.75rem;font-weight:700;text-align:center}
.login .byline{text-align:center;margin-top:-12px}
.login .group{background:var(--surface);border-radius:12px;overflow:hidden}
.login .group input{background:transparent;border-radius:0;min-height:48px;padding:0 16px}
.login .group input + input{border-top:.5px solid var(--sep)}
.login .group input:focus{box-shadow:none;background:var(--fill-2)}
.login .btn{min-height:48px;font-size:1rem}
.byline{font-size:.82rem;color:var(--label-2);font-weight:500}

@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
.li .t span.tag{display:inline-block;vertical-align:1px;margin-left:4px}
.weekstrip{display:grid;grid-template-columns:repeat(7,minmax(108px,1fr));gap:10px;overflow-x:auto;margin:0 -2px;padding:2px}
@media (max-width: 899px){
  .li.stack-sm{grid-template-columns:1fr!important}
  .li.stack-sm > .row{justify-content:flex-start}
  .weekstrip{margin:0 -16px;padding:2px 16px;grid-template-columns:repeat(7,104px)}
}
.bar.ch-eigen{background:repeating-linear-gradient(135deg,var(--fill) 0 6px,var(--fill-2) 6px 12px);color:var(--label-2)}
.dot.ch-eigen{background:var(--label-3)}
label.check{display:flex}
[hidden]{display:none!important}
/* Gästekartei */
.guest-pick{display:flex;flex-direction:column;gap:6px;position:relative}
.guest-pick .gp-row{display:flex;gap:8px;align-items:center}
.guest-pick .gp-row input{flex:1;min-width:0}
.gchip{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--fill-2);border-radius:10px;padding:8px 12px}
.gchip a{text-decoration:none}
.gp-results{background:var(--surface);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.18);overflow:hidden;max-height:300px;overflow-y:auto;z-index:5}
.gp-results button{all:unset;box-sizing:border-box;display:flex;flex-direction:column;gap:2px;width:100%;padding:9px 12px;cursor:pointer;border-bottom:.5px solid var(--sep)}
.gp-results button:hover,.gp-results button:focus-visible{background:var(--fill-2)}
.gp-results button span{font-size:.82rem;color:var(--label-2)}
.tagpick{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px;align-items:center}
.tagpick button{font:inherit;font-size:.84rem;border:0;border-radius:999px;padding:5px 12px;background:var(--fill);color:var(--label);cursor:pointer}
.tagpick button[aria-pressed="true"]{background:var(--tint);color:var(--tint-ink)}
/* Belegungsplan: Wochentage im Kopf, Zeilen deutlich getrennt */
.dayh{display:flex;flex-direction:column;align-items:center;gap:1px;line-height:1.15}
.dayh .wdn{font-size:.62rem;font-weight:500;opacity:.75;text-transform:none}
.dayh.today .wdn{opacity:.9}
.calrow + .calrow{border-top:1px solid color-mix(in srgb,var(--label) 14%,transparent)}
.calin > .calrow:first-child{border-bottom:1px solid color-mix(in srgb,var(--label) 22%,transparent)}
.calin > .calrow:nth-child(odd):not(:first-child) .days,.calin > .calrow:nth-child(odd):not(:first-child) .calname{background-color:color-mix(in srgb,var(--fill-2) 55%,var(--surface))}
.calin > .calrow:nth-child(odd):not(:first-child) .dcell.we{background:color-mix(in srgb,var(--fill) 80%,var(--surface))}
.calin > .calrow:not(:first-child):hover .days,.calin > .calrow:not(:first-child):hover .calname{background-color:color-mix(in srgb,var(--tint) 7%,var(--surface))}
.days{min-height:46px}
.btn.wa{color:#1f9d55}
.btn.wa svg{width:16px;height:16px}

/* ---------- Nachrichten ---------- */
.nbadge{margin-left:auto;background:var(--red);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;padding:0 5px;border-radius:9px;display:inline-grid;place-items:center;line-height:1}
.side-nav a[aria-current="page"] .nbadge{background:#fff;color:var(--tint)}
.tabbar a{position:relative}
.tabbar .nbadge{position:absolute;top:2px;left:calc(50% + 6px);margin:0}
.inbox{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}
.ib-list{position:sticky;top:12px;max-height:calc(100vh - 140px)}
.ib-items{overflow-y:auto;margin:0 -8px;display:flex;flex-direction:column;gap:2px}
.ibi{display:block;padding:9px 10px;border-radius:10px;color:var(--label);text-decoration:none}
.ibi:hover{background:var(--fill-2)}
.ibi.sel{background:var(--tint-soft)}
.ibi-top{display:flex;justify-content:space-between;gap:8px;align-items:baseline}
.ibi-top b{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ibi.unread .ibi-top b{font-weight:700}
.ibi-sub{display:flex;align-items:center;gap:6px;font-size:.84rem;color:var(--label-2);margin-top:2px}
.ibi-sub .snip{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ibi.unread .snip{color:var(--label)}
.ibch svg{width:15px;height:15px;display:block;color:var(--label-3)}
.dot-unread{width:9px;height:9px;border-radius:50%;background:var(--tint);flex:none}
.ib-thread{min-height:420px}
.ib-empty{display:grid;justify-items:center;text-align:center;gap:6px;padding:60px 20px;color:var(--label-2)}
.ib-empty svg{width:44px;height:44px;color:var(--label-3)}
.ib-empty p{margin:0}
.ib-head{display:flex;align-items:flex-start;gap:10px}
.ib-who{flex:1;min-width:0}
.ib-who a{color:var(--label);text-decoration:none;font-size:1.1rem}
.ib-notes{background:var(--orange-soft);border-radius:8px;padding:6px 10px;margin:0}
.ib-msgs{display:flex;flex-direction:column;gap:10px;max-height:56vh;overflow-y:auto;padding:4px 2px;background:var(--surface-2);border-radius:10px;padding:12px}
.bub{max-width:min(560px,86%);border-radius:14px;padding:8px 12px;background:var(--surface);align-self:flex-start;box-shadow:0 1px 1px rgba(0,0,0,.04)}
.bub.out{align-self:flex-end;background:var(--tint-soft)}
.bub.note-bub{align-self:center;background:var(--orange-soft);max-width:92%}
.bub-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:.74rem;color:var(--label-2);margin-bottom:3px}
.bub-meta svg{width:13px;height:13px}
.bub-subj{font-weight:600;font-size:.9rem;margin-bottom:2px}
.bub-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem}
.bub-ref{font-size:.74rem;color:var(--label-2);margin-top:4px}
.err-t{color:var(--red)}
.ib-compose{display:flex;flex-direction:column;gap:8px}
.ib-compose .segmented{align-self:flex-start}
.ib-opts select{width:auto;max-width:100%}
.ib-compose p{margin:0}
@media (max-width: 899px){
  .only-wide{display:none}
  .inbox{grid-template-columns:1fr}
  .inbox.has-sel .ib-list{display:none}
  .inbox:not(.has-sel) .ib-thread{display:none}
  .ib-list{position:static;max-height:none}
  .ib-msgs{max-height:none}
}
.ibi,.ibi:hover{text-decoration:none!important}

/* ---------- Pace Pricing ---------- */
.pace-chart{width:100%;height:auto;display:block}
.pace-chart text{font-family:var(--font)}
.pace-hero p{margin:0;color:var(--label-2)}
.pace-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.pace-steps div{background:var(--surface-2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
.pace-steps span{font-size:.84rem;color:var(--label-2)}
.pace-preview{background:var(--tint-soft);color:var(--tint-text);border-radius:10px;padding:10px 12px;font-weight:600;margin:0}
@media (max-width: 899px){ .pace-steps{grid-template-columns:1fr} }

/* ---------- Smartphone: Tabellen als Karten ---------- */
@media (max-width: 899px){
  .scroll:has(> table.cards){margin:0;padding:0;overflow:visible}
  table.cards, table.cards tbody, table.cards tfoot{display:block}
  table.cards thead{display:none}
  table.cards tr{display:flex;flex-direction:column;gap:3px;padding:11px 2px;border-bottom:.5px solid var(--sep)}
  table.cards tr.clickable:hover td{background:transparent}
  table.cards tr.clickable:active td{background:var(--fill-2)}
  table.cards tr, table.cards tr:nth-child(n){background:transparent}
  table.cards td{border:0;padding:0;white-space:normal;display:block;text-align:right;font-size:.9rem;min-width:0;overflow-wrap:anywhere;background:transparent}
  table.cards td::before{content:attr(data-label);float:left;margin-right:12px;color:var(--label-2);font-size:.8rem;font-weight:500;text-align:left;max-width:45%}
  table.cards td:first-child{font-size:1rem;text-align:left}
  table.cards td:first-child::before, table.cards td[data-label=""]::before{content:none}
  table.cards td[data-label=""]{text-align:left}
  table.cards td:empty{display:none}
  table.cards td[colspan]{display:block;text-align:left}
  table.cards td > *{min-width:0}
  table.cards td.wrap{min-width:0}
  table.cards .hide-sm{display:block}
}
.pace-chart text{paint-order:stroke;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}