/* Unverändert aus Prototyp v15 übernommen (verbindliche Optik). Nicht neu gestalten. */
html,body{margin:0;height:auto}body{font-size:14px}[hidden]{display:none!important}img{max-width:100%}
/* Werkstatt-Tablet: feste Kopfleiste, Stationsreiter, Auftragskarten im Raster, Details als Seitenschublade */
:root{
  --bg:#eaeeed;--surface:#ffffff;--surface-2:#f4f6f5;--ink:#15201b;--muted:#5a6863;--line:#d0d8d4;
  --accent:#00752a;--accent-ink:#ffffff;--accent-soft:#dcf3e2;--brand:#00c737;
  --here:#a9680c;--here-soft:#fbebd0;--warn:#b03c28;--warn-soft:#f8e0da;--ok:#00752a;--ok-soft:#dcf3e2;
  --side:#4b5fa8;--side-soft:#e2e6f6;
  --mo:#a2454f;--mo-soft:#f8e8e8;--lsg:#00752a;--lsg-soft:#dcf7e3;
  --paper:#ffffff;--paper-ink:#1b1b1b;--paper-line:#cfcfcf;--shadow:0 1px 2px rgba(20,32,27,.08),0 6px 18px rgba(20,32,27,.06);
  --f-display:'Barlow Condensed','Arial Narrow',sans-serif;
  --f-body:'IBM Plex Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Menlo,Consolas,monospace;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#101614;--surface:#18201d;--surface-2:#1e2724;--ink:#e4ebe8;--muted:#93a29c;--line:#2d3833;
  --accent:#3fd36b;--accent-ink:#04140a;--accent-soft:#12301b;--brand:#00c737;
  --here:#e6a445;--here-soft:#3a2c14;--warn:#e47a62;--warn-soft:#3d1f19;--ok:#6cc290;--ok-soft:#1a3324;
  --side:#9aaaf0;--side-soft:#222944;
  --mo:#e8a0a6;--mo-soft:#3a2125;--lsg:#3fd36b;--lsg-soft:#12301b;
  --shadow:0 1px 2px rgba(0,0,0,.4);color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#101614;--surface:#18201d;--surface-2:#1e2724;--ink:#e4ebe8;--muted:#93a29c;--line:#2d3833;
  --accent:#3fd36b;--accent-ink:#04140a;--accent-soft:#12301b;--brand:#00c737;
  --here:#e6a445;--here-soft:#3a2c14;--warn:#e47a62;--warn-soft:#3d1f19;--ok:#6cc290;--ok-soft:#1a3324;
  --side:#9aaaf0;--side-soft:#222944;
  --mo:#e8a0a6;--mo-soft:#3a2125;--lsg:#3fd36b;--lsg-soft:#12301b;
  --shadow:0 1px 2px rgba(0,0,0,.4);color-scheme:dark}
*{box-sizing:border-box}
body{background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:15px;line-height:1.45}
body.locked{overflow:hidden}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:10;background:var(--surface)}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}
.num{font-variant-numeric:tabular-nums}
h1,h2,h3{font-family:var(--f-display);font-weight:700;letter-spacing:.01em;text-wrap:balance;margin:0;line-height:1.1}
h1{font-size:2rem}h2{font-size:1.55rem}h3{font-size:1.25rem}
.lbl{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600}
.muted{color:var(--muted)}
.proto{font-size:.82rem;color:var(--muted)}
main.wrap>*{min-width:0}

.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--surface);border-bottom:3px solid var(--brand);
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.top-in{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:12px 20px;flex-wrap:wrap;padding-block:10px}
.brand{display:flex;align-items:baseline;gap:10px;min-width:0}
.brand b{font-family:var(--f-display);font-size:1.35rem;letter-spacing:.02em}
.tag{font-size:.7rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:4px;background:var(--here-soft);color:var(--here)}
nav.main{display:flex;gap:4px;overflow-x:auto;flex:1 1 auto;min-width:0}
nav.main button{border:0;background:none;padding:10px 14px;border-radius:8px;font-weight:600;color:var(--muted);white-space:nowrap}
nav.main button[aria-current="page"]{background:var(--accent-soft);color:var(--accent)}
.who{display:flex;align-items:center;gap:10px;margin-left:auto}
.who .nm{font-weight:600}
.btn{border:1px solid var(--line);background:var(--surface);padding:9px 14px;border-radius:8px;font-weight:600;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:6px}
.btn.pri{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.btn.sm{min-height:34px;padding:5px 10px;font-size:.88rem}
.btn:disabled{opacity:.45;cursor:default}
.plus{font-size:1.15rem;line-height:1;font-weight:700}

main.wrap{max-width:1400px;margin:0 auto;padding-block:22px 80px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;gap:18px}

.tabs{display:flex;gap:8px;flex-wrap:wrap}
.tabs button{border:1px solid var(--line);background:var(--surface);border-radius:10px;padding:10px 16px;min-height:52px;display:flex;align-items:center;gap:10px;font-family:var(--f-display);font-size:1.3rem;font-weight:700}
.tabs button.side{border-style:dashed;border-color:var(--side)}
.tabs button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.tabs button.side[aria-pressed="true"]{background:var(--side);border-color:var(--side);color:var(--accent-ink)}
.cnt{font-family:var(--f-body);font-size:.8rem;font-weight:600;min-width:24px;text-align:center;padding:1px 7px;border-radius:20px;background:var(--surface-2);color:var(--ink)}
.tabs button[aria-pressed="true"] .cnt{background:rgba(255,255,255,.22);color:inherit}
.sthead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 18px}
.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:14px}
.job{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px;display:grid;gap:12px;box-shadow:var(--shadow);min-width:0;align-content:start}
.job-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nr{font-weight:500}
.pill{font-size:.8rem;font-weight:600;padding:2px 8px;border-radius:5px;background:var(--surface-2);border:1px solid var(--line)}
.pill.fix{background:var(--warn-soft);color:var(--warn);border-color:transparent}
.pill.w{background:var(--accent-soft);color:var(--accent);border-color:transparent}
.pill.info{background:var(--side-soft);color:var(--side);border-color:transparent}
.job h3{font-size:1.3rem}
.facts{display:grid;grid-template-columns:auto 1fr;gap:3px 12px;margin:0;font-size:.9rem}
.facts dt{color:var(--muted)}.facts dd{margin:0;min-width:0;overflow-wrap:anywhere}
.alert{display:flex;gap:10px;align-items:flex-start;background:var(--warn-soft);color:var(--ink);border-radius:8px;padding:10px 12px;font-size:.9rem}
.alert b{color:var(--warn)}
.job-head{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;align-items:start}
.job{position:relative}
.bang{width:26px;height:26px;border-radius:50%;border:0;padding:0;background:var(--warn);color:var(--accent-ink);font-family:var(--f-display);font-weight:700;font-size:1.05rem;line-height:26px;text-align:center;box-shadow:0 0 0 4px var(--warn-soft);margin-left:4px}
.bang:active{transform:scale(.92)}
.job-main{display:grid;gap:10px;min-width:0}
.stamp{position:absolute;top:12px;right:14px;z-index:2;max-width:min(58%,240px);padding:7px 10px 8px;border:3px solid var(--warn);outline:1.5px solid var(--warn);outline-offset:2px;border-radius:5px;background:var(--warn-soft);background:color-mix(in srgb,var(--warn-soft) 90%,transparent);color:var(--warn);transform:rotate(-4deg);text-align:left;display:grid;gap:3px;line-height:1.2;font-weight:600;box-shadow:none}
.stamp .sl{font-family:var(--f-display);font-size:1.05rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.stamp .stx{overflow-wrap:anywhere}
.stamp .s1{font-size:1rem}.stamp .s2{font-size:.84rem}.stamp .s3{font-size:.72rem}
.stamp .more{font-size:.72rem;text-decoration:underline;text-underline-offset:2px}
.stamp:active{transform:rotate(-4deg) scale(.97)}
.note{background:var(--side-soft);color:var(--ink);border-radius:8px;padding:8px 12px;font-size:.86rem}
.parts{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.part{border-radius:10px;border:2px solid var(--line);background:var(--surface-2);padding:12px;min-height:82px;text-align:left;display:grid;gap:2px;align-content:center}
.part.wide{grid-column:1/-1}
.part .pn{font-family:var(--f-display);font-size:1.45rem;font-weight:700}
.part .ps{font-size:.8rem;color:var(--muted)}
.part.go{border-color:var(--here);background:var(--here-soft)}
.part.go .ps{color:var(--here);font-weight:600}
.part.go.gdb{border-color:var(--side);background:var(--side-soft)}
.part.go.gdb .ps{color:var(--side)}
.part.go:active{transform:scale(.98)}
.part.done{border-color:transparent;background:var(--ok-soft)}
.part.done .pn{color:var(--ok)}
.part.wait{opacity:.6;cursor:default}
.job-foot{display:flex;gap:8px;flex-wrap:wrap}
.job-foot .grow{margin-right:auto}
.empty{background:var(--surface);border:1px dashed var(--line);border-radius:12px;padding:32px;text-align:center;color:var(--muted)}

.bar{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.bar input[type=search],.bar select,.inp{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:0 12px}
.bar input[type=search]{flex:1 1 240px;min-width:0}
.chk{display:inline-flex;align-items:center;gap:8px;font-weight:500}
.chk input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}
.legend{display:flex;gap:16px;flex-wrap:wrap;font-size:.82rem;color:var(--muted);align-items:center}
.tblw{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}
table.ov{border-collapse:collapse;width:100%;min-width:1340px;font-size:.88rem}
.ov th,.ov td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle;white-space:nowrap}
.ov th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);background:var(--surface-2);position:sticky;top:0}
.ov td.name{white-space:normal;min-width:200px;max-width:280px}
.ov tr{cursor:pointer}
.ov tbody tr:hover td{background:var(--surface-2)}
.ov tr.arch td{color:var(--muted)}
.ov tr.flash td{animation:fl 2.4s ease-out}
@keyframes fl{0%{background:var(--here-soft)}100%{background:transparent}}
.ov .sticky{position:sticky;left:0;background:var(--surface);z-index:1}
.ov th.sticky{background:var(--surface-2);z-index:2}
.ov td.sc,.ov th.sc{text-align:center}
.m{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:5px;font-size:.7rem;font-weight:700;border:1.5px solid var(--line);color:var(--muted);margin:0 1px}
.m.done{background:var(--ok);border-color:var(--ok);color:var(--accent-ink)}
.m.here{background:var(--here-soft);border-color:var(--here);color:var(--here)}
.m.gd{border-style:dashed;border-color:var(--side);color:var(--side);background:var(--side-soft)}
.m.gd.done{background:var(--ok);border:1.5px solid var(--ok);color:var(--accent-ink)}
.na{color:var(--line)}
.m.skip{border-style:dotted;color:var(--muted)}
.linkish{background:none;border:0;padding:0;color:var(--accent);font-weight:500;text-decoration:underline;text-underline-offset:3px}
.dot{border:0;background:var(--surface-2);border-radius:20px;padding:3px 9px;font-size:.8rem;font-weight:600;display:inline-flex;gap:5px;align-items:center}
.dot::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--ok)}
.dot.imp{background:var(--warn-soft);color:var(--warn)}
.dot.imp::before{background:var(--warn)}
.dot.none::before{background:var(--line)}

.panel{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:16px;min-width:0}
.narrow{max-width:900px;width:100%}
.grid2{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}
.fld{display:grid;gap:5px;min-width:0;align-content:start}
.fld.full{grid-column:1/-1}
.fld label,.fld legend,.flbl{font-size:.85rem;font-weight:600}
.fld input,.fld select,.fld textarea{min-height:44px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 12px;width:100%}
.fld textarea{min-height:80px;resize:vertical}
.fld .hint{font-size:.8rem;color:var(--muted)}
.row2{display:flex;gap:8px}.row2>*{flex:1;min-width:0}
.err{color:var(--warn);font-size:.8rem}
.req{color:var(--warn)}
.ov td.l,.ov th.l{white-space:normal}
.err:empty{display:none}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:var(--surface);flex-wrap:wrap}
.seg button,.seg label{border:0;background:none;padding:9px 14px;font-weight:600;display:flex;align-items:center;gap:6px;cursor:pointer;min-height:42px}
.seg button[aria-pressed="true"],.seg label:has(input:checked){background:var(--accent);color:var(--accent-ink)}
.seg input{position:absolute;opacity:0;pointer-events:none}
fieldset{border:1px solid var(--line);border-radius:10px;padding:14px;margin:0;min-width:0}
fieldset legend{padding:0 6px}
.route{display:flex;flex-wrap:wrap;gap:8px}
.route label{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-weight:500;cursor:pointer;min-height:44px}
.route label.side{border-style:dashed}
.route input{width:18px;height:18px;accent-color:var(--accent)}
.route label:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}
.drop{border:2px dashed var(--line);border-radius:12px;padding:22px;text-align:center;display:grid;gap:6px;cursor:pointer}
.drop.over{border-color:var(--accent);background:var(--accent-soft)}
.drop.has{border-style:solid;border-color:var(--ok);background:var(--ok-soft)}
.sugg{border:1px solid var(--side);background:var(--side-soft);border-radius:10px;padding:12px 14px;display:grid;gap:8px}
.sugg .sr{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.sugg .sr span{min-width:0;overflow-wrap:anywhere}
.actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}

.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr));gap:10px}
.kpi{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:2px}
.kpi.side{border-style:dashed;border-color:var(--side)}
.kpi .v{font-family:var(--f-display);font-size:1.6rem;font-weight:700}
.kpi .s{font-size:.78rem;color:var(--muted)}
table.ag{border-collapse:collapse;width:100%;font-size:.9rem}
.ag th,.ag td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.ag th:first-child,.ag td:first-child{text-align:left}
.ag th{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
.ag tfoot td{font-weight:700;border-bottom:0}
.ag td.barc{width:40%;min-width:160px;text-align:left}
.ag td.l,.ag th.l{text-align:left}
.ag td.wrap{white-space:normal;min-width:180px}
.track{position:relative;height:16px;background:var(--surface-2);border-radius:4px}
.fill{position:absolute;inset:0 auto 0 0;background:var(--accent);border-radius:4px}
.fill.over{background:var(--warn)}
.capl{position:absolute;top:-3px;bottom:-3px;width:2px;background:var(--ink);opacity:.55}

.chips{display:flex;flex-wrap:wrap;gap:6px}
.chip{border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:5px 11px;font-size:.84rem;font-weight:500;min-height:34px}
.chip[aria-pressed="true"]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}
.chip:disabled{cursor:default}
.chip .x{margin-left:6px;opacity:.6}
.utbl td{text-align:left!important;white-space:normal!important}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
.sfg{display:grid;gap:10px}
.sfrow{display:grid;grid-template-columns:minmax(120px,170px) 1fr;gap:10px;align-items:start;padding:10px 0;border-bottom:1px solid var(--line)}
.sfrow b{font-family:var(--f-display);font-size:1.2rem}
.st-ok{color:var(--ok);font-weight:600}.st-warn{color:var(--here);font-weight:600}.st-no{color:var(--warn);font-weight:600}td.nowrap{white-space:nowrap}.zin{min-width:150px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;font:inherit;background:var(--card,#fff);color:inherit}.st-hint{color:var(--here);font-weight:600}.st-skip{color:var(--warn);font-weight:600}
.srcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.src{border:2px solid var(--line);border-radius:12px;padding:14px;display:grid;gap:4px;text-align:left;background:var(--surface)}
.src[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}
.src b{font-family:var(--f-display);font-size:1.25rem}

.login{min-height:100%;display:grid;place-items:center;padding-block:40px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.lbox{width:min(780px,100%);display:grid;gap:20px}
.lbox h1{font-size:2.6rem}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:10px}
.tile{border:2px solid var(--line);background:var(--surface);border-radius:12px;padding:14px;text-align:left;display:grid;gap:3px}
.tile b{font-family:var(--f-display);font-size:1.35rem}
.tile span{font-size:.82rem;color:var(--muted)}
.tile[aria-pressed="true"]{border-color:var(--accent);background:var(--accent-soft)}

.back{position:fixed;inset:0;background:rgba(10,16,13,.5);z-index:20;display:flex;justify-content:flex-end}
.back.center{justify-content:center;align-items:center;padding:16px}
.drawer{background:var(--surface);width:min(700px,100%);height:100%;overflow-y:auto;display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-right:env(safe-area-inset-right,0px)}
.dh{position:sticky;top:0;background:var(--surface);border-bottom:1px solid var(--line);padding:16px 20px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;z-index:1}
.dh h2{grid-column:1}
.xbtn{grid-row:1/3;grid-column:2;border:0;background:var(--surface-2);width:44px;height:44px;border-radius:10px;font-size:1.5rem;line-height:1}
.db{padding:20px;display:grid;gap:24px}
.db section{display:grid;gap:10px}
.sh{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px 16px;margin:0}
.meta div{display:grid;gap:1px;min-width:0}.meta dd{margin:0;font-weight:500;overflow-wrap:anywhere}.meta dt{font-size:.75rem;color:var(--muted)}
.rt{overflow-x:auto}
.rt table{border-collapse:collapse;font-size:.8rem;width:100%;min-width:520px}
.rt th,.rt td{padding:6px 4px;text-align:center;border-bottom:1px solid var(--line)}
.rt th{font-weight:600;color:var(--muted);font-size:.72rem}
.rt td:first-child,.rt th:first-child{text-align:left;font-weight:600}
.remform{border:1px solid var(--accent);border-radius:10px;padding:12px;display:grid;gap:10px;background:var(--accent-soft)}
.remform textarea{width:100%;min-height:84px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:8px 12px;resize:vertical}
.rem{border:1px solid var(--line);border-radius:10px;padding:10px 12px;display:grid;gap:4px}
.rem.imp{border-color:var(--warn);background:var(--warn-soft)}
.rem.res{opacity:.65}
.rem .rh{font-size:.8rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.rem .rh b{color:var(--ink)}
.vers{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.vers li{display:flex;gap:10px;align-items:center;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.88rem}
.vers li.cur{border-color:var(--ok);background:var(--ok-soft)}
.vers .mono{margin-right:auto;overflow-wrap:anywhere;min-width:0}
.hist{list-style:none;margin:0;padding:0;display:grid;font-size:.86rem}
.hist li{display:grid;grid-template-columns:96px 1fr;gap:10px;padding:6px 0;border-bottom:1px solid var(--line)}
.hist time{color:var(--muted)}
.dialog{background:var(--surface);border-radius:14px;width:min(520px,100%);max-height:90vh;overflow:auto;padding:22px;display:grid;gap:14px;border-top:6px solid var(--warn)}
.dialog.plain{border-top-color:var(--accent);width:min(860px,100%)}
.paper{background:var(--paper);color:var(--paper-ink);border-radius:4px;padding:28px;box-shadow:0 2px 14px rgba(0,0,0,.25);font-size:.82rem;display:grid;gap:14px;min-width:560px}
.paper h2{font-size:1.5rem;color:var(--paper-ink)}
.paper table{border-collapse:collapse;width:100%}
.paper th,.paper td{border-bottom:1px solid var(--paper-line);padding:5px 6px;text-align:left;vertical-align:top}
.paper th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em}
.paper .pmeta{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 16px}
.ptw{overflow-x:auto}.bsc{white-space:normal!important;min-width:140px;max-width:240px;font-size:.82rem}
.sec.doc{border-left:4px solid var(--ink);padding-left:12px}
.sec.doc h3{display:flex;align-items:center;gap:6px}
.docf legend{font-family:var(--f-display);font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:6px}
.lsb.doc{border-color:var(--ink);color:var(--ink);background:var(--surface-2)}
.xp{font-family:var(--f-display);font-weight:700;letter-spacing:.08em;font-size:.85rem;background:var(--warn);color:#fff;border-radius:5px;padding:2px 8px}
.xp.sm{font-size:.7rem;padding:1px 6px}
.ov tr.xprow td.sticky{box-shadow:inset 4px 0 0 var(--warn)}
.job:has(.xp){border:2px solid var(--warn)}
.xpchk{margin-top:4px}
.histbox summary{cursor:pointer;font-weight:600;color:var(--muted);padding:6px 0;font-size:.9rem}
.stz{background:var(--surface-2);border-radius:10px;padding:10px 12px}
.colcfg{list-style:none;margin:0;padding:0;display:grid;gap:6px;max-width:560px}
.colcfg li{display:flex;justify-content:space-between;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;padding:6px 10px}
.colcfg li.off{opacity:.55;border-style:dashed}
.colcfg .arr{display:flex;gap:4px}
.chip.tog[aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}

.bsf legend{font-family:var(--f-display);font-size:1.15rem;font-weight:700}
.bsgrid{display:grid;grid-template-columns:minmax(90px,120px) 1fr;gap:8px 12px;align-items:center}
.bsl{font-weight:600}
.bsv{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;min-width:0}
.term{display:inline-flex;gap:4px;flex-wrap:wrap;align-items:center}
.term .inp{min-height:38px;padding:0 8px}
@media (max-width:560px){.bsgrid{grid-template-columns:1fr}.bsl{margin-top:6px}}
.bstamp{border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:.84rem;max-width:680px;background:var(--surface)}
.bstamp.onpaper{border-color:var(--paper-ink);background:var(--paper);color:var(--paper-ink);margin-bottom:6px}
.bst-h{display:flex;justify-content:space-between;gap:10px;font-family:var(--f-display);letter-spacing:.12em;font-size:1rem;border-bottom:1px solid currentColor;margin-bottom:4px}
.bstamp table{border-collapse:collapse;width:100%}
.bstamp th,.bstamp td{text-align:left;padding:2px 6px 2px 0;vertical-align:top;border:0!important;font-size:.8rem}
.bstamp th{width:90px;text-transform:none;letter-spacing:0}
.sec.bs{border-left:4px solid var(--line);padding-left:12px}

.ctabs{display:flex;gap:6px;flex-wrap:wrap;border-bottom:2px solid var(--line)}
.ctab{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-bottom:0;border-top:4px solid var(--line);background:var(--surface-2);border-radius:10px 10px 0 0;padding:10px 16px;font-weight:600;min-height:46px;margin-bottom:-2px;color:var(--muted)}
.ctab.au{border-top-color:var(--ink)}
.ctab.mo{border-top-color:var(--mo);background:var(--mo-soft);color:var(--mo)}
.ctab.ls{border-top-color:var(--brand);background:var(--lsg-soft);color:var(--lsg)}
.ctab[aria-selected="true"]{background:var(--surface);color:var(--ink);border-bottom:2px solid var(--surface);border-top-width:6px}
.tabpanel.mo{border-left:4px solid var(--mo);padding-left:14px}
.tabpanel.ls{border-left:4px solid var(--brand);padding-left:14px}
.mihead{display:flex;gap:12px;align-items:flex-start;background:var(--mo-soft);border-radius:10px;padding:12px 14px;margin-bottom:10px;color:var(--ink)}
.mihead>span{color:var(--mo);margin-top:2px}
.mig{display:grid;gap:12px}
.mig legend{font-family:var(--f-display);font-size:1.15rem;font-weight:700;color:var(--mo)}
.opts{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.opt{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:20px;padding:6px 12px;min-height:38px;cursor:pointer;font-weight:500}
.opt input{width:17px;height:17px;accent-color:var(--mo)}
.opt:has(input:checked){border-color:var(--mo);background:var(--mo-soft)}
.optx{min-height:38px;flex:1 1 140px;min-width:0}
.chk.sm{font-size:.85rem}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-start}
.thumb{position:relative;width:132px;border:1px solid var(--line);border-radius:8px;padding:6px;display:grid;gap:4px;background:var(--surface);font-size:.75rem}
.thumb img{width:100%;height:84px;object-fit:contain;background:#fff;border-radius:4px}
.thumb span{overflow-wrap:anywhere}
.tpdf{height:84px;display:grid;place-items:center;background:var(--surface-2);border-radius:4px;font-weight:700;color:var(--lsg)}
.tx{position:absolute;top:-8px;right:-8px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:var(--surface);font-size:1rem;line-height:1}
.sec.mo{border-left:4px solid var(--mo);padding-left:12px}
.sec.ls{border-left:4px solid var(--brand);padding-left:12px}
.sec.mo h3{color:var(--mo);display:flex;align-items:center;gap:6px}
.sec.ls h3{color:var(--lsg);display:flex;align-items:center;gap:6px}
.dialog.sec-mo{border-top-color:var(--mo)}
.dialog.sec-ls{border-top-color:var(--brand)}
.lsb{border:1.5px solid var(--brand);background:var(--lsg-soft);color:var(--lsg);border-radius:20px;padding:3px 10px;font-weight:700;font-size:.8rem}
.lsic{font-size:.7rem;font-weight:700;color:var(--lsg);border:1px solid var(--lsg);border-radius:4px;padding:1px 4px}
.lsview{background:var(--surface-2);border-radius:8px;padding:10px;display:grid;gap:10px;max-height:62vh;overflow:auto}
.lsview img,.pdfpage{width:100%;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.15)}
.pad{width:100%;height:auto;border:1px solid var(--line);border-radius:8px;touch-action:none;background:#fff;cursor:crosshair}
.sw{width:12px;height:12px;border-radius:50%;display:inline-block;margin-right:5px;vertical-align:-1px}
.pill.arch{background:var(--ink);color:var(--bg);border-color:transparent}
.mbox{border:1px solid var(--paper-line);padding:8px;min-height:60px;display:grid;gap:4px}

.bk{border:1px solid var(--paper-line);border-radius:3px;padding:8px 10px;display:grid;gap:5px;break-inside:avoid}
.bk-h{display:flex;justify-content:space-between;gap:10px;font-size:.9rem}
.bk-m{font-size:.74rem}
.paper .bk-t th,.paper .bk-t td{text-align:center;padding:3px 4px;font-size:.72rem;border:1px solid var(--paper-line);vertical-align:middle}
.paper .bk-t thead th{text-transform:none;letter-spacing:0}
.paper .bk-t tbody th{text-align:left}
.bk-t small{font-size:.62rem}
.bk-ok{font-weight:700}.bk-here{font-style:italic}.bk-na{color:#999}
.bk-r{font-size:.72rem;border-top:1px dashed var(--paper-line);padding-top:4px;display:grid;gap:2px}
textarea.csv{width:100%;min-height:240px;font-family:var(--f-mono);font-size:.78rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);padding:10px}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--ink);color:var(--bg);border-radius:10px;padding:12px 14px 12px 18px;display:flex;gap:14px;align-items:center;box-shadow:0 8px 24px rgba(0,0,0,.25);max-width:calc(100% - 32px);font-weight:500}
.toast button{background:none;border:1px solid currentColor;color:inherit;border-radius:7px;padding:6px 12px;font-weight:700;min-height:38px}

[hidden]{display:none!important}
.varbar{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:10px 12px;border:1px dashed var(--line);border-radius:10px}
.varbar [aria-pressed="true"]{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.ctl{display:flex;flex-direction:column;align-items:flex-start;line-height:1.15}.ctst{display:none;font-weight:500;font-size:.78rem;color:var(--muted)}
.lblrow{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}
.btn.mic{display:inline-flex;gap:6px;align-items:center}.btn.mic[aria-pressed="true"]{background:var(--warn);border-color:var(--warn);color:#fff}
.btn.mic[aria-pressed="true"]::before{content:"";width:8px;height:8px;border-radius:50%;background:#fff;animation:pulse 1s infinite}
@keyframes pulse{50%{opacity:.2}}
.miglt{all:unset;cursor:default}
.migtabs,.stepnav{display:none}
.lsgrid{display:grid;gap:12px}
/* B: Seitenleiste */
.capB .capbody{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;align-items:start}
.capB .ctabs{flex-direction:column;border-bottom:0;position:sticky;top:76px;gap:8px}
.capB .ctab{border:1px solid var(--line);border-left:6px solid var(--line);border-radius:10px;margin:0;padding:12px 14px;min-height:60px}
.capB .ctab.au{border-left-color:var(--ink)}.capB .ctab.mo{border-left-color:var(--mo)}.capB .ctab.ls{border-left-color:var(--brand)}
.capB .ctab[aria-selected="true"]{border-bottom:1px solid var(--line);border-top-width:1px;box-shadow:inset 0 0 0 2px var(--ink)}
.capB .ctab[aria-selected="true"]::after{content:"▸";margin-left:auto}
.capB .ctst,.capC .ctst{display:block}
.capB .miglt{cursor:pointer;display:flex;gap:8px;align-items:center}.capB .miglt::before{content:"▾";font-size:.9em}.capB .mig.closed .miglt::before{content:"▸"}
.capB .mig.closed>.grid2{display:none}.capB .mig{border:1px solid var(--line);border-radius:10px;padding:10px 14px}
.capB .lsgrid{grid-template-columns:1fr 1fr;align-items:start}
@media (max-width:760px){.capB .capbody{grid-template-columns:1fr}.capB .ctabs{position:static;flex-direction:row;flex-wrap:wrap}.capB .lsgrid{grid-template-columns:1fr}}
/* C: Schritt für Schritt */
.capC .ctabs{border-bottom:0;gap:0;counter-reset:stp;flex-wrap:nowrap}
.capC .ctab{flex:1;flex-direction:column;justify-content:center;text-align:center;border:0;background:none;color:var(--muted);position:relative;padding:8px 4px;margin:0;counter-increment:stp}
.capC .ctab svg{display:none}
.capC .ctab::before{content:counter(stp);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:2px solid var(--line);background:var(--surface);font-weight:700;position:relative;z-index:1}
.capC .ctab:not(:first-child)::after{content:"";position:absolute;top:26px;right:50%;width:100%;height:2px;background:var(--line);z-index:0}
.capC .ctab[aria-selected="true"]{color:var(--ink);background:none;border:0}
.capC .ctab[aria-selected="true"]::before{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.capC .ctab .ctl{align-items:center}
.capC .stepnav{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid var(--line);padding-top:14px}
.capC .stepnav .btn{min-height:56px;padding:0 22px;font-size:1.05rem}
.capC .migtabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.capC .migtabs [aria-pressed="true"]{background:var(--mo);color:#fff;border-color:var(--mo)}
.capC .mig{display:none}.capC .mig.cur{display:grid}.capC .mig legend{display:none}
.capC .lsgrid .btn.tile{min-height:96px;flex:1;justify-content:center;font-size:1.05rem;flex-direction:column;display:flex;align-items:center;gap:4px}
.capC .lsgrid .btn.tile span{font-size:1.6rem}
.capC .lsfiles .bar{display:flex;gap:10px}

.pdfbig{display:inline-flex;align-items:center;gap:8px;min-height:52px;padding:0 18px;border-radius:10px;border:2px solid var(--ink);background:var(--ink);color:var(--surface);font-weight:700;font-size:1.05rem;cursor:pointer}
.pdfbig small{font-weight:600;opacity:.75;font-size:.8rem}
.pdfbig:hover{filter:brightness(1.15)}.pdfbig:focus-visible{outline:3px solid var(--brand);outline-offset:2px}
.pdfbig.sm{min-height:46px;padding:0 12px;font-size:.95rem}
.job.up{border:2px dashed var(--line);background:var(--surface-2);box-shadow:none}
.job.up .part{opacity:.7}
.upbar{font-weight:700;font-size:.9rem;padding:6px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line)}
.upseg{display:flex;width:fit-content;max-width:100%;border:2px solid var(--ink);border-radius:12px;overflow:hidden;margin:4px 0 2px}
.upseg button{min-height:52px;padding:0 18px;border:0;background:var(--surface);color:var(--ink);font-weight:700;font-size:1rem;display:flex;align-items:center;gap:8px;cursor:pointer}
.upseg button[aria-selected="true"]{background:var(--ink);color:var(--surface)}
.upseg button+button{border-left:2px solid var(--ink)}
.upbtnrow{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;margin:4px 0 2px}
.btn.upbtn{min-height:52px;font-size:1rem;font-weight:700;border:2px solid var(--ink)}
.btn.upbtn[aria-pressed="true"]{background:var(--ink);color:var(--surface)}
.upcols{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.upside{border:2px dashed var(--line);border-radius:12px;padding:12px;display:grid;gap:8px;background:var(--surface-2);position:sticky;top:76px;max-height:calc(100vh - 96px);overflow:auto}
.upside h2{font-size:1.1rem;margin:0}
.uplist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.uprow{display:flex;flex-direction:column;gap:8px;align-items:flex-start;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px}
.uplink{all:unset;cursor:pointer;align-self:stretch;display:grid;gap:2px;min-width:0}.uplink .utop{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.uplink .nm{font-weight:600;overflow-wrap:anywhere}
.upc{display:inline-block;margin-right:6px}
@media (max-width:900px){.upcols{grid-template-columns:1fr}.upside{position:static;max-height:none}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (max-width:560px){h1{font-size:1.6rem}.lbox h1{font-size:2rem}.brand .sub{display:none}.hist li{grid-template-columns:1fr}.sfrow{grid-template-columns:1fr}}