:root{--bg: #eef1f4;--bg-2: #e4e9ee;--surface: #ffffff;--surface-2: #f6f8fa;--surface-3: #edf1f4;--ink: #132029;--ink-2: #3a4b58;--muted: #677885;--line: #d6dee4;--line-2: #bfcad3;--accent: #0b6e8f;--accent-2: #095a75;--accent-ink: #ffffff;--accent-soft: #dcf0f6;--ok: #1d7a4b;--ok-soft: #dcf2e5;--warn: #9a6100;--warn-soft: #fbeccb;--bad: #b3303a;--bad-soft: #f9dfe1;--info: #0b6e8f;--info-soft: #dcf0f6;--signal: #f5c400;--signal-ink: #1b1600;--shadow: 0 1px 2px rgba(19, 32, 41, .06), 0 4px 14px rgba(19, 32, 41, .06);--shadow-lg: 0 10px 40px rgba(19, 32, 41, .22);--backdrop: rgba(12, 22, 30, .42);--st-neu: #6b7a86;--st-freigabe: #b07412;--st-bereit: #4a6b8c;--st-stanzen: #0b6e8f;--st-kontrolle: #5b5fad;--st-versandbereit: #2e8b57;--st-versendet: #7b8a83;--ab-urlaub: #1b8fb5;--ab-krank: #c0475a;--ab-schule: #7b5cc4;--ab-ueber: #c58b12;--ab-sonder: #3c9a5f;--ab-betrieb: #0b6e8f;--ab-sonst: #7f8c96;--f-ui: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--f-din: "Bahnschrift", "DIN Alternate", "DIN Next LT Pro", "Barlow Semi Condensed", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;--f-mono: ui-monospace, "Cascadia Mono", "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--r-s: 6px;--r: 10px;--r-l: 14px;--side-w: 236px;--top-h: 60px;--gutter: 24px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0d141a;--bg-2: #111a21;--surface: #151f27;--surface-2: #1a252e;--surface-3: #202d37;--ink: #e3eaef;--ink-2: #b6c3cc;--muted: #8698a5;--line: #26343f;--line-2: #354756;--accent: #45b8da;--accent-2: #6ccae6;--accent-ink: #04212b;--accent-soft: #0f3140;--ok: #4dc288;--ok-soft: #10301f;--warn: #e4a83c;--warn-soft: #34260b;--bad: #f0707a;--bad-soft: #3b161b;--info: #45b8da;--info-soft: #0f3140;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 44px rgba(0, 0, 0, .55);--backdrop: rgba(0, 0, 0, .6);--st-neu: #8b9aa6;--st-freigabe: #e0a23a;--st-bereit: #7b9cbd;--st-stanzen: #45b8da;--st-kontrolle: #9b9ff0;--st-versandbereit: #5ccf8d;--st-versendet: #8a9a93;--ab-urlaub: #3fb1d6;--ab-krank: #e46b7d;--ab-schule: #a489e6;--ab-ueber: #e0a93a;--ab-sonder: #5cbf80;--ab-betrieb: #45b8da;--ab-sonst: #92a0aa;color-scheme:dark}}:root[data-theme=dark]{--bg: #0d141a;--bg-2: #111a21;--surface: #151f27;--surface-2: #1a252e;--surface-3: #202d37;--ink: #e3eaef;--ink-2: #b6c3cc;--muted: #8698a5;--line: #26343f;--line-2: #354756;--accent: #45b8da;--accent-2: #6ccae6;--accent-ink: #04212b;--accent-soft: #0f3140;--ok: #4dc288;--ok-soft: #10301f;--warn: #e4a83c;--warn-soft: #34260b;--bad: #f0707a;--bad-soft: #3b161b;--info: #45b8da;--info-soft: #0f3140;--shadow: 0 1px 2px rgba(0, 0, 0, .3), 0 4px 14px rgba(0, 0, 0, .25);--shadow-lg: 0 12px 44px rgba(0, 0, 0, .55);--backdrop: rgba(0, 0, 0, .6);--st-neu: #8b9aa6;--st-freigabe: #e0a23a;--st-bereit: #7b9cbd;--st-stanzen: #45b8da;--st-kontrolle: #9b9ff0;--st-versandbereit: #5ccf8d;--st-versendet: #8a9a93;--ab-urlaub: #3fb1d6;--ab-krank: #e46b7d;--ab-schule: #a489e6;--ab-ueber: #e0a93a;--ab-sonder: #5cbf80;--ab-betrieb: #45b8da;--ab-sonst: #92a0aa;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--f-ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body.has-modal{overflow:hidden}h1,h2,h3,h4{margin:0;font-family:var(--f-din);font-weight:700;letter-spacing:.01em;text-wrap:balance;line-height:1.15}p{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.num{font-variant-numeric:tabular-nums}.mono{font-family:var(--f-mono);font-size:.92em;letter-spacing:-.01em}.din{font-family:var(--f-din)}.ok-t{color:var(--ok)}.warn-t{color:var(--warn)}.bad-t{color:var(--bad)}.strong{font-weight:650}.nowrap{white-space:nowrap}.clip{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.ico{flex:none}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pre{white-space:pre-wrap;overflow-wrap:anywhere}.row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.row-tight{display:flex;align-items:center;gap:6px}.stack{display:flex;flex-direction:column;gap:12px}.stack-s{display:flex;flex-direction:column;gap:6px}.spacer{flex:1}.grid{display:grid;gap:16px}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.grid-3{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,290px),1fr))}.form-grid{display:grid;gap:14px 16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}.form-grid .span-2{grid-column:span 2}.form-grid .span-all{grid-column:1 / -1}.form-grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:480px){.form-grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.grid-2>.span-all{grid-column:1 / -1}@media(max-width:560px){.form-grid .span-2{grid-column:1 / -1}}hr.sep{border:0;border-top:1px solid var(--line);margin:4px 0;width:100%}.app{min-height:100vh;display:grid;grid-template-columns:var(--side-w) minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;overflow-y:auto;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:16px 12px 12px;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:2px 8px 14px;color:var(--ink)}.brand .logo-mark{color:var(--accent)}.brand b{font-family:var(--f-din);font-size:19px;letter-spacing:.02em;display:block;line-height:1.05}.brand small{color:var(--muted);font-size:11.5px;display:block}.nav{display:flex;flex-direction:column;gap:2px}.nav-label{font:600 11px/1 var(--f-din);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);padding:14px 10px 6px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:9px 10px;border:0;border-radius:var(--r-s);background:none;cursor:pointer;color:var(--ink-2);text-align:left;font-weight:550;min-height:40px}.nav-item:hover{background:var(--surface-3);color:var(--ink)}.nav-item.is-on{background:var(--accent-soft);color:var(--accent)}.nav-item .count{margin-left:auto}.side-foot{margin-top:auto;padding-top:12px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:6px}.me{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:var(--r-s)}.me-name{font-weight:600;font-size:14px;line-height:1.2}.me-role{font-size:12px;color:var(--muted)}.mainwrap{min-width:0;display:flex;flex-direction:column}.top{position:sticky;top:0;z-index:30;height:var(--top-h);display:flex;align-items:center;gap:12px;padding:0 var(--gutter);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line)}.top-title{font:700 18px/1 var(--f-din);letter-spacing:.02em;display:none}.top>.logo-mark{display:none;color:var(--accent)}.top .search{width:min(420px,100%)}.main{flex:1;padding:22px var(--gutter) 60px;min-width:0}.page{display:flex;flex-direction:column;gap:18px;max-width:1480px;margin:0 auto;width:100%}.app{grid-template-columns:calc(var(--side-w) + env(safe-area-inset-left,0px)) minmax(0,1fr)}.side{padding-left:calc(12px + env(safe-area-inset-left,0px))}.top,.main{padding-right:calc(var(--gutter) + env(safe-area-inset-right,0px))}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}.page-head h1{font-size:28px}.page-sub{color:var(--muted);margin-top:4px}.page-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.bottom-nav{display:none}.banner{display:flex;align-items:center;gap:10px;padding:8px var(--gutter);background:var(--warn-soft);color:var(--ink);font-size:13.5px;border-bottom:1px solid var(--line)}.banner-demo{background:var(--accent-soft)}.banner .btn{margin-left:auto}@media(max-width:1100px){:root{--side-w: 76px;--gutter: 18px}.brand>div,.nav-label,.nav-item>span:not(.count),.me>div,.side-foot .btn span{display:none}.brand{justify-content:center;padding-inline:0}.nav-item{flex-direction:column;gap:3px;padding:8px 4px;font-size:10.5px;position:relative}.nav-item .count{position:absolute;top:3px;right:6px;margin:0}.nav-item .nav-short{display:block!important;line-height:1}.me,.side-foot .btn{justify-content:center}}.nav-short{display:none}@media(max-width:720px){:root{--gutter: 16px;--top-h: 54px}.app{grid-template-columns:1fr}.side{display:none}.top-title{display:block}.top>.logo-mark{display:block}.top .search{display:none}.main{padding:16px var(--gutter) calc(96px + env(safe-area-inset-bottom,0px))}.page-head h1{font-size:24px}.bottom-nav{display:grid;grid-template-columns:repeat(6,1fr);position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}.bottom-nav button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:none;padding:6px 2px;font-size:11px;color:var(--muted);border-radius:var(--r-s);position:relative;min-height:52px;justify-content:center}.bottom-nav button.is-on{color:var(--accent)}.bottom-nav .count{position:absolute;top:2px;right:18%}}.sheet-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.sheet-nav .nav-item{flex-direction:column;gap:6px;padding:14px 6px;border:1px solid var(--line);font-size:13px;text-align:center;justify-content:center;position:relative}.sheet-nav .nav-item .count{position:absolute;top:6px;right:6px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:7px 14px;border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .12s,border-color .12s,color .12s,transform .05s}.btn:hover{background:var(--surface-3)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-2);border-color:var(--accent-2)}.btn-danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn-danger:hover{filter:brightness(1.06);background:var(--bad)}.btn-ghost{background:transparent}.btn-quiet{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-quiet:hover{background:var(--surface-3);color:var(--ink)}.btn-ok{background:var(--ok);border-color:var(--ok);color:#fff}.btn-ok:hover{background:var(--ok);filter:brightness(1.07)}.btn-warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 40%,transparent);color:var(--ink)}.btn-sm{min-height:32px;padding:4px 10px;font-size:13px}.btn-lg{min-height:50px;padding:10px 20px;font-size:16px}.btn-icon{padding:0;width:38px}.btn-icon.btn-sm{width:32px}.btn-block{width:100%}.pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:999px;font-size:12.5px;font-weight:600;line-height:1.5;white-space:nowrap;background:var(--surface-3);color:var(--ink-2)}.pill-dot{width:7px;height:7px;border-radius:50%;background:currentColor}.pill-ok{background:var(--ok-soft);color:var(--ok)}.pill-warn{background:var(--warn-soft);color:var(--warn)}.pill-bad{background:var(--bad-soft);color:var(--bad)}.pill-info,.pill-accent{background:var(--accent-soft);color:var(--accent)}.pill-signal{background:var(--signal);color:var(--signal-ink);letter-spacing:.03em;font-family:var(--f-din);text-transform:uppercase}.pill-line{background:transparent;border:1px solid var(--line-2)}.count{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;font:700 11.5px/1 var(--f-din);background:var(--accent);color:var(--accent-ink)}.count-bad{background:var(--bad);color:#fff}.count-warn{background:var(--warn);color:#fff}.count-muted{background:var(--surface-3);color:var(--ink-2)}.stage-pill{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:650;white-space:nowrap;padding:2px 9px 2px 7px;border-radius:999px;color:var(--st);background:color-mix(in srgb,var(--st) 14%,transparent)}.stage-pill i{width:8px;height:8px;border-radius:2px;background:var(--st)}.ticks{display:inline-flex;gap:3px;align-items:center}.ticks i{width:10px;height:4px;border-radius:1px;background:var(--line)}.ticks i.on{background:var(--st, var(--accent))}.avatar{display:inline-grid;place-items:center;flex:none;border-radius:50%;background:var(--av);color:#fff;font:700 11px/1 var(--f-din);letter-spacing:.02em;box-shadow:inset 0 0 0 1.5px color-mix(in srgb,#fff 22%,transparent)}.avatar-all{background:var(--surface-3);color:var(--ink-2);font-size:9px}.person{display:inline-flex;align-items:center;gap:7px;min-width:0}.person-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.av-stack{display:inline-flex}.av-stack .avatar{margin-left:-6px;box-shadow:0 0 0 2px var(--surface)}.av-stack .avatar:first-child{margin-left:0}.meter{position:relative;display:block;height:6px;border-radius:3px;background:var(--surface-3);overflow:visible;min-width:60px}.meter i{position:absolute;inset:0 auto 0 0;border-radius:3px;background:var(--accent)}.meter b{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink-2);border-radius:1px}.meter-ok i{background:var(--ok)}.meter-warn i{background:var(--warn)}.meter-bad i{background:var(--bad)}.qty{display:inline-flex;align-items:baseline;gap:4px}.qty .num{font-family:var(--f-din);font-weight:700}.qty small{color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:5px;min-width:0}.field>label{font-size:13px;font-weight:600;color:var(--ink-2)}.field-hint{font-size:12.5px;color:var(--muted)}.field-msg{font-size:12.5px;color:var(--bad);font-weight:600}.field-error .input{border-color:var(--bad)}.input{width:100%;min-height:40px;padding:8px 11px;border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--surface);color:var(--ink)}.input:focus{outline:2px solid color-mix(in srgb,var(--accent) 55%,transparent);outline-offset:0;border-color:var(--accent)}.input::placeholder{color:color-mix(in srgb,var(--muted) 80%,transparent)}.input[readonly]{background:var(--surface-2)}.textarea{min-height:84px;resize:vertical;line-height:1.4}.select{-webkit-appearance:none;appearance:none;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}.input.num{text-align:right;font-variant-numeric:tabular-nums}.input-unit{display:flex;align-items:stretch}.input-unit .input{border-radius:var(--r-s) 0 0 var(--r-s)}.input-unit span{display:grid;place-items:center;padding:0 10px;border:1px solid var(--line-2);border-left:0;border-radius:0 var(--r-s) var(--r-s) 0;background:var(--surface-2);color:var(--muted);font-size:13px;white-space:nowrap}.check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;min-height:30px;padding-top:2px}.check input{position:absolute;opacity:0;width:1px;height:1px}.check-box{width:20px;height:20px;flex:none;border-radius:5px;border:1.5px solid var(--line-2);display:grid;place-items:center;background:var(--surface);color:transparent;margin-top:1px}.check input:checked+.check-box{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.check input:focus-visible+.check-box{outline:2px solid var(--accent);outline-offset:2px}.check-label{display:flex;flex-direction:column;font-weight:550}.check-label small{font-weight:400;color:var(--muted);font-size:12.5px}.check.is-disabled{opacity:.55;cursor:not-allowed}.seg{display:inline-flex;padding:3px;gap:2px;border-radius:var(--r);background:var(--surface-3);border:1px solid var(--line);max-width:100%;overflow-x:auto}.seg-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:none;padding:6px 12px;border-radius:7px;font-weight:600;font-size:13.5px;color:var(--ink-2);cursor:pointer;white-space:nowrap;min-height:32px}.seg-btn.is-on{background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.seg-count{font:700 11px/1 var(--f-din);padding:3px 6px;border-radius:999px;background:var(--line);color:var(--ink-2)}.seg-btn.is-on .seg-count{background:var(--accent-soft);color:var(--accent)}.search{display:flex;align-items:center;gap:8px;padding:0 10px;min-height:40px;border-radius:var(--r-s);border:1px solid var(--line-2);background:var(--surface);color:var(--muted)}.search:focus-within{border-color:var(--accent);outline:2px solid color-mix(in srgb,var(--accent) 45%,transparent)}.search input{border:0;background:none;outline:none;flex:1;min-width:0;color:var(--ink);padding:8px 0}.search input::-webkit-search-cancel-button{display:none}.search-clear{border:0;background:none;color:var(--muted);cursor:pointer;display:grid;place-items:center;padding:4px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);display:flex;flex-direction:column;min-width:0}.panel-head{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;flex-wrap:wrap}.panel-head h2{display:flex;align-items:center;gap:8px;font-size:16px}.panel-head h2 .ico{color:var(--muted)}.panel-count{font:700 12px/1 var(--f-din);color:var(--muted);background:var(--surface-3);padding:4px 7px;border-radius:999px}.panel-sub{color:var(--muted);font-size:13px}.panel-actions{margin-left:auto;display:flex;gap:6px;align-items:center}.panel-body{padding:0 16px 16px;display:flex;flex-direction:column;gap:10px;min-width:0}.panel-bad{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.panel-warn{border-color:color-mix(in srgb,var(--warn) 45%,var(--line))}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px}.empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:26px 16px;color:var(--muted)}.empty strong{color:var(--ink-2)}.empty p{max-width:46ch;font-size:14px}.empty .btn{margin-top:8px}.rows{display:flex;flex-direction:column}.rowi{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid var(--line);min-width:0}.rowi:first-child{border-top:0}.rowi.is-click{cursor:pointer;border-radius:6px;padding-inline:8px;margin-inline:-8px}.rowi.is-click:hover{background:var(--surface-2)}.rowi-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.rowi-title{font-weight:600;min-width:0}.rowi-sub{color:var(--muted);font-size:13px;min-width:0}.kvs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,170px),1fr));gap:12px 18px;margin:0}.kv{margin:0;min-width:0}.kv dt{font:600 11.5px/1.2 var(--f-din);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px}.kv dd{margin:0;font-weight:550;overflow-wrap:anywhere}.kv-wide{grid-column:1 / -1}.section-title{font:700 12px/1 var(--f-din);text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:6px 0 2px}.stats{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);text-align:left;cursor:default;min-width:0}button.stat{cursor:pointer}button.stat:hover{border-color:var(--line-2);background:var(--surface-2)}.stat-label{font-size:12.5px;color:var(--muted);font-weight:600}.stat-value{font:700 26px/1.1 var(--f-din);font-variant-numeric:tabular-nums}.stat-sub{font-size:12.5px;color:var(--muted)}.stat-bad .stat-value{color:var(--bad)}.stat-warn .stat-value{color:var(--warn)}.stat-ok .stat-value{color:var(--ok)}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font:650 11.5px/1.2 var(--f-din);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:10px 12px;border-bottom:1px solid var(--line);background:var(--surface-2);white-space:nowrap;position:sticky;top:0}.table td{padding:9px 12px;border-bottom:1px solid var(--line);vertical-align:middle}.table tr:last-child td{border-bottom:0}.table tbody tr.is-click{cursor:pointer}.table tbody tr.is-click:hover td{background:var(--surface-2)}.table .r{text-align:right}.table .c{text-align:center}.table tfoot td{font-weight:700;background:var(--surface-2);border-top:1px solid var(--line-2)}.modal-back{position:fixed;inset:0;background:var(--backdrop);display:grid;place-items:center;padding:16px;animation:fade .14s ease-out}.modal-back.is-drawer{place-items:stretch end;padding:0}.modal{width:min(560px,100%);max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-l);box-shadow:var(--shadow-lg);outline:none;animation:pop .16s ease-out}.modal-sm{width:min(420px,100%)}.modal-lg{width:min(820px,100%)}.modal-xl{width:min(1080px,100%)}.modal-drawer{width:min(760px,100%);height:100%;max-height:100%;border-radius:0;animation:slide .18s ease-out}.modal-drawer .modal-body{flex:1}.modal-head{display:flex;align-items:flex-start;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line)}.modal-title{flex:1;min-width:0}.modal-head h2{font-size:20px}.modal-sub{color:var(--muted);font-size:13.5px;margin-top:3px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.modal-body{padding:16px 18px 18px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.modal-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 var(--r-l) var(--r-l)}.modal-drawer .modal-foot{border-radius:0}.modal-foot .left{margin-right:auto}.confirm-text{color:var(--ink-2)}.copy-area{font-family:var(--f-mono);font-size:13px;min-height:240px}@media(max-width:720px){.modal-back{padding:0;place-items:end stretch}.modal,.modal-lg,.modal-xl,.modal-sm{width:100%;max-height:94vh;border-radius:var(--r-l) var(--r-l) 0 0}.modal-drawer{max-height:100%;height:100%;border-radius:0}.modal-foot{border-radius:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px) scale(.985)}}@keyframes slide{0%{transform:translate(30px);opacity:0}}.toasts{position:fixed;left:50%;bottom:20px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(520px,calc(100% - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--r);background:var(--ink);color:var(--bg);box-shadow:var(--shadow-lg);font-weight:550;animation:pop .16s ease-out;max-width:100%}.toast-ok .ico{color:var(--ok)}.toast-error{background:var(--bad);color:#fff}.toast-info .ico{color:var(--accent)}@media(max-width:720px){.toasts{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);overflow-x:auto}.tab{border:0;background:none;padding:9px 12px;font-weight:650;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;display:inline-flex;gap:6px;align-items:center}.tab.is-on{color:var(--accent);border-bottom-color:var(--accent)}.note-box{display:flex;gap:10px;padding:10px 12px;border-radius:var(--r-s);background:var(--surface-2);border:1px solid var(--line);font-size:13.5px;color:var(--ink-2)}.note-box .ico{color:var(--accent);margin-top:1px}.note-warn{background:var(--warn-soft);border-color:color-mix(in srgb,var(--warn) 30%,transparent)}.note-warn .ico{color:var(--warn)}.note-bad{background:var(--bad-soft);border-color:color-mix(in srgb,var(--bad) 30%,transparent)}.note-bad .ico{color:var(--bad)}.note-ok{background:var(--ok-soft);border-color:color-mix(in srgb,var(--ok) 30%,transparent);align-items:center}.note-ok .ico{color:var(--ok)}.login{min-height:100vh;display:grid;place-items:center;padding:32px 16px;background:radial-gradient(circle at 12% 8%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 40%),var(--bg)}.login-card{width:min(760px,100%);display:flex;flex-direction:column;gap:20px}.login-brand{display:flex;align-items:center;gap:14px}.login-brand .logo-mark{color:var(--accent)}.login-brand h1{font-size:30px}.login-brand p{color:var(--muted)}.people{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.person-tile{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 10px;border-radius:var(--r-l);border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:center;min-height:118px;justify-content:center}.person-tile:hover{border-color:var(--accent);box-shadow:var(--shadow)}.person-tile b{font-size:14.5px;line-height:1.2}.person-tile small{color:var(--muted);font-size:12px}.pinpad-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:24px 18px}.pin-dots{display:flex;gap:12px;height:18px}.pin-dots i{width:14px;height:14px;border-radius:50%;border:2px solid var(--line-2)}.pin-dots i.on{background:var(--accent);border-color:var(--accent)}.pinpad{display:grid;grid-template-columns:repeat(3,76px);gap:10px}.pinpad button{height:62px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface-2);font:700 24px/1 var(--f-din);cursor:pointer;display:grid;place-items:center}.pinpad button:hover{background:var(--surface-3)}.pinpad button:active{transform:scale(.97)}.pinpad .pin-ok{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.pin-err{color:var(--bad);font-weight:600;min-height:20px;text-align:center}.login-foot{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;color:var(--muted);font-size:13px}.hello{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap}.hello h1{font-size:30px}.hello-date{color:var(--muted);margin-top:4px}.dash{display:grid;gap:16px;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start}.dash>.stack{min-width:0}@media(max-width:1180px){.dash{grid-template-columns:1fr}}.band{display:flex;gap:6px;padding:10px;border-radius:12px;background:var(--surface-3);overflow-x:auto;position:relative}.band:before{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px dashed color-mix(in srgb,var(--line-2) 70%,transparent)}.band:after{content:"";position:absolute;left:0;right:0;bottom:4px;border-top:1.5px dashed color-mix(in srgb,var(--line-2) 70%,transparent)}.band-item{flex:1 0 96px;display:flex;flex-direction:column;gap:2px;padding:9px 10px 8px;border-radius:8px;background:var(--surface);border:1px solid var(--line);border-top:3px solid var(--st);cursor:pointer;text-align:left;position:relative;z-index:1}.band-item:hover{box-shadow:var(--shadow)}.band-item b{font:700 24px/1 var(--f-din);font-variant-numeric:tabular-nums}.band-item span{font-size:12px;color:var(--muted);font-weight:600;white-space:nowrap}.band-item.is-zero b{color:var(--line-2)}.band-item em{font-style:normal;font-size:11.5px;color:var(--bad);font-weight:700}.feed{display:flex;flex-direction:column;gap:0}.feed-item{display:flex;gap:10px;padding:8px 0;border-top:1px solid var(--line);font-size:14px}.feed-item:first-child{border-top:0}.feed-item time{color:var(--muted);font-size:12.5px;white-space:nowrap;margin-left:auto;padding-left:8px}.presence{display:flex;flex-wrap:wrap;gap:8px}.presence-item{display:inline-flex;align-items:center;gap:7px;padding:4px 10px 4px 4px;border-radius:999px;background:var(--surface-2);border:1px solid var(--line);font-size:13px;font-weight:600}.presence-item .state{width:8px;height:8px;border-radius:50%;background:var(--line-2)}.presence-item.is-arbeit .state{background:var(--ok)}.presence-item.is-pause .state{background:var(--warn)}.presence-item.is-weg{opacity:.65}.clock{display:flex;gap:16px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-radius:var(--r-l);background:var(--surface);border:1px solid var(--line)}.clock-state{display:flex;flex-direction:column;gap:2px;min-width:180px;flex:1}.clock-state small{color:var(--muted);font-weight:600;font-size:12.5px}.clock-big{font:700 34px/1 var(--f-din);font-variant-numeric:tabular-nums}.clock-label{display:inline-flex;align-items:center;gap:7px;font-weight:650}.clock-label i{width:10px;height:10px;border-radius:50%;background:var(--line-2)}.clock.is-arbeit .clock-label i{background:var(--ok);box-shadow:0 0 0 4px color-mix(in srgb,var(--ok) 20%,transparent)}.clock.is-pause .clock-label i{background:var(--warn)}.clock.is-arbeit{border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}.clock-actions{display:flex;gap:8px;flex-wrap:wrap}.clock-actions .btn{min-width:118px}.clock-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 12px 5px 10px;border-radius:999px;border:1px solid var(--line-2);background:var(--surface);font-weight:650;font-size:13.5px;cursor:pointer;white-space:nowrap;min-height:36px}.clock-chip i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}.clock-chip.is-arbeit i{background:var(--ok)}.clock-chip.is-pause i{background:var(--warn)}@media(max-width:720px){.clock-chip span{display:none}}.board{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:12px;overflow-x:auto;padding-bottom:10px;align-items:start}.col{background:var(--surface-3);border-radius:var(--r-l);padding:8px;display:flex;flex-direction:column;gap:8px;min-height:140px;border:1px solid transparent}.col.is-drop{border-color:var(--accent);background:var(--accent-soft)}.col-head{display:flex;align-items:center;gap:8px;padding:4px 6px 2px}.col-head b{font:700 14px/1.2 var(--f-din);letter-spacing:.02em}.col-head .bar{width:10px;height:10px;border-radius:3px;background:var(--st)}.col-head .n{margin-left:auto;font:700 12px/1 var(--f-din);color:var(--muted)}.col-hint{font-size:12px;color:var(--muted);padding:0 6px}.ocard{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:10px 11px 9px;display:flex;flex-direction:column;gap:6px;cursor:pointer;box-shadow:0 1px #00000008}.ocard:hover{border-color:var(--line-2);box-shadow:var(--shadow)}.ocard.is-blocked{border-color:color-mix(in srgb,var(--bad) 50%,var(--line))}.ocard.is-rush:before{content:"";position:absolute;inset:-1px -1px auto;height:4px;border-radius:9px 9px 0 0;background:repeating-linear-gradient(135deg,var(--signal) 0 8px,#222 8px 13px)}.ocard-top{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ocard-nr{font-family:var(--f-mono);font-size:12px;color:var(--muted);white-space:nowrap}.ocard-cust{font-weight:700;line-height:1.25}.ocard-title{font-size:13.5px;color:var(--ink-2);line-height:1.3}.ocard-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}.ocard-foot{display:flex;align-items:center;gap:6px;margin-top:2px}.ocard-foot .btn{margin-left:auto}.blocked-note{display:flex;gap:6px;align-items:center;font-size:12.5px;font-weight:600;color:var(--bad)}.spec{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}.spec>div{background:var(--surface);padding:9px 11px;min-width:0}.spec dt{font:600 11px/1.2 var(--f-din);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:3px}.spec dd{margin:0;font-weight:600;overflow-wrap:anywhere}.need{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.need-box{padding:10px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.need-box b{display:block;font:700 22px/1.1 var(--f-din);font-variant-numeric:tabular-nums}.need-box small{color:var(--muted);font-size:12.5px}.timeline{display:flex;flex-direction:column;gap:0}.tl-item{display:grid;grid-template-columns:22px 1fr auto;gap:10px;padding:8px 0;position:relative}.tl-item:before{content:"";position:absolute;left:10px;top:26px;bottom:-8px;width:2px;background:var(--line)}.tl-item:last-child:before{display:none}.tl-dot{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--surface-3);color:var(--ink-2);z-index:1}.tl-item time{font-size:12.5px;color:var(--muted);white-space:nowrap}.comment{padding:9px 12px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.stock-cell{display:flex;flex-direction:column;gap:5px;min-width:150px}.stock-cell .qty .num{font-size:18px}.chips{display:flex;gap:6px;flex-wrap:wrap}.chip{border:1px solid var(--line-2);background:var(--surface);border-radius:999px;padding:5px 12px;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink-2);min-height:32px}.chip.is-on{background:var(--ink);color:var(--bg);border-color:var(--ink)}.move-types{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.move-type{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px;border-radius:var(--r);border:1.5px solid var(--line);background:var(--surface);cursor:pointer;font-weight:650;font-size:13px}.move-type.is-on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}@media(max-width:480px){.move-types{grid-template-columns:repeat(2,1fr)}}.spark{display:block;width:100%;height:56px}.cal-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface)}.cal{border-collapse:separate;border-spacing:0;font-size:12.5px;min-width:100%}.cal th,.cal td{padding:0;border-bottom:1px solid var(--line);border-right:1px solid color-mix(in srgb,var(--line) 60%,transparent);text-align:center}.cal thead th{position:sticky;top:0;background:var(--surface-2);font-weight:600;padding:6px 0 5px;min-width:30px;z-index:2}.cal thead th small{display:block;font-size:10.5px;color:var(--muted);font-weight:500}.cal .who{position:sticky;left:0;background:var(--surface);text-align:left;padding:6px 10px;min-width:170px;z-index:3;border-right:1px solid var(--line)}.cal thead .who{background:var(--surface-2);z-index:4}.cal td.day{height:38px;cursor:pointer;position:relative}.cal td.day:hover{background:var(--surface-2)}.cal .we{background:var(--surface-3)}.cal .hol{background:color-mix(in srgb,var(--warn) 12%,var(--surface))}.cal .today{box-shadow:inset 2px 0 0 var(--accent),inset -2px 0 0 var(--accent)}.cal thead .today{color:var(--accent)}.ab{position:absolute;inset:7px 1px;border-radius:4px;background:var(--abc);color:#fff;display:grid;place-items:center;font:700 10.5px/1 var(--f-din)}.ab.is-req{background:repeating-linear-gradient(135deg,color-mix(in srgb,var(--abc) 75%,transparent) 0 5px,color-mix(in srgb,var(--abc) 40%,transparent) 5px 10px);color:var(--ink)}.ab.half{inset:7px 1px 50%}.cal .group-row td{background:var(--surface-2);text-align:left;padding:5px 10px;font:700 11px/1 var(--f-din);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.legend{display:flex;flex-wrap:wrap;gap:12px;font-size:12.5px;color:var(--ink-2)}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{width:14px;height:10px;border-radius:3px;background:var(--abc)}.legend i.req{background:repeating-linear-gradient(135deg,var(--ab-urlaub) 0 4px,transparent 4px 8px);border:1px solid var(--ab-urlaub)}.vac{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px}.vac div{padding:9px 10px;border-radius:var(--r);background:var(--surface-2);border:1px solid var(--line)}.vac b{display:block;font:700 22px/1.1 var(--f-din);font-variant-numeric:tabular-nums}.vac small{color:var(--muted);font-size:12px;font-weight:600}.vac .is-main{background:var(--accent-soft);border-color:transparent}.vac .is-main b{color:var(--accent)}.sheet td,.sheet th{white-space:nowrap}.sheet tr.is-off td{color:var(--muted);background:var(--surface-2)}.sheet tr.is-today td{background:var(--accent-soft)}.sheet tr.is-future td{color:var(--line-2)}.sheet .warn-cell{color:var(--warn)}.sheet .saldo-pos{color:var(--ok)}.sheet .saldo-neg{color:var(--bad)}.seg-edit{display:grid;grid-template-columns:1fr auto 1fr auto;gap:8px;align-items:center}.lockbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.notes{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:start}.note{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:14px 16px;display:flex;flex-direction:column;gap:8px;position:relative}.note.is-wichtig{border-color:color-mix(in srgb,var(--bad) 45%,var(--line))}.note.is-pinned{box-shadow:var(--shadow)}.note h3{font-size:17px}.note-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink-2);font-size:14.5px}.note-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12.5px;color:var(--muted);padding-top:4px;border-top:1px dashed var(--line)}.task{display:flex;gap:12px;align-items:flex-start;padding:10px 2px;border-top:1px solid var(--line)}.task:first-child{border-top:0}.task-check{width:26px;height:26px;border-radius:7px;border:1.5px solid var(--line-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;flex:none;color:transparent}.task-check:hover{border-color:var(--ok);color:var(--ok)}.task.is-done .task-check{background:var(--ok);border-color:var(--ok);color:#fff}.task.is-done .task-title{text-decoration:line-through;color:var(--muted)}.task-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;cursor:pointer}.task-title{font-weight:600}.task-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--muted)}.machines{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr))}.machine{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-l);padding:14px 16px;display:flex;flex-direction:column;gap:10px}.machine.is-stoerung{border-color:color-mix(in srgb,var(--bad) 55%,var(--line));background:color-mix(in srgb,var(--bad-soft) 45%,var(--surface))}.machine h3{font-size:18px}.machine-top{display:flex;gap:10px;align-items:flex-start}.machine-top>div{flex:1;min-width:0}.print-only{display:none}@media print{@page{size:A4;margin:14mm}body{background:#fff;color:#000;font-size:11pt}body.printing .app,body.printing .toasts,body.printing .modal-back{display:none!important}body.printing .print-only{display:block!important}}.ticket{font-family:var(--f-ui);color:#000}.ticket h1{font-size:22pt;margin-bottom:2mm}.ticket .t-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:2px solid #000;padding-bottom:3mm;margin-bottom:4mm}.ticket .t-nr{font-family:var(--f-mono);font-size:16pt;font-weight:700}.ticket table{width:100%;border-collapse:collapse;margin-bottom:4mm}.ticket td,.ticket th{border:1px solid #000;padding:2mm 3mm;text-align:left;vertical-align:top;font-size:10.5pt}.ticket th{width:32%;background:#eee}.ticket .t-steps td{height:11mm}.ticket .t-note{border:1px solid #000;min-height:28mm;padding:3mm;white-space:pre-wrap}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.spacer-left{margin-left:auto}@media(max-width:720px){.table-stack thead{display:none}.table-stack,.table-stack tbody,.table-stack tr,.table-stack td{display:block;width:100%}.table-stack tr{border-bottom:1px solid var(--line);padding:10px 12px}.table-stack tr:last-child{border-bottom:0}.table-stack td{border:0;padding:3px 0;text-align:left}.table-stack td.r{text-align:left}.table-stack td[data-label]:before{content:attr(data-label);display:block;font:600 10.5px/1.3 var(--f-din);text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.table-stack td .row-tight{justify-content:flex-start!important}.table-stack .group-row td:before{display:none}}.picker{display:flex;flex-direction:column;gap:8px}.picker-list{display:flex;flex-direction:column;max-height:300px;overflow-y:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.picker-item{display:grid;grid-template-columns:minmax(96px,auto) minmax(0,1fr);column-gap:12px;row-gap:1px;align-items:baseline;text-align:left;padding:9px 12px;border:0;border-top:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;font:inherit}.picker-item:first-child{border-top:0}.picker-item:hover,.picker-item:focus-visible{background:var(--accent-soft);outline:none}.picker-item>.small.muted{grid-column:2}.picked{display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:var(--r);background:var(--surface-2)}.qty-sum{display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;min-height:40px;padding:8px 12px;border-radius:var(--r-s);background:var(--surface-2);border:1px dashed var(--line-2)}.qty-sum b{font:700 20px/1 var(--f-din)}.map-row{flex-wrap:wrap}.map-actions{display:flex;align-items:center;gap:8px;flex:0 1 360px;min-width:min(100%,260px)}.map-actions .select{flex:1;min-width:0}.cert-row{display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface-2)}.pos-list{display:flex;flex-direction:column;gap:12px}.pos-card{display:flex;flex-direction:column;gap:12px;padding:12px;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}.pos-head{display:flex;align-items:center;gap:10px;min-width:0;margin:-2px 0 -4px}.pos-nr{font:700 12px/1 var(--f-din);text-transform:uppercase;letter-spacing:.08em;color:var(--accent);background:var(--accent-soft);padding:5px 8px;border-radius:999px;white-space:nowrap}.pos-sum{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px}.pos-sum b{font:700 18px/1 var(--f-din)}.pos-check{display:grid;place-items:center;width:36px;height:36px;flex:none;border-radius:8px;border:1px solid var(--line-2);background:var(--surface);color:var(--muted);cursor:pointer}.pos-check:hover:not(:disabled){border-color:var(--ok);color:var(--ok)}.pos-check.is-on{background:var(--ok-soft);border-color:var(--ok);color:var(--ok)}.pos-check:disabled{cursor:default;opacity:.8}.pos-rows .rowi.is-done .rowi-title{color:var(--muted)}.pos-rows .rowi{align-items:flex-start}.ocard-items{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:13px;color:var(--ink-2)}.ocard-items li{display:flex;align-items:center;gap:6px;min-width:0}.ocard-items li .ico{flex:none;color:var(--muted)}.ocard-items li.is-done{color:var(--muted)}.ocard-items li.is-done .ico{color:var(--ok)}@media print{.ticket .t-steps td div{font-size:11px;color:#333}}.swatch{display:inline-block;flex:none;border-radius:5px;box-shadow:inset 0 0 0 1px #0000002e;vertical-align:-2px}.plan-sort .panel-body{gap:12px}.sort-opts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sort-opt{display:flex;flex-direction:column;gap:6px;text-align:left;padding:11px 12px;border-radius:var(--r);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);cursor:pointer;font:inherit;min-width:0}.sort-opt:hover{border-color:var(--accent);background:var(--surface-2)}.sort-opt.is-best{border-color:color-mix(in srgb,var(--ok) 55%,var(--line-2))}.sort-opt.is-on{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:color-mix(in srgb,var(--accent-soft) 45%,var(--surface))}.sort-opt-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sort-opt-head>.ico:first-child{color:var(--accent)}.sort-opt-num{display:flex;gap:12px;flex-wrap:wrap;font-size:13.5px;color:var(--ink-2);align-items:baseline}.sort-opt-num b{font:700 20px/1 var(--f-din);color:var(--ink);margin-right:2px}.sort-opt-hint{font-size:12.5px;color:var(--muted);line-height:1.35}.plan-state .swatch{margin:0 2px}.plan-list{display:flex;flex-direction:column}.pblock{border:1px solid var(--line);border-radius:var(--r-l);background:var(--surface);overflow:hidden}.pblock-head{display:flex;align-items:center;gap:10px 12px;padding:9px 12px;background:var(--surface-2);border-bottom:1px solid var(--line);flex-wrap:wrap;position:relative}.pblock-head[draggable=true]{cursor:grab}.pblock-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:var(--accent-soft);color:var(--accent);flex:none}.pblock-title{display:flex;align-items:baseline;gap:4px 10px;flex-wrap:wrap;min-width:0;flex:1}.pblock-title b{font:700 18px/1.15 var(--f-din);letter-spacing:.01em}.pblock-title .muted{font-size:13px}.pblock-move{display:flex;gap:2px}.prow{display:grid;grid-template-columns:16px 30px 22px minmax(0,1fr) auto auto;align-items:center;gap:10px 12px;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface);position:relative}.pblock-head+.prow{border-top:0}.prow[draggable=true]{cursor:grab}.prow-grip{color:var(--line-2);display:grid;place-items:center}.prow:hover .prow-grip{color:var(--muted)}.prow-nr{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--surface-3);font:700 15px/1 var(--f-din);color:var(--ink-2)}.prow-main{display:flex;flex-direction:column;gap:2px;min-width:0;text-align:left;border:0;background:none;padding:0;color:inherit;font:inherit;cursor:pointer}.prow-main:hover .prow-title>.clip{text-decoration:underline;text-underline-offset:3px}.prow-title{display:flex;align-items:center;gap:8px;font-weight:700;min-width:0;flex-wrap:wrap;font-size:15px}.prow-sub{font-size:13px;color:var(--muted);min-width:0;overflow-wrap:anywhere}.prow-side{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap;max-width:280px}.prow-actions{display:flex;align-items:center;gap:4px;justify-content:flex-end}.prow-move{display:flex;gap:2px;margin-left:4px;padding-left:6px;border-left:1px solid var(--line)}.prow.is-running{background:color-mix(in srgb,var(--accent-soft) 55%,var(--surface));box-shadow:inset 4px 0 0 var(--accent)}.prow.is-running .prow-nr{background:var(--accent);color:var(--accent-ink)}.prow.is-next .prow-nr{background:var(--ink);color:var(--bg)}.prow.is-drag{opacity:.45}.prow.drop-before:before,.prow.drop-after:after,.pblock-head.drop-before:before{content:"";position:absolute;left:8px;right:8px;height:3px;border-radius:3px;background:var(--accent);z-index:2}.prow.drop-before:before,.pblock-head.drop-before:before{top:-2px}.prow.drop-after:after{bottom:-2px}.pmark{display:flex;align-items:center;gap:8px;padding:5px 12px 5px 68px;font-size:12.5px;color:var(--ink-2);background:repeating-linear-gradient(135deg,var(--surface-2) 0 8px,var(--surface) 8px 16px);border-top:1px dashed var(--line-2)}.pmark>.ico{color:var(--warn);flex:none}.pmark .swatch{margin:0 1px}.pgap{display:flex;align-items:center;gap:10px;padding:8px 4px;color:var(--ink-2);font-size:13px}.pgap:before,.pgap:after{content:"";flex:1;border-top:2px dashed var(--line-2)}.pgap-txt{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center;padding:3px 10px;border-radius:999px;background:var(--warn-soft)}.pgap-txt>.ico{color:var(--warn)}.pgap.is-keep .pgap-txt{background:var(--surface-3)}.plan-upcoming .upc{align-items:flex-start;flex-wrap:wrap}.plan-upcoming .upc>.prow-main{flex:1 1 340px}.upc-item{display:block;line-height:1.45}.upc-item .swatch{vertical-align:-1px;margin-right:2px}.upc-hint{font-weight:600;font-size:12.5px}.upc-side{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end;flex:0 1 auto;margin-left:auto}.accent-t{color:var(--accent)}@media(max-width:900px){.sort-opts{grid-template-columns:1fr}.sort-opt{flex-direction:row;flex-wrap:wrap;align-items:center;gap:4px 12px}.sort-opt-head{flex:1 1 100%}.prow{grid-template-columns:30px 22px minmax(0,1fr)}.prow-grip{display:none}.prow-side{grid-column:2 / -1;justify-content:flex-start;max-width:none}.prow-actions{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap}.prow-move{margin-left:auto}.pmark{padding-left:12px}}@media(max-width:720px){.sort-opt{padding:9px 11px;gap:2px 12px}.sort-opt-hint:not(.is-save),.plan-sort-note{display:none}.pblock-head{padding:8px 10px}.pblock-count{display:none}.prow{padding:10px;gap:8px 10px}.pgap-txt{font-size:12.5px}}@media print{.plan-print table{table-layout:fixed}.plan-print th,.plan-print td{box-sizing:border-box;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:1.6mm 1.8mm;font-size:9.5pt}.plan-print td div{font-size:9.5pt;color:#333}}.linkish{display:inline-flex;align-items:center;gap:4px;border:0;background:none;padding:0;color:var(--accent);font:inherit;cursor:pointer;text-align:left}.linkish:hover{text-decoration:underline;text-underline-offset:2px}