:root{--ink:#16302a;--muted:#6b7a76;--line:#dde6e2;--green:#0d6753;--deep:#103f35;--mint:#e8f4f0;--paper:#f4f7f5;--red:#b8473e;--amber:#cc7b16;--blue:#3770a8;--white:#fff}*{box-sizing:border-box}html{background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,sans-serif}button,input{font:inherit}.app-shell{min-height:100vh}.sidebar{z-index:20;background:var(--deep);color:#fff;flex-direction:column;width:252px;padding:25px 17px 20px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.brand,.user{align-items:center;gap:12px;display:flex}.brand>span{width:38px;height:38px;color:var(--green);background:#fff;border-radius:10px;place-items:center;font-size:18px;font-weight:900;display:grid}.brand div,.user div{letter-spacing:.01em;font-weight:800}.brand small,.user small{opacity:.7;letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:10px;font-weight:500;display:block}.close-menu{margin-left:auto;display:none}.sidebar nav{margin-top:34px}.nav-group{margin-bottom:22px}.nav-group>p{letter-spacing:.16em;color:#8eb4aa;margin:0 14px 8px;font-size:9px}.nav-group button{color:#c9ddd7;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:11px;width:100%;padding:10px 13px;font-size:13px;display:flex}.nav-group button i{text-align:center;width:17px;font-size:16px;font-style:normal}.nav-group button b{color:#fff;background:#ffffff20;border-radius:10px;margin-left:auto;padding:2px 7px;font-size:10px}.nav-group button:hover{background:#ffffff0d}.nav-group button.active{color:#164d40;background:#fff;font-weight:700;box-shadow:0 6px 20px #062a2240}.nav-group button.active b{color:var(--green);background:#dceee8}.user{border-top:1px solid #ffffff25;margin-top:auto;padding:18px 8px 0}.user>span{color:#164d40;background:#9fd6c7;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:800;display:grid}.user button{color:#c9ddd7;background:0 0;border:0;margin-left:auto}.workspace{max-width:1540px;min-height:100vh;margin-left:252px;padding:32px clamp(24px,4vw,60px) 68px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px;display:flex}.topbar>div:first-of-type{flex:1}.topbar p,.panel-head p,.paperless-search>p{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:10px}.topbar h1{letter-spacing:-.025em;margin:0;font-size:27px}.header-actions{align-items:center;gap:9px;display:flex}.global-search{border:1px solid var(--line);width:min(300px,24vw);height:42px;color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 11px;display:flex}.global-search input,.local-search input,.paperless-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.global-search kbd{border:1px solid var(--line);background:var(--paper);border-radius:4px;padding:3px 5px;font-size:10px}.icon-button,.menu-toggle{border:1px solid var(--line);width:42px;height:42px;color:var(--green);background:#fff;border-radius:10px;position:relative}.icon-button b{background:#d45145;border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.scan,.primary{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:9px;padding:12px 17px;font-size:13px;font-weight:700;box-shadow:0 4px 12px #0d675322}.menu-toggle{display:none}.notice{background:#fff7eb;border:1px solid #efd6b3;border-radius:12px;align-items:center;gap:14px;margin-bottom:17px;padding:15px 18px;display:flex}.notice>span{color:#fff;background:#d88a27;border-radius:50%;place-items:center;width:27px;height:27px;font-weight:900;display:grid}.notice div{flex:1}.notice strong{font-size:13px}.notice p{color:#7a6a54;margin:3px 0 0;font-size:12px}.notice button,.panel-head button,.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.metric,.panel,.customer-card,.case-card,.doc{border:1px solid var(--line);background:#fff;border-radius:13px}.metric{text-align:left;cursor:pointer;color:var(--ink);padding:18px;transition:all .18s;position:relative}.metric:hover,.customer-card:hover,.doc:hover{transform:translateY(-2px);box-shadow:0 9px 24px #173c3212}.metric-icon{border-radius:8px;place-items:center;width:27px;height:27px;font-size:12px;display:grid;position:absolute;top:16px;right:16px}.metric-icon.red{color:var(--red);background:#fcecea}.metric-icon.amber{color:var(--amber);background:#fff3df}.metric-icon.green{background:var(--mint);color:var(--green)}.metric-icon.blue{color:var(--blue);background:#eaf2fa}.metric p{color:var(--muted);margin:0;font-size:12px}.metric strong{margin:11px 0 6px;font-size:29px;display:block}.metric small{color:var(--muted);font-size:11px}.content-grid{grid-template-columns:1.55fr 1fr;gap:17px;margin-top:17px;display:grid}.panel{padding:20px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.panel h2,.paperless-search h2{margin:0;font-size:17px}.job{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;align-items:center;gap:12px;padding:14px 0;display:flex}.job time{color:var(--muted);width:40px;font-size:12px}.dot{border-radius:50%;width:8px;height:8px}.red{background:#d2584e}.blue{background:#4d82c5}.green{background:#43a278}.job div{flex:1}.job p{color:var(--muted);margin:4px 0 0;font-size:12px}.job b{color:var(--green);background:var(--mint);border-radius:12px;padding:5px 8px;font-size:9px}.job b.danger{color:var(--red);background:#fff0ef}.job i,.quick-row i,.customer-card i,.role-row i{color:#91a09c;font-style:normal}.quick-row{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);cursor:pointer;background:#fff;align-items:center;gap:12px;padding:14px 3px;display:flex}.quick-row>span{background:var(--mint);width:36px;height:36px;color:var(--green);border-radius:9px;place-items:center;font-size:18px;display:grid}.quick-row div{flex:1}.quick-row small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.activity{margin-top:17px;padding-bottom:10px}.activity-row{border-top:1px solid var(--line);align-items:center;gap:12px;padding:13px 2px;display:flex}.activity-row>span{background:var(--mint);width:33px;height:33px;color:var(--green);border-radius:50%;place-items:center;display:grid}.activity-row>div{flex:1}.activity-row p{color:var(--muted);margin:3px 0 0;font-size:11px}.activity-row time{color:var(--muted);font-size:10px}.section-tools{justify-content:flex-end;align-items:center;gap:10px;margin:0 0 16px;display:flex}.local-search{border:1px solid var(--line);width:min(430px,48%);color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:8px;margin-right:auto;padding:11px 13px;display:flex}.secondary,.table-title button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:11px 14px;font-size:12px;font-weight:700}.table-panel{padding:0;overflow:hidden}.table-title{justify-content:space-between;align-items:center;padding:19px 21px;display:flex}.table-title h2{margin:0;font-size:17px}.table-title p{color:var(--muted);margin:4px 0 0;font-size:11px}.table{border-top:1px solid var(--line)}.tr{text-align:left;border:0;border-bottom:1px solid var(--line);width:100%;color:var(--ink);background:#fff;grid-template-columns:1.1fr 1.1fr 1.5fr .8fr 1fr;align-items:center;gap:10px;padding:15px 20px;font-size:12px;display:grid}.tr:not(.th){cursor:pointer}.tr:not(.th):hover{background:#f9fbfa}.tr.th{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;background:#f8faf9;font-size:9px}.tr small{color:var(--muted);margin-top:3px;display:block}.status{background:var(--mint);color:var(--green);border-radius:12px;padding:5px 8px;font-size:9px;display:inline-flex}.status.storung{color:var(--red);background:#fff0ef}.status.prufung{color:var(--amber);background:#fff4e4}.card-grid,.document-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.customer-card,.doc{text-align:left;color:var(--ink);cursor:pointer;align-items:center;gap:14px;padding:20px;display:flex}.customer-card>span{background:var(--mint);width:45px;height:45px;color:var(--green);border-radius:11px;place-items:center;font-weight:800;display:grid}.customer-card div,.doc div{flex:1}.customer-card h3,.doc h3{margin:0;font-size:14px}.customer-card p,.doc p{color:var(--muted);margin:5px 0;font-size:11px}.customer-card small,.doc small{color:var(--muted);font-size:10px}.case-board{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.case-board>section{background:#ecf1ef;border-radius:13px;min-height:440px;padding:13px}.case-board section>header{align-items:center;gap:8px;padding:1px 4px 10px;display:flex}.case-board h3{margin:0;font-size:12px}.case-board header b{background:#dce5e1;border-radius:10px;padding:3px 7px;font-size:9px}.case-card{text-align:left;width:100%;color:var(--ink);margin-bottom:10px;padding:15px;display:block}.case-card>small{color:var(--muted);justify-content:space-between;font-size:9px;display:flex}.case-card small b{background:var(--mint);color:var(--green);border-radius:8px;padding:3px 6px}.case-card small b.high{color:var(--red);background:#fff0ef}.case-card h4{margin:12px 0;font-size:13px}.case-card p{color:var(--muted);margin:6px 0;font-size:10px}.case-card footer{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:14px;padding-top:10px;font-size:10px;display:flex}.case-card footer span{background:var(--mint);width:25px;height:25px;color:var(--green);border-radius:50%;place-items:center;font-weight:800;display:grid}.segmented{background:#e8eeeb;border-radius:9px;margin-right:auto;padding:3px;display:flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:7px;padding:8px 12px;font-size:11px}.segmented button.selected{color:var(--ink);background:#fff;box-shadow:0 2px 5px #16302a12}.calendar{padding:0;overflow:hidden}.calendar-head{justify-content:center;align-items:center;gap:25px;padding:18px;display:flex}.calendar-head h2{font-size:17px}.calendar-head button{background:var(--paper);border:0;border-radius:8px;padding:5px 10px}.weekdays,.days{grid-template-columns:repeat(7,1fr);display:grid}.weekdays{border-block:1px solid var(--line);background:#f8faf9}.weekdays span{color:var(--muted);padding:10px 14px;font-size:9px}.days button{border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:left;height:92px;color:var(--ink);background:#fff;padding:10px}.days button.today b{background:var(--green);color:#fff;border-radius:50%;padding:5px 7px}.days small{background:var(--mint);color:var(--green);border-radius:5px;margin-top:12px;padding:5px;font-size:9px;display:block}.module-intro{background:var(--deep);color:#fff;border-radius:14px;justify-content:space-between;align-items:center;padding:24px;display:flex}.module-intro p{opacity:.8;max-width:660px;margin:0;line-height:1.5}.workflow{grid-template-columns:repeat(3,1fr);gap:14px;margin:16px 0;display:grid}.workflow article{border:1px solid var(--line);background:#fff;border-radius:13px;padding:20px}.workflow article>span{background:var(--mint);width:28px;height:28px;color:var(--green);border-radius:50%;place-items:center;font-weight:800;display:grid}.workflow h3{margin:14px 0 7px;font-size:13px}.workflow p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.paperless-search{background:var(--deep);color:#fff;border-radius:15px;margin-bottom:17px;padding:31px}.paperless-search>p{color:#a7ccc2}.paperless-search h2{margin-bottom:17px;font-size:24px}.paperless-search label{color:var(--muted);background:#fff;border-radius:10px;align-items:center;gap:10px;max-width:780px;padding:5px 6px 5px 14px;display:flex}.paperless-search label button{background:var(--green);color:#fff;border:0;border-radius:7px;padding:10px 18px;font-weight:700}.paperless-search>small{color:#b8d2cb;margin-top:10px;display:block}.doc>span{width:42px;height:48px;color:var(--red);background:#fff0ef;border-radius:7px;place-items:center;font-size:9px;font-weight:800;display:grid}.timeline{padding:24px}.device-summary{background:var(--paper);border-radius:10px;align-items:center;gap:12px;margin-bottom:12px;padding:17px;display:flex}.device-summary span{color:var(--muted);flex:1;font-size:12px}.device-summary b{color:var(--red);background:#fff0ef;border-radius:11px;padding:6px 9px;font-size:9px}.timeline-row{grid-template-columns:15px 145px 1fr;gap:15px;padding:15px 0;display:grid;position:relative}.timeline-row:before{content:"";background:var(--line);width:1px;position:absolute;top:29px;bottom:-15px;left:7px}.timeline-row:last-child:before{display:none}.timeline-row>span{z-index:1;background:#fff;border:4px solid #cad8d3;border-radius:50%;width:15px;height:15px}.timeline-row>span.current{border-color:var(--green)}.timeline-row time{color:var(--muted);font-size:10px}.timeline-row p{color:var(--muted);margin:4px 0;font-size:11px}.role-panel{padding:0}.role-row{border:0;border-top:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;align-items:center;gap:13px;padding:15px 20px;display:flex}.role-row>span{background:var(--mint);width:35px;height:35px;color:var(--green);border-radius:9px;place-items:center;display:grid}.role-row div{flex:1}.role-row p{color:var(--muted);margin:4px 0 0;font-size:10px}.role-row b{color:var(--muted);font-size:10px}.modal-backdrop{z-index:50;background:#071d18aa;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.scan-modal{text-align:center;background:#fff;border-radius:17px;width:min(440px,100%);padding:27px;position:relative}.modal-close{color:var(--muted);background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.scan-modal>p{letter-spacing:.15em;color:var(--green);font-size:9px}.scan-modal h2{font-size:21px}.camera{color:#fff;background:linear-gradient(145deg,#122d27,#244a41);border-radius:12px;place-items:center;height:280px;margin:20px 0;display:grid;position:relative;overflow:hidden}.camera:before,.camera:after,.camera>span:before,.camera>span:after{content:"";border-style:solid;border-color:#aee0d2;width:48px;height:48px;position:absolute}.camera:before{border-width:3px 0 0 3px;top:25px;left:25px}.camera:after{border-width:3px 3px 0 0;top:25px;right:25px}.camera>span:before{border-width:0 0 3px 3px;bottom:25px;left:25px}.camera>span:after{border-width:0 3px 3px 0;bottom:25px;right:25px}.camera i{opacity:.8;font-size:42px;font-style:normal}.camera small{position:absolute;bottom:50px}.wide{width:100%}.text-button{margin-top:14px}.toast{z-index:60;background:var(--deep);color:#fff;border-radius:9px;padding:13px 17px;font-size:12px;position:fixed;bottom:25px;right:25px;box-shadow:0 10px 30px #061d1770}.mobile-nav,.scrim{display:none}@media (width<=1100px){.workspace{padding-inline:26px}.global-search{display:none}.metrics{grid-template-columns:1fr 1fr}.content-grid,.card-grid{grid-template-columns:1fr}.case-board{grid-template-columns:repeat(2,1fr)}}@media (width<=760px){.sidebar{width:min(310px,86vw);transition:all .25s;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.close-menu{color:#fff;background:0 0;border:0;font-size:22px;display:block}.scrim{z-index:15;background:#071d1870;border:0;display:block;position:fixed;inset:0}.workspace{margin-left:0;padding:20px 15px 92px}.topbar{margin-bottom:20px}.menu-toggle{flex:none;display:block}.topbar h1{font-size:21px}.topbar p{font-size:8px}.header-actions .icon-button{display:none}.scan{width:42px;height:42px;padding:0}.scan span{display:none}.metrics{gap:9px}.metric{padding:15px}.metric strong{font-size:24px}.metric-icon{top:12px;right:12px}.notice{align-items:flex-start}.notice button{display:none}.panel{padding:16px}.activity{display:none}.mobile-nav{z-index:12;border-top:1px solid var(--line);padding:8px 7px calc(8px + env(safe-area-inset-bottom));background:#fff;justify-content:space-around;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-nav button{color:var(--muted);background:0 0;border:0;place-items:center;gap:3px;min-width:50px;font-size:9px;display:grid}.mobile-nav button span{font-size:17px}.mobile-nav button.active{color:var(--green);font-weight:700}.mobile-nav .mobile-scan span{background:var(--green);color:#fff;border:4px solid var(--paper);border-radius:50%;place-items:center;width:42px;height:42px;margin-top:-25px;font-size:20px;display:grid}.section-tools{flex-wrap:wrap}.local-search{order:-1;width:100%}.tr{grid-template-columns:1fr 1fr}.tr span:nth-child(3),.tr span:nth-child(5){display:none}.tr.th span:nth-child(4){display:block}.case-board{scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.case-board>section{scroll-snap-align:start;min-width:84%}.workflow{grid-template-columns:1fr}.module-intro{flex-direction:column;align-items:flex-start;gap:18px}.paperless-search{padding:23px 18px}.document-grid{grid-template-columns:1fr}.weekdays span{text-align:center;padding:9px 4px}.days button{height:68px;padding:7px}.days small{border-radius:50%;width:6px;height:6px;padding:0;font-size:0}.device-summary{flex-wrap:wrap;align-items:flex-start}.device-summary span{flex-basis:100%;order:3}.timeline-row{grid-template-columns:15px 1fr}.timeline-row time,.timeline-row div{grid-column:2}.role-row b{display:none}.toast{text-align:center;bottom:82px;left:15px;right:15px}}@media (width<=390px){.metrics{grid-template-columns:1fr}.metric{min-height:100px}.job time,.job b{display:none}.topbar>div:first-of-type{min-width:0}.topbar h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calendar-head{gap:12px}.days button{height:58px}.segmented button{padding:8px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.planning-hero{background:linear-gradient(125deg,var(--deep),#176b58);color:#fff;border-radius:15px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:25px 28px;display:flex}.planning-hero p,.route-panel>p{letter-spacing:.15em;color:#a9d6ca;margin:0 0 7px;font-size:9px}.planning-hero h2{margin:0 0 7px;font-size:23px}.planning-hero span{color:#c4ddd6;font-size:12px}.planning-tabs{background:#e7eeeb;border-radius:11px;gap:4px;margin-bottom:14px;padding:4px;display:flex;overflow-x:auto}.planning-tabs button{white-space:nowrap;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:10px 15px;font-size:11px;font-weight:700}.planning-tabs button.active{color:var(--green);background:#fff;box-shadow:0 3px 9px #16302a14}.filter-strip{grid-template-columns:130px 130px 1fr 1fr auto;gap:9px;margin-bottom:12px;display:grid}.filter-strip input,.filter-strip select,.filter-strip button,.route-panel select{border:1px solid var(--line);min-width:0;color:var(--ink);background:#fff;border-radius:9px;padding:10px 11px;font-size:11px}.filter-strip button{color:var(--green);font-weight:800}.appointment-list{padding:0}.appointment-list article{border-bottom:1px solid var(--line);grid-template-columns:145px 95px 1fr 110px 75px;align-items:center;gap:12px;padding:15px 19px;font-size:11px;display:grid}.appointment-list article:last-child{border:0}.appointment-list time{color:var(--muted)}.appointment-type{font-weight:700}.appointment-list small{color:var(--muted);margin-top:4px;display:block}.appointment-list article>button,.master-panel article>button,.audit-list button{color:var(--green);background:0 0;border:0;font-size:10px;font-weight:700}.workflow-status,.calibration{color:var(--muted);background:#edf2f0;border-radius:10px;justify-self:start;padding:5px 8px;font-size:9px}.workflow-status.zu-bestätigen,.calibration.bald-fällig{color:var(--amber);background:#fff2df}.workflow-status.bestätigt,.calibration.kalibriert{background:var(--mint);color:var(--green)}.team-week{padding:0;overflow:hidden}.team-week header{justify-content:center;align-items:center;gap:25px;padding:17px;display:flex}.team-week header button{background:var(--paper);border:0;border-radius:7px;padding:5px 10px}.team-row{border-top:1px solid var(--line);grid-template-columns:160px repeat(7,1fr);align-items:center;gap:5px;min-height:70px;padding:12px;display:grid}.team-row strong{font-size:11px}.team-row span{background:var(--mint);color:var(--green);border-radius:7px;padding:10px;font-size:10px}.route-layout{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:1.8fr 1fr;min-height:490px;display:grid;overflow:hidden}.route-map{background:#e6efeb;position:relative;overflow:hidden}.map-grid{opacity:.9;background-image:linear-gradient(28deg,#0000 48%,#fff 49% 51%,#0000 52%),linear-gradient(102deg,#0000 47%,#cbdcd5 48% 49%,#0000 50%);background-size:95px 80px,130px 110px;position:absolute;inset:-40px}.radius-ring{background:#0d675315;border:2px solid #0d675388;border-radius:50%;width:280px;height:280px;position:absolute;top:17%;left:30%}.pin{background:var(--green);color:#fff;border-radius:50% 50% 50% 0;place-items:center;width:30px;height:30px;font-size:10px;font-style:normal;font-weight:800;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:0 4px 12px #16302a40}.pin:first-letter{transform:rotate(45deg)}.p1{top:30%;left:45%}.p2{background:var(--amber);top:53%;left:60%}.p3{top:62%;left:32%}.map-legend{background:#fff;border-radius:9px;padding:11px 13px;font-size:10px;position:absolute;bottom:16px;left:16px;box-shadow:0 8px 22px #16302a22}.map-legend b{color:var(--green)}.map-legend strong{color:var(--red)}.route-panel{padding:23px}.route-panel h3{margin:0 0 20px}.route-panel label{color:var(--muted);gap:7px;margin:0 0 15px;font-size:10px;display:grid}.route-panel label b{color:var(--ink);margin-left:auto}.route-panel input[type=range]{accent-color:var(--green)}.route-panel .check-line{align-items:center;display:flex}.route-summary{grid-template-columns:repeat(3,1fr);gap:6px;margin:18px 0;display:grid}.route-summary span{text-align:center;background:var(--paper);border-radius:7px;padding:10px 3px;font-size:9px;font-weight:700}.availability-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.availability-grid article{border:1px solid var(--line);background:#fff;border-radius:12px;grid-template-columns:40px 1fr;align-items:center;gap:11px;padding:17px;display:grid}.availability-grid article>span{background:var(--mint);width:40px;height:40px;color:var(--green);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid}.availability-grid p{color:var(--muted);margin:4px 0;font-size:10px}.availability-grid b{color:var(--amber);font-size:9px}.availability-grid button{color:var(--green);text-align:right;background:0 0;border:0;font-size:10px}.equipment-metrics{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px;display:grid}.equipment-table{padding:0}.equipment-table article{border-bottom:1px solid var(--line);grid-template-columns:38px 1.2fr 1fr 1fr 100px 20px;align-items:center;gap:12px;padding:14px 18px;font-size:11px;display:grid}.equipment-table article>span{background:var(--mint);width:34px;height:34px;color:var(--green);border-radius:8px;place-items:center;display:grid}.equipment-table small{color:var(--muted);margin-top:3px;display:block}.equipment-table p,.equipment-table time{color:var(--muted);font-size:10px}.equipment-table button{color:var(--green);background:0 0;border:0}.calibration.überfällig{color:var(--red);background:#fff0ef}.admin-tabs{margin-bottom:16px}.master-panel{padding:0}.master-panel article{border-top:1px solid var(--line);grid-template-columns:130px 1.3fr 100px 1fr 80px;align-items:center;gap:12px;padding:16px 20px;font-size:11px;display:grid}.master-panel code{background:var(--paper);color:var(--green);border-radius:6px;padding:6px 8px}.master-panel small{color:var(--muted);margin-top:3px;display:block}.master-panel article>span{color:var(--muted);font-size:10px}.master-cards{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.master-cards button{border:1px solid var(--line);text-align:left;color:var(--ink);background:#fff;border-radius:13px;padding:22px}.master-cards span{color:var(--green);font-size:30px;font-weight:800}.master-cards h3{margin:13px 0 6px}.master-cards p{min-height:34px;color:var(--muted);font-size:10px;line-height:1.5}.master-cards b{color:var(--green);font-size:10px}.audit-list{padding:0}.audit-list article{border-bottom:1px solid var(--line);grid-template-columns:80px 130px 1fr 60px;align-items:center;gap:12px;padding:15px 20px;font-size:11px;display:grid}.audit-list time{color:var(--muted)}.audit-list p{color:var(--muted);margin:0}@media (width<=900px){.filter-strip{grid-template-columns:1fr 1fr}.appointment-list article{grid-template-columns:110px 1fr 100px}.appointment-list .appointment-type,.appointment-list article>button{display:none}.route-layout{grid-template-columns:1fr}.route-map{min-height:330px}.availability-grid,.master-cards{grid-template-columns:1fr}.equipment-table article{grid-template-columns:38px 1fr 100px}.equipment-table p,.equipment-table time,.equipment-table button{display:none}.master-panel article{grid-template-columns:110px 1fr 80px}.master-panel article>span,.master-panel article>button{display:none}}@media (width<=760px){.planning-hero{align-items:flex-start;gap:17px;padding:20px}.planning-hero h2{font-size:19px}.planning-hero span{display:none}.filter-strip{grid-template-columns:1fr 1fr}.filter-strip select{display:none}.appointment-list article{grid-template-columns:1fr auto;gap:7px}.appointment-list time,.appointment-list article>div{grid-column:1}.appointment-list .workflow-status{grid-area:1/2/span 2}.equipment-metrics{grid-template-columns:1fr}.equipment-table article{grid-template-columns:38px 1fr 90px}.route-map{min-height:280px}.route-panel{padding:18px}.master-panel .table-title{align-items:flex-start;gap:15px}.master-panel article{grid-template-columns:1fr auto}.master-panel article>div{grid-column:1}.master-panel article>b{grid-area:1/2/span 2}.audit-list article{grid-template-columns:65px 1fr}.audit-list p{grid-column:2}.audit-list button{display:none}.team-row{grid-template-columns:120px repeat(4,1fr);overflow:hidden}}.login-page{background:var(--paper);place-items:center;min-height:100vh;padding:20px;display:grid}.login-card{border:1px solid var(--line);background:#fff;border-radius:16px;width:min(380px,100%);padding:34px 30px;box-shadow:0 20px 50px #16302a14}.login-card .brand{color:var(--ink);justify-content:center;margin-bottom:26px}.login-card .brand>span{background:var(--deep);color:#fff}.login-card .brand div{color:var(--ink)}.login-card .brand small{color:var(--muted);opacity:1}.field{text-align:left;gap:7px;margin-bottom:16px;display:grid}.field label{color:var(--muted);letter-spacing:.04em;font-size:11px}.field input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:11px 13px;font-size:13px}.field input:focus{outline:2px solid var(--green);outline-offset:1px}.error-banner{color:var(--red);background:#fff0ef;border:1px solid #f3cbc7;border-radius:9px;margin-bottom:16px;padding:11px 13px;font-size:12px}.loading-screen{min-height:100vh;color:var(--muted);background:var(--paper);place-items:center;font-size:13px;display:grid}.empty-state{text-align:center;color:var(--muted);padding:40px 20px;font-size:12px}.stub-panel{border:1px solid var(--line);background:#fff;border-radius:13px;padding:28px}.stub-panel h2{color:var(--ink);margin:0 0 8px;font-size:17px}.stub-panel p{color:var(--muted);max-width:640px;margin:0 0 4px;font-size:12px;line-height:1.6}.stub-panel .stub-phase{letter-spacing:.1em;text-transform:uppercase;color:var(--green);background:var(--mint);border-radius:10px;margin-top:14px;padding:6px 10px;font-size:9px;display:inline-flex}.skeleton-line{background:linear-gradient(90deg,#eef2f0,#f7f9f8,#eef2f0) 0 0/200% 100%;border-radius:6px;height:14px;animation:1.4s infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skeleton-line{animation:none}}.logout-link{cursor:pointer}.workflow-status.storniert{color:var(--red);background:#fff0ef}.field textarea{border:1px solid var(--line);color:var(--ink);resize:vertical;background:#fff;border-radius:9px;padding:11px 13px;font-family:inherit;font-size:13px}.checkbox-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;margin-bottom:16px;display:grid}.checkbox-grid label{color:var(--ink);background:var(--paper);border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:11px;display:flex}.customer-picker{position:relative}.customer-picker input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:9px;padding:11px 13px;font-size:13px}.customer-picker input:focus{outline:2px solid var(--green);outline-offset:1px}.customer-picker-selected{border:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;border-radius:9px;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 13px;display:flex}.customer-picker-selected small{color:var(--muted);font-size:10px}.customer-picker-results{z-index:30;border:1px solid var(--line);background:#fff;border-radius:10px;max-height:260px;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow-y:auto;box-shadow:0 12px 30px #16302a1f}.customer-picker-results button{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:#fff;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 13px;font-size:12px;display:flex}.customer-picker-results button:last-child{border-bottom:0}.customer-picker-results button:hover{background:var(--paper)}.customer-picker-results button small{color:var(--muted);font-size:10px}.customer-picker-empty{color:var(--muted);padding:12px 13px;font-size:11px}