/* Forty-Two Backoffice. Aus den freigegebenen Mockups v2. */
@font-face{font-family:Archivo;src:url(/fonts/Archivo-Regular.ttf) format("truetype");font-weight:300 500;font-display:swap}
@font-face{font-family:Archivo;src:url(/fonts/Archivo-Bold.ttf) format("truetype");font-weight:600 700;font-display:swap}
@font-face{font-family:"Space Mono";src:url(/fonts/SpaceMono-Bold.ttf) format("truetype");font-weight:700;font-display:swap}
@font-face{font-family:Fraunces;src:url(/fonts/Fraunces-SuperSoft-Black.ttf) format("truetype");font-weight:900;font-display:swap}

:root{
  /* Eine Akzentfarbe (Indigo), Rest Neutral */
  --indigo:#2F3689;--indigo-d:#252b70;
  --ink:#1c1f4d;--muted:#5b5f8a;
  --bg:#fff;--wash:#f7f5ef;
  --line:rgba(47,54,137,.12);--field:#868ab0;
  --err:#b3261e;--ok:#17592f;
  --sans:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"Space Mono",ui-monospace,Menlo,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 var(--sans)}
a{color:var(--indigo)}

/* App-Rahmen */
.top{border-bottom:1px solid var(--line)}
.top-in{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:40px;min-height:68px}
.brand{font:400 16px var(--sans);color:var(--ink);text-decoration:none;white-space:nowrap}
.brand b{font:900 24px/1 Fraunces,serif;margin-right:10px;color:var(--indigo)}
.nav{display:flex;gap:8px;flex:1}
.nav a{display:flex;align-items:center;min-height:44px;padding:0 12px;color:var(--muted);text-decoration:none}
.nav a[aria-current=page]{color:var(--ink);font-weight:600}
.who{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--muted)}
.who a{color:var(--muted)}
.wrap{max-width:1120px;margin:0 auto;padding:56px 24px 112px}
h1{font:400 clamp(28px,3vw,36px)/1.2 var(--sans);letter-spacing:-.01em;margin:0 0 8px;color:var(--ink)}
h2{font:600 18px/1.4 var(--sans);color:var(--ink);margin:0 0 20px}
.sub{color:var(--muted);margin:0 0 40px}
.mono{font-family:var(--mono);font-size:.92em}
.meta{font-weight:400;color:var(--muted);font-size:15px;margin-left:6px}

/* Formulare */
label,.lbl{display:block;font:400 14px/1.4 var(--sans);color:var(--muted);margin:0 0 6px}
input,select,textarea{width:100%;min-height:48px;padding:11px 14px;border:1px solid var(--field);background:var(--bg);border-radius:4px;font:inherit;color:var(--ink)}
textarea{min-height:112px;resize:vertical}
input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
input[readonly]{background:var(--wash);border-color:transparent;color:var(--muted)}
input[type=checkbox]{width:24px;min-height:24px;height:24px;padding:0;accent-color:var(--indigo)}
.check{display:flex;gap:12px;align-items:center;min-height:48px}
.check label{margin:0;font-size:16px;color:var(--ink)}
.hint{font-size:14px;color:var(--muted);margin:6px 0 0}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 24px;border:1px solid var(--indigo);background:var(--indigo);color:#fff;font:600 16px var(--sans);text-decoration:none;border-radius:4px;cursor:pointer}
.btn:hover{background:var(--indigo-d)}
.btn.ghost{background:transparent;color:var(--indigo);border-color:var(--field)}
.btn.ghost:hover{background:var(--wash)}
.btn.danger{background:transparent;color:var(--err);border-color:transparent;padding:0 8px;font-weight:400}
.btn.danger:hover{background:var(--wash)}
.btn.sm{min-height:44px;padding:0 20px}
.msg,.alert{padding:14px 18px;margin:0 0 24px;background:var(--wash);border-left:3px solid var(--indigo)}
.msg.err{border-left-color:var(--err)}.msg.err strong,.msg.err{color:var(--err)}
.msg.ok{border-left-color:var(--ok);color:var(--ok)}
.alert strong{display:block}

/* Status: nur 3 Abstufungen. Text nennt immer den genauen Status. */
.st{display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.st::before{content:"";width:10px;height:10px;border-radius:50%;flex:none;border:2px solid var(--indigo)}
.st-a{font-weight:600;color:var(--indigo)}.st-a::before{background:var(--indigo)}
.st-w{color:var(--ink)}.st-w::before{background:transparent}
.st-f{color:var(--muted)}.st-f::before{background:var(--muted);border-color:var(--muted)}

/* Login */
.auth{max-width:400px;margin:96px auto;padding:0 24px}
.field{margin:0 0 24px}
.steps{list-style:none;margin:0 0 32px;padding:0;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:32px 1fr;gap:8px;padding:0 0 32px}
.steps li::before{content:counter(s);font:400 28px/1.1 var(--sans);color:var(--indigo)}
.secret{font:400 20px/1.5 var(--mono);letter-spacing:.06em;background:var(--wash);padding:12px 16px;user-select:all;word-break:break-all;margin:8px 0;border-radius:4px}
.qr{width:148px;height:148px;background:var(--wash);display:grid;place-items:center;text-align:center;font-size:13px;line-height:1.4;color:var(--muted);padding:12px;border-radius:4px}
.code{font:400 22px var(--mono);letter-spacing:.2em;max-width:220px}

/* Liste */
.tools{display:flex;justify-content:space-between;gap:24px;align-items:center;flex-wrap:wrap;margin:0 0 24px}
.chips{display:flex;gap:24px;flex-wrap:wrap}
.fchip{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent}
.fchip small{font-size:14px}
.fchip[aria-current=true]{color:var(--ink);font-weight:600;border-bottom-color:var(--indigo)}
.search{display:flex;gap:8px;flex-wrap:wrap}
.search input{width:240px}.search select{width:190px}
.table{width:100%;border-collapse:collapse}
.table th{text-align:left;font:400 14px/1.4 var(--sans);color:var(--muted);padding:12px 16px;border-bottom:1px solid var(--line);white-space:nowrap}
.table th:first-child,.table td:first-child{padding-left:0}
.table th a{color:inherit;text-decoration:none}.table th[aria-sort] a{color:var(--ink);font-weight:600}
.table td{padding:20px 16px;border-bottom:1px solid var(--line);vertical-align:top}
.table tbody tr{position:relative}
.table tbody tr:hover{background:var(--wash)}
.table .co{font-weight:600;color:var(--ink);text-decoration:none}
.table .co::after{content:"";position:absolute;inset:0}
.table .co:hover{text-decoration:underline}
.table .co:focus-visible{outline:none}.table .co:focus-visible::after{outline:3px solid var(--indigo);outline-offset:-3px}
.table small{display:block;color:var(--muted);font-size:14px}
.table .num{text-align:right;font-variant-numeric:tabular-nums}
.pager{margin-top:20px;color:var(--muted);font-size:14px}

/* Maske */
.head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap;margin:0 0 48px}
.head .sub{margin:0}
.crumb{font-size:14px;margin:0 0 24px}
.crumb a{color:var(--muted)}
.layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:96px;align-items:start}
.main{max-width:680px}
.tabs>input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px;min-height:0}
.tabbar{display:flex;gap:20px;border-bottom:1px solid var(--line);overflow-x:auto;margin:0 0 40px}
.tabbar label{margin:0 0 -1px;min-height:48px;display:flex;align-items:center;border-bottom:2px solid transparent;font:400 15px var(--sans);color:var(--muted);cursor:pointer;white-space:nowrap}
.pane{display:none}
#t1:checked~.tabbar label[for=t1],#t2:checked~.tabbar label[for=t2],#t3:checked~.tabbar label[for=t3],#t4:checked~.tabbar label[for=t4],#t5:checked~.tabbar label[for=t5],#t6:checked~.tabbar label[for=t6],#t7:checked~.tabbar label[for=t7],#t8:checked~.tabbar label[for=t8]{color:var(--ink);border-bottom-color:var(--indigo);font-weight:600}
#t1:checked~.p1,#t2:checked~.p2,#t3:checked~.p3,#t4:checked~.p4,#t5:checked~.p5,#t6:checked~.p6,#t7:checked~.p7,#t8:checked~.p8{display:block}
.tabs>input:focus-visible~.tabbar{outline:3px solid var(--indigo);outline-offset:2px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 32px}
.grid .w{grid-column:1/-1}
.group{margin:0 0 56px}
.savebar{position:sticky;bottom:0;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--bg);border-top:1px solid var(--line);padding:16px 0;margin-top:24px}
.savebar .hint{margin:0}
.side{position:sticky;top:24px}
.side section{margin:0 0 40px}
.side h2{font-size:14px;font-weight:400;color:var(--muted);margin:0 0 12px}
.side .btn{width:100%}
.side .btn+.btn,.side select+.btn{margin-top:12px}
.side select{margin-bottom:0}
dl.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0}
dl.kv dt{color:var(--muted);font-size:14px;line-height:1.7}
dl.kv dd{margin:0}
.calc{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}
.calc td{padding:10px 0}.calc td:last-child{text-align:right}
.calc tr.sum td{font-weight:600;border-top:1px solid var(--line);padding-top:14px}
.log{list-style:none;margin:0;padding:0}
.log li{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:12px 0}
.log time{font-size:14px;color:var(--muted)}
.note{margin:0 0 16px}
.note .m{font-size:14px;color:var(--muted);margin:0}

/* Summary / PDF: einfaches Dokument */
.paper{width:210mm;max-width:100%;min-height:297mm;margin:0 auto;background:#fff;padding:18mm 16mm;border:1px solid var(--line);color:var(--ink)}
.paper h1{font:900 34px/1.1 Fraunces,serif;color:var(--indigo);margin:0}
.paper h2{font-size:15px;color:var(--indigo);margin:32px 0 8px}
.paper .row{display:grid;grid-template-columns:42mm 1fr;gap:4px 12px;font-size:14px;margin:0}
.paper .row dt{color:var(--muted)}.paper .row dd{margin:0}
.paper table{width:100%;border-collapse:collapse;font-size:14px}.paper td{padding:4px 0}.paper td:last-child{text-align:right;font-variant-numeric:tabular-nums}
.allergy{border-left:3px solid var(--indigo);padding:6px 0 6px 14px;margin:8px 0;font-size:14px}
.phead{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:8px}
.pbig{font:900 56px/1 Fraunces,serif;color:var(--indigo)}
.toggle{display:flex;gap:8px;margin:0 0 32px;justify-content:center;flex-wrap:wrap}

/* Mail */
.mail{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:96px;align-items:start}
.mail form{max-width:680px}
.mail aside h2{font-size:14px;font-weight:400;color:var(--muted)}

@media (max-width:960px){
  .layout,.mail{grid-template-columns:minmax(0,1fr);gap:56px}
  .side{position:static}
  .top-in{gap:12px;flex-wrap:wrap;padding-top:8px;padding-bottom:0}
  .nav{order:3;flex-basis:100%;overflow-x:auto}
}
@media (max-width:720px){
  .wrap{padding:32px 16px 96px}.top-in{padding:8px 16px 0}
  .search{width:100%}.search input,.search select{width:100%}
  .chips{gap:0 16px}.fchip{font-size:15px}
  .grid{grid-template-columns:1fr}
  .tabbar{gap:18px}
  .table thead{display:none}
  .table,.table tbody,.table tr,.table td{display:block;width:100%}
  .table tr{padding:20px 0;border-bottom:1px solid var(--line)}
  .table td,.table td:first-child{padding:2px 0;border:0}.table td.num{text-align:left}
  .table td[data-l]::before{content:attr(data-l) ": ";color:var(--muted);font-size:14px}
  .table td.st-cell{margin-top:6px}
  .log li{grid-template-columns:1fr;gap:2px}
  .paper{padding:24px 18px;min-height:0}
  .paper .row{grid-template-columns:1fr}.paper .row dd{margin-bottom:6px}
  .phead{flex-direction:column}
}
@media (prefers-reduced-motion:no-preference){.btn,.table tbody tr{transition:background-color .15s ease,color .15s ease}}
@media print{.toggle,.noprint{display:none!important}.paper{border:0;margin:0;padding:0}}
.table small .mono{font-family:inherit;font-size:inherit}

/* App-Ergänzungen */
.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed;pointer-events:none}
.side form{margin:0}
details>summary{display:flex;align-items:center;min-height:44px;font-weight:600;cursor:pointer;color:var(--ink)}
details{margin:0 0 8px;border-top:1px solid var(--line)}
details[open]>summary{margin-bottom:16px}
details .grid{padding-bottom:16px}
.group>h2 .meta{display:inline}
.msg ul{color:inherit}
.who form{display:inline;margin:0}
.who button{background:none;border:0;padding:0;color:var(--muted);font:inherit;text-decoration:underline;cursor:pointer;min-height:44px}
.auth .btn{width:100%}
.qr svg{display:block;width:100%;height:100%}
.qr{padding:8px}
.qr.live{background:#fff;border:1px solid var(--line)}
.tabbar{scrollbar-width:none}.tabbar::-webkit-scrollbar{display:none}

/* Menü-Auswahl: nur der Block des gewählten Menüs ist sichtbar (kein JavaScript) */
.radios{border:0;margin:0 0 32px;padding:0}
.radios legend{font:400 14px/1.4 var(--sans);color:var(--muted);padding:0;margin:0 0 8px}
.opt{display:flex;align-items:center;gap:12px;min-height:48px;margin:0;font-size:16px;color:var(--ink);cursor:pointer}
.opt input{width:22px;min-height:22px;height:22px;padding:0;accent-color:var(--indigo)}
.mb{display:none}
.p3:has(#f_menu_choice_0:checked) .mb-0,.p3:has(#f_menu_choice_1:checked) .mb-1,.p3:has(#f_menu_choice_2:checked) .mb-2,.p3:has(#f_menu_choice_3:checked) .mb-3{display:block}

/* Buchungszettel, Preise */
.sr{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.zt input,.pt input,.pt select{min-height:44px;padding:8px 10px}
.zt td{vertical-align:top}.zt .note{margin-top:6px;font-size:14px;min-height:40px}
.zt .num input,.pt .num input{text-align:right}
.zt .chk,.pt .chk{text-align:center}.zt .chk input,.pt .chk input{width:24px;min-height:24px;height:24px;padding:0}
.zt tr.sum td{border-top:2px solid var(--line);border-bottom:0;font-size:17px}
.addrow{display:grid;grid-template-columns:2fr 2fr 1fr 1fr;gap:16px;margin:0 0 20px}
@media (max-width:720px){.addrow{grid-template-columns:1fr 1fr}.zt .chk{text-align:left}}
.zt td:first-child{width:46%}.zt td:first-child input{width:100%}.tabbar{gap:16px}

/* Mail-Editor (nur mit Skript sichtbar) */
.rte{min-height:360px;padding:14px 16px;border:1px solid var(--field);border-radius:0 0 4px 4px;background:var(--bg);line-height:1.6;overflow:auto;resize:vertical}
.rte:focus-visible{outline:3px solid var(--indigo);outline-offset:2px}
.rte p{margin:0 0 14px}.rte ul,.rte ol{margin:0 0 14px;padding-left:24px}.rte a{color:var(--indigo)}
.rte-bar{display:flex;gap:6px;flex-wrap:wrap;padding:8px;border:1px solid var(--field);border-bottom:0;border-radius:4px 4px 0 0;background:var(--wash)}
.rte-btn{min-height:40px;min-width:44px;padding:0 12px;border:1px solid transparent;background:transparent;color:var(--ink);font:400 15px var(--sans);border-radius:4px;cursor:pointer}
.rte-btn:hover{background:#fff;border-color:var(--field)}
.rte-btn[aria-pressed=true]{background:var(--indigo);color:#fff}

/* Buchungszettel gruppiert, Wie angefragt */
.zt tr.grp td{padding:20px 16px 8px;border-bottom:1px solid var(--line-2,var(--line));font-weight:600;color:var(--indigo)}
.zt tr.grp td:first-child{padding-left:0}
.sub2{font:600 16px/1.4 var(--sans);margin:48px 0 16px}
details.asked{border-top:1px solid var(--line);padding-top:8px}
details.asked summary{cursor:pointer;color:var(--muted)}
.zt td.num,.zt th.num{white-space:nowrap}.zt td.num input[type=number]{width:88px;text-align:right}.zt td.num input:not([type=number]){width:120px}
.zt tr.kid td:first-child{padding-left:28px}.zt .davon{display:block;font-size:13px;color:var(--indigo);margin-bottom:2px}

/* Buchungszettel als echte Tabelle (auch auf schmalen Fenstern), Artikel-Auswahl */
.ztw{overflow-x:auto}
.zt{min-width:760px}
@media (max-width:720px){
  .zt{display:table}.zt thead{display:table-header-group}.zt tbody{display:table-row-group}.zt tr{display:table-row;padding:0}
  .zt td{display:table-cell;width:auto;padding:12px 10px;border-bottom:1px solid var(--line)}.zt td:first-child{padding-left:0}
  .zt td.num{text-align:right}.zt td[data-l]::before{content:none}
}
.zt td:first-child{width:auto;min-width:240px}.zt td .note{margin-top:0;min-width:160px}
dialog#pick{width:min(640px,calc(100vw - 32px));max-height:86vh;padding:24px;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:var(--ink)}
dialog#pick::backdrop{background:rgba(0,0,0,.4)}
dialog#pick h2{margin:0 0 16px}
dialog#pick input[type=search]{width:100%;min-height:44px;padding:8px 10px}
.pick-list{max-height:52vh;overflow:auto;margin:16px 0}
.pick-list h3{font:600 14px/1.4 var(--sans);color:var(--indigo);margin:16px 0 4px}
.pick-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:6px 0;border-bottom:1px solid var(--line)}
.pick-row[hidden]{display:none}
.pick-row label{display:flex;gap:10px;align-items:center;flex:1;cursor:pointer}
.pick-row small{color:var(--muted)}
.pick-row .pick-c{width:22px;height:22px}
.pick-row .pick-q{width:96px;min-height:40px;text-align:right}
.pick-act{display:flex;justify-content:flex-end;gap:12px}

/* Zettel: ruhige Tabelle, Felder erst bei Hover/Fokus als Eingabe sichtbar */
.zt{border-top:1px solid var(--line)}
.zt th{padding:14px 12px;font-size:14px;border-bottom:1px solid var(--line)}
.zt td{padding:10px 12px;vertical-align:middle;border-bottom:1px solid var(--line)}
.zt td:first-child,.zt th:first-child{padding-left:12px}
.zt tbody tr:not(.grp):not(.sum):hover{background:var(--wash)}
.zt input{border:1px solid transparent;background:transparent;min-height:40px;padding:6px 8px;font-size:16px;border-radius:4px}
.zt input:focus-visible{border-color:var(--indigo);background:#fff}
.zt .note{color:var(--muted);font-size:15px}
.zt td small{display:block;margin:0 0 0 8px;color:var(--muted);font-size:13px}
.zt td.num{font-variant-numeric:tabular-nums}
.zt td.num input{font-variant-numeric:tabular-nums}
.zt tr.grp td{background:var(--wash);padding:14px 12px;font:600 13px/1.4 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line)}
.zt tr.grp td.num{color:var(--ink);letter-spacing:0;text-transform:none;font-size:16px}
.zt tr.sum td{background:var(--wash);padding:16px 12px;border-top:2px solid var(--line);font-size:17px}
.zt td.chk{width:72px}
.zt tr.kid td:first-child{padding-left:32px}
.zt .davon{display:inline;margin:0 6px 0 0}
.zt{min-width:600px}
.zt td:first-child{min-width:170px}.zt td .note{min-width:110px}
.zt td.num input[type=number]{width:72px}.zt td.num input:not([type=number]){width:92px}
.zt .davon{display:none}
.zt tr.kid td:first-child{position:relative}
.zt tr.kid td:first-child::before{content:"\21B3";position:absolute;left:12px;top:18px;color:var(--indigo)}
.zt td small{display:none}
.zt td.chk{width:56px;text-align:center}
.zt .note::placeholder{color:transparent}.zt .note:focus::placeholder{color:var(--muted)}
.zt th:nth-child(2),.zt td:nth-child(2){width:96px;max-width:96px;padding-left:4px;padding-right:4px}
.zt td .note{min-width:0;width:100%}
.zt td{padding-left:8px;padding-right:8px}.zt th{padding-left:8px;padding-right:8px}
.zt td.num input[type=number]{width:60px}.zt td.num input:not([type=number]){width:80px}

/* Preise: gleiche ruhige Tabelle wie der Zettel */
.pt{border-top:1px solid var(--line);min-width:640px}
.pt th{padding:14px 8px;font-size:14px;border-bottom:1px solid var(--line)}
.pt td{padding:8px;vertical-align:middle;border-bottom:1px solid var(--line)}
.pt td:first-child,.pt th:first-child{padding-left:12px}
.pt tbody tr:hover{background:var(--wash)}
.pt input:not([type=checkbox]),.pt select{border:1px solid transparent;background:transparent;font-size:16px}
.pt input:focus-visible,.pt select:focus-visible{border-color:var(--indigo);background:#fff}
.pt td.num input{font-variant-numeric:tabular-nums}
@media (max-width:720px){
  .pt{display:table}.pt thead{display:table-header-group}.pt tbody{display:table-row-group}.pt tr{display:table-row;padding:0}
  .pt td{display:table-cell;width:auto;padding:8px;border-bottom:1px solid var(--line)}.pt td.num{text-align:right}.pt td[data-l]::before{content:none}
}
.pt td:first-child{min-width:220px}
.pt td:nth-child(2){width:130px}.pt td:nth-child(3){width:110px}.pt td:nth-child(4){width:110px}.pt td:nth-child(5){width:90px}
.pt td.chk{width:56px}
.pt td:nth-child(2){width:140px}.pt td:nth-child(3){width:130px}
.pt tr.new td{border-bottom:1px solid var(--line)}
.pt tr.new input:not([type=hidden]),.pt tr.new select{border-color:var(--line)}
.zt tr.new td{vertical-align:top}
.zt tr.new select{width:100%;min-height:40px;border:1px solid var(--line);background:#fff;padding:6px 8px;font-size:15px}
.zt tr.new input:not([type=checkbox]){border-color:var(--line);background:#fff}
.zt tr.new input[hidden]{display:none}
.zt tr.new input[name$="[name]"]{margin-top:6px}
.zt td.empty{color:var(--muted);padding:20px 12px}
.zt-tools{display:flex;gap:12px;margin:16px 0}
.zt .num input[name$="[qty]"]{width:72px}

/* Kalender */
.cal-head{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.cal-head h1{margin:0}.cal-nav{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.cal-legend{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}
.cal-chip{display:inline-block;padding:4px 10px;border-radius:4px;font-size:14px}
.cal-a{background:#ecebf5;color:var(--ink)}.cal-w{background:#fbf0c8;color:var(--ink)}.cal-f{background:#d8efdc;color:var(--ink)}
.cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cal-dow{padding:10px 8px;font-size:14px;color:var(--muted);border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--wash)}
.cal-day{min-height:112px;padding:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:4px}
.cal-day.out{background:var(--wash);color:var(--muted)}
.cal-day.today .cal-num{color:#fff;background:var(--indigo);border-radius:4px;padding:0 6px;align-self:flex-start}
.cal-num{font-size:14px}.cal-dowm{display:none}
.cal-ev{display:block;padding:4px 6px;border-radius:4px;font-size:13px;line-height:1.35;text-decoration:none;color:var(--ink);overflow:hidden;text-overflow:ellipsis}
.cal-ev:hover{outline:2px solid var(--indigo)}
@media (max-width:720px){
  .cal{display:block;border:0}.cal-dow{display:none}
  .cal-day{display:none;min-height:0;border:0;border-bottom:1px solid var(--line);padding:10px 0}
  .cal-day.has{display:flex}.cal-dowm{display:inline}.cal-day.out{background:transparent}
  .cal-ev{font-size:15px;padding:8px 10px}
}
.chk-line{display:flex;gap:12px;align-items:center;cursor:pointer}

/* Konten */
.kt{min-width:760px}
.kt th{padding:14px 12px;font-size:14px}
.kt td{padding:14px 12px;vertical-align:middle}
.kt td:first-child,.kt th:first-child{padding-left:12px}
.kt td small{display:block;color:var(--muted);font-size:14px}
.kt td.act{text-align:right;width:130px}
.pill{display:inline-block;padding:3px 10px;border-radius:999px;font-size:13px;line-height:1.5;white-space:nowrap}
.pill-ok{background:#d8efdc;color:#14532d}.pill-wait{background:#fbf0c8;color:#6b4e00}.pill-off{background:#ecebf5;color:var(--muted)}
.pop{position:relative;display:inline-block;text-align:left}
.pop>summary{list-style:none;cursor:pointer}.pop>summary::-webkit-details-marker{display:none}
.pop-menu{position:absolute;right:0;top:calc(100% + 6px);z-index:5;min-width:220px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:6px;box-shadow:0 6px 24px rgba(28,31,77,.14)}
.pop-menu form{margin:0}
.pop-menu button{display:block;width:100%;padding:10px 12px;border:0;background:transparent;text-align:left;font:inherit;color:var(--ink);border-radius:4px;cursor:pointer;min-height:40px}
.pop-menu button:hover{background:var(--wash)}
.nk{max-width:760px}
.nk-grid{display:grid;grid-template-columns:2fr 2fr 1fr auto;gap:16px;align-items:end;margin-bottom:16px}
.nk-grid .field{margin:0}.nk-btn .btn{white-space:nowrap}
@media (max-width:720px){.nk-grid{grid-template-columns:1fr}.kt{min-width:640px}}
@media (max-width:900px){.ktw{overflow-x:auto;padding-bottom:140px;margin-bottom:-140px}}

/* Anfrage: Kopfband statt Seitenleiste */
.layout{display:block}.main{max-width:none}
.ibar{background:var(--wash);border:1px solid var(--line);border-radius:8px;padding:24px 28px;margin:0 0 40px}
.ibar-top{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;flex-wrap:wrap}
.ibar h1{margin:0 0 6px;display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.ibar .sub{margin:0}
.ibar-act{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.ibar-act .btn{width:auto}
.ibar-bottom{display:flex;gap:16px 40px;align-items:center;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}
.ibar-status{display:flex;gap:10px;align-items:center;margin:0}
.ibar-status label{margin:0;color:var(--muted);font-size:14px}
.ibar-status select{width:auto;min-width:170px;min-height:40px;padding:6px 10px}
.ibar-status .btn{width:auto;margin:0}
.facts{display:flex;gap:12px 32px;flex-wrap:wrap;margin:0}
.facts div{display:flex;flex-direction:column;gap:2px}
.facts dt{font-size:13px;color:var(--muted)}.facts dd{margin:0;font-size:16px}
.ibar-hint{margin:16px 0 0;font-size:13px;color:var(--muted)}
.pop-menu a{display:block;padding:10px 12px;border-radius:4px;color:var(--ink);text-decoration:none;min-height:40px;box-sizing:border-box}
.pop-menu a:hover{background:var(--wash)}.pop-danger{color:var(--err)!important}
.ibar .pop-menu{min-width:260px}
.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.group{margin:0 0 44px}
.group>h2{font:600 13px/1.4 var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 16px}
.group>h2 .meta{text-transform:none;letter-spacing:0;font-weight:400;margin-left:8px}
.meta-line{margin:20px 0 0;font-size:14px;color:var(--muted)}
@media (max-width:900px){.grid.cols-3,.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:720px){.ibar{padding:18px}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.ibar-status{width:100%}.ibar-status select{flex:1}}
.ibar h1 .st{font-size:15px;font-weight:600}
.pop-menu button,.pop-menu a{white-space:nowrap}
.ibar .pop-menu{min-width:max-content}
.ibar .pop>summary{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center}