/* PROGRAMM_V1 – neue Bauprogramm-Ansicht */
/* Layout: App-Leiste · Projektzeile · Reiter · Kalender (bleibt) · Tagesliste · Editor als Schublade rechts */
:root{
  --bg:#f2f5f8; --surface:#ffffff; --surface-2:#f7f9fb; --ink:#20384e; --muted:#5f7a8e; --line:#d6e1ea; --line-2:#e7eef3;
  --accent:#20384e; --accent-ink:#ffffff; --brand:#1f7a74;
  --sperr:#c2413a; --sperr-bg:#fbe9e7; --fl:#b07a00; --fl-bg:#fff3d6; --work:#2a67a1; --work-bg:#e6f0f9;
  --deliv:#2f7a5b; --deliv-bg:#e5f3ec; --umbau:#c62828; --umbau-bg:#fdecec; --warn:#9a5b00; --warn-bg:#fff4df;
  --shadow:0 10px 40px rgba(20,40,60,.18);
  --f-ui:"Inter",Arial,Helvetica,sans-serif; --f-num:Consolas,"DejaVu Sans Mono",Menlo,monospace;
}
:root{color-scheme:light} /* immer hell – besser lesbar auf der Baustelle */
*{box-sizing:border-box}
[hidden]{display:none!important}
body{background:var(--bg);color:var(--ink);font:14px/1.45 var(--f-ui);margin:0}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.num{font-family:var(--f-num);font-variant-numeric:tabular-nums;font-size:.92em}
.wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));max-width:1480px;margin:0 auto}
.btn{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 12px;font-weight:500;white-space:nowrap}
.btn:hover{background:var(--surface-2)}
.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);font-weight:600}
.btn.red{background:var(--umbau);color:#fff;border-color:var(--umbau)}
.btn.ghost{border-color:transparent;background:none}
.btn.sm{padding:4px 9px;font-size:13px}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.c-s{background:var(--sperr-bg);color:var(--sperr)} .c-f{background:var(--fl-bg);color:var(--fl)} .c-w{background:var(--work-bg);color:var(--work)}
.c-d{background:var(--deliv-bg);color:var(--deliv)} .c-u{background:var(--umbau-bg);color:var(--umbau)} .c-x{background:var(--warn-bg);color:var(--warn)}
.muted{color:var(--muted)}
label.f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}
label.f input,label.f select,label.f textarea,.cell-in{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 9px;font-weight:400;color:var(--ink);width:100%;min-width:0;font-size:14px}
textarea{resize:vertical}

/* App-Leiste */
.appbar{background:var(--surface);border-top:4px solid var(--brand);border-bottom:1px solid var(--line)}
.appbar .wrap{display:flex;align-items:center;gap:18px;padding-block:12px;flex-wrap:wrap}
.brand{font-weight:700;letter-spacing:.5px;font-size:18px}
.brand small{font-size:11px;letter-spacing:2px;margin-left:10px;color:var(--muted)}
.appbar nav{display:flex;gap:14px;flex-wrap:wrap;margin-left:auto;font-size:13px}
.appbar nav a{color:var(--work);text-decoration:none}
.proto{background:var(--warn-bg);color:var(--warn);font-size:12px;font-weight:600;padding:6px 0}
.proto .wrap{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* Projektzeile */
.projbar .wrap{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;padding-block:14px 6px}
.projbar select{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 9px;font-weight:600;max-width:100%}
.projmeta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted);min-width:0}
.projmeta b{color:var(--ink);font-weight:600}
.projbar .acts{display:flex;gap:8px;margin-left:auto;flex-wrap:wrap;position:relative}
.menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);padding:6px;z-index:30;min-width:220px;display:flex;flex-direction:column}
.menu button{border:0;background:none;text-align:left;padding:8px 10px;border-radius:5px;display:flex;gap:10px;align-items:center}
.menu button:hover{background:var(--surface-2)}
.menu .dot{width:10px;height:10px;border-radius:3px;flex:none}

/* Reiter */
.tabs .wrap{display:flex;gap:2px;overflow-x:auto;border-bottom:1px solid var(--line);scrollbar-width:thin}
.tabs button{border:0;background:none;padding:10px 12px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;white-space:nowrap}
.tabs button[aria-selected="true"]{color:var(--umbau);border-bottom-color:var(--umbau)}
.tabs .sep{width:1px;background:var(--line);margin:10px 6px}
.tabs .new{font-size:10px;background:var(--deliv-bg);color:var(--deliv);border-radius:4px;padding:1px 5px;margin-left:4px;vertical-align:2px}

main{padding-block:16px 60px}

/* Kalender (bleibt wie bisher, nur mit Farbstreifen) */
.calhead{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}
.calhead h2{margin:0;font-size:22px;font-weight:700;text-wrap:balance}
.calhead .eyebrow{font-size:11px;letter-spacing:2px;color:var(--muted);font-weight:600;display:block}
.calhead .right{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.seg{display:inline-flex;border:1px solid var(--line);border-radius:6px;overflow:hidden}
.seg button{border:0;background:var(--surface);padding:7px 12px;font-weight:500}
.seg button[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink)}
.week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}
.day{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:10px 10px 8px;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0;position:relative}
.day:hover{border-color:var(--muted)}
.day.we{background:color-mix(in srgb,var(--deliv-bg) 50%,var(--surface))}
.day.sel{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.day.sel .muted{color:inherit;opacity:.75}
.day .dn{font-size:12px} .day .dd{font-size:17px;font-weight:700}
.day .cnt{display:flex;flex-wrap:wrap;gap:4px}
.day .ub{position:absolute;top:8px;right:8px;font-size:10px;font-weight:700;letter-spacing:1px;background:var(--umbau);color:#fff;border-radius:4px;padding:1px 6px}
.lanes{display:flex;flex-direction:column;gap:3px;margin-top:2px}
.lane{position:relative;height:6px;border-radius:3px;background:var(--line-2)}
.day.sel .lane{background:rgba(255,255,255,.18)}
.lane i{position:absolute;top:0;bottom:0;border-radius:3px}
.lane i.s{background:var(--sperr)} .lane i.w{background:var(--work)} .lane i.d{background:var(--deliv);width:6px!important}
.lane i.g{background:repeating-linear-gradient(90deg,var(--sperr) 0 4px,transparent 4px 7px)}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin:10px 0 0}
.legend span{display:inline-flex;gap:5px;align-items:center}
.legend i{width:14px;height:6px;border-radius:3px;display:inline-block}

/* Tagesliste */
.dayview{margin-top:18px;background:var(--surface);border:1px solid var(--line);border-radius:10px}
.dvhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:14px 16px;border-bottom:1px solid var(--line-2);position:relative}
.dvhead h3{margin:0;font-size:18px}
.dvhead .right{margin-left:auto;display:flex;gap:8px;position:relative}
.umbaubar{margin:12px 16px 0;padding:10px 12px;border-radius:8px;background:var(--umbau-bg);color:var(--umbau);font-weight:600;display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.umbaubar .muted{color:inherit;opacity:.8;font-weight:400}
.babstrip{margin:12px 16px 0;display:flex;flex-direction:column;gap:4px}
.babline{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(120px,32%);gap:10px;align-items:center;font-size:13px;padding:3px 8px;border-radius:6px;border:0;background:none;text-align:left;width:100%}
.babline:hover{background:var(--surface-2)}
.babline .t{font-weight:600}
.babline .w{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.babline.s .t{color:var(--sperr)} .babline.f .t{color:var(--fl)}
.sect{padding:6px 16px 12px}
.sect h4{margin:14px 0 6px;font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;display:flex;gap:8px;align-items:center}
.item{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(120px,32%);gap:10px;align-items:center;width:100%;text-align:left;border:1px solid var(--line-2);background:var(--surface);border-radius:8px;padding:9px 10px;margin:5px 0;border-left:4px solid var(--work)}
.item:hover{border-color:var(--muted);border-left-color:inherit}
.item.d{border-left-color:var(--deliv)} .item.bad{border-left-color:var(--warn)}
.item .tm{font-weight:600}
.item .tm small{display:block;font-weight:400;color:var(--muted);font-size:11px}
.item .ti{font-weight:600;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.item .me{font-size:12.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hb{position:relative;height:16px;border-radius:4px;background:
  linear-gradient(90deg,transparent calc(25% - 1px),var(--line) 25%,transparent calc(25% + 1px),transparent calc(50% - 1px),var(--line) 50%,transparent calc(50% + 1px),transparent calc(75% - 1px),var(--line) 75%,transparent calc(75% + 1px)),var(--surface-2)}
.hb i{position:absolute;top:3px;bottom:3px;border-radius:3px}
.hb i.bg{top:0;bottom:0;border-radius:0;background:var(--sperr-bg)}
.hb i.s{background:var(--sperr)} .hb i.f{background:var(--fl)} .hb i.w{background:var(--work)} .hb i.d{background:var(--deliv);width:8px!important;margin-left:-4px;border-radius:50%}
.hb i.g{background:repeating-linear-gradient(90deg,var(--sperr) 0 4px,transparent 4px 8px)}
.hbscale{display:grid;grid-template-columns:92px minmax(0,1fr) minmax(120px,32%);gap:10px;font-size:10.5px;color:var(--muted);padding:0 10px}
.hbscale div:last-child{display:flex;justify-content:space-between}
.onsite{display:flex;gap:6px;flex-wrap:wrap;align-items:center;font-size:12.5px;padding:2px 0 4px}
.empty{color:var(--muted);font-size:13px;padding:6px 2px}
.weekday-title{font-size:15px;margin:0;padding:12px 16px 0}

/* Schublade */
.scrim{position:fixed;inset:0;background:rgba(10,20,30,.35);z-index:40}
.drawer{position:fixed;top:0;right:0;bottom:0;width:min(520px,100%);background:var(--surface);z-index:41;box-shadow:var(--shadow);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)}
.drawer header{padding:14px 18px;border-bottom:1px solid var(--line-2);display:flex;gap:10px;align-items:center}
.drawer header h3{margin:0;font-size:17px;flex:1;min-width:0}
.drawer .body{overflow:auto;padding:16px 18px;display:flex;flex-direction:column;gap:12px;flex:1}
.drawer footer{padding:12px 18px;border-top:1px solid var(--line-2);display:flex;gap:8px;flex-wrap:wrap}
.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.roles{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}
.roles label{display:flex;justify-content:space-between;align-items:center;gap:6px;border:1px solid var(--line);border-radius:6px;padding:4px 4px 4px 9px;font-size:13px}
.roles input{width:52px;border:1px solid var(--line);border-radius:5px;padding:4px;text-align:right;background:var(--surface)}
details.more{border:1px solid var(--line-2);border-radius:8px;padding:8px 12px}
details.more summary{cursor:pointer;font-weight:600}
details.more[open]{display:flex;flex-direction:column;gap:10px}
.note{background:var(--surface-2);border-radius:8px;padding:10px 12px;font-size:13px;white-space:pre-wrap}
.ro dt{font-size:12px;color:var(--muted);font-weight:600}
.ro dd{margin:0 0 8px}
.daypick{display:flex;flex-wrap:wrap;gap:6px}
.daypick label{border:1px solid var(--line);border-radius:6px;padding:5px 8px;font-size:12.5px;display:flex;gap:5px;align-items:center}
.hint{font-size:12px;color:var(--muted)}
.confirm{background:var(--umbau-bg);color:var(--umbau);border-radius:8px;padding:10px 12px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}

/* BAB / SA-Plan */
.drops{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 16px}
.drop{border:2px dashed var(--line);border-radius:10px;padding:16px;background:var(--surface);display:flex;flex-direction:column;gap:6px;min-width:0}
.drop.over{border-color:var(--brand);background:var(--surface-2)}
.drop b{font-size:15px}
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:var(--surface)}
table{border-collapse:collapse;width:100%}
th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line);white-space:nowrap;background:var(--surface-2)}
td{padding:8px 10px;border-bottom:1px solid var(--line-2);vertical-align:top}
tr.click{cursor:pointer} tr.click:hover td{background:var(--surface-2)}
tr.open td{background:var(--surface-2)}
.h2{font-size:18px;margin:18px 0 8px}

/* Regierapporte */
.regie{display:grid;grid-template-columns:260px minmax(0,1fr);gap:16px;align-items:start}
.rlist{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px;display:flex;flex-direction:column;gap:6px}
.rlist button.r{border:1px solid var(--line-2);background:var(--surface);border-radius:8px;padding:8px 10px;text-align:left;display:flex;flex-direction:column;gap:2px}
.rlist button.r[aria-current="true"]{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}
.rform{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:14px;min-width:0}
.rform h3{margin:0;font-size:18px}
.rblock{border-top:1px solid var(--line-2);padding-top:12px;display:flex;flex-direction:column;gap:10px}
.rblock h4{margin:0;font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}
.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.rt td{padding:4px 6px;vertical-align:middle} .rt th{padding:6px}
.rt input{border:1px solid var(--line);border-radius:5px;padding:5px 6px;width:100%;background:var(--surface);min-width:0}
.rt td.n input{text-align:right}
.rt .sum{font-weight:600;text-align:right}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.racts{display:flex;gap:8px;flex-wrap:wrap}
.status{font-size:12px}

/* Papier-Vorschau */
.paperwrap{position:fixed;inset:0;z-index:50;background:rgba(10,20,30,.55);overflow:auto;padding:24px max(16px,env(safe-area-inset-right,0px)) 24px max(16px,env(safe-area-inset-left,0px))}
.paperbar{max-width:794px;margin:0 auto 10px;display:flex;gap:8px;justify-content:flex-end}
.paper{background:#fff;color:#1b2a36;max-width:794px;margin:0 auto;padding:36px 40px;font:11.5px/1.4 var(--f-ui);border-radius:4px}
.paper .ph{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #1b2a36;padding-bottom:8px}
.paper .ph .co{font-size:18px;font-weight:700;letter-spacing:.5px}
.paper .ph .ad{font-size:9.5px;color:#4b5d6b}
.paper .ttl{display:flex;justify-content:space-between;align-items:baseline;margin:14px 0 8px}
.paper .ttl h1{font-size:16px;margin:0;letter-spacing:1px}
.paper .kv{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid #9fb0bd;border-bottom:0}
.paper .kv div{border-bottom:1px solid #9fb0bd;border-right:1px solid #9fb0bd;padding:4px 6px;min-height:34px}
.paper .kv div:nth-child(4n){border-right:0}
.paper .kv small{display:block;font-size:8.5px;color:#5c6f7d;text-transform:uppercase;letter-spacing:.8px}
.paper .kv .w2{grid-column:span 2}
.paper h2{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;margin:12px 0 4px;color:#33495a}
.paper table{font-size:10.5px}
.paper th,.paper td{border:1px solid #9fb0bd;padding:3px 6px;background:#fff;color:#1b2a36}
.paper th{background:#eef2f5;font-size:9.5px}
.paper td.r{text-align:right;font-family:var(--f-num)}
.paper .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.paper .txt{border:1px solid #9fb0bd;padding:6px;min-height:44px;white-space:pre-wrap}
.paper .sig{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}
.paper .sig div{border-top:1px solid #1b2a36;padding-top:4px;font-size:10px}

.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(20px + env(safe-area-inset-bottom,0px));background:var(--accent);color:var(--accent-ink);padding:10px 16px;border-radius:8px;z-index:60;box-shadow:var(--shadow);font-weight:500;max-width:calc(100% - 32px)}

@media (max-width:980px){
  .week{grid-template-columns:repeat(7,minmax(108px,1fr));overflow-x:auto;padding-bottom:6px}
  .regie{grid-template-columns:1fr}
  .drops{grid-template-columns:1fr}
  .g4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{grid-template-columns:1fr}
}
@media (max-width:640px){
  .item,.babline,.hbscale{grid-template-columns:78px minmax(0,1fr)}
  .item .hb,.babline .hb,.hbscale div:last-child{display:none}
  .g3{grid-template-columns:1fr 1fr}
  .projbar .acts{margin-left:0}
  .paper{padding:20px 16px}
  .paper .kv{grid-template-columns:1fr 1fr}
  .paper .two{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:no-preference){.drawer{animation:slide .18s ease-out}@keyframes slide{from{transform:translateX(30px);opacity:.6}}}

/* --- echte Ansicht: Anmeldung, Status, Sperren, Druck --- */
#status{font-size:13px;padding:6px 0;color:var(--muted)}#status.error{color:var(--umbau);font-weight:600}#status.ok{color:var(--deliv)}
#login{max-width:380px;margin:40px auto;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:12px}
#login h1{margin:0;font-size:22px}
.tabs a.tab{padding:10px 12px;font-weight:600;color:var(--muted);text-decoration:none;white-space:nowrap;border-bottom:3px solid transparent}
.tabs a.tab:hover{color:var(--ink)}
.tabs a.tab small{font-weight:400;opacity:.7}
.errbox{background:var(--umbau-bg);color:var(--umbau);border-radius:8px;padding:10px 12px;font-weight:600}
fieldset{border:0;padding:0;margin:0;min-width:0}
fieldset:disabled input,fieldset:disabled textarea,fieldset:disabled select{background:var(--surface-2)}
.issue{display:block;width:100%;text-align:left;border:1px solid var(--line-2);border-left:4px solid var(--warn);background:var(--surface);border-radius:8px;padding:8px 10px;margin:4px 0;font-size:13px}
.issue.error{border-left-color:var(--umbau)}
.wd{display:flex;gap:4px;flex-wrap:wrap}.wd label{border:1px solid var(--line);border-radius:6px;padding:4px 7px;font-size:12.5px;display:flex;gap:4px;align-items:center}
.links{display:flex;gap:10px;flex-wrap:wrap}
#print-area{display:none}
@media print{
  @page{size:A4;margin:10mm}
  body{background:#fff}
  body>*:not(#print-area){display:none!important}
  #print-area{display:block}
  #print-area .paper{max-width:none;padding:0;border-radius:0}
}

.roles{grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}
.roles label{font-weight:500}
.roles input{flex:none}

.quick{display:grid;grid-template-columns:repeat(3,minmax(0,160px)) minmax(0,1fr);gap:10px;align-items:end;background:var(--surface-2);border-radius:8px;padding:12px}
.quick input{font-size:17px;font-weight:600}
.calc{margin:0 0 8px;font-size:13.5px;color:var(--muted)}.calc b{color:var(--ink)}
@media (max-width:700px){.quick{grid-template-columns:repeat(3,minmax(0,1fr))}.calc{grid-column:1/-1}}

.newbox{display:flex;flex-direction:column;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--line-2)}
.artpick{display:inline-flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;align-self:flex-start}
.artpick label{display:flex;gap:6px;align-items:center;padding:8px 14px;font-weight:600;cursor:pointer}
.artpick label:has(input:checked){background:var(--accent);color:var(--accent-ink)}
.artpick input{accent-color:var(--brand)}
.rlist button.r{gap:1px}
/* A4-Formular: alle Zeilen, kompakt */
.paper table{font-size:9.5px}
.paper th,.paper td{padding:1.5px 5px;height:15px}
.paper .txt{min-height:52px}
.paper h2{margin:9px 0 3px}

/* Zeitleiste */
.tl{overflow:auto;border:1px solid var(--line);border-radius:10px;background:var(--surface);max-height:72vh;position:relative}
.tl-canvas{position:relative}
.tl-head{position:sticky;top:0;z-index:4;height:46px;background:var(--surface);border-bottom:1px solid var(--line)}
.tl-corner{position:sticky;left:0;width:150px;height:46px;background:var(--surface);z-index:5;border-right:1px solid var(--line)}
.tl-wk{position:absolute;top:4px;height:18px;font-size:11px;font-weight:600;color:var(--muted);padding-left:6px;border-left:1px solid var(--line);white-space:nowrap;overflow:hidden}
.tl-day{position:absolute;top:24px;height:20px;font-size:11px;text-align:center;color:var(--ink);font-variant-numeric:tabular-nums;border-left:1px solid var(--line-2);white-space:nowrap;overflow:hidden}
.tl-day.we{color:var(--muted)}
.tl-body{position:relative}
.tl-we{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--line-2) 55%,transparent);pointer-events:none}
.tl-line{position:absolute;top:0;bottom:0;width:1px;background:var(--line-2);pointer-events:none}
.tl-umbau{position:absolute;top:0;bottom:0;background:color-mix(in srgb,var(--umbau-bg) 70%,transparent);border-left:2px solid var(--umbau);border-right:2px solid var(--umbau);pointer-events:none}
.tl-now{position:absolute;top:0;bottom:0;width:2px;background:var(--umbau);z-index:3;pointer-events:none}
.tl-lane{position:relative;border-bottom:1px solid var(--line-2)}
.tl-lane.grp:nth-of-type(odd){background:color-mix(in srgb,var(--surface-2) 60%,transparent)}
.tl-lab{position:sticky;left:0;z-index:3;width:150px;height:100%;background:var(--surface);border-right:1px solid var(--line);padding:6px 10px;display:flex;flex-direction:column;justify-content:center;font-size:13px}
.tl-lab small{color:var(--muted);font-size:11px}
.tl-bar{position:absolute;height:20px;border:0;border-radius:5px;padding:0 6px;color:#fff;font-size:11.5px;font-weight:600;text-align:left;overflow:hidden;white-space:nowrap;z-index:2;box-shadow:0 1px 2px rgba(0,0,0,.15)}
.tl-bar span{display:block;overflow:hidden;text-overflow:ellipsis;line-height:20px}
.tl-bar i{font-style:normal;font-weight:400;opacity:.85}
.tl-bar.s{background:var(--sperr)} .tl-bar.f{background:var(--fl)} .tl-bar.w{background:var(--work)} .tl-bar.u{background:var(--umbau)} .tl-bar.d{background:var(--deliv)}
.tl-bar.o{background:var(--muted);cursor:default}
.tl-bar.gaps{background:repeating-linear-gradient(90deg,var(--sperr) 0 6px,color-mix(in srgb,var(--sperr) 35%,transparent) 6px 10px)}
.tl-bar.bad{outline:2px solid var(--warn);outline-offset:1px}
.tl-bar.inumbau{box-shadow:inset 0 -3px 0 var(--umbau)}
.tl-bar:hover,.tl-pt:hover{filter:brightness(1.12);z-index:3}
.tl-pt{position:absolute;width:13px;height:13px;border-radius:50%;border:2px solid var(--surface);padding:0;z-index:2;background:var(--deliv)}
.tl-pt.w{background:var(--work)} .tl-pt.bad{background:var(--warn)}
.tl-bar{color:#fff}
.seg button[data-zoom]{padding:7px 12px}

:root{--lok:#7048a8;--lok-bg:#efe8f8}
.c-l{background:var(--lok-bg);color:var(--lok)}
.tl-bar.lokbase{background:var(--lok-bg);color:var(--lok);border:1px solid var(--lok)}
.tl-bar.lokuse{background:var(--lok);height:14px;margin-top:3px}

/* A4 immer: Bildschirm-Vorschau als A4-Blatt, beim Drucken A4 hoch; viele Zeilen = kleinere Schrift */
.paper.a4{aspect-ratio:210/297;max-width:794px}
.paper.dense table{font-size:8.5px}.paper.dense th,.paper.dense td{padding:1px 4px;height:12px}
.paper.dense2 table{font-size:7.5px}.paper.dense2 th,.paper.dense2 td{padding:0 3px;height:10px}
.paper thead{display:table-header-group}.paper tr{break-inside:avoid}
@media print{#print-area .paper.a4{aspect-ratio:auto;min-height:0}}
@media (max-width:640px){.paper.a4{aspect-ratio:auto}}

/* Material in der neuen Ansicht */
#p-mat #ml-from-calc,#p-mat .ml-calc-hint{display:none}
#p-mat .ml-panel{background:var(--surface);border:1px solid var(--line);border-radius:10px}
.tl-pt.d.open{background:var(--surface);border:3px solid var(--deliv)}
.ml-flash td{background:#fff4c2!important;transition:background .3s}

/* A4: Unterschriften immer unten auf der Seite */
.paper.a4{display:flex;flex-direction:column}
.paper.a4 .sig{margin-top:auto;padding-top:24px}
@media print{#print-area .paper.a4{min-height:276mm}}

.ipgrid{display:flex;flex-direction:column;gap:10px}
.ipcard{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--lok);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px}

.logi{border:1px solid var(--lok);background:var(--lok-bg);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:8px}
.logi h4{margin:0;color:var(--lok);font-size:13px}
/* ZUB_V2 Inventarliste anklicken */
.zinv{max-height:320px;overflow:auto;border:1px solid var(--line,#d6e1ea);border-radius:8px;padding:6px 10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:2px 14px;background:#fff}
.zinv-g{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted,#5f7a8e);margin-top:8px;border-bottom:1px solid var(--line,#d6e1ea)}
.zinv-i{display:flex;gap:6px;align-items:flex-start;font-size:13px;padding:2px 0;cursor:pointer}.zinv-i input{margin-top:2px}
.zubpaper-wrap{background:#e8edf2;border-radius:8px;padding:14px;overflow:auto}.zubpaper-wrap .paper{margin:0 auto;box-shadow:0 2px 10px rgba(0,0,0,.15);background:#fff;min-width:640px}
/* KATALOG_V1 */
.kat{display:flex;flex-direction:column;gap:8px;border:1px solid var(--line,#d6e1ea);border-radius:10px;padding:10px;background:#f7f9fb}
.kat-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.kat-bar input{flex:1;min-width:220px;max-width:420px}
.kat-groups{display:flex;flex-wrap:wrap;gap:5px}.kat-g{cursor:pointer;border:1px solid #c4d4e0;background:#fff;font:inherit;font-size:12.5px;padding:3px 9px;border-radius:14px;color:#20384e}.kat-g small{color:#5f7a8e}.kat-g[aria-pressed="true"]{background:#20384e;color:#fff;border-color:#20384e}.kat-g[aria-pressed="true"] small{color:#c9d6e2}
.kat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;max-height:560px;overflow:auto;padding:2px}
.kat-c{position:relative;background:#fff;border:2px solid #e1e8ef;border-radius:9px;overflow:hidden;display:flex;flex-direction:column}.kat-c.on{border-color:#2f7a5b;box-shadow:0 0 0 2px rgba(47,122,91,.18)}
.kat-pick{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding-bottom:6px}.kat-pick:focus-visible{outline:2px solid #2a67a1}
.kat-pick img,.kat-noimg{width:100%;aspect-ratio:4/3;object-fit:cover;background:#e8edf2;display:block}.kat-noimg{display:flex;align-items:center;justify-content:center;color:#8aa0b2;font-size:12px}
.kat-pick b{font-size:13px;line-height:1.25;padding:0 8px;color:#20384e}.kat-pick small{font-size:11.5px;color:#5f7a8e;padding:0 8px}
.kat-ok{position:absolute;top:6px;left:6px;background:#2f7a5b;color:#fff;font-style:normal;font-size:11.5px;font-weight:700;padding:2px 8px;border-radius:10px}
.kat-pdf{font-size:11.5px;padding:0 8px 7px;color:#1a5fb4;margin-top:auto}
/* SW2_V1 Schweissung */
.swform .g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px 12px}.swform .g6{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px 10px}
@media(max-width:900px){.swform .g5,.swform .g6{grid-template-columns:repeat(2,minmax(0,1fr))}}
.swrow{border:1px solid var(--line,#d6e1ea);border-left:4px solid #9b4d7b;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:8px;background:#fff}
.swlab{font-size:12px;font-weight:600;color:var(--muted,#5f7a8e);display:block;margin-bottom:3px}
.swcounts{display:flex;flex-wrap:wrap;gap:6px}.swchip{display:inline-flex;align-items:center;gap:6px;background:#f4ecf1;border:1px solid #dcc3d2;border-radius:16px;padding:2px 4px 2px 10px;font-size:12.5px}.swchip input{width:56px;padding:2px 4px;border:1px solid #cdb;border-radius:6px;font:inherit}
.swadd{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.swadd select{max-width:320px}.swtot{font-weight:700;color:#9b4d7b;white-space:nowrap}
.swinfra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}@media(max-width:900px){.swinfra{grid-template-columns:repeat(2,minmax(0,1fr))}}
.wd.col{flex-direction:column;align-items:flex-start;gap:3px}
.swpaper-wrap{background:#e8edf2;border-radius:8px;padding:14px;overflow:auto}.swpaper-wrap .paper{margin:0 auto;box-shadow:0 2px 10px rgba(0,0,0,.15)}
.paper.a4l{width:1080px;min-height:760px;padding:22px 26px;display:flex;flex-direction:column;box-sizing:border-box}
@media print{#print-area .paper.a4l{width:auto;min-height:190mm;padding:0;box-shadow:none}}
/* SW2 Zähler + Legende */
.swlayout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:16px;align-items:start}
@media(max-width:1100px){.swlayout{grid-template-columns:1fr}}
.swside{position:sticky;top:8px;background:#fff;border:1px solid var(--line,#d6e1ea);border-radius:10px;padding:12px;display:flex;flex-direction:column;gap:7px;max-height:calc(100vh - 16px);overflow:auto}
.swside h4{margin:4px 0 0;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted,#5f7a8e)}.swside h4 .muted{text-transform:none;letter-spacing:0;font-weight:400}
.swside img{width:100%;border:1px solid #ccc;border-radius:4px;background:#fff}
.swx2{display:flex;gap:6px;align-items:flex-start;font-size:12.5px}
.swz-g{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#9b4d7b;border-bottom:1px solid #eee;margin-top:4px}
.swz{display:grid;grid-template-columns:1fr auto 26px auto 34px auto;gap:4px;align-items:center;font-size:12.5px}.swz b{text-align:center;font-size:14px}.swz i{font-style:normal;color:#5f7a8e;font-size:11.5px;white-space:nowrap}.swz .btn{padding:2px 8px;min-width:26px}
.swz-tot{font-size:14px;border-top:2px solid #9b4d7b;padding-top:6px}.swz-tot b{font-size:18px;color:#9b4d7b}
.swz-to{display:flex;flex-direction:column;gap:6px;background:#f7f9fb;border-radius:8px;padding:8px}
.swlink{font-size:11px;font-weight:400;margin-left:4px}
.swprof{display:flex;flex-wrap:wrap;gap:4px}.swprof .chip{cursor:pointer;border:1px solid #c4d4e0;background:#fff;font:inherit;font-size:12px;padding:3px 8px;border-radius:14px}.swprof .chip[aria-pressed="true"]{background:#9b4d7b;color:#fff;border-color:#9b4d7b}.swprof small{opacity:.75}
.swopt{display:flex;gap:10px;flex-wrap:wrap;font-size:12.5px}.swopt label{display:flex;gap:4px;align-items:center}.swopt select{width:auto;padding:2px 6px}
.swz{grid-template-columns:1fr auto 26px auto 34px 44px}.swz-col{font-size:11px;color:#9b4d7b;font-weight:700;text-align:right}
.swz-sum{width:100%;font-size:12.5px;margin-top:4px;border-collapse:collapse}.swz-sum td{padding:1px 0;border-bottom:1px dotted #ddd}.swz-sum .num{text-align:right;font-weight:700}
/* PRINTWEEK_V1 – Woche A3 quer */
#print-area .pw-page{font-family:Arial,sans-serif;color:#111;break-after:page;page-break-after:always;display:flex;flex-direction:column;gap:6px;min-height:270mm}
#print-area .pw-page:last-child{break-after:auto;page-break-after:auto}
.pw-head{display:grid;grid-template-columns:2.2fr 1fr 1fr 1.4fr 1fr 1.4fr;border:1.5px solid #20384e}.pw-head>div{padding:4px 8px;border-right:1px solid #9fb3c4}.pw-head>div:last-child{border-right:0}.pw-head small{display:block;font-size:8px;letter-spacing:.08em;color:#5f7a8e}.pw-head b{font-size:14px}
.pw-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;flex:1;align-items:stretch}
.pw-day{border:1px solid #b9c8d5;border-radius:4px;padding:4px;display:flex;flex-direction:column;gap:3px;min-width:0}.pw-day.we{background:#f4f7f2}
.pw-dh{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px solid #20384e;padding-bottom:2px;margin-bottom:2px}.pw-dh span{font-size:10px;color:#5f7a8e}.pw-dh b{font-size:13px}
.pw-c{border-left:4px solid #888;background:#f3f5f7;padding:2px 4px;font-size:9.5px;line-height:1.25;border-radius:2px;break-inside:avoid;overflow-wrap:anywhere}.pw-c b{font-variant-numeric:tabular-nums}.pw-c small{display:block;color:#444;font-size:8.5px}
.pw-c.s{border-color:#c62828;background:#fde8e8}.pw-c.f{border-color:#d4a106;background:#fff6d6}.pw-c.w{border-color:#2a67a1;background:#e6f0f9}.pw-c.l{border-color:#7048a8;background:#efe8f8}.pw-c.d{border-color:#2f7a5b;background:#e5f3ec}.pw-c.u{border-color:#9b1c1c;background:#9b1c1c;color:#fff}.pw-c.u small{color:#fde}
.pw-free{font-size:9px;color:#9aa}
.pw-foot{display:flex;gap:10px;font-size:9px;align-items:center}.pw-foot span[class]{padding:1px 6px;border-left-width:4px;border-left-style:solid}.pw-foot .s{border-left-color:#c62828}.pw-foot .f{border-left-color:#d4a106}.pw-foot .w{border-left-color:#2a67a1}.pw-foot .l{border-left-color:#7048a8}.pw-foot .d{border-left-color:#2f7a5b}.pw-foot .u{border-left-color:#9b1c1c}
@media print{#print-area .pw-c,#print-area .pw-day,#print-area .pw-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
/* Liste pro Tag */
#print-area .pl-page{font-family:Arial,sans-serif;color:#111;font-size:10px}
.pl-day{font-size:12.5px;margin:8px 0 3px;border-bottom:2px solid #20384e;padding-bottom:1px;break-after:avoid}
.pl-t{width:100%;border-collapse:collapse;table-layout:fixed;font-size:9.5px}.pl-t th{background:#20384e;color:#fff;text-align:left;padding:2px 5px;font-size:9px}.pl-t td{border:1px solid #c9d4de;padding:2px 5px;vertical-align:top;overflow-wrap:anywhere}.pl-t tr{break-inside:avoid}
.pl-t td small{display:block;color:#666;font-size:8.5px}.pl-t td div{color:#333;margin-top:1px}
.pl-t tr.w td:first-child{border-left:4px solid #2a67a1}.pl-t tr.l td:first-child{border-left:4px solid #7048a8}.pl-t tr.d td:first-child{border-left:4px solid #2f7a5b}.pl-t tr.u td{background:#9b1c1c;color:#fff}
.pl-t tr.bab td{background:#fff7f7}.pl-t tr.bab td:first-child{border-left:4px solid #c62828;font-weight:700;color:#c62828}
.pl-t tr.bab span{display:inline-block;margin:0 14px 1px 0}.pl-t tr.bab span.f{color:#8a6a00}.pl-t tr.bab span.s{color:#a11}.pl-t tr.bab i{color:#888;font-style:normal;font-size:8.5px}
@media print{#print-area .pl-t th,#print-area .pl-t td{-webkit-print-color-adjust:exact;print-color-adjust:exact}}


/* FORM_V2 */
.leadchips{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.lchip{border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.lchip[aria-pressed="true"]{background:var(--accent);color:var(--accent-ink);border-color:var(--accent);text-decoration:underline}
.item .desc{display:block;margin-top:3px;font-size:12.5px;color:var(--ink,#20384e);white-space:pre-line;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
#e-grp-new,#e-wc-own{margin-top:6px}

/* SEASON_V1 */
.season{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}.season>span{font-weight:600;color:var(--muted)}.season small{color:var(--muted)}

/* ANK_V1 */
.ank-bar{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:4px 0 14px}.ank-bar .inline{display:flex;gap:6px;align-items:center;font-size:13px}
.ank-day{margin-bottom:16px}.ank-day h3{font-size:15px;margin:0 0 6px;padding-bottom:4px;border-bottom:2px solid var(--line)}
.ank-list{display:flex;flex-direction:column;gap:6px}
.ank{display:grid;grid-template-columns:78px 28px minmax(180px,1.4fr) 110px minmax(110px,1fr) minmax(120px,1.2fr);gap:10px;align-items:center;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--deliv);border-radius:8px;padding:9px 12px;cursor:pointer;font:inherit;color:inherit}
.ank:hover{border-color:var(--accent)}.ank.masch{border-left-color:var(--work)}.ank.lok{border-left-color:var(--lok)}.ank.done{opacity:.6}
.ank-t{font-weight:700;font-size:15px;display:flex;flex-direction:column}.ank-t small{font-weight:500;font-size:11px;color:var(--muted)}
.ank-i{font-size:18px}.ank-w{display:flex;flex-direction:column;min-width:0}.ank-w small{color:var(--muted);font-size:12px}
.ank-q{font-weight:600}.ank-o,.ank-n{font-size:13px;color:var(--muted);min-width:0;overflow-wrap:anywhere}
@media (max-width:800px){.ank{grid-template-columns:64px 24px minmax(0,1fr);}.ank-q,.ank-o,.ank-n{grid-column:3}}

/* JUMP_V1 */
.jump{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.jump input{padding:6px 8px;border:1px solid var(--line);border-radius:6px;font:inherit;color:var(--ink,inherit);background:var(--surface)}

/* PAUSE_V1 */
.pause-f{display:inline-flex;gap:8px;align-items:center;margin-left:auto}.pause-f label{display:inline-flex;gap:5px;align-items:center;font-weight:600;color:var(--muted)}.pause-f select,.pause-f input{padding:5px 7px;border:1px solid var(--line);border-radius:6px;font:inherit;background:var(--surface);color:inherit}

/* MULTI_V1 */
.multi{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;background:#eef4fb;border:1px solid #c9daea;border-radius:8px;padding:8px 10px}.multi select{padding:5px 7px;border:1px solid var(--line);border-radius:6px;font:inherit}.multi small{flex-basis:100%;color:var(--muted)}.multi-wd{display:inline-flex;gap:6px}

/* ROLE_NEW_V1 */
.roles .role-new{border-style:dashed}.roles .role-new input[type=text]{flex:1;text-align:left;min-width:0;border:0;background:transparent;font:inherit;padding:0}.roles .role-new input[type=text]:focus{outline:none}

/* KLEINWERKZEUG_V1 */
.kat-c.kw .kat-noimg.kw,.kat-plus .kat-noimg.kw{aspect-ratio:auto;height:46px;font-size:24px;background:#eef3f7}.kat-plus{display:flex;flex-direction:column;gap:6px;padding:6px;border:1px dashed var(--accent);border-radius:8px}.linklike{background:none;border:0;color:var(--muted);cursor:pointer;font:inherit;font-size:11px;text-decoration:underline}

/* PRINT_A4_V1 */
#print-area .pw-page.a4{min-height:192mm;gap:4px}
.pw-page.a4 .pw-head b{font-size:11px}.pw-page.a4 .pw-head small{font-size:6.5px}.pw-page.a4 .pw-head>div{padding:2px 6px}
.pw-page.a4 .pw-dh b{font-size:10.5px}.pw-page.a4 .pw-dh span{font-size:8px}
.pw-page.a4 .pw-c{font-size:7.6px;padding:1px 3px;border-left-width:3px}.pw-page.a4 .pw-c small{font-size:6.8px}
.pw-page.a4 .pw-foot{font-size:7px}
#print-area .pl-page.a4{font-size:8.5px}.pl-page.a4 .pl-t{font-size:8px}.pl-page.a4 .pl-t th{font-size:7.5px}.pl-page.a4 .pl-t td small{font-size:7px}.pl-page.a4 .pw-head b{font-size:10px}.pl-page.a4 .pw-head small{font-size:6.5px}

/* PRINT_AUTO_V1: benannte Seiten – A4 und A3 im selben PDF */
@page pwa4{size:A4 landscape;margin:6mm}@page pwa3{size:A3 landscape;margin:8mm}@page pla4{size:A4 portrait;margin:8mm}@page pla3{size:A3 landscape;margin:7mm}
#print-area .pw-page.a4{page:pwa4}#print-area .pw-page.a3{page:pwa3}#print-area .pl-page.a4{page:pla4}#print-area .pl-page.a3{page:pla3}

/* PRINT_DESC_V1 */
.pw-c .pw-desc{margin-top:1px;padding-top:1px;border-top:1px dotted #b7c4cf;color:#222;font-size:8.5px}.pw-page.a4 .pw-c .pw-desc{font-size:7px}
.pl-t td .pl-more{color:#555;font-size:.92em}
.item .desc.more{font-size:12px;color:var(--muted)}

/* POLIER_V1 – Tagesauftrag A4 hoch */
@page po{size:A4 portrait;margin:9mm 9mm 11mm}
#print-area .po-page{page:po;font-family:Arial,sans-serif;color:#111;font-size:10px;break-after:page;page-break-after:always;display:flex;flex-direction:column;gap:6px}
#print-area .po-page:last-child{break-after:auto;page-break-after:auto}
.po-head{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid #20384e}.po-head>div{padding:3px 7px;border-right:1px solid #9fb3c4;border-bottom:1px solid #9fb3c4}.po-head small{display:block;font-size:7px;letter-spacing:.08em;color:#5f7a8e}.po-head b{font-size:11.5px}
.po-h{font-size:16px;margin:2px 0 0;border-bottom:2px solid #20384e;padding-bottom:2px}
.po-box{border:1px solid #ccd6df;border-left:5px solid #c62828;background:#fff7f7;padding:4px 8px;border-radius:3px}.po-box.d{border-left-color:#2f7a5b;background:#f1f8f4}.po-box h4{margin:0 0 2px;font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#555}.po-box i{color:#888;font-style:normal}
.po-w{border:1px solid #b9c8d5;border-left:5px solid #2a67a1;border-radius:3px;padding:5px 8px;break-inside:avoid;display:flex;flex-direction:column;gap:4px}.po-w.l{border-left-color:#7048a8}
.po-wh{display:flex;flex-wrap:wrap;gap:8px;align-items:baseline;font-size:12px}.po-t{font-variant-numeric:tabular-nums}.po-chip{border:1px solid #2a67a1;color:#2a67a1;border-radius:8px;padding:0 6px;font-size:9px}.po-r{margin-left:auto;font-size:9.5px;color:#444}
.po-sec small{display:block;font-size:7.5px;letter-spacing:.08em;color:#5f7a8e;font-weight:700}.po-sec>div{font-size:10px;line-height:1.35}
.po-cols{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.po-tl{border-collapse:collapse;font-size:10px;width:auto}.po-tl td:last-child{width:auto}.po-tl td{padding:1px 8px 1px 0;vertical-align:top}.po-tl td:first-child{font-variant-numeric:tabular-nums;font-weight:700;white-space:nowrap}.po-tl tr.p td{color:#8a6a00}
.po-sign{display:flex;justify-content:space-between;margin-top:14px;font-size:10px}
@media print{#print-area .po-w,#print-area .po-box,#print-area .po-head{-webkit-print-color-adjust:exact;print-color-adjust:exact}}
.po-tl{width:auto!important}

/* LP_BP_V1 */
.lp-box{margin-top:8px;padding:8px 10px;background:#fff;border:1px dashed #9a85c4;border-radius:8px;display:flex;flex-direction:column;gap:6px;font-size:13px}.lp-t{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:13px}.lp-free .lp-t{padding:6px 0;border-bottom:1px solid var(--line)}

/* LP_DAY_V1 */
a.item.lp-item{text-decoration:none;color:inherit;border-left-color:var(--lok)}.po-box.l{border-left-color:#7048a8;background:#f5f0fb}

/* ICONS_V1 */
.ico{width:20px;height:20px;display:inline-block;vertical-align:-4px;flex:none}
.ank-i{width:34px;height:34px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--deliv) 12%,transparent);color:var(--deliv);font-size:0}
.ank.masch .ank-i{background:color-mix(in srgb,var(--work) 12%,transparent);color:var(--work)}.ank.lok .ank-i{background:color-mix(in srgb,var(--lok) 12%,transparent);color:var(--lok)}
.ank-i .ico{width:20px;height:20px}
.ank-bar .seg .ico{width:16px;height:16px;vertical-align:-3px;margin-right:2px}
.ank{grid-template-columns:78px 40px minmax(180px,1.4fr) 110px minmax(110px,1fr) minmax(120px,1.2fr)}
@media (max-width:800px){.ank{grid-template-columns:64px 40px minmax(0,1fr)}}
.ank-o .ico{width:15px;height:15px;vertical-align:-2px;color:var(--muted)}
.season .ico,.logi h4 .ico,.btn .ico,.lok-lbl .ico{width:17px;height:17px;vertical-align:-3px}.kat-noimg.kw .ico{width:26px;height:26px;color:#5f7a8e}.po-box .ico,.po-sec .ico{width:12px;height:12px;vertical-align:-2px}

/* DAYNOTES_V1 */
.chip.c-n{background:#fff4d6;color:#7a5a00}
.dnotes .dnote{border:1px solid #ecd9a0;background:#fffbef;border-left:4px solid #d4a106;border-radius:6px;padding:8px 10px;margin:6px 0}
.dnote-h{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.dnote-h small{color:var(--muted)}.dnote-h .right{margin-left:auto}
.dnote-t{white-space:pre-wrap;font-size:13px;max-height:9.5em;overflow:auto;margin-top:4px;color:var(--ink,inherit)}
.drop-on{outline:3px dashed #d4a106!important;outline-offset:-3px;background:#fffbef!important}
.pw-c.n{border-color:#d4a106;background:#fffbef;white-space:normal}.pw-c.n .pw-desc{white-space:pre-wrap}
.pl-t tr.n td{background:#fffbef}.pl-t tr.n td:first-child{border-left:4px solid #d4a106}
.po-box.n{border-left-color:#d4a106;background:#fffbef}
.dvhead .btn .ico{width:16px;height:16px;vertical-align:-3px}

/* DAYMAIL_V1 */
.dnote-m{font-size:12px;color:var(--muted);margin-top:2px}
.dn-mail{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1px dashed #d4a106;border-radius:8px;background:#fffbef;font-size:13px}.dn-mail .ico{width:16px;height:16px;vertical-align:-3px}
.mailview{background:var(--surface,#fff);max-width:1100px;margin:20px auto;border-radius:10px;padding:14px 16px;display:flex;flex-direction:column;gap:10px;min-height:calc(100vh - 40px)}
.mv-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mv-bar b{font-size:17px}.mv-bar .right{margin-left:auto}
.mv-head{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;font-size:13px;border:1px solid var(--line);border-radius:8px;padding:8px 10px;overflow-wrap:anywhere}.mv-head small{display:block;font-size:10px;letter-spacing:.08em;color:var(--muted)}
.mv-atts{display:flex;flex-wrap:wrap;gap:6px}.mv-atts .ico{width:14px;height:14px;vertical-align:-2px}
.mv-frame{flex:1;width:100%;min-height:70vh;border:1px solid var(--line);border-radius:8px;background:#fff}
.mv-pre{white-space:pre-wrap;font:13px/1.45 Arial,sans-serif}
@media (max-width:700px){.mv-head{grid-template-columns:1fr}}
.mailprint{border:1px solid #e3cf8f;border-radius:3px;padding:4px 6px;margin:2px 0;background:#fff}.mailprint .mp-head{font-size:9px;color:#444;border-bottom:1px dotted #ccc;padding-bottom:2px;margin-bottom:3px}.mailprint .mp-head b{font-size:10.5px;color:#111}
.mailprint .mp-body{font-size:9.5px;line-height:1.3;overflow-wrap:anywhere}.mailprint .mp-body img{max-width:100%!important;height:auto!important;break-inside:avoid}.mailprint .mp-body table{max-width:100%!important;width:auto!important;border-collapse:collapse}.mailprint .mp-body *{max-width:100%;font-size:inherit!important;line-height:1.3!important}

/* DAYPAD_V1 */
.dayov{border:1px solid #ecd9a0;background:#fffbef;border-radius:8px;padding:6px 10px}.dayov summary{cursor:pointer;font-weight:700;font-size:13px}.dayov summary .ico{width:16px;height:16px;vertical-align:-3px}
.dayov #e-dayov-c{max-height:42vh;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-top:6px;font-size:12.5px}
.dp-n{border-left:3px solid #d4a106;padding-left:8px}.dp-h{display:flex;gap:8px;align-items:baseline}.dp-t{white-space:pre-wrap;color:var(--ink,inherit);max-height:22vh;overflow:auto}
.dp-w div{margin-top:2px}.dp-s{color:#9a2b2b}

/* RANGIER_V1 */
.ra{margin-top:4px;padding:6px 8px;border:1px solid #d9cdee;background:#f7f2fd;border-radius:6px;font-size:12.5px}.ra>b{color:#5b3a92}
.ra-mv{margin:4px 0 0 18px;padding:0}.ra-mv li{margin:1px 0}.ra-w{margin-top:4px}.ra-w small{font-size:10px;letter-spacing:.08em;color:var(--muted)}.ra-w ul{margin:2px 0 0 18px;padding:0}.ra-n{margin-top:4px;white-space:pre-wrap}
.po-ra{margin-top:2px;font-size:9.5px}.po-ra .ra-mv,.po-ra ul{margin:2px 0 0 16px;padding:0}.po-ra small{font-size:7.5px;color:#666}
/* GRPCOLOR_V1 – Gruppenfarben */
.item[style*="--work"]{border-left-width:6px;background:color-mix(in srgb,var(--work) 5%,var(--surface))}

/* WKGO_V1 */
#week [data-wkgo]{cursor:pointer}
#week [data-wkgo]:hover{filter:brightness(.93);outline:2px solid currentColor;outline-offset:1px}
[data-sec]{scroll-margin-top:90px}
@keyframes secflash{0%,40%{box-shadow:0 0 0 3px var(--accent,#2a67a1);background-color:color-mix(in srgb,var(--accent,#2a67a1) 10%,transparent)}100%{box-shadow:0 0 0 0 transparent}}
.sec-flash{animation:secflash 1.8s ease-out;border-radius:10px}

/* WKWHAT_V1 – Arten der Arbeiten im Wochenkalender */
.wk-what{display:flex;flex-direction:column;gap:2px;margin:6px 0 2px;text-align:left;min-width:0;width:100%;cursor:pointer}
.wk-what>span{display:block;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-left:7px;border-left:3px solid var(--gc);font-weight:500}
.wk-what>span.l{font-style:italic}
.wk-what small{font-size:11px;opacity:.7;padding-left:10px}
.day.sel .wk-what>span{border-left-color:color-mix(in srgb,var(--gc) 60%,#fff)}
/* POPOUT_V1 */
.popbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 8px}
.popbar .muted{font-size:12px}
#p-lok .calhead{display:flex;justify-content:space-between;align-items:flex-end;gap:10px}
/* HIDE_NAMES_V1 */
.leadchips .lwrap{display:inline-flex;align-items:stretch}
.leadchips .lwrap .lchip{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}
.lx{border:1px solid var(--line,#d9e2ec);background:var(--surface,#fff);color:var(--muted,#64748b);font-size:11px;padding:0 7px;cursor:pointer;border-radius:0 999px 999px 0;border-left:0}
.lx:hover{color:#b91c1c;background:#fee2e2}
.grp-tools{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.grp-tools .lx{border-radius:999px;border-left:1px solid var(--line,#d9e2ec);padding:2px 8px}
.lrestore{border:1px dashed var(--line,#cbd5e1);background:none;color:var(--muted,#64748b);font-size:11px;border-radius:999px;padding:2px 9px;cursor:pointer}
/* FIXIERUNG_V1 */
.chip.fx-b-new{background:#dcfce7;color:#166534;font-weight:700}
.chip.fx-b-chg{background:#fef3c7;color:#92400e;font-weight:700}
.chip.fx-b-del{background:#fee2e2;color:#991b1b;font-weight:700}
.chip.fx-wk{background:#fef3c7;color:#92400e;font-weight:700}
.chip.fx-lock{background:transparent;padding:0 2px}
.item.fx-new{box-shadow:inset 0 0 0 2px #86efac}
.item.fx-chg{box-shadow:inset 0 0 0 2px #fcd34d}
.item.fx-del{opacity:.75;border-left-color:#dc2626!important;background:repeating-linear-gradient(135deg,transparent 0 8px,rgba(220,38,38,.05) 8px 16px)}
.fxline{display:flex;flex-direction:column;gap:2px;margin-top:4px;font-size:12px;background:#fffbeb;border-radius:6px;padding:4px 7px;color:#78350f}
.fxline s{color:#991b1b}.fxline ins{color:#166534;text-decoration:none;font-weight:700}
.fx-note{background:#eff6ff;border:1px solid #bfdbfe;color:#1e3a8a;border-radius:8px;padding:8px 10px;margin-bottom:10px;font-size:13px}
.fx-day{margin:10px 0}.fx-day h4{margin:0 0 6px}
.fx-entry{border:1px solid var(--line,#e2e8f0);border-radius:8px;padding:6px 9px;margin-bottom:6px;font-size:13px}
.fx-e-new{border-left:4px solid #16a34a}.fx-e-chg{border-left:4px solid #d97706}.fx-e-del{border-left:4px solid #dc2626}
#b-fix .chip{margin-left:4px}
@media print{.fxline,.chip.fx-b-new,.chip.fx-b-chg{print-color-adjust:exact;-webkit-print-color-adjust:exact}}
/* SW_LINK_V1 */
.chip.c-sw{background:#ffedd5;color:#9a3412;font-weight:700}
.sw-warn{background:#fef3c7;border:1px solid #fcd34d;color:#78350f;border-radius:8px;padding:6px 9px;margin-bottom:8px;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sw-staff{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:6px 0;padding:6px 8px;background:var(--surface-2,#f8fafc);border-radius:8px;font-size:12px}
.sw-staff label{display:flex;gap:4px;align-items:center;flex-direction:row!important}
.sw-staff input{width:56px!important}
/* AUSMASS_V0 */
.am-empty{background:var(--surface,#fff);border:1px dashed var(--line,#cbd5e1);border-radius:14px;padding:40px 20px;text-align:center}
.am-face{font-size:64px;line-height:1;margin-bottom:10px}
/* SW_TIMES_V1 */
.sw-times{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin:6px 0;padding:6px 8px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}
.sw-times>.hint:first-child{flex:1 1 100%;margin:0}
.sw-times label.f{min-width:150px}
.sw-times>.hint:last-child{font-size:11px}
/* SW_TIMES_V2 – Zeile neu geordnet */
.sw-r1{display:grid;grid-template-columns:150px minmax(240px,2fr) 110px 110px minmax(150px,1fr) auto;gap:8px;align-items:end}
.sw-r1 select{width:100%}
.sw-spur{display:flex;gap:10px;align-items:center;height:38px}.sw-spur label{display:flex;gap:4px;align-items:center;flex-direction:row!important;font-size:13px;margin:0}
.sw-r2{display:flex;gap:8px;align-items:flex-end;flex-wrap:wrap;margin:8px 0;padding:8px 10px;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px}
.sw-r2 label.f{width:140px}.sw-sep{width:1px;align-self:stretch;background:#fdba74;margin:0 6px}
.sw-r2h{flex:1 1 220px;font-size:11px;margin:0 0 6px}
@media(max-width:1100px){.sw-r1{grid-template-columns:1fr 1fr 1fr}}
/* LINIEN_KM_V1 */
.km-chip a{text-decoration:none;font-weight:600}.km-chip a:hover{text-decoration:underline}

/* DAYVIEW_V2: Reiter in Gruppen, Material-Chips, Lok-Hinweis, Wochenkarten 2 Zeilen, Zeitbalken schmaler */
.tabs .wrap.tabgroups{display:flex;flex-wrap:wrap;gap:4px 10px;overflow:visible;align-items:flex-end}
.tabs .tgrp{display:flex;flex-direction:column;min-width:0}
.tabs .tcap{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);padding:6px 12px 0;font-weight:600}
.tabs .tbtns{display:flex;flex-wrap:wrap;gap:0 2px}
.tabs .tbtns button,.tabs .tbtns .tab{padding:6px 8px 9px}
.onsite .oschip{white-space:normal;max-width:100%;display:inline-flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.onsite .oschip small{font-weight:400;opacity:.65;font-size:11px}
.onsite .chip{white-space:normal;max-width:100%}
.lokwarn{display:inline-block;margin-top:4px;font-size:12.5px;font-weight:700;color:#b42318;background:#fee4e2;border:1px solid #fecdca;border-radius:999px;padding:2px 10px}
.lokwarn.soft{color:#92400e;background:#fef3c7;border-color:#fde68a;cursor:pointer}.lokwarn.soft:hover{background:#fde68a}
.wk-what>span{white-space:normal!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.item,.hbscale,.babline{grid-template-columns:92px minmax(0,1fr) minmax(140px,min(26%,360px))}
@media(max-width:640px){.item,.babline,.hbscale{grid-template-columns:78px minmax(0,1fr)}}

/* SHARE_VIEW_V2 */
.sh-row{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;border-top:1px solid #e2e8f0;padding:10px 0}
.sh-row>div:first-child{min-width:0;flex:1}.sh-row.off{opacity:.55}
.sh-url{width:100%;margin-top:6px;font-size:12px;padding:6px 8px;border:1px solid #cbd5e1;border-radius:8px;background:#f8fafc;color:#334155}
.sh-act{display:flex;flex-direction:column;gap:6px}
.sh-code{font:700 20px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.12em;color:#1f3a52;margin:4px 0 2px;user-select:all}
/* SW_SK_ORDER_V1 */
.sw-sk-dlg{max-width:min(720px,94vw);border:1px solid #cbd5e1;border-radius:10px;padding:16px}
.sw-sk-dlg::backdrop{background:rgba(15,23,42,.35)}
.sw-sk-list{display:flex;flex-direction:column;gap:6px;max-height:60vh;overflow:auto}
.sw-sk-list .btn{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;height:auto;padding:8px 10px;white-space:normal}
.sw-sk-list small{color:#475569;font-weight:400}

/* SW_PDF_WIDTH_V1: Querformat-Formular nicht auf 794 px (Hochformat) begrenzen */
.paper.a4l{max-width:1080px}
.paperwrap:has(.a4l) .paperbar{max-width:1080px}

/* SW_BOX_V1: jede Sperrungs-Zeile rundum umrandet – besser zu trennen */
.swrow{border:3px solid #9b4d7b;border-left-width:6px;margin-bottom:6px}
/* DESC_FULL_V1: Beschreibung im Tag ganz zeigen (nicht nach 3 Zeilen abschneiden) */
.item .desc{display:block;-webkit-line-clamp:unset;overflow:visible}
/* RICH_V1 */
.rt-bar{display:inline-flex;gap:4px;align-items:center;margin-left:8px;vertical-align:middle}
.rt-bar .btn{min-width:30px;padding:2px 8px}
textarea.rt-area{min-height:220px;resize:vertical;font-size:14px;line-height:1.45}
div.f{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--muted);min-width:0}
div.f textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;padding:7px 9px;font-weight:400;color:var(--ink);width:100%;box-sizing:border-box}
div.f.only-arbeit:has(.rt-area){grid-column:1/-1}
mark.rt-y{background:#fff176;color:inherit;padding:0 2px;border-radius:2px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
mark.rt-g{background:#b9f6ca;color:inherit;padding:0 2px;border-radius:2px;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rt-r{color:#c62828;font-weight:700;-webkit-print-color-adjust:exact;print-color-adjust:exact}
.rt-bar .rt-by{background:#fff176}.rt-bar .rt-bg{background:#b9f6ca}.rt-bar .rt-br{color:#c62828;font-weight:700}
/* ZEIT_V2 */
.z2{background:#fff}
.z2-head{position:sticky;top:0;z-index:6;height:62px;background:#f7f9fb;border-bottom:1px solid var(--line)}
.z2-corner{position:sticky;left:0;height:62px;background:#f7f9fb;z-index:7;border-right:1px solid var(--line);padding:8px 12px;font-weight:700;font-size:12.5px;color:var(--ink);box-sizing:border-box;overflow:hidden;text-overflow:ellipsis}
.z2-wk{position:absolute;top:0;height:20px;line-height:20px;font-size:11px;font-weight:700;color:#33475a;padding-left:6px;border-left:2px solid #b8c6d0;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.z2-day{position:absolute;top:20px;height:22px;line-height:22px;font-size:11px;text-align:center;color:#33475a;font-variant-numeric:tabular-nums;border-left:1px solid #e3e9ee;white-space:nowrap;overflow:hidden;box-sizing:border-box}
.z2-day.we{color:#8a99a4;background:#eef1f4}
.z2-day.today{background:#285944;color:#fff;font-weight:700}
.z2-umb{position:absolute;top:44px;height:16px;line-height:16px;background:var(--umbau);color:#fff;font-size:10px;font-weight:800;letter-spacing:.08em;text-align:center;border-radius:3px;overflow:hidden;white-space:nowrap}
.z2-body{position:relative}
.z2-we{position:absolute;top:0;bottom:0;background:#f3f5f7;pointer-events:none}
.z2-line{position:absolute;top:0;bottom:0;width:1px;background:#eef1f4;pointer-events:none}
.z2-mon{position:absolute;top:0;bottom:0;width:1px;background:#d3dce3;pointer-events:none}
.z2-umbbg{position:absolute;top:0;bottom:0;background:rgba(198,40,40,.05);pointer-events:none}
.z2-now{position:absolute;top:0;bottom:0;width:2px;background:#285944;z-index:3;pointer-events:none}
.z2-sec{position:relative;height:26px;background:#eef2f5;border-top:1px solid #cfd8df;border-bottom:1px solid #dfe5ea}
.z2-sec-l{position:sticky;left:0;height:26px;line-height:26px;padding:0 12px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#33475a;background:#eef2f5;z-index:4;box-sizing:border-box;white-space:nowrap}
.z2-more{font:inherit;font-size:10.5px;letter-spacing:0;text-transform:none;font-weight:600;border:0;background:none;color:#477769;cursor:pointer;padding:0 4px}
.z2-lane{position:relative;border-bottom:1px solid #edf1f4}
.z2-lab{position:sticky;left:0;z-index:4;height:100%;background:#fff;border-right:1px solid var(--line);padding:4px 12px;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-width:0}
.z2-lab b{font-size:12.5px;color:#203a4b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z2-lab small{font-size:10.5px;color:#7b8a95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z2-bar{position:absolute;height:20px;border:0;border-radius:4px;padding:0;color:#fff;font:600 11px/20px Arial,sans-serif;text-align:left;overflow:hidden;white-space:nowrap;z-index:2;cursor:pointer;background:var(--c,var(--work));box-shadow:0 1px 1px rgba(0,0,0,.12)}
.z2-bar span{position:relative;display:block;padding:0 6px;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(0,0,0,.25)}
.z2-bar em{font-style:normal;font-weight:400;opacity:.9}
.z2-bar.multi{background:color-mix(in srgb,var(--c,var(--work)) 38%,#fff)}
.z2-bar.multi i{position:absolute;top:0;bottom:0;background:var(--c,var(--work));border-radius:3px}
.z2-bar.s{--c:var(--sperr)}.z2-bar.f{--c:var(--fl)}.z2-bar.l,.z2-bar.lokuse{--c:var(--lok)}
.z2-bar.o{background:#5f7384;cursor:default}
.z2-bar.gaps{background:repeating-linear-gradient(90deg,var(--sperr) 0 6px,color-mix(in srgb,var(--sperr) 35%,transparent) 6px 10px)}
.z2-bar.bad{outline:2px solid var(--warn);outline-offset:1px}
.z2-bar:hover,.z2-pt:hover{filter:brightness(1.1);z-index:5}
.z2-lokbase{position:absolute;height:6px;border:0;padding:0;border-radius:3px;background:var(--lok-bg);box-shadow:inset 0 0 0 1px var(--lok);cursor:pointer;z-index:1}
.z2-pt{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;padding:0;z-index:2;background:var(--deliv);box-shadow:0 0 0 1px var(--deliv);cursor:pointer}
.z2-pt.w{box-shadow:0 0 0 1px rgba(0,0,0,.2)}.z2-pt.bad{background:var(--warn)}
.z2-ptl{position:absolute;font-size:10.5px;color:#2f5a48;white-space:nowrap;pointer-events:none;z-index:2}
.z2-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0 0 10px;font-size:12px;color:#3d4f5c;align-items:center}
.z2-legend span{display:inline-flex;align-items:center;gap:5px}
.z2-legend i{display:inline-block;width:16px;height:9px;border-radius:3px}
.z2-legend i.s{background:var(--sperr)}.z2-legend i.f{background:var(--fl)}.z2-legend i.u{background:var(--umbau)}.z2-legend i.w{background:var(--work)}.z2-legend i.l{background:var(--lok)}.z2-legend i.lb{background:var(--lok-bg);box-shadow:inset 0 0 0 1px var(--lok);height:5px}.z2-legend i.d{width:9px;border-radius:50%;background:var(--deliv)}.z2-legend i.o{background:#5f7384}
.z2-bar.multi span{color:#13202a;text-shadow:0 0 3px #fff,0 0 2px #fff}
/* DISPO_BOX_V1 */
.dispo-box{border:2px solid #7c9fc0;background:#eef5fc;border-radius:12px;padding:10px 12px 12px;margin:4px 0}
.dispo-box .dispo-cap{font-size:12.5px;font-weight:800;color:#1f4f7a;margin-bottom:6px}
.dispo-box .dispo-cap span{font-weight:500;color:#4d6a85;margin-left:6px}
.dispo-box .roles label{background:#fff}
/* CARD_TINT_V1: Karte im Tag mit der Farbe der Gruppe hinterlegen */
.item[style*="--work"]{background:color-mix(in srgb,var(--work) 15%,#fff)!important}
.item[style*="--work"]:hover{background:color-mix(in srgb,var(--work) 22%,#fff)!important}