:root{
  --bg:#f4f4f5; --surface:#fff; --surface-2:#efeff1; --ink:#141416; --muted:#5f6068; --line:#dedee3;
  --accent:#c8102e; --accent-ink:#fff; --accent-soft:#fbe4e8; --crit:#c8102e; --crit-soft:#fbe4e8;
  --ok:#2e7d4f; --ok-soft:#dff0e6; --dark:#141416; --dark-soft:#e6e6ea;
  --brand:#e3112f; --brand-soft:#fbe4e8; --bar:#0d0d0f; --bar-ink:#fff;
  --c-buy:#c8102e; --c-water:#2a6fdb;
  --font:system-ui,-apple-system,"Segoe UI",sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --bg:#0d0d0f; --surface:#18181b; --surface-2:#202024; --ink:#ececef; --muted:#a0a0a8; --line:#2c2c31;
  --accent:#ff4d63; --accent-ink:#141416; --accent-soft:#3a1519; --crit:#ff4d63; --crit-soft:#3a1519;
  --ok:#5cc58a; --ok-soft:#173023; --dark:#ececef; --dark-soft:#2a2a2f;
  --brand:#e3112f; --brand-soft:#3a1519; --bar:#000;
  --c-buy:#e8384f; --c-water:#3d87f0;
}}
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body{background:var(--bg);color:var(--ink);font:15px/1.45 var(--font);display:flex;flex-direction:column;
  padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}
button,input,select{font:inherit;color:inherit}
[hidden]{display:none!important}

header.bar{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--bar);color:var(--bar-ink);border-bottom:3px solid var(--brand);flex:none}
header.bar h1{font-size:17px;margin:0;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
header .bar-logo{height:22px;width:auto;margin-right:auto;display:block}
header.bar .icon-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:var(--bar-ink)}
header.bar .icon-btn:hover{background:rgba(255,255,255,.16)}
@media (min-width:601px){header.bar .link{color:var(--bar-ink)}header.bar .link:hover{background:rgba(255,255,255,.12)}}
.bar-actions{display:flex;gap:4px}
.icon-btn{border:1px solid var(--line);background:var(--surface);border-radius:8px;width:36px;height:36px;cursor:pointer;font-size:18px}
.link{border:0;background:none;color:var(--accent);font-weight:600;cursor:pointer;padding:6px 8px;border-radius:6px}
.link:hover{background:var(--surface-2)}
.menu-btn{display:none}
header.bar{position:relative}
@media (max-width:600px){
  .menu-btn{display:block}
  .bar-actions{display:none;position:absolute;right:12px;top:100%;flex-direction:column;align-items:stretch;
    background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:6px;z-index:5;box-shadow:0 6px 20px rgba(0,0,0,.12)}
  .bar-actions.open{display:flex}
  .bar-actions .link{text-align:left;padding:10px 14px}
}

main{flex:1;min-height:0;overflow:auto}
.wrap{max-width:1000px;margin:0 auto;padding:18px 16px 40px}
.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted);margin-bottom:12px}
input[type=text],input[type=password],input[type=search],input[type=email],input[type=tel],input:not([type]){padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px}
input:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}
.primary{background:var(--accent);color:var(--accent-ink);border:0;border-radius:8px;padding:11px 16px;font-weight:600;cursor:pointer}
.secondary{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer}
.danger{color:var(--crit)}
.error{color:var(--crit);min-height:1.2em;margin:0 0 8px;font-size:14px}
.ok{color:var(--ok);font-size:14px}

.login{max-width:380px;margin:10vh auto 0;padding:0 16px}
.brand{background:var(--bar);border-bottom:4px solid var(--brand);border-radius:14px;padding:26px 22px 18px;margin-bottom:16px;text-align:center}
.brand img{width:100%;max-width:280px;height:auto;display:block;margin:0 auto}
.brand span{display:block;color:#b8c4c2;font-size:12.5px;letter-spacing:.08em;text-transform:uppercase;margin-top:12px}
.login .primary{width:100%}

.hello{color:var(--muted);margin:0 0 14px}
.home-hello{font-size:22px;font-weight:700;color:var(--ink);margin:4px 0 2px}
.home-date{color:var(--muted);margin:0 0 16px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.tile{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;padding:16px 16px 14px 76px;cursor:pointer;min-height:104px;overflow:hidden;
  box-shadow:0 1px 2px rgba(0,0,0,.04);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease}
.tile::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--brand)}
.tile.grp-personal::before{background:var(--dark)}
.tile:hover{border-color:var(--brand);box-shadow:0 6px 18px rgba(0,0,0,.08);transform:translateY(-1px)}
.tile-ic{position:absolute;left:18px;top:18px;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-size:22px;background:var(--brand-soft)}
.tile.grp-personal .tile-ic{background:var(--dark-soft)}
.tile .grp{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:600}
.tile .nm{font-size:18px;font-weight:700;overflow-wrap:break-word;hyphens:auto}
.tile .st{font-size:12.5px;color:var(--muted);margin-top:auto}
.tile .st.none{color:var(--crit)}
.empty{color:var(--muted);padding:30px 0;text-align:center}

.frame{border:0;width:100%;height:100%;display:block;background:#fff}

.users{display:flex;flex-direction:column;gap:10px;margin-top:16px}
.user{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px}
.user.off{opacity:.55}
.user-head{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap}
.user-head b{font-size:16px}
.user-head span{color:var(--muted);font-size:13px}
.perm{display:flex;flex-wrap:wrap;gap:6px 14px;margin:10px 0}
.perm label{flex-direction:row;align-items:center;gap:6px;margin:0;color:var(--ink);font-size:14px}
.perm input{width:18px;height:18px}
.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.presets{font-size:13px;color:var(--muted)}
h2{font-size:18px;margin:0 0 12px}
.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:0 12px}

/* Wareneingang */
.we .hello{margin-bottom:12px}
.we-sec{margin:22px 0 10px;font-size:15px;color:var(--muted)}
.we-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:10px;overflow:hidden}
.we-card.is-urgent{border-color:var(--crit)}
.we-card.is-done{opacity:.8}
.we-head{display:flex;flex-direction:column;gap:4px;width:100%;text-align:left;background:none;border:0;padding:14px 16px;cursor:pointer}
.we-top{display:flex;align-items:center;gap:10px}
.we-ue{font-size:20px;font-weight:800}
.we-chev{margin-left:auto;color:var(--muted)}
.we-meta{font-size:13.5px;color:var(--muted)}
.we-warn{font-size:13px;color:var(--crit);font-weight:600}
.we-who{font-size:12.5px;color:var(--ok)}
.we-prog{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}
.we-prog .bar{flex:0 0 120px;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}
.we-prog .bar span{display:block;height:100%;background:var(--ok)}
.pill{font-size:11.5px;font-weight:700;padding:3px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.03em}
.pill.ok{background:var(--ok-soft);color:var(--ok)}
.pill.crit{background:var(--crit-soft);color:var(--crit)}
.pill.warn{background:#fdf0d5;color:#8a5a00}
@media (prefers-color-scheme:dark){.pill.warn{background:#3b2d10;color:#f2c46b}}
.we-body{border-top:1px solid var(--line);padding:10px 16px 16px}
.we-list{list-style:none;margin:0 0 12px;padding:0}
.we-item{padding:10px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:6px}
.we-item.done .we-chk span{color:var(--muted)}
.we-chk{flex-direction:row;align-items:flex-start;gap:12px;margin:0;color:var(--ink);font-size:15px;cursor:pointer}
.we-chk input{width:24px;height:24px;flex:none;margin-top:1px;accent-color:var(--accent)}
.we-chk small{display:block;color:var(--muted);font-size:13px;margin-top:2px}
.we-extra{display:flex;align-items:center;gap:16px;margin-left:36px;flex-wrap:wrap}
.we-dept{flex-direction:row;align-items:center;gap:6px;margin:0;color:var(--ink);font-size:14px;cursor:pointer}
.we-dept input{width:20px;height:20px;accent-color:var(--accent)}
.we-photo-btn{padding:6px 12px;font-size:14px}
.we-video{margin-left:36px;font-size:14px}
.we-photos{display:flex;gap:8px;flex-wrap:wrap;margin-left:36px}
.we-thumb{position:relative}
.we-thumb img{width:72px;height:72px;object-fit:cover;border-radius:8px;border:1px solid var(--line);display:block}
.we-photo-del{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;padding:0;border:none;background:var(--ink);color:var(--bg);font-size:16px;line-height:24px;cursor:pointer}
.we-note{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:14px;margin-left:36px}
.empty-small{color:var(--muted);font-size:14px;padding:8px 0}

/* Personal */
select{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px}
input[type=date],input[type=time],input[type=number]{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;min-width:0}
label.inline{flex-direction:row;align-items:center;gap:8px;margin:0}
label.check{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:14px}
label.check input{width:18px;height:18px}
.pz-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.pz-top a.secondary{text-decoration:none;color:var(--ink)}
.month-nav{display:flex;align-items:center;gap:10px}
.month-nav b{min-width:140px;text-align:center}
.dept{font-size:17px}
.pz-h{margin:22px 0 10px}
.clock{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:14px}
.stats div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px 14px;display:flex;flex-direction:column}
.stats b{font-size:24px}
.stats span{font-size:12.5px;color:var(--muted)}
.stats b span{font-size:inherit}
.abs-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}
.abs-list li{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px 12px;display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:14px}
.abs-list small{color:var(--muted)}
.abs-list .link{margin-left:auto}
.days{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.day-row{display:grid;grid-template-columns:minmax(120px,1.4fr) 1fr 1fr .8fr 70px;gap:8px;align-items:center;padding:6px 12px;border-bottom:1px solid var(--line)}
.day-row:last-child{border-bottom:0}
.day-row.head{font-size:12px;color:var(--muted);font-weight:600;background:var(--surface-2)}
.day-row.weekend{background:var(--surface-2)}
.day-row.today{box-shadow:inset 3px 0 0 var(--accent)}
.day-row .d{font-size:14px}
.day-row .d small{color:var(--muted)}
.day-row .net{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:600}
.day-row .pill{font-size:10px;padding:2px 6px}
@media (max-width:600px){
  .day-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 58px 52px;gap:6px;padding:8px 10px}
  .day-row input{padding:8px 6px;font-size:16px;width:100%}
  .day-row .d{grid-column:1/-1}
  .day-row.head span:first-child{display:none}
}
.crit-t{color:var(--crit)}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-wd{font-size:12px;color:var(--muted);text-align:center;font-weight:600;padding:2px 0}
.cal-day{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-height:68px;padding:6px;border-radius:8px;border:1px solid var(--line);background:var(--surface);cursor:pointer;text-align:left;overflow:hidden}
.cal-day .n{font-weight:700}
.cal-day .cal-c{font-size:11px;font-weight:700;color:#8a5a00;background:#fdf0d5;border-radius:4px;padding:0 4px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cal-day .cal-p{font-size:11px;color:var(--muted);margin-top:auto}
.cal-day.st-good{border-left:4px solid var(--ok)}
.cal-day.st-bad{border-left:4px solid var(--crit);background:var(--crit-soft)}
.cal-day.st-off{background:var(--surface-2);opacity:.7}
.cal-day.sel{outline:2px solid var(--accent);outline-offset:1px}
@media (prefers-color-scheme:dark){.cal-day .cal-c{background:#3b2d10;color:#f2c46b}}
.legend{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:12.5px;color:var(--muted);margin:8px 0 14px}
.lg{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:-8px}
.lg.good{background:var(--ok)}.lg.bad{background:var(--crit)}.lg.cont{background:#e8b04a}
.day-detail p{margin:6px 0;font-size:14.5px}
.roles{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.table-wrap{overflow-x:auto;background:var(--surface);border:1px solid var(--line);border-radius:12px}
.tbl{width:100%;border-collapse:collapse;font-size:14px}
.tbl th,.tbl td{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}
.tbl th{font-size:12px;color:var(--muted);background:var(--surface-2)}
.tbl .num{text-align:right;font-variant-numeric:tabular-nums}
.tbl .link{padding:0}
@media (max-width:600px){.cal{gap:3px}.cal-day{padding:4px;min-height:60px}.cal-day .cal-c{padding:0 2px;font-size:10.5px}}

/* Zeitkorrektur-Antrag */
a.primary,a.secondary{text-decoration:none;display:inline-block}
a.secondary{color:var(--ink)}
.az-teaser{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:14px}
.az-teaser>div{display:flex;flex-direction:column;gap:2px}
.az-teaser .abs-list{flex-basis:100%;margin:0}
.az-teaser .abs-list .link{margin-left:auto}
fieldset.emp{border:0;padding:0;margin:4px 0 8px;display:flex;flex-wrap:wrap;gap:4px 18px}
fieldset.emp legend{font-size:13px;color:var(--muted);margin-bottom:6px}
fieldset.emp label{margin:0}
.az-row{display:grid;grid-template-columns:1.3fr repeat(4,1fr) 32px;gap:8px;align-items:end;padding:8px 0;border-bottom:1px solid var(--line)}
.az-row label{margin:0}
.az-row input{width:100%}
.az-row [data-del-row]{padding:8px 4px}
@media (max-width:600px){.az-row{grid-template-columns:1fr 1fr}.az-row label:first-child{grid-column:1/-1}.az-row [data-del-row]{grid-column:1/-1;justify-self:end}}
#az-add{margin-top:10px}
.az-apply{margin-top:14px}
.sig-wrap{position:relative;border:1.5px dashed var(--line);border-radius:10px;background:#fff;height:170px}
.sig-wrap canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}
.sig-hint{position:absolute;left:0;right:0;bottom:14px;text-align:center;color:#999;font-size:13px;pointer-events:none}
.sig-wrap::after{content:"";position:absolute;left:18px;right:18px;bottom:40px;border-bottom:1px solid #bbb;pointer-events:none}
.az .row{margin:10px 0}
.done-card p{margin:8px 0 14px}

/* Monatsbericht per Foto */
.file-btn{display:inline-block;flex-direction:row;color:var(--ink);font-size:15px;margin:6px 0 10px;cursor:pointer}
.thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}
.thumbs figure{margin:0;width:110px}
.thumbs img{width:110px;height:150px;object-fit:cover;border-radius:8px;border:1px solid var(--line)}
.thumbs figcaption{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center}
.primary:disabled{opacity:.5;cursor:default}
.scan-days{margin:14px 0}
.scan-days .day-row.warn{background:var(--crit-soft)}
.scan-days .d{display:flex;flex-direction:column;gap:2px}
.scan-days .d label{margin:0;font-size:14px}
.scan-days .d small{font-size:12px}

.we-filter{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.we-filter input{flex:1 1 240px;min-width:0;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:15px}
.we-filter select{flex:0 1 auto;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:15px}
.we-cnt{color:var(--muted);font-size:13px}

.note-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;margin:0 0 14px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:15px;cursor:pointer;text-align:left}
.note-bar.has-new{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:700}
.https-bar{text-decoration:none;border-style:dashed}
.note{display:block;width:100%;text-align:left;padding:12px 14px;margin:0 0 8px;border:1px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font-size:15px;line-height:1.4;cursor:pointer}
.note.unread{border:2px solid var(--accent);border-left-width:6px;box-shadow:0 0 0 3px var(--accent-soft)}
.note-at{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}
.art-q{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font-size:16px;margin-bottom:10px}
.art-list{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.art-row{display:flex;flex-direction:column;gap:3px;text-align:left;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--ink);font-size:15px;cursor:pointer}
.art-nums{color:var(--muted);font-size:13px}
.art-title{font-size:19px;font-weight:500;margin:0 0 6px}
.art-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:6px 0 10px}
.art-stats div{padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--muted);font-size:13px}
.art-stats span{display:block;color:var(--ink);font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.art-watch{width:100%}
.art-hint{color:var(--muted);font-size:13px;margin:6px 0 4px}
.art-ship{padding:10px 0;border-bottom:1px solid var(--line)}
.art-ship-top{display:flex;align-items:center;gap:8px}
.art-qty{margin-left:auto;font-variant-numeric:tabular-nums}
.pill.info{background:#dbe8fb;color:#1d4f91}
@media (prefers-color-scheme:dark){.pill.info{background:#1b2c44;color:#9cc1f5}}

/* Container-Check fürs Lager */
.cc .we-prog{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:8px}
.cc .we-prog .bar{flex:1}
.cc-ist{flex-direction:row;align-items:center;gap:8px;margin:6px 0 0 30px;font-size:13px}
.cc-ist input{width:90px;padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px}
.cc .we-item .we-warn{margin-left:30px}
.cc-done{background:var(--ok-soft,#e3f4e8);color:var(--ok,#1a7f37);border-radius:8px;padding:10px 12px;font-weight:600;margin:0 0 12px}
.cc-pal{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:8px}
.cc-pal li,.cc-add{display:grid;grid-template-columns:32px 1fr 80px 1fr 36px;gap:6px;align-items:center;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:8px}
.cc-add{grid-template-columns:1fr 80px 1fr auto;margin-bottom:8px}
.cc-pal input,.cc-add input{min-width:0;padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px}
.cc-nr{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--bar,#0d0d0f);color:#fff;font-weight:700;font-size:13px}
.cc-pal .we-photo-del{position:static;width:32px;height:32px}
.cc textarea{width:100%;box-sizing:border-box;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.cc .we-photos{margin-bottom:8px}
@media (max-width:600px){
  .cc-pal li{grid-template-columns:32px 1fr 70px 36px}
  .cc-pal li [data-pf=note]{grid-column:2 / 4}
  .cc-add{grid-template-columns:1fr 70px}
  .cc-add [name=note]{grid-column:1 / 3}
  .cc-add button{grid-column:1 / 3}
}
.cc-times{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.cc-time > .primary{width:100%;padding:13px 16px;font-size:16px}
.cc-time.set{display:grid;grid-template-columns:1fr auto 44px 32px;gap:4px 8px;align-items:center;background:var(--surface);border:1px solid var(--line);
  border-left:4px solid var(--ok);border-radius:10px;padding:8px 10px}
.cc-time.set small{grid-column:1 / 5;font-size:12px;color:var(--muted)}
.cc-tl{font-weight:600}
.cc-time input{padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;min-width:0}
.cc-time .we-photo-del{position:static;width:30px;height:30px}
.cc-proto{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}
.cc-proto a{color:var(--accent);font-weight:600}
.cc-proto small{color:var(--muted)}
@media (max-width:600px){.cc-time.set{grid-template-columns:1fr 44px 32px}.cc-time.set .cc-tl{grid-column:1 / 3}.cc-time.set input{grid-column:1 / 2;grid-row:2}.cc-time.set .cc-cal{grid-column:2;grid-row:2}.cc-time.set .we-photo-del{grid-row:1 / 3;grid-column:3}.cc-time.set small{grid-column:1 / 4}}

/* DHL-Abholung */
.dhl-form{margin-bottom:18px}
.dhl-form .we-sec{margin-top:0}
.dhl-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.dhl-row label{margin-bottom:8px;min-width:0}
.dhl-row input{width:100%}
.dhl input[type=date],.dhl input[type=time],.dhl input[type=number],.dhl textarea{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;min-width:0;box-sizing:border-box}
.dhl textarea{width:100%;margin:10px 0}
.dhl-q{font-weight:600;margin:4px 0 8px}
.dhl-chips{display:flex;flex-wrap:wrap;gap:6px}
.dhl-chip{flex-direction:row;margin:0;cursor:pointer}
.dhl-chip input{position:absolute;opacity:0;pointer-events:none}
.dhl-chip span{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:14px;color:var(--ink);background:var(--surface)}
.dhl-chip input:checked + span{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}
.dhl-chip input:focus-visible + span{outline:2px solid var(--accent);outline-offset:1px}
.dhl-sum{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.dhl-only{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:14px}
.dhl-entry{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.dhl-entry.bad{border-left-color:var(--crit)}
.dhl-top{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:center;margin-bottom:6px}
.dhl-act{margin-left:auto;display:flex}
.dhl-act .link{padding:4px 6px;font-size:13px}
.dhl-note{margin:8px 0 4px;white-space:pre-wrap}
.dhl .month-nav{margin:6px 0 8px}
@media (max-width:600px){.dhl-row{grid-template-columns:1fr 1fr}.dhl-row label:last-child{grid-column:1 / 3}}
.dhl-photo{margin:4px 0 10px}
.dhl .we-photos{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}
.dhl-add-photo{display:flex;gap:16px;flex-wrap:wrap;padding:4px 0;font-size:13.5px}
.dhl-photo-row{gap:8px;flex-wrap:wrap;align-items:center}
.dhl-photo-row .dhl-photo{margin:4px 0}
.dhl-left{color:var(--crit);font-weight:700}
@media (max-width:600px){.dhl-row label:last-child{grid-column:auto}}

/* Fuhrpark, Fahrtenbuch, Lagergeräte */
.an-top{margin-bottom:12px}
.an-alert{background:var(--crit-soft);color:var(--crit);font-weight:600;border-radius:8px;padding:10px 12px;margin:0 0 12px}
.an-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:12px;overflow:hidden}
.an-head{display:flex;gap:12px;align-items:center;width:100%;text-align:left;background:none;border:0;padding:12px;cursor:pointer;color:var(--ink);font:inherit}
.an-img{flex:0 0 110px;height:80px;border-radius:8px;overflow:hidden;background:#fff;display:grid;place-items:center;border:1px solid var(--line)}
.an-img img{width:100%;height:100%;object-fit:contain}
.an-noimg{font-size:34px}
.an-txt{display:flex;flex-direction:column;gap:4px;min-width:0;align-items:flex-start}
.an-txt b{font-size:17px}
.an-txt small{color:var(--muted)}
.an-plate{display:inline-block;border:2px solid var(--ink);border-radius:4px;padding:0 6px;font-weight:700;font-family:ui-monospace,monospace;font-size:14px;letter-spacing:.04em;background:#fff;color:#111}
.an-trip{border-top:1px solid var(--line);padding:10px 12px}
.an-trip p{margin:0 0 8px}
.an-trip.free p b{color:var(--ok)}
.an-trip.busy p b{color:var(--crit)}
.an-big{width:100%;padding:13px;font-size:16px}
.an-form label{margin-bottom:10px}
.an-form input,.an-form textarea{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;min-width:0;width:100%;box-sizing:border-box}
.an-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.an-two label{min-width:0}
.an-hero{background:#fff;border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;min-height:120px;overflow:hidden;margin-bottom:8px}
.an-hero img{width:100%;max-height:280px;object-fit:contain}
.an-hero .an-noimg{font-size:64px;padding:20px}
.an-detail > .secondary{margin-bottom:12px}
.an-detail .card{margin-bottom:12px}
.an-sv{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:10px;padding:10px 12px;margin-bottom:8px}
.an-sv.st-overdue{border-left-color:var(--crit)}
.an-sv.st-soon{border-left-color:#e8b04a}
.an-sv.st-unknown{border-left-color:var(--line)}
.an-sv-top{display:flex;justify-content:space-between;gap:8px;align-items:center}
.an-sv small{color:var(--muted)}
.an-due{font-weight:600;margin:4px 0 8px}
.an-sv.st-overdue .an-due{color:var(--crit)}
.an-sv .an-form{margin-top:8px}
.an-log{border-bottom:1px solid var(--line);padding:8px 0}
.an .dhl-chips{margin-bottom:10px}
.fb-csv{text-decoration:none;color:var(--ink);display:inline-flex;align-items:center}
.an-sn{font-size:13px;color:var(--muted);font-family:ui-monospace,monospace}

/* Reservierungskalender */
.res .an-big{margin-bottom:12px}
.res-nav{margin:6px 0 10px;flex-wrap:wrap}
.res-legend{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13px;color:var(--muted);margin-bottom:10px}
.res-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.res-c0{background:var(--accent)}.res-c1{background:#141416}.res-c2{background:#e8b04a}.res-c3{background:#5f6068}
.res-day{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:10px}
.res-day.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}
.res-day.past{opacity:.6}
.res-head{display:flex;align-items:center;gap:8px;margin-bottom:8px}
.res-head .link{margin-left:auto;padding:2px 4px}
.res-tl{margin-bottom:6px}
.res-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}
.res-lbl{flex:0 0 74px;font-size:11px;font-family:ui-monospace,monospace;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.res-bar{position:relative;flex:1;height:14px;border-radius:4px;background:var(--surface-2);overflow:hidden}
.res-blk{position:absolute;top:0;bottom:0;border-radius:3px}
.res-scale{position:relative;height:12px;margin-left:82px;font-size:10px;color:var(--muted)}
.res-scale span{position:absolute;transform:translateX(-50%)}
.res-scale span:first-child{transform:none}.res-scale span:last-child{transform:translateX(-100%)}
.res-item{display:flex;gap:8px;align-items:flex-start;border-top:1px solid var(--line);padding:7px 0}
.res-item > div{flex:1;min-width:0}
.res-item small{color:var(--muted)}
.res-item .link{padding:2px 4px}
.res-dot{flex:0 0 10px;height:10px;border-radius:50%;margin-top:5px}
.res-free{margin:4px 0 0;font-size:13px;color:var(--ok)}
.an-res{font-size:13px;color:var(--ink);background:var(--surface-2);border-radius:6px;padding:6px 8px}
.an-form select{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;width:100%}

/* Foto vom Kilometerstand */
.an-kmfoto{display:block;text-align:center}
.an-kmprev{margin:0}
.an-kmprev img{max-width:100%;max-height:180px;border-radius:8px;border:1px solid var(--line)}
.fb-photos{display:flex;gap:8px;margin-top:6px}
.fb-photos a{display:flex;flex-direction:column;align-items:center;text-decoration:none;color:var(--muted)}
.fb-photos img{width:64px;height:48px;object-fit:cover;border-radius:6px;border:1px solid var(--line)}

/* Sprachauswahl */
.lang-pick{position:fixed;inset:0;z-index:100;background:#0d0d0f;display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.lang-card{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;position:relative}
.lang-card img{width:150px;margin:0 auto 6px}
.lang-card h2{color:#fff;text-align:center;font-size:17px;font-weight:600;line-height:1.5;margin:0 0 8px;opacity:.85}
.lang-btn{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;border-radius:12px;border:1px solid #2c2c31;background:#18181b;color:#fff;font-size:19px;font-weight:600;cursor:pointer;text-align:left}
.lang-btn span{font-size:26px;line-height:1}
.lang-btn.on,.lang-btn:active{border-color:#c8102e;background:#2a0e14}
.lang-x{position:absolute;top:-6px;right:0;color:#fff;font-size:22px}

/* Lagerplätze in der Artikelsuche */
.art-loc{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:13px;color:var(--muted);margin-top:3px}
.art-loc b{color:var(--ink);font-family:ui-monospace,monospace}
.art-loc.big{font-size:15px;gap:8px}
.art-loc.big > span{display:inline-flex;align-items:center;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px;color:var(--ink)}
.art-loc.big .link{padding:0 2px;font-size:14px}
.art-platz-form{display:flex;gap:8px;margin-top:10px}
.art-platz-form select,.art-platz-form input{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;min-width:0}
.art-platz-form input{flex:1}
.art-places{margin:6px 0 14px}
.art-import{margin-top:22px}

/* Umlagerungen */
.um-art{display:flex;gap:10px;align-items:flex-start;background:var(--surface-2);border-radius:8px;padding:10px 12px}
.um-art > div{flex:1;min-width:0}
.um-art small{color:var(--muted)}
.um-sugg{margin-top:-4px}
.um-fs{border:1px solid var(--line);border-radius:10px;padding:8px 10px 10px;margin:0}
.um-fs legend{font-size:13px;color:var(--muted);padding:0 4px}
.um-fs select,.um-fs input{padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;width:100%;min-width:0}
.um-tabs{display:flex;gap:6px;margin:16px 0 10px}
.um-tabs button{flex:1;padding:10px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--ink);font-weight:600;cursor:pointer;font-size:14px}
.um-tabs button.on{background:var(--dark);color:var(--bg);border-color:var(--dark)}
.um-csv{display:inline-block;margin-bottom:10px;padding:8px 12px;border-radius:8px;text-decoration:none;font-size:14px}
.um-item{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:12px;padding:10px 12px;margin-bottom:8px}
.um-item.done{border-left-color:var(--ok);opacity:.8}
.um-top{display:flex;gap:6px;align-items:baseline;flex-wrap:wrap}
.um-bez{color:var(--muted);font-size:14px;flex:1;min-width:0}
.um-qty{font-weight:700}
.um-route{font-size:17px;margin:4px 0;font-family:ui-monospace,monospace}
.um-route span{color:var(--accent);margin:0 4px}
.um-item .row{margin-top:6px;display:flex;gap:10px;align-items:center}
.um-ok{margin:8px 0 0;font-weight:600}
.um-fs{display:flex;flex-direction:column;gap:8px}
.um-fs label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}
.um-ft{display:flex;gap:8px;align-items:flex-end}
.um-ft label{flex:1;min-width:0}
.um-arrow{color:var(--accent);font-size:22px;font-weight:700;padding-bottom:8px}
.um-chips{display:flex;flex-wrap:wrap;gap:6px}
.um-chips:empty{display:none}
.um-chip{padding:6px 10px;border-radius:999px;border:1px solid var(--line);background:var(--surface-2);color:var(--ink);font-family:ui-monospace,monospace;font-size:14px;cursor:pointer}
.art-loc.big > span{display:flex;width:100%;flex-wrap:wrap;gap:4px 12px}
.art-loc.big .loc-l{display:flex;flex-direction:column;min-width:96px}
.art-loc.big small{color:var(--muted);font-size:12px}
.art-loc.big b{white-space:nowrap}
.art-loc.big .loc-n{margin-left:auto;white-space:nowrap;color:var(--muted)}
.art-platz-form select{flex:0 1 48%}
.art-platz-form input{flex:1 1 30%}
.art-platz-form button{white-space:nowrap}
/* Masterboard */
.tile.grp-chef::before{background:var(--accent)}
.tile.grp-chef{grid-column:1/-1}
.wrap.mb{max-width:1400px}
.mb-stamp{color:var(--muted);font-size:13px;margin:0 0 10px}
.mb-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}
.mb-kpi{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--surface);color:var(--muted);font-size:13px;text-align:left;cursor:pointer;font-family:inherit}
.mb-kpi b{font-size:28px;color:var(--ink);line-height:1.1}
.mb-kpi.ok b{color:var(--ok)}
.mb-kpi.crit{border-color:var(--crit);background:var(--crit-soft)}
.mb-kpi.crit b{color:var(--crit)}
.mb-kpi.accent{border-color:var(--accent)}
.mb-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px;align-items:start}
.mb-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:12px 14px}
.mb-card h2{margin:0 0 6px;font-size:17px}
.mb-h3{display:flex;gap:6px;align-items:center;font-size:13px;color:var(--muted);margin:12px 0 4px;text-transform:uppercase;letter-spacing:.03em}
.mb-h3 span{margin-left:auto;background:var(--surface-2);border-radius:999px;padding:1px 8px;color:var(--ink)}
.mb-list{list-style:none;margin:0;padding:0}
.mb-p{display:flex;gap:8px;align-items:baseline;padding:6px 2px;border-bottom:1px solid var(--line);font-size:15px}
.mb-p[data-go]{cursor:pointer}
.mb-p:last-child{border-bottom:0}
.mb-p small{color:var(--muted);font-size:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mb-nm{font-weight:600}
.mb-t{margin-left:auto;white-space:nowrap;color:var(--muted);font-size:13px}
.mb-krank .mb-nm,.mb-late .mb-t,.mb-late .mb-nm{color:var(--crit)}
.mb-offen .mb-nm{color:var(--muted);font-weight:500}
.mb-veh{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--ok);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:14px}
.mb-veh.out{border-left-color:var(--accent)}
.mb-vt{display:flex;gap:6px;align-items:baseline;font-size:15px}
.mb-vt small{color:var(--muted)}
.mb-badge{margin-left:auto;font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--ok-soft);color:var(--ok)}
.mb-veh.out .mb-badge{background:var(--accent-soft);color:var(--accent)}
.mb-res{color:var(--muted);font-size:13px;margin-top:2px}
.mb-res.now{color:var(--accent);font-weight:700}
.mb-warn{color:var(--crit);font-size:13px;margin-top:2px}
.mb-soon{color:var(--muted);font-size:13px;margin-top:2px}
/* Schäden */
.btn-link{display:inline-block;text-decoration:none;padding:10px 14px;border-radius:10px;margin:6px 0}
.sch-st{font-size:12px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--crit-soft);color:var(--crit)}
.sch-st.sch-reklamiert{background:var(--accent-soft);color:var(--accent)}
.sch-st.sch-erledigt{background:var(--ok-soft);color:var(--ok)}
.sch-what{margin:4px 0;font-size:15px}
.sch-note{margin:4px 0 6px;white-space:pre-wrap}
.sch .we-photos{margin:6px 0}
.sch-sugg:empty{display:none}
.sch textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
/* Barcode-Scanner */
.scan-in{display:flex;gap:6px;align-items:stretch}
.scan-in input{flex:1;min-width:0}
.scan-btn{flex:0 0 auto;min-width:46px;border:1px solid var(--line);border-radius:8px;background:var(--dark);color:var(--bg);font-size:20px;cursor:pointer;padding:0 10px}
.scan-box{position:fixed;inset:0;z-index:1000;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:#fff}
.scan-view{position:relative;width:100%;max-width:640px;aspect-ratio:3/4;max-height:68vh;overflow:hidden;background:#000}
.scan-view video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.scan-frame{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80%;height:28%;border:3px solid var(--accent);border-radius:12px;pointer-events:none;box-shadow:0 0 0 9999px rgba(0,0,0,.35)}
.scan-box p{margin:4px 0;color:#fff}
.scan-acts{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}
.scan-acts button{min-width:150px;padding:12px 16px;border-radius:10px;font:inherit;font-weight:600;cursor:pointer}
.scan-photo{background:var(--accent);color:#fff;border:0}
.scan-cancel{background:#fff;color:#111;border:1px solid #fff}
/* Inventur */
.inv-row{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.inv-expect{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.inv-expect small{width:100%;color:var(--muted)}
.um-chip.got{background:var(--ok-soft);border-color:var(--ok)}
.inv-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:10px 0}
.inv-table{background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.inv-tr{display:grid;grid-template-columns:minmax(90px,1.1fr) 2.4fr .8fr .8fr .9fr 30px;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);align-items:baseline;font-size:14px}
.inv-tr:last-child{border-bottom:0}
.inv-tr small{color:var(--muted)}
.inv-th{font-size:12px;color:var(--muted);text-transform:uppercase;background:var(--surface-2)}
.inv-tr > span:nth-child(3),.inv-tr > span:nth-child(4),.inv-tr > span:nth-child(5){text-align:right}
.inv-ok{color:var(--ok);font-weight:700}
.inv-bad,.inv-tr .inv-bad{color:var(--crit);font-weight:700}
.inv-unk{color:var(--accent);font-size:12px}
.um-chip.got.diff{background:var(--crit-soft);border-color:var(--crit)}
@media (max-width:560px){
  .inv-tr{grid-template-columns:1fr auto auto auto 26px;font-size:13px;row-gap:2px}
  .inv-tr > span:nth-child(2){grid-column:1/-1;order:-1}
  .inv-th{display:none}
  .inv-tr > span:nth-child(3)::before{content:"gez. ";color:var(--muted);font-size:11px}
  .inv-tr > span:nth-child(4)::before{content:"Vario ";color:var(--muted);font-size:11px}
}
.art-codes{display:flex;flex-wrap:wrap;gap:8px}
.art-code{display:inline-flex;align-items:baseline;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:6px 10px}
.art-code b{font-family:ui-monospace,monospace}
.art-code small{color:var(--muted);font-size:12px}
.art-code .link{padding:0 2px}
#art-code .scan-in{flex:1;min-width:0}
.scan-ok{display:flex;gap:10px;align-items:center;background:var(--ok-soft);border:2px solid var(--ok);border-radius:12px;padding:10px 12px;font-size:1.05rem;margin:4px 0 10px}
.scan-ok b{font-family:ui-monospace,monospace;margin-right:4px}
.scan-ok-ic{flex:none;width:28px;height:28px;border-radius:50%;background:var(--ok);color:#fff;display:grid;place-items:center;font-weight:700}
.scan-miss{display:flex;flex-direction:column;gap:4px;background:var(--crit-soft);border:2px solid var(--crit);border-radius:12px;padding:10px 12px;margin:4px 0 10px}
.pz-h3{font-size:1rem;margin:14px 0 6px}
form.team label.team-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;margin:0;border-top:1px solid var(--line);text-align:left}
form.team label.team-row span{font-weight:600;font-size:1rem;color:var(--ink)}
form.team label.team-row select{width:auto;max-width:60%;margin:0}
.team-list{margin:0;padding-left:18px}
.team-list li{margin:3px 0}
.azb-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.azb-head h2{margin:0}
.azb-prog{font-weight:700;color:var(--accent)}
.azb-chips{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.um-chip.azb-open{border-color:var(--crit);color:var(--crit)}
.azb-list{list-style:none;margin:8px 0;padding:0}
.azb-list li{display:flex;align-items:center;gap:8px;padding:6px 0;border-top:1px solid var(--line)}
.azb-list li.done{color:var(--muted)}
.azb-list li.now b{color:var(--accent)}
.azb-when{min-width:150px;font-variant-numeric:tabular-nums}
.azb-list .we-photo-del{margin-left:auto}
.azb details{margin-top:10px}
.azb summary{cursor:pointer;font-weight:600;padding:6px 0}
.azb-auto input{width:64px}
/* Aufgaben */
.seg{display:flex;background:var(--surface-2);border-radius:10px;padding:3px;gap:3px;margin-bottom:12px}
.seg button{flex:1;border:0;background:none;border-radius:8px;padding:8px;font:inherit;color:var(--muted);cursor:pointer}
.seg button.on{background:var(--surface);color:var(--ink);font-weight:600;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.tk-new{margin-bottom:12px}
.tk-new summary{cursor:pointer;font-weight:600;color:var(--accent)}
.tk-new form{margin-top:10px}
.tk-imp{align-self:end;padding-bottom:10px}
.tk-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:6px}
.tk{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px}
.tk.done{border-left-color:var(--line);opacity:.75}
.tk.done .tk-title{text-decoration:line-through;color:var(--muted)}
.tk.late{border-color:var(--crit)}
.tk-row{display:flex;align-items:center;gap:10px;padding:10px 12px}
.tk-cb{width:22px;height:22px;accent-color:var(--accent);flex:none}
.tk-main{flex:1;min-width:0;text-align:left;background:none;border:0;font:inherit;color:var(--ink);cursor:pointer;padding:0}
.tk-title{display:block;font-weight:600}
.tk-star{color:var(--accent)}
.tk-meta{display:flex;flex-wrap:wrap;gap:4px 12px;font-size:13px;color:var(--muted);margin-top:2px}
.tk-detail{border-top:1px solid var(--line);padding:10px 12px;display:grid;gap:8px}
.tk-note{margin:0;white-space:pre-wrap}
.tk-steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.tk-steps li{display:flex;align-items:center;gap:8px}
.tk-steps label{flex:1;display:flex;gap:8px;align-items:center}
.tk-steps input{accent-color:var(--accent)}
.tk-add input{flex:1}
.tk-donebox summary{cursor:pointer;color:var(--muted);margin:6px 0}
.link-danger{justify-self:start;background:none;border:0;color:var(--crit);cursor:pointer;padding:0;font:inherit;text-decoration:underline}
.mb-tk{padding:7px 2px;border-bottom:1px solid var(--line);cursor:pointer}
.mb-tk:last-child{border-bottom:0}
.mb-tk-top{display:flex;gap:8px;align-items:baseline}
.mb-tk-top small{color:var(--muted);font-size:12px}
.mb-tk-n{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.mb-late .mb-tk-n{color:var(--crit)}
.mb-tk-all{font-size:15px;margin-bottom:4px}
.mb-tk-all b{font-size:22px;color:var(--accent)}
.mb-bar{height:6px;background:var(--surface-2);border-radius:999px;overflow:hidden;margin-top:4px}
.mb-bar.big{height:10px}
.mb-bar span{display:block;height:100%;background:var(--accent);border-radius:999px}
.tk-steps label{flex-direction:row;justify-content:flex-start;text-align:left;color:var(--ink);font-size:15px;margin:0}
.tk-steps input[type=checkbox]{width:18px;height:18px;margin:0;flex:none}
.tk-detail .error:empty{display:none}
.tk-badge{display:inline-block;margin-top:3px;font-size:12px;font-weight:600;color:var(--accent);background:var(--accent-soft);border-radius:999px;padding:1px 8px}
.tk-last{display:block;font-size:13px;color:var(--ink);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tk-by{display:block;color:var(--muted);font-size:12px}
.tk-add{display:flex;gap:8px;align-items:center;border-top:1px solid var(--line);padding-top:8px}
.tk-plus{color:var(--accent);font-size:22px;font-weight:700;line-height:1}
.tk-add input{border:0;background:none;padding:6px 0;color:var(--accent)}
.tk-add input::placeholder{color:var(--accent)}
.tk-go{justify-self:start}
/* Pausen-Spiele */
.gm-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px}
.gm-tile{display:flex;flex-direction:column;align-items:center;gap:4px;background:#0d0d0f;color:#ececef;border:1px solid #2c2c31;border-bottom:3px solid var(--accent);border-radius:12px;padding:14px 6px;cursor:pointer;font:inherit}
.gm-tile:disabled{opacity:.45;cursor:not-allowed}
.gm-ic{font-size:30px}
.gm-t{font-weight:700}
.gm-tile small{color:#a0a0a8;font-size:12px}
.gm-h{font-size:18px;margin:8px 0}
.gm-closed{background:var(--crit-soft);color:var(--crit);border-radius:10px;padding:10px 12px;font-weight:600}
.gm-ranks{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:12px}
.gm-ranks h3{margin:0 0 6px}
.gm-rank{list-style:none;margin:0;padding:0}
.gm-rank li{display:flex;gap:8px;align-items:baseline;padding:6px 2px;border-bottom:1px solid var(--line)}
.gm-rank li:last-child{border-bottom:0}
.gm-rank li.me{background:var(--accent-soft);border-radius:6px}
.gm-rank li.top b{color:var(--accent)}
.gm-pl{width:28px;text-align:center}
.gm-nm{flex:1;min-width:0}
.gm-nm small{color:var(--muted)}
.gm-admin summary{cursor:pointer;font-weight:600}
.gm-play{max-width:520px;margin:0 auto}
.gm-head{display:flex;gap:14px;align-items:center;margin-bottom:8px;font-size:15px}
.gm-head b{font-size:18px}
.gm-head .gm-small:first-of-type{margin-left:auto}
.gm-small{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:6px 10px;cursor:pointer;font:inherit;font-size:14px}
.gm-small.accent{background:var(--accent);color:#fff;border-color:var(--accent)}
#gm-stage{display:flex;flex-direction:column;align-items:center;gap:10px;touch-action:none;user-select:none;-webkit-user-select:none}
.gm-canvas{width:100%;max-width:420px;height:auto;border-radius:10px;border:2px solid #2c2c31;background:#0d0d0f;display:block}
.gm-tetris .gm-canvas{max-width:340px}
.gm-pad{display:flex;gap:8px;justify-content:center;width:100%;max-width:420px}
.gm-btn{flex:1;min-height:52px;font-size:22px;border-radius:12px;border:1px solid #2c2c31;background:#18181b;color:#ececef;touch-action:manipulation;cursor:pointer}
.gm-btn.accent{background:var(--accent);border-color:var(--accent);color:#fff}
.gm-btn:active{background:var(--accent)}
.gm-dpad{display:grid;grid-template-columns:repeat(3,64px);grid-template-areas:". up ." "left . right" ". down .";gap:6px;width:auto}
.gm-dpad .up{grid-area:up}.gm-dpad .left{grid-area:left}.gm-dpad .right{grid-area:right}.gm-dpad .down{grid-area:down}
.gm-over{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);z-index:20;background:var(--surface);border:2px solid var(--accent);border-radius:16px;padding:18px 22px;text-align:center;box-shadow:0 10px 40px rgba(0,0,0,.4);min-width:260px}
.gm-over b{font-size:20px}
.gm-big{font-size:26px;font-weight:800;color:var(--accent);margin:6px 0}
.gm-over .row{justify-content:center;gap:8px;margin-top:10px}
.gm-help{margin-top:12px;font-size:13px}
/* Solitär */
.gm-solitaer{max-width:620px}
.sol{width:100%;--cw:min(12.4vw,74px);--ch:calc(var(--cw)*1.4);background:#0f3d1f;border-radius:12px;padding:8px;box-sizing:border-box}
.sol-top,.sol-tab{display:grid;grid-template-columns:repeat(7,var(--cw));justify-content:space-between}
.sol-top{margin-bottom:10px}
.sol-col{position:relative;min-height:calc(var(--ch) + 330px)}
.sol-col .card-x{position:absolute;left:0}
.sol-slot{height:var(--ch);cursor:pointer}
.sol-empty{width:var(--cw);height:var(--ch);border:2px dashed rgba(255,255,255,.25);border-radius:6px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.4);font-size:20px;box-sizing:border-box}
.card-x{width:var(--cw);height:var(--ch);background:#fff;color:#141416;border-radius:6px;box-shadow:0 1px 2px rgba(0,0,0,.4);box-sizing:border-box;padding:2px 4px;cursor:pointer;position:relative;font-family:system-ui,sans-serif;line-height:1.1}
.card-x span{font-size:calc(var(--cw)*.24);font-weight:700}
.card-x b{position:absolute;right:4px;bottom:2px;font-size:calc(var(--cw)*.42)}
.card-x.red{color:#c8102e}
.card-x.back{background:repeating-linear-gradient(45deg,#c8102e 0 6px,#8a0b20 6px 12px);border:2px solid #fff}
.card-x[data-sel]{outline:3px solid #ffcc00;outline-offset:-1px}
.sol-bar{display:flex;gap:14px;align-items:center;margin-top:8px;font-size:14px;color:var(--muted)}
.sol-bar button{margin-left:auto}
.grp-pause{border-bottom-color:var(--accent)}
.gm-pause{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:12px}
.gm-pause>div{display:flex;flex-direction:column;gap:2px}
.gm-pause.on{border-color:#c8102e;box-shadow:inset 4px 0 0 #c8102e}
.pz-btn.on{background:#c8102e;color:#fff;border-color:#c8102e}
.pz-pause{width:100%;margin:4px 0 0;font-size:.9rem}
/* Einkaufsliste */
.ek-add{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:12px}
.ek-add input{flex:1 1 160px;min-width:0}
.ek-add .ek-qty,.ek-edit .ek-qty{flex:0 1 90px}
.ek-add .primary{flex:0 0 auto;font-size:20px;padding:8px 16px}
.ek-cat{font-size:13px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:16px 0 6px}
.ek-rows{list-style:none;margin:0;padding:0;background:var(--surface);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.ek-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-top:1px solid var(--line);min-height:52px}
.ek-item:first-child{border-top:0}
.ek-nm{flex:1;min-width:0;cursor:pointer;font-size:17px}
.ek-nm small{display:block;color:var(--muted);font-size:13px}
.ek-nm b{color:var(--accent);font-weight:600;margin-left:4px}
.ek-tick{flex:0 0 32px;height:32px;border-radius:50%;border:2px solid var(--line);background:none;cursor:pointer;color:#fff;font-weight:700}
.ek-tick.on{background:var(--ok);border-color:var(--ok)}
.ek-item.in .ek-nm{text-decoration:line-through;color:var(--muted)}
.ek-finish{width:100%;margin-top:14px;padding:14px}
.ek-all{text-align:center;margin:14px 0}
.ek-head{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}
.ek-head .row{display:flex;flex-wrap:wrap;gap:8px}
.ek-head .on{background:var(--dark);color:var(--surface)}
.ek-yn{display:flex;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:0 0 auto}
.ek-yn button{border:0;background:none;padding:8px 10px;font:inherit;font-size:14px;cursor:pointer;color:var(--muted)}
.ek-yn button+button{border-left:1px solid var(--line)}
.ek-item.da .ek-yn button[data-present="1"]{background:var(--ok);color:#fff;font-weight:600}
.ek-item.fehlt .ek-yn button[data-present="0"]{background:var(--crit);color:#fff;font-weight:600}
.ek-item.fehlt{box-shadow:inset 4px 0 0 var(--crit)}
.ek-cart{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:6px 9px;font-size:18px;cursor:pointer}
.ek-edit input{flex:1 1 100px;min-width:0}
/* Suchfeld Startseite */
.home-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:2px solid var(--line);border-radius:14px;padding:4px 12px;margin:4px 0 12px}
.home-search:focus-within{border-color:var(--accent)}
.home-search input{flex:1;border:0;outline:0;background:transparent;font-size:17px;padding:10px 0;color:inherit;min-width:0}
.tile[hidden]{display:none}
/* Ideen-Knopf (Lampe) und Popup */
.idea-btn{position:fixed;right:0;top:58%;z-index:20;border:0;background:var(--accent);color:#fff;font-size:22px;line-height:1;
  padding:10px 8px 10px 10px;border-radius:14px 0 0 14px;box-shadow:0 4px 14px rgba(0,0,0,.25);cursor:pointer}
.idea-btn[hidden]{display:none}
.idea-btn:active{transform:translateX(2px)}
.idea-pop{position:fixed;inset:0;z-index:50;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;padding:16px}
.idea-card{background:var(--surface);color:var(--ink);border-radius:16px;padding:20px;width:100%;max-width:420px;box-shadow:0 12px 40px rgba(0,0,0,.35);border-top:4px solid var(--accent)}
.idea-card h2{margin:4px 0 6px;font-size:20px;text-align:center}
.idea-card .muted{text-align:center;margin:0 0 12px}
.idea-lamp{font-size:40px;text-align:center}
.idea-card textarea{width:100%;box-sizing:border-box;font:inherit;font-size:16px;padding:10px;border:2px solid var(--line);border-radius:10px;background:var(--bg);color:inherit;resize:vertical}
.idea-card textarea:focus{outline:0;border-color:var(--accent)}
.idea-row{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}
.idea{margin-bottom:12px}
.idea.erledigt{opacity:.65}
.idea-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px;color:var(--muted);font-size:13px}
.idea-meta .pill{margin-left:auto}
/* Neue, noch nicht gelesene Ideen: roter Rahmen (Gera: „Neu“ allein fällt nicht auf) */
.card.idea.neu{border:2px solid var(--accent);border-left-width:6px;box-shadow:0 0 0 3px var(--accent-soft)}
.card.idea.neu .idea-meta .pill{font-size:13px;font-weight:800;padding:4px 10px}
.idea-de{font-size:16px;white-space:pre-wrap;margin:8px 0}
.idea-orig{white-space:pre-wrap;color:var(--muted)}
.idea-card .muted,.idea .muted{color:var(--muted);font-size:14px}
/* Aufgaben: Fortschritt, Verlauf, Team, Foto-Import */
.tk-prog{display:flex;align-items:center;gap:8px;margin-top:6px;font-size:13px}
.tk-prog b{min-width:40px;text-align:right}
.tk-bar{position:relative;flex:1;height:8px;background:var(--surface-2);border-radius:99px;overflow:visible}
.tk-bar > span{display:block;height:100%;background:var(--ink);border-radius:99px}
.tk-prog.late .tk-bar > span{background:var(--accent)}
.tk-bar i{position:absolute;top:-3px;width:2px;height:14px;background:var(--accent);border-radius:1px;transform:translateX(-1px)}
.tk-slider{display:grid;gap:4px;font-weight:600}
.tk-slider b{color:var(--accent)}
.tk-slider input{width:100%;accent-color:var(--accent);height:28px}
.tk-hist summary{cursor:pointer;color:var(--muted);font-size:14px}
.tk-hist ul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:4px;font-size:13px}
.tk-hist li span{color:var(--muted);margin-right:4px}
.tk-tools{display:grid;gap:8px;margin-bottom:12px}
.tk-tools .tk-new{margin-bottom:0}
.tk-photo{display:block;color:var(--ink);text-align:center;text-decoration:none;padding:11px 16px;border-radius:8px}
.tk-team-sum{margin:4px 0 10px}
.tk-team{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.tk-person{padding:12px 14px}
.tk-person.frei{border-left:4px solid var(--accent)}
.tk-p-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.tk-p-top small{color:var(--muted)}
.tk-p-top .pill{margin-left:auto}
.tk-p-sum{font-size:14px;color:var(--muted);margin-top:4px}
.tk-p-tasks{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:8px}
.tk-p-t{display:block;font-weight:600;font-size:14px}
.tk-p-t small{display:block;font-weight:400;color:var(--muted);font-size:12px}
.tk-p-foot{display:flex;align-items:center;justify-content:space-between;margin-top:8px;color:var(--muted)}
.td-lines{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.td-lines li{display:flex;align-items:center;gap:8px}
.td-lines input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent);flex:none}
.td-lines input:not([type]){flex:1;min-width:0}
.td-mode{border:0;padding:0;margin:0;display:grid;gap:4px}
/* Abteilungsübergreifende Projekte */
.tk-link{background:var(--surface-2);color:var(--ink)}
.tk-waitb{background:#fff4d6;color:#7a5200}
@media (prefers-color-scheme: dark){ .tk-waitb{background:#3a2e10;color:#ffd77a} }
.tk-badge + .tk-badge{margin-left:4px}
.tk-proj-ic{font-size:20px;display:flex;align-items:center;justify-content:center}
.tk.tk-proj{border-left:4px solid var(--ink)}
.tk.tk-wait .tk-title{color:var(--muted)}
.tk-chain{background:var(--surface-2);border-radius:10px;padding:8px 10px}
.tk-chain-h{font-weight:700;font-size:14px;margin-bottom:4px}
.tk-chain ol{list-style:none;margin:0;padding:0;display:grid;gap:2px;position:relative}
.tk-chain li{display:flex;align-items:center;gap:8px;padding:5px 4px;border-radius:6px;font-size:14px}
.tk-chain li.me{background:var(--surface);box-shadow:inset 3px 0 0 var(--accent)}
.tk-chain li.ok .tk-ch-t{color:var(--muted)}
.tk-ch-t{flex:1;min-width:0}
.tk-ch-t small{display:block;color:var(--muted);font-size:12px}
.tk-ch-p{font-weight:700;font-size:13px}
.tk-follow summary{cursor:pointer;color:var(--accent);font-weight:600;font-size:14px}
.tk-follow-f{display:grid;gap:6px;margin-top:6px}
.pj-parts{display:grid;gap:8px}
.pj-part{display:grid;grid-template-columns:24px 1fr;gap:6px;align-items:center}
.pj-part > select,.pj-part > input,.pj-part > label{grid-column:2}
.pj-n{grid-row:1 / span 3;align-self:start;margin-top:8px;width:24px;height:24px;border-radius:50%;background:var(--accent);color:#fff;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.pj-after{font-size:13px;color:var(--muted)}
.start-code{border:2px solid var(--brand);margin-bottom:16px}
.start-code-num{font:700 34px/1.2 ui-monospace,Menlo,Consolas,monospace;letter-spacing:4px;margin:6px 0;color:var(--brand)}
.ek-buyers{margin-bottom:12px}
.ek-buyers h3{margin:0 0 4px}
.ek-now{font-size:16px}
.ek-blist{margin:8px 0;padding-left:22px}
.ek-blist li{padding:3px 0}
.ek-blist li span{display:inline-block;min-width:140px}
.ek-blist.small li{font-size:14px;color:var(--muted)}
.ek-blist.small li.on{color:var(--ink);font-weight:700}
.ek-blist.small li.off{text-decoration:line-through}
.ek-blist.small li.off small{text-decoration:none;display:inline-block}
/* Abteilungs-Board */
.ab-upd{color:var(--muted)}
.ab-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:12px}
.ab-kpis .card{padding:10px 12px;display:flex;flex-direction:column;margin:0}
.ab-kpis b{font-size:24px;line-height:1.1}
.ab-kpis span{color:var(--muted);font-size:13px}
@media (max-width:560px){.ab-kpis{grid-template-columns:repeat(2,1fr)}}
.ab-today p{margin:4px 0}
.ab-people{list-style:none;padding:0;margin:0 0 12px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.ab-p{padding:10px 12px;margin:0;border-left:4px solid transparent}
.ab-p.ab-da{border-left-color:var(--ok)}
.ab-p.ab-weg,.ab-p.ab-gegangen{opacity:.7}
.ab-p.ab-me{box-shadow:0 0 0 2px var(--accent) inset}
.ab-p-top{display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.ab-p-top small{color:var(--muted)}
.ab-role{font-size:12px;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:1px 6px}
.ab-now{list-style:none;padding:0;margin:8px 0 0}
.ab-now li{display:flex;flex-direction:column;gap:2px;cursor:pointer;margin:4px 0}
.ab-idle{color:var(--muted);margin:8px 0 0;font-size:14px}
.ab-cols{display:grid;grid-template-columns:3fr 2fr;gap:14px}
@media (max-width:760px){.ab-cols{grid-template-columns:1fr}}
.ab-tasks,.ab-feed,.ab-done{list-style:none;padding:4px 12px;margin:0 0 12px}
.ab-t{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 0;border-top:1px solid var(--line);cursor:pointer}
.ab-t:first-child,.ab-feed li:first-child,.ab-done li:first-child{border-top:0}
.ab-t-main{display:flex;flex-direction:column}
.ab-t-main small{color:var(--muted)}
.ab-t .tk-prog{min-width:120px}
.ab-feed li{display:flex;gap:10px;padding:7px 0;border-top:1px solid var(--line);cursor:pointer;font-size:14px}
.ab-feed li>small{color:var(--muted);min-width:72px}
.ab-feed i{color:var(--muted)}
.ab-done li{padding:6px 0;border-top:1px solid var(--line)}
.ab-done small{color:var(--muted)}
.pill.mute{background:var(--bg);color:var(--muted);font-weight:500}
/* Aufgaben-Vorlagen */
.tpl-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:10px}
.tpl-list .card{margin:0;padding:12px 14px}
.tpl-top{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:baseline}
.tpl-top small{color:var(--muted)}
.tpl-top .link{margin-left:auto}
.tpl-list ol{margin:6px 0 0;padding-left:22px}
.tpl-list li li{margin:3px 0}
/* Antworten auf Ideen */
.idea-answer{background:var(--bg);border-left:3px solid var(--accent);border-radius:6px;padding:8px 10px;margin:8px 0}
.idea-answer small{color:var(--muted)}
.idea-reply{margin:8px 0}
.idea-reply summary{cursor:pointer;font-weight:600}
.idea-verdicts{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0}
.idea-verdicts .on{border-color:var(--accent);color:var(--accent)}
.idea-reply input{width:100%;margin-bottom:4px}
/* Hilfe-Knopf und Einführung */
header.bar .help-btn{font-weight:800;font-size:17px;border-radius:50%;background:var(--brand);border-color:var(--brand);color:#fff}
header.bar .help-btn:hover{background:#b80d25}
header.bar .help-btn.off{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.35);color:rgba(255,255,255,.7)}
.help-toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translateX(-50%);z-index:95;background:#141416;color:#fff;
  border-left:4px solid var(--brand);border-radius:10px;padding:12px 16px;max-width:calc(100% - 32px);width:max-content;box-shadow:0 8px 24px rgba(0,0,0,.35);font-size:15px}
.tour-off{display:block;margin:10px auto 0;color:var(--muted);font-weight:500}
.tour{position:fixed;inset:0;z-index:90;background:rgba(0,0,0,.72);display:flex;align-items:center;justify-content:center;padding:16px;overflow:auto}
.tour-card{position:relative;background:var(--surface);color:var(--ink);border-radius:18px;padding:26px 22px 16px;width:100%;max-width:440px;
  box-shadow:0 14px 44px rgba(0,0,0,.45);border-top:5px solid var(--brand);text-align:center}
.tour-ic{font-size:46px;line-height:1;margin:6px 0 10px}
.tour-card h2{margin:0 0 10px;font-size:21px}
.tour-card p{margin:0 0 10px;font-size:16px;line-height:1.5}
.tour-row{display:flex;gap:10px;margin-top:14px}
.tour-row button{flex:1;padding:12px;font-size:16px}
.tour-count{color:var(--muted);font-size:12px!important;margin:10px 0 0!important}
/* Sicherungen */
.bk-when{margin:4px 0 10px;padding-left:20px}
.bk-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.bk-row{display:flex;justify-content:space-between;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.bk-row span{display:flex;flex-direction:column}
.bk-row small{color:var(--muted)}
.bk-row a{text-decoration:none;color:var(--ink);white-space:nowrap}
.bk-row span.row{flex-direction:row;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.bk-row button{white-space:nowrap}
#bk-restore label{display:flex;flex-direction:column;gap:4px;margin:8px 0}
.an-tplhint{margin:0;padding:8px 10px;border-radius:8px;background:var(--surface);border:1px solid var(--line);font-size:.9em}
.an-back{color:var(--accent)}
/* Aufgaben: Optionen wie in Microsoft To Do */
.tk-opts{border:1px solid var(--line,#333);border-radius:10px;margin:8px 0;overflow:hidden}
.tk-opt{display:flex;flex-direction:row;align-items:center;gap:10px;padding:9px 12px;margin:0;border-top:1px solid var(--line,#333);flex-wrap:wrap;color:var(--ink);font-size:15px}
.tk-opt small{color:var(--muted)}
.tk-opt:first-child{border-top:0}
.tk-oi{width:1.4em;text-align:center}
.tk-ol{flex:1;min-width:8em}
.tk-opt input,.tk-opt select{width:auto;max-width:100%;margin:0;flex:0 1 auto}
.tk-opt [data-assign]{max-width:55%}
.tk-file{cursor:pointer;color:var(--accent)}
.tk-filerow a{word-break:break-all}
.tk-chips{display:flex;flex-wrap:wrap;gap:6px;width:100%;order:3}
.tk-share select{order:4;flex:1 1 100%}
.tk-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent);color:#fff;border-radius:999px;padding:2px 4px 2px 10px;font-size:.85em}
.tk-chip button{background:none;border:0;color:#fff;font-size:1.1em;padding:0 4px;cursor:pointer}
.tk-opts textarea{display:block;width:100%;box-sizing:border-box;border:0;margin:0;resize:vertical;padding:10px 12px;background:transparent;color:var(--ink);font:inherit;font-size:16px}
/* PDF-/Bildansicht in der App mit „← Zurück“ */
#viewer{position:fixed;inset:0;z-index:1000;background:var(--bg,#111);display:flex;flex-direction:column}
body.vw-open{overflow:hidden}
.vw-bar{display:flex;align-items:center;gap:10px;padding:10px 12px;padding-top:max(10px,env(safe-area-inset-top));background:#0b0b0b;border-bottom:3px solid var(--accent,#d0021b)}
.vw-back{background:var(--accent,#d0021b);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.vw-title{flex:1;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vw-dl{color:#fff;text-decoration:none;font-size:22px;padding:4px 10px}
#viewer iframe{flex:1;width:100%;border:0;background:#fff}
.vw-img{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center}
.vw-img img{max-width:100%;max-height:100%}
.vw-pdf{flex:1;overflow:auto;display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px;background:#3a3a3a;-webkit-overflow-scrolling:touch}
.vw-pdf canvas{background:#fff;box-shadow:0 2px 8px rgba(0,0,0,.5)}
.vw-pdf iframe{flex:1;width:100%;border:0;background:#fff}
.vw-wait{color:#fff;margin:auto}
/* Zeitkorrekturen: Rückfragen, Filter */
.az-msgs{list-style:none;margin:8px 0;padding:0;display:grid;gap:6px}
.az-msgs li{padding:8px 10px;border-radius:10px;background:var(--bg);border-left:3px solid var(--accent);font-size:14px;color:var(--ink);display:block}
.az-msgs li.me{border-left-color:var(--ok)}
.az-msgs small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}
.az-answer{margin-top:8px;display:grid;gap:6px;width:100%}
.az-answer textarea,.az-note textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.az-note{margin-top:10px;padding:10px;border:1px solid var(--accent);border-radius:10px}
.az-btns{flex-wrap:wrap;gap:8px}
.az-del{margin-left:auto;color:var(--crit)}
.az-filter{display:grid;gap:10px}
.az-filter input[type=search]{width:100%;box-sizing:border-box;padding:12px;border:1px solid var(--line);border-radius:10px;font:inherit;font-size:16px;background:var(--bg);color:var(--ink)}
.az-seg{flex-wrap:wrap}
.az-seg i{font-style:normal;opacity:.7}
.az-dates{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.az-dates label{flex:1;margin:0}
/* Kommen/Gehen ganz oben auf der Startseite */
.home-clock{margin-bottom:12px;border-left:4px solid var(--accent)}
.hc-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.hc-txt{flex:1 1 160px;font-size:16px}
.hc-btn{font-size:18px;padding:14px 22px;flex:1 1 160px}
.hc-btn:disabled{opacity:.45;cursor:not-allowed}
.hc-lock{margin:10px 0 0;font-size:14px;color:var(--crit)}
.art-note{display:grid;gap:4px;margin:10px 0 6px;color:var(--ink);font-size:14px}
.art-note textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px}
.art-mynote{color:var(--ink);font-style:italic}
/* Soll/Ist */
.bal h2 small{font-weight:500;color:var(--muted);font-size:14px}
.bal .neg{color:var(--crit)}
.bal .pos{color:var(--ok)}
.stats .bal-total{border-color:var(--accent)}
.bal-how{margin-top:8px}
.bal-form{align-items:end;gap:10px;margin:8px 0}
.bal-form input{width:110px}
/* Unterweisungen, Schwarzes Brett, Startseite */
label.chk{flex-direction:row;align-items:center;gap:8px;margin:6px 0;font-weight:500}
.chks{display:flex;flex-wrap:wrap;gap:4px 16px;margin:0 0 10px}
.brett-new{margin:0 0 14px}
.brett-new>summary{display:inline-block;list-style:none;cursor:pointer;padding:10px 16px;border-radius:10px;margin-bottom:10px}
.brett-new>summary::-webkit-details-marker{display:none}
.brett-post.pinned{border-left:4px solid var(--accent)}
.brett-text{margin:6px 0;white-space:normal;line-height:1.45}
.tr-admin>summary{cursor:pointer;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}
.tr-people{list-style:none;padding:0;margin:8px 0}
.tr-people li{padding:4px 0;border-bottom:1px solid var(--line)}
.home-events ul{list-style:none;margin:0;padding:0}
.home-events li{padding:4px 0}
/* Masterboard: Mitarbeiter-Suche */
.mb-search{margin:0 0 10px}
.mb-person{margin:0 0 12px;border-left:4px solid var(--accent)}
.mb-tl{margin:4px 0 8px;padding-left:20px}
.mb-tl li{padding:2px 0}
.mb-give>summary{display:inline-block;list-style:none;cursor:pointer;padding:9px 14px;border-radius:10px;margin:6px 0}
.mb-give>summary::-webkit-details-marker{display:none}
.ok-msg{color:var(--ok);font-weight:700;margin:6px 0}
.tv-url code{word-break:break-all;font-size:13px}
.tv-steps{margin:6px 0 10px;padding-left:22px}
.tv-item h3{margin:0 0 4px}
/* Chat */
.chat-list>.primary{margin-bottom:12px}
.chat-room{display:flex;gap:12px;align-items:center;padding:10px 12px;margin:0 0 8px;text-decoration:none;color:var(--ink)}
.chat-room.chat-unread{border:2px solid var(--accent);border-left-width:6px;box-shadow:0 0 0 3px var(--accent-soft)}
.chat-av{width:40px;height:40px;border-radius:50%;background:#111;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex:none;font-size:18px}
.chat-rm{flex:1;min-width:0;display:flex;flex-direction:column}
.chat-rm small{color:var(--muted)}
.chat-last{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-meta{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex:none}
.chat-meta small{color:var(--muted);font-size:12px}
.chat-meta em{font-style:normal;background:var(--accent);color:#fff;border-radius:10px;padding:0 7px;font-size:12px;font-weight:700}
.chat-people{list-style:none;margin:8px 0;padding:0;max-height:50vh;overflow:auto}
.chat-people li a{display:block;padding:9px 4px;border-top:1px solid var(--line);color:var(--ink);text-decoration:none}
.chat-people small{color:var(--muted)}
.chat-room-view{display:flex;flex-direction:column;height:calc(100dvh - 64px);max-width:820px;margin:0 auto}
.chat-head{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.chat-head small{color:var(--muted)}
.chat-head .link{font-size:.85em}
.chat-members{padding:8px 12px;border-bottom:1px solid var(--line);background:var(--surface);font-size:.9em}
.chat-members p{margin:4px 0}
.chat-mem{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-msgs{flex:1;overflow-y:auto;padding:10px 12px;display:flex;flex-direction:column;gap:6px}
.chat-day{align-self:center;font-size:12px;color:var(--muted);background:var(--surface);border-radius:10px;padding:2px 10px;margin:6px 0}
.chat-m{align-self:flex-start;max-width:80%;background:var(--surface);border:1px solid var(--line);border-radius:14px 14px 14px 4px;padding:6px 10px}
.chat-m.mine{align-self:flex-end;background:#2a0b10;color:#fff;border-color:#4a1520;border-radius:14px 14px 4px 14px}
.chat-m.mine .chat-t,.chat-m.mine .chat-t .link{color:#e7b3bb}
.chat-m p{margin:2px 0;white-space:normal;overflow-wrap:anywhere}
.chat-m.gone{opacity:.6}
.chat-by{font-size:12px;color:var(--accent)}
.chat-t{display:block;font-size:11px;color:var(--muted);text-align:right}
.chat-t .link{font-size:11px;padding:0}
.chat-img{display:block;max-width:100%;max-height:260px;border-radius:10px;margin:4px 0}
.chat-send{display:flex;gap:8px;align-items:flex-end;padding:8px 12px;border-top:1px solid var(--line)}
.chat-send textarea{flex:1;resize:none;min-height:42px;max-height:140px;border-radius:20px;padding:10px 14px;margin:0}
.chat-send .primary{border-radius:50%;width:44px;height:44px;padding:0;flex:none}
.chat-cam{font-size:24px;cursor:pointer;padding:6px 2px;flex:none}
#chat-err{margin:0 12px}
/* Verkäufe (Lagermeister) */
.vk-head{justify-content:space-between;align-items:flex-end;flex-wrap:wrap}
.vk-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;margin:12px 0}
.vk-card,.vk-chart-box,.vk-list{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px;margin-bottom:12px}
.vk-card.vk-own{border-top:4px solid var(--accent)}.vk-card.vk-fba{border-top:4px solid var(--dark)}
.vk-title{font-weight:700;margin:0}.vk-sub{color:var(--muted);font-size:13px;margin:2px 0 8px}
.vk-big{font-size:30px;font-weight:800;margin:0}.vk-big small{font-size:14px;font-weight:600;color:var(--muted)}
.vk-cmp{font-size:13px;color:var(--muted);margin:6px 0}
.vk-up{color:var(--ok);font-weight:700}.vk-down{color:var(--crit);font-weight:700}
.vk-parts{list-style:none;margin:8px 0 0;padding:8px 0 0;border-top:1px solid var(--line);font-size:14px}
.vk-parts li{display:flex;justify-content:space-between;padding:2px 0}
.vk-legend{font-size:13px;color:var(--muted);margin:4px 0 8px;display:flex;align-items:center;gap:6px}
.vk-dot{display:inline-block;width:10px;height:10px;border-radius:2px}
.vk-dot.vk-own,.vk-bars .vk-own{background:var(--accent)}.vk-dot.vk-fba,.vk-bars .vk-fba{background:var(--dark)}
.vk-chart{display:flex;gap:4px;align-items:flex-end;height:170px;overflow-x:auto}
.vk-col{flex:1;min-width:30px;display:flex;flex-direction:column;align-items:center;height:100%;background:none;border:0;padding:2px;border-radius:6px;cursor:pointer;color:var(--ink)}
.vk-col.on{background:var(--surface-2)}
.vk-bars{flex:1;width:100%;display:flex;gap:2px;align-items:flex-end;justify-content:center}
.vk-bars i{display:block;width:42%;max-width:14px;border-radius:3px 3px 0 0;min-height:1px}
.vk-m{font-size:11px;color:var(--muted);margin-top:4px;white-space:nowrap}
.vk-sort{margin:10px 0;gap:6px;align-items:center;flex-wrap:wrap}
.vk-tr{display:grid;grid-template-columns:1fr 90px 70px;gap:8px;padding:8px 0;border-bottom:1px solid var(--line);align-items:start}
.vk-tr small{display:block;color:var(--muted)}
.vk-th{font-weight:700;color:var(--muted);font-size:13px}
.vk-th span:not(:first-child),.vk-n{text-align:right}
.vk-n{font-weight:700;font-variant-numeric:tabular-nums}.vk-own-t{color:var(--accent)}
/* Stempeln mit Minijob: zwei Kommen-Knöpfe */
.hc-jobs{display:flex;gap:8px;flex-wrap:wrap;flex:1 1 300px;justify-content:flex-end}
.hc-jobs .hc-btn{flex:1 1 140px;font-size:16px;padding:12px 14px}
.z-jobs{gap:6px;margin:4px 0 10px}

/* Wareneingang: mehrere Kommentare je Artikel mit eigenen Haken */
.we-cmts{display:flex;flex-direction:column;gap:6px;margin-left:36px}
.we-cmts .we-note{margin-left:0;width:100%;box-sizing:border-box}
.we-cmt{border-left:3px solid var(--accent);padding-left:8px;display:flex;flex-direction:column;gap:4px}
.we-cmt-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.we-cmt-by{color:var(--muted);font-size:12px;margin-left:auto}
.we-cmt-del{background:none;border:0;color:var(--muted);font-size:20px;line-height:1;padding:2px 6px;cursor:pointer}
.we-cmt-new{display:flex;gap:6px;flex-wrap:wrap}
.we-cmt-new .we-note{flex:1 1 200px;width:auto}
.we-bem{margin:0 0 0 36px;font-size:13px;color:var(--muted)}
/* Kartons planen */
.kt-actions{margin-bottom:8px}
.kt-dims{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.kt-order{display:flex;flex-direction:column;gap:8px;margin-top:8px}
.kt-set{white-space:pre-line}
.sch-st.kt-bestellt{background:var(--accent-soft);color:var(--accent)}
.sch-st.kt-erledigt{background:var(--ok-soft);color:var(--ok)}
.sch-st.kt-abgelehnt{background:var(--line);color:var(--muted)}
/* Chat: Suchfeld „Neue Nachricht an …“ immer gut lesbar (Browser färben es teils hellgelb) */
#chat-q{background:#fff;color:#000;-webkit-text-fill-color:#000;font-weight:700;caret-color:#000}
#chat-q::placeholder{color:#555;-webkit-text-fill-color:#555;font-weight:400}
#chat-q:-webkit-autofill{-webkit-box-shadow:0 0 0 40px #fff inset}

/* DHL: großer grüner Knopf „Alles OK“ und Jahresauswertung */
.dhl-allok{display:block;width:100%;padding:18px;font-size:22px;font-weight:800;border:0;border-radius:12px;background:#15803d;color:#fff;cursor:pointer;box-shadow:0 2px 0 #0f5f2d}
.dhl-allok:hover{background:#16a34a}
.dhl-allok:active{transform:translateY(1px)}
.dhl-or{margin:6px 0 4px}
.dhl-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0}
.dhl-kpi{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:2px}
.dhl-kpi b{font-size:26px}
.dhl-kpi span{color:var(--muted);font-size:13px}
.dhl-kpi.ok b{color:#16a34a}
.dhl-kpi.bad b{color:var(--crit)}
.dhl-tbl-wrap{overflow-x:auto;margin:8px 0}
.dhl-tbl{border-collapse:collapse;font-size:13px;min-width:100%}
.dhl-tbl th,.dhl-tbl td{padding:6px 8px;border-bottom:1px solid var(--line);text-align:right;white-space:nowrap}
.dhl-tbl thead th{font-size:11px;color:var(--muted);white-space:normal;vertical-align:bottom;min-width:64px}
.dhl-tbl tbody th{text-align:left}
.dhl-tbl tr[data-month]{cursor:pointer}
.dhl-tbl tr[data-month]:hover{background:var(--surface-2)}
.dhl-tbl .dhl-good{color:#16a34a;font-weight:700}
.dhl-tbl .dhl-bad{color:var(--crit);font-weight:700}
.dhl-tbl .dhl-zero{color:var(--muted)}
.dhl-tbl .dhl-total th,.dhl-tbl .dhl-total td{font-weight:800;border-top:2px solid var(--ink)}
.dhl-days td,.dhl-days th{vertical-align:top}
.dhl-days .dhl-st{text-align:left;white-space:normal;min-width:180px}
.dhl-days .dhl-n{color:var(--muted);font-size:12px}
.dhl-days .dhl-missing th,.dhl-days .dhl-missing .dhl-st{color:var(--crit);font-style:italic}
.dhl-days thead th:last-child{text-align:left}
/* Deutlichere Trennung (Gera 10.10.): Kacheln, Reiter, Aufgaben und Karten heben sich klarer ab */
:root{--line-strong:#c9c9d0}
@media (prefers-color-scheme:dark){:root{--line-strong:#3f3f46;--surface:#1c1c20;--surface-2:#26262b}}
.tile{border:1px solid var(--line-strong);box-shadow:0 2px 6px rgba(0,0,0,.18)}
.tile:hover{box-shadow:0 8px 22px rgba(0,0,0,.25)}
.seg{border:1px solid var(--line-strong)}
.seg button{font-weight:600}
.seg button.on{background:var(--brand);color:#fff;box-shadow:0 2px 6px rgba(227,17,47,.35)}
.tk-list{gap:14px}
.tk{border:1px solid var(--line-strong);border-left:6px solid var(--accent);box-shadow:0 2px 8px rgba(0,0,0,.18)}
.tk.done{border-left-color:var(--line-strong)}
.tk-open{border:2px solid var(--brand);border-left-width:6px;box-shadow:0 6px 24px rgba(0,0,0,.35);margin:6px 0}
.tk-open > .tk-row{background:var(--brand-soft);border-radius:8px 8px 0 0;border-bottom:2px solid var(--brand)}
.tk-open .tk-title{font-size:17px}
.tk-detail{background:var(--surface)}
.tk-open .tk-detail{background:var(--bg);border-radius:0 0 8px 8px}
.card,.we-card,.um-item{border-color:var(--line-strong);box-shadow:0 2px 6px rgba(0,0,0,.14)}

/* Kacheln sortieren */
.tile-sort{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 12px;font-weight:600}
.tile-sort select{width:auto;min-width:180px;font-weight:600}
.tile-sort button{width:auto;padding:8px 14px}
.tile-sort .tile-hint{color:var(--muted);font-weight:500}
.tile.tile-editing{cursor:default;border:2px dashed var(--brand)}
.tile.tile-editing:hover{transform:none}
.tile-mv{position:absolute;right:10px;top:10px;display:flex;gap:6px;z-index:2}
.tile-mv-b{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--brand);color:#fff;font-size:18px;cursor:pointer;user-select:none}
.tile-mv-b.off{opacity:.3;cursor:default}
/* Verkäufe: letzte X Tage */
.vk-days-head{justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.vk-days-head small{font-weight:400;color:var(--muted)}
.vk-chips{gap:6px;flex-wrap:wrap}.vk-chips button{padding:6px 10px;font-size:14px}
.vk-dcards{margin:10px 0}.vk-dcards>div{border-left:3px solid var(--line);padding-left:10px}
.vk-dchart{display:flex;gap:2px;align-items:flex-end;height:130px;margin-top:6px}
.vk-dcol{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;padding-bottom:16px}
.vk-dcol i{display:block;width:100%;max-width:18px;background:var(--accent);border-radius:2px 2px 0 0;min-height:1px}
.vk-dcol em{position:absolute;bottom:0;font-size:10px;font-style:normal;color:var(--muted);white-space:nowrap}
.vk-search{margin-bottom:8px}.vk-search button{padding:4px 10px;flex:none}
.vk-focus{margin:0 0 10px}.vk-focus-on{background:var(--surface);border-left:4px solid var(--accent);border-radius:8px;padding:8px 12px}
.vk-pick{cursor:pointer}.vk-pick:hover{background:var(--surface-2)}
.vk-stock{margin:8px 0 0;padding-top:6px;border-top:1px dashed var(--line);font-size:14px}
.vk-reach{font-size:13px;font-weight:600}.vk-reach.crit{color:var(--crit)}.vk-reach.warn{color:#d98a00}.vk-reach.ok{color:var(--ok)}
/* Freigabe-Schritt (z. B. Freigabe von Viktor) */
.tk-apb{display:block;margin-top:2px;font-size:.8rem;color:#8a1020}
.tk-badge.tk-apb{display:inline-block;background:#fde7ea;color:#8a1020}
.tk-apb.wait{color:#7a5200}
.tk-apb.ok,.tk-okb{color:#1f7a3a}
.tk-badge.tk-okb{background:#e3f5e8}
.tk-approve{border:2px solid #c8102e;border-radius:10px;padding:10px 12px;margin:8px 0;display:grid;gap:6px}
.tk-ap-btns .tk-ok{background:#1f7a3a;border-color:#1f7a3a;font-size:1.05rem;width:100%}
.tk-ap-back textarea{width:100%;margin:6px 0}
.tk-ap-done{margin:0;color:#1f7a3a;font-weight:600}
.tpl-ap{border:1px solid #ddd;border-radius:10px;padding:8px 12px;display:grid;gap:8px}
.tpl-ap legend{font-weight:600;padding:0 4px}
@media (prefers-color-scheme: dark){ .tk-badge.tk-apb{background:#3a1218;color:#ff9aa8} .tk-apb{color:#ff9aa8} .tk-badge.tk-okb{background:#123a1e;color:#8fe0a5} .tpl-ap{border-color:#444} }
.tk,.tk-detail,.tk-detail > *,.tk-main{min-width:0}.tk-steps span,.tk-last,.tk-approve{overflow-wrap:anywhere}
/* Freigegeben: grüner Rahmen */
.tk.tk-approved{border-color:#1f9d4a;border-left-color:#1f9d4a;box-shadow:0 0 0 1px #1f9d4a}
.tk.tk-approved .tk-okb{font-weight:700}
/* Masterboard: Personal je Abteilung */
.mb-wide{grid-column:1/-1}
.mb-depts{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:10px;margin:6px 0 10px}
.mb-dept{border:1px solid var(--line);border-left:5px solid #888;border-radius:10px;padding:8px 10px;display:grid;gap:4px;align-content:start}
.mb-dept.ok{border-left-color:#1f9d4a}.mb-dept.warn{border-left-color:#e0a000}.mb-dept.low{border-left-color:#c8102e}
.mb-dept-h{display:flex;justify-content:space-between;align-items:baseline;gap:6px}
.mb-dept-h b{font-size:16px}
.mb-dept-pct{font-size:22px;font-weight:800}
.mb-dept.ok .mb-dept-pct{color:#1f9d4a}.mb-dept.warn .mb-dept-pct{color:#c98a00}.mb-dept.low .mb-dept-pct{color:#e3112f}
.mb-dept-bar{height:6px;background:var(--line);border-radius:3px;overflow:hidden}
.mb-dept-bar span{display:block;height:100%;background:currentColor}
.mb-dept.ok .mb-dept-bar span{background:#1f9d4a}.mb-dept.warn .mb-dept-bar span{background:#e0a000}.mb-dept.low .mb-dept-bar span{background:#e3112f}
.mb-dept ul{list-style:none;margin:2px 0 0;padding:0;font-size:14px;display:grid;gap:2px}
.mb-dept li{overflow-wrap:anywhere}
.mb-dept li.mb-offen,.mb-dept li.mb-gegangen{opacity:.6}
.mb-bystatus summary{cursor:pointer;font-weight:600;padding:4px 0}
/* Verkäufe: Kacheln klar getrennt, Reichweite groß */
.vk-dcards>div.vk-dc{border:2px solid var(--line);border-radius:12px;padding:0 12px 12px;overflow:hidden;background:var(--surface)}
.vk-dc-h{margin:0 -12px 8px;padding:8px 12px;font-weight:800;font-size:16px;letter-spacing:.3px;color:#fff}
.vk-dc-h small{font-weight:400;opacity:.85}
.vk-dc-all{border-color:#6b6b6b!important}.vk-dc-all .vk-dc-h{background:#6b6b6b}
.vk-dc-own{border-color:#c8102e!important}.vk-dc-own .vk-dc-h{background:#c8102e}.vk-dc-own .vk-big{color:#c8102e}
.vk-dc-fba{border-color:#111!important}.vk-dc-fba .vk-dc-h{background:#111}
@media (prefers-color-scheme: dark){ .vk-dc-fba{border-color:#e8e8e8!important}.vk-dc-fba .vk-dc-h{background:#e8e8e8;color:#111} .vk-dc-own .vk-big{color:#ff4d5e} }
.vk-stockbox{display:flex;gap:10px;margin-top:10px;border-radius:10px;padding:10px 12px;background:var(--surface-2,rgba(127,127,127,.1));align-items:stretch}
.vk-stockbox small{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.vk-sb-l{flex:0 0 auto;padding-right:10px;border-right:1px solid var(--line)}
.vk-sb-l b{font-size:20px}
.vk-sb-r{flex:1}
.vk-sb-r b{display:block;font-size:28px;line-height:1.1;font-weight:800}
.vk-sb-r b.vk-sb-na{font-size:18px;color:var(--muted)}
.vk-stockbox.r-ok{background:rgba(31,157,74,.12)}.vk-stockbox.r-ok .vk-sb-r b{color:#1f9d4a}
.vk-stockbox.r-warn{background:rgba(224,160,0,.15)}.vk-stockbox.r-warn .vk-sb-r b{color:#c98a00}
.vk-stockbox.r-crit{background:rgba(227,17,47,.13)}.vk-stockbox.r-crit .vk-sb-r b{color:#e3112f}
/* Trinkwasser: Kästen je Sorte */
.ek-wqty{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden;flex:0 0 auto}
.ek-wqty button{border:0;background:none;width:42px;height:40px;font:inherit;font-size:20px;cursor:pointer;color:var(--ink)}
.ek-wqty button:disabled{opacity:.3;cursor:default}
.ek-wqty b{min-width:34px;text-align:center;font-size:18px}
.ek-water small{display:inline-block;margin-top:4px}
/* Speditionsaufträge */
.sch-st.sp-dran{background:var(--line);color:var(--ink)}
.sch-st.sp-gebucht{background:var(--ok-soft);color:var(--ok)}
.sch-st.sp-abgeholt{background:var(--ok-soft);color:var(--ok)}
.sp-no{font-size:18px;letter-spacing:.3px}
.sp-pick{margin:6px 0;font-size:16px;padding:8px 10px;border-radius:8px;background:var(--ok-soft)}
.sp-pick.today{background:var(--brand-soft);color:var(--brand)}
.sp-pick.late{background:var(--crit-soft);color:var(--crit)}
.sp-book{display:grid;gap:8px;margin-top:8px}
.sp-book label{display:grid;gap:4px;font-size:14px}

/* Fahrzeugschein */
.an-zb { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 10px; margin-bottom: 10px; }
.an-zb-side img { width: 100%; max-height: 220px; object-fit: contain; background: var(--surface); border: 1px solid var(--line); border-radius: 10px; display: block; }
.an-zb-empty { height: 110px; display: flex; align-items: center; justify-content: center; border: 2px dashed var(--line); border-radius: 10px; color: var(--muted); }
.an-zb-side .row { margin-top: 6px; flex-wrap: wrap; gap: 6px; }
.ek-saved{color:var(--ok);font-size:13px;margin:8px 0 0}
/* Verkäufe: Unser Lager mit Bestand groß, Verkäufe und Reichweite darunter */
.vk-stock-big{margin:4px 0 8px;font-size:40px;line-height:1.05;font-weight:800;color:#c8102e}
.vk-stock-big small{display:block;font-size:13px;font-weight:400;color:var(--muted)}
@media (prefers-color-scheme: dark){ .vk-stock-big{color:#ff4d5e} }
.vk-stock-foot{display:flex;gap:10px;border-radius:10px;padding:10px 12px;background:var(--surface-2,rgba(127,127,127,.1))}
.vk-stock-foot small{display:block;font-size:12px;color:var(--muted)}
.vk-stock-foot>div{flex:1;min-width:0}
.vk-sf-l{padding-right:10px;border-right:1px solid var(--line)}
.vk-sf-l b,.vk-sf-r b{display:block;font-size:24px;line-height:1.15;font-weight:800}
.vk-sf-r{text-align:right}
.vk-sf-r b.vk-sb-na{font-size:16px;color:var(--muted)}
.vk-stock-foot.r-ok{background:rgba(31,157,74,.12)}.vk-stock-foot.r-ok .vk-sf-r b{color:#1f9d4a}
.vk-stock-foot.r-warn{background:rgba(224,160,0,.15)}.vk-stock-foot.r-warn .vk-sf-r b{color:#c98a00}
.vk-stock-foot.r-crit{background:rgba(227,17,47,.13)}.vk-stock-foot.r-crit .vk-sf-r b{color:#e3112f}
.vk-kz{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;background:var(--surface-2);border-radius:4px;padding:1px 5px}

/* Lager 2 (Retourenlager) */
.ab-l2{display:flex;align-items:center;gap:10px;flex-wrap:wrap;text-decoration:none;color:inherit;margin:10px 0;border-left:4px solid var(--ok)}
.ab-l2.warn{border-left-color:var(--crit)}
.ab-l2 span{color:var(--muted);font-size:14px}
.ab-l2.warn span{color:var(--crit);font-weight:700}
.l2-list{list-style:none;padding:0;margin:12px 0;display:grid;gap:10px}
.l2-item{border-left:4px solid #e0a000}
.l2-item.late{border-left-color:var(--crit)}
.l2-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.l2-top b{font-size:17px}
.l2-bez{margin:4px 0;color:var(--muted)}
.l2-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:14px;margin:6px 0}
.l2-user{font-size:14px}
.l2-kz{margin-top:16px}
.l2-kz-row{display:flex;align-items:center;gap:10px;margin:6px 0}
.l2-kz-row b{min-width:60px}
.rt-pf{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 10px}
.rt-pf label{cursor:pointer;position:relative;display:inline-block;margin:0}
.rt-pf input{position:absolute;left:0;top:0;width:1px!important;height:1px;opacity:0;pointer-events:none;margin:0}
.rt-pf span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line, #ccc);font-weight:700}
.rt-pf input:checked + span{background:#111;color:#fff;border-color:#111}
.rt-k{background:#fdecec;color:var(--crit)}
.z-stand summary{cursor:pointer;font-weight:700}
.z-stand .form-grid{margin-top:8px;align-items:end}
.ek-imp h3{margin:0 0 4px}
.ek-imp .form-grid{margin:8px 0}
.ek-imp-to{align-items:center;margin:8px 0}
.upd-bar{position:fixed;left:50%;bottom:16px;transform:translateX(-50%);z-index:60;max-width:calc(100% - 32px);border:0;border-radius:12px;
  background:var(--accent);color:var(--accent-ink);font:inherit;font-weight:700;font-size:15px;padding:12px 16px;box-shadow:0 6px 24px rgba(0,0,0,.4);cursor:pointer}
header.bar .bell-btn{position:relative;font-size:18px;background:var(--brand);border-color:var(--brand);animation:bell-pulse 1.6s ease-in-out infinite}
header.bar .bell-btn[hidden]{display:none}
#bell-n{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:#fff;color:var(--brand);font-size:12px;font-weight:800;line-height:20px;text-align:center;box-sizing:border-box}
@keyframes bell-pulse{0%,100%{box-shadow:0 0 0 0 rgba(200,16,46,.7)}50%{box-shadow:0 0 0 6px rgba(200,16,46,0)}}
@media (prefers-reduced-motion:reduce){header.bar .bell-btn{animation:none}}
.ek-imp-wrap{overflow-x:auto;margin:8px 0;border:1px solid var(--line);border-radius:10px}
.ek-imp-tab{width:100%;border-collapse:collapse;font-size:15px}
.ek-imp-tab th,.ek-imp-tab td{padding:7px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.ek-imp-tab th{font-size:13px;color:var(--muted);white-space:nowrap;position:sticky;top:0;background:var(--surface)}
.ek-imp-tab th.on{color:var(--accent)}
.ek-imp-tab th small{display:block;font-weight:800;text-transform:uppercase;font-size:11px}
.ek-imp-tab td.nm{font-weight:600}
.ek-imp-tab td.qt{color:var(--accent);white-space:nowrap}
.ek-imp-tab td small{display:block;color:var(--muted);font-weight:400;font-size:12px}
.ek-imp-tab input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}
.ek-imp-tab tr.off td:not(:first-child){opacity:.5}
.ek-imp-tab tr.ek-imp-sec td{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding-top:12px;border-top:none}
.ek-note{display:block;color:var(--muted);font-size:13px}
/* Kassenbon und Ausgaben */
.ek-bon h3{margin:0 0 6px}
.ek-bon .form-grid{margin:8px 0}
.ek-bon-img{max-width:160px;max-height:200px;border-radius:8px;border:1px solid var(--line);display:block;margin:6px 0}
.sp-tot{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.sp-tot div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px}
.sp-tot b{display:block;font-size:20px}
.sp-tot span{color:var(--muted);font-size:13px}
.sp-tot small{display:block;color:var(--muted);font-size:12px}
.sp-legend{display:flex;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--ink);margin:4px 0 8px}
.sp-legend i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.sp-chart svg{width:100%;height:auto;display:block;overflow:visible}
.sp-chart .grid{stroke:var(--line);stroke-width:1}
.sp-chart text{fill:var(--muted);font-size:11px;font-family:var(--font)}
.sp-chart .buy{fill:var(--c-buy)} .sp-chart .water{fill:var(--c-water)}
.sp-chart .hit{fill:transparent;cursor:pointer}
.sp-chart g.on .hit{fill:var(--line);opacity:.35}
.sp-tip{min-height:1.4em;font-size:14px;color:var(--ink);margin:6px 0}
.sp-list{list-style:none;margin:0;padding:0}
.sp-list li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}
.sp-list li:first-child{border-top:0}
.sp-list img{width:48px;height:64px;object-fit:cover;border-radius:6px;border:1px solid var(--line);flex:none}
.sp-list .sp-amt{margin-left:auto;text-align:right;white-space:nowrap}
.sp-list small{display:block;color:var(--muted);font-size:12px}
.sp-tab{width:100%;border-collapse:collapse;font-size:14px}
.sp-tab th,.sp-tab td{padding:6px;border-bottom:1px solid var(--line);text-align:right}
.sp-tab th:first-child,.sp-tab td:first-child{text-align:left}
/* Einkauf: vier Reiter passen aufs Handy, notfalls zwei Reihen */
.seg.ek-tabs{flex-wrap:wrap}
.seg.ek-tabs button{flex:1 1 40%;white-space:nowrap}
@media (min-width:600px){.seg.ek-tabs button{flex:1 1 0}}
/* Freigabe-Schritt: schon im Vorfeld bestätigt */
.tk-steps li{flex-wrap:wrap}
.tk-steps label.tk-pre{flex:1 0 100%;font-size:.85rem;color:var(--muted);display:flex;align-items:center;gap:6px;margin:2px 0 4px;padding-left:30px;box-sizing:border-box;cursor:pointer}
.tk-pre input{width:18px;height:18px;accent-color:var(--accent)}
/* Lieferanten-Kacheln (PSS) */
.seg.tk-seg{flex-wrap:wrap}
.seg.tk-seg button{flex:1 1 40%;white-space:nowrap}
@media (min-width:600px){.seg.tk-seg button{flex:1 1 0}}
.tk-cnt{display:inline-block;min-width:20px;padding:0 6px;border-radius:10px;background:var(--brand);color:#fff;font-size:.8rem;line-height:20px;margin-left:4px}
.seg button.on .tk-cnt{background:#fff;color:var(--brand)}
.lf-h{font-size:1.05rem;margin:18px 0 8px;display:flex;align-items:baseline;gap:8px}
.lf-h small{color:var(--muted);font-weight:500}
.lf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.lf-tile{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;padding:12px;border-radius:12px;border:1px solid var(--line);border-left:5px solid var(--brand);background:var(--surface);color:var(--ink);font:inherit;cursor:pointer;min-height:92px}
.lf-tile.idle{border-left-color:var(--line)}
.lf-tile.late{border-color:var(--brand);box-shadow:0 0 0 2px rgba(227,17,47,.25)}
.lf-nr{font-size:.8rem;color:var(--muted);font-weight:700;letter-spacing:.04em}
.lf-name{font-weight:700;line-height:1.2}
.lf-open{font-size:.85rem;color:var(--muted)}
.lf-open b{color:var(--ink);font-size:1.05rem}
.lf-next{font-size:.8rem;color:var(--muted)}
.lf-back{display:inline-block;margin:10px 0 0}
.tk-steps li.tk-order{flex-wrap:wrap;padding:8px;border:1px dashed var(--brand);border-radius:10px}
.tk-order-t{flex:1 0 calc(100% - 40px);font-weight:600}
.tk-orderf{flex:1 0 100%;display:grid;grid-template-columns:1fr;gap:6px;margin:0}
@media (min-width:600px){.tk-orderf{grid-template-columns:1fr 1fr}}
.tk-orderf input,.tk-orderf select{width:100%;box-sizing:border-box;margin:0}
.tk-orderf .tk-etd{display:flex;align-items:center;gap:6px;margin:0;font-size:.9rem;color:var(--muted)}
.tk-orderf select{grid-column:1/-1}
.tk-orderf button{grid-column:1/-1}
.tk-steps li.tk-more{padding-left:26px}
.tk-ordinfo{display:block;color:var(--ink);font-weight:600;font-size:.85rem}
.tk-from{font-size:.85rem;color:var(--muted);margin:0 0 6px}
.tk-finish{width:100%;margin:8px 0}
/* Suchfeld in den Aufgaben-Reitern */
.tk-search{margin:10px 0}
.tk-search input{width:100%;box-sizing:border-box;font-size:1.05rem;padding:10px 12px;border-radius:10px;background:#fff;color:#000;font-weight:700;-webkit-text-fill-color:#000}
.tk-search input::placeholder{color:#555;font-weight:600;-webkit-text-fill-color:#555}
/* Teillieferungen mit gleicher Batch-Nr. */
.tk-batch{border:2px solid var(--brand);border-radius:14px;padding:6px 8px 2px;margin:10px 0;background:rgba(227,17,47,.06)}
.tk-batch-h{font-weight:700;color:var(--brand);margin:2px 4px 6px}
.tk-batch .tk-list{margin:0}

/* Urlaubsantrag */
.ua-upload{display:inline-flex;align-items:center;gap:6px;cursor:pointer;margin:8px 0 2px;padding:10px 14px;border-radius:10px}
.ua-days{font-weight:700;margin:8px 0}
.az-firmen form{border-top:1px solid var(--line);padding-top:10px;margin-top:10px}
.az-filter .seg+.seg{margin-top:8px}
#ua-form textarea,.az-firmen textarea{width:100%;box-sizing:border-box;padding:10px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font:inherit;font-size:16px;resize:vertical}
.cc-art-edit{align-self:flex-start;margin-left:30px;font-size:13px;color:var(--muted)}
/* Meine Zeiten: Übersicht wie ein Stundenzettel */
.zt .card{margin-bottom:14px}
.zt-head{align-items:flex-start}
.zt-title{font-size:28px;margin:0;line-height:1.15}
.zt-sub{margin:2px 0 6px;color:var(--muted);font-size:15px}
.zt-info{margin:0;color:var(--muted);font-size:12.5px}
.zt-head-r{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.zt h2{margin:0}
.zt h2 small{font-weight:500;color:var(--muted);font-size:14px}
.zk-l{display:block;font-size:12.5px;color:var(--muted);font-weight:600}
.zt-today{background:var(--surface-2);border-left:4px solid var(--accent)}
.zt-today-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.zt-add{margin-left:auto}
.zt-today-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}
.zt-today-cols b{font-size:18px}
.zt-clock{margin-top:10px}
.zt-today .home-clock{margin:10px 0 0;border-left:0;padding:0}
.zk-cols{display:grid;grid-template-columns:repeat(3,1fr);margin-top:12px}
.zk-cols>div{padding:0 16px;border-left:1px solid var(--line);display:flex;flex-direction:column;gap:2px}
.zk-cols>div:first-child{padding-left:0;border-left:0}
.zk-cols b{font-size:24px;line-height:1.25;font-variant-numeric:tabular-nums}
.zk-cols small{color:var(--muted);font-size:12.5px}
.zk .neg{color:var(--crit)}
.zk .pos{color:var(--ok)}
.zk-facts{margin:10px 0 0;font-size:13px;color:var(--muted)}
.zk-warn{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-top:12px;padding:8px 12px;border-radius:8px;background:#fdf0d5;color:#8a5a00;font-weight:600;font-size:14px}
.zk-warn .link{color:inherit;text-decoration:underline}
@media (prefers-color-scheme:dark){.zk-warn{background:#3b2d10;color:#f2c46b}}
.zk-hours{margin-top:10px}
.zk-hours summary{cursor:pointer;color:var(--muted);font-size:13px}
.zt-work-top{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:12px}
.zt-work-act{gap:8px}
.zt-pdf{text-decoration:none;color:var(--ink)}
.zt-days .day-row{grid-template-columns:96px minmax(84px,1fr) minmax(84px,1fr) 74px 54px 54px 68px minmax(112px,1.1fr) 36px;gap:8px;padding:4px 10px;font-variant-numeric:tabular-nums}
.zt-days .r{text-align:right}
.zt-days .d{white-space:nowrap}
.zt-days .d b{display:inline-block;width:24px}
.zt-days input{padding:5px 6px;min-width:0}
.zt-days input[data-f=pause]{text-align:right}
.zt-days .soll{color:var(--muted)}
.zt-days .diff.neg{color:var(--crit);font-weight:600}
.zt-days .diff.pos{color:var(--ok);font-weight:600}
.zt-days .diff.zero{color:var(--c-water)}
.zt-days .net{font-weight:600}
.zt-days .day-row.today{background:var(--accent-soft)}
.zt-days .day-row.hl{outline:2px solid var(--accent);outline-offset:-2px}
.zt-edit{width:30px;height:30px;font-size:14px}
.pill.zt-st{display:inline-flex;align-items:center;gap:5px;text-transform:none;letter-spacing:0;font-size:12px;font-weight:600;padding:2px 9px}
.pill.zt-st::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.zt-at{border:1px solid var(--line);border-radius:10px;overflow:hidden}
.zt-at-row{display:grid;grid-template-columns:110px 1.4fr 80px 120px 90px;gap:8px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line);font-size:14px}
.zt-at-row:last-child{border-bottom:0}
.zt-at-row.head{background:var(--surface-2);font-size:12px;color:var(--muted);font-weight:600}
.zt-at-more{grid-column:1/-1}
.zt-antraege .row{gap:8px}
.zt-antraege a.secondary{text-decoration:none;color:var(--ink)}
@media (max-width:760px){
  .zk-cols{grid-template-columns:1fr;gap:12px}
  .zk-cols>div{padding:0;border-left:0}
  .zt-work{padding:12px 8px}
  .zt-days .day-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 48px 42px;grid-template-areas:"d d st st" "s e p n" "so so df df";gap:4px 6px;padding:8px 10px}
  .zt-days .day-row.head{display:none}
  .zt-days .d{grid-area:d;align-self:center}
  .zt-days .st{grid-area:st;justify-self:end}
  .zt-days [data-f=start]{grid-area:s}
  .zt-days [data-f=end]{grid-area:e}
  .zt-days [data-f=pause]{grid-area:p}
  .zt-days .net{grid-area:n;align-self:center}
  .zt-days .soll{grid-area:so;text-align:left;font-size:12.5px}
  .zt-days .soll::before{content:"Soll "}
  .zt-days .diff{grid-area:df;font-size:12.5px}
  .zt-days .zt-edit{display:none}
  .zt-days input{padding:8px 4px;font-size:16px;width:100%}
  .zt-days .weekend .soll,.zt-days .weekend .diff{display:none}
  .zt-at-row{grid-template-columns:1fr auto;gap:2px 8px}
  .zt-at-row.head{display:none}
  .zt-title{font-size:23px}
}
/* Meine Zeiten: Menü links und Farben wie Geras Vorlage (Navy, weiße Karten, Rot) */
.zt-shell{
  --zt-page:#2a3240; --zt-side:#1f2631; --zt-side-ink:#dfe3ea; --zt-side-on:#2f3746;
  --zt-today:#e2edfb; --zt-row-today:#dbe8fb; --zt-ant:#f4efe6; --zt-blue:#1d5fd1; --zt-head:#eef2f7;
  --surface:#fff; --surface-2:#f3f5f8; --ink:#1b1f27; --muted:#5d6675; --line:#e1e5eb; --bg:#f6f7f9;
  --accent:#e2192c; --accent-ink:#fff; --accent-soft:#fde6e8; --crit:#d3172a; --crit-soft:#fde6e8; --ok:#1f8a4c; --ok-soft:#dff3e6;
  display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100%;background:var(--zt-page);color:var(--ink)
}
@media (prefers-color-scheme:dark){.zt-shell{
  --zt-page:#161b24; --zt-side:#11151c; --zt-side-on:#232a36;
  --zt-today:#1c2b42; --zt-row-today:#1c2b42; --zt-ant:#2a261f; --zt-blue:#6fa3f7; --zt-head:#222a37;
  --surface:#1d2430; --surface-2:#232b38; --ink:#e8ebf0; --muted:#9aa4b2; --line:#2e3746; --bg:#151a22;
  --accent:#ff4d5e; --accent-ink:#fff; --accent-soft:#3a1a20; --crit:#ff6070; --crit-soft:#3a1a20; --ok:#5cc58a; --ok-soft:#173023
}}
.zt-nav{background:var(--zt-side);color:var(--zt-side-ink);padding:18px 10px;display:flex;flex-direction:column;gap:4px;position:sticky;top:0;align-self:start;height:calc(100vh - 64px)}
.zt-nav-h{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b2;padding:4px 12px 10px}
.zt-nav-a{display:flex;align-items:center;gap:12px;background:none;border:0;color:inherit;font-size:15px;padding:10px 12px;border-radius:8px;cursor:pointer;text-align:left;border-left:3px solid transparent}
.zt-nav-a:hover{background:var(--zt-side-on)}
.zt-nav-a.on{background:var(--zt-side-on);border-left-color:var(--accent);font-weight:700;color:#fff}
.zt-nav-set{margin-top:auto}
.zt-shell .wrap.zt{max-width:1060px;width:100%;padding-top:20px}
.zt-shell .zt-title,.zt-shell .zt-sub,.zt-shell .zt-info{color:#f1f3f6}
.zt-shell .zt-sub,.zt-shell .zt-info{opacity:.8}
.zt-shell .zt-head .month-nav b,.zt-shell .zt-head label{color:#f1f3f6}
.zt-shell .zt-today{background:var(--zt-today);border-left:0}
.zt-shell .zt-antraege{background:var(--zt-ant)}
.zt-shell .zt-days .day-row.head,.zt-shell .zt-at-row.head{background:var(--zt-head)}
.zt-shell .zt-days .day-row.today{background:var(--zt-row-today);box-shadow:none}
.zt-shell .zt-days .day-row.today .d{font-weight:700}
.zt-shell .zt-days .diff.zero{color:var(--zt-blue)}
.zt-shell .zt-pdf,.zt-shell .zt-antraege a.secondary{background:#1f2631;color:#fff;border-color:#1f2631}
@media (prefers-color-scheme:dark){.zt-shell .zt-pdf,.zt-shell .zt-antraege a.secondary{background:#2f3746;border-color:#3a4354}}
.zt-shell .pill.zt-st.ok{background:#dff3e6;color:#1f7a45}
.zt-shell .pill.zt-st.info{background:#e1ebfb;color:#1d4f91}
.zt-shell .pill.zt-st.warn{background:#fdebd3;color:#a3540b}
.zt-shell .pill.zt-st.mute{background:#eceff3;color:#4b5563}
.zt-shell .pill.zt-st.crit{background:#fde6e8;color:#b4121f}
.zt-shell .pill.zt-st.ok::before{background:#22a356}
.zt-shell .pill.zt-st.info::before{background:#2f6fe0}
.zt-shell .pill.zt-st.warn::before{background:#f08a12}
.zt-shell .pill.zt-st.mute::before{background:#6b7280}
@media (prefers-color-scheme:dark){
  .zt-shell .pill.zt-st.ok{background:#173023;color:#7fdca3}
  .zt-shell .pill.zt-st.info{background:#1b2c44;color:#9cc1f5}
  .zt-shell .pill.zt-st.warn{background:#3b2d10;color:#f2c46b}
  .zt-shell .pill.zt-st.mute{background:#2a3140;color:#b3bbc8}
  .zt-shell .pill.zt-st.crit{background:#3a1a20;color:#ff8f9a}
}
@media (max-width:900px){
  .zt-shell{grid-template-columns:1fr}
  .zt-nav{flex-direction:row;height:auto;overflow-x:auto;padding:6px 8px;gap:4px;z-index:5;scrollbar-width:none}
  .zt-nav-h{display:none}
  .zt-nav-a{flex:none;font-size:13.5px;padding:7px 10px;gap:6px;border-left:0;border-bottom:3px solid transparent;border-radius:6px}
  .zt-nav-a.on{border-bottom-color:var(--accent)}
  .zt-nav-a svg{width:17px;height:17px}
  .zt-nav-set{margin-top:0}
}

/* Feiertage-Liste in Meine Zeiten */
.zt-ft-list{list-style:none;margin:8px 0;padding:0}
.zt-ft-list li{display:flex;align-items:center;gap:14px;padding:9px 6px;border-bottom:1px solid var(--line,#e3e5ea)}
.zt-ft-list li:last-child{border-bottom:0}
.zt-ft-wd{width:28px;font-weight:800}
.zt-ft-d{width:96px;font-variant-numeric:tabular-nums}
.zt-ft-n{flex:1}
.zt-ft-list li.past{opacity:.5}
.zt-ft-list li.next{background:var(--zt-today,#e2edfb);border-radius:8px}
.art-nums.art-qm{color:var(--ink);font-weight:600}

/* Mengen- und Preisrechner Fliesen (Artikelseite) */
.art-calc{margin:12px 0}
.art-calc-row{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;margin:6px 0}
.art-calc-row label{flex:1 1 120px;min-width:0;display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--muted)}
.art-calc-row input{font-size:20px;font-weight:700;padding:10px;width:100%;min-width:0;box-sizing:border-box}
.art-calc-eq{font-size:22px;padding-bottom:10px;color:var(--muted)}
.art-calc-out{font-size:16px;margin:6px 0 10px}
.art-calc-grid{display:grid;grid-template-columns:1fr auto;gap:6px 16px;align-items:baseline}
.art-calc-grid b{text-align:right;font-variant-numeric:tabular-nums}
.art-calc-big{font-size:22px;color:var(--accent,#e2192c)}
.art-calc-warn{color:#c2410c}

/* Fahrzeugkachel: Reserviert / nächstes Ereignis groß rechts */
.an-next{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;text-align:right;gap:2px;padding:8px 12px;border-radius:10px;background:var(--surface-2);min-width:150px;max-width:45%}
.an-next small{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}
.an-next b{font-size:20px;line-height:1.2}
.an-next span{font-size:14px;color:var(--muted)}
.an-next.now{background:var(--accent);color:var(--accent-ink)}
.an-next.now small,.an-next.now span{color:var(--accent-ink);opacity:.9}
.an-next.late b{color:var(--crit)}
.an-next.quiet b{font-size:16px;color:var(--muted)}
@media (max-width:560px){.an-head{flex-wrap:wrap}.an-next{margin-left:0;width:100%;max-width:none;align-items:flex-start;text-align:left}}

@media (prefers-color-scheme:dark){input[type=date],input[type=datetime-local],input[type=time],input[type=month]{color-scheme:dark}}
.cc-cal{padding:6px 8px;font-size:18px;line-height:1}
.cc-top{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:center;background:var(--surface);border:1px solid var(--line);
  border-left:4px solid var(--accent);border-radius:10px;padding:8px 12px;margin:0 0 10px;box-shadow:0 2px 8px rgba(0,0,0,.15)}
.cc-top b{font-size:22px;color:var(--accent)}
.cc-top .bar{grid-column:1 / 3;height:10px;border-radius:5px;background:var(--surface-2);overflow:hidden;order:3}
.cc-top .bar span{display:block;height:100%;background:var(--accent)}
.cc-top small{grid-column:1 / 3;color:var(--muted);font-size:12px;order:4}
.cc-top.full{border-left-color:var(--ok)}
.cc-top.full b{color:var(--ok)}
.cc-top.full .bar span{background:var(--ok)}

.cc-crew{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:8px 10px;margin-bottom:8px}
.cc-crew-list{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0}
.cc-chip{display:inline-flex;align-items:center;gap:4px;background:var(--accent-soft);color:var(--ink);border-radius:999px;padding:4px 4px 4px 12px;font-weight:600}
.cc-chip button{border:0;background:transparent;color:var(--accent);font-size:18px;line-height:1;cursor:pointer;padding:0 6px}
.cc-crew-add{display:flex;flex-wrap:wrap;gap:6px}
.cc-crew-add input{flex:1 1 160px;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:16px;min-width:0}
.mb-unl{display:block;width:100%;text-align:left;font:inherit;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;font-size:14px}
.mb-unl .mb-badge{background:var(--accent-soft);color:var(--accent)}
.mb-unl.fin{border-left-color:var(--ok)}
.mb-unl.fin .mb-badge{background:var(--ok-soft);color:var(--ok)}
.mb-unl-bar{display:flex;align-items:center;gap:8px;margin:6px 0 2px}
.mb-unl-bar .bar{flex:1;height:8px;border-radius:4px;background:var(--surface);overflow:hidden}
.mb-unl-bar .bar span{display:block;height:100%;background:var(--accent)}
.mb-unl.fin .mb-unl-bar .bar span{background:var(--ok)}
.mb-unl-bar b{color:var(--accent);min-width:42px;text-align:right}
.mb-unl.fin .mb-unl-bar b{color:var(--ok)}
.mb-unl-meta,.mb-unl-crew{font-size:13px;color:var(--muted)}
.mb-unl-crew{color:var(--ink);margin-top:2px}
.mb-unl-times{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--muted);margin-top:4px}
.mb-unl-times b{color:var(--ink)}
.mb-unl-more{font-size:13px;color:var(--accent);margin-top:6px;font-weight:600}
.mb-unl-list{list-style:none;margin:8px 0;padding:0;border-top:1px solid var(--line);cursor:default}
.mb-unl-list li{display:flex;gap:8px;align-items:baseline;padding:5px 0;border-bottom:1px solid var(--line);font-size:13px}
.mb-unl-list li.ok{color:var(--muted)}
.mb-unl-art{flex:1;min-width:0}
.mb-unl-q{white-space:nowrap;color:var(--muted)}

.art-tiles-btn{display:inline-block;margin:0 0 10px}
.tiles-filter{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;margin-bottom:6px}
.tiles-filter input[type=search],.tiles-filter select,.tf-min input{padding:9px 10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-size:16px;min-width:0}
.tf-min{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:14px;color:var(--muted);white-space:nowrap;margin:0}
.tf-min input{width:80px}
.tf-stock{display:flex;flex-direction:row;align-items:center;gap:6px;font-size:14px;color:var(--ink);white-space:nowrap;margin:0}
.tile-tags{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:4px}
.tile-tags small{color:var(--muted)}
.tile-nums{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:4px;font-size:13px;color:var(--muted)}
.tile-nums b{color:var(--ink)}
.tile-qm b{color:var(--accent)}
@media (max-width:760px){.tiles-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.tiles-filter #tf-q,.tf-stock{grid-column:1 / 3}.tf-min{flex-direction:column;align-items:flex-start;white-space:normal}.tf-min input{width:100%}.tiles-filter select{width:100%}}
.tile-tags .pill{background:var(--surface-2);color:var(--ink);text-transform:none}

/* Menü links auf jeder Seite (Gera 2026-10-19, wie bei Zeiten & Urlaub): Abschnitte der Seite + Kacheln des Bereichs */
.pn-row{flex:1;min-height:0;display:flex}
.pn-row>main{min-width:0;overflow-x:clip}
.pn{flex:none;width:228px;background:#1f2631;color:#dfe3ea;padding:16px 10px 28px;display:flex;flex-direction:column;gap:2px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#3a4354 transparent}
@media (prefers-color-scheme:dark){.pn{background:#11151c}}
.pn-h{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#9aa3b2;padding:4px 12px 8px}
.pn-sep{height:1px;background:rgba(255,255,255,.1);margin:12px 8px 10px;flex:none}
.pn-a{display:flex;align-items:center;gap:11px;background:none;border:0;border-left:3px solid transparent;color:inherit;font-size:14.5px;line-height:1.25;padding:9px 12px;border-radius:8px;cursor:pointer;text-align:left;text-decoration:none;flex:none}
.pn-a:hover{background:#2f3746}
.pn-a.on{background:#2f3746;border-left-color:var(--brand);font-weight:700;color:#fff}
@media (prefers-color-scheme:dark){.pn-a:hover,.pn-a.on{background:#232a36}}
.pn-i{flex:none;width:20px;display:flex;justify-content:center;font-size:16px;line-height:1}
.pn-t{min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pn-sub{padding:7px 12px 7px 30px;font-size:13.5px;color:#c3c9d3}
.pn-sub .pn-i{font-size:14px}
@media (max-width:900px){
  .pn-row{flex-direction:column}
  .pn{width:auto;flex-direction:row;align-items:center;overflow-x:auto;overflow-y:hidden;padding:6px 8px;gap:4px;scrollbar-width:none}
  .pn::-webkit-scrollbar{display:none}
  .pn-h{display:none}
  .pn-sep{width:1px;height:22px;margin:0 6px}
  .pn-a{font-size:13.5px;padding:7px 10px;gap:6px;border-left:0;border-bottom:3px solid transparent;border-radius:6px;white-space:nowrap}
  .pn-a.on{border-bottom-color:var(--brand)}
  .pn-t{display:block}
  .pn-sub{padding:7px 10px}
  .pn-i svg{width:16px;height:16px}
}
/* Aufgaben: Reiter Abteilung */
.aufgaben label.tk-abt-pick{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:10px;margin:12px 0 4px;font-weight:600;text-align:left}
.aufgaben label.tk-abt-pick select{flex:1;max-width:380px;margin:0}
.mb-go{color:var(--accent);font-weight:700;margin-left:4px}
.tk-abt-h{margin:14px 0 6px;font-size:19px}
.tk-abt-h small{font-size:13px;color:var(--muted);font-weight:500;margin-left:6px}
.tk-abt-sub{margin:18px 0 6px;font-size:13px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}
/* „Artikel bestellen“: Artikel-Nr. fehlt / nachtragen */
.tk-artmiss{background:#fde3e3;color:#a4161a;font-weight:600}
@media (prefers-color-scheme: dark){ .tk-artmiss{background:#3a1416;color:#ff9a9a} }
.aufgaben .tk-art{display:flex;gap:8px;align-items:flex-end;margin:6px 0 10px}
.aufgaben .tk-art label{flex:1;margin:0}
/* Chat: Bild aus der Zwischenablage / hineingezogen, Vorschau vor dem Senden */
.chat-paste{display:flex;align-items:center;gap:10px;padding:8px 12px;border-top:1px solid var(--line);background:var(--surface)}
.chat-paste img{max-height:90px;max-width:160px;border-radius:8px;border:1px solid var(--line);object-fit:contain}
.chat-paste span{flex:1;font-size:.9rem;color:var(--muted)}
.chat-paste .link{font-size:1.2rem}
.chat-drop{outline:3px dashed var(--accent,#c8102e);outline-offset:-6px}
/* Tageszeiten: noch nicht gespeichert (Entwurf im Gerät) / Fehler beim Speichern */
.zt-save{font-size:13px;font-weight:600}
.zt-save.ok{color:var(--ok)}
.zt-save.warn{color:var(--warn,#d98a00)}
.zt-save.bad{color:var(--crit)}
.zt-days .day-row.unsaved{box-shadow:inset 4px 0 0 var(--warn,#d98a00);background:color-mix(in srgb,var(--warn,#d98a00) 10%,transparent)}
.zt-days .day-row.failed{box-shadow:inset 4px 0 0 var(--crit);background:color-mix(in srgb,var(--crit) 12%,transparent)}
/* Personalplanung: Reiter, Bereich Lager/Büro/Alle; Urlaubsplanung Monat/Jahr */
.pl-tabs,.pl-ber{max-width:520px}
.pl-dsel{display:block;margin:0 0 10px}
.up .pz-top{flex-wrap:wrap;gap:10px}
.up-mode{margin:0;min-width:150px}
.up-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:12px;background:var(--surface)}
.up-table{border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums;width:100%}
.up-table th,.up-table td{border-bottom:1px solid var(--line);padding:4px 3px;text-align:center;white-space:nowrap}
.up-month th,.up-month td{min-width:24px}
.up-table th small{display:block;font-weight:400;color:var(--muted);font-size:10px}
.up-table .up-name{text-align:left;position:sticky;left:0;background:var(--surface);z-index:1;padding:4px 10px;min-width:130px;font-weight:600;border-right:1px solid var(--line)}
.up-table .off{background:color-mix(in srgb,var(--muted) 14%,transparent);color:var(--muted)}
.up-table th.today,.up-table td.today{outline:2px solid var(--brand);outline-offset:-2px}
.up-table .k-urlaub{background:#2e7dd7;color:#fff;font-weight:700}
.up-table .k-krank{background:var(--crit);color:#fff;font-weight:700}
.up-table .k-sonstiges,.up-table .k-abwesend{background:#e8b04a;color:#141416;font-weight:700}
.up-table .off.k-urlaub,.up-table .off.k-krank,.up-table .off.k-sonstiges,.up-table .off.k-abwesend{opacity:.35}
.up-year td{min-width:50px;font-size:12px}
.up-table .up-sum{font-weight:700;min-width:30px}
.up-table .up-dept td{text-align:left;background:#141416;color:#fff;border-left:4px solid var(--brand);font-weight:700;padding:5px 10px;position:static}
.up-table tfoot td{font-weight:700;border-bottom:0}
.up-table .up-many{color:var(--crit)}
.up-legend .lg.k-urlaub{background:#2e7dd7}.up-legend .lg.k-krank{background:var(--crit)}.up-legend .lg.k-sonstiges,.up-legend .lg.k-abwesend{background:#e8b04a}
.up-legend .lg.off{background:color-mix(in srgb,var(--muted) 30%,transparent)}
@media print{#bar,#pnav,.pl-tabs,.pl-ber,.up .pz-top,.lang-pick,.idea-btn{display:none!important}.up-scroll{overflow:visible;border:0}.up-table{font-size:9px}}
.az-zip{flex-wrap:wrap;gap:8px;margin-top:8px}
/* Lagerbedarf */
.bd .kt-actions{gap:8px;flex-wrap:wrap}
.bd-q{width:100%;margin:0 0 10px}
.seg.bd-cats{flex-wrap:wrap}
.seg.bd-cats button{flex:1 1 30%;white-space:nowrap}
.bd-order{margin-top:8px}
.bd-printers{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-bottom:12px}
.bd-printer{display:grid;grid-template-columns:110px 1fr;gap:12px;align-items:start;margin:0}
.bd-printer img{width:110px;height:110px;object-fit:cover;border-radius:10px;display:block}
.bd-nophoto{width:110px;height:110px;border-radius:10px;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:34px;color:var(--muted)}
.bd-nophoto small{font-size:11px}
.bd-model{font-weight:600;margin:2px 0}
.bd-toner{margin:4px 0}
.kt-hint{margin:10px 0}
.bd-item.has-photo{position:relative;padding-left:88px;min-height:84px}
.bd-ithumb{position:absolute;left:12px;top:12px}
.bd-ithumb img{width:64px;height:64px;object-fit:cover;border-radius:8px;display:block}
.bd-printer > div{min-width:0;overflow-wrap:anywhere}
/* Nur stempeln (2026-10-20): Hinweis über den Arbeitszeiten, gesperrte Tage grau */
.zt-lock{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:10px 12px;margin-bottom:12px;border:1px solid var(--line);border-left:4px solid #c0392b;border-radius:10px;background:var(--surface-2)}
.zt-lock p{margin:0;flex:1 1 260px}
.zt-days .day-row.locked input{opacity:.65;cursor:not-allowed}
.zt-frei .az-item{margin-top:8px}

/* Büro/Lager Bedarf: Abteilungsleiste allein seitlich schieben, Seite bleibt fest (Gera 2026-10-21) */
.seg.bd-depts{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}
.seg.bd-depts::-webkit-scrollbar{display:none}
.seg.bd-depts button{flex:0 0 auto;white-space:nowrap}
.bd-dsel{width:auto;max-width:100%;font-size:13px;padding:5px 8px}

/* Masterboard Personal heute am Handy: Abteilungen untereinander mit %, Antippen zeigt die Personen (Gera 2026-10-21) */
.mb-dept-n,.mb-dept-tog{display:none}
@media (max-width:700px){
  .mb-depts{grid-template-columns:1fr;gap:8px}
  .mb-dept{cursor:pointer;padding:10px 12px}
  .mb-dept-h{align-items:center}
  .mb-dept-h b{flex:1;min-width:0}
  .mb-dept-n{display:inline;color:var(--muted);white-space:nowrap}
  .mb-dept-tog{display:inline-block;font-size:22px;line-height:1;color:var(--muted);transition:transform .15s}
  .mb-dept.open .mb-dept-tog{transform:rotate(90deg)}
  .mb-dept-sub,.mb-dept ul{display:none}
  .mb-dept.open .mb-dept-sub{display:block}
  .mb-dept.open ul{display:grid}
}

/* Masterboard: einklappbare Personenlisten */
.mb-fold>summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-weight:800}
.mb-fold>summary::-webkit-details-marker{display:none}
.mb-fold>summary::after{content:'›';margin-left:auto;font-size:20px;line-height:1;transition:transform .15s}
.mb-fold[open]>summary::after{transform:rotate(90deg)}
.mb-fold>summary span{background:var(--surface-2);border-radius:10px;padding:1px 8px;font-size:12px}

/* Batchnummer prüfen */
.art-tabs{margin-bottom:12px;overflow-x:auto;flex-wrap:nowrap}
.art-tabs button{white-space:nowrap;padding:8px 6px}
@media (max-width:480px){.art-tabs button{font-size:13.5px}}
.bt-in{display:flex;gap:8px}
.bt-in input{flex:1;min-width:0;font-family:ui-monospace,monospace;font-size:1.2rem;letter-spacing:.06em;text-transform:uppercase}
.bt-res .bt-code{font-family:ui-monospace,monospace;font-size:1.5rem;font-weight:700;letter-spacing:.08em;margin-bottom:10px}
.bt-res.bad{border-left:4px solid var(--crit)}
.bt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:10px}
.bt-grid div{background:var(--surface-2);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}
.bt-grid span{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.bt-grid b{font-size:1.4rem;color:var(--accent)}
.bt-grid small{color:var(--muted)}
.bt-parts{border-collapse:collapse;font-size:14px}
.bt-parts td{padding:3px 12px 3px 0}
.bt-parts td:first-child{font-family:ui-monospace,monospace;font-weight:700}
.bt-key p{margin:6px 0;font-size:14px}

/* Büro/Lager Bedarf: Angefragt → Bestellt → Zugestellt */
.bd-days{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0 4px}
.bd-days label,.bd-days div{display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--muted)}
.bd-days input{min-width:0;padding:6px;font-size:14px}
.bd-days b{color:var(--ink);font-size:14px}
.bd-span{margin:2px 0 6px;font-size:13px;color:var(--muted)}
.bd-span b{color:var(--accent)}
.bd-dauer{margin:0 0 10px;font-size:14px}
.bd-dauer b{color:var(--accent)}
@media (max-width:480px){.bd-days{grid-template-columns:1fr 1fr}}

/* Datenschutzinformation */
.ds{max-width:820px}
.ds-text h1{font-size:1.4rem;margin:0 0 4px}
.ds-text h2{font-size:1.05rem;margin:18px 0 6px;color:var(--accent)}
.ds-text p,.ds-text li{line-height:1.5;margin:4px 0}
.ds-text ul{padding-left:20px;margin:4px 0}
.ds-ok{position:sticky;bottom:8px;border:2px solid var(--accent)}
.ds-acks{width:100%;border-collapse:collapse;font-size:14px}
.ds-acks td{padding:5px 6px;border-bottom:1px solid var(--line, rgba(127,127,127,.2))}
.ds-note{font-size:.85rem;color:var(--muted);font-style:italic;margin:6px 0 0}
.ds-de summary{cursor:pointer;font-weight:600}
.push-steps{padding-left:22px;margin:6px 0;line-height:1.5}
.push-actions{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
/* DHL: deutliche Bestätigung nach dem Speichern (Gera 2026-10-21) */
.dhl-saved{display:flex;flex-direction:column;gap:4px;padding:14px 16px;margin-bottom:12px;border-radius:12px;background:#14532d;color:#fff;border:2px solid #22c55e;font-size:1.05rem}
.dhl-saved b{font-size:1.4rem}
.dhl-today-n{margin:0 0 8px;color:#4ade80;font-weight:600}
.dhl-entry.dhl-new{outline:3px solid #22c55e;outline-offset:2px}