html,body{height:100%}body{margin:0;font:14px/1.45 "Barlow",system-ui,sans-serif;background:#EEF2F7}
img{max-width:100%}[hidden]{display:none!important}
:root{
--bg:#EEF2F7; --surface:#FFFFFF; --surface-2:#F6F8FB; --line:#DFE6EF; --line-strong:#C6D2E0;
--text:#0A1628; --text-2:#34465C; --muted:#687A8F;
--topbar:#0A1628; --topbar-line:#1E3350; --topbar-muted:#8FA6BF;
--brand:#2B7FE8; --brand-strong:#1A5FBF; --brand-soft:#E6F0FC; --cyan:#38BDF8;
--st-offen:#C2570C; --st-offen-bg:#FDF0E4;
--st-arbeit:#2B7FE8; --st-arbeit-bg:#E6F0FC;
--st-erledigt:#1B8A47; --st-erledigt-bg:#E4F4EA;
--danger:#B42318; --danger-bg:#FDECEA; --warn:#A15C07; --warn-bg:#FEF4E2; --ok:#1B8A47; --ok-bg:#E4F4EA;
--map-bg:#F6F8FB; --map-land:#E2E9F2; --map-border:#FFFFFF; --map-lake:#BFD6EE; --map-outline:#9CB0C6;
--live:#16A34A; --live-bg:#0E3B24;
--shadow:0 1px 2px rgba(10,22,40,.05),0 6px 20px rgba(10,22,40,.06);
--shadow-pop:0 10px 30px rgba(10,22,40,.18),0 2px 6px rgba(10,22,40,.08);
--radius:12px;
color-scheme:light;
}
@media (prefers-color-scheme:dark){
:root:not([data-theme="light"]){
--bg:#070F1B; --surface:#0E1A2B; --surface-2:#122238; --line:#1C2E45; --line-strong:#29415F;
--text:#E7EEF7; --text-2:#B4C2D3; --muted:#8193A8;
--topbar:#040A13; --topbar-line:#172A42;
--brand:#4D96F2; --brand-strong:#8BBAF7; --brand-soft:#12294A;
--st-offen:#F0953A; --st-offen-bg:#2E1D0C;
--st-arbeit:#5AA2F5; --st-arbeit-bg:#10284A;
--st-erledigt:#3FC175; --st-erledigt-bg:#0D2B1B;
--danger:#F47067; --danger-bg:#361412; --warn:#F2B04A; --warn-bg:#33230A; --ok:#3FC175; --ok-bg:#0D2B1B;
--map-bg:#0B1624; --map-land:#16283E; --map-border:#0E1A2B; --map-lake:#1D3B60; --map-outline:#2F4B6C;
--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
--shadow-pop:0 10px 30px rgba(0,0,0,.5);
color-scheme:dark;
}
}
:root[data-theme="dark"]{
--bg:#070F1B; --surface:#0E1A2B; --surface-2:#122238; --line:#1C2E45; --line-strong:#29415F;
--text:#E7EEF7; --text-2:#B4C2D3; --muted:#8193A8;
--topbar:#040A13; --topbar-line:#172A42;
--brand:#4D96F2; --brand-strong:#8BBAF7; --brand-soft:#12294A;
--st-offen:#F0953A; --st-offen-bg:#2E1D0C;
--st-arbeit:#5AA2F5; --st-arbeit-bg:#10284A;
--st-erledigt:#3FC175; --st-erledigt-bg:#0D2B1B;
--danger:#F47067; --danger-bg:#361412; --warn:#F2B04A; --warn-bg:#33230A; --ok:#3FC175; --ok-bg:#0D2B1B;
--map-bg:#0B1624; --map-land:#16283E; --map-border:#0E1A2B; --map-lake:#1D3B60; --map-outline:#2F4B6C;
--shadow:0 1px 2px rgba(0,0,0,.3),0 6px 20px rgba(0,0,0,.25);
--shadow-pop:0 10px 30px rgba(0,0,0,.5);
color-scheme:dark;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Barlow",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased}
body.modal-open{overflow:hidden}
h1,h2,h3{font-family:"Barlow Semi Condensed","Barlow",system-ui,sans-serif;margin:0;color:var(--text);text-wrap:balance;letter-spacing:.005em}
h1{font-size:30px;font-weight:600;line-height:1.1}
h2{font-size:19px;font-weight:600}
h3{font-size:16px;font-weight:600}
p{margin:0}
a{color:var(--brand-strong)}
button{font:inherit;color:inherit}
input,select,textarea{font:inherit;color:var(--text)}
.mono{font-family:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86em;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.muted{color:var(--muted)}
.num{font-variant-numeric:tabular-nums}
.ico{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;background:var(--brand);color:#fff;font-weight:600;padding:9px 16px;border-radius:9px;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background .15s,border-color .15s}
.btn:hover{background:var(--brand-strong)}
:root[data-theme="dark"] .btn:hover{background:#3A84E6}
.btn:disabled{opacity:.55;cursor:progress}
.btn-sm{padding:6px 12px;font-size:14px;border-radius:8px}
.btn-lg{padding:14px 20px;font-size:17px;width:100%;border-radius:11px}
.btn-ghost{background:var(--surface);color:var(--text);border-color:var(--line-strong)}
.btn-ghost:hover{background:var(--surface-2);border-color:var(--muted)}
.btn-danger{background:var(--surface);color:var(--danger);border-color:var(--line-strong)}
.btn-danger:hover{background:var(--danger-bg);border-color:var(--danger)}
.btn-go{background:#15803D}.btn-go:hover{background:#116632}
.btn-stop{background:#B42318}.btn-stop:hover{background:#921C13}
.icon-btn{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer}
.icon-btn:hover{background:var(--surface-2);color:var(--text);border-color:var(--line)}
/* ---------- login ---------- */
.login{min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);background:var(--surface)}
.login-art{background:#0A1628;color:#fff;padding:40px 48px;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden}
.login-art .brand{font-size:24px}
.login-art h1{color:#fff;font-size:40px;max-width:15ch;line-height:1.05;font-weight:600}
.login-art p{color:#9DB2C9;max-width:42ch}
.login-map{margin-top:auto;position:relative;width:100%;max-width:640px;aspect-ratio:1000/642}
.login-map svg{width:100%;height:100%;display:block}
.login-map .l-land{fill:#12253E}.login-map .l-border{fill:none;stroke:#0A1628;stroke-width:1.4;vector-effect:non-scaling-stroke}.login-map .l-lake{fill:#1B3A60}
.login-map .l-dot{fill:#38BDF8}
.login-map .l-ring{fill:none;stroke:#38BDF8;stroke-width:1.5;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center;animation:ring 2.6s ease-out infinite}
@keyframes ring{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.6);opacity:0}}
.login-panel{display:flex;align-items:center;justify-content:center;padding:32px 16px;background:var(--bg)}
.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:18px}
.login-card h2{font-size:26px}
.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:2px;flex-wrap:wrap}
.seg button{border:0;background:transparent;padding:7px 14px;border-radius:7px;font-weight:600;color:var(--text-2);cursor:pointer;display:inline-flex;gap:6px;align-items:center;white-space:nowrap}
.seg button[aria-pressed="true"]{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(10,22,40,.12)}
.seg .cnt{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
.login-card .seg{display:flex}.login-card .seg button{flex:1;justify-content:center}
.field{display:flex;flex-direction:column;gap:5px;min-width:0}
.field>span{font-size:13px;font-weight:600;color:var(--text-2)}
.field input,.field select,.field textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:9px 11px;min-width:0}
.field textarea{resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.form-err{background:var(--danger-bg);color:var(--danger);padding:9px 12px;border-radius:8px;font-size:14px;font-weight:500}
.form-info{background:#ECFDF5;color:#065F46;border:1px solid #A7F3D0;border-radius:8px;padding:10px 12px;font-size:14px;margin-bottom:12px}
/* ---------- shell ---------- */
.topbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:var(--topbar);color:#fff;display:flex;align-items:center;gap:12px;padding:0 16px;height:56px;border-bottom:1px solid var(--topbar-line)}
.brand{font-family:"Barlow Semi Condensed","Barlow",sans-serif;font-weight:700;font-size:21px;letter-spacing:.01em;display:flex;align-items:baseline;white-space:nowrap}
.brand span{color:#38BDF8}
.brand small{font-family:"Barlow",sans-serif;font-weight:600;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--topbar-muted);margin-left:12px;padding-left:12px;border-left:1px solid var(--topbar-line);align-self:center}
.tb-spacer{flex:1}
.tb-user{display:flex;align-items:center;gap:10px;min-width:0}
.tb-who{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.tb-who b{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tb-who span{font-size:11px;color:var(--topbar-muted);letter-spacing:.08em;text-transform:uppercase}
.tb-btn{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid var(--topbar-line);color:#C9D6E4;border-radius:8px;padding:6px 10px;cursor:pointer;font-size:13px}
.tb-btn:hover{color:#fff;border-color:#3A5578}
.live-banner{position:sticky;top:calc(56px + env(safe-area-inset-top,0px));z-index:35;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--live-bg);color:#E8FFF1;font-size:14px}
.live-banner a{color:#fff;font-weight:600;text-decoration:none;cursor:pointer}
.live-banner a:hover{text-decoration:underline}
.live-banner .lb-text{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.live-banner .lb-clock{font-size:15px;font-weight:600;color:#7CF0A9}
.btn-on-dark{background:#fff;color:#0E3B24}.btn-on-dark:hover{background:#DDF5E7}
.live-dot{width:9px;height:9px;border-radius:50%;background:#34D27A;box-shadow:0 0 0 0 rgba(52,210,122,.7);animation:pulse 1.8s infinite;flex:none}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(52,210,122,.6)}70%{box-shadow:0 0 0 8px rgba(52,210,122,0)}100%{box-shadow:0 0 0 0 rgba(52,210,122,0)}}
.layout{display:grid;grid-template-columns:216px minmax(0,1fr)}
.sidenav{position:sticky;top:56px;align-self:start;height:calc(100vh - 56px);background:var(--surface);border-right:1px solid var(--line);padding:18px 10px;display:flex;flex-direction:column;gap:2px}
.navlink{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:var(--text-2);font-weight:600;border:0;background:none;cursor:pointer;width:100%;text-align:left;font-size:15px}
.navlink:hover{background:var(--surface-2);color:var(--text)}
.navlink[aria-current="page"]{background:var(--brand-soft);color:var(--brand-strong)}
.nav-foot{margin-top:auto;padding:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;flex-direction:column;gap:8px}
.nav-foot button{align-self:flex-start}
.content{padding:26px 28px 56px;min-width:0;width:100%;max-width:1480px;display:flex;flex-direction:column;gap:20px}
.bottomnav{display:none}
@media (max-width:900px){
.layout{grid-template-columns:minmax(0,1fr)}
.sidenav{display:none}
.content{padding:18px 16px calc(92px + env(safe-area-inset-bottom,0px))}
.bottomnav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:40;background:var(--surface);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
.bottomnav .navlink{flex-direction:column;gap:3px;font-size:11.5px;padding:6px 2px;align-items:center;text-align:center}
.hide-sm{display:none}
.brand small{display:none}
.tb-who span{display:none}
h1{font-size:25px}
}
/* ---------- page parts ---------- */
.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px 20px;flex-wrap:wrap}
.eyebrow{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
.head-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px;min-width:0}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:14px}
.card-head h2 .count,.k-section-title h2 .count{font-family:"Barlow",sans-serif;font-size:13px;font-weight:600;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:999px;padding:1px 8px;margin-left:6px;vertical-align:3px}
.empty{padding:18px;border:1px dashed var(--line-strong);border-radius:10px;color:var(--muted);text-align:center;font-size:14px}
.back{display:inline-flex;align-items:center;gap:4px;color:var(--muted);background:none;border:0;cursor:pointer;padding:0;font-weight:600;font-size:14px}
.back:hover{color:var(--text)}
/* status shapes: offen = ring, in arbeit = filled dot with core, erledigt = filled with check */
.sdot{display:inline-block;width:11px;height:11px;border-radius:50%;flex:none;position:relative}
.sdot.st-offen{box-shadow:inset 0 0 0 2.5px var(--st-offen)}
.sdot.st-arbeit{background:var(--st-arbeit)}
.sdot.st-arbeit::after{content:"";position:absolute;inset:3.5px;border-radius:50%;background:var(--surface)}
.sdot.st-erledigt{background:var(--st-erledigt)}
.sdot.st-erledigt::after{content:"";position:absolute;left:3.6px;top:2px;width:2.6px;height:5px;border:solid var(--surface);border-width:0 1.6px 1.6px 0;transform:rotate(45deg)}
.pill{display:inline-flex;align-items:center;gap:7px;padding:3px 11px 3px 8px;border-radius:999px;font-size:13px;font-weight:600;white-space:nowrap}
.pill.st-offen{background:var(--st-offen-bg);color:var(--st-offen)}
.pill.st-arbeit{background:var(--st-arbeit-bg);color:var(--st-arbeit)}
.pill.st-erledigt{background:var(--st-erledigt-bg);color:var(--st-erledigt)}
.pill.st-offen .sdot.st-arbeit::after,.pill .sdot::after{background:var(--pillbg,var(--surface))}
.pill.st-arbeit .sdot::after{background:var(--st-arbeit-bg)}
.pill.st-erledigt .sdot::after{border-color:var(--st-erledigt-bg)}
.tag{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:6px;background:var(--surface-2);color:var(--text-2);border:1px solid var(--line);white-space:nowrap}
.tag.warn{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.tag.danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}
.tag.ok{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.tag.live{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.tag.live::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;animation:blink 1.6s infinite}
@keyframes blink{50%{opacity:.35}}
.gps{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;white-space:nowrap}
.gps::before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}
.gps-ok{color:var(--ok)}.gps-far{color:var(--warn)}.gps-none,.gps-man{color:var(--muted)}
.gps-none::before,.gps-man::before{background:transparent;box-shadow:inset 0 0 0 1.5px currentColor}
.av{--c:#2B7FE8;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:.02em;flex:none;font-family:"Barlow",sans-serif}
.av.lg{width:44px;height:44px;font-size:15px}
.av.sm{width:24px;height:24px;font-size:10px}
.av-stack{display:inline-flex}
.av-stack .av{box-shadow:0 0 0 2px var(--surface)}
.av-stack .av+.av{margin-left:-7px}
/* ---------- KPIs ---------- */
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kpi{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:15px 16px 14px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:4px;min-width:0;transition:border-color .15s,transform .15s}
.kpi:hover{border-color:var(--line-strong);transform:translateY(-1px)}
.k-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--text-2)}
.k-num{font-family:"Barlow Semi Condensed",sans-serif;font-weight:600;font-size:46px;line-height:1;font-variant-numeric:tabular-nums;margin-top:6px}
.k-num small{font-size:20px;color:var(--muted);font-weight:500;margin-left:4px}
.k-sub{font-size:13.5px;color:var(--muted)}
.kpi.st-offen .k-num{color:var(--st-offen)}.kpi.st-arbeit .k-num{color:var(--st-arbeit)}.kpi.st-erledigt .k-num{color:var(--st-erledigt)}
.k-bar{height:4px;border-radius:4px;background:var(--surface-2);overflow:hidden;margin-top:8px}
.k-bar i{display:block;height:100%;border-radius:4px}
@media (max-width:1100px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.k-num{font-size:38px}}
/* ---------- dashboard grid ---------- */
.dash-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
.side-col{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:1180px){.dash-grid{grid-template-columns:minmax(0,1fr)}.side-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}
.map-card{padding:16px}
.map-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:12px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chip{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:var(--surface);color:var(--text-2);border-radius:999px;padding:5px 11px;font-size:13px;font-weight:600;cursor:pointer}
.chip[aria-pressed="false"]{opacity:.5;background:transparent}
.chip[aria-pressed="false"] .sdot,.chip[aria-pressed="false"] .tdot{filter:grayscale(1)}
.chip .tdot{width:11px;height:11px;border-radius:50%;background:#0A1628;box-shadow:0 0 0 2px #34D27A}
.live-label{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);font-weight:600}
.live-label .live-dot{width:7px;height:7px}
/* ---------- map ---------- */
.map-stage{position:relative;width:100%;aspect-ratio:1000/642;background:var(--map-bg);border-radius:10px;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;border:1px solid var(--line)}
.map-stage.dragging{cursor:grabbing}
.map-stage.is-picker{cursor:crosshair}
.map-svg{position:absolute;inset:0;width:100%;height:100%;display:block}
.m-land{fill:var(--map-land)}
.m-lake{fill:var(--map-lake)}
.m-border{fill:none;stroke:var(--map-border);stroke-width:1.3;vector-effect:non-scaling-stroke}
.m-outline{fill:none;stroke:var(--map-outline);stroke-width:1.2;vector-effect:non-scaling-stroke}
.m-layer{position:absolute;inset:0;pointer-events:none}
.mk{position:absolute;pointer-events:auto}
.city{pointer-events:none;font-size:11.5px;font-weight:600;color:var(--muted);white-space:nowrap;transform:translate(-3px,-50%);display:flex;align-items:center;gap:5px;text-shadow:0 0 3px var(--map-land),0 0 3px var(--map-land)}
.city::before{content:"";width:4px;height:4px;border-radius:50%;background:var(--muted);opacity:.7}
.pin{width:18px;height:18px;border-radius:50%;border:0;padding:0;cursor:pointer;transform:translate(-50%,-50%);box-shadow:0 0 0 2px var(--surface),0 1px 5px rgba(10,22,40,.35);transition:transform .12s}
.pin:hover,.pin.sel{transform:translate(-50%,-50%) scale(1.3);z-index:3}
.pin.st-offen{background:var(--surface);box-shadow:inset 0 0 0 4px var(--st-offen),0 0 0 2px var(--surface),0 1px 5px rgba(10,22,40,.35)}
.pin.st-arbeit{background:var(--st-arbeit)}
.pin.st-arbeit::after{content:"";position:absolute;inset:5.5px;border-radius:50%;background:var(--surface)}
.pin.st-erledigt{background:var(--st-erledigt)}
.pin.st-erledigt::after{content:"";position:absolute;left:6.3px;top:3.5px;width:4px;height:8px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tech{--c:#0A1628;width:30px;height:30px;border-radius:50%;background:var(--c);color:#fff;font-size:11px;font-weight:700;display:grid;place-items:center;border:2px solid #fff;padding:0;cursor:pointer;transform:translate(-50%,-100%);box-shadow:0 2px 8px rgba(10,22,40,.35);z-index:2;font-family:"Barlow",sans-serif}
.tech::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid #34D27A;animation:ring2 2s ease-out infinite}
.tech::after{content:"";position:absolute;right:-2px;bottom:-2px;width:10px;height:10px;border-radius:50%;background:#34D27A;border:2px solid #fff}
@keyframes ring2{0%{transform:scale(.8);opacity:1}100%{transform:scale(1.5);opacity:0}}
.tech:hover{z-index:4}
.pick{width:26px;height:26px;transform:translate(-50%,-100%);pointer-events:none}
.pick svg{width:26px;height:26px;display:block;fill:var(--brand);stroke:#fff;stroke-width:1.5}
.map-ctrl{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:4px;z-index:6}
.map-ctrl button{width:32px;height:32px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:18px;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow)}
.map-ctrl button:hover{background:var(--surface-2)}
.map-pop{position:absolute;z-index:8;width:260px;max-width:calc(100% - 20px);background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-pop);padding:12px;transform:translate(-50%,calc(-100% - 16px));pointer-events:auto;cursor:default;display:flex;flex-direction:column;gap:8px}
.map-pop.below{transform:translate(-50%,16px)}
.map-pop.left{transform:translate(calc(-100% + 30px),calc(-100% - 16px))}
.map-pop.left.below{transform:translate(calc(-100% + 30px),16px)}
.map-pop.right{transform:translate(-30px,calc(-100% - 16px))}
.map-pop.right.below{transform:translate(-30px,16px)}
.map-pop .mp-nr{font-size:12px;color:var(--muted)}
.map-pop h3{font-size:16px;line-height:1.2}
.map-pop .mp-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--text-2)}
.map-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:12.5px;color:var(--muted)}
.map-legend span{display:inline-flex;align-items:center;gap:6px}
.map-hint{font-size:12.5px;color:var(--muted);margin-top:6px}
/* ---------- lists ---------- */
.plist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.plist li{display:flex;align-items:center;gap:11px;padding:10px 0;border-top:1px solid var(--line);min-width:0}
.plist li:first-child{border-top:0;padding-top:2px}
.plist .p-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.plist .p-main b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plist .p-main span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.plist .p-end{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:13px}
.plist .p-end .mono{font-size:14px;font-weight:600;color:var(--text)}
.linkrow{cursor:pointer;background:none;border:0;padding:0;text-align:left;width:100%;display:flex;align-items:center;gap:11px;min-width:0}
.linkrow:hover b{color:var(--brand-strong)}
.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:0 10px;flex:1;min-width:200px;max-width:380px;color:var(--muted)}
.search input{border:0;background:transparent;padding:9px 0;flex:1;min-width:0;outline:none}
.search:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.switch{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--text-2);cursor:pointer;user-select:none}
.switch input{appearance:none;-webkit-appearance:none;width:36px;height:21px;border-radius:999px;background:var(--line-strong);position:relative;cursor:pointer;margin:0;transition:background .15s}
.switch input::after{content:"";position:absolute;left:3px;top:3px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .15s}
.switch input:checked{background:var(--brand)}
.switch input:checked::after{transform:translateX(15px)}
.olist{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.orow{display:grid;grid-template-columns:22px minmax(0,2.4fr) minmax(0,1fr) 120px 96px 132px;gap:14px;align-items:center;padding:13px 16px;border:0;border-top:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;width:100%}
.orow:first-child{border-top:0}
.orow:hover{background:var(--surface-2)}
.orow.head{cursor:default;background:var(--surface-2);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding-block:9px}
.orow .o-title{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.orow .o-title b{font-weight:600;font-size:15.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orow .o-title span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orow .o-type{font-size:14px;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.orow .o-due{font-size:13.5px;display:flex;flex-direction:column;line-height:1.25}
.orow .o-meta{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap}
.due-late{color:var(--danger);font-weight:600}
.due-soon{color:var(--warn);font-weight:600}
@media (max-width:1000px){
.orow{grid-template-columns:22px minmax(0,1fr) auto;row-gap:6px}
.orow.head{display:none}
.orow .o-type{display:none}
.orow .o-team{grid-column:2}
.orow .o-due{grid-column:3;grid-row:1;text-align:right}
.orow .o-meta{grid-column:3;grid-row:2}
}
/* ---------- order detail ---------- */
.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:16px;align-items:start}
.detail-main,.detail-side{display:flex;flex-direction:column;gap:16px;min-width:0}
@media (max-width:1080px){.detail-grid{grid-template-columns:minmax(0,1fr)}}
.o-head{display:flex;flex-direction:column;gap:10px}
.o-head .o-sub{display:flex;gap:10px;align-items:center;flex-wrap:wrap;color:var(--muted);font-size:14px}
.o-head-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}
.status-select{border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:8px 10px;font-weight:600}
.checkin{display:flex;flex-direction:column;gap:12px;border-width:1px}
.checkin.is-on{border-color:#1B8A47;box-shadow:0 0 0 3px var(--ok-bg)}
.ci-top{display:flex;align-items:center;gap:8px}
.ci-label{font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;color:var(--text-2)}
.ci-clock{font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1;color:var(--text)}
.ci-meta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;color:var(--text-2);font-size:14px}
.ci-hint{color:var(--text-2);font-size:14px;max-width:62ch}
.ci-warn{background:var(--warn-bg);color:var(--warn);padding:8px 12px;border-radius:8px;font-size:14px}
.ci-others{display:flex;flex-direction:column;gap:6px;border-top:1px solid var(--line);padding-top:10px;font-size:14px}
.ci-others div{display:flex;align-items:center;gap:8px}
.upload-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.upload-row select{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:6px 8px;font-size:14px}
.doclist{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.doclist li{display:flex;align-items:center;gap:6px}
.doc{flex:1;display:flex;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:9px 12px;cursor:pointer;text-align:left;min-width:0}
.doc:hover{border-color:var(--brand)}
.doc-ic{width:38px;height:44px;border-radius:5px;background:var(--surface);border:1px solid var(--line-strong);display:grid;place-items:end center;padding-bottom:5px;font-size:9.5px;font-weight:700;letter-spacing:.04em;color:var(--muted);flex:none;position:relative;font-family:"JetBrains Mono",monospace}
.doc-ic::before{content:"";position:absolute;top:-1px;right:-1px;width:11px;height:11px;background:var(--surface-2);border-left:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);border-bottom-left-radius:3px}
.doc-ic.k-pdf{color:#C8322B}.doc-ic.k-img{color:#1B8A47}.doc-ic.k-svg{color:var(--brand)}.doc-ic.k-csv,.doc-ic.k-xlsx{color:#177A3B}
.doc-main{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.doc-main b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.doc-main span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dropzone.drag{outline:2px dashed var(--brand);outline-offset:-6px;background:var(--brand-soft)}
.composer{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.composer textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:10px 12px;resize:vertical;min-height:62px}
.composer textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.composer-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.composer-row .grow{flex:1}
.photo-prev{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2)}
.photo-prev img{width:44px;height:44px;object-fit:cover;border-radius:6px}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.timeline li{display:flex;gap:11px}
.tl-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.tl-meta{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.tl-meta b{color:var(--text);font-size:14.5px;font-weight:600}
.tl-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}
.tl-text.sys{font-style:italic;color:var(--muted)}
.tl-photo{max-width:240px;border-radius:8px;border:1px solid var(--line);cursor:zoom-in;display:block}
.tl-del{margin-left:auto}
.dl{display:grid;grid-template-columns:110px minmax(0,1fr);gap:9px 12px;margin:0;font-size:14.5px}
.dl dt{color:var(--muted);font-size:13px;padding-top:1px}
.dl dd{margin:0;min-width:0;overflow-wrap:anywhere}
.desc-box{margin-top:12px;padding-top:12px;border-top:1px solid var(--line);color:var(--text-2);font-size:14.5px;white-space:pre-wrap}
/* ---------- tables ---------- */
.tbl-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}
table.tbl{width:100%;border-collapse:collapse;font-size:14.5px;min-width:640px}
.tbl th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 14px;background:var(--surface-2);border-bottom:1px solid var(--line);white-space:nowrap}
.tbl td{padding:10px 14px;border-top:1px solid var(--line);vertical-align:middle}
.tbl tr.day td{background:var(--surface-2);font-weight:600;font-size:13px;color:var(--text-2);padding-block:7px}
.tbl tr.day td .mono{color:var(--text)}
.tbl .r{text-align:right}
.tbl tr.click{cursor:pointer}
.tbl tr.click:hover td{background:var(--surface-2)}
.tbl tr.sel td{background:var(--brand-soft)}
.cell-user{display:flex;align-items:center;gap:9px;white-space:nowrap}
.month-sw{display:inline-flex;align-items:center;gap:4px;background:var(--surface);border:1px solid var(--line-strong);border-radius:9px;padding:2px}
.month-sw b{min-width:132px;text-align:center;font-weight:600}
.stats3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:640px){.stats3{grid-template-columns:minmax(0,1fr)}}
.stat{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.stat .k-num{font-size:36px;margin-top:4px}
/* ---------- team ---------- */
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.member{display:flex;flex-direction:column;gap:12px}
.member.locked{opacity:.72}
.m-top{display:flex;gap:12px;align-items:center}
.m-top .p-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.m-top b{font-size:17px;font-weight:600}
.m-top span{font-size:13.5px;color:var(--muted)}
.m-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;border-top:1px solid var(--line);padding-top:12px}
.m-facts div{display:flex;flex-direction:column}
.m-facts small{font-size:11.5px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-weight:600}
.m-facts b{font-size:18px;font-weight:600;font-family:"Barlow Semi Condensed",sans-serif;font-variant-numeric:tabular-nums}
.m-status{font-size:14px;color:var(--text-2);display:flex;align-items:center;gap:8px;min-height:24px}
.m-actions{display:flex;gap:8px;flex-wrap:wrap}
/* ---------- modal / toast ---------- */
#modal-root{position:fixed;inset:0;z-index:100}
.modal-backdrop{position:absolute;inset:0;background:rgba(5,12,22,.55);display:flex;align-items:flex-start;justify-content:center;padding:calc(40px + env(safe-area-inset-top,0px)) 16px 40px;overflow-y:auto}
.modal{background:var(--surface);border-radius:14px;box-shadow:var(--shadow-pop);width:100%;max-width:560px;display:flex;flex-direction:column;border:1px solid var(--line)}
.modal.wide{max-width:860px}
.modal-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;border-bottom:1px solid var(--line)}
.modal-head h2{font-size:21px}
.modal-body{padding:18px;display:flex;flex-direction:column;gap:14px}
.modal-foot{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;padding:14px 18px;border-top:1px solid var(--line);background:var(--surface-2);border-radius:0 0 14px 14px}
.modal-foot .spacer{flex:1}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:560px){.grid2,.grid3{grid-template-columns:minmax(0,1fr)}}
.checks{display:flex;flex-wrap:wrap;gap:6px}
.checks label{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line-strong);border-radius:999px;padding:4px 11px 4px 4px;cursor:pointer;font-size:14px}
.checks label:has(input:checked){border-color:var(--brand);background:var(--brand-soft)}
.checks input{position:absolute;opacity:0;pointer-events:none}
.viewer{display:flex;justify-content:center;background:var(--surface-2);border-radius:10px;overflow:auto;max-height:70vh}
.viewer img{max-width:100%;height:auto;display:block;background:#fff}
.viewer iframe{width:100%;height:68vh;border:0;background:#fff}
.viewer pre{margin:0;padding:14px;font-size:13px;white-space:pre-wrap;width:100%}
.viewer table{border-collapse:collapse;font-size:14px;margin:12px}
.viewer td,.viewer th{border:1px solid var(--line);padding:6px 10px;text-align:left}
#toast-root{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;width:max-content;max-width:calc(100% - 32px);pointer-events:none}
.toast{background:#0A1628;color:#fff;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow-pop);font-size:14.5px;animation:tin .2s ease-out;border:1px solid #1E3350}
@keyframes tin{from{transform:translateY(8px);opacity:0}}
@media (max-width:900px){#toast-root{bottom:calc(86px + env(safe-area-inset-bottom,0px))}}
@media (max-width:900px){.login{grid-template-columns:minmax(0,1fr)}.login-art{padding:28px 16px}.login-art h1{font-size:30px}.login-map{max-width:420px}}
.nav-foot .btn{white-space:normal;font-size:13px;padding:6px 10px}
.plist .p-end>*{white-space:nowrap}
/* ---------- calendar ---------- */
:root{--cal-we:#F7F9FC;--today-bg:#F0F6FE}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--cal-we:#0B1625;--today-bg:#0F213A}}
:root[data-theme="dark"]{--cal-we:#0B1625;--today-bg:#0F213A}
.cal-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.cal-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.cal-nav h2{font-size:23px;margin:0 10px 0 6px;font-variant-numeric:tabular-nums}
.cal-select{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600}
.cal-select select{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:7px 10px;font-weight:500}
.cal-month,.cal-weekview{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.cal-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));background:var(--surface-2);border-bottom:1px solid var(--line)}
.cal-head span{padding:8px 10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:right}
.cal-week{position:relative;border-top:1px solid var(--line)}
.cal-head+.cal-week{border-top:0}
.cal-days{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cal-day{border:0;border-left:1px solid var(--line);background:transparent;padding:5px 6px;cursor:pointer;display:flex;align-items:flex-start;justify-content:flex-end;min-width:0}
.cal-day:first-child{border-left:0}
.cal-day.we{background:var(--cal-we)}
.cal-day.today{background:var(--today-bg)}
.cal-day:hover{background:var(--surface-2)}
.cal-day.out .cd-num{color:var(--muted);opacity:.55}
.cd-num{font-size:13.5px;font-weight:600;color:var(--text-2);width:26px;height:26px;display:grid;place-items:center;border-radius:50%;font-variant-numeric:tabular-nums}
.cal-day.today .cd-num{background:var(--brand);color:#fff;opacity:1}
.cal-day.drop-hint,.cw-col.drop-hint{background:var(--brand-soft);box-shadow:inset 0 0 0 2px var(--brand)}
.cal-kw{position:absolute;left:8px;top:10px;font-size:10.5px;color:var(--muted);font-weight:600;letter-spacing:.06em;pointer-events:none;z-index:1}
.cal-bars{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:34px repeat(3,23px) 20px;row-gap:3px;padding-bottom:6px;pointer-events:none}
.cal-bar{pointer-events:auto;margin:0 4px;height:23px;border-radius:5px;border:0;display:flex;align-items:center;gap:6px;padding:0 7px;font-size:12.5px;font-weight:600;cursor:pointer;min-width:0;overflow:hidden;text-align:left;color:var(--text);position:relative}
.cal-bar.st-offen{background:var(--surface);border:1.5px dashed var(--st-offen)}
.cal-bar.st-arbeit{background:var(--st-arbeit-bg);box-shadow:inset 3px 0 0 var(--st-arbeit)}
.cal-bar.st-arbeit .sdot::after{background:var(--st-arbeit-bg)}
.cal-bar.st-erledigt{background:var(--st-erledigt-bg);color:var(--text-2)}
.cal-bar.st-erledigt .sdot::after{border-color:var(--st-erledigt-bg)}
.cal-bar.cont-l{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:0}
.cal-bar.cont-r{border-top-right-radius:0;border-bottom-right-radius:0;margin-right:0}
.cal-bar.cont-l.st-arbeit{box-shadow:none}
.cal-bar:hover{outline:2px solid var(--brand);outline-offset:-1px;z-index:2}
.cal-bar.dragg{cursor:grab}
.cal-bar.dragging{opacity:.35}
.cb-t{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.cb-t .mono{color:var(--muted);font-weight:500}
.cb-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22C55E;margin-right:5px;vertical-align:1px;animation:blink 1.6s infinite}
.cal-more{pointer-events:auto;border:0;background:none;font-size:12px;font-weight:600;color:var(--brand-strong);text-align:left;padding:0 8px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cal-more:hover{text-decoration:underline}
.cw-head{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line);background:var(--surface-2)}
.cw-h{border:0;border-left:1px solid var(--line);background:transparent;padding:8px 12px;display:flex;flex-direction:column;align-items:flex-start;cursor:pointer;min-width:0}
.cw-h:hover{background:var(--surface)}
.cw-h span{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cw-h b{font-family:"Barlow Semi Condensed",sans-serif;font-size:23px;font-weight:600;font-variant-numeric:tabular-nums}
.cw-h.today b{color:var(--brand-strong)}
.cw-h.today span{color:var(--brand-strong)}
.cw-h:first-child,.cw-col:first-child,.cw-foot:first-child{border-left:0}
.cw-body{min-height:340px;border-top:0}
.cw-cols{position:absolute;inset:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cw-col{border-left:1px solid var(--line)}
.cw-col.we{background:var(--cal-we)}
.cw-col.today{background:var(--today-bg)}
.cw-bars{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:minmax(78px,auto);row-gap:6px;padding:10px 0;pointer-events:none}
.cal-weekview .cal-bar{height:auto;flex-direction:column;align-items:flex-start;gap:4px;padding:8px 10px;margin:0 6px;font-weight:500}
.cal-weekview .cal-bar.cont-l{margin-left:0}.cal-weekview .cal-bar.cont-r{margin-right:0}
.cb-top{display:flex;gap:7px;align-items:center;min-width:0;max-width:100%}
.cb-top b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:600;font-size:14.5px}
.cb-sub{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.cb-live{color:var(--ok);font-weight:700}
.cw-empty{grid-column:1 / -1;text-align:center;color:var(--muted);padding:60px 16px;pointer-events:none}
.cw-foot-row{border-top:1px solid var(--line);background:var(--surface-2)}
.cw-foot-label{display:block;padding:8px 12px 0;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600}
.cw-foots{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.cw-foot{border:0;border-left:1px solid var(--line);background:transparent;padding:8px 10px 10px;display:flex;flex-direction:column;gap:5px;align-items:flex-start;cursor:pointer;min-height:56px;min-width:0}
.cw-foot:hover{background:var(--surface)}
.cw-person{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;white-space:nowrap}
.cw-person.live .av{box-shadow:0 0 0 2px #22C55E}
.cal-agenda{display:none;flex-direction:column;gap:12px}
.ag-week{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}
.ag-week.now{border-color:var(--brand)}
.ag-week h3{margin-bottom:8px;display:flex;gap:8px;align-items:baseline;flex-wrap:wrap;font-size:17px}
.ag-week h3 .muted{font-family:"Barlow",sans-serif;font-size:13.5px;font-weight:500}
@media (max-width:1100px){.cal-kw{display:none}}
@media (max-width:760px){.cal-desk{display:none}.cal-agenda{display:flex}.cal-nav h2{font-size:20px}}
/* ---------- problems ---------- */
.card-head h2 .count.danger{background:var(--danger-bg);color:var(--danger);border-color:transparent}
.probcard.has-open{border-color:color-mix(in srgb,var(--danger) 45%,var(--line))}
.prob-form{display:flex;flex-direction:column;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px}
.prob-form textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:9px;padding:10px 12px;resize:vertical;min-height:64px}
.prob-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.prio-seg{display:flex}
.prio-seg label{flex:1;display:flex;cursor:pointer}
.prio-seg input{position:absolute;opacity:0;pointer-events:none}
.prio-seg span{flex:1;text-align:center;padding:7px 8px;border-radius:7px;font-weight:600;font-size:13.5px;color:var(--text-2);white-space:nowrap}
.prio-seg input:checked+span{background:var(--surface);color:var(--text);box-shadow:0 1px 2px rgba(10,22,40,.12)}
.prio-seg input[value=hoch]:checked+span{background:var(--danger);color:#fff}
.prio-seg input:focus-visible+span{outline:2px solid var(--brand)}
.btn-warn{background:#B42318}.btn-warn:hover{background:#921C13}
.prob-list{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
.prob{border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:8px;background:var(--surface)}
.prob.pr-hoch{border-left-color:var(--danger)}.prob.pr-mittel{border-left-color:var(--warn)}.prob.pr-niedrig{border-left-color:var(--muted)}
.prob.ps-geloest{border-left-color:var(--ok);opacity:.85}
.prob-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.prob-head b{font-weight:600}
.prob-meta{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted);flex-wrap:wrap}
.prob-head .prob-meta{margin-left:auto}
.prob-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-2)}
.prio{font-size:11.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:5px}
.prio-hoch{background:var(--danger);color:#fff}.prio-mittel{background:var(--warn-bg);color:var(--warn)}.prio-niedrig{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}
.pstat{font-size:12.5px;font-weight:600;padding:2px 8px;border-radius:999px;white-space:nowrap}
.ps-offen{background:var(--danger-bg);color:var(--danger)}.ps-klaerung{background:var(--brand-soft);color:var(--brand-strong)}.ps-geloest{background:var(--ok-bg);color:var(--ok)}
.prob .pstat.ps-offen,.prob .pstat.ps-klaerung,.prob .pstat.ps-geloest{border:0}
.prob-replies{list-style:none;margin:0;padding:0 0 0 10px;border-left:2px solid var(--line);display:flex;flex-direction:column;gap:8px}
.prob-replies li{display:flex;gap:8px}
.prob-replies li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.prob-reply{display:flex;gap:6px;align-items:center;flex-wrap:wrap}
.prob-reply input{flex:1;min-width:160px;border:1px solid var(--line);background:var(--surface-2);border-radius:8px;padding:6px 10px;font-size:14px}
.prob-reply input:focus{outline:none;border-color:var(--brand);background:var(--surface)}
.status-select.sm{padding:5px 8px;font-size:13.5px}
.linkbtn{background:none;border:0;padding:0;margin-top:12px;color:var(--brand-strong);font-weight:600;cursor:pointer;font-size:14px}
.linkbtn:hover{text-decoration:underline}
.pdot{width:10px;height:10px;border-radius:50%;flex:none;background:var(--muted)}
.pdot.pr-hoch{background:var(--danger);box-shadow:0 0 0 3px var(--danger-bg)}.pdot.pr-mittel{background:var(--warn)}
.pin.has-prob::before{content:"!";position:absolute;right:-9px;top:-10px;width:14px;height:14px;border-radius:50%;background:#D92D20;color:#fff;font-size:10px;font-weight:800;line-height:14px;text-align:center;box-shadow:0 0 0 1.5px #fff;font-family:"Barlow",sans-serif}
/* ---------- materials ---------- */
.tbl-wrap.flat{border-radius:10px}
table.tbl.mat{min-width:620px;font-size:14px}
.tbl.mat td{padding:8px 10px}.tbl.mat th{padding:8px 10px}
.tbl.mat tfoot td{background:var(--surface-2);font-weight:600;border-top:1px solid var(--line-strong)}
.mat-name{display:flex;flex-direction:column;line-height:1.3;min-width:180px}
.mat-name b{font-weight:600}
.mat-name span{font-size:12.5px;color:var(--muted)}
.stepper{display:inline-flex;align-items:center;border:1px solid var(--line-strong);border-radius:8px;overflow:hidden;background:var(--surface)}
.stepper button{width:28px;height:30px;border:0;background:transparent;color:var(--brand-strong);font-size:17px;font-weight:700;cursor:pointer}
.stepper button:hover{background:var(--surface-2)}
.stepper input{width:48px;height:30px;border:0;border-inline:1px solid var(--line);text-align:center;font-weight:600;background:transparent;-moz-appearance:textfield;font-variant-numeric:tabular-nums}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.mat-add{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-top:12px}
.mat-add .grow2{flex:2;min-width:220px}
.mat-add .field.qty{width:120px}
.mat-add .field:not(.grow2):not(.qty){flex:1;min-width:140px}
.mat-add .btn{height:40px}
.mat-progress{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);font-weight:600;white-space:nowrap}
.mat-progress .k-bar{width:80px;margin:0}
.prio-seg label,.checks label{position:relative}
.prio-seg input,.checks input{left:0;top:0;width:1px;height:1px;margin:0}
[hidden]{display:none!important}
table.tbl.mat{min-width:540px}
.tbl .nowrap{white-space:nowrap}
.tbl.mat .stepper input{width:44px}
/* ---------- offer import ---------- */
.imp-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-align:center;border:2px dashed var(--line-strong);border-radius:12px;padding:36px 16px;background:var(--surface-2);min-height:220px}
.imp-drop .ico{width:34px;height:34px;color:var(--brand)}
.imp-drop b{font-size:18px;font-family:"Barlow Semi Condensed",sans-serif;font-weight:600}
.imp-drop.drag{border-color:var(--brand);background:var(--brand-soft)}
.imp-drop .btn{margin-top:6px}
.imp-spin{width:34px;height:34px;border-radius:50%;border:3px solid var(--line-strong);border-top-color:var(--brand);animation:spin 0.9s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.imp-paste summary{cursor:pointer;font-weight:600;color:var(--brand-strong);font-size:14px}
.imp-paste textarea{width:100%;margin:10px 0 8px;border:1px solid var(--line-strong);border-radius:9px;padding:10px 12px;background:var(--surface);resize:vertical}
.imp-status{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.imp-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:18px}
@media (max-width:820px){.imp-grid{grid-template-columns:minmax(0,1fr)}}
.imp-fields,.imp-pos{display:flex;flex-direction:column;gap:10px;min-width:0}
.imp-fields h3,.imp-pos h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:"Barlow",sans-serif;font-weight:700;margin-top:4px}
.field.miss input,.field.miss select{border-style:dashed;border-color:var(--warn);background:var(--warn-bg)}
.field>span em{font-style:normal;font-weight:600;color:var(--warn);font-size:12px;margin-left:4px}
table.tbl.imp-tbl{min-width:480px;font-size:13.5px}
.imp-tbl td,.imp-tbl th{padding:7px 9px}
.imp-tbl tr.is-mat td{background:var(--st-erledigt-bg)}
.imp-tbl select{border:1px solid var(--line-strong);background:var(--surface);border-radius:6px;padding:3px 6px;font-size:13px}
.imp-sum{display:grid;grid-template-columns:auto auto;justify-content:space-between;gap:4px 16px;margin:0;font-size:14px}
.imp-sum dt{color:var(--muted)}.imp-sum dd{margin:0;text-align:right}
.imp-banner{display:flex;gap:10px;align-items:flex-start;background:var(--ok-bg);color:var(--ok);border-radius:9px;padding:10px 12px;font-size:14px}
.imp-banner span{color:var(--text-2)}
.imp-link{margin:0;align-self:flex-start;display:inline-flex;align-items:center;gap:6px}
.offer-pos summary{cursor:pointer;color:var(--brand-strong);font-weight:600;font-size:14px;margin-top:12px}
.offer-pos .plist{margin-top:8px}
.imp-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr)}
table.tbl.imp-tbl{min-width:420px}
.imp-tbl td:nth-child(3),.imp-tbl td:nth-child(4){white-space:nowrap}
.imp-tbl select{font-size:12.5px;padding:2px 4px;max-width:96px}
.imp-raw{border:1px solid var(--line);border-radius:10px;padding:10px 12px;background:var(--surface-2)}
.imp-raw summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--brand-strong)}
.imp-raw ol{list-style:none;margin:10px 0 0;padding:0;max-height:260px;overflow:auto;display:flex;flex-direction:column;gap:2px;font-size:13.5px}
.imp-raw button{width:100%;text-align:left;background:transparent;border:0;border-radius:6px;padding:4px 8px;cursor:pointer;color:var(--text-2);overflow-wrap:anywhere}
.imp-raw button:hover{background:var(--brand-soft);color:var(--text)}
/* ---------- finance ---------- */
:root{--fin-1:#2a78d6;--fin-2:#eb6834;--fin-3:#1baf7a;--fin-4:#eda100;--fin-5:#e87ba4}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--fin-1:#3987e5;--fin-2:#d95926;--fin-3:#199e70;--fin-4:#c98500;--fin-5:#d55181}}
:root[data-theme="dark"]{--fin-1:#3987e5;--fin-2:#d95926;--fin-3:#199e70;--fin-4:#c98500;--fin-5:#d55181}
.fin-strip .card-head{margin-bottom:10px}
.fin-tiles{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;border:1px solid var(--line);border-radius:10px;overflow:hidden}
.fin-tiles .fin-tile{border:0;border-left:1px solid var(--line);border-radius:0}
.fin-tiles .fin-tile:first-child{border-left:0}
@media (max-width:1100px){.fin-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-tiles .fin-tile{border-top:1px solid var(--line)}}
@media (max-width:480px){.fin-tiles{grid-template-columns:minmax(0,1fr)}.fin-tiles .fin-tile{border-left:0}}
.fin-tile{display:flex;flex-direction:column;gap:3px;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);min-width:0}
.fin-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2);font-weight:600}
.fin-value{font-family:"Barlow Semi Condensed",sans-serif;font-size:26px;font-weight:600;line-height:1.15;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fin-sub{font-size:13px;color:var(--muted)}
.fin-sub b{color:var(--text)}
.fin-delta{font-size:12.5px;font-weight:600;color:var(--muted)}
.fin-delta.good{color:var(--ok)}.fin-delta.bad{color:var(--danger)}
.fin-banner{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:var(--warn-bg);color:var(--text-2);border-radius:10px;padding:10px 14px;font-size:14px}
.fin-banner .ico{color:var(--warn)}
.fin-banner span{flex:1;min-width:220px}
.fin-kpis{display:grid;grid-template-columns:1.6fr repeat(4,minmax(0,1fr));gap:12px}
@media (max-width:1250px){.fin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.fin-hero{grid-column:1 / -1}}
@media (max-width:520px){.fin-kpis{grid-template-columns:minmax(0,1fr)}}
.fin-hero{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.fin-hero-val{font-family:"Barlow Semi Condensed",sans-serif;font-size:48px;font-weight:600;line-height:1.05;color:var(--text)}
.fin-meter{position:relative;height:8px;border-radius:8px;background:var(--surface-2);border:1px solid var(--line);margin-top:8px;overflow:hidden}
.fin-meter i{position:absolute;left:0;top:0;bottom:0;border-radius:8px;background:var(--brand)}
.fin-meter.good i{background:var(--ok)}.fin-meter.warn i{background:var(--warn)}.fin-meter.bad i{background:var(--danger)}
.fin-meter .tick{position:absolute;top:0;bottom:0;width:1px;background:var(--line-strong)}
.fin-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--text-2)}
.fin-legend span{display:inline-flex;align-items:center;gap:6px}
.fin-legend i,.fin-tip i,.sw{display:inline-block;width:10px;height:10px;border-radius:3px;flex:none}
.fin-chart{position:relative;width:100%;min-height:280px}
.fin-chart svg{display:block;max-width:100%}
.fin-grid-line{stroke:var(--line);stroke-width:1}
.fin-base{stroke:var(--line-strong);stroke-width:1}
.fin-axis{fill:var(--muted);font-size:11.5px;font-family:"Barlow",sans-serif;font-variant-numeric:tabular-nums}
.fin-axis.cur{fill:var(--text);font-weight:700}
.fin-cur{fill:var(--surface-2)}
.fin-tip{position:absolute;width:270px;background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-pop);padding:10px 12px;font-size:13px;pointer-events:none;z-index:3;display:flex;flex-direction:column;gap:2px}
.fin-tip dl{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:6px 0 0}
.fin-tip dt{display:flex;align-items:center;gap:6px;color:var(--text-2)}
.fin-tip dd{margin:0;text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums;color:var(--text)}
.fin-tip .sum{border-top:1px solid var(--line);padding-top:4px;font-weight:700;color:var(--text)}
.fin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:16px;align-items:start}
@media (max-width:1000px){.fin-grid{grid-template-columns:minmax(0,1fr)}}
.fin-stack{display:flex;gap:2px;height:22px;border-radius:6px;overflow:hidden;margin-bottom:10px}
.fin-stack span{min-width:3px}
.fin-list li{gap:10px}
table.tbl.fin-tbl{min-width:520px;font-size:14px}
.fin-tbl td,.fin-tbl th{padding:8px 10px}
.fin-tbl tfoot td{background:var(--surface-2);font-weight:600;border-top:1px solid var(--line-strong)}
table.tbl.fin-orders{min-width:820px}
.cell-sub{display:block;font-size:11.5px}
.th-sort{background:none;border:0;padding:0;font:inherit;color:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}
.th-sort[aria-pressed="true"]{color:var(--text)}
.fin-rev-row{display:flex;gap:6px}
.fin-rev-row input{flex:1;min-width:0}
.fin-rev{margin-bottom:6px}
.fin-total{border-top:1px solid var(--line-strong)!important}
.fin-costs{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;font-size:14px}
.fin-costs li{display:flex;align-items:center;gap:8px}
.fin-costs li span:first-child{flex:1;color:var(--text-2)}
.fin-cost-add{display:flex;gap:6px;margin-top:10px}
.fin-cost-add input{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:6px 9px;min-width:0;font-size:14px}
.fin-cost-add input[name=label]{flex:2}.fin-cost-add input[name=amount]{flex:1;max-width:100px}
.fin-rates{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}
.fin-ek{width:96px;border:1px solid var(--line-strong);background:var(--surface);border-radius:7px;padding:5px 7px;text-align:right}
.modal-body h3{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:"Barlow",sans-serif;font-weight:700;margin-top:6px}
/* ---------- Chat ---------- */
.navlink .badge,.tb-btn .badge{background:var(--danger);color:#fff;border-radius:999px;font-size:11px;font-weight:700;min-width:18px;height:18px;display:inline-grid;place-items:center;padding:0 5px;margin-left:auto}
.bottomnav .navlink .badge{position:absolute;transform:translate(14px,-6px);margin:0}
.bottomnav .navlink{position:relative}
.chat-wrap{display:grid;grid-template-columns:300px minmax(0,1fr);gap:16px;align-items:stretch;height:calc(100vh - 150px);min-height:460px}
.chat-list{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:auto;min-height:0}
.chat-list-head{padding:14px 16px 8px;position:sticky;top:0;background:var(--surface);z-index:1}
.chat-list ul{list-style:none;margin:0;padding:0 8px 10px}
.ch-row{width:100%;display:flex;align-items:center;gap:10px;padding:9px 10px;border:0;border-radius:10px;background:transparent;cursor:pointer;text-align:left;min-width:0}
.ch-row:hover{background:var(--surface-2)}
.ch-row.sel{background:var(--brand-soft)}
.ch-ic{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--surface-2);color:var(--text-2);flex:none}
.ch-ic.team{background:var(--ink);color:#fff}.ch-ic.order{background:var(--brand-soft);color:var(--brand-strong)}
.ch-main{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.3}
.ch-main b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14.5px}
.ch-main span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ch-end{display:flex;flex-direction:column;align-items:flex-end;gap:4px;font-size:11.5px;white-space:nowrap}
.ch-end .badge{background:var(--danger);color:#fff;border-radius:999px;font-size:11px;font-weight:700;padding:1px 6px}
.chat-main{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);display:flex;flex-direction:column;min-height:0;overflow:hidden}
.chat-head{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}
.chat-head h2{flex:1;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-back{display:none}
.chat-scroll{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:10px;min-height:0}
.chat-day{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px;margin:6px 0}
.chat-day::before,.chat-day::after{content:"";flex:1;height:1px;background:var(--line)}
.msg{display:flex;gap:8px;align-items:flex-end;max-width:min(560px,86%)}
.msg.mine{align-self:flex-end;flex-direction:row-reverse}
.msg-body{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;border-bottom-left-radius:4px;padding:8px 12px;display:flex;flex-direction:column;gap:3px;min-width:0}
.msg.mine .msg-body{background:var(--brand-soft);border-color:transparent;border-bottom-left-radius:14px;border-bottom-right-radius:4px}
.msg-who{font-size:12.5px;font-weight:700;color:var(--brand-strong)}
.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text)}
.msg-img{max-width:240px;border-radius:8px;cursor:zoom-in;display:block;margin-top:2px}
.msg-time{font-size:11.5px;color:var(--muted);display:flex;align-items:center;gap:4px;align-self:flex-end}
.icon-btn.xs{width:22px;height:22px;border-radius:6px}
.icon-btn.xs .ico{width:14px;height:14px}
.chat-form{display:flex;gap:8px;align-items:flex-end;padding:10px 12px;border-top:1px solid var(--line);background:var(--surface-2)}
.chat-form textarea{flex:1;min-height:40px;max-height:120px;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:9px 12px;resize:none;font:inherit}
.chat-form textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.chat-form .photo-prev img{width:36px;height:36px;object-fit:cover;border-radius:6px}
@media (max-width:860px){
.chat-wrap{grid-template-columns:minmax(0,1fr);height:calc(100vh - 210px)}
.chat-wrap .chat-main{display:none}
.chat-wrap.open .chat-main{display:flex}
.chat-wrap.open .chat-list{display:none}
.chat-back{display:inline-grid}
}
/* ---------- Glocke ---------- */
.tb-btn.bell{position:relative;padding:6px 9px}
.tb-btn.bell .badge{position:absolute;top:-6px;right:-6px;margin:0}
.bell-panel{position:absolute;right:12px;top:calc(56px + env(safe-area-inset-top,0px));width:min(380px,calc(100vw - 24px));background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow-pop);z-index:60;overflow:hidden}
.bell-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);font-size:15px}
.bell-list{list-style:none;margin:0;padding:0;max-height:min(60vh,420px);overflow:auto}
.bell-list li{border-bottom:1px solid var(--line)}
.bell-list li.new{background:var(--brand-soft)}
.bell-item{display:flex;gap:10px;width:100%;text-align:left;background:none;border:0;padding:10px 14px;cursor:pointer;color:var(--text)}
.bell-item:hover{background:var(--surface-2)}
.bell-item .ico{color:var(--muted);margin-top:2px}
.bell-item>span{display:flex;flex-direction:column;gap:2px;min-width:0}
.bell-item b{font-size:14px;font-weight:600}
.bell-item span span{font-size:12.5px;color:var(--text-2)}
.bell-foot{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--surface-2);border-top:1px solid var(--line);font-size:13px}
.nf-row{align-items:flex-start;gap:10px;padding:6px 0}
.nf-row span{display:flex;flex-direction:column}
.nf-row small{color:var(--muted);font-size:12.5px}
/* ---------- Offerten-Assistent ---------- */
.wz-steps{list-style:none;display:flex;gap:6px;margin:0;padding:0;flex-wrap:wrap}
.wz-steps li button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);border-radius:999px;padding:7px 14px;font-weight:600;color:var(--muted);cursor:pointer;font-size:14px}
.wz-steps li.cur button{border-color:var(--brand);color:var(--brand-strong);background:var(--brand-soft)}
.wz-steps li.done button{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,var(--line))}
.wz-n{width:20px;height:20px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;font-size:12px}
.wz-steps li.cur .wz-n{background:var(--brand);color:#fff}
.wz-steps li.done .wz-n{background:var(--ok);color:#fff}
.wz-card{display:flex;flex-direction:column;gap:12px}
.wz-sub{font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-family:"Barlow",sans-serif;font-weight:700;margin-top:4px}
.wz-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:14px;margin-top:4px}
.field.wide{width:100%}
.field.wide textarea{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:9px 11px;resize:vertical;font:inherit}
.opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:8px}
.opt{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line-strong);border-radius:10px;padding:10px 12px;cursor:pointer;background:var(--surface)}
.opt.sel{border-color:var(--brand);background:var(--brand-soft)}
.opt input{margin-top:3px}
.opt span{display:flex;flex-direction:column;gap:2px}
.opt small{color:var(--muted);font-size:12.5px}
.gate-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.gate-list li{border:1px solid var(--line);border-radius:10px;padding:12px 14px;background:var(--surface-2)}
.gate-list .switch{align-items:flex-start;gap:12px}
.gate-list .switch span{display:flex;flex-direction:column}
.gate-list small{color:var(--muted);font-size:13px;font-weight:400}
.q-send{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.q-send>div{border:1px solid var(--line);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:8px;background:var(--surface-2)}
.q-send p{font-size:13.5px}
.q-decide,.q-order{border:1px solid var(--line);border-radius:10px;padding:14px;background:var(--surface-2);display:flex;flex-direction:column;gap:10px}
input.qz{width:86px;border:1px solid var(--line-strong);border-radius:7px;padding:5px 8px;text-align:right;background:var(--surface)}
/* ---------------- Kundenportal ---------------- */
.k-preview-bar{position:sticky;top:0;z-index:60;display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:8px 16px;background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--line);font-size:14px}
.k-preview-bar b{color:var(--text)}
.k-preview-bar .btn{margin-left:auto}
.k-bell{position:relative}
.k-badge{position:absolute;top:-6px;right:-6px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:#E5484D;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}
.navlink .k-navcnt{margin-left:auto;background:#E5484D;color:#fff;border-radius:9px;font-size:11px;font-weight:700;padding:1px 6px}
.k-live{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px 20px;border-radius:var(--radius);background:var(--live-bg);color:#E8FFF1;margin-bottom:18px}
.k-live .k-live-main{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}
.k-live .k-live-main b{font-size:17px}
.k-live .k-live-main span{color:#A9E5C1;font-size:14px}
.k-live .k-live-clock{font-size:26px;font-weight:600;letter-spacing:.5px}
.k-live .btn{background:#E8FFF1;color:#0E3B24;border-color:transparent}
.k-live .btn:hover{background:#fff}
.k-live .live-dot{width:12px;height:12px}
.k-live .k-live-eyebrow{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#7EE2A8}
@media (max-width:600px){.k-live{display:grid;grid-template-columns:auto 1fr;gap:10px 12px}.k-live .live-dot{margin-top:6px;align-self:start}.k-live .k-live-clock{grid-column:2;font-size:20px}.k-live .btn{grid-column:1/-1;justify-self:start}.k-state .k-live-clock{font-size:20px}}
.k-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:18px;align-items:start}
@media (max-width:1080px){.k-grid{grid-template-columns:1fr}}
.k-projects{display:flex;flex-direction:column;gap:12px}
.k-proj{display:flex;flex-direction:column;gap:10px;text-align:left;width:100%;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;box-shadow:var(--shadow);color:var(--text);font:inherit;transition:border-color .12s,transform .12s}
.k-proj:hover{border-color:var(--brand)}
.k-proj.is-live{border-color:var(--live);box-shadow:0 0 0 1px var(--live),var(--shadow)}
.k-proj-top{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px;color:var(--muted)}
.k-proj-top .mono{color:var(--text-2)}
.k-proj h3{font-size:17px;margin:0;line-height:1.3}
.k-proj-addr{font-size:14px;color:var(--text-2)}
.k-proj-foot{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13.5px;color:var(--text-2)}
.k-progress{display:flex;align-items:center;gap:10px}
.k-progress .k-bar{flex:1;height:8px;border-radius:4px;background:var(--surface-2);border:1px solid var(--line);overflow:hidden}
.k-progress .k-bar i{display:block;height:100%;border-radius:4px;background:var(--brand)}
.k-progress.done .k-bar i{background:var(--st-erledigt)}
.k-progress b{font-size:13px;min-width:38px;text-align:right;font-variant-numeric:tabular-nums}
.k-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:4px 0 2px;list-style:none;padding:0}
.k-steps li{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;font-size:13px;color:var(--muted);padding:0 4px}
.k-steps li::before{content:"";position:absolute;top:13px;left:-50%;right:50%;height:3px;background:var(--line);z-index:0}
.k-steps li:first-child::before{display:none}
.k-steps li.done::before,.k-steps li.cur::before{background:var(--brand)}
.k-steps .k-dot{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:var(--surface);border:3px solid var(--line);display:flex;align-items:center;justify-content:center}
.k-steps li.done .k-dot{background:var(--brand);border-color:var(--brand);color:#fff}
.k-steps li.done .k-dot .ico{width:14px;height:14px;stroke:#fff}
.k-steps li.cur .k-dot{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.k-steps li.cur .k-dot::after{content:"";width:10px;height:10px;border-radius:50%;background:var(--brand)}
.k-steps li.cur.live .k-dot{border-color:var(--live);box-shadow:0 0 0 4px rgba(22,163,74,.18)}
.k-steps li.cur.live .k-dot::after{background:var(--live);animation:pulse 1.8s infinite}
.k-steps b{color:var(--text);font-size:13.5px}
.k-steps small{font-size:12px}
.k-state{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:16px 18px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface-2)}
.k-state.live{background:var(--live-bg);border-color:transparent;color:#E8FFF1}
.k-state.live .k-state-sub{color:#A9E5C1}
.k-state.done{background:var(--st-erledigt-bg);border-color:transparent}
.k-state .k-state-main{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}
.k-state .k-state-main b{font-size:17px}
.k-state-sub{font-size:14px;color:var(--text-2)}
.k-state .k-live-clock{font-size:24px;font-weight:600}
.k-state .k-ic{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface);flex:none}
.k-state .k-ic .ico{width:20px;height:20px}
.k-names{display:flex;gap:6px;flex-wrap:wrap;margin-top:4px}
.k-names span{background:rgba(255,255,255,.12);border-radius:20px;padding:2px 10px;font-size:13px}
.k-tl{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.k-tl li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:10px 0;position:relative}
.k-tl li:not(:last-child)::before{content:"";position:absolute;left:16px;top:44px;bottom:-4px;width:2px;background:var(--line)}
.k-tl .k-tl-ic{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:1px solid var(--line);color:var(--text-2)}
.k-tl .k-tl-ic .ico{width:16px;height:16px}
.k-tl .ev-start .k-tl-ic{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.k-tl .ev-end .k-tl-ic{background:var(--surface-2)}
.k-tl .ev-done .k-tl-ic{background:var(--st-erledigt);color:#fff;border-color:transparent}
.k-tl .ev-done .k-tl-ic .ico{stroke:#fff}
.k-tl .ev-problem .k-tl-ic{background:var(--warn-bg);color:var(--warn);border-color:transparent}
.k-tl .ev-solved .k-tl-ic{background:var(--ok-bg);color:var(--ok);border-color:transparent}
.k-tl .ev-msg .k-tl-ic,.k-tl .ev-doc .k-tl-ic,.k-tl .ev-date .k-tl-ic{background:var(--brand-soft);color:var(--brand);border-color:transparent}
.k-tl-body{display:flex;flex-direction:column;gap:3px;min-width:0}
.k-tl-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.k-tl-head b{font-size:14.5px}
.k-tl-head span{font-size:12.5px;color:var(--muted)}
.k-tl-text{font-size:14px;color:var(--text-2);white-space:pre-wrap;overflow-wrap:anywhere}
.k-tl li.unread .k-tl-head b::after{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#E5484D;margin-left:8px;vertical-align:middle}
.k-tl .k-tl-proj{font-size:12.5px;color:var(--brand);cursor:pointer;background:none;border:0;padding:0;text-align:left;font:inherit;font-size:12.5px}
.k-tl .k-tl-proj:hover{text-decoration:underline}
.k-day{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:14px 0 2px}
.k-day:first-child{margin-top:0}
.k-notice{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:10px;background:var(--warn-bg);color:var(--text);font-size:14px}
.k-notice .ico{color:var(--warn);flex:none;margin-top:2px}
.k-stars{display:flex;gap:6px}
.k-stars button{background:none;border:0;padding:2px;cursor:pointer;color:var(--line-strong)}
.k-stars button .ico{width:30px;height:30px}
.k-stars button.on{color:#F5A524}
.k-stars button.on .ico{fill:#F5A524}
.k-stars.ro .ico{width:18px;height:18px}
.k-setrow{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid var(--line)}
.k-setrow:first-of-type{border-top:0}
.k-setrow div{display:flex;flex-direction:column;gap:2px}
.k-setrow small{color:var(--muted);font-size:13px}
.k-cred{font-family:'JetBrains Mono',monospace;font-size:13.5px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:12px 14px;white-space:pre-wrap;line-height:1.6}
.k-cust-list{display:flex;flex-direction:column}
.k-cust{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.k-cust:first-child{border-top:0}
.k-cust .p-main{display:flex;flex-direction:column;min-width:0}
.k-cust .p-main span{font-size:13px;color:var(--muted)}
.k-cust-actions{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
@media (max-width:700px){.k-cust{grid-template-columns:auto minmax(0,1fr)}.k-cust-actions{grid-column:1/-1;justify-content:flex-start}}
.pin.k-live-pin::before{content:"";position:absolute;inset:-7px;border-radius:50%;border:2px solid var(--live);animation:ring2 1.6s infinite}
.tag.pub{background:var(--brand-soft);color:var(--brand)}
.doc-share{font-size:12px}
.doc-share[aria-pressed="true"]{color:var(--brand)}
.k-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:28px 0 12px}
.k-section-title h2{font-size:18px;margin:0}
/* ---------- Offerte aus Anfrage ---------- */
.qi-tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:820px){.qi-tiles{grid-template-columns:minmax(0,1fr)}}
.qi-tile{display:flex;align-items:center;gap:14px;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;cursor:pointer;color:var(--text);font:inherit;transition:border-color .15s,transform .15s}
.qi-tile:hover{border-color:var(--brand);transform:translateY(-1px)}
.qi-tile>span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.qi-tile b{font-size:16px}
.qi-tile small{font-size:13px;color:var(--muted)}
.qi-tile-ic{width:44px;height:44px;border-radius:12px;background:var(--brand-soft);color:var(--brand-strong);display:grid;place-items:center;flex:none}
.qi-tile-ic .ico{width:22px;height:22px}
.qi-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:16px;align-items:start}
@media (max-width:1080px){.qi-grid{grid-template-columns:minmax(0,1fr)}}
.qi-side-col{display:flex;flex-direction:column;gap:16px;min-width:0;position:sticky;top:76px}
@media (max-width:1080px){.qi-side-col{position:static}}
.qi-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.qi-live{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--ok)}
.qi-text{width:100%;border:1px solid var(--line-strong);background:var(--surface);border-radius:10px;padding:12px 14px;resize:vertical;min-height:220px;font:inherit;font-size:15px;line-height:1.5}
.qi-text:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.qi-interim{min-height:1.2em;margin-top:-6px;font-size:14px;color:var(--muted);font-style:italic}
.qi-interim:empty{display:none}
.qi-note{margin:0}
.qi-note span{flex:1}
.qi-audio{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.qi-audio-file{align-self:stretch}
.qi-audio-file{display:flex;flex-direction:column;gap:8px;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:10px 12px}
.qi-audio-file audio{width:100%;max-width:420px}
.qi-audio-file .btn{align-self:flex-start}
.qi-say{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:6px}
.qi-say li{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:8px 10px;font-size:13.5px;color:var(--text-2);display:flex;flex-direction:column}
.qi-say b{color:var(--text);font-size:13px;letter-spacing:.04em;text-transform:uppercase}
.qi-row{display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:6px 12px;align-items:center;padding:8px 0;border-top:1px solid var(--line)}
.qi-row:first-of-type{border-top:0}
.grid2 .qi-row{grid-template-columns:90px minmax(0,1fr) auto}
.qi-lab{font-size:13.5px;font-weight:600;color:var(--text-2)}
.qi-ctl{display:flex;align-items:center;gap:6px;min-width:0}
.qi-ctl input:not(.qz),.qi-ctl select{width:100%;min-width:0;border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:7px 10px}
.qi-ctl input:focus,.qi-ctl select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.qi-st{justify-self:end}
.qi-ev{grid-column:2 / -1;font-size:12.5px;color:var(--muted);font-style:italic;overflow-wrap:anywhere;margin-top:-2px}
@media (max-width:620px){.qi-row,.grid2 .qi-row{grid-template-columns:minmax(0,1fr) auto}.qi-lab{grid-column:1}.qi-st{grid-column:2;grid-row:1}.qi-ctl,.qi-ev{grid-column:1 / -1}}
.qi-total{display:flex;flex-direction:column;gap:4px}
.qi-total .k-num{font-size:40px}
.qi-q{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-2)}
.qi-src summary{cursor:pointer;font-weight:600;font-size:14px;color:var(--brand-strong);display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.qi-src pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:13.5px;color:var(--text-2);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:10px 12px;margin:10px 0 0;max-height:320px;overflow:auto}
.qi-src .qi-q{margin-top:10px}
.qi-src-q{padding:12px 16px}
.qi-side .plist li{align-items:flex-start}
/* ---------------- Pipeline (CRM) ---------------- */
.pipe-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;align-items:start}
.pipe-col{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--radius);padding:10px;min-height:140px}
.pipe-col h3{display:flex;justify-content:space-between;gap:8px;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-weight:600;margin:0 2px 10px}
.pipe-card{display:block;width:100%;text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px;cursor:pointer;transition:border-color .15s,transform .15s}
.pipe-card:hover{border-color:var(--brand);transform:translateY(-1px)}
.pipe-card b{display:block;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipe-card .pipe-site{display:block;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pipe-card .meta{display:flex;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--text-2);margin-top:6px;font-variant-numeric:tabular-nums}
.pipe-due{color:var(--danger);font-weight:600}
.pipe-empty{color:var(--muted);text-align:center;padding:14px 0;font-size:13px}
.pipe-due-card{margin-top:16px;border-color:var(--danger)}
.pipe-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}
.pipe-stages{display:flex;gap:6px;flex-wrap:wrap}
.pipe-stages .chip.cur{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-strong)}
.pipe-rows{display:flex;flex-direction:column}
.pipe-row{display:flex;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--line);font-size:14px}
.pipe-row:first-child{border-top:0}
.pipe-row span{color:var(--muted)}
.pipe-row b{font-weight:600;text-align:right;min-width:0;overflow-wrap:anywhere}
.pipe-next{display:grid;grid-template-columns:minmax(0,1fr) 150px auto auto;gap:8px;align-items:end}
.pipe-act{display:grid;grid-template-columns:130px minmax(0,1fr) auto;gap:8px}
.pipe-act select,.pipe-act input{border:1px solid var(--line-strong);background:var(--surface);border-radius:8px;padding:8px 10px;min-width:0}
@media (max-width:1100px){.pipe-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:860px){.pipe-detail{grid-template-columns:1fr}.pipe-next{grid-template-columns:1fr 1fr}.pipe-act{grid-template-columns:1fr}}
@media (max-width:560px){.pipe-board{grid-template-columns:1fr}}