:root{--bg:#eef3f8;--panel:#fff;--line:#d8e2ec;--text:#102a43;--muted:#6b7c8f;--nav:#10263b;--nav2:#173a58;--accent:#0d65b5;--green:#16864b;--shadow:0 10px 28px rgba(16,42,67,.08)}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--text)}
a{color:inherit}
.app-shell{display:grid;grid-template-columns:255px minmax(0,1fr);min-height:100vh;background:linear-gradient(to right,var(--nav) 0 255px,var(--bg) 255px 100%)}
.sidebar{background:linear-gradient(180deg,var(--nav),#0c1d2d);color:#dbe8f4;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto;overflow-x:hidden;scrollbar-width:auto;scrollbar-color:#54738d #0c1d2d}
.mobile-menu-toggle,.mobile-menu-close,.mobile-menu-backdrop{display:none}
.sidebar::-webkit-scrollbar{width:11px}.sidebar::-webkit-scrollbar-track{background:#0c1d2d}.sidebar::-webkit-scrollbar-thumb{background:#54738d;border:3px solid #0c1d2d;border-radius:999px}.sidebar::-webkit-scrollbar-thumb:hover{background:#6f8da5}
.brand{display:flex;gap:12px;align-items:center;padding:0 8px 22px;border-bottom:1px solid rgba(255,255,255,.09);margin-bottom:14px}
.brand-mark{width:43px;height:43px;border-radius:12px;background:#fff;color:var(--nav);display:flex;align-items:center;justify-content:center;font-weight:900;overflow:hidden}.brand-mark img{width:100%;height:100%;object-fit:contain;padding:4px}
.brand strong{display:block;font-size:20px}.brand span{font-size:11px;color:#93aac0}
.time-indicator{display:flex;align-items:center;gap:10px;margin:0 4px 6px;padding:10px 11px;border-radius:10px;text-decoration:none;color:#c8d8e7;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08)}.time-indicator:hover{background:rgba(255,255,255,.1)}.time-indicator span strong,.time-indicator span small{display:block}.time-indicator span strong{font-size:13px}.time-indicator span small{font-size:10px;margin-top:2px;color:#a9bfd1}.time-indicator-dot{width:10px;height:10px;border-radius:50%;background:#8496a5;box-shadow:0 0 0 4px rgba(132,150,165,.13);flex:0 0 auto}.time-indicator.work{color:#dff9e8;background:rgba(34,168,97,.15);border-color:rgba(71,205,128,.25)}.time-indicator.work .time-indicator-dot{background:#35d079;box-shadow:0 0 0 4px rgba(53,208,121,.16)}.time-indicator.pause{color:#fff1c4;background:rgba(230,173,22,.15);border-color:rgba(230,173,22,.28)}.time-indicator.pause .time-indicator-dot{background:#f2bd2e;box-shadow:0 0 0 4px rgba(242,189,46,.16)}
.nav-group{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#6f8ca6;font-weight:800;margin:13px 10px 4px}
.nav-link{display:flex;align-items:center;gap:10px;text-decoration:none;padding:7px 11px;border-radius:9px;color:#c8d8e7;margin:1px 0;font-size:14px}
.nav-link:hover,.nav-link.active{background:var(--nav2);color:#fff}.nav-icon{width:22px;text-align:center}
.top-personal-nav{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto;margin-right:14px}.top-personal-nav a{color:var(--nav);background:#eef4f8;padding:7px 10px;border-radius:8px;text-decoration:none;font-size:12px;font-weight:700}.top-personal-nav a:hover{background:#dceaf4}
.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.09);padding:16px 9px 0}.sidebar-foot strong,.sidebar-foot span{display:block}.sidebar-foot span{font-size:11px;color:#8ea5ba;margin-top:3px}
.main{min-width:0}.topbar{height:92px;background:#ed7100;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}
.topbar h1{margin:3px 0 0;font-size:24px;color:#fff}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-weight:800}
.status-pill{font-size:12px;background:#eaf8ef;color:var(--green);border:1px solid #ccebd8;padding:8px 12px;border-radius:999px;font-weight:700}
.content{padding:24px 28px 40px}.hero{display:flex;justify-content:space-between;gap:20px;align-items:center;background:linear-gradient(135deg,#fff,#eef7ff);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);margin-bottom:18px}.hero h2{font-size:29px;margin:4px 0 8px}.hero p{margin:0;color:var(--muted);max-width:760px}.hero-badge{background:var(--accent);color:#fff;border-radius:12px;padding:13px 16px;font-weight:800;white-space:nowrap}
.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi{display:block;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px;box-shadow:var(--shadow);transition:.15s transform}.kpi:hover{transform:translateY(-2px)}.kpi-label{display:block;font-size:10px;text-transform:uppercase;color:var(--accent);font-weight:800;letter-spacing:.07em}.kpi strong{display:block;font-size:18px;margin:8px 0 5px}.kpi small{color:var(--muted)}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;box-shadow:var(--shadow)}.panel h2,.panel h3{margin-top:0}.check-row{display:flex;justify-content:space-between;border-bottom:1px solid #edf2f6;padding:10px 0}.check-row:last-child{border-bottom:0}.check-row b{color:var(--green)}
.error{border-color:#efb6b6;background:#fff4f4}.module-frame{height:calc(100vh - 142px);min-height:650px;background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow)}.module-frame iframe{width:100%;height:100%;border:0;background:#fff}
code{background:#edf3f8;border-radius:5px;padding:2px 5px}
@media(max-width:1050px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.app-shell{grid-template-columns:215px minmax(0,1fr);background:linear-gradient(to right,var(--nav) 0 215px,var(--bg) 215px 100%)}}
@media(max-width:760px){
html,body{overflow-x:hidden}
.app-shell{display:block;background:var(--bg)}
.sidebar{display:flex;position:fixed;z-index:1002;inset:0 auto 0 0;width:min(86vw,320px);height:100dvh;padding-top:64px;transform:translateX(-105%);transition:transform .22s ease;box-shadow:18px 0 45px rgba(0,0,0,.28)}
.mobile-menu-open{overflow:hidden}.mobile-menu-open .sidebar{transform:translateX(0)}
.mobile-menu-toggle{display:inline-flex;align-items:center;gap:7px;border:0;border-radius:10px;background:#102a43;color:#fff;padding:10px 12px;font:inherit;font-weight:800;cursor:pointer}.mobile-menu-toggle span:first-child{font-size:20px;line-height:1}
.mobile-menu-close{display:grid;place-items:center;position:absolute;right:14px;top:12px;width:40px;height:40px;border:0;border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:28px;cursor:pointer}
.mobile-menu-backdrop{position:fixed;display:block;z-index:1001;inset:0;width:100%;height:100%;border:0;background:rgba(5,18,30,.58);padding:0}.mobile-menu-backdrop[hidden]{display:none}
.topbar{position:sticky;height:64px;padding:0 12px;gap:10px}.topbar-brand{margin-right:auto}.topbar-brand strong.orange-brand{font-size:22px!important}.top-personal-nav{display:none}
.kpi-grid,.grid-2{grid-template-columns:1fr}.content{padding:14px}.hero{align-items:flex-start;flex-direction:column}
}
.btone-mobile-workflow .app-shell{display:block}.btone-mobile-workflow .sidebar,.btone-mobile-workflow .topbar{display:none}.btone-mobile-workflow .main{min-width:0}.btone-mobile-workflow .content{padding:0}.btone-mobile-workflow .module-frame{height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none}

.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;background:#0d65b5;color:#fff;padding:10px 14px;font-weight:700;text-decoration:none;cursor:pointer}.toolbar{display:flex;gap:10px;align-items:end;flex-wrap:wrap}.toolbar input{min-width:300px}.panel input{padding:9px 10px;border:1px solid var(--line);border-radius:7px}.setup-list{display:grid;gap:8px;margin:16px 0}.setup-ok,.setup-bad{padding:11px 13px;border-radius:8px;margin-bottom:10px}.setup-ok{background:#eaf8ef;color:#126b3b;border:1px solid #ccebd8}.setup-bad{background:#fff1f1;color:#9c2525;border:1px solid #efc2c2}.muted{color:var(--muted)}.production-result{display:grid;grid-template-columns:minmax(260px,1fr) 120px 170px auto;gap:12px;align-items:end;border-top:1px solid var(--line);padding:14px 0}.production-result label{font-size:12px;font-weight:700}.production-result input{width:100%;display:block;margin-top:5px}.table-panel{margin-top:16px;overflow:auto}.table-panel table{width:100%;border-collapse:collapse}.table-panel th,.table-panel td{text-align:left;padding:11px;border-bottom:1px solid var(--line)}.badge{display:inline-block;background:#edf3f8;border-radius:999px;padding:5px 9px;font-size:12px}@media(max-width:850px){.production-result{grid-template-columns:1fr 1fr}.toolbar input{min-width:0;width:100%}}


.hero.compact{padding:20px 24px}.hero-actions,.inline-actions{display:flex;gap:8px;flex-wrap:wrap}
.panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:12px}
.button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:1px solid #c8d6e3;background:#fff;color:#173a58;padding:9px 13px;border-radius:8px;font-weight:700;cursor:pointer}
.button:hover{background:#edf5fb}.button.primary{background:#0d65b5;color:#fff;border-color:#0d65b5}.button.small{padding:6px 9px;font-size:12px}
.table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th{text-align:left;color:#587086;font-size:11px;text-transform:uppercase;letter-spacing:.04em;background:#f5f8fb}.data-table th,.data-table td{padding:11px 10px;border-bottom:1px solid #e7edf3;vertical-align:top}.data-table tbody tr:hover{background:#f8fbfd}
.traffic{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:7px;box-shadow:0 0 0 3px rgba(0,0,0,.04)}.traffic.green{background:#22a861}.traffic.yellow{background:#e6ad16}.traffic.red{background:#d84b4b}.traffic.grey{background:#8a9baa}
.badge{display:inline-block;padding:4px 7px;border-radius:999px;background:#edf3f8;font-size:11px;font-weight:700}
.empty-state{text-align:center;padding:38px 16px;color:#6b7c8f}.empty-state strong{display:block;color:#173a58;font-size:17px;margin-bottom:7px}
.notice{padding:11px 13px;border-radius:9px;background:#fff7dc;border:1px solid #eedc9f;margin-bottom:14px}.notice.success{background:#eaf8ef;border-color:#bfe2cb;color:#176a3d}.notice.error{background:#fff0f0;border-color:#efb7b7;color:#9d2727}
.form-grid{display:grid;gap:12px}.form-grid label,.form-grid fieldset{display:grid;gap:5px;font-weight:700;font-size:13px}.form-grid input,.form-grid textarea,.form-grid select{width:100%;padding:9px 10px;border:1px solid #cbd8e4;border-radius:8px;font:inherit}.form-grid fieldset{border:1px solid #d9e3ec;border-radius:9px;padding:12px}.form-grid .check{display:flex;grid-template-columns:auto 1fr;align-items:center;font-weight:500}.form-grid .check input{width:auto}
.facts{display:grid;grid-template-columns:180px 1fr;gap:8px 14px;margin:0}.facts dt{font-weight:700;color:#587086}.facts dd{margin:0}.muted{color:#6b7c8f}.kpi.green{border-top:4px solid #22a861}.kpi.yellow{border-top:4px solid #e6ad16}.kpi.red{border-top:4px solid #d84b4b}
@media(max-width:760px){.panel-head{flex-direction:column}.facts{grid-template-columns:1fr}.hero-actions{width:100%}}
.chat-toast-stack{position:fixed;right:22px;top:108px;z-index:1000;display:grid;gap:10px;width:min(370px,calc(100vw - 28px));pointer-events:none}.chat-toast{position:relative;display:grid;gap:5px;padding:14px 42px 14px 16px;border-radius:12px;background:#fff;color:var(--text);border:1px solid #b9d5ea;border-left:5px solid var(--accent);box-shadow:0 16px 45px rgba(16,42,67,.24);text-decoration:none;pointer-events:auto;animation:chat-toast-in .22s ease-out}.chat-toast:hover{background:#f4f9fd}.chat-toast strong{font-size:14px}.chat-toast span{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-toast button{position:absolute;right:10px;top:8px;border:0;background:transparent;color:var(--muted);font-size:22px;cursor:pointer}.chat-toast:before{content:'CH';position:absolute;right:38px;top:12px;color:var(--accent);font-size:9px;font-weight:900}@keyframes chat-toast-in{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:none}}@media(max-width:760px){.chat-toast-stack{top:14px;right:14px}}
.phone-call-dialog{width:min(460px,calc(100vw - 32px));box-sizing:border-box;border:0;border-radius:20px;padding:28px;text-align:center;color:var(--text);box-shadow:0 24px 80px rgba(9,35,57,.4)}.phone-call-dialog::backdrop{background:rgba(8,27,43,.55);backdrop-filter:blur(3px)}.phone-call-icon{display:grid;place-items:center;width:68px;height:68px;margin:0 auto 14px;border-radius:50%;background:#e2f5e9;color:#08733f;font-size:32px;animation:phone-ring 1.1s ease-in-out infinite}.phone-call-kicker{text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:800;color:#08733f}.phone-call-dialog h2{margin:8px 0 4px;font-size:25px}.phone-call-number{font-size:21px;font-weight:750}.phone-call-extension{min-height:20px;margin-top:7px;color:var(--muted)}.phone-call-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}.phone-call-actions .button{min-width:135px}@keyframes phone-ring{0%,55%,100%{transform:rotate(0)}60%{transform:rotate(-10deg)}70%{transform:rotate(10deg)}80%{transform:rotate(-7deg)}90%{transform:rotate(7deg)}}
.user-detail-head{display:flex;align-items:center;justify-content:space-between}.user-detail-head h2{margin:10px 0}.back-link{color:#0d65b5;font-weight:700}.user-status{padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.user-status.active{background:#e5f7ec;color:#08733f}.user-status.inactive{background:#f2f4f6;color:#697887}.user-card-grid,.choice-list,.extension-list{display:grid;gap:10px}.user-card{display:grid;grid-template-columns:44px 1fr auto auto;align-items:center;gap:13px;padding:13px;border:1px solid var(--line);border-radius:11px;text-decoration:none;color:var(--text)}.user-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e7f1f8;font-weight:800}.user-card-body{display:grid}.user-card-body small,.choice-card small{color:var(--muted)}.permission-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.permission-options{display:grid;gap:7px}.permission-option,.choice-card{display:flex!important;align-items:center;gap:9px;padding:9px;border:1px solid #dce6ee;border-radius:8px;cursor:pointer}.permission-option:has(input:checked),.choice-card:has(input:checked){border-color:#5b9dcc;background:#edf7ff}.permission-option input,.choice-card input{width:auto!important}.choice-card span{display:grid}.panel-divider{border:0;border-top:1px solid var(--line);margin:20px 0}.inline-action-form{display:flex;align-items:end;gap:9px}.inline-action-form label{display:grid;flex:1}.status-action-form{margin-top:10px}.notice-panel{background:#effaf3;color:#126b3b}.empty-state{text-align:center;padding:28px;background:#f7f9fb}.app-dialog{width:min(520px,calc(100vw - 32px));border:0;border-radius:16px;padding:24px}.dialog-close{border:0;background:none;font-size:27px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px}.extension-create-form{display:grid;grid-template-columns:160px 1fr auto auto;align-items:end;gap:10px}.extension-create-form label{display:grid}.extension-create-form input,.extension-row input{padding:9px;border:1px solid #cbd8e4;border-radius:8px}.check-inline{display:flex!important;align-items:center!important;gap:7px!important}.check-inline input{width:auto!important}.extension-list{margin-top:20px}.extension-row{display:grid;grid-template-columns:130px 1fr auto 160px auto auto;align-items:center;gap:9px;padding:11px;border:1px solid var(--line);border-radius:10px}.extension-assignment{color:var(--muted);font-size:12px}.user-detail-grid{align-items:start}@media(max-width:900px){.permission-groups{grid-template-columns:1fr 1fr}.extension-row{grid-template-columns:1fr 1fr auto}}@media(max-width:700px){.permission-groups,.extension-create-form,.extension-row{grid-template-columns:1fr}.user-card{grid-template-columns:40px 1fr auto}.user-card .user-status{display:none}}
.workshop-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:18px}.workshop-head h2{margin:4px 0}.workshop-head p{margin:0;color:var(--muted)}.workshop-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.workshop-new-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(480px,1.2fr);gap:18px;align-items:start}.workshop-customer-search,.workshop-filters{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.workshop-customer-search input{flex:1;min-width:240px}.workshop-customer-results{display:grid;gap:8px;margin-top:12px}.workshop-customer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:13px;border:1px solid var(--line);border-radius:12px;color:inherit;text-decoration:none;background:#fff}.workshop-customer:hover{border-color:var(--primary)}.workshop-customer.selected{background:#f1f8f5;border-color:#8fc9ad}.workshop-customer div{display:flex;flex-direction:column;gap:2px}.workshop-customer span,.workshop-customer small{color:var(--muted)}.workshop-detail-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.workshop-detail-head h2{margin:4px 0}.workshop-detail-head p{margin:0;color:var(--muted)}.workshop-detail-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(340px,.65fr);gap:18px;align-items:start}.workshop-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden}.workshop-facts div{background:#fff;padding:12px}.workshop-facts dt{font-size:.78rem;color:var(--muted)}.workshop-facts dd{font-weight:700;margin:4px 0 0}.workshop-text{padding:13px;background:#f7f9fc;border-radius:10px;line-height:1.55}.workshop-badge,.workshop-priority{display:inline-flex;padding:5px 9px;border-radius:999px;background:#e9eef6;font-size:.8rem;font-weight:700;white-space:nowrap}.workshop-priority.priority-hoch{background:#fff0d6;color:#8b5700}.workshop-priority.priority-dringend{background:#ffe1e1;color:#a01d1d}.workshop-table tbody tr{cursor:pointer}.workshop-table td small{display:block;color:var(--muted);margin-top:3px}.workshop-filters{margin-bottom:16px}.workshop-filters input{min-width:250px;flex:1}@media(max-width:1000px){.workshop-kpis{grid-template-columns:repeat(2,1fr)}.workshop-new-layout,.workshop-detail-grid{grid-template-columns:1fr}}@media(max-width:650px){.workshop-head,.workshop-detail-head{align-items:flex-start;flex-direction:column}.workshop-kpis,.workshop-facts{grid-template-columns:1fr}}
.workshop-calendar-panel{padding:18px}.workshop-calendar-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px}.workshop-calendar-head h3{font-size:24px;margin:3px 0}.workshop-calendar-weekdays,.workshop-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(130px,1fr))}.workshop-calendar-weekdays{background:#173a58;color:#fff;border-radius:10px 10px 0 0;overflow:hidden}.workshop-calendar-weekdays div{padding:9px;text-align:center;font-size:11px;font-weight:800;text-transform:uppercase}.workshop-calendar-grid{border-left:1px solid var(--line);border-top:1px solid var(--line);min-width:910px}.workshop-calendar-day{min-height:145px;padding:7px;background:#fff;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.workshop-calendar-day.outside{background:#f5f7f9;color:#9aa8b3}.workshop-calendar-day.today{background:#f0f8ff;box-shadow:inset 0 0 0 2px #0d65b5}.workshop-calendar-date{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.workshop-calendar-date span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;font-weight:800}.workshop-calendar-day.today .workshop-calendar-date span{background:#0d65b5;color:#fff}.workshop-calendar-date small{font-size:9px;color:#0d65b5;font-weight:800;text-transform:uppercase}.workshop-calendar-events{display:grid;gap:5px}.workshop-calendar-event{display:grid;gap:1px;padding:6px 7px;border-radius:7px;border-left:4px solid #0d65b5;background:#eaf4fc;color:#173a58;text-decoration:none;overflow:hidden}.workshop-calendar-event.type-werkstatt{border-left-color:#8a4fc2;background:#f4edfb}.workshop-calendar-event:hover{filter:brightness(.96)}.workshop-calendar-event time{font-size:10px;font-weight:900}.workshop-calendar-event strong,.workshop-calendar-event span,.workshop-calendar-event small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.workshop-calendar-event strong{font-size:11px}.workshop-calendar-event span{font-size:10px}.workshop-calendar-event small{font-size:9px;color:#607486}.workshop-calendar-event.status-erledigt{opacity:.55}.workshop-calendar-legend{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:14px}.workshop-calendar-legend span{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700}.workshop-calendar-legend i{width:12px;height:12px;border-radius:3px;background:#0d65b5}.workshop-calendar-legend .legend-workshop{background:#8a4fc2}.workshop-calendar-legend small{margin-left:auto;color:var(--muted)}@media(max-width:1100px){.workshop-calendar-panel{overflow:auto}.workshop-calendar-head{position:sticky;left:0}.workshop-calendar-weekdays{min-width:910px}}@media(max-width:700px){.workshop-calendar-head{align-items:flex-start;flex-direction:column}}
.workshop-acceptance{margin-top:6px}.workshop-acceptance legend{padding:0 7px;font-size:15px}.workshop-damage-grid,.workshop-damage-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.workshop-section-title{margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.workshop-damage-view{margin-top:14px}.workshop-damage-view div{display:grid;gap:5px;padding:11px;border:1px solid var(--line);border-radius:9px}.workshop-damage-view div:last-child{grid-column:1/-1}.workshop-damage-view strong{font-size:12px}.workshop-damage-view span{color:var(--muted);font-size:13px}.workshop-edit-acceptance{border:1px solid var(--line);border-radius:9px;padding:10px}.workshop-edit-acceptance summary{cursor:pointer;font-weight:800;color:#173a58}.workshop-edit-acceptance[open] summary{margin-bottom:12px}@media(max-width:650px){.workshop-damage-grid,.workshop-damage-view{grid-template-columns:1fr}.workshop-damage-view div:last-child{grid-column:auto}}
.workshop-vehicle-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.workshop-vehicle-head h3{font-size:25px;margin:4px 0}.workshop-vehicle-head p{margin:0;color:var(--muted)}.workshop-kpis.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.workshop-kpis.compact .kpi strong{font-size:18px}@media(max-width:700px){.workshop-vehicle-head{align-items:flex-start;flex-direction:column}.workshop-kpis.compact{grid-template-columns:1fr}}

.time-top{display:inline-flex!important;align-items:center;gap:5px}.time-top.work{background:#dff5e8!important;color:#126b3b!important}.time-top.pause{background:#fff1cf!important;color:#895c00!important}.time-top.off{background:#eef2f5!important;color:#526575!important}.time-top .time-indicator-dot{width:7px;height:7px;border-radius:50%;background:#8797a5;display:inline-block}.time-top.work .time-indicator-dot{background:#1fb56a}.time-top.pause .time-indicator-dot{background:#e49b16}

.nav-link .nav-icon{display:none}

.user-top{display:inline-flex;align-items:center;gap:7px;margin-left:4px;color:#102a43;font-size:12px}.user-top strong{font-size:12px}.user-top small{opacity:.75}.user-top a{color:#102a43;text-decoration:underline;font-weight:700}

.jtl-status{display:inline-flex;align-items:center;gap:6px}.jtl-status>span{width:8px;height:8px;border-radius:50%;background:#1fb56a;display:inline-block}

.user-top{flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1}.user-top a{font-size:11px}

.top-personal-nav{gap:5px;align-items:center}.top-personal-nav a{padding:6px 8px;font-size:11px}.top-personal-nav .time-top{padding:6px 8px;white-space:nowrap}.user-top{margin-left:3px;min-width:112px}.user-top strong,.user-top small,.user-top a{white-space:nowrap}.jtl-status{white-space:nowrap;margin-left:2px}

.top-personal-nav a.mail-unread{background:#fff0bf;color:#805c00}.top-personal-nav a.mail-read{background:#dff5e8;color:#126b3b}