/* =========================================================
   PedioPlan – Design System
   Modern & freundlich: helle Flächen, weiche Teal/Sand-Akzente
   ========================================================= */

:root{
  /* Markenfarben */
  --brand-900:#083f3b; --brand-800:#0b5a55; --brand-700:#0f766e;
  --brand-600:#12877e; --brand-500:#17a398; --brand-400:#45c0b5;
  --brand-100:#d7f0ed; --brand-50:#eef8f7;

  --sand-500:#d9b98c; --sand-300:#ecd9bd; --sand-100:#f7ecdc; --sand-50:#fcf7ef;

  /* Neutrale */
  --bg:#f5f7f7; --surface:#ffffff; --surface-2:#fafbfb; --surface-3:#f1f4f4;
  --border:#e3e8e8; --border-strong:#cfd8d8;
  --text:#16232b; --text-2:#4a5c63; --text-3:#7c8f96;
  --white:#fff;

  /* Status */
  --ok:#166534; --ok-bg:#e7f5ec; --ok-bd:#bfe3cd;
  --info:#1d4ed8; --info-bg:#e9effd; --info-bd:#c4d3f7;
  --warn:#b45309; --warn-bg:#fdf1e2; --warn-bd:#f3d7ae;
  --danger:#be123c; --danger-bg:#fdecef; --danger-bd:#f6c6d2;
  --neutral-bg:#eef1f1; --neutral-bd:#dde3e3;

  /* Chart-Palette (dataviz-geprüft, immer mit Direktlabels) */
  --c1:#0f766e; --c2:#1d4ed8; --c3:#b45309; --c4:#be123c;
  --grid:#e9eded; --track:#f1f4f4;

  /* Geometrie */
  --r-sm:8px; --r:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;
  --sp:4px;
  --shadow-1:0 1px 2px rgba(16,40,45,.05), 0 1px 3px rgba(16,40,45,.04);
  --shadow-2:0 4px 12px rgba(16,40,45,.07), 0 2px 4px rgba(16,40,45,.04);
  --shadow-3:0 18px 44px rgba(11,45,45,.16), 0 6px 16px rgba(11,45,45,.08);
  --sidebar-w:258px;
  --topbar-h:62px;
  --tabbar-h:62px;
  --font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  --mono:ui-monospace,SFMono-Regular,"SF Mono",Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%}
body{
  margin:0;font-family:var(--font);color:var(--text);background:var(--bg);
  font-size:14.5px;line-height:1.5;-webkit-font-smoothing:antialiased;
  -webkit-text-size-adjust:100%;
}
h1,h2,h3,h4{margin:0;font-weight:650;letter-spacing:-.015em;line-height:1.25}
h1{font-size:20px} h2{font-size:17px} h3{font-size:15px} h4{font-size:13.5px}
p{margin:0}
a{color:var(--brand-700);text-decoration:none}
a:hover{text-decoration:underline}
button,input,select,textarea{font:inherit;color:inherit}
:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:6px}
.muted{color:var(--text-3)}
.small{font-size:12.5px}
.tiny{font-size:11.5px}
.strong{font-weight:650}
.nowrap{white-space:nowrap}
.num{font-variant-numeric:tabular-nums}
.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}

/* ---------- Logo ---------- */
.logo{
  display:inline-block;width:30px;height:30px;border-radius:9px;flex:none;
  background:linear-gradient(150deg,var(--brand-500),var(--brand-800));
  position:relative;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
}
.logo::after{
  content:"";position:absolute;inset:6px 8px;border-radius:60% 60% 55% 55%/70% 70% 30% 30%;
  background:rgba(255,255,255,.93);
}
.logo--lg{width:44px;height:44px;border-radius:13px}
.logo--lg::after{inset:9px 12px}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  padding:8px 14px;border-radius:var(--r-sm);border:1px solid var(--border-strong);
  background:var(--surface);color:var(--text);font-weight:600;font-size:13.5px;
  cursor:pointer;transition:.14s;white-space:nowrap;text-decoration:none!important;
}
.btn:hover{background:var(--surface-3);border-color:#b9c6c6}
.btn:active{transform:translateY(1px)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn--primary{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.btn--primary:hover{background:var(--brand-800);border-color:var(--brand-800)}
.btn--soft{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-800)}
.btn--soft:hover{background:var(--brand-100)}
.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}
.btn--ghost:hover{background:var(--surface-3);border-color:transparent}
.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}
.btn--danger:hover{background:#9c0f31}
.btn--danger-soft{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger)}
.btn--sm{padding:5px 10px;font-size:12.5px;border-radius:7px}
.btn--lg{padding:11px 20px;font-size:15px}
.btn--block{width:100%}
.btn--icon{padding:7px;width:34px;height:34px}
.btn-row{display:flex;gap:8px;flex-wrap:wrap}

.icon-btn{
  width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:var(--r-sm);border:1px solid transparent;background:transparent;
  cursor:pointer;color:var(--text-2);font-size:16px;transition:.14s;position:relative;flex:none;
}
.icon-btn:hover{background:var(--surface-3);color:var(--text)}
.icon-btn--dot .dot{position:absolute;top:5px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--danger);border:2px solid var(--surface)}
.icon-btn--dot .dot:empty{display:none}

/* ---------- Layout ---------- */
.shell{display:flex;height:100dvh;overflow:hidden}
.sidebar{
  width:var(--sidebar-w);flex:none;background:var(--surface);border-right:1px solid var(--border);
  display:flex;flex-direction:column;z-index:60;
}
.sidebar__head{display:flex;align-items:center;gap:10px;padding:15px 14px;border-bottom:1px solid var(--border)}
.sidebar__title{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.sidebar__title strong{font-size:15px}
.sidebar__title span{font-size:11.5px;color:var(--text-3)}
.sidebar__close{display:none;margin-left:auto}
.nav{flex:1;overflow-y:auto;padding:10px 10px 16px}
.nav__group{margin:14px 0 5px;padding:0 10px;font-size:10.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--text-3)}
.nav__group:first-child{margin-top:2px}
.nav__item{
  display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--r-sm);
  color:var(--text-2);font-weight:550;font-size:13.5px;cursor:pointer;transition:.12s;margin-bottom:1px;
}
.nav__item:hover{background:var(--surface-3);color:var(--text);text-decoration:none}
.nav__item.is-active{background:var(--brand-50);color:var(--brand-800);font-weight:650}
.nav__item.is-active .nav__ico{color:var(--brand-600)}
.nav__ico{width:19px;text-align:center;flex:none;font-size:15px;color:var(--text-3)}
.nav__count{margin-left:auto;font-size:11px;font-weight:700;background:var(--neutral-bg);color:var(--text-2);padding:1px 7px;border-radius:var(--r-pill)}
.nav__item.is-active .nav__count{background:var(--brand-100);color:var(--brand-800)}
.sidebar__foot{padding:10px;border-top:1px solid var(--border)}
.userchip{display:flex;align-items:center;gap:9px;padding:7px;border-radius:var(--r-sm);cursor:pointer}
.userchip:hover{background:var(--surface-3)}
.userchip__text{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.userchip__text strong{font-size:13px}
.userchip__text span{font-size:11px;color:var(--text-3)}
.avatar{
  width:31px;height:31px;border-radius:50%;flex:none;display:inline-flex;align-items:center;justify-content:center;
  background:var(--brand-100);color:var(--brand-800);font-size:12px;font-weight:700;
}
.avatar--lg{width:52px;height:52px;font-size:18px}
.avatar--sm{width:25px;height:25px;font-size:10.5px}

.main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.topbar{
  height:var(--topbar-h);flex:none;display:flex;align-items:center;gap:12px;padding:0 18px;
  background:var(--surface);border-bottom:1px solid var(--border);z-index:40;
}
.topbar__burger{display:none}
.topbar__title{min-width:0;flex:0 1 auto}
.topbar__title h1{font-size:16.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
.topbar__title p{font-size:11.5px;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:56vw}
.topbar__search{position:relative;flex:1;max-width:420px;margin-left:auto}
.topbar__actions{display:flex;align-items:center;gap:4px}
.topbar__searchbtn{display:none}
.input--search{padding-left:32px;background:var(--surface-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%237c8f96' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 10px center no-repeat;border-color:transparent}
.input--search:focus{background-color:var(--surface)}
.search-results{
  position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--border);
  border-radius:var(--r);box-shadow:var(--shadow-3);max-height:60vh;overflow-y:auto;z-index:80;padding:5px;
}
.search-results__grp{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);padding:8px 9px 4px}
.search-results__item{display:flex;align-items:center;gap:9px;padding:7px 9px;border-radius:7px;cursor:pointer}
.search-results__item:hover,.search-results__item.is-sel{background:var(--brand-50)}
.search-results__item small{color:var(--text-3);font-size:11.5px}

.stage{flex:1;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}
.view{padding:20px;max-width:1800px;margin:0 auto;animation:fade .18s ease}
@keyframes fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}

.tabbar{
  display:none;height:var(--tabbar-h);flex:none;background:var(--surface);border-top:1px solid var(--border);
  padding-bottom:env(safe-area-inset-bottom);z-index:40;
}
.tabbar__item{
  flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
  color:var(--text-3);font-size:10.5px;font-weight:600;cursor:pointer;border:0;background:none;padding:4px 0;
}
.tabbar__item .tabbar__ico{font-size:19px;line-height:1}
.tabbar__item.is-active{color:var(--brand-700)}
.tabbar__item.is-active .tabbar__ico{transform:scale(1.08)}

.scrim{position:fixed;inset:0;background:rgba(9,32,32,.42);z-index:55;backdrop-filter:blur(1px)}

/* ---------- Cards / Grid ---------- */
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-1);overflow:hidden}
.card__head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.card__head h3{font-size:14.5px}
.card__head .muted{font-size:12px}
.card__actions{margin-left:auto;display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.card__body{padding:16px}
.card__body--flush{padding:0}
.card__foot{padding:11px 16px;border-top:1px solid var(--border);background:var(--surface-2);display:flex;gap:8px;align-items:center;flex-wrap:wrap}

.grid{display:grid;gap:14px}
.grid > *,.stack > *{min-width:0}
.grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--dash{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid--split{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}
.grid--side{grid-template-columns:minmax(0,1fr) 330px}
.stack{display:flex;flex-direction:column;gap:14px}
.row{display:flex;gap:10px;align-items:center}
.row--wrap{flex-wrap:wrap}
.row--between{justify-content:space-between}
.spacer{flex:1}

/* KPI */
.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:14px 16px;box-shadow:var(--shadow-1);position:relative;overflow:hidden}
.kpi__label{font-size:11.5px;font-weight:650;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}
.kpi__value{font-size:26px;font-weight:700;letter-spacing:-.02em;margin-top:5px;font-variant-numeric:tabular-nums;line-height:1.1}
.kpi__delta{font-size:12px;margin-top:5px;font-weight:600}
.kpi__delta--up{color:var(--ok)} .kpi__delta--down{color:var(--danger)} .kpi__delta--flat{color:var(--text-3)}
.kpi__ico{position:absolute;right:12px;top:12px;width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:16px;background:var(--brand-50);color:var(--brand-700)}

/* ---------- Badges / Chips ---------- */
.badge{
  display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:var(--r-pill);
  font-size:11.5px;font-weight:650;border:1px solid var(--neutral-bd);background:var(--neutral-bg);color:var(--text-2);white-space:nowrap;
}
.badge--ok{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}
.badge--info{background:var(--info-bg);border-color:var(--info-bd);color:var(--info)}
.badge--warn{background:var(--warn-bg);border-color:var(--warn-bd);color:var(--warn)}
.badge--danger{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger)}
.badge--brand{background:var(--brand-50);border-color:var(--brand-100);color:var(--brand-800)}
.badge--sand{background:var(--sand-100);border-color:var(--sand-300);color:#7a5423}
.badge--dot::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{
  display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);
  border:1px solid var(--border);background:var(--surface);font-size:12.5px;font-weight:550;cursor:pointer;color:var(--text-2);
}
.chip:hover{border-color:var(--brand-400);color:var(--brand-800)}
.chip.is-on{background:var(--brand-700);border-color:var(--brand-700);color:#fff}

/* ---------- Forms ---------- */
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field__label{font-size:12px;font-weight:650;color:var(--text-2)}
.field__hint{font-size:11.5px;color:var(--text-3)}
.field__err{font-size:11.5px;color:var(--danger);font-weight:600}
.input,.select,.textarea{
  width:100%;padding:8px 11px;border:1px solid var(--border-strong);border-radius:var(--r-sm);
  background:var(--surface);transition:.14s;font-size:13.5px;
}
.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--brand-500);box-shadow:0 0 0 3px rgba(23,163,152,.14)}
.input[readonly]{background:var(--surface-3);color:var(--text-2)}
.textarea{resize:vertical;min-height:74px;line-height:1.5}
.select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%234a5c63' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='m5 9 7 7 7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:30px;cursor:pointer}
.form-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:13px}
.form-grid > *{grid-column:span 12}
.col-2{grid-column:span 2!important} .col-3{grid-column:span 3!important} .col-4{grid-column:span 4!important}
.col-5{grid-column:span 5!important} .col-6{grid-column:span 6!important} .col-7{grid-column:span 7!important}
.col-8{grid-column:span 8!important} .col-9{grid-column:span 9!important} .col-12{grid-column:span 12!important}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{padding:0;font-size:12px;font-weight:650;color:var(--text-2);margin-bottom:6px}
.check{display:flex;align-items:flex-start;gap:9px;padding:7px 10px;border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;background:var(--surface);transition:.12s}
.check:hover{border-color:var(--brand-400)}
.check input{margin:2px 0 0;accent-color:var(--brand-700);width:16px;height:16px;flex:none}
.check.is-on{background:var(--brand-50);border-color:var(--brand-400)}
.check__text{display:flex;flex-direction:column;line-height:1.35}
.check__text small{color:var(--text-3);font-size:11.5px}
.switch{position:relative;display:inline-flex;align-items:center;gap:10px;cursor:pointer}
.switch input{position:absolute;opacity:0;width:0;height:0}
.switch__track{width:40px;height:23px;border-radius:var(--r-pill);background:var(--border-strong);transition:.16s;flex:none;position:relative}
.switch__track::after{content:"";position:absolute;top:2.5px;left:2.5px;width:18px;height:18px;border-radius:50%;background:#fff;transition:.16s;box-shadow:var(--shadow-1)}
.switch input:checked + .switch__track{background:var(--brand-600)}
.switch input:checked + .switch__track::after{transform:translateX(17px)}
.switch__label{font-size:13px;font-weight:550}
.switch__label small{display:block;color:var(--text-3);font-size:11.5px;font-weight:400}
.segmented{display:inline-flex;background:var(--surface-3);border-radius:var(--r-sm);padding:3px;gap:2px;border:1px solid var(--border)}
.segmented button{
  border:0;background:transparent;padding:5px 12px;border-radius:6px;font-size:12.5px;font-weight:600;
  color:var(--text-2);cursor:pointer;transition:.12s;white-space:nowrap;
  display:inline-flex;align-items:center;justify-content:center;gap:6px;
}
.segmented button:hover{color:var(--text)}
.segmented button.is-on{background:var(--surface);color:var(--brand-800);box-shadow:var(--shadow-1)}
.segmented--device button{padding:5px 8px;font-size:13px}

/* ---------- Tables ---------- */
.tablewrap{overflow-x:auto}
/* Letzte Spalte (Aktionen) bleibt bei horizontalem Scrollen sichtbar */
.tbl th:last-child,.tbl td:last-child{position:sticky;right:0;background:var(--surface);box-shadow:-8px 0 8px -8px rgba(16,40,45,.16)}
.tbl thead th:last-child{background:var(--surface-2)}
.tbl tbody tr:hover td:last-child{background:var(--brand-50)}
table.tbl{width:100%;border-collapse:collapse;font-size:13.5px}
.tbl th{
  text-align:left;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);
  padding:9px 14px;border-bottom:1px solid var(--border);background:var(--surface-2);white-space:nowrap;position:sticky;top:0;z-index:1;
}
.tbl td{padding:10px 14px;border-bottom:1px solid var(--border);vertical-align:middle}
.tbl tbody tr:last-child td{border-bottom:0}
.tbl tbody tr{transition:.1s}
.tbl tbody tr:hover{background:var(--brand-50)}
.tbl tbody tr.is-click{cursor:pointer}
.tbl .r{text-align:right}
.tbl .c{text-align:center}
.tbl--dense td{padding:7px 12px}
.tbl--dense th{padding:7px 12px}
.rowlink{display:flex;align-items:center;gap:10px;min-width:0}
.rowlink__text{display:flex;flex-direction:column;line-height:1.3;min-width:0}
.tbl .rowlink__text{max-width:250px}
.tbl .rowlink__text strong,.tbl .rowlink__text span{max-width:100%}
.rowlink__text strong{font-weight:600}
.rowlink__text span{font-size:11.5px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* ---------- Lists ---------- */
.list{display:flex;flex-direction:column}
.list__item{display:flex;align-items:center;gap:11px;padding:11px 16px;border-bottom:1px solid var(--border)}
.list__item:last-child{border-bottom:0}
.list__item:hover{background:var(--surface-2)}
.list__main{flex:1;min-width:0}
.list__title{font-weight:600;font-size:13.5px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.list__sub{font-size:12px;color:var(--text-3);margin-top:2px}
.list__aside{text-align:right;flex:none}

.empty{padding:38px 20px;text-align:center;color:var(--text-3)}
.empty__ico{font-size:34px;opacity:.5;margin-bottom:8px}
.empty__title{font-weight:650;color:var(--text-2);font-size:14.5px}
.empty__text{font-size:13px;margin-top:4px;max-width:400px;margin-inline:auto}
.empty .btn{margin-top:14px}

/* ---------- Tabs ---------- */
.tabs{display:flex;gap:2px;border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}
.tabs::-webkit-scrollbar{display:none}
.tab{
  padding:10px 14px;border:0;background:none;font-size:13.5px;font-weight:600;color:var(--text-3);
  cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap;transition:.12s;
}
.tab:hover{color:var(--text)}
.tab.is-on{color:var(--brand-700);border-bottom-color:var(--brand-700)}
.tab__count{margin-left:6px;font-size:11px;background:var(--neutral-bg);padding:0 6px;border-radius:var(--r-pill);color:var(--text-2)}
.tab.is-on .tab__count{background:var(--brand-100);color:var(--brand-800)}

/* ---------- Page header ---------- */
.pagehead{display:flex;align-items:flex-start;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.pagehead__title{min-width:0}
.pagehead__title h2{font-size:21px}
.pagehead__title p{color:var(--text-3);font-size:13px;margin-top:3px}
.pagehead__actions{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.toolbar .input,.toolbar .select{width:auto;min-width:130px}
.toolbar .input--grow{flex:1;min-width:180px}
.crumbs{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-3);margin-bottom:8px;flex-wrap:wrap}
.crumbs a{color:var(--text-3)} .crumbs a:hover{color:var(--brand-700)}
.crumbs .sep{opacity:.5}

/* ---------- Kalender ---------- */
.cal{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-1)}
.cal__head{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.cal__nav{display:flex;gap:2px}
.cal__label{font-weight:650;font-size:14.5px;min-width:170px}
.cal__legend{margin-left:auto;display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--text-2)}
.cal__legend span{display:inline-flex;align-items:center;gap:5px}
.cal__legend i{width:9px;height:9px;border-radius:3px;display:inline-block}

.calday{display:grid;grid-template-columns:56px 1fr;overflow:hidden}
.calday__hours{border-right:1px solid var(--border);background:var(--surface-2)}
.calday__hour{height:56px;font-size:10.5px;color:var(--text-3);padding:3px 6px;text-align:right;border-bottom:1px dashed var(--border);font-variant-numeric:tabular-nums}
.calday__grid{position:relative;background-image:linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:100% 56px}
.calday__now{position:absolute;left:0;right:0;height:2px;background:var(--danger);z-index:5;pointer-events:none}
.calday__now::before{content:"";position:absolute;left:-4px;top:-3px;width:8px;height:8px;border-radius:50%;background:var(--danger)}
.evt{
  position:absolute;left:5px;right:5px;border-radius:8px;padding:5px 8px;overflow:hidden;cursor:pointer;
  border:1px solid;border-left-width:4px;font-size:12px;transition:.12s;z-index:3;
}
.evt:hover{filter:brightness(.97);transform:translateY(-1px);box-shadow:var(--shadow-2)}
.evt__t{font-weight:700;font-size:11.5px;font-variant-numeric:tabular-nums}
.evt__n{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evt__m{font-size:11px;opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.evt--haus{background:var(--sand-50);border-color:var(--sand-300);border-left-color:var(--sand-500);color:#5d4019}
.evt--praxis{background:var(--brand-50);border-color:var(--brand-100);border-left-color:var(--brand-600);color:var(--brand-900)}
.evt--done{background:var(--surface-3);border-color:var(--border);border-left-color:var(--text-3);color:var(--text-3)}
.evt--cancel{background:var(--danger-bg);border-color:var(--danger-bd);border-left-color:var(--danger);color:var(--danger);text-decoration:line-through}
.evt--break{background:repeating-linear-gradient(45deg,#f6f8f8,#f6f8f8 6px,#eef2f2 6px,#eef2f2 12px);border-color:var(--border);border-left-color:var(--border-strong);color:var(--text-3)}

.calmonth{display:grid;grid-template-columns:repeat(7,1fr)}
.calmonth__dow{padding:8px 6px;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);text-align:center;border-bottom:1px solid var(--border);background:var(--surface-2)}
.calmonth__cell{min-height:104px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:5px;cursor:pointer;transition:.1s}
.calmonth__cell:nth-child(7n){border-right:0}
.calmonth__cell:hover{background:var(--brand-50)}
.calmonth__cell.is-out{background:var(--surface-2);color:var(--text-3)}
.calmonth__cell.is-today .calmonth__no{background:var(--brand-700);color:#fff}
.calmonth__no{display:inline-flex;align-items:center;justify-content:center;min-width:21px;height:21px;border-radius:6px;font-size:11.5px;font-weight:650;padding:0 4px;font-variant-numeric:tabular-nums}
.calmonth__evts{margin-top:4px;display:flex;flex-direction:column;gap:2px}
.calmonth__evt{font-size:10.5px;padding:1px 5px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:3px solid}
.calmonth__more{font-size:10.5px;color:var(--text-3);padding:1px 5px;font-weight:600}
.calweek{display:grid;grid-template-columns:52px repeat(7,1fr)}
.calweek__dowhead{padding:7px 4px;text-align:center;border-bottom:1px solid var(--border);border-right:1px solid var(--border);font-size:11px;background:var(--surface-2)}
.calweek__dowhead.is-today{color:var(--brand-700);font-weight:700}
.calweek__dowhead b{display:block;font-size:15px}
.calweek__col{position:relative;border-right:1px solid var(--border);min-height:640px;background-image:linear-gradient(to bottom,var(--border) 1px,transparent 1px);background-size:100% 56px}
.calweek__col:last-child{border-right:0}
.calweek__col .evt{left:2px;right:2px;padding:3px 5px;font-size:11px}
.calweek__col .evt__m{display:none}

/* ---------- Tour ---------- */
.tour{display:flex;flex-direction:column;gap:0}
.tour__stop{display:flex;gap:12px;padding:0;position:relative}
.tour__line{display:flex;flex-direction:column;align-items:center;flex:none;width:34px}
.tour__dot{width:30px;height:30px;border-radius:50%;background:var(--surface);border:2px solid var(--brand-500);color:var(--brand-800);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;z-index:2;flex:none}
.tour__stop.is-done .tour__dot{background:var(--brand-600);border-color:var(--brand-600);color:#fff}
.tour__stop.is-cancel .tour__dot{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-3)}
.tour__conn{flex:1;width:2px;background:var(--border-strong);min-height:16px}
.tour__conn small{display:block;text-align:center;font-size:10.5px;color:var(--text-3);background:var(--surface);padding:1px 0;transform:translateX(0);white-space:nowrap;margin-top:6px}
.tour__card{flex:1;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:11px 13px;margin-bottom:12px;box-shadow:var(--shadow-1)}
.tour__card.is-done{opacity:.62}
.tour__head{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.tour__time{font-weight:700;font-size:14px;font-variant-numeric:tabular-nums;color:var(--brand-800)}
.tour__name{font-weight:650;font-size:14px}
.tour__addr{font-size:12.5px;color:var(--text-2);margin-top:3px;display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.tour__meta{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px;font-size:12px;color:var(--text-3)}
.tour__acts{display:flex;gap:5px;margin-top:9px;flex-wrap:wrap}

.map{
  border-radius:var(--r);overflow:hidden;border:1px solid var(--border);position:relative;min-height:230px;
  background:
    radial-gradient(circle at 22% 30%, #eaf4f2 0 18%, transparent 19%),
    radial-gradient(circle at 74% 62%, #f6efe3 0 22%, transparent 23%),
    linear-gradient(0deg,rgba(224,236,236,.55) 1px,transparent 1px) 0 0/100% 26px,
    linear-gradient(90deg,rgba(224,236,236,.55) 1px,transparent 1px) 0 0/26px 100%,
    #fbfdfd;
}
.map__pin{position:absolute;transform:translate(-50%,-100%);cursor:pointer;display:flex;flex-direction:column;align-items:center}
.map__pin i{width:22px;height:22px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--brand-600);display:block;box-shadow:var(--shadow-2);border:2px solid #fff}
.map__pin b{position:absolute;top:3px;left:0;right:0;text-align:center;font-size:10px;color:#fff;font-style:normal;transform:none}
.map__pin span{font-size:10.5px;background:var(--surface);border:1px solid var(--border);border-radius:5px;padding:0 4px;margin-top:2px;font-weight:600;white-space:nowrap;box-shadow:var(--shadow-1)}
.map__pin.is-done i{background:var(--text-3)}
.map__route{position:absolute;inset:0;pointer-events:none}
.map__note{position:absolute;left:10px;bottom:10px;font-size:11px;background:rgba(255,255,255,.9);border:1px solid var(--border);border-radius:6px;padding:3px 8px;color:var(--text-3)}

/* ---------- Fußdiagramm ---------- */
.footwrap{display:flex;gap:18px;flex-wrap:wrap;justify-content:center}
.footbox{flex:1;min-width:200px;max-width:280px}
.footbox__title{text-align:center;font-size:12.5px;font-weight:700;color:var(--text-2);margin-bottom:6px;text-transform:uppercase;letter-spacing:.05em}
.footsvg{width:100%;height:auto;display:block}
.fz{cursor:pointer;transition:.12s}
.fz:hover{filter:brightness(.94)}
.fz--ok{fill:#f3f7f7;stroke:#cdd9d9}
.fz--auff,.fz--auffaellig{fill:#fdf1e2;stroke:#e3a45c}
.fz--beh,.fz--behandelt{fill:#d7f0ed;stroke:#17a398}
.fz--krit,.fz--kritisch{fill:#fdecef;stroke:#e0688a}
.fz.is-sel{stroke:var(--brand-800);stroke-width:2.6}
.footlegend{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:10px;font-size:11.5px;color:var(--text-2)}
.footlegend i{width:11px;height:11px;border-radius:3px;display:inline-block;margin-right:4px;vertical-align:-1px;border:1px solid}

.zone-list{display:flex;flex-direction:column;gap:8px;max-height:420px;overflow-y:auto;padding-right:4px}
.zone-item{border:1px solid var(--border);border-radius:var(--r-sm);padding:9px 11px;background:var(--surface)}
.zone-item.is-sel{border-color:var(--brand-500);background:var(--brand-50)}
.zone-item__head{display:flex;align-items:center;gap:8px;cursor:pointer}
.zone-item__head strong{font-size:13px;flex:1}
.zone-item__body{margin-top:9px;display:flex;flex-direction:column;gap:8px}
.zonestatus{display:flex;gap:4px;flex-wrap:wrap}
.zonestatus button{padding:3px 9px;font-size:11.5px;border-radius:var(--r-pill);border:1px solid var(--border);background:var(--surface);cursor:pointer;font-weight:600;color:var(--text-2)}
.zonestatus button.is-on[data-st="ok"]{background:var(--ok-bg);border-color:var(--ok-bd);color:var(--ok)}
.zonestatus button.is-on[data-st="auffaellig"]{background:var(--warn-bg);border-color:var(--warn-bd);color:var(--warn)}
.zonestatus button.is-on[data-st="behandelt"]{background:var(--brand-50);border-color:var(--brand-400);color:var(--brand-800)}
.zonestatus button.is-on[data-st="kritisch"]{background:var(--danger-bg);border-color:var(--danger-bd);color:var(--danger)}

/* ---------- Fotos ---------- */
.photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px}
.photo{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface-3);cursor:pointer}
.photo__img{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--text-3);
  background:linear-gradient(140deg,#f0e6d8,#e3eee9 60%,#eae1f0)}
.photo__tag{position:absolute;left:0;right:0;bottom:0;background:rgba(10,30,30,.72);color:#fff;font-size:10.5px;padding:2px 5px;text-align:center;font-weight:600}
.photo__del{position:absolute;top:4px;right:4px;width:21px;height:21px;border-radius:50%;background:rgba(255,255,255,.92);border:0;cursor:pointer;font-size:12px;line-height:1;color:var(--danger);display:none}
.photo:hover .photo__del{display:block}
.photo--add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1.5px dashed var(--border-strong);background:var(--surface-2);color:var(--text-3);font-size:11.5px;font-weight:600;cursor:pointer}
.photo--add:hover{border-color:var(--brand-500);color:var(--brand-700);background:var(--brand-50)}
.photo--add b{font-size:22px;line-height:1}

/* ---------- Modal ---------- */
.modal-backdrop{position:fixed;inset:0;background:rgba(8,32,32,.44);z-index:200;display:flex;align-items:flex-start;justify-content:center;padding:5vh 16px;overflow-y:auto;backdrop-filter:blur(2px);animation:fade .14s}
.modal{
  background:var(--surface);border-radius:var(--r-xl);box-shadow:var(--shadow-3);width:100%;max-width:620px;
  animation:pop .18s cubic-bezier(.2,.9,.3,1.2);overflow:hidden;margin-bottom:5vh;
}
@keyframes pop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.modal--sm{max-width:430px} .modal--lg{max-width:880px} .modal--xl{max-width:1120px}
.modal__head{display:flex;align-items:center;gap:10px;padding:15px 18px;border-bottom:1px solid var(--border)}
.modal__head h3{font-size:16px;flex:1;min-width:0}
.modal__body{padding:18px;max-height:66vh;overflow-y:auto}
.modal__foot{display:flex;gap:8px;justify-content:flex-end;padding:13px 18px;border-top:1px solid var(--border);background:var(--surface-2);flex-wrap:wrap}
.modal__foot .spacer{flex:1}

/* ---------- Toast ---------- */
.toasts{position:fixed;bottom:18px;right:18px;z-index:400;display:flex;flex-direction:column;gap:8px;max-width:min(370px,calc(100vw - 32px))}
.toast{
  background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--brand-600);border-radius:var(--r);
  padding:11px 14px;box-shadow:var(--shadow-3);display:flex;gap:10px;align-items:flex-start;animation:slidein .2s;
}
@keyframes slidein{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
.toast--ok{border-left-color:var(--ok)} .toast--warn{border-left-color:var(--warn)}
.toast--danger{border-left-color:var(--danger)} .toast--info{border-left-color:var(--info)}
.toast__ico{font-size:16px;line-height:1.3}
.toast__msg{flex:1;font-size:13px;font-weight:550}
.toast__msg small{display:block;font-weight:400;color:var(--text-3);font-size:12px;margin-top:1px}

/* ---------- Notifications panel ---------- */
.notif-panel{position:fixed;top:var(--topbar-h);right:12px;width:min(380px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-3);z-index:150;overflow:hidden;max-height:70vh;display:flex;flex-direction:column}
.notif-panel__head{padding:12px 14px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:8px}
.notif-panel__body{overflow-y:auto;flex:1}

/* ---------- Charts ---------- */
.chart{width:100%;overflow-x:auto;overflow-y:hidden}
.chart svg{display:block;width:100%;height:auto;overflow:visible}
/* Responsive Tabellenspalten: untergeordnete Spalten weichen statt abzuschneiden */
@media (max-width:1500px){ .col-hide-xl{display:none} }
@media (max-width:1250px){ .col-hide-lg{display:none}
  .tbl td,.tbl th{padding-left:10px;padding-right:10px}
  .tbl .rowlink__text{max-width:200px}
}
@media (max-width:1000px){ .col-hide-md{display:none} }
.chart__title{font-size:13px;font-weight:650;margin-bottom:2px}
.chart__sub{font-size:11.5px;color:var(--text-3);margin-bottom:10px}
.bar-row{display:grid;grid-template-columns:132px 1fr 74px;gap:9px;align-items:center;padding:5px 0;font-size:12.5px}
.bar-row__label{color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bar-row__track{height:11px;background:var(--track);border-radius:var(--r-pill);overflow:hidden;position:relative}
.bar-row__fill{height:100%;border-radius:var(--r-pill);transition:width .5s cubic-bezier(.2,.8,.3,1)}
.bar-row__val{text-align:right;font-weight:650;font-variant-numeric:tabular-nums}
.donut-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.donut-legend{display:flex;flex-direction:column;gap:6px;font-size:12.5px;flex:1;min-width:130px}
.donut-legend div{display:flex;align-items:center;gap:7px}
.donut-legend i{width:9px;height:9px;border-radius:3px;flex:none}
.donut-legend b{margin-left:auto;font-variant-numeric:tabular-nums}
.progress{height:7px;background:var(--track);border-radius:var(--r-pill);overflow:hidden}
.progress__fill{height:100%;border-radius:var(--r-pill);background:var(--brand-600)}
.progress--ok .progress__fill{background:var(--ok)} .progress--warn .progress__fill{background:var(--warn)}
.progress--danger .progress__fill{background:var(--danger)}
.heat{display:grid;grid-template-columns:repeat(7,1fr);gap:3px}
.heat__cell{aspect-ratio:1;border-radius:3px;background:var(--track)}
.heat__cell[data-l="1"]{background:#d7f0ed} .heat__cell[data-l="2"]{background:#a3ddd7}
.heat__cell[data-l="3"]{background:#5cbcb2} .heat__cell[data-l="4"]{background:#0f766e}

/* ---------- Sonstiges ---------- */
.timeline{display:flex;flex-direction:column;gap:0}
.timeline__item{display:flex;gap:11px;padding-bottom:15px;position:relative}
.timeline__item::before{content:"";position:absolute;left:9px;top:20px;bottom:0;width:2px;background:var(--border)}
.timeline__item:last-child::before{display:none}
.timeline__dot{width:20px;height:20px;border-radius:50%;background:var(--brand-50);border:2px solid var(--brand-400);flex:none;z-index:1}
.timeline__body{flex:1;min-width:0;font-size:13px}
.timeline__body strong{font-weight:650}
.timeline__ts{font-size:11.5px;color:var(--text-3);margin-top:2px}

.kv{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;font-size:13px}
.kv dt{color:var(--text-3);font-weight:550}
.kv dd{margin:0;font-weight:550}

.deflist{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}
.deflist > div{min-width:0}
.deflist span{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-3);margin-bottom:2px}
.deflist strong{font-size:13.5px;font-weight:600;word-break:break-word}

.alert{display:flex;gap:10px;padding:11px 13px;border-radius:var(--r);border:1px solid;font-size:13px;align-items:flex-start}
.alert--warn{background:var(--warn-bg);border-color:var(--warn-bd);color:#7c4a10}
.alert--danger{background:var(--danger-bg);border-color:var(--danger-bd);color:#8d0f2d}
.alert--info{background:var(--info-bg);border-color:var(--info-bd);color:#1a3f9e}
.alert--ok{background:var(--ok-bg);border-color:var(--ok-bd);color:#114d28}
.alert__ico{font-size:15px;line-height:1.4;flex:none}
.alert b{font-weight:700}
.alert b:first-child{display:block;margin-bottom:1px}

.divider{height:1px;background:var(--border);margin:14px 0}
.hint{background:var(--surface-3);border-radius:var(--r-sm);padding:10px 12px;font-size:12.5px;color:var(--text-2);border-left:3px solid var(--brand-400)}

/* Rechnung / Druck */
.doc{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:26px 28px;max-width:820px;margin:0 auto;box-shadow:var(--shadow-1)}
.doc__head{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}
.doc__brand{display:flex;gap:11px;align-items:center}
.doc__brand strong{font-size:17px;display:block}
.doc__brand span{font-size:11.5px;color:var(--text-3)}
.doc__no{text-align:right;font-size:13px}
.doc__no b{display:block;font-size:19px;letter-spacing:-.02em}
.doc__addr{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:24px}
.doc__addr h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:6px}
.doc table{width:100%;border-collapse:collapse;font-size:13px}
.doc th{text-align:left;padding:7px 8px;border-bottom:2px solid var(--text);font-size:11px;text-transform:uppercase;letter-spacing:.05em}
.doc td{padding:8px;border-bottom:1px solid var(--border)}
.doc .r{text-align:right}
.doc__sum{margin-top:16px;margin-left:auto;width:min(300px,100%);font-size:13px}
.doc__sum div{display:flex;justify-content:space-between;padding:4px 8px}
.doc__sum .total{border-top:2px solid var(--text);margin-top:6px;padding-top:8px;font-weight:700;font-size:16px}
.doc__vat{margin-top:18px;font-size:12px}
.doc__vat h4{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3);margin-bottom:6px}
.doc__foot{margin-top:30px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;color:var(--text-3);line-height:1.6}

/* Buchung (Kundensicht) */
.booking{max-width:660px;margin:0 auto}
.booking__slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:7px}
.slot{padding:9px 4px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--surface);cursor:pointer;font-weight:650;font-size:13px;text-align:center;font-variant-numeric:tabular-nums;transition:.12s}
.slot:hover{border-color:var(--brand-500);background:var(--brand-50)}
.slot.is-on{background:var(--brand-700);border-color:var(--brand-700);color:#fff}
.slot[disabled]{opacity:.35;cursor:not-allowed;text-decoration:line-through}

/* Login */
.login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(1200px 600px at 20% 0%,var(--brand-50),transparent),radial-gradient(900px 500px at 90% 100%,var(--sand-50),transparent),var(--bg)}
.login__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-xl);box-shadow:var(--shadow-3);padding:30px;width:100%;max-width:392px}
.login__brand{display:flex;gap:13px;align-items:center;margin-bottom:24px}
.login__brand strong{font-size:19px;display:block;letter-spacing:-.02em}
.login__brand span{font-size:12px;color:var(--text-3)}
.login form{display:flex;flex-direction:column;gap:14px}
.login__hint{font-size:11.5px;color:var(--text-3);text-align:center;margin-top:2px}

/* ---------- Responsive ---------- */
@media (max-width:1180px){
  .grid--dash,.grid--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid--side{grid-template-columns:minmax(0,1fr)}
  .grid--split{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:900px){
  .grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .topbar__search{max-width:none}
}
@media (max-width:820px){
  .sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-104%);transition:transform .22s;box-shadow:var(--shadow-3)}
  body.nav-open .sidebar{transform:none}
  .sidebar__close{display:inline-flex}
  .topbar__burger{display:inline-flex}
  .topbar__searchbtn{display:inline-flex}
  .topbar{padding:0 12px;gap:8px}
  .topbar__title p{display:none}
  .topbar__search{position:fixed;top:var(--topbar-h);left:0;right:0;max-width:none;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border);display:none}
  body.search-open .topbar__search{display:block}
  .segmented--device{display:none}
  .tabbar{display:flex}
  .view{padding:14px 12px calc(var(--tabbar-h) + 18px)}
  .toasts{bottom:calc(var(--tabbar-h) + 14px);left:12px;right:12px;max-width:none}
}
@media (max-width:680px){
  .grid,.grid--2,.grid--3,.grid--4,.grid--dash,.grid--split,.grid--side{grid-template-columns:minmax(0,1fr)}
  .form-grid{grid-template-columns:repeat(2,1fr)}
  .col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-12{grid-column:span 2!important}
  .col-2{grid-column:span 1!important}
  .pagehead__actions{width:100%;margin-left:0}
  .pagehead__actions .btn{flex:1}
  .modal-backdrop{padding:0;align-items:flex-end}
  .modal{max-width:none!important;border-radius:var(--r-xl) var(--r-xl) 0 0;margin-bottom:0;max-height:92dvh;display:flex;flex-direction:column}
  .modal__body{max-height:none;flex:1}
  .doc{padding:16px 14px;border:0;box-shadow:none}
  .doc__addr{grid-template-columns:1fr;gap:14px}
  .calday{grid-template-columns:44px 1fr}
  .cal__legend{display:none}
  .bar-row{grid-template-columns:96px 1fr 62px}
  .calweek{font-size:10px}
}

/* ---------- Gerätevorschau (eigener Viewport via iframe) ---------- */
body.in-frame .segmented--device{display:none}
.preview{position:fixed;inset:0;z-index:500;display:flex;flex-direction:column;background:
  radial-gradient(900px 500px at 15% 0%, #eef4f4, transparent), #dde5e5}
.preview__bar{
  flex:none;display:flex;align-items:center;gap:12px;padding:9px 14px;flex-wrap:wrap;
  background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-1);z-index:2;
}
.preview__title{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.preview__title strong{font-size:13.5px}
.preview__title span{font-size:11px;color:var(--text-3)}
.preview__stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.preview__frame{
  height:100%;max-height:920px;min-height:420px;background:#fff;border:1px solid var(--border-strong);
  border-radius:20px;box-shadow:var(--shadow-3);display:block;
}
.preview__hint{font-size:11.5px;color:var(--text-3)}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
body.no-anim *,body.no-anim *::before,body.no-anim *::after{animation:none!important;transition:none!important}

/* ---------- Druck: ausschließlich das Dokument ---------- */
#print-layer{display:none}
.doc-slot__bar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:10px}
@media print{
  /* Wirkt für JEDEN Druckweg (auch Strg+P), ohne JavaScript: */
  body:has(.doc-slot) #view .stack > *:not(.doc-slot){display:none!important}
  body:has(.doc-slot) .doc-slot .no-print{display:none!important}
  body:has(.doc-slot) .doc{border:0;box-shadow:none;max-width:none;padding:0;margin:0;border-radius:0}
  body:has(.modal-backdrop .doc) #shell{display:none!important}
  body:has(.modal-backdrop .doc) .modal-backdrop{position:static!important;padding:0!important;background:none!important;backdrop-filter:none!important;display:block!important;overflow:visible!important;animation:none!important}
  body:has(.modal-backdrop .doc) .modal{max-width:none!important;width:auto!important;box-shadow:none!important;border:0!important;border-radius:0!important;max-height:none!important;display:block!important;animation:none!important;margin:0!important}
  body:has(.modal-backdrop .doc) .modal__head,
  body:has(.modal-backdrop .doc) .modal__foot{display:none!important}
  body:has(.modal-backdrop .doc) .modal__body{max-height:none!important;overflow:visible!important;padding:0!important}
  body:has(.modal-backdrop .doc) .modal .no-print{display:none!important}
  body:has(.modal-backdrop .doc) .modal .doc{border:0;box-shadow:none;max-width:none;padding:0;margin:0}
  .doc i.muted{display:none!important}

  body.printing .shell,body.printing .preview,body.printing .login,
  body.printing .toasts,body.printing .notif-panel,body.printing #modal-root{display:none!important}
  body.printing #print-layer{display:block}
  #print-layer .doc{border:0;box-shadow:none;max-width:none;padding:0;margin:0;border-radius:0}
  #print-layer .tablewrap{overflow:visible!important}
  #print-layer .badge{border-color:#bbb;background:#fff;color:#111}
}

@media print{
  .sidebar,.topbar,.tabbar,.toasts,.no-print,.pagehead__actions,.card__actions{display:none!important}
  .tablewrap{overflow:visible!important}
  body,.stage,.view{overflow:visible!important;height:auto!important;background:#fff!important;padding:0!important;max-width:none!important}
  .shell{display:block;height:auto}
  .card{border:0;box-shadow:none}
  .doc{border:0;box-shadow:none;max-width:none;padding:0}
}