/* /Components/Hire/HireDialog.razor.rz.scp.css */
.hire-summary[b-s2rr06s78d] { display: flex; justify-content: space-between; align-items: center; gap: var(--space-3); flex-wrap: wrap;
  padding: var(--space-2) var(--space-3); background: var(--canvas); border-radius: var(--radius-m); margin-bottom: var(--space-4); }
.hire-grid[b-s2rr06s78d] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-5); }
.hire-row3[b-s2rr06s78d] { display: grid; grid-template-columns: 90px 1fr 1fr; gap: var(--space-3); }
.hire-sup[b-s2rr06s78d] { display: flex; flex-direction: column; line-height: 1.25; }
.hire-prices td[b-s2rr06s78d] { vertical-align: middle; }
.hire-prices td:nth-child(2)[b-s2rr06s78d] { width: 150px; }
.hire-calc[b-s2rr06s78d] { border: 1px solid var(--line); border-radius: var(--radius-m); padding: var(--space-3); background: var(--diesel-soft); }
.hire-calc.neg[b-s2rr06s78d] { background: var(--red-soft); border-color: #EFC2BC; }
.radio[b-s2rr06s78d] { display: flex; gap: 6px; align-items: center; font-weight: 400; color: var(--ink); }
.seg-switch[b-s2rr06s78d] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-s2rr06s78d] { font: inherit; font-weight: 600; height: 34px; padding: 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-s2rr06s78d] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-s2rr06s78d] { background: var(--diesel-soft); color: var(--diesel); }
.seg-switch button:disabled[b-s2rr06s78d] { opacity: .45; cursor: not-allowed; }
@media (max-width: 760px) {
  .hire-grid[b-s2rr06s78d] { grid-template-columns: minmax(0, 1fr); }
  .hire-row3[b-s2rr06s78d] { grid-template-columns: 1fr 1fr; }
}
/* /Components/Hire/HireLineInfo.razor.rz.scp.css */
.hire-line[b-nc509pgqnp] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; margin-top: 4px; }
/* /Components/Hire/HireRowActions.razor.rz.scp.css */
.hire-unit[b-g7bpdpj3o0] { display: grid; grid-template-columns: 18px 1fr 1fr; gap: var(--space-3); align-items: end; margin-bottom: var(--space-2); }
.seg-switch[b-g7bpdpj3o0] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-g7bpdpj3o0] { font: inherit; font-weight: 600; height: 34px; padding: 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-g7bpdpj3o0] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-g7bpdpj3o0] { background: var(--diesel-soft); color: var(--diesel); }
/* /Components/Hire/OrderHirePanel.razor.rz.scp.css */
.hire-short[b-fxyzlwm3gy] { display: flex; gap: var(--space-2); align-items: center; padding: var(--space-2) var(--space-3);
  background: var(--red-soft); color: #7A1F15; border-radius: var(--radius-m); }
.hire-item[b-fxyzlwm3gy] { display: flex; flex-direction: column; gap: 6px; padding-bottom: var(--space-3); border-bottom: 1px solid var(--line-soft); }
.hire-item:last-of-type[b-fxyzlwm3gy] { border-bottom: 0; }
.hire-item.done[b-fxyzlwm3gy] { opacity: .75; }
.hire-notice[b-fxyzlwm3gy] { margin: 0; padding: var(--space-2) var(--space-3); font-size: 13px; }
.hire-margin[b-fxyzlwm3gy] { padding-top: var(--space-2); border-top: 1px solid var(--line); }
.count[b-fxyzlwm3gy] { display: inline-flex; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 10px; background: var(--grey-soft); color: var(--ink-2);
  font-size: 12px; font-weight: 600; align-items: center; justify-content: center; }
/* /Components/Klantcontact/HandoverComparison.razor.rz.scp.css */
.hc .panel-head h2[b-z69g59pdts] { display: inline-flex; align-items: center; gap: 6px; }
.hc-list[b-z69g59pdts] { display: grid; gap: 10px; }
.hc-machine[b-z69g59pdts] { border: 1px solid var(--line); border-radius: var(--radius-m); padding: 8px 12px; background: var(--surface); }
.hc-machine > summary[b-z69g59pdts] { cursor: pointer; display: flex; flex-wrap: wrap; gap: 4px 6px; align-items: baseline; padding: 2px 0; }
.hc-machine[open] > summary[b-z69g59pdts] { margin-bottom: 8px; border-bottom: 1px solid var(--line-soft); padding-bottom: 8px; }
.hc-sides[b-z69g59pdts] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 720px) { .hc-sides[b-z69g59pdts] { grid-template-columns: 1fr; } }
.hc-side[b-z69g59pdts] { background: var(--canvas); border-radius: var(--radius-m); padding: 8px 10px; }
.hc-side.dmg[b-z69g59pdts] { box-shadow: inset 3px 0 0 var(--red); }
.hc-side-title[b-z69g59pdts] { font-weight: 700; margin-bottom: 4px; }
.hc-side dl[b-z69g59pdts] { display: grid; grid-template-columns: 96px 1fr; gap: 2px 8px; margin: 0; font-size: 13px; }
.hc-side dt[b-z69g59pdts] { color: var(--muted); }
.hc-side dd[b-z69g59pdts] { margin: 0; overflow-wrap: anywhere; }
.sig[b-z69g59pdts] { display: block; max-height: 40px; max-width: 160px; background: #fff; border: 1px solid var(--line-soft); margin-top: 2px; }
.hc-used[b-z69g59pdts] { margin-top: 6px; }
.hc-pairs[b-z69g59pdts] { display: grid; gap: 6px; margin: 10px 0; }
.hc-row[b-z69g59pdts] { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 10px; align-items: center; }
.hc-headrow[b-z69g59pdts] { font-size: 12px; color: var(--muted); font-weight: 600; }
.hc-angle[b-z69g59pdts] { font-weight: 600; font-size: 13px; }
@media (max-width: 720px) { .hc-row[b-z69g59pdts] { grid-template-columns: 90px 1fr 1fr; } }
.hc-thumbs[b-z69g59pdts] { display: flex; gap: 6px; align-items: center; min-width: 0; flex-wrap: wrap; }
.hc-thumb[b-z69g59pdts] { padding: 0; border: 1px solid var(--line); border-radius: 4px; background: none; cursor: zoom-in; }
.hc-thumb img[b-z69g59pdts] { display: block; width: 120px; height: 90px; object-fit: cover; border-radius: 3px; }
@media (max-width: 520px) { .hc-thumb img[b-z69g59pdts] { width: 84px; height: 63px; } }
.hc-empty[b-z69g59pdts] { font-size: 12px; color: var(--muted); border: 1px dashed var(--line); border-radius: 4px; padding: 30px 12px; width: 120px; text-align: center; }
@media (max-width: 520px) { .hc-empty[b-z69g59pdts] { width: 84px; padding: 20px 4px; } }
.hc-damage[b-z69g59pdts] { display: grid; gap: 4px; margin-top: 8px; font-size: 13px; }
.hc-damage a[b-z69g59pdts] { color: var(--red); display: inline-flex; gap: 4px; align-items: center; }
/* /Components/Klantcontact/MessagingSettingsPage.razor.rz.scp.css */
.ms-grid[b-nip6a2aeal] { display: grid; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-4); }
@media (max-width: 520px) { .ms-grid[b-nip6a2aeal] { grid-template-columns: 1fr; } }
.texts[b-nip6a2aeal] { display: grid; gap: var(--space-4); }
.text-row[b-nip6a2aeal] { display: grid; grid-template-columns: 180px 1fr; gap: 6px 16px; align-items: start; }
.text-row label[b-nip6a2aeal] { font-weight: 600; padding-top: 6px; }
.preview[b-nip6a2aeal] { grid-column: 2; background: var(--canvas); border-radius: var(--radius-m); padding: 6px 10px; font-size: 13px; overflow-wrap: anywhere; }
@media (max-width: 720px) { .text-row[b-nip6a2aeal] { grid-template-columns: 1fr; } .preview[b-nip6a2aeal] { grid-column: 1; } }
code[b-nip6a2aeal] { font-size: 12px; background: var(--grey-soft); padding: 1px 4px; border-radius: 3px; }
/* /Components/Klantcontact/PhotoCompareViewer.razor.rz.scp.css */
.pc[b-3an7mkxa99] { display: grid; gap: 10px; }
.pc-bar[b-3an7mkxa99] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.pc-bar .spacer[b-3an7mkxa99] { flex: 1; }
.seg[b-3an7mkxa99] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; }
.seg button[b-3an7mkxa99] { border: 0; background: var(--surface); padding: 6px 12px; font: inherit; cursor: pointer; color: var(--ink-2); }
.seg button + button[b-3an7mkxa99] { border-left: 1px solid var(--line); }
.seg button.on[b-3an7mkxa99] { background: var(--diesel); color: #fff; }
.seg button:disabled[b-3an7mkxa99] { color: var(--muted); cursor: not-allowed; }
.pc-zoom-label[b-3an7mkxa99] { min-width: 42px; text-align: center; }
.pc-side[b-3an7mkxa99] { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
@media (max-width: 720px) { .pc-side[b-3an7mkxa99] { grid-template-columns: 1fr; } }
.pc-col[b-3an7mkxa99] { margin: 0; display: grid; gap: 6px; min-width: 0; }
.pc-stage[b-3an7mkxa99] {
    position: relative; overflow: hidden; background: #111; border-radius: var(--radius-m); height: min(62vh, 620px);
    touch-action: none; cursor: grab; user-select: none;
}
.pc-stage:active[b-3an7mkxa99] { cursor: grabbing; }
.pc-img[b-3an7mkxa99] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transform-origin: center center; transition: transform .05s linear; }
.pc-none[b-3an7mkxa99] { position: absolute; inset: 0; display: grid; place-items: center; color: #bbb; font-size: 14px; }
.pc-thumbs[b-3an7mkxa99] { display: flex; gap: 6px; overflow-x: auto; }
.pc-thumbs button[b-3an7mkxa99] { border: 2px solid transparent; padding: 0; background: none; border-radius: 4px; cursor: pointer; }
.pc-thumbs button.on[b-3an7mkxa99] { border-color: var(--signal); }
.pc-thumbs img[b-3an7mkxa99] { width: 64px; height: 48px; object-fit: cover; display: block; border-radius: 2px; }
.pc-slider[b-3an7mkxa99] { display: grid; gap: 8px; }
.pc-top[b-3an7mkxa99] { position: absolute; inset: 0; clip-path: inset(0 calc(100% - var(--pos)) 0 0); }
.pc-handle[b-3an7mkxa99] { position: absolute; top: 0; bottom: 0; left: var(--pos); width: 2px; background: var(--signal); pointer-events: none; }
.tag[b-3an7mkxa99] { position: absolute; top: 8px; background: rgba(0,0,0,.6); color: #fff; font-size: 12px; padding: 2px 8px; border-radius: 999px; }
.tag.left[b-3an7mkxa99] { left: 8px; }
.tag.right[b-3an7mkxa99] { right: 8px; }
.pc-slider input[type=range][b-3an7mkxa99] { width: 100%; accent-color: var(--diesel); }
/* /Components/Klantcontact/StopMessages.razor.rz.scp.css */
.sm[b-3v0wk52jll] { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 8px; margin-top: 6px; font-size: 12px; }
.sm.compact[b-3v0wk52jll] { margin-top: 4px; }
.eta[b-3v0wk52jll], .progress[b-3v0wk52jll] { display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); white-space: nowrap; }
.eta[b-3v0wk52jll] { font-weight: 600; }
.eta.late[b-3v0wk52jll] { color: var(--red); }
.progress[b-3v0wk52jll] { color: var(--blue); }
.msg[b-3v0wk52jll] {
    display: inline-flex; align-items: center; gap: 4px; border: 1px solid var(--line); border-radius: 999px; padding: 1px 8px;
    background: var(--surface); color: var(--ink-2); font: inherit; font-size: 12px; cursor: pointer; white-space: nowrap;
}
.msg.none[b-3v0wk52jll] { cursor: default; color: var(--muted); border-style: dashed; }
.msg.s-ok[b-3v0wk52jll] { border-color: var(--green); color: var(--green); background: var(--green-soft); }
.msg.s-reservation[b-3v0wk52jll] { border-color: var(--blue); color: var(--blue); background: var(--blue-soft); }
.msg.s-quote[b-3v0wk52jll] { border-color: var(--amber); color: var(--amber); background: var(--amber-soft); }
.msg.s-danger[b-3v0wk52jll] { border-color: var(--red); color: var(--red); background: var(--red-soft); }
.msg .n[b-3v0wk52jll] { font-size: 11px; background: currentColor; color: #fff; border-radius: 999px; padding: 0 5px; }
.msg .n[b-3v0wk52jll] { color: var(--surface); background: var(--ink-2); }
.sm-history[b-3v0wk52jll] { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; max-height: 60vh; overflow: auto; }
.sm-history li[b-3v0wk52jll] { border: 1px solid var(--line-soft); border-radius: var(--radius-m); padding: 8px 10px; }
.h-top[b-3v0wk52jll] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.h-body[b-3v0wk52jll] { margin: 4px 0; color: var(--ink-2); white-space: pre-line; overflow-wrap: anywhere; }
.h-err[b-3v0wk52jll] { color: var(--red); font-size: 12px; }
/* /Components/Klantcontact/TrackPage.razor.rz.scp.css */
.msg[b-1pt8jjl0i0] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 28px; }
.msg h1[b-1pt8jjl0i0] { font-size: 22px; margin: 0 0 8px; }
.msg p[b-1pt8jjl0i0] { margin: 0; color: var(--muted); }
.trk[b-1pt8jjl0i0] { display: grid; gap: 16px; }
.trk-head h1[b-1pt8jjl0i0] { font-size: 24px; margin: 0 0 4px; }
.steps[b-1pt8jjl0i0] { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 6px; padding: 0; margin: 0; counter-reset: s; }
.steps li[b-1pt8jjl0i0] { position: relative; padding-top: 14px; font-size: 13px; color: var(--muted); border-top: 4px solid var(--line); }
.steps li.done[b-1pt8jjl0i0] { border-top-color: var(--diesel); color: var(--ink-2); }
.steps li.now[b-1pt8jjl0i0] { border-top-color: var(--signal); color: var(--ink); font-weight: 700; }
.big[b-1pt8jjl0i0] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 20px 24px; }
.big h2[b-1pt8jjl0i0] { font-size: 22px; margin: 0 0 6px; }
.big .time[b-1pt8jjl0i0] { font-size: 30px; color: var(--diesel); }
.big p[b-1pt8jjl0i0] { margin: 0 0 6px; color: var(--ink-2); }
.map iframe[b-1pt8jjl0i0] { width: 100%; height: 260px; border: 1px solid var(--line); border-radius: var(--radius-m); }
.items summary[b-1pt8jjl0i0] { cursor: pointer; color: var(--diesel); font-weight: 600; }
.items ul[b-1pt8jjl0i0] { margin: 8px 0 0; padding-left: 20px; }
@media (max-width: 520px) { .steps li[b-1pt8jjl0i0] { font-size: 11px; } .big .time[b-1pt8jjl0i0] { font-size: 26px; } }
/* /Components/Klantcontact/TripTools.razor.rz.scp.css */
.tt[b-yzbdlx2xa0] { display: flex; align-items: center; gap: 8px; margin-top: 6px; font-size: 12px; }
.tt .spacer[b-yzbdlx2xa0] { flex: 1; }
.live[b-yzbdlx2xa0] { display: inline-flex; align-items: center; gap: 6px; color: var(--ink-2); }
.dot[b-yzbdlx2xa0] { width: 8px; height: 8px; border-radius: 50%; background: var(--line); display: inline-block; }
.dot.on[b-yzbdlx2xa0] { background: var(--green); box-shadow: 0 0 0 3px var(--green-soft); }
.so tr.done td[b-yzbdlx2xa0] { color: var(--muted); }
/* /Components/Layout/AppLayout.razor.rz.scp.css */
/* ------------------------------------------------------------------ chauffeurs-app: schil */
.app-shell[b-kofh2h5c9x] { min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; background: var(--canvas); }

.app-top[b-kofh2h5c9x] {
    position: sticky; top: 0; z-index: 50; height: 56px; padding: 0 16px; padding-top: env(safe-area-inset-top);
    display: flex; align-items: center; gap: 12px; background: var(--ink); color: #fff;
}
.app-brand[b-kofh2h5c9x] { display: flex; align-items: center; gap: 10px; color: #fff; text-decoration: none; }
.app-brand:hover[b-kofh2h5c9x] { text-decoration: none; }
.app-brand .mark[b-kofh2h5c9x] {
    width: 34px; height: 34px; border-radius: 8px; background: var(--signal); color: var(--signal-ink);
    display: grid; place-items: center; font-weight: 800; font-size: 14px; letter-spacing: -0.02em;
}
.app-name[b-kofh2h5c9x] { font-weight: 700; font-size: 17px; font-stretch: 88%; }
.spacer[b-kofh2h5c9x] { flex: 1; }
.driver-chip[b-kofh2h5c9x] {
    display: inline-flex; align-items: center; gap: 6px; height: 36px; padding: 0 12px; border-radius: 18px;
    background: #26343F; color: #fff; font-weight: 600; font-size: 14px; max-width: 55vw; text-decoration: none;
}
.driver-chip span[b-kofh2h5c9x] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.driver-chip:hover[b-kofh2h5c9x] { background: #31424F; text-decoration: none; }

.app-body[b-kofh2h5c9x] {
    flex: 1; width: 100%; max-width: 820px; margin: 0 auto;
    padding: 16px 16px calc(96px + env(safe-area-inset-bottom));
}

.app-nav[b-kofh2h5c9x] {
    position: fixed; left: 0; right: 0; bottom: 0; z-index: 60; display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr);
    background: var(--surface); border-top: 1px solid var(--line); padding-bottom: env(safe-area-inset-bottom);
    box-shadow: 0 -2px 12px rgba(23, 33, 42, .06);
}
.app-nav a[b-kofh2h5c9x] {
    position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px;
    height: 64px; color: var(--muted); font-size: 12.5px; font-weight: 600; text-decoration: none;
}
.app-nav a:hover[b-kofh2h5c9x] { color: var(--ink); text-decoration: none; }
.app-nav a.active[b-kofh2h5c9x] { color: var(--diesel); }
.app-nav a.active[b-kofh2h5c9x]::before {
    content: ""; position: absolute; top: 0; left: 28%; right: 28%; height: 3px; border-radius: 0 0 3px 3px; background: var(--diesel);
}

/* ------------------------------------------------------------------ bouwstenen voor alle app-pagina's */
.app-body[b-kofh2h5c9x]  h1 { font-size: 24px; margin: 4px 0 2px; }
.app-body[b-kofh2h5c9x]  .a-sub { color: var(--muted); margin-bottom: 16px; }
.app-body[b-kofh2h5c9x]  .a-head { display: flex; align-items: flex-end; gap: 12px; margin-bottom: 14px; }
.app-body[b-kofh2h5c9x]  .a-head .a-titles { flex: 1; min-width: 0; }
.app-body[b-kofh2h5c9x]  .a-head .a-sub { margin-bottom: 0; }
.app-body[b-kofh2h5c9x]  .a-back {
    display: inline-flex; align-items: center; gap: 4px; color: var(--ink-2); font-weight: 600; margin: 0 0 6px -4px;
    min-height: 36px; text-decoration: none;
}

.app-body[b-kofh2h5c9x]  .a-section { margin: 22px 0 8px; display: flex; align-items: baseline; gap: 8px; font-weight: 700; font-size: 15px; }
.app-body[b-kofh2h5c9x]  .a-section .count { color: var(--muted); font-weight: 500; }
.app-body[b-kofh2h5c9x]  .a-section:first-child { margin-top: 4px; }

.app-body[b-kofh2h5c9x]  .a-card { background: var(--surface); border: 1px solid var(--line); border-radius: 12px; padding: 16px; }
.app-body[b-kofh2h5c9x]  .a-card + .a-card { margin-top: 12px; }
.app-body[b-kofh2h5c9x]  .a-card h2 { font-size: 16px; margin-bottom: 10px; }
.app-body[b-kofh2h5c9x]  .a-stack { display: flex; flex-direction: column; gap: 12px; }

/* knoppen: minstens 48px hoog, makkelijk te raken met een handschoen */
.app-body[b-kofh2h5c9x]  .a-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 18px;
    border-radius: 10px; border: 1px solid var(--line); background: var(--surface); color: var(--ink);
    font: inherit; font-size: 16px; font-weight: 650; cursor: pointer; text-decoration: none; text-align: center;
}
.app-body[b-kofh2h5c9x]  .a-btn:hover { text-decoration: none; border-color: #BFC7CD; }
.app-body[b-kofh2h5c9x]  .a-btn:disabled { opacity: .5; cursor: not-allowed; }
.app-body[b-kofh2h5c9x]  .a-btn.primary { background: var(--diesel); border-color: var(--diesel); color: #fff; }
.app-body[b-kofh2h5c9x]  .a-btn.primary:hover { background: var(--diesel-2); }
.app-body[b-kofh2h5c9x]  .a-btn.signal { background: var(--signal); border-color: var(--signal); color: var(--signal-ink); }
.app-body[b-kofh2h5c9x]  .a-btn.signal:hover { background: #E3AB00; }
.app-body[b-kofh2h5c9x]  .a-btn.danger { color: var(--red); border-color: #E9B9B3; }
.app-body[b-kofh2h5c9x]  .a-btn.quiet { background: transparent; border-color: transparent; color: var(--ink-2); }
.app-body[b-kofh2h5c9x]  .a-btn.block { display: flex; width: 100%; }
.app-body[b-kofh2h5c9x]  .a-btn.small { min-height: 40px; font-size: 14.5px; padding: 0 12px; }
.app-body[b-kofh2h5c9x]  .a-btn-row { display: flex; gap: 10px; flex-wrap: wrap; }
.app-body[b-kofh2h5c9x]  .a-btn-row > .a-btn { flex: 1 1 140px; }

/* invoer */
.app-body[b-kofh2h5c9x]  .a-field { display: flex; flex-direction: column; gap: 6px; }
.app-body[b-kofh2h5c9x]  .a-field > label, .app-body[b-kofh2h5c9x]  .a-label { font-weight: 650; font-size: 14px; color: var(--ink-2); }
.app-body[b-kofh2h5c9x]  .a-field .a-hint { font-size: 13px; color: var(--muted); }
.app-body[b-kofh2h5c9x]  .a-input {
    width: 100%; min-height: 50px; padding: 10px 14px; border: 1px solid #C9D1D6; border-radius: 10px; background: #fff;
    font: inherit; font-size: 17px; color: var(--ink);
}
.app-body[b-kofh2h5c9x]  textarea.a-input { min-height: 96px; resize: vertical; line-height: 1.4; }
.app-body[b-kofh2h5c9x]  .a-input:focus { outline: 2px solid var(--signal); outline-offset: 0; border-color: var(--ink-2); }
.app-body[b-kofh2h5c9x]  .a-input.invalid { border-color: var(--red); background: #FFF8F7; }
.app-body[b-kofh2h5c9x]  .a-error { color: var(--red); font-size: 13.5px; font-weight: 600; }
.app-body[b-kofh2h5c9x]  .a-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }

/* segmentknoppen (brandstofniveau, ja/nee) */
.app-body[b-kofh2h5c9x]  .a-seg { display: flex; border: 1px solid #C9D1D6; border-radius: 10px; overflow: hidden; background: #fff; }
.app-body[b-kofh2h5c9x]  .a-seg button {
    flex: 1; min-height: 50px; border: 0; border-right: 1px solid var(--line); background: transparent; font: inherit;
    font-size: 15.5px; font-weight: 650; color: var(--ink-2); cursor: pointer; padding: 0 4px;
}
.app-body[b-kofh2h5c9x]  .a-seg button:last-child { border-right: 0; }
.app-body[b-kofh2h5c9x]  .a-seg button.on { background: var(--diesel); color: #fff; }
.app-body[b-kofh2h5c9x]  .a-seg.warn button.on { background: var(--red); }

/* aanvinklijst */
.app-body[b-kofh2h5c9x]  .a-checks { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.app-body[b-kofh2h5c9x]  .a-check {
    display: flex; align-items: center; gap: 14px; min-height: 64px; padding: 10px 14px; border-bottom: 1px solid var(--line-soft);
    cursor: pointer; user-select: none;
}
.app-body[b-kofh2h5c9x]  .a-check:last-child { border-bottom: 0; }
.app-body[b-kofh2h5c9x]  .a-check .box {
    flex: none; width: 30px; height: 30px; border-radius: 8px; border: 2px solid #AEB8BF; display: grid; place-items: center; color: transparent;
}
.app-body[b-kofh2h5c9x]  .a-check.on { background: var(--diesel-soft); }
.app-body[b-kofh2h5c9x]  .a-check.on .box { background: var(--diesel); border-color: var(--diesel); color: #fff; }
.app-body[b-kofh2h5c9x]  .a-check .txt { flex: 1; min-width: 0; }
.app-body[b-kofh2h5c9x]  .a-check .t1 { font-weight: 650; display: block; }
.app-body[b-kofh2h5c9x]  .a-check .t2 { color: var(--muted); font-size: 13.5px; display: block; }

/* toggles (schoon/compleet/schade) */
.app-body[b-kofh2h5c9x]  .a-toggle { display: flex; align-items: center; gap: 12px; min-height: 56px; padding: 6px 0; cursor: pointer; }
.app-body[b-kofh2h5c9x]  .a-toggle .sw {
    flex: none; width: 52px; height: 32px; border-radius: 16px; background: #C9D1D6; position: relative; transition: background .15s;
}
.app-body[b-kofh2h5c9x]  .a-toggle .sw::after {
    content: ""; position: absolute; top: 3px; left: 3px; width: 26px; height: 26px; border-radius: 50%; background: #fff;
    box-shadow: 0 1px 3px rgba(0,0,0,.25); transition: left .15s;
}
.app-body[b-kofh2h5c9x]  .a-toggle.on .sw { background: var(--diesel); }
.app-body[b-kofh2h5c9x]  .a-toggle.on.bad .sw { background: var(--red); }
.app-body[b-kofh2h5c9x]  .a-toggle.on .sw::after { left: 23px; }
.app-body[b-kofh2h5c9x]  .a-toggle .lbl { font-weight: 600; font-size: 15.5px; }

/* meldingen */
.app-body[b-kofh2h5c9x]  .a-note { display: flex; gap: 10px; padding: 12px 14px; border-radius: 10px; margin-bottom: 12px; align-items: flex-start; }
.app-body[b-kofh2h5c9x]  .a-note.info { background: var(--blue-soft); color: #1E3E7E; }
.app-body[b-kofh2h5c9x]  .a-note.warn { background: var(--signal-soft); color: var(--signal-ink); }
.app-body[b-kofh2h5c9x]  .a-note.ok { background: var(--green-soft); color: #145A37; }
.app-body[b-kofh2h5c9x]  .a-note.danger { background: var(--red-soft); color: #7A1F15; }

.app-body[b-kofh2h5c9x]  .a-empty { text-align: center; color: var(--muted); padding: 28px 12px; }
.app-body[b-kofh2h5c9x]  .a-empty h3 { color: var(--ink); font-size: 17px; margin-bottom: 6px; }

/* vaste actiebalk boven de onderbalk */
.app-body[b-kofh2h5c9x]  .a-sticky {
    position: sticky; bottom: calc(72px + env(safe-area-inset-bottom)); margin-top: 18px; padding: 10px 0 0;
    background: linear-gradient(to bottom, rgba(242,244,243,0), var(--canvas) 30%); z-index: 5;
}

.app-body[b-kofh2h5c9x]  .muted { color: var(--muted); }

@media (min-width: 700px) {
    .app-body[b-kofh2h5c9x] { padding-left: 24px; padding-right: 24px; }
    .app-nav[b-kofh2h5c9x] { left: 50%; right: auto; width: 560px; transform: translateX(-50%); border: 1px solid var(--line); border-bottom: 0; border-radius: 14px 14px 0 0; }
}
/* /Components/Layout/AuthLayout.razor.rz.scp.css */
.auth[b-w8pcf8dmuk] { min-height: 100vh; min-height: 100dvh; background: var(--canvas); display: flex; flex-direction: column; }
.auth-top[b-w8pcf8dmuk] { display: flex; align-items: center; gap: 12px; padding: 14px 24px; background: var(--ink); color: #fff; }
.auth-mark[b-w8pcf8dmuk] {
    width: 36px; height: 36px; border-radius: var(--radius-m); background: var(--signal); color: var(--signal-ink);
    display: grid; place-items: center; font-weight: 800; font-size: 14px; letter-spacing: .02em; font-stretch: 85%;
}
.auth-name[b-w8pcf8dmuk] { font-weight: 700; font-size: 18px; font-stretch: 90%; }
.auth-company[b-w8pcf8dmuk] { margin-left: auto; color: #C9D1D7; font-size: 14px; }
.auth-main[b-w8pcf8dmuk] { flex: 1; display: flex; justify-content: center; align-items: flex-start; padding: 8vh 16px 48px; }
.auth-card[b-w8pcf8dmuk] {
    width: 100%; max-width: 420px; background: var(--surface); border: 1px solid var(--line); border-radius: 12px;
    padding: 28px 28px 24px; box-sizing: border-box;
}

/* bouwstenen voor de pagina's in dit layout */
.auth-card[b-w8pcf8dmuk]  h1 { font-size: 24px; margin-bottom: 4px; }
.auth-card[b-w8pcf8dmuk]  .lead { color: var(--muted); margin-bottom: 20px; }
.auth-card[b-w8pcf8dmuk]  .a-field { margin-bottom: 14px; }
.auth-card[b-w8pcf8dmuk]  .a-field label { display: block; font-size: 13px; font-weight: 600; color: var(--ink-2); margin-bottom: 5px; }
.auth-card[b-w8pcf8dmuk]  .a-field input:not([type=checkbox]):not([type=hidden]) {
    width: 100%; box-sizing: border-box; height: 42px; padding: 0 12px; border: 1px solid #C5CCD1; border-radius: var(--radius-m);
    font: inherit; font-size: 15px; color: var(--ink); background: var(--surface);
}
.auth-card[b-w8pcf8dmuk]  .a-field input:focus { outline: 2px solid var(--diesel); outline-offset: 0; border-color: var(--diesel); }
.auth-card[b-w8pcf8dmuk]  .a-field .hint { font-size: 12.5px; color: var(--muted); margin-top: 4px; }
.auth-card[b-w8pcf8dmuk]  .a-row { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 4px 0 18px; font-size: 14px; }
.auth-card[b-w8pcf8dmuk]  .a-row label { display: inline-flex; align-items: center; gap: 8px; cursor: pointer; }
.auth-card[b-w8pcf8dmuk]  .a-row input[type=checkbox] { width: 18px; height: 18px; accent-color: var(--diesel); }
.auth-card[b-w8pcf8dmuk]  .a-submit { width: 100%; height: 44px; font-size: 15px; justify-content: center; }
.auth-card[b-w8pcf8dmuk]  .a-msg { padding: 10px 12px; border-radius: var(--radius-m); margin-bottom: 16px; font-size: 14px; }
.auth-card[b-w8pcf8dmuk]  .a-msg.error { background: var(--red-soft); color: #7A1F15; border: 1px solid #EFC2BC; }
.auth-card[b-w8pcf8dmuk]  .a-msg.ok { background: var(--green-soft); color: #14532F; border: 1px solid #BFE3CD; }
.auth-card[b-w8pcf8dmuk]  .a-msg.info { background: var(--blue-soft); color: #1E3E7E; border: 1px solid #C9D9F5; }
.auth-card[b-w8pcf8dmuk]  .a-foot { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--line-soft); font-size: 13.5px; color: var(--muted); }
.auth-card[b-w8pcf8dmuk]  .a-alt { display: flex; width: 100%; height: 42px; justify-content: center; margin-top: 10px; }
.auth-card[b-w8pcf8dmuk]  .validation-message { color: var(--red); font-size: 12.5px; margin-top: 3px; }

@media (max-width: 480px) {
    .auth-main[b-w8pcf8dmuk] { padding-top: 24px; }
    .auth-card[b-w8pcf8dmuk] { padding: 22px 18px 18px; border-radius: 10px; }
    .auth-company[b-w8pcf8dmuk] { display: none; }
}
/* /Components/Layout/ImpersonationBanner.razor.rz.scp.css */
.imp-banner[b-cqi1x22xh7] {
    display: flex; align-items: center; gap: 16px; flex-wrap: wrap; padding: 8px var(--space-6);
    background: var(--signal); color: var(--signal-ink); font-weight: 500; border-bottom: 1px solid #D9A300;
}
.imp-banner form[b-cqi1x22xh7] { margin: 0 0 0 auto; }
.imp-back[b-cqi1x22xh7] {
    height: 32px; padding: 0 14px; border: 1px solid var(--signal-ink); border-radius: var(--radius-m); background: var(--signal-ink);
    color: #fff; font: inherit; font-weight: 650; cursor: pointer;
}
.imp-back:hover[b-cqi1x22xh7] { background: #241B00; }
@media (max-width: 760px) { .imp-banner[b-cqi1x22xh7] { padding: 8px var(--space-4); } .imp-banner form[b-cqi1x22xh7] { margin-left: 0; } }
/* /Components/Layout/PublicLayout.razor.rz.scp.css */
.pub[b-bm0c4mtmlr] { min-height: 100vh; background: var(--canvas); display: flex; flex-direction: column; }
.pub-top[b-bm0c4mtmlr] { display: flex; align-items: center; gap: 12px; padding: 16px 24px; background: var(--ink); color: #fff; }
.pub-mark[b-bm0c4mtmlr] { width: 36px; height: 36px; border-radius: var(--radius-m); background: var(--signal); color: var(--signal-ink);
    display: grid; place-items: center; font-weight: 800; letter-spacing: .02em; }
.pub-name[b-bm0c4mtmlr] { font-weight: 700; font-size: 18px; }
.pub-main[b-bm0c4mtmlr] { flex: 1; width: 100%; max-width: 820px; margin: 0 auto; padding: 24px 16px 48px; box-sizing: border-box; }
.pub-foot[b-bm0c4mtmlr] { text-align: center; color: var(--muted); font-size: 13px; padding: 16px; }
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-9q07aolzdt],
.components-reconnect-repeated-attempt-visible[b-9q07aolzdt],
.components-reconnect-failed-visible[b-9q07aolzdt],
.components-pause-visible[b-9q07aolzdt],
.components-resume-failed-visible[b-9q07aolzdt],
.components-rejoining-animation[b-9q07aolzdt] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-retrying[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-failed[b-9q07aolzdt],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-9q07aolzdt] {
    display: block;
}


#components-reconnect-modal[b-9q07aolzdt] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-9q07aolzdt 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-9q07aolzdt 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-9q07aolzdt 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-9q07aolzdt]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-9q07aolzdt 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-9q07aolzdt {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-9q07aolzdt {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-9q07aolzdt {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-9q07aolzdt] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-9q07aolzdt] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-9q07aolzdt] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-9q07aolzdt] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-9q07aolzdt] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-9q07aolzdt] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-9q07aolzdt] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-9q07aolzdt 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-9q07aolzdt] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-9q07aolzdt {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Layout/UserMenu.razor.rz.scp.css */
.um[b-9k7gy315zu] { position: relative; }
.um-trigger[b-9k7gy315zu] {
    display: inline-flex; align-items: center; gap: 8px; height: 38px; padding: 0 10px 0 4px; border: 1px solid var(--line);
    border-radius: 19px; background: var(--surface); color: var(--ink); font: inherit; font-weight: 600; cursor: pointer; max-width: 220px;
}
.um-trigger:hover[b-9k7gy315zu] { border-color: #C5CCD1; background: var(--canvas); }
.um-trigger.imp[b-9k7gy315zu] { border-color: var(--signal); background: var(--signal-soft); }
.um-name[b-9k7gy315zu] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.um-avatar[b-9k7gy315zu] {
    width: 30px; height: 30px; flex: none; border-radius: 50%; background: var(--diesel); color: #fff; display: grid; place-items: center;
    font-size: 12px; font-weight: 700; letter-spacing: .02em;
}
.um-avatar.small[b-9k7gy315zu] { width: 32px; height: 32px; }
.um-backdrop[b-9k7gy315zu] { position: fixed; inset: 0; z-index: 40; }
.um-panel[b-9k7gy315zu] {
    position: absolute; right: 0; top: calc(100% + 6px); z-index: 41; min-width: 260px; background: var(--surface);
    border: 1px solid var(--line); border-radius: var(--radius-m); box-shadow: 0 8px 24px rgba(23, 33, 42, .14); padding: 6px;
}
.um-who[b-9k7gy315zu] { display: flex; flex-direction: column; padding: 8px 10px 10px; border-bottom: 1px solid var(--line-soft); margin-bottom: 4px; }
.um-who .muted[b-9k7gy315zu] { font-size: 12.5px; }
.um-imp[b-9k7gy315zu] { margin-top: 6px; font-size: 12.5px; color: var(--signal-ink); background: var(--signal-soft); padding: 2px 6px; border-radius: 4px; align-self: flex-start; }
.um-panel form[b-9k7gy315zu] { margin: 0; }
.um-item[b-9k7gy315zu] {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 9px 10px; border: 0; border-radius: 6px; background: none;
    color: var(--ink); font: inherit; text-align: left; cursor: pointer; text-decoration: none;
}
.um-item:hover[b-9k7gy315zu] { background: var(--canvas); text-decoration: none; }
.um-search[b-9k7gy315zu] {
    width: 100%; box-sizing: border-box; height: 38px; padding: 0 10px; border: 1px solid #C5CCD1; border-radius: var(--radius-m);
    font: inherit; margin-bottom: 8px;
}
.um-list[b-9k7gy315zu] { list-style: none; margin: 0; padding: 0; max-height: 50vh; overflow: auto; border: 1px solid var(--line); border-radius: var(--radius-m); }
.um-list li + li[b-9k7gy315zu] { border-top: 1px solid var(--line-soft); }
.um-list form[b-9k7gy315zu] { margin: 0; }
.um-list button[b-9k7gy315zu] {
    display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; background: none; font: inherit; color: var(--ink);
    text-align: left; cursor: pointer;
}
.um-list button:hover[b-9k7gy315zu] { background: var(--diesel-soft); }
.um-l[b-9k7gy315zu] { display: flex; flex-direction: column; min-width: 0; }
.um-l .muted[b-9k7gy315zu] { font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

@media (max-width: 760px) {
    .um-name[b-9k7gy315zu] { display: none; }
    .um-trigger[b-9k7gy315zu] { padding: 0 4px; }
}

.um-avatar[b-9k7gy315zu] { position: relative; }
.um-dot[b-9k7gy315zu] { position: absolute; top: -2px; right: -2px; width: 10px; height: 10px; border-radius: 50%; background: var(--signal); border: 2px solid var(--surface); }
.um-new[b-9k7gy315zu] { margin-left: auto; font-size: 11px; font-weight: 700; background: var(--signal-soft); color: var(--signal-ink); padding: 1px 6px; border-radius: 10px; }
/* /Components/Pages/Admin/AdminHub.razor.rz.scp.css */
.hub-search[b-hg47t31l2n] {
    display: flex; align-items: center; gap: 8px; max-width: 420px; height: 40px; padding: 0 12px; margin-bottom: var(--space-5);
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); color: var(--muted);
}
.hub-search input[b-hg47t31l2n] { flex: 1; border: 0; outline: 0; font: inherit; background: transparent; color: var(--ink); }
.hub[b-hg47t31l2n] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6) var(--space-6); align-items: start; }
.hub-group h2[b-hg47t31l2n] {
    display: flex; align-items: center; gap: 8px; font-size: 15px; padding-bottom: 8px; margin-bottom: 4px;
    border-bottom: 2px solid var(--ink);
}
.hub-group h2[b-hg47t31l2n]  .icon { color: var(--diesel); }
.hub-group ul[b-hg47t31l2n] { list-style: none; margin: 0; padding: 0; }
.hub-group li[b-hg47t31l2n] { border-bottom: 1px solid var(--line-soft); }
.hub-group a[b-hg47t31l2n] { display: block; padding: 8px 6px; margin: 0 -6px; border-radius: var(--radius-s); color: var(--ink); }
.hub-group a:hover[b-hg47t31l2n] { background: var(--surface); text-decoration: none; }
.hub-group a:hover .t[b-hg47t31l2n] { color: var(--diesel); text-decoration: underline; }
.t[b-hg47t31l2n] { display: block; font-weight: 650; }
.d[b-hg47t31l2n] { display: block; color: var(--muted); font-size: 13px; line-height: 1.35; }
@media (max-width: 1200px) { .hub[b-hg47t31l2n] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 700px) { .hub[b-hg47t31l2n] { grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/Catalog/AssetGroups.razor.rz.scp.css */
tr.inactive td[b-rssfzq3lh7] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/Brands.razor.rz.scp.css */
tr.inactive td[b-46sgzkb3sn] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/Categories.razor.rz.scp.css */
tr.inactive td[b-47tptcd3mo] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/Devices.razor.rz.scp.css */
tr.inactive td[b-36hox78e19] { color: var(--muted); }
.link-btn[b-36hox78e19] { border: 0; background: none; padding: 0 4px; color: var(--diesel); font: inherit; cursor: pointer; }
.link-btn:hover[b-36hox78e19] { text-decoration: underline; }
/* /Components/Pages/Admin/Catalog/FuelTypes.razor.rz.scp.css */
tr.inactive td[b-71qf0hca5w] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/Geofences.razor.rz.scp.css */
tr.inactive td[b-hfa1imdsxz] { color: var(--muted); }
.link-btn[b-hfa1imdsxz] { border: 0; background: none; padding: 0 4px; color: var(--diesel); font: inherit; cursor: pointer; }
.link-btn:hover[b-hfa1imdsxz] { text-decoration: underline; }
/* /Components/Pages/Admin/Catalog/Locations.razor.rz.scp.css */
tr.inactive td[b-aobzjo1kir] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/MachineTypes.razor.rz.scp.css */
tr.inactive td[b-2ffnnal6h6] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/ProductAccessoriesTab.razor.rz.scp.css */
.add-row[b-559nj7q1gf] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.grow[b-559nj7q1gf] { flex: 1; min-width: 260px; }
.w-rule[b-559nj7q1gf] { width: 230px; }
.w-qty[b-559nj7q1gf] { width: 100px; }
/* /Components/Pages/Admin/Catalog/ProductAlternativesTab.razor.rz.scp.css */
.add-row[b-b3efv988nv] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.grow[b-b3efv988nv] { flex: 1; min-width: 260px; }
.w-rule[b-b3efv988nv] { width: 230px; }
.w-qty[b-b3efv988nv] { width: 100px; }
/* /Components/Pages/Admin/Catalog/ProductDetail.razor.rz.scp.css */
.crumbs[b-8drm5wpp81] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; margin-bottom: var(--space-2); }
.crumbs a[b-8drm5wpp81] { color: var(--muted); }
/* /Components/Pages/Admin/Catalog/ProductForm.razor.rz.scp.css */
.checks[b-t1oir7fm4k] { display: flex; gap: var(--space-5); flex-wrap: wrap; }
.link-btn[b-t1oir7fm4k] { border: 0; background: none; padding: 0; color: var(--diesel); font: inherit; cursor: pointer; }
.link-btn:hover[b-t1oir7fm4k] { text-decoration: underline; }
.product-img[b-t1oir7fm4k] { display: block; width: 100%; max-height: 260px; object-fit: contain; background: var(--canvas); border-radius: var(--radius-m); }
.img-empty[b-t1oir7fm4k] { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: var(--space-6) 0; color: var(--muted); background: var(--canvas); border-radius: var(--radius-m); }
.upload-btn[b-t1oir7fm4k] { position: relative; overflow: hidden; }
.upload-btn[b-t1oir7fm4k]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
/* /Components/Pages/Admin/Catalog/ProductPartsTab.razor.rz.scp.css */
.add-row[b-j6xctffp6f] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.grow[b-j6xctffp6f] { flex: 1; min-width: 260px; }
.w-rule[b-j6xctffp6f] { width: 230px; }
.w-qty[b-j6xctffp6f] { width: 100px; }
/* /Components/Pages/Admin/Catalog/ProductPricesTab.razor.rz.scp.css */
.pl-select[b-htz3e01ap1] { width: 260px; max-width: 100%; }
.dwm[b-htz3e01ap1] { display: grid; grid-template-columns: repeat(3, minmax(0, 200px)); gap: var(--space-3); }
.tiers td[b-htz3e01ap1] { min-width: 110px; }
.link-btn[b-htz3e01ap1] { border: 0; background: none; padding: 0; color: var(--diesel); font: inherit; cursor: pointer; text-align: left; }
.link-btn:hover[b-htz3e01ap1] { text-decoration: underline; }
@media (max-width: 900px) { .dwm[b-htz3e01ap1] { grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/Catalog/ProductSpecsTab.razor.rz.scp.css */
.spec-grid[b-hobtow8fpj] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-3) var(--space-4); }
/* /Components/Pages/Admin/Catalog/ProductStockTab.razor.rz.scp.css */
.add-row[b-i9dn3imwb7] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; }
.grow[b-i9dn3imwb7] { flex: 1; min-width: 180px; }
.w-qty[b-i9dn3imwb7] { width: 110px; }
.w-loc[b-i9dn3imwb7] { width: 220px; }
/* /Components/Pages/Admin/Catalog/Specifications.razor.rz.scp.css */
tr.inactive td[b-v106rrkzzs] { color: var(--muted); }
/* /Components/Pages/Admin/FinanceSettings/ChargeArticles.razor.rz.scp.css */
th.num[b-k5fb45yehp] { text-align: right; }
tr.inactive td[b-k5fb45yehp] { color: var(--muted); }
.seg-switch[b-k5fb45yehp] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-k5fb45yehp] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-k5fb45yehp] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-k5fb45yehp] { background: var(--diesel-soft); color: var(--diesel); }
/* /Components/Pages/Admin/FinanceSettings/DiscountLists.razor.rz.scp.css */
.master-detail[b-yeli3yjbf5] { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.mlist[b-yeli3yjbf5] { list-style: none; margin: 0; padding: var(--space-2); }
.mlist li[b-yeli3yjbf5] { padding: 10px 12px; border-radius: var(--radius-m); cursor: pointer; border-left: 3px solid transparent; }
.mlist li:hover[b-yeli3yjbf5] { background: #FAFBFA; }
.mlist li.on[b-yeli3yjbf5] { background: var(--diesel-soft); border-left-color: var(--diesel); }
.mlist li.inactive .m-title[b-yeli3yjbf5] { color: var(--muted); }
.m-title[b-yeli3yjbf5] { font-weight: 650; }
th.num[b-yeli3yjbf5] { text-align: right; }
tr.editing td[b-yeli3yjbf5] { background: #FAFBF7; }
.add-row[b-yeli3yjbf5] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px dashed var(--line); }
.add-row .target[b-yeli3yjbf5] { flex: 1; min-width: 220px; }
.add-row .pct[b-yeli3yjbf5] { width: 110px; }
.seg-switch[b-yeli3yjbf5] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-yeli3yjbf5] { font: inherit; font-weight: 600; height: 34px; padding: 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-yeli3yjbf5] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-yeli3yjbf5] { background: var(--diesel-soft); color: var(--diesel); }
@media (max-width: 900px) { .master-detail[b-yeli3yjbf5] { grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/FinanceSettings/LedgerArticles.razor.rz.scp.css */
th.num[b-umwu8ptyua] { text-align: right; }
tr.inactive td[b-umwu8ptyua] { color: var(--muted); }
/* /Components/Pages/Admin/FinanceSettings/PriceLists.razor.rz.scp.css */
.master-detail[b-qlkpuh1qma] { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.mlist[b-qlkpuh1qma] { list-style: none; margin: 0; padding: var(--space-2); }
.mlist li[b-qlkpuh1qma] { padding: 10px 12px; border-radius: var(--radius-m); cursor: pointer; border-left: 3px solid transparent; }
.mlist li:hover[b-qlkpuh1qma] { background: #FAFBFA; }
.mlist li.on[b-qlkpuh1qma] { background: var(--diesel-soft); border-left-color: var(--diesel); }
.mlist li.inactive .m-title[b-qlkpuh1qma] { color: var(--muted); }
.m-title[b-qlkpuh1qma] { font-weight: 650; }
th.num[b-qlkpuh1qma] { text-align: right; }
@media (max-width: 900px) { .master-detail[b-qlkpuh1qma] { grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/FinanceSettings/VatRates.razor.rz.scp.css */
th.num[b-mxzkoirueh] { text-align: right; }
tr.inactive td[b-mxzkoirueh] { color: var(--muted); }
/* /Components/Pages/Admin/Relations/BranchEdit.razor.rz.scp.css */
.table-wrap[b-eqhb2n6km4] { overflow-x: auto; }
tr.inactive td[b-eqhb2n6km4] { color: var(--muted); }
td .badge[b-eqhb2n6km4] { margin-left: 6px; }
.link-btn[b-eqhb2n6km4] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-eqhb2n6km4] { text-decoration: underline; }
.edit-grid[b-eqhb2n6km4] { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: var(--space-5); align-items: start; }
.req[b-eqhb2n6km4] { color: var(--red); font-weight: 600; }
.hours[b-eqhb2n6km4] { width: 100%; border-collapse: collapse; }
.hours th[b-eqhb2n6km4] { text-align: left; font-weight: 600; padding: 4px 8px 4px 0; width: 92px; }
.hours td[b-eqhb2n6km4] { padding: 4px 0; }
.hours .h-open[b-eqhb2n6km4] { width: 78px; }
.hours .h-sep[b-eqhb2n6km4] { width: 18px; text-align: center; color: var(--muted); }
.hours tr.closed th[b-eqhb2n6km4] { color: var(--muted); font-weight: 500; }
.closure-add[b-eqhb2n6km4] { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.logo-preview[b-eqhb2n6km4] { padding: 12px; background: var(--canvas); border-radius: var(--radius-m); display: flex; justify-content: center; }
.logo-preview img[b-eqhb2n6km4] { max-height: 72px; max-width: 100%; }
.upload-btn[b-eqhb2n6km4] { position: relative; overflow: hidden; align-self: flex-start; }
.upload-btn[b-eqhb2n6km4]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.save-row[b-eqhb2n6km4] { position: sticky; bottom: 0; z-index: 5; display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap;
  margin-top: var(--space-4); padding: 10px var(--space-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
  box-shadow: 0 -4px 14px rgba(23, 33, 42, .07); }
@media (max-width: 1200px) { .edit-grid[b-eqhb2n6km4] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .save-row[b-eqhb2n6km4] { bottom: 64px; } .closure-add[b-eqhb2n6km4] { grid-template-columns: 1fr; } }
/* /Components/Pages/Admin/Relations/BranchList.razor.rz.scp.css */
.table-wrap[b-j2p0n0g8ta] { overflow-x: auto; }
tr.inactive td[b-j2p0n0g8ta] { color: var(--muted); }
td .badge[b-j2p0n0g8ta] { margin-left: 6px; }
.link-btn[b-j2p0n0g8ta] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-j2p0n0g8ta] { text-decoration: underline; }
/* /Components/Pages/Admin/Relations/DriverList.razor.rz.scp.css */
.table-wrap[b-xh4sk5u2mw] { overflow-x: auto; }
tr.inactive td[b-xh4sk5u2mw] { color: var(--muted); }
td .badge[b-xh4sk5u2mw] { margin-left: 6px; }
.link-btn[b-xh4sk5u2mw] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-xh4sk5u2mw] { text-decoration: underline; }
.req[b-xh4sk5u2mw] { color: var(--red); font-weight: 600; }
.dot[b-xh4sk5u2mw] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: 0; }
.warn[b-xh4sk5u2mw] { color: var(--amber); font-weight: 600; }
.plate[b-xh4sk5u2mw] { display: inline-block; padding: 1px 8px; border-radius: 3px; background: #F6C700; color: #111; font-weight: 700; letter-spacing: .04em; font-size: 12.5px; border: 1px solid #C9A400; }
/* /Components/Pages/Admin/Relations/PartyEdit.razor.rz.scp.css */
.table-wrap[b-502e2pqbm2] { overflow-x: auto; }
tr.inactive td[b-502e2pqbm2] { color: var(--muted); }
td .badge[b-502e2pqbm2] { margin-left: 6px; }
.link-btn[b-502e2pqbm2] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-502e2pqbm2] { text-decoration: underline; }
.edit-grid[b-502e2pqbm2] { display: grid; grid-template-columns: minmax(0, 1fr) 420px; gap: var(--space-5); align-items: start; }
.req[b-502e2pqbm2] { color: var(--red); font-weight: 600; }
.hours[b-502e2pqbm2] { width: 100%; border-collapse: collapse; }
.hours th[b-502e2pqbm2] { text-align: left; font-weight: 600; padding: 4px 8px 4px 0; width: 92px; }
.hours td[b-502e2pqbm2] { padding: 4px 0; }
.hours .h-open[b-502e2pqbm2] { width: 78px; }
.hours .h-sep[b-502e2pqbm2] { width: 18px; text-align: center; color: var(--muted); }
.hours tr.closed th[b-502e2pqbm2] { color: var(--muted); font-weight: 500; }
.closure-add[b-502e2pqbm2] { display: grid; grid-template-columns: 150px minmax(0, 1fr) auto; gap: 6px; align-items: center; }
.logo-preview[b-502e2pqbm2] { padding: 12px; background: var(--canvas); border-radius: var(--radius-m); display: flex; justify-content: center; }
.logo-preview img[b-502e2pqbm2] { max-height: 72px; max-width: 100%; }
.upload-btn[b-502e2pqbm2] { position: relative; overflow: hidden; align-self: flex-start; }
.upload-btn[b-502e2pqbm2]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.save-row[b-502e2pqbm2] { position: sticky; bottom: 0; z-index: 5; display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap;
  margin-top: var(--space-4); padding: 10px var(--space-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
  box-shadow: 0 -4px 14px rgba(23, 33, 42, .07); }
@media (max-width: 1200px) { .edit-grid[b-502e2pqbm2] { grid-template-columns: 1fr; } }
@media (max-width: 900px) { .save-row[b-502e2pqbm2] { bottom: 64px; } .closure-add[b-502e2pqbm2] { grid-template-columns: 1fr; } }
.contacts[b-502e2pqbm2] { list-style: none; margin: 0; padding: 0; }
.contacts li[b-502e2pqbm2] { padding: 8px 0; border-bottom: 1px solid var(--line-soft); }
.contacts li:last-child[b-502e2pqbm2] { border-bottom: 0; }
.contacts li.inactive[b-502e2pqbm2] { opacity: .6; }
/* /Components/Pages/Admin/Relations/PartyList.razor.rz.scp.css */
.table-wrap[b-yakkwv5ma9] { overflow-x: auto; }
tr.inactive td[b-yakkwv5ma9] { color: var(--muted); }
td .badge[b-yakkwv5ma9] { margin-left: 6px; }
.link-btn[b-yakkwv5ma9] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-yakkwv5ma9] { text-decoration: underline; }
/* /Components/Pages/Admin/Relations/PaymentTermList.razor.rz.scp.css */
.table-wrap[b-tgn1935nd5] { overflow-x: auto; }
tr.inactive td[b-tgn1935nd5] { color: var(--muted); }
td .badge[b-tgn1935nd5] { margin-left: 6px; }
.link-btn[b-tgn1935nd5] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-tgn1935nd5] { text-decoration: underline; }
.req[b-tgn1935nd5] { color: var(--red); font-weight: 600; }
.dot[b-tgn1935nd5] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: 0; }
.warn[b-tgn1935nd5] { color: var(--amber); font-weight: 600; }
.plate[b-tgn1935nd5] { display: inline-block; padding: 1px 8px; border-radius: 3px; background: #F6C700; color: #111; font-weight: 700; letter-spacing: .04em; font-size: 12.5px; border: 1px solid #C9A400; }
/* /Components/Pages/Admin/Relations/VehicleList.razor.rz.scp.css */
.table-wrap[b-t4r5tpwq54] { overflow-x: auto; }
tr.inactive td[b-t4r5tpwq54] { color: var(--muted); }
td .badge[b-t4r5tpwq54] { margin-left: 6px; }
.link-btn[b-t4r5tpwq54] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-t4r5tpwq54] { text-decoration: underline; }
.req[b-t4r5tpwq54] { color: var(--red); font-weight: 600; }
.dot[b-t4r5tpwq54] { display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-right: 8px; vertical-align: 0; }
.warn[b-t4r5tpwq54] { color: var(--amber); font-weight: 600; }
.plate[b-t4r5tpwq54] { display: inline-block; padding: 1px 8px; border-radius: 3px; background: #F6C700; color: #111; font-weight: 700; letter-spacing: .04em; font-size: 12.5px; border: 1px solid #C9A400; }
/* /Components/Pages/Admin/ReportDesign/ReportDesignerPage.razor.rz.scp.css */
.designer-head[b-pzgudn69ze] { display: flex; align-items: baseline; gap: var(--space-4, 16px); flex-wrap: wrap; margin: 4px 0 10px; }
.designer-head h1[b-pzgudn69ze] { font-size: 20px; margin: 0; }
.designer-help[b-pzgudn69ze] { font-size: 13.5px; }
.designer-help summary[b-pzgudn69ze] { cursor: pointer; color: var(--diesel); }
.designer-help ul[b-pzgudn69ze] { margin: 8px 0 0; padding-left: 18px; max-width: 900px; }
.designer-help li[b-pzgudn69ze] { margin: 2px 0; }
.designer-wrap[b-pzgudn69ze] { height: calc(100vh - 150px); min-height: 560px; border: 1px solid var(--line); background: #fff; }
/* /Components/Pages/Admin/ReportDesign/ReportTemplates.razor.rz.scp.css */
.intro[b-3iwyz8vvwk] { margin: 0 0 12px; max-width: 980px; }
.row-actions[b-3iwyz8vvwk] { display: flex; gap: 4px; align-items: center; flex-wrap: nowrap; }
td .badge[b-3iwyz8vvwk], .badge[b-3iwyz8vvwk] { margin-left: 6px; }
.preview-bar[b-3iwyz8vvwk] { display: flex; align-items: center; gap: 10px; margin-bottom: 8px; flex-wrap: wrap; }
.preview-bar label[b-3iwyz8vvwk] { font-weight: 600; }
[b-3iwyz8vvwk] .record-combo { width: 360px; max-width: 100%; }
.viewer-wrap[b-3iwyz8vvwk] { height: calc(92vh - 130px); min-height: 420px; }
.static[b-3iwyz8vvwk] { padding: 6px 0; }
.hint[b-3iwyz8vvwk] { color: var(--muted); font-size: 12.5px; margin-top: 4px; }
/* /Components/Pages/Admin/System/AdminBack.razor.rz.scp.css */
.admin-back[b-vvv35xqrdr] { display: inline-flex; align-items: center; gap: 2px; color: var(--muted); font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.admin-back:hover[b-vvv35xqrdr] { color: var(--diesel); }
/* /Components/Pages/Admin/System/AuditLogPage.razor.rz.scp.css */
.audit td[b-uquwqnj18j] { vertical-align: top; }
.fields-sum[b-uquwqnj18j] { color: var(--muted); font-size: 13px; max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
tr.open td[b-uquwqnj18j] { background: var(--diesel-soft); }
tr.detail td[b-uquwqnj18j] { background: #FAFBFA; padding: 12px 16px 16px 40px; }
.facts[b-uquwqnj18j] { grid-template-columns: minmax(140px, max-content) 1fr; font-size: 13px; }
.more[b-uquwqnj18j] { padding: 12px; text-align: center; border-top: 1px solid var(--line-soft); }
/* /Components/Pages/Admin/System/EffectiveRights.razor.rz.scp.css */
.eff[b-0jx71aya38] { display: grid; grid-template-columns: repeat(auto-fill, minmax(460px, 1fr)); gap: var(--space-4); align-items: start; }
.mark[b-0jx71aya38] { width: 24px; }
.mark[b-0jx71aya38]  .ok { color: var(--green); }
.mark[b-0jx71aya38]  .nok { color: var(--muted); }
tr.no td strong[b-0jx71aya38] { color: var(--muted); font-weight: 500; }
.src[b-0jx71aya38] { text-align: right; white-space: normal; }
.src .badge[b-0jx71aya38] { margin: 2px 0 2px 4px; }
@media (max-width: 760px) { .eff[b-0jx71aya38] { grid-template-columns: minmax(0, 1fr); } }
.src[b-0jx71aya38] { padding-right: 16px !important; }
/* /Components/Pages/Admin/System/EmailTemplates.razor.rz.scp.css */
.tpl-layout[b-s8nyh4ss8j] { display: grid; grid-template-columns: 260px minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.tpl-list[b-s8nyh4ss8j] { display: flex; flex-direction: column; padding: 6px; position: sticky; top: calc(var(--topbar-h) + 12px); }
.tpl-item[b-s8nyh4ss8j] { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; padding: 8px 10px; border: 0; border-radius: var(--radius-s);
    background: transparent; font: inherit; text-align: left; cursor: pointer; color: var(--ink); }
.tpl-item:hover[b-s8nyh4ss8j] { background: var(--canvas); }
.tpl-item.active[b-s8nyh4ss8j] { background: var(--diesel-soft); box-shadow: inset 3px 0 0 var(--diesel); }
.tpl-item .n[b-s8nyh4ss8j] { font-weight: 650; display: flex; gap: 6px; align-items: center; }
.tpl-item .k[b-s8nyh4ss8j] { font-size: 12px; color: var(--muted); }
.addr[b-s8nyh4ss8j] { margin: 14px 0 4px; }
.addr summary[b-s8nyh4ss8j] { cursor: pointer; font-weight: 600; color: var(--ink-2); }
.body-head[b-s8nyh4ss8j] { display: flex; align-items: center; gap: 8px; margin: 16px 0 6px; }
.body-head label[b-s8nyh4ss8j] { font-size: 12.5px; font-weight: 600; color: var(--ink-2); }
.panel-body[b-s8nyh4ss8j]  .code textarea { font-family: ui-monospace, monospace; font-size: 12.5px; }
.lower[b-s8nyh4ss8j] { align-items: start; }
.mail-subject[b-s8nyh4ss8j] { padding: 8px 10px; background: var(--canvas); border-radius: var(--radius-s); margin-bottom: 8px; font-weight: 600; }
.mail-body[b-s8nyh4ss8j] { min-height: 200px; max-height: 420px; overflow: auto; padding: 12px 14px; border: 1px solid var(--line); border-radius: var(--radius-s);
    background: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #222; line-height: 1.5; }
.mail-body[b-s8nyh4ss8j]  p { margin: 0 0 10px; }
.fields[b-s8nyh4ss8j] { display: flex; flex-direction: column; gap: 2px; max-height: 420px; overflow-y: auto; }
.fg[b-s8nyh4ss8j] { font-size: 12px; font-weight: 700; color: var(--muted); margin: 8px 0 2px; }
.fg:first-child[b-s8nyh4ss8j] { margin-top: 0; }
.field-chip[b-s8nyh4ss8j] { display: flex; align-items: baseline; gap: 10px; padding: 4px 6px; border: 0; background: transparent; border-radius: var(--radius-s);
    font: inherit; text-align: left; cursor: pointer; color: var(--ink); }
.field-chip:hover[b-s8nyh4ss8j] { background: var(--diesel-soft); }
.field-chip code[b-s8nyh4ss8j] { font-size: 12px; color: var(--diesel); white-space: nowrap; }
.field-chip span[b-s8nyh4ss8j] { color: var(--ink-2); font-size: 13px; }
@media (max-width: 1100px) { .tpl-layout[b-s8nyh4ss8j] { grid-template-columns: 1fr; } .tpl-list[b-s8nyh4ss8j] { position: static; } }
/* /Components/Pages/Admin/System/Integrations.razor.rz.scp.css */
.int-layout[b-017k590nde] { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.systems[b-017k590nde] { display: flex; flex-direction: column; gap: 2px; position: sticky; top: calc(var(--topbar-h) + 12px); }
.systems a[b-017k590nde] { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; padding: 9px 12px; border-radius: var(--radius-m); color: var(--ink); }
.systems a:hover[b-017k590nde] { background: var(--surface); text-decoration: none; }
.systems a.active[b-017k590nde] { background: var(--surface); box-shadow: inset 3px 0 0 var(--diesel); }
.systems .nm[b-017k590nde] { font-weight: 650; }
.req[b-017k590nde] { color: var(--red); }
.secret[b-017k590nde] { display: flex; gap: 6px; align-items: center; }
.secret > :first-child[b-017k590nde] { flex: 1; }
.log td[b-017k590nde] { font-size: 13px; vertical-align: top; }
code[b-017k590nde] { font-size: 12px; background: var(--canvas); padding: 1px 4px; border-radius: 3px; }
@media (max-width: 900px) { .int-layout[b-017k590nde] { grid-template-columns: 1fr; } .systems[b-017k590nde] { position: static; flex-direction: row; overflow-x: auto; } .systems a[b-017k590nde] { white-space: nowrap; } }
/* /Components/Pages/Admin/System/Notifications.razor.rz.scp.css */
tr.inactive td[b-rqj6l7d9xo] { color: var(--muted); }
/* /Components/Pages/Admin/System/NumberSequences.razor.rz.scp.css */
.seq td[b-3q7poakj50] { vertical-align: middle; }
.preview[b-3q7poakj50] { font-weight: 700; font-size: 15px; background: var(--canvas); padding: 3px 8px; border-radius: var(--radius-s); font-variant-numeric: tabular-nums; }
tr.changed td[b-3q7poakj50] { background: var(--signal-soft); }
/* /Components/Pages/Admin/System/Roles.razor.rz.scp.css */
.roles[b-5nnwrc905g] { display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.role-list[b-5nnwrc905g] { position: sticky; top: calc(var(--topbar-h) + var(--space-4)); }
.role-list ul[b-5nnwrc905g] { list-style: none; margin: 0; padding: 6px; }
.role-list li a[b-5nnwrc905g] { display: flex; flex-direction: column; padding: 8px 10px; border-radius: 6px; color: var(--ink); text-decoration: none; }
.role-list li a:hover[b-5nnwrc905g] { background: var(--canvas); }
.role-list li.active a[b-5nnwrc905g] { background: var(--diesel-soft); box-shadow: inset 3px 0 0 var(--diesel); }
.role-list li.inactive .n[b-5nnwrc905g] { color: var(--muted); }
.role-list .n[b-5nnwrc905g] { font-weight: 650; }
.role-list .m[b-5nnwrc905g] { font-size: 12.5px; color: var(--muted); }
.role-edit[b-5nnwrc905g] { display: flex; flex-direction: column; gap: var(--space-4); min-width: 0; }
.role-edit .notice[b-5nnwrc905g] { margin-bottom: 0; }
.matrix[b-5nnwrc905g] { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: var(--space-4); align-items: start; }
.mod .panel-head h2[b-5nnwrc905g] { flex: 1; }
.mod ul[b-5nnwrc905g] { list-style: none; margin: 0; padding: 8px 16px 12px; }
.mod li[b-5nnwrc905g] { padding: 6px 0; }
.mod li + li[b-5nnwrc905g] { border-top: 1px solid var(--line-soft); }
.pn[b-5nnwrc905g] { font-weight: 600; }
.pd[b-5nnwrc905g] { display: block; padding-left: 26px; font-size: 12.5px; color: var(--muted); }
tr.inactive td[b-5nnwrc905g] { color: var(--muted); }
@media (max-width: 1000px) { .roles[b-5nnwrc905g] { grid-template-columns: minmax(0, 1fr); } .role-list[b-5nnwrc905g] { position: static; } }
/* /Components/Pages/Admin/System/SettingsPage.razor.rz.scp.css */
.company[b-l3ike56oiw] { margin-bottom: var(--space-5); }
.company label[b-l3ike56oiw] { display: block; font-weight: 650; font-size: 12.5px; color: var(--ink-2); margin-bottom: 4px; }
.company[b-l3ike56oiw]  .company-input { max-width: 520px; font-size: 17px; }
.company .hint[b-l3ike56oiw] { font-size: 12.5px; color: var(--muted); margin-top: 4px; }
.settings[b-l3ike56oiw] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.groups[b-l3ike56oiw] { display: flex; flex-direction: column; position: sticky; top: calc(var(--topbar-h) + 12px); }
.groups a[b-l3ike56oiw] { padding: 8px 12px; border-radius: var(--radius-m); color: var(--ink-2); font-weight: 550; display: flex; align-items: center; gap: 8px; }
.groups a:hover[b-l3ike56oiw] { background: var(--surface); text-decoration: none; }
.groups a.active[b-l3ike56oiw] { background: var(--surface); color: var(--ink); font-weight: 700; box-shadow: inset 3px 0 0 var(--diesel); }
.dot[b-l3ike56oiw] { width: 7px; height: 7px; border-radius: 50%; background: var(--signal); }
.intro[b-l3ike56oiw] { margin-bottom: var(--space-4); }
.rows[b-l3ike56oiw] { display: flex; flex-direction: column; }
.setting[b-l3ike56oiw] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); padding: 14px 0; border-top: 1px solid var(--line-soft); align-items: start; }
.setting.wide[b-l3ike56oiw] { grid-template-columns: 1fr; gap: 8px; }
.setting.changed .s-label label[b-l3ike56oiw]::after { content: " · gewijzigd"; color: var(--amber); font-weight: 500; font-size: 12px; }
.s-label label[b-l3ike56oiw] { font-weight: 650; }
.hint[b-l3ike56oiw] { font-size: 12.5px; color: var(--muted); }
.key[b-l3ike56oiw] { font-size: 11.5px; color: #9AA4AC; font-family: ui-monospace, monospace; margin-top: 2px; }
.advanced[b-l3ike56oiw] { margin-top: var(--space-4); border-top: 1px solid var(--line); padding-top: var(--space-3); }
.advanced summary[b-l3ike56oiw] { cursor: pointer; font-weight: 650; color: var(--ink-2); }
.advanced[b-l3ike56oiw]  .code textarea { font-family: ui-monospace, monospace; font-size: 12.5px; }
code[b-l3ike56oiw] { font-size: 12px; background: rgba(255,255,255,.6); padding: 0 3px; border-radius: 3px; }
@media (max-width: 900px) {
    .settings[b-l3ike56oiw] { grid-template-columns: 1fr; }
    .groups[b-l3ike56oiw] { position: static; flex-direction: row; overflow-x: auto; }
    .groups a[b-l3ike56oiw] { white-space: nowrap; }
    .setting[b-l3ike56oiw] { grid-template-columns: 1fr; gap: 6px; }
}
.s-input.short[b-l3ike56oiw] { max-width: 200px; }
.s-input.mid[b-l3ike56oiw] { max-width: 300px; }
/* /Components/Pages/Admin/System/SystemStatusPage.razor.rz.scp.css */
.status-grid[b-0lo16s5q2z] { display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: var(--space-4); margin-bottom: var(--space-4); }
.status-card[b-0lo16s5q2z] { margin: 0; border-top: 3px solid var(--green); }
.status-card.lvl-warning[b-0lo16s5q2z] { border-top-color: var(--amber); }
.status-card.lvl-error[b-0lo16s5q2z] { border-top-color: var(--red); }
.status-card .summary[b-0lo16s5q2z] { margin: 0 0 var(--space-3); font-weight: 600; }
.stack-trace[b-0lo16s5q2z] { max-height: 320px; overflow: auto; background: var(--canvas); border: 1px solid var(--line); border-radius: var(--radius-s);
    padding: var(--space-3); font-size: .78rem; white-space: pre-wrap; overflow-wrap: anywhere; }
code[b-0lo16s5q2z] { overflow-wrap: anywhere; }
@media (max-width: 560px) { .status-grid[b-0lo16s5q2z] { grid-template-columns: minmax(0, 1fr); } }
/* /Components/Pages/Admin/System/UserDetail.razor.rz.scp.css */
.col[b-wu1n7ffgh9] { display: flex; flex-direction: column; gap: var(--space-5); min-width: 0; }
.inline-form[b-wu1n7ffgh9] { display: inline; margin: 0; }
.role-pick[b-wu1n7ffgh9] { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 10px 20px; }
.role-pick li[b-wu1n7ffgh9] { display: flex; flex-direction: column; gap: 2px; }
.role-pick li .small[b-wu1n7ffgh9] { padding-left: 26px; }
.overrides td:first-child[b-wu1n7ffgh9] { width: 60%; }
.login-state dl[b-wu1n7ffgh9] { display: grid; grid-template-columns: auto 1fr; gap: 8px 14px; margin: 0 0 16px; }
.login-state dt[b-wu1n7ffgh9] { color: var(--muted); }
.login-state dd[b-wu1n7ffgh9] { margin: 0; }
.login-actions[b-wu1n7ffgh9] { display: flex; flex-direction: column; gap: 8px; }
.login-actions .btn[b-wu1n7ffgh9] { justify-content: flex-start; }
.temp-pw[b-wu1n7ffgh9] {
    font-family: ui-monospace, SFMono-Regular, Consolas, monospace; font-size: 22px; letter-spacing: .08em; text-align: center; padding: 12px;
    background: var(--signal-soft); border: 1px dashed #D9A300; border-radius: var(--radius-m); user-select: all;
}
.admin-back[b-wu1n7ffgh9] { display: inline-flex; align-items: center; gap: 2px; color: var(--muted); font-size: 13px; font-weight: 600; margin-bottom: 6px; }
.admin-back:hover[b-wu1n7ffgh9] { color: var(--diesel); }
/* /Components/Pages/Admin/System/Users.razor.rz.scp.css */
[b-cerk5qw5z5] tr.inactive td { color: var(--muted); }
/* /Components/Pages/App/AppBon.razor.rz.scp.css */
.bon-head[b-8cs4a0vd2l] { margin-bottom: 12px; }
.bon-head .kind[b-8cs4a0vd2l] { display: inline-flex; align-items: center; gap: 6px; font-weight: 750; font-size: 14px; color: var(--diesel); }
.bon-head.in .kind[b-8cs4a0vd2l] { color: var(--blue); }
.bon-head.loose .kind[b-8cs4a0vd2l] { color: var(--ink-2); }
.bon-head h1[b-8cs4a0vd2l] { line-height: 1.2; }

div.a-card.info-card[b-8cs4a0vd2l] { padding: 0; overflow: hidden; }
.lnk[b-8cs4a0vd2l] {
    display: flex; align-items: center; gap: 10px; min-height: 54px; padding: 8px 14px; color: var(--ink); font-weight: 600;
    text-decoration: none; border-bottom: 1px solid var(--line-soft);
}
.lnk[b-8cs4a0vd2l]  .icon { color: var(--diesel); flex: none; }
.lnk span:not(.go)[b-8cs4a0vd2l] { flex: 1; min-width: 0; }
.lnk .go[b-8cs4a0vd2l] { color: var(--diesel); font-size: 14px; font-weight: 700; flex: none; }
.lnk:hover[b-8cs4a0vd2l] { background: var(--diesel-soft); text-decoration: none; }
.row-txt[b-8cs4a0vd2l] { padding: 10px 14px; border-bottom: 1px solid var(--line-soft); }
.row-txt:last-child[b-8cs4a0vd2l], .lnk:last-child[b-8cs4a0vd2l] { border-bottom: 0; }

.link-btn[b-8cs4a0vd2l] { margin-left: auto; border: 0; background: none; color: var(--diesel); font: inherit; font-weight: 650; font-size: 14px; cursor: pointer; padding: 6px 0; }
.qty[b-8cs4a0vd2l] { display: inline-flex; align-items: center; gap: 0; border: 1px solid #C9D1D6; border-radius: 10px; overflow: hidden; background: #fff; flex: none; }
.qty button[b-8cs4a0vd2l] { width: 44px; height: 44px; border: 0; background: #fff; font-size: 22px; font-weight: 600; color: var(--ink); cursor: pointer; }
.qty button:active[b-8cs4a0vd2l] { background: var(--grey-soft); }
.qty span[b-8cs4a0vd2l] { min-width: 36px; text-align: center; font-weight: 750; font-size: 16px; }
.invalid[b-8cs4a0vd2l] { box-shadow: 0 0 0 2px var(--red); }

.plain[b-8cs4a0vd2l] { list-style: none; margin: 0; padding: 0; }
.plain li[b-8cs4a0vd2l] { padding: 4px 0; }

.a-btn.finish[b-8cs4a0vd2l] { min-height: 60px; font-size: 18px; box-shadow: 0 4px 14px rgba(23, 33, 42, .15); }
.gps[b-8cs4a0vd2l] { text-align: center; font-size: 12.5px; margin-top: 6px; min-height: 16px; }

.done-card[b-8cs4a0vd2l] { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 20px; text-align: center; display: flex; flex-direction: column; gap: 12px; margin-top: 12px; }
.done-icon[b-8cs4a0vd2l] { width: 76px; height: 76px; border-radius: 50%; background: var(--green); color: #fff; display: grid; place-items: center; margin: 0 auto 4px; }
.done-card p[b-8cs4a0vd2l] { color: var(--ink-2); font-size: 16px; margin: 0; }
.done-card[b-8cs4a0vd2l]  .a-note { text-align: left; margin: 0; }

.unassigned[b-8cs4a0vd2l] { margin-top: 10px; border: 2px solid var(--red); background: var(--red-soft); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 10px; }
.un-head[b-8cs4a0vd2l] { display: flex; gap: 8px; align-items: flex-start; color: #7A1F15; font-weight: 650; }
.un-head[b-8cs4a0vd2l]  .icon { flex: none; color: var(--red); margin-top: 1px; }
.un-line[b-8cs4a0vd2l] { background: #fff; border-radius: 10px; padding: 10px; display: flex; flex-direction: column; gap: 8px; }
.un-title[b-8cs4a0vd2l] { font-weight: 700; color: var(--red); }
.un-missing[b-8cs4a0vd2l] { font-weight: 600; font-size: 13.5px; color: #7A1F15; margin-left: 4px; }
.un-pick[b-8cs4a0vd2l] { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.un-pick select[b-8cs4a0vd2l] { grid-column: 1 / -1; }
.un-pick[b-8cs4a0vd2l]  .a-btn { padding: 0 12px; }
/* /Components/Pages/App/AppBreakdown.razor.rz.scp.css */
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 60px; padding: 8px 12px; border: 1px solid #C9D1D6;
    border-radius: 10px; background: #fff; font: inherit; text-align: left; cursor: pointer; color: var(--ink);[b-2b7d90plog]
}
.saved[b-2b7d90plog] { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 20px; text-align: center; display: flex; flex-direction: column; gap: 10px; }
.ok-icon[b-2b7d90plog] { width: 68px; height: 68px; border-radius: 50%; background: var(--green); color: #fff; display: grid; place-items: center; margin: 0 auto; }
.saved p[b-2b7d90plog] { color: var(--ink-2); margin: 0 0 6px; }
/* /Components/Pages/App/AppDamage.razor.rz.scp.css */
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 60px; padding: 8px 12px; border: 1px solid #C9D1D6;
    border-radius: 10px; background: #fff; font: inherit; text-align: left; cursor: pointer; color: var(--ink);[b-kcxzhxyrru]
}
.saved[b-kcxzhxyrru] { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 20px; text-align: center; display: flex; flex-direction: column; gap: 10px; }
.ok-icon[b-kcxzhxyrru] { width: 68px; height: 68px; border-radius: 50%; background: var(--green); color: #fff; display: grid; place-items: center; margin: 0 auto; }
.saved p[b-kcxzhxyrru] { color: var(--ink-2); margin: 0 0 6px; }
/* /Components/Pages/App/AppFuel.razor.rz.scp.css */
.fuels[b-t1ydawuhw6] { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 8px; }
.fuel[b-t1ydawuhw6] {
    display: flex; flex-direction: column; align-items: flex-start; gap: 2px; min-height: 60px; padding: 8px 12px; border: 1px solid #C9D1D6;
    border-radius: 10px; background: #fff; font: inherit; text-align: left; cursor: pointer; color: var(--ink);
}
.fuel .fn[b-t1ydawuhw6] { font-weight: 700; }
.fuel .fp[b-t1ydawuhw6] { font-size: 12.5px; color: var(--muted); }
.fuel.on[b-t1ydawuhw6] { background: var(--diesel); border-color: var(--diesel); color: #fff; }
.fuel.on .fp[b-t1ydawuhw6] { color: #D3E7E1; }
.big[b-t1ydawuhw6] { font-size: 26px !important; font-weight: 700; min-height: 60px !important; }
.saved[b-t1ydawuhw6] { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 28px 20px; text-align: center; display: flex; flex-direction: column; gap: 10px; }
.ok-icon[b-t1ydawuhw6] { width: 68px; height: 68px; border-radius: 50%; background: var(--green); color: #fff; display: grid; place-items: center; margin: 0 auto; }
.saved p[b-t1ydawuhw6] { color: var(--ink-2); margin: 0 0 6px; }
/* /Components/Pages/App/AppHome.razor.rz.scp.css */
.choose[b-mj72qt0iur] { display: flex; flex-direction: column; gap: 10px; }
.person[b-mj72qt0iur] {
    display: flex; align-items: center; gap: 14px; min-height: 68px; padding: 10px 14px; border: 1px solid var(--line); border-radius: 12px;
    background: #fff; font: inherit; font-size: 17px; font-weight: 650; color: var(--ink); text-align: left; cursor: pointer;
}
.person:hover[b-mj72qt0iur] { border-color: var(--diesel); }
.person.current[b-mj72qt0iur] { border-color: var(--diesel); box-shadow: inset 0 0 0 1px var(--diesel); }
.person .pname[b-mj72qt0iur] { flex: 1; min-width: 0; }
.person .pname .muted[b-mj72qt0iur] { font-weight: 500; font-size: 14px; }
.avatar[b-mj72qt0iur] {
    width: 44px; height: 44px; border-radius: 50%; background: var(--ink-2); color: #fff; display: grid; place-items: center;
    font-weight: 750; font-size: 16px; flex: none;
}
.person.counter .avatar[b-mj72qt0iur] { background: var(--signal); color: var(--signal-ink); }

.days[b-mj72qt0iur] { display: grid; grid-template-columns: 52px 1fr 1fr 52px; gap: 8px; margin-bottom: 6px; }
.days[b-mj72qt0iur]  .a-btn { padding: 0; }

.stops[b-mj72qt0iur] { display: flex; flex-direction: column; gap: 10px; }
.stop[b-mj72qt0iur] { background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--diesel); border-radius: 12px; overflow: hidden; }
.stop.in[b-mj72qt0iur] { border-left-color: var(--blue); }
.stop.loose[b-mj72qt0iur] { border-left-color: var(--ink-2); }
.stop.done[b-mj72qt0iur] { opacity: .62; }
.stop-main[b-mj72qt0iur] { display: block; padding: 12px 14px 10px; color: var(--ink); text-decoration: none; }
.stop-main:hover[b-mj72qt0iur] { background: #FAFBFA; text-decoration: none; }
.stop-top[b-mj72qt0iur] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; font-size: 13.5px; }
.kind[b-mj72qt0iur] { font-weight: 750; color: var(--diesel); }
.stop.in .kind[b-mj72qt0iur] { color: var(--blue); }
.stop.loose .kind[b-mj72qt0iur] { color: var(--ink-2); }
.seq[b-mj72qt0iur] { color: var(--muted); }
.time[b-mj72qt0iur] { margin-left: auto; font-weight: 750; font-size: 16px; }
.cust[b-mj72qt0iur] { font-weight: 700; font-size: 17px; margin-top: 4px; line-height: 1.25; }
.meta[b-mj72qt0iur] { color: var(--muted); font-size: 13px; }
.prods[b-mj72qt0iur] { list-style: none; margin: 8px 0 0; padding: 0; font-size: 14px; color: var(--ink-2); }
.prods li[b-mj72qt0iur] { padding: 1px 0; }
.stop-links[b-mj72qt0iur] { display: flex; flex-direction: column; border-top: 1px solid var(--line-soft); }
.lnk[b-mj72qt0iur] {
    display: flex; align-items: center; gap: 10px; min-height: 48px; padding: 6px 14px; color: var(--diesel); font-weight: 600;
    text-decoration: none; border-bottom: 1px solid var(--line-soft);
}
.lnk:last-child[b-mj72qt0iur] { border-bottom: 0; }
.lnk span[b-mj72qt0iur] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lnk:hover[b-mj72qt0iur] { background: var(--diesel-soft); text-decoration: none; }

@media (min-width: 700px) {
    .stops[b-mj72qt0iur] { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
}

.a-section.overdue[b-mj72qt0iur] { color: var(--red); }
.late[b-mj72qt0iur] { color: var(--red); font-weight: 700; font-size: 13.5px; margin-top: 2px; }
.nomachine[b-mj72qt0iur] { display: flex; align-items: center; gap: 6px; margin-top: 8px; color: var(--red); font-weight: 650; font-size: 14px; }
/* /Components/Pages/App/AppMachine.razor.rz.scp.css */
.m-head[b-aiwngqgw81] { display: flex; align-items: center; gap: 10px; }
.m-nr[b-aiwngqgw81] { font-size: 15px; font-weight: 800; background: var(--ink); color: #fff; padding: 3px 10px; border-radius: 6px; letter-spacing: .02em; }
.facts-card dl[b-aiwngqgw81] { display: grid; grid-template-columns: max-content 1fr; gap: 10px 16px; margin: 0; }
.facts-card dt[b-aiwngqgw81] { color: var(--muted); }
.facts-card dd[b-aiwngqgw81] { margin: 0; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.a-btn.bon-btn[b-aiwngqgw81] { margin-top: 12px; min-height: 64px; justify-content: flex-start; text-align: left; }
.bon-btn .sub[b-aiwngqgw81] { display: block; font-size: 13px; font-weight: 500; }
.actions[b-aiwngqgw81] { display: grid; grid-template-columns: repeat(auto-fit, minmax(78px, 1fr)); gap: 10px; }
.act[b-aiwngqgw81] {
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; min-height: 92px; padding: 10px 6px;
    border: 1px solid var(--line); border-radius: 12px; background: #fff; color: var(--ink); font: inherit; font-weight: 650; font-size: 14.5px;
    text-decoration: none; cursor: pointer; text-align: center;
}
.act[b-aiwngqgw81]  .icon { color: var(--diesel); }
.act:hover[b-aiwngqgw81] { border-color: var(--diesel); text-decoration: none; }
/* /Components/Pages/App/AppScan.razor.rz.scp.css */
.manual[b-fq6hc3j16z] { display: flex; gap: 8px; }
.manual input[b-fq6hc3j16z] { flex: 1; min-width: 0; }
.hits[b-fq6hc3j16z] { margin-top: 10px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.hit[b-fq6hc3j16z] { display: flex; align-items: center; gap: 8px; min-height: 56px; padding: 8px 14px; border-bottom: 1px solid var(--line-soft); color: var(--ink); text-decoration: none; }
.hit:last-child[b-fq6hc3j16z] { border-bottom: 0; }
.hit:hover[b-fq6hc3j16z] { background: var(--diesel-soft); text-decoration: none; }
.nr[b-fq6hc3j16z] { font-weight: 750; }
.nm[b-fq6hc3j16z] { flex: 1; min-width: 0; color: var(--ink-2); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/Pages/App/AppWorkOrder.razor.rz.scp.css */
.m-head[b-m44hid9jvq] { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.m-nr[b-m44hid9jvq] { font-size: 15px; font-weight: 800; background: var(--ink); color: #fff; padding: 3px 10px; border-radius: 6px; letter-spacing: .02em; }
.facts-card dl[b-m44hid9jvq] { display: grid; grid-template-columns: max-content 1fr; gap: 10px 16px; margin: 0; }
.facts-card dt[b-m44hid9jvq] { color: var(--muted); }
.facts-card dd[b-m44hid9jvq] { margin: 0; font-weight: 600; min-width: 0; overflow-wrap: anywhere; }
.facts-card dd.pre[b-m44hid9jvq] { white-space: pre-line; font-weight: 500; }
.a-note ul[b-m44hid9jvq] { margin: 4px 0 8px; padding-left: 18px; }
/* /Components/Pages/App/AppWorkshop.razor.rz.scp.css */
.timer[b-rii3ru5n7y] { display: flex; align-items: center; gap: 12px; border-color: var(--signal); background: var(--signal-soft); margin-bottom: 6px; }
.t-info[b-rii3ru5n7y] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.t-label[b-rii3ru5n7y] { font-size: 13px; color: var(--signal-ink); font-weight: 650; }
.t-nr[b-rii3ru5n7y] { font-weight: 750; font-size: 18px; color: var(--ink); }
.t-time[b-rii3ru5n7y] { color: var(--ink-2); font-size: 14px; }

.wos[b-rii3ru5n7y] { display: flex; flex-direction: column; gap: 10px; }
.wo[b-rii3ru5n7y] { background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--diesel); border-radius: 12px; overflow: hidden; }
.wo.pr-high[b-rii3ru5n7y] { border-left-color: var(--amber); }
.wo.pr-urgent[b-rii3ru5n7y] { border-left-color: var(--red); }
.wo-main[b-rii3ru5n7y] { display: block; padding: 12px 14px 10px; color: var(--ink); text-decoration: none; }
.wo-main:hover[b-rii3ru5n7y] { background: #FAFBFA; text-decoration: none; }
.wo-top[b-rii3ru5n7y] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; flex-wrap: wrap; }
.wo-top .nr[b-rii3ru5n7y] { font-weight: 750; }
.wo-top .kind[b-rii3ru5n7y] { color: var(--muted); }
.wo-top .sp[b-rii3ru5n7y] { flex: 1; }
.wo-title[b-rii3ru5n7y] { font-weight: 700; font-size: 17px; margin-top: 4px; line-height: 1.25; }
.wo-asset[b-rii3ru5n7y] { color: var(--ink-2); font-size: 14px; margin-top: 2px; }
.wo-meta[b-rii3ru5n7y] { display: flex; flex-wrap: wrap; gap: 4px 12px; color: var(--muted); font-size: 13px; margin-top: 4px; }
.late[b-rii3ru5n7y] { color: var(--red); font-weight: 650; }
.wo[b-rii3ru5n7y]  .take { border-radius: 0; border-left: 0; border-right: 0; border-bottom: 0; }

@media (min-width: 700px) {
    .wos[b-rii3ru5n7y] { display: grid; grid-template-columns: 1fr 1fr; align-items: start; }
}
/* /Components/Pages/App/MachinePicker.razor.rz.scp.css */
.picked[b-7zqmqsi8ry] { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border: 1px solid var(--line); border-radius: 12px; background: var(--diesel-soft); }
.picked .ico[b-7zqmqsi8ry] { width: 40px; height: 40px; border-radius: 10px; background: #fff; color: var(--diesel); display: grid; place-items: center; flex: none; }
.picked .txt[b-7zqmqsi8ry] { flex: 1; min-width: 0; }
.nr[b-7zqmqsi8ry] { font-weight: 750; margin-right: 6px; }
.nm[b-7zqmqsi8ry] { color: var(--ink-2); }
.search[b-7zqmqsi8ry] { display: flex; gap: 8px; }
.search input[b-7zqmqsi8ry] { flex: 1; min-width: 0; }
.hits[b-7zqmqsi8ry] { margin-top: 8px; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.hit[b-7zqmqsi8ry] {
    display: flex; align-items: center; gap: 8px; width: 100%; min-height: 54px; padding: 8px 12px; border: 0; border-bottom: 1px solid var(--line-soft);
    background: #fff; font: inherit; text-align: left; cursor: pointer; color: var(--ink);
}
.hit:last-child[b-7zqmqsi8ry] { border-bottom: 0; }
.hit:hover[b-7zqmqsi8ry] { background: var(--diesel-soft); }
.hit .nm[b-7zqmqsi8ry] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
/* /Components/Pages/App/PhotoPicker.razor.rz.scp.css */
.photos[b-smazcakpcy] { display: grid; grid-template-columns: repeat(auto-fill, minmax(96px, 1fr)); gap: 10px; }
.thumb[b-smazcakpcy] { position: relative; aspect-ratio: 1; border-radius: 10px; overflow: hidden; background: var(--grey-soft); border: 1px solid var(--line); }
.thumb img[b-smazcakpcy] { width: 100%; height: 100%; object-fit: cover; display: block; }
.remove[b-smazcakpcy] {
    position: absolute; top: 4px; right: 4px; width: 32px; height: 32px; border-radius: 50%; border: 0;
    background: rgba(23, 33, 42, .75); color: #fff; display: grid; place-items: center; cursor: pointer;
}
.add[b-smazcakpcy] {
    position: relative; aspect-ratio: 1; border-radius: 10px; border: 2px dashed #AEB8BF; background: #fff; color: var(--ink-2);
    display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; text-align: center;
    font-weight: 650; font-size: 13.5px; cursor: pointer; padding: 6px;
}
.add:hover[b-smazcakpcy] { border-color: var(--diesel); color: var(--diesel); }
.add.busy[b-smazcakpcy] { opacity: .6; pointer-events: none; }
.add[b-smazcakpcy]  .file { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; height: 100%; }
/* /Components/Pages/App/QrScanner.razor.rz.scp.css */
.scanner[b-ep7lxv4683] { position: relative; border-radius: 14px; overflow: hidden; background: var(--ink); color: #fff; aspect-ratio: 4 / 3; max-height: 60vh; width: 100%; }
video[b-ep7lxv4683] { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: none; }
.scanner.live video[b-ep7lxv4683] { display: block; }
.frame[b-ep7lxv4683] {
    position: absolute; left: 50%; top: 50%; width: 58%; aspect-ratio: 1; transform: translate(-50%, -50%);
    border: 3px solid var(--signal); border-radius: 18px; box-shadow: 0 0 0 999px rgba(23, 33, 42, .35);
}
.hint[b-ep7lxv4683] { position: absolute; left: 0; right: 0; bottom: 12px; text-align: center; font-weight: 600; text-shadow: 0 1px 3px rgba(0,0,0,.6); padding: 0 12px; }
.idle[b-ep7lxv4683] { position: absolute; inset: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; padding: 20px; text-align: center; }
.idle p[b-ep7lxv4683] { margin: 0; color: #D5DBDF; max-width: 340px; }
.idle[b-ep7lxv4683]  .icon { color: var(--signal); }
/* /Components/Pages/App/SignaturePad.razor.rz.scp.css */
.sig[b-tp6edjgofq] { position: relative; height: 200px; border: 1px solid #C9D1D6; border-radius: 12px; background: #fff; overflow: hidden; }
.pad[b-tp6edjgofq] { position: absolute; inset: 0; width: 100%; height: 100%; display: block; touch-action: none; cursor: crosshair; z-index: 2; }
.line[b-tp6edjgofq] { position: absolute; left: 20px; right: 20px; bottom: 48px; border-bottom: 1.5px dashed #C9D1D6; z-index: 1; }
.placeholder[b-tp6edjgofq] { position: absolute; left: 22px; bottom: 54px; color: #AEB8BF; font-size: 14px; z-index: 1; }
.pad[data-empty="false"] ~ .placeholder[b-tp6edjgofq] { display: none; }
.clear[b-tp6edjgofq] {
    position: absolute; right: 8px; bottom: 8px; z-index: 3; height: 34px; padding: 0 12px; border-radius: 17px; border: 1px solid var(--line);
    background: #fff; color: var(--ink-2); font: inherit; font-size: 13.5px; font-weight: 600; display: inline-flex; align-items: center; gap: 4px; cursor: pointer;
}
/* /Components/Pages/Crm/ActivityDialog.razor.rz.scp.css */
.kind-chips[b-svjl6vv41m] { display: flex; flex-wrap: wrap; gap: 6px; }
.kchip[b-svjl6vv41m] {
  display: inline-flex; align-items: center; gap: 6px; height: 32px; padding: 0 12px; border-radius: 16px; cursor: pointer;
  border: 1px solid var(--line); background: var(--surface); color: var(--ink-2); font: inherit; font-size: 13.5px;
}
.kchip:hover[b-svjl6vv41m] { border-color: var(--diesel); }
.kchip.on[b-svjl6vv41m] { background: var(--diesel); border-color: var(--diesel); color: #fff; }
.ro[b-svjl6vv41m] { padding: 6px 0; font-weight: 600; }
/* /Components/Pages/Crm/ActivityTimeline.razor.rz.scp.css */
.tl-filter[b-yzbu8h8lv7] { margin: 0 var(--space-4) var(--space-2); }
.crm-tl[b-yzbu8h8lv7] { list-style: none; margin: 0; padding: 0; }
.crm-tl li[b-yzbu8h8lv7] { display: grid; grid-template-columns: 32px minmax(0, 1fr) auto; gap: var(--space-3); padding: 10px 0; border-bottom: 1px solid var(--line-soft); align-items: start; }
.crm-tl li:last-child[b-yzbu8h8lv7] { border-bottom: 0; }
.tl-icon[b-yzbu8h8lv7] { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--canvas); color: var(--ink-2); }
.crm-tl li.open .tl-icon[b-yzbu8h8lv7] { background: var(--signal-soft); color: var(--signal-ink); }
.crm-tl li.late .tl-icon[b-yzbu8h8lv7] { background: var(--red-soft); color: var(--red); }
.crm-tl li.src-lost .tl-icon[b-yzbu8h8lv7] { background: var(--red-soft); color: var(--red); }
.crm-tl li.src-order .tl-icon[b-yzbu8h8lv7] { background: var(--blue-soft); color: var(--blue); }
.tl-title[b-yzbu8h8lv7] { font-weight: 600; display: flex; gap: 6px; align-items: center; flex-wrap: wrap; min-width: 0; overflow-wrap: anywhere; }
.crm-tl li:not(.open) .tl-title[b-yzbu8h8lv7] { font-weight: 500; }
.tl-text[b-yzbu8h8lv7] { color: var(--ink-2); font-size: 13.5px; white-space: pre-line; overflow-wrap: anywhere; }
.tl-actions[b-yzbu8h8lv7] { display: flex; gap: 4px; align-items: center; flex-wrap: wrap; justify-content: flex-end; }
@media (max-width: 640px) { .crm-tl li[b-yzbu8h8lv7] { grid-template-columns: 32px minmax(0, 1fr); } .tl-actions[b-yzbu8h8lv7] { grid-column: 2; justify-content: flex-start; } }
.tl-filter[b-yzbu8h8lv7] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; flex-wrap: wrap; }
.tl-filter button[b-yzbu8h8lv7] { font: inherit; font-size: 13px; font-weight: 600; height: 30px; padding: 0 10px; border: 0; background: var(--surface); color: var(--muted); cursor: pointer; }
.tl-filter button + button[b-yzbu8h8lv7] { border-left: 1px solid var(--line); }
.tl-filter button:hover[b-yzbu8h8lv7] { color: var(--ink); }
.tl-filter button.on[b-yzbu8h8lv7] { background: var(--diesel-soft); color: var(--diesel); }
.panel-head[b-yzbu8h8lv7] { flex-wrap: wrap; row-gap: 6px; }
/* /Components/Pages/Crm/CrmTodayPanel.razor.rz.scp.css */
.crm-today[b-hxhmcwrmhe] { margin-bottom: var(--space-4); }
.crm-today .work-group-title[b-hxhmcwrmhe] { display: flex; align-items: center; gap: 8px; }
.crm-today[b-hxhmcwrmhe]  .notice { margin: var(--space-3); }
.crm-today .wi-title[b-hxhmcwrmhe] { display: block; }
@media (max-width: 640px) {
  .crm-today .work-item[b-hxhmcwrmhe] { grid-template-columns: 4px 36px minmax(0, 1fr); row-gap: 6px; }
  .crm-today .work-item > .row[b-hxhmcwrmhe] { grid-column: 3; flex-wrap: wrap !important; }
}
/* /Components/Pages/Crm/CustomerFollowUpTab.razor.rz.scp.css */
.wl-item[b-u2ujyn9usy] { border: 1px solid var(--line); border-radius: var(--radius-m); padding: 10px 12px; }
.wl-item.free[b-u2ujyn9usy] { border-color: var(--green); background: var(--green-soft); }
.panel-head[b-u2ujyn9usy] { flex-wrap: wrap; row-gap: 6px; }
/* /Components/Pages/Crm/FollowUp.razor.rz.scp.css */
.who[b-s28jppuxfx] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; }
.who a[b-s28jppuxfx] { font-size: 13px; font-weight: 600; height: 30px; line-height: 30px; padding: 0 12px; background: var(--surface); color: var(--muted); text-decoration: none; }
.who a + a[b-s28jppuxfx] { border-left: 1px solid var(--line); }
.who a:hover[b-s28jppuxfx] { color: var(--ink); }
.who a.on[b-s28jppuxfx] { background: var(--diesel-soft); color: var(--diesel); }
.fu-wrap[b-s28jppuxfx]  .fu-actions { display: flex; gap: 2px; align-items: center; flex-wrap: nowrap; }
.fu-wrap[b-s28jppuxfx]  tr.fu-free > td { background: var(--green-soft); }
.fu-wrap[b-s28jppuxfx]  tr.fu-late > td:nth-child(3) { box-shadow: inset 3px 0 0 var(--red); }
/* /Components/Pages/Crm/MailDialog.razor.rz.scp.css */
.mail-preview[b-l66jdd1yey] { margin-top: var(--space-3); border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; }
.mp-subject[b-l66jdd1yey] { padding: 8px 12px; background: var(--canvas); border-bottom: 1px solid var(--line); display: flex; gap: 8px; flex-wrap: wrap; }
.mp-body[b-l66jdd1yey] { padding: 12px; max-height: 280px; overflow: auto; font-size: 14px; }
.mp-body[b-l66jdd1yey]  p { margin: 0 0 8px; }
/* /Components/Pages/Crm/OrderCrmPanel.razor.rz.scp.css */
.option-box[b-wpnnle6qkl] { margin-bottom: 0; }
.seller[b-wpnnle6qkl] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.seller-pick[b-wpnnle6qkl] { width: 220px; }
/* /Components/Pages/Customers/CustomerList.razor.rz.scp.css */
.seg[b-obfdnbppm9] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg a[b-obfdnbppm9] { padding: 0 12px; height: 34px; display: inline-flex; align-items: center; color: var(--ink-2); font-size: 13.5px; border-right: 1px solid var(--line-soft); }
.seg a:last-child[b-obfdnbppm9] { border-right: 0; }
.seg a:hover[b-obfdnbppm9] { background: var(--grey-soft); text-decoration: none; }
.seg a.on[b-obfdnbppm9] { background: var(--diesel-soft); color: var(--diesel); font-weight: 650; }
.cust-name[b-obfdnbppm9] { font-weight: 600; }
.small-badge[b-obfdnbppm9] { margin-left: 6px; font-size: 11.5px; padding: 1px 7px; }
/* /Components/Pages/Customers/CustomerNew.razor.rz.scp.css */
.kind-switch[b-mwa7sr9dvb] { display: grid; grid-template-columns: repeat(2, minmax(0, 260px)); gap: var(--space-3); margin: calc(-1 * var(--space-2)) 0 var(--space-5); }
.kind[b-mwa7sr9dvb] { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; text-align: left; padding: 12px 16px; border-radius: var(--radius-m);
        border: 1px solid var(--line); background: var(--surface); cursor: pointer; font: inherit; color: var(--ink); }
.kind span[b-mwa7sr9dvb] { color: var(--muted); font-size: 12.5px; }
.kind:hover[b-mwa7sr9dvb] { border-color: #BFC7CD; }
.kind.on[b-mwa7sr9dvb] { border-color: var(--diesel); box-shadow: inset 0 0 0 1px var(--diesel); background: var(--diesel-soft); }
.kind.on strong[b-mwa7sr9dvb] { color: var(--diesel); }
.kvk-row[b-mwa7sr9dvb] { flex-wrap: nowrap; }
.kvk-msg[b-mwa7sr9dvb] { margin: 10px 0 0; }
.kvk-hits[b-mwa7sr9dvb] { list-style: none; margin: 10px 0 0; padding: 0; border: 1px solid var(--line-soft); border-radius: var(--radius-m); overflow: hidden; }
.kvk-hits li + li[b-mwa7sr9dvb] { border-top: 1px solid var(--line-soft); }
.kvk-hits button[b-mwa7sr9dvb] { width: 100%; display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "name take" "sub take"; gap: 0 12px;
                   text-align: left; padding: 8px 12px; border: 0; background: var(--surface); cursor: pointer; font: inherit; color: var(--ink); }
.kvk-hits button:hover[b-mwa7sr9dvb] { background: var(--diesel-soft); }
.kh-name[b-mwa7sr9dvb] { grid-area: name; font-weight: 600; }
.kvk-hits .muted[b-mwa7sr9dvb] { grid-area: sub; font-size: 12.5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.kh-take[b-mwa7sr9dvb] { grid-area: take; align-self: center; color: var(--diesel); font-weight: 600; font-size: 13px; }
.req[b-mwa7sr9dvb] { color: var(--red); font-weight: 600; }
@media (max-width: 900px) {
  .kind-switch[b-mwa7sr9dvb] { grid-template-columns: 1fr 1fr; }
  .save-bar .btn-lg[b-mwa7sr9dvb] { flex: 1; justify-content: center; }
}

.save-bar[b-mwa7sr9dvb], .save-row[b-mwa7sr9dvb] { position: sticky; bottom: 0; z-index: 5; display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap;
  margin-top: var(--space-4); padding: 10px var(--space-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
  box-shadow: 0 -4px 14px rgba(23, 33, 42, .07); }
@media (max-width: 900px) { .save-bar[b-mwa7sr9dvb], .save-row[b-mwa7sr9dvb] { bottom: 64px; } .save-bar > a.btn-quiet[b-mwa7sr9dvb] { display: none; } }
/* /Components/Pages/Customers/Parts/AddressFields.razor.rz.scp.css */
.lookup-status[b-v9h36cw2km] { align-self: center; font-size: 12.5px; }
.lookup-status .text-warn[b-v9h36cw2km] { color: var(--amber); }
.req[b-v9h36cw2km] { color: var(--red); font-weight: 600; }
/* /Components/Pages/Customers/Parts/ColorPick.razor.rz.scp.css */
.swatches[b-a36376lvl9] { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; min-height: 34px; }
.swatch[b-a36376lvl9] { width: 26px; height: 26px; border-radius: 50%; border: 2px solid var(--surface); box-shadow: 0 0 0 1px var(--line); cursor: pointer; padding: 0;
          display: grid; place-items: center; color: var(--muted); background: var(--surface); }
.swatch.on[b-a36376lvl9] { box-shadow: 0 0 0 2px var(--ink); }
.swatch:disabled[b-a36376lvl9] { cursor: default; opacity: .6; }
/* /Components/Pages/Customers/Tabs/CustomerAddressesTab.razor.rz.scp.css */
.table-wrap[b-zbnsn75c6t] { overflow-x: auto; }
.link-btn[b-zbnsn75c6t] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-zbnsn75c6t] { text-decoration: underline; }
tr.inactive td[b-zbnsn75c6t] { color: var(--muted); }
tr.inactive .link-btn[b-zbnsn75c6t] { color: var(--muted); }
td .badge[b-zbnsn75c6t] { margin-left: 6px; }
td.small .badge[b-zbnsn75c6t] { margin: 0 4px 2px 0; }
/* /Components/Pages/Customers/Tabs/CustomerContactsTab.razor.rz.scp.css */
.table-wrap[b-lq3160ezqh] { overflow-x: auto; }
.link-btn[b-lq3160ezqh] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-lq3160ezqh] { text-decoration: underline; }
tr.inactive td[b-lq3160ezqh] { color: var(--muted); }
tr.inactive .link-btn[b-lq3160ezqh] { color: var(--muted); }
td .badge[b-lq3160ezqh] { margin-left: 6px; }
td.small .badge[b-lq3160ezqh] { margin: 0 4px 2px 0; }
/* /Components/Pages/Customers/Tabs/CustomerCreditCheckTab.razor.rz.scp.css */
.cc-grid[b-sq7mzrq3l8] { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.cc-latest[b-sq7mzrq3l8] { display: flex; gap: var(--space-3); align-items: center; margin-bottom: var(--space-4); }
.cc-light[b-sq7mzrq3l8] { width: 40px; height: 40px; border-radius: 50%; flex: none; border: 1px solid var(--line); }
.cc-light.green[b-sq7mzrq3l8] { background: var(--green); }
.cc-light.orange[b-sq7mzrq3l8] { background: var(--amber); }
.cc-light.red[b-sq7mzrq3l8] { background: var(--red); }
.cc-light.grey[b-sq7mzrq3l8] { background: var(--grey-soft); }
.cc-outcome[b-sq7mzrq3l8] { font-size: 20px; font-weight: 700; }
.cc-facts[b-sq7mzrq3l8] { display: grid; grid-template-columns: max-content minmax(0, 1fr); gap: 6px var(--space-4); margin: 0; }
.cc-facts dt[b-sq7mzrq3l8] { color: var(--muted); }
.cc-facts dd[b-sq7mzrq3l8] { margin: 0; overflow-wrap: anywhere; }
@media (max-width: 900px) { .cc-grid[b-sq7mzrq3l8] { grid-template-columns: 1fr; } }
/* /Components/Pages/Customers/Tabs/CustomerDetailsTab.razor.rz.scp.css */
.details-grid[b-2ec85x3u5g] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--space-4); align-items: start; }
.details-grid .span-2[b-2ec85x3u5g] { grid-column: 1 / -1; }
.req[b-2ec85x3u5g] { color: var(--red); font-weight: 600; }
.dirty[b-2ec85x3u5g] { color: var(--amber); font-weight: 600; font-size: 13px; }
@media (max-width: 1100px) { .details-grid[b-2ec85x3u5g] { grid-template-columns: 1fr; } }

.save-bar[b-2ec85x3u5g], .save-row[b-2ec85x3u5g] { position: sticky; bottom: 0; z-index: 5; display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap;
  margin-top: var(--space-4); padding: 10px var(--space-4); background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
  box-shadow: 0 -4px 14px rgba(23, 33, 42, .07); }
@media (max-width: 900px) { .save-bar[b-2ec85x3u5g], .save-row[b-2ec85x3u5g] { bottom: 64px; } }
/* /Components/Pages/Customers/Tabs/CustomerDiscountsTab.razor.rz.scp.css */
.table-wrap[b-aw2kkol077] { overflow-x: auto; }
.link-btn[b-aw2kkol077] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-aw2kkol077] { text-decoration: underline; }
tr.inactive td[b-aw2kkol077] { color: var(--muted); }
tr.inactive .link-btn[b-aw2kkol077] { color: var(--muted); }
td .badge[b-aw2kkol077] { margin-left: 6px; }
td.small .badge[b-aw2kkol077] { margin: 0 4px 2px 0; }
.intro[b-aw2kkol077] { padding-bottom: 0; }
/* /Components/Pages/Customers/Tabs/CustomerInvoicesTab.razor.rz.scp.css */
.seg[b-w7gcytvhwq] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); flex-wrap: wrap; }
.seg button[b-w7gcytvhwq] { padding: 0 12px; height: 34px; display: inline-flex; gap: 6px; align-items: center; color: var(--ink-2); font: inherit; font-size: 13.5px;
              border: 0; border-right: 1px solid var(--line-soft); background: none; cursor: pointer; }
.seg button:last-child[b-w7gcytvhwq] { border-right: 0; }
.seg button:hover[b-w7gcytvhwq] { background: var(--grey-soft); }
.seg button.on[b-w7gcytvhwq] { background: var(--diesel-soft); color: var(--diesel); font-weight: 650; }
/* /Components/Pages/Customers/Tabs/CustomerNotesTab.razor.rz.scp.css */
.notes-grid[b-283lkr0ktt] { align-items: start; }
.new-note[b-283lkr0ktt] { padding-bottom: var(--space-4); border-bottom: 1px solid var(--line-soft); margin-bottom: var(--space-2); }
.notes[b-283lkr0ktt] { list-style: none; margin: 0; padding: 0; }
.notes li[b-283lkr0ktt] { padding: 10px 0; border-bottom: 1px solid var(--line-soft); }
.notes li:last-child[b-283lkr0ktt] { border-bottom: 0; }
.notes li.pinned[b-283lkr0ktt] { background: #FFFBEA; margin: 0 calc(-1 * var(--space-4)); padding: 10px var(--space-4); }
.note-text[b-283lkr0ktt] { white-space: pre-wrap; overflow-wrap: anywhere; }
.note-meta[b-283lkr0ktt] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin-top: 4px; }
.empty-line[b-283lkr0ktt] { margin: var(--space-3) 0 0; }
.upload[b-283lkr0ktt] { padding-bottom: var(--space-4); border-bottom: 1px solid var(--line-soft); margin-bottom: var(--space-2); }
.drop[b-283lkr0ktt] { position: relative; display: flex; flex-direction: column; align-items: center; gap: 4px; margin-top: var(--space-3); padding: 18px;
        border: 1.5px dashed #C5CDD2; border-radius: var(--radius-m); background: var(--canvas); color: var(--ink-2); cursor: pointer; text-align: center; }
.drop:hover[b-283lkr0ktt] { border-color: var(--diesel); background: var(--diesel-soft); }
.drop.busy[b-283lkr0ktt] { opacity: .6; cursor: progress; }
.drop[b-283lkr0ktt]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; width: 100%; }
.files td .badge[b-283lkr0ktt] { margin: 0; }
/* /Components/Pages/Customers/Tabs/CustomerOrdersTab.razor.rz.scp.css */
.seg[b-pfi3nros9x] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); flex-wrap: wrap; }
.seg button[b-pfi3nros9x] { padding: 0 12px; height: 34px; display: inline-flex; gap: 6px; align-items: center; color: var(--ink-2); font: inherit; font-size: 13.5px;
              border: 0; border-right: 1px solid var(--line-soft); background: none; cursor: pointer; }
.seg button:last-child[b-pfi3nros9x] { border-right: 0; }
.seg button:hover[b-pfi3nros9x] { background: var(--grey-soft); }
.seg button.on[b-pfi3nros9x] { background: var(--diesel-soft); color: var(--diesel); font-weight: 650; }
/* /Components/Pages/Customers/Tabs/CustomerProjectsTab.razor.rz.scp.css */
.table-wrap[b-smgmyj4t2j] { overflow-x: auto; }
.link-btn[b-smgmyj4t2j] { border: 0; background: none; padding: 0; font: inherit; color: var(--diesel); cursor: pointer; text-align: left; }
.link-btn:hover[b-smgmyj4t2j] { text-decoration: underline; }
tr.inactive td[b-smgmyj4t2j] { color: var(--muted); }
tr.inactive .link-btn[b-smgmyj4t2j] { color: var(--muted); }
td .badge[b-smgmyj4t2j] { margin-left: 6px; }
td.small .badge[b-smgmyj4t2j] { margin: 0 4px 2px 0; }
/* /Components/Pages/Finance/EInvoicing/EInvoicePanel.razor.rz.scp.css */
.issues[b-usdbbmvgwn] { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; }
.issues li[b-usdbbmvgwn] { display: flex; gap: 6px; align-items: flex-start; font-size: 13px; line-height: 1.4; }
.issues li[b-usdbbmvgwn]  .icon { flex: 0 0 auto; margin-top: 2px; }
.issues li.err[b-usdbbmvgwn] { color: var(--red); }
.issues li.warn[b-usdbbmvgwn] { color: var(--ink-2); }
.issues li.warn[b-usdbbmvgwn]  .icon { color: var(--amber); }
.issues .rule[b-usdbbmvgwn] { color: var(--muted); font-size: 11.5px; white-space: nowrap; }
.actions-col[b-usdbbmvgwn] { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 14px; align-items: center; }
/* /Components/Pages/Finance/InvoiceDetail.razor.rz.scp.css */
.crumb[b-hglqwxve3s] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; margin-bottom: 4px; }
.panel-body.tight[b-hglqwxve3s] { padding-top: 4px; }
th.num[b-hglqwxve3s] { text-align: right; }
.lines td[b-hglqwxve3s] { vertical-align: top; }
.lines tr.editing td[b-hglqwxve3s] { background: #FAFBF7; vertical-align: middle; }
.lines tfoot td[b-hglqwxve3s] { border-bottom: 0; padding-top: 4px; padding-bottom: 4px; }
.lines tfoot tr.first td[b-hglqwxve3s] { border-top: 1px solid var(--line); padding-top: 10px; }
.lines tfoot tr.grand td[b-hglqwxve3s] { font-weight: 700; font-size: 15px; }
.line-desc[b-hglqwxve3s] { font-weight: 550; }
.add-line[b-hglqwxve3s] {
    display: grid; grid-template-columns: minmax(180px, 2fr) 90px 120px 130px minmax(140px, 1fr) auto; gap: var(--space-2);
    align-items: center; margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px dashed var(--line);
}
@media (max-width: 1200px) {
    .add-line[b-hglqwxve3s] { grid-template-columns: 1fr 1fr; }
    .add-line .al-desc[b-hglqwxve3s] { grid-column: 1 / -1; }
}
.table-scroll[b-hglqwxve3s] { overflow-x: auto; }
.table-scroll .lines[b-hglqwxve3s] { min-width: 640px; }
/* /Components/Pages/Finance/InvoiceList.razor.rz.scp.css */
.tabs.sub[b-e23xxjp9mf] { margin-top: calc(-1 * var(--space-3)); border-bottom: 0; }
.tabs.sub a[b-e23xxjp9mf] { padding: 6px 12px; border-radius: var(--radius-m); border-bottom: 0; margin-bottom: 0; }
.tabs.sub a.active[b-e23xxjp9mf] { background: var(--diesel-soft); color: var(--diesel); }
.f-customer[b-e23xxjp9mf] { width: 260px; max-width: 100%; }
/* /Components/Pages/Finance/InvoiceValidate.razor.rz.scp.css */
.bulkbar[b-98skigvh2v] {
    display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-3); padding: var(--space-2) var(--space-3);
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); position: sticky; top: calc(var(--topbar-h) + 4px); z-index: 5;
}
.progress[b-98skigvh2v] { margin: -4px 0 var(--space-3); }
.kpi.as-button[b-98skigvh2v] { font: inherit; text-align: left; background: transparent; border: 0; border-right: 1px solid var(--line-soft); cursor: pointer; }
.kpi.as-button:hover[b-98skigvh2v] { background: #FAFBFA; }
.kpi.as-button.on[b-98skigvh2v] { background: var(--green-soft); }
th.num[b-98skigvh2v] { text-align: right; }
.validate td[b-98skigvh2v] { vertical-align: top; }
.validate tr.selected td[b-98skigvh2v] { background: var(--diesel-soft); }
.checks[b-98skigvh2v] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 3px; }
.checks li[b-98skigvh2v] { display: flex; gap: 5px; align-items: baseline; font-size: 13px; padding: 2px 8px; border-radius: var(--radius-s); width: fit-content; }
.checks li.blocking[b-98skigvh2v] { background: var(--red-soft); color: var(--red); font-weight: 600; }
.checks li.warning[b-98skigvh2v] { background: var(--signal-soft); color: var(--signal-ink); }

.month-run[b-98skigvh2v] {
    display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap;
    margin-bottom: var(--space-4); padding: var(--space-3) var(--space-4);
    background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
}
.month-run .mr-date[b-98skigvh2v] { width: 150px; }
.month-run .muted[b-98skigvh2v] { flex: 1 1 320px; }
.run-summary[b-98skigvh2v] { margin-bottom: var(--space-4); }
/* /Components/Pages/Finance/Payments.razor.rz.scp.css */
.aging[b-n8aypglgk1] { margin-bottom: var(--space-4); }
.aging-bar[b-n8aypglgk1] { display: flex; height: 10px; margin: var(--space-3) var(--space-4) 0; border-radius: 5px; overflow: hidden; background: var(--grey-soft); gap: 2px; }
.aging-bar .seg[b-n8aypglgk1] { display: block; min-width: 4px; }
.b0[b-n8aypglgk1] { background: var(--green); }
.b1[b-n8aypglgk1] { background: var(--signal); }
.b2[b-n8aypglgk1] { background: #E08A00; }
.b3[b-n8aypglgk1] { background: #D2581F; }
.b4[b-n8aypglgk1] { background: var(--red); }
.aging-buckets[b-n8aypglgk1] { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; padding: var(--space-2); }
.bucket[b-n8aypglgk1] {
    display: grid; grid-template-columns: 12px 1fr; grid-template-rows: auto auto auto; column-gap: 8px; text-align: left; font: inherit;
    border: 0; background: transparent; padding: 8px 10px; border-radius: var(--radius-m); cursor: pointer; color: var(--ink);
}
.bucket:hover[b-n8aypglgk1] { background: #FAFBFA; }
.bucket.on[b-n8aypglgk1] { background: var(--diesel-soft); }
.bucket .dot[b-n8aypglgk1] { width: 10px; height: 10px; border-radius: 50%; margin-top: 4px; grid-row: 1 / span 3; }
.b-label[b-n8aypglgk1] { font-size: 12.5px; color: var(--muted); }
.b-amount[b-n8aypglgk1] { font-size: 18px; font-weight: 700; font-stretch: 90%; }

.view-switch[b-n8aypglgk1] { display: flex; gap: var(--space-2); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-3); }
.seg-switch[b-n8aypglgk1] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-n8aypglgk1] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-n8aypglgk1] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-n8aypglgk1] { background: var(--diesel-soft); color: var(--diesel); }
.seg-switch .count[b-n8aypglgk1] { font-weight: 500; margin-left: 4px; }
.f-search[b-n8aypglgk1] { width: 300px; max-width: 100%; }
.f-status[b-n8aypglgk1] { width: 190px; }
.f-period[b-n8aypglgk1] { width: 250px; max-width: 100%; }

@media (max-width: 900px) { .aging-buckets[b-n8aypglgk1] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Finance/PurchaseDetail.razor.rz.scp.css */
.crumb[b-levoirm1x9] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; margin-bottom: 4px; }
section.panel + section.panel[b-levoirm1x9] { margin-top: var(--space-4); }
.head-grid[b-levoirm1x9] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-3) var(--space-4); }
.head-grid .span2[b-levoirm1x9] { grid-column: span 2; }
.head-grid .full[b-levoirm1x9] { grid-column: 1 / -1; }
.seg-switch[b-levoirm1x9] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-levoirm1x9] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-levoirm1x9] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-levoirm1x9] { background: var(--diesel-soft); color: var(--diesel); }

.pline[b-levoirm1x9] { display: grid; grid-template-columns: 28px minmax(0, 1fr) 110px; gap: var(--space-3); padding: var(--space-3) 0; border-bottom: 1px solid var(--line-soft); }
.pline.completed[b-levoirm1x9] { opacity: .75; }
.pl-no[b-levoirm1x9] { width: 24px; height: 24px; border-radius: 50%; background: var(--grey-soft); display: grid; place-items: center; font-weight: 700; font-size: 12px; margin-top: 22px; }
.pl-fields[b-levoirm1x9] { display: grid; gap: var(--space-2) var(--space-3); }
.pl-fields.hire[b-levoirm1x9] { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.pl-fields.buy[b-levoirm1x9] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.pl-fields .f-product[b-levoirm1x9] { grid-column: span 2; }
.pl-fields.hire .f-desc[b-levoirm1x9] { grid-column: span 3; }
.pl-fields.buy .f-desc[b-levoirm1x9] { grid-column: span 1; }
.pl-side[b-levoirm1x9] { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding-top: 22px; }
.total-val[b-levoirm1x9] { height: 34px; display: flex; align-items: center; font-weight: 650; }
.totals[b-levoirm1x9] { display: flex; gap: var(--space-5); justify-content: flex-end; flex-wrap: wrap; margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line); }

@media (max-width: 1100px) {
    .head-grid[b-levoirm1x9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pl-fields.hire[b-levoirm1x9], .pl-fields.buy[b-levoirm1x9] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .pl-fields .f-product[b-levoirm1x9], .pl-fields.hire .f-desc[b-levoirm1x9], .pl-fields.buy .f-desc[b-levoirm1x9] { grid-column: 1 / -1; }
    .pline[b-levoirm1x9] { grid-template-columns: minmax(0, 1fr); }
    .pl-no[b-levoirm1x9] { display: none; }
    .pl-side[b-levoirm1x9] { flex-direction: row; padding-top: 0; }
}
/* /Components/Pages/Finance/PurchaseList.razor.rz.scp.css */
.seg-switch[b-f36an7m8p5] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg-switch button[b-f36an7m8p5] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg-switch button + button[b-f36an7m8p5] { border-left: 1px solid var(--line); }
.seg-switch button.on[b-f36an7m8p5] { background: var(--diesel-soft); color: var(--diesel); }
/* /Components/Pages/Finance/Reports.razor.rz.scp.css */
.period-bar[b-uyyo0wn5e9] { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-4); }
.presets[b-uyyo0wn5e9] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); flex-wrap: wrap; }
.presets button[b-uyyo0wn5e9] { font: inherit; font-weight: 600; height: 34px; padding: 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.presets button + button[b-uyyo0wn5e9] { border-left: 1px solid var(--line); }
.presets button.on[b-uyyo0wn5e9] { background: var(--diesel-soft); color: var(--diesel); }
.f-period[b-uyyo0wn5e9] { width: 260px; max-width: 100%; }
.section-gap[b-uyyo0wn5e9] { margin-top: var(--space-4); }
th.num[b-uyyo0wn5e9] { text-align: right; }
tr.sum td[b-uyyo0wn5e9] { font-weight: 700; border-top: 1px solid var(--line); }
.aging-note[b-uyyo0wn5e9] { padding: 0 var(--space-4) var(--space-3); margin: 0; }
.chart-tip[b-uyyo0wn5e9] { padding: 6px 10px; font-family: var(--font); }
/* /Components/Pages/Fleet/AssetDetail.razor.rz.scp.css */
.crumbs[b-0p4ttvp53q] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; margin-bottom: var(--space-2); }
.crumbs a[b-0p4ttvp53q] { color: var(--muted); }
.plate[b-0p4ttvp53q] {
    display: inline-block; margin-left: 8px; padding: 0 6px; border-radius: 3px; background: var(--signal); color: var(--signal-ink);
    font-weight: 700; font-size: 12px; letter-spacing: .04em; border: 1px solid #C99A00;
}
.summary[b-0p4ttvp53q] {
    display: flex; flex-wrap: wrap; gap: 0; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
    margin: calc(-1 * var(--space-2)) 0 var(--space-5);
}
.sum-item[b-0p4ttvp53q] { display: flex; flex-direction: column; gap: 2px; padding: 10px 18px; border-right: 1px solid var(--line-soft); min-width: 180px; flex: 1 1 200px; }
.sum-item:last-child[b-0p4ttvp53q] { border-right: 0; }
.sum-label[b-0p4ttvp53q] { color: var(--muted); font-size: 12px; }
.qr-preview[b-0p4ttvp53q] { display: flex; justify-content: center; padding: var(--space-3); background: var(--canvas); border-radius: var(--radius-m); }
/* /Components/Pages/Fleet/AssetList.razor.rz.scp.css */
.kpi-btn[b-dhua54vklk] {
    font: inherit; text-align: left; background: transparent; border: 0; border-right: 1px solid var(--line-soft); cursor: pointer; color: inherit;
}
.kpi-btn:hover[b-dhua54vklk] { background: #FAFBFA; }
.kpi-btn.on[b-dhua54vklk] { box-shadow: inset 0 -3px 0 var(--diesel); }
.kpi-btn.alert .kpi-value[b-dhua54vklk] { color: var(--red); }
.soon[b-dhua54vklk] { color: var(--amber); font-weight: 600; }
/* /Components/Pages/Fleet/AssetServiceTab.razor.rz.scp.css */
.plans[b-b17622lacm] { display: flex; flex-direction: column; }
.plan[b-b17622lacm] {
    display: flex; flex-direction: column; gap: 2px; text-align: left; font: inherit; color: inherit; background: transparent; border: 0;
    border-bottom: 1px solid var(--line-soft); padding: 10px var(--space-4); cursor: pointer;
}
.plan:last-child[b-b17622lacm] { border-bottom: 0; }
.plan:hover[b-b17622lacm] { background: #FAFBFA; }
.plan.inactive[b-b17622lacm] { opacity: .6; }
tr.overdue td[b-b17622lacm] { background: #FFF8F7; }
/* /Components/Pages/Fleet/AssetSpecsTab.razor.rz.scp.css */
.spec-grid[b-bqumxhwrcx] { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: var(--space-3) var(--space-4); }
/* /Components/Pages/Fleet/AssetYieldTab.razor.rz.scp.css */
.payback[b-lu9k0pz1ot] { height: 10px; border-radius: 5px; background: var(--grey-soft); margin-top: var(--space-4); overflow: hidden; }
.payback-bar[b-lu9k0pz1ot] { height: 100%; background: var(--diesel); border-radius: 5px; }
.months[b-lu9k0pz1ot] { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; align-items: end; height: 170px; }
.month[b-lu9k0pz1ot] { display: flex; flex-direction: column; align-items: center; gap: 4px; height: 100%; }
.month-bar[b-lu9k0pz1ot] { flex: 1; width: 100%; max-width: 28px; background: var(--canvas); border-radius: 3px; display: flex; align-items: flex-end; overflow: hidden; }
.month-bar > div[b-lu9k0pz1ot] { width: 100%; background: var(--diesel); border-radius: 3px 3px 0 0; min-height: 1px; }
/* /Components/Pages/Fleet/AttachmentsPanel.razor.rz.scp.css */
.upload-btn[b-g2r3wxl46p] { position: relative; overflow: hidden; }
.upload-btn[b-g2r3wxl46p]  input[type=file] { position: absolute; inset: 0; opacity: 0; cursor: pointer; }
.upload-opts[b-g2r3wxl46p] { display: flex; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-4); }
.upload-opts .field[b-g2r3wxl46p] { width: 240px; max-width: 100%; }
.thumbs[b-g2r3wxl46p] { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.thumb[b-g2r3wxl46p] { margin: 0; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--canvas); }
.thumb img[b-g2r3wxl46p] { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.thumb figcaption[b-g2r3wxl46p] { display: flex; align-items: center; gap: 4px; padding: 4px 6px 4px 8px; background: var(--surface); }
.thumb figcaption span[b-g2r3wxl46p] { flex: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.chip-x[b-g2r3wxl46p] { border: 0; background: transparent; color: var(--muted); cursor: pointer; padding: 3px; display: inline-flex; border-radius: 4px; }
.chip-x:hover[b-g2r3wxl46p] { color: var(--red); background: var(--red-soft); }
.soon[b-g2r3wxl46p] { color: var(--amber); font-weight: 600; }
/* /Components/Pages/Fleet/DamageDetail.razor.rz.scp.css */
.crumbs[b-vnik9qjx88] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; margin-bottom: var(--space-2); }
.crumbs a[b-vnik9qjx88] { color: var(--muted); }
.link-btn[b-vnik9qjx88] { border: 0; background: none; padding: 0; color: var(--diesel); font: inherit; cursor: pointer; }
.link-btn:hover[b-vnik9qjx88] { text-decoration: underline; }
.fact-line[b-vnik9qjx88] { padding-top: 7px; }
/* /Components/Pages/Fleet/LabelSheet.razor.rz.scp.css */
.toolbar[b-azmr8dwayl] { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; padding-bottom: 16px; margin-bottom: 16px; border-bottom: 1px solid var(--line); }
.sheet[b-azmr8dwayl] { display: flex; flex-wrap: wrap; gap: 4mm; }
.cell[b-azmr8dwayl] { break-inside: avoid; page-break-inside: avoid; }
@media print {
    .toolbar[b-azmr8dwayl] { display: none; }
    .sheet[b-azmr8dwayl] { gap: 2mm; }
    .sheet.one-per-page[b-azmr8dwayl] { display: block; }
    .sheet.one-per-page .cell[b-azmr8dwayl] { break-after: page; page-break-after: always; }
}
/* /Components/Pages/Fleet/PrintLayout.razor.rz.scp.css */
.print-page[b-9a7ntfzoca] { background: var(--surface); min-height: 100vh; padding: 16px; }
@media print { .print-page[b-9a7ntfzoca] { padding: 0; } }
/* /Components/Pages/Fleet/QrLabel.razor.rz.scp.css */
.qr-label[b-pdmyandfon] {
    display: flex; align-items: center; gap: 12px; width: 90mm; height: 36mm; padding: 3mm 4mm; background: #fff; color: #000;
    border: 1px dashed #B9C2C8; border-radius: 4px; overflow: hidden; break-inside: avoid; page-break-inside: avoid;
}
.qr-code[b-pdmyandfon] { width: 30mm; height: 30mm; flex: none; }
.qr-code[b-pdmyandfon]  svg { width: 100%; height: 100%; display: block; }
.qr-text[b-pdmyandfon] { min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.qr-number[b-pdmyandfon] { font-size: 26pt; font-weight: 800; line-height: 1; font-stretch: 85%; letter-spacing: -0.01em; }
.qr-name[b-pdmyandfon] { font-size: 10.5pt; font-weight: 600; line-height: 1.2; max-height: 3.6em; overflow: hidden; }
.qr-company[b-pdmyandfon] { font-size: 8pt; color: #444; margin-top: 2px; }
@media print { .qr-label[b-pdmyandfon] { border: 1px solid #ddd; } }
/* /Components/Pages/Fleet/ServiceList.razor.rz.scp.css */
tr.overdue td[b-x6ysrcqsfv] { background: #FFF8F7; }
/* /Components/Pages/Fleet/Utilization.razor.rz.scp.css */
.presets[b-dzvzp3z95y] { display: flex; gap: 4px; flex-wrap: wrap; }
.util[b-dzvzp3z95y] { display: flex; align-items: center; gap: 8px; }
.util-bar[b-dzvzp3z95y] { flex: 1; height: 8px; border-radius: 4px; background: var(--grey-soft); overflow: hidden; min-width: 60px; }
.util-bar > div[b-dzvzp3z95y] { height: 100%; background: var(--diesel); border-radius: 4px; }
.idle-list[b-dzvzp3z95y] { display: flex; flex-direction: column; max-height: 520px; overflow-y: auto; }
.idle[b-dzvzp3z95y] { display: flex; flex-direction: column; padding: 8px var(--space-4); border-bottom: 1px solid var(--line-soft); color: var(--ink); }
.idle:hover[b-dzvzp3z95y] { background: #FAFBFA; text-decoration: none; }
.count-pill[b-dzvzp3z95y] { background: var(--red-soft); color: var(--red); border-radius: 10px; padding: 0 8px; font-weight: 700; font-size: 12px; }
.chart-tip[b-dzvzp3z95y] { padding: 4px 6px; font-size: 13px; }
[b-dzvzp3z95y] .idle-row td { background: #FFF8F7; }
/* /Components/Pages/Hire/HireOverview.razor.rz.scp.css */
[b-vqlfit6xqk] .hire-mid-grid { height: 460px; }
[b-vqlfit6xqk] tr.row-late td { background: var(--red-soft); }
.invoice-expected[b-vqlfit6xqk] { display: flex; gap: 8px; align-items: center; height: 34px; font-weight: 600; }
/* /Components/Pages/Inventory/AppCount.razor.rz.scp.css */
.a-head-row[b-iod7hy9lwu] { display: flex; align-items: flex-start; gap: 8px; }
.a-head-row > div[b-iod7hy9lwu] { flex: 1; min-width: 0; }
.a-head-row h1[b-iod7hy9lwu] { font-size: 21px; }
.a-label[b-iod7hy9lwu] { display: block; font-weight: 650; margin: 12px 0 6px; }
.scan-row[b-iod7hy9lwu] { margin: 12px 0 8px; }
.scan-row[b-iod7hy9lwu]  .a-btn { width: 100%; }
.manual[b-iod7hy9lwu] { display: flex; gap: 8px; margin-top: 8px; }
.manual input[b-iod7hy9lwu] { flex: 1; min-width: 0; }
.msg[b-iod7hy9lwu] { margin-top: 12px; }
.hits[b-iod7hy9lwu] { border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.hit[b-iod7hy9lwu] { display: flex; width: 100%; align-items: center; gap: 8px; min-height: 52px; padding: 8px 14px; border: 0; border-bottom: 1px solid var(--line-soft);
       background: #fff; font: inherit; color: var(--ink); text-align: left; cursor: pointer; }
.hit:last-child[b-iod7hy9lwu] { border-bottom: 0; }
.hit:hover[b-iod7hy9lwu] { background: var(--diesel-soft); }
.nm[b-iod7hy9lwu] { flex: 1; min-width: 0; font-weight: 650; }
.entry[b-iod7hy9lwu] { margin-top: 12px; border-color: var(--diesel); box-shadow: inset 0 0 0 1px var(--diesel); }
.entry-title[b-iod7hy9lwu] { font-weight: 750; font-size: 18px; }
.others[b-iod7hy9lwu] { margin-top: 6px; color: var(--blue); font-size: 14px; }
.qty[b-iod7hy9lwu] { display: grid; grid-template-columns: 64px 1fr 64px; gap: 8px; }
.qty input.big[b-iod7hy9lwu] { font-size: 28px; font-weight: 750; text-align: center; min-height: 60px; }
.quick[b-iod7hy9lwu] { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 8px; }
.chk[b-iod7hy9lwu] { display: flex; gap: 8px; align-items: flex-start; margin-top: 12px; font-size: 14.5px; }
.chk input[b-iod7hy9lwu] { width: 20px; height: 20px; flex: none; margin-top: 1px; }
.lines[b-iod7hy9lwu] { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 12px; overflow: hidden; background: #fff; }
.line[b-iod7hy9lwu] { display: flex; align-items: center; gap: 10px; min-height: 52px; padding: 6px 12px; border-bottom: 1px solid var(--line-soft); }
.line:last-child[b-iod7hy9lwu] { border-bottom: 0; }
.line.recount[b-iod7hy9lwu] { background: var(--signal-soft); }
.line-btn[b-iod7hy9lwu] { display: flex; flex: 1; align-items: center; gap: 10px; min-height: 44px; border: 0; background: transparent; padding: 0; font: inherit; color: var(--ink);
            text-align: left; cursor: pointer; }
.ln[b-iod7hy9lwu] { flex: 1; min-width: 0; }
.nums[b-iod7hy9lwu] { white-space: nowrap; font-size: 16px; }
.ic[b-iod7hy9lwu] { color: var(--muted); display: grid; place-items: center; }
.ic.ok[b-iod7hy9lwu] { color: var(--green); }
.warn-text[b-iod7hy9lwu] { color: var(--amber); font-weight: 650; }
.finish[b-iod7hy9lwu] { display: flex; flex-direction: column; gap: 8px; margin: 22px 0 8px; }
/* /Components/Pages/Inventory/AppCountList.razor.rz.scp.css */
.a-head-row[b-km5j6f66m4] { display: flex; align-items: flex-start; gap: 8px; }
.a-head-row > div[b-km5j6f66m4] { flex: 1; min-width: 0; }
.counts[b-km5j6f66m4] { display: flex; flex-direction: column; gap: 12px; }
.count-card[b-km5j6f66m4] { display: block; background: #fff; border: 1px solid var(--line); border-left: 5px solid var(--diesel); border-radius: 12px; padding: 12px 14px; color: var(--ink); text-decoration: none; }
.count-card:hover[b-km5j6f66m4] { background: #FAFBFA; text-decoration: none; }
.cc-top[b-km5j6f66m4] { display: flex; align-items: center; gap: 8px; font-size: 13.5px; }
.cc-top .nr[b-km5j6f66m4] { font-weight: 750; color: var(--diesel); }
.cc-top .pct[b-km5j6f66m4] { margin-left: auto; font-weight: 750; font-size: 16px; }
.cc-name[b-km5j6f66m4] { font-weight: 700; font-size: 17px; margin-top: 4px; }
.cc-scope[b-km5j6f66m4], .cc-meta[b-km5j6f66m4] { color: var(--muted); font-size: 13.5px; }
.bar[b-km5j6f66m4] { height: 8px; background: var(--line-soft); border-radius: 4px; overflow: hidden; margin: 8px 0 6px; }
.bar span[b-km5j6f66m4] { display: block; height: 100%; background: var(--diesel); }
/* /Components/Pages/Inventory/StockCountList.razor.rz.scp.css */
.checks[b-0m9gphcubc] { display: flex; flex-direction: column; gap: 6px; }
/* /Components/Pages/Inventory/StockCountPage.razor.rz.scp.css */
.reason-all[b-gtu06s4h25] { display: flex; flex-direction: column; gap: 8px; flex: 1; }
.reason-all .row[b-gtu06s4h25] { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }
[b-gtu06s4h25] .reason-box { min-width: 280px; max-width: 420px; }
.missing td[b-gtu06s4h25] { vertical-align: top; }
.compose[b-gtu06s4h25] { width: 100%; }
.compose td[b-gtu06s4h25] { padding: 4px 6px; }
.compose .num[b-gtu06s4h25] { text-align: right; width: 90px; font-variant-numeric: tabular-nums; }
.compose tr.total td[b-gtu06s4h25] { border-top: 1px solid var(--line); font-weight: 650; }
.entries[b-gtu06s4h25] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 2px; }
.link-btn[b-gtu06s4h25] { background: none; border: 0; padding: 0; color: var(--diesel); cursor: pointer; font: inherit; text-align: left; }
.link-btn:hover[b-gtu06s4h25] { text-decoration: underline; }
/* /Components/Pages/Inventory/TodayStockNotice.razor.rz.scp.css */
.tsn-list[b-7013q3oe5o] { display: flex; flex-direction: column; gap: 2px; }
.tsn-list a[b-7013q3oe5o] { color: inherit; }
/* /Components/Pages/Logistics/DayNav.razor.rz.scp.css */
.day-nav[b-30o9h5da9g] { display: flex; gap: 4px; align-items: center; }
.day-pick[b-30o9h5da9g] { width: 170px; }
.btn.is-today[b-30o9h5da9g] { border-color: var(--diesel); color: var(--diesel); }
@media (max-width: 700px) { .day-pick[b-30o9h5da9g] { width: 140px; } }
/* /Components/Pages/Logistics/DayOverview.razor.rz.scp.css */
.day-toolbar[b-w5ot54krf7] { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-4); }
.f-select[b-w5ot54krf7] { width: 200px; }

.seg[b-w5ot54krf7] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg button[b-w5ot54krf7] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg button + button[b-w5ot54krf7] { border-left: 1px solid var(--line); }
.seg button.on[b-w5ot54krf7] { background: var(--diesel-soft); color: var(--diesel); }

.day-list[b-w5ot54krf7] { overflow: hidden; }
.day-row[b-w5ot54krf7] {
    display: grid; grid-template-columns: 84px 130px minmax(220px, 2.2fr) minmax(140px, 1.3fr) 140px 120px 250px;
    gap: var(--space-3); padding: 10px var(--space-4); border-top: 1px solid var(--line-soft); align-items: start;
}
.day-row.first[b-w5ot54krf7] { border-top-color: var(--line); }
.day-row.head[b-w5ot54krf7] { border-top: 0; font-size: 12.5px; font-weight: 600; color: var(--muted); padding-top: 8px; padding-bottom: 8px; background: #FAFBFA; }
.day-row.done[b-w5ot54krf7] { background: #FAFBFA; }
.day-row.done .t-what strong[b-w5ot54krf7], .day-row.done .products[b-w5ot54krf7] { color: var(--muted); }
.t-time[b-w5ot54krf7] { font-weight: 700; font-size: 15px; font-stretch: 90%; }
.t-kind[b-w5ot54krf7] { display: flex; flex-direction: column; gap: 2px; }
.kind[b-w5ot54krf7] { display: inline-flex; align-items: center; gap: 5px; font-weight: 650; font-size: 13px; }
.kind-out[b-w5ot54krf7] { color: var(--blue); }
.kind-in[b-w5ot54krf7] { color: var(--green); }
.kind-loose[b-w5ot54krf7] { color: var(--ink-2); }
.products[b-w5ot54krf7] { margin: 4px 0 0; padding: 0; list-style: none; color: var(--ink-2); font-size: 13px; font-stretch: 92%; }
.products li[b-w5ot54krf7] { line-height: 1.4; }
.t-addr[b-w5ot54krf7], .t-driver[b-w5ot54krf7] { font-size: 13px; overflow-wrap: anywhere; }
.t-actions[b-w5ot54krf7] { display: flex; gap: 4px; justify-content: flex-end; align-items: center; flex-wrap: wrap; }
.icon-only[b-w5ot54krf7] { padding: 0 7px; }

.group-row[b-w5ot54krf7] { display: flex; align-items: center; gap: 6px; padding: 8px var(--space-4); border-top: 1px solid var(--line); font-weight: 700; font-size: 13px; background: #FAFBFA; }
.group-row.overdue[b-w5ot54krf7] { color: var(--red); background: var(--red-soft); border-top-color: #EFC2BC; }
.group-row .muted[b-w5ot54krf7] { font-weight: 500; }
.day-row.late[b-w5ot54krf7] { box-shadow: inset 3px 0 0 var(--red); }
.late-date[b-w5ot54krf7] { font-size: 13px; font-weight: 700; }
.late-days[b-w5ot54krf7] { font-size: 12px; font-weight: 650; color: var(--red); line-height: 1.2; }
.ready[b-w5ot54krf7] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 12.5px; margin-top: 4px; font-weight: 600; }
.ready.ok[b-w5ot54krf7] { color: var(--green); }
.ready.missing[b-w5ot54krf7] { color: var(--red); }
.link-btn[b-w5ot54krf7] { border: 0; background: none; padding: 0; margin-left: 4px; font: inherit; font-weight: 650; color: var(--diesel); text-decoration: underline; cursor: pointer; }
.link-btn:disabled[b-w5ot54krf7] { opacity: .5; cursor: default; }

.print-only[b-w5ot54krf7] { display: none; }

@media (max-width: 1200px) {
    .day-row[b-w5ot54krf7] { grid-template-columns: 56px 110px minmax(0, 1fr) 150px; }
    .day-row.head[b-w5ot54krf7] { display: none; }
    .t-addr[b-w5ot54krf7] { grid-column: 3; }
    .t-driver[b-w5ot54krf7] { grid-column: 4; grid-row: 1; }
    .t-status[b-w5ot54krf7] { grid-column: 4; }
    .t-actions[b-w5ot54krf7] { grid-column: 1 / -1; justify-content: flex-start; }
}
@media (max-width: 700px) {
    .day-row[b-w5ot54krf7] { grid-template-columns: 56px minmax(0, 1fr); }
    .t-kind[b-w5ot54krf7], .t-what[b-w5ot54krf7], .t-addr[b-w5ot54krf7], .t-driver[b-w5ot54krf7], .t-status[b-w5ot54krf7] { grid-column: 2; grid-row: auto; }
    .t-actions[b-w5ot54krf7] { grid-column: 1 / -1; }
}

@media print {
    .print-only[b-w5ot54krf7] { display: block; }
    .print-head[b-w5ot54krf7] { margin-bottom: 8px; }
    .kpi-line[b-w5ot54krf7] { display: none; }
    .day-row[b-w5ot54krf7] { grid-template-columns: 50px 100px minmax(0, 2.2fr) minmax(0, 1.4fr) 110px 90px; padding: 6px 8px; break-inside: avoid; }
    .panel[b-w5ot54krf7] { border: 0; }
}
/* /Components/Pages/Logistics/TransportDetail.razor.rz.scp.css */
.save-row[b-vm77kx1cr6] { display: flex; align-items: center; gap: var(--space-2); margin-top: var(--space-4); padding-top: var(--space-3); border-top: 1px solid var(--line-soft); }
.seg[b-vm77kx1cr6] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg button[b-vm77kx1cr6] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg button + button[b-vm77kx1cr6] { border-left: 1px solid var(--line); }
.seg button.on[b-vm77kx1cr6] { background: var(--diesel-soft); color: var(--diesel); }
.sig-link[b-vm77kx1cr6] { display: block; margin-top: var(--space-3); }
.sig[b-vm77kx1cr6] { max-width: 100%; max-height: 140px; border: 1px solid var(--line); border-radius: var(--radius-s); background: #fff; }
th.num[b-vm77kx1cr6] { text-align: right; }
.machine-nr[b-vm77kx1cr6] { display: inline-block; margin-right: 6px; font-weight: 600; }
/* /Components/Pages/Logistics/TripPlanning.razor.rz.scp.css */
.trip-toolbar[b-3nun7o5kf8] { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin-bottom: var(--space-4); }
.f-select[b-3nun7o5kf8] { width: 200px; }

.board[b-3nun7o5kf8] { display: flex; gap: var(--space-3); align-items: flex-start; overflow-x: auto; padding-bottom: var(--space-4); min-height: 420px; }
.col[b-3nun7o5kf8] {
    flex: 0 0 300px; display: flex; flex-direction: column; background: var(--surface); border: 1px solid var(--line);
    border-radius: var(--radius-m); max-height: calc(100vh - 260px); min-height: 200px;
}
.col.unplanned[b-3nun7o5kf8] { background: #F7F8F7; border-style: dashed; position: sticky; left: 0; z-index: 2; }
.col.trip[b-3nun7o5kf8] { border-top: 3px solid var(--driver); }
.col.over[b-3nun7o5kf8] { outline: 2px solid var(--signal); outline-offset: -1px; }
.col-head[b-3nun7o5kf8] { padding: var(--space-3) var(--space-3) var(--space-2); border-bottom: 1px solid var(--line-soft); }
.col-title[b-3nun7o5kf8] { display: flex; align-items: center; gap: 6px; font-weight: 700; }
.col-title .title-text[b-3nun7o5kf8] { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.col-title .count[b-3nun7o5kf8] { color: var(--muted); font-weight: 500; font-size: 12.5px; white-space: nowrap; }
.driver-dot[b-3nun7o5kf8] { width: 10px; height: 10px; border-radius: 50%; background: var(--driver); flex: 0 0 10px; }
.trip-notes[b-3nun7o5kf8] {
    margin-top: 6px; padding: 6px 8px; border-radius: var(--radius-s); background: var(--signal-soft); color: var(--signal-ink);
    font-size: 12.5px; white-space: pre-line; cursor: pointer;
}
.stops[b-3nun7o5kf8] { padding: var(--space-2); display: flex; flex-direction: column; gap: var(--space-2); overflow-y: auto; flex: 1; }
.col-empty[b-3nun7o5kf8] { padding: var(--space-5) var(--space-3); text-align: center; color: var(--muted); font-size: 13px; border: 1px dashed var(--line); border-radius: var(--radius-m); }

.stop[b-3nun7o5kf8] {
    background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--line); border-radius: var(--radius-m);
    padding: 8px 10px 6px; cursor: grab; font-size: 13px;
}
.stop:active[b-3nun7o5kf8] { cursor: grabbing; }
.stop.kind-out[b-3nun7o5kf8] { border-left-color: var(--blue); }
.stop.kind-in[b-3nun7o5kf8] { border-left-color: var(--green); }
.stop.kind-loose[b-3nun7o5kf8] { border-left-color: var(--muted); }
.stop.done[b-3nun7o5kf8] { opacity: .6; cursor: default; }
.stop.dragging[b-3nun7o5kf8] { opacity: .4; }
.stop-top[b-3nun7o5kf8] { display: flex; align-items: center; gap: 6px; }
.seq[b-3nun7o5kf8] {
    width: 20px; height: 20px; border-radius: 50%; display: grid; place-items: center; background: var(--ink); color: #fff;
    font-size: 11.5px; font-weight: 700; flex: 0 0 20px;
}
.time[b-3nun7o5kf8] { font-weight: 700; }
.kind-label[b-3nun7o5kf8] { color: var(--muted); font-size: 12px; }
.num-link[b-3nun7o5kf8] { font-size: 12px; }
.stop-customer[b-3nun7o5kf8] { font-weight: 650; margin-top: 3px; }
.stop-addr[b-3nun7o5kf8] { color: var(--ink-2); font-size: 12.5px; display: flex; gap: 4px; align-items: baseline; }
.stop-products[b-3nun7o5kf8] { margin: 4px 0 0; padding: 0; list-style: none; color: var(--ink-2); font-size: 12.5px; font-stretch: 90%; }
.stop-actions[b-3nun7o5kf8] { display: flex; align-items: center; gap: 2px; margin-top: 4px; border-top: 1px solid var(--line-soft); padding-top: 4px; }
.icon-only[b-3nun7o5kf8] { padding: 0 8px; }
.arrow[b-3nun7o5kf8] { font-weight: 700; font-size: 14px; line-height: 1; }

.add-col[b-3nun7o5kf8] { border-style: dashed; background: transparent; min-height: 140px; }
.add-trip[b-3nun7o5kf8] {
    flex: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px; border: 0; background: transparent;
    font: inherit; font-weight: 650; color: var(--diesel); cursor: pointer; padding: var(--space-5);
}
.add-trip:hover[b-3nun7o5kf8] { background: var(--diesel-soft); }

@media (max-width: 900px) {
    .hint-drag[b-3nun7o5kf8] { display: none; }
    .col[b-3nun7o5kf8] { flex-basis: 260px; max-height: none; }
    .col.unplanned[b-3nun7o5kf8] { position: static; }
}

/* groepen in "Nog in te plannen" */
.group-head[b-3nun7o5kf8] { display: flex; align-items: center; gap: 6px; font-size: 12.5px; font-weight: 700; color: var(--muted); padding: 4px 2px 0; }
.group-head .count[b-3nun7o5kf8] { font-weight: 500; }
.group-head.overdue[b-3nun7o5kf8] { color: var(--red); }
.kind-line[b-3nun7o5kf8] { display: flex; gap: 6px; align-items: baseline; flex-wrap: wrap; margin-top: 1px; }
.late[b-3nun7o5kf8] { color: var(--red); font-weight: 650; font-size: 12px; }

/* tijdvak als knop */
button.time[b-3nun7o5kf8] { white-space: nowrap; font: inherit; font-weight: 700; border: 0; background: transparent; padding: 0 2px; border-radius: var(--radius-s); color: var(--ink); cursor: pointer; }
button.time:hover:not(:disabled)[b-3nun7o5kf8] { background: var(--diesel-soft); color: var(--diesel); }
button.time:disabled[b-3nun7o5kf8] { cursor: default; }

/* machines klaar */
.ready[b-3nun7o5kf8] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 12px; margin-top: 4px; font-weight: 600; }
.ready.ok[b-3nun7o5kf8] { color: var(--green); }
.ready.missing[b-3nun7o5kf8] { color: var(--red); }
.link-btn[b-3nun7o5kf8] { border: 0; background: none; padding: 0; margin-left: 4px; font: inherit; font-weight: 650; color: var(--diesel); text-decoration: underline; cursor: pointer; }
.link-btn:disabled[b-3nun7o5kf8] { opacity: .5; cursor: default; }

/* ritkop: uren, lading, acties */
.warn-line[b-3nun7o5kf8] { display: flex; align-items: center; gap: 4px; margin-top: 4px; border: 0; background: var(--red-soft); color: var(--red); font: inherit; font-size: 12.5px; font-weight: 650; padding: 3px 8px; border-radius: var(--radius-s); cursor: pointer; width: 100%; }
.trip-hours[b-3nun7o5kf8] { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; font-size: 12.5px; margin-top: 4px; color: var(--ink-2); }
.load[b-3nun7o5kf8] { margin-top: 6px; display: flex; flex-direction: column; gap: 3px; }
.load-row[b-3nun7o5kf8] { display: grid; grid-template-columns: 50px 1fr auto; gap: 6px; align-items: center; font-size: 12px; }
.load-label[b-3nun7o5kf8] { color: var(--muted); }
.load-val[b-3nun7o5kf8] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.bar[b-3nun7o5kf8] { height: 6px; border-radius: 3px; background: var(--line-soft); overflow: hidden; }
.bar span[b-3nun7o5kf8] { display: block; height: 100%; background: var(--diesel); border-radius: 3px; }
.load-row.over .bar span[b-3nun7o5kf8] { background: var(--red); }
.load-row.over .load-val[b-3nun7o5kf8] { color: var(--red); font-weight: 700; }
.load-warn[b-3nun7o5kf8] { display: flex; align-items: center; gap: 4px; color: var(--red); font-size: 12px; font-weight: 650; }
.machines-missing[b-3nun7o5kf8] { display: flex; align-items: center; gap: 4px; margin-top: 4px; color: var(--red); font-size: 12.5px; font-weight: 650; }
.trip-actions[b-3nun7o5kf8] { display: flex; align-items: center; gap: 2px; margin-top: 6px; }
.trip-state[b-3nun7o5kf8] { display: flex; flex-direction: column; gap: 2px; margin-top: 2px; }
.trip-state span[b-3nun7o5kf8] { display: inline-flex; align-items: center; gap: 4px; }
/* /Components/Pages/Management/AmountGrid.razor.rz.scp.css */
.share[b-qb275kp1gh] { display: flex; align-items: center; gap: 8px; }
.share-bar[b-qb275kp1gh] { flex: 1; height: 6px; border-radius: 3px; background: var(--grey-soft); overflow: hidden; min-width: 50px; }
.share-bar > div[b-qb275kp1gh] { height: 100%; background: var(--diesel); }
.good[b-qb275kp1gh] { color: var(--green); font-weight: 600; }
.bad[b-qb275kp1gh] { color: var(--red); font-weight: 600; }
/* /Components/Pages/Management/ChartPanel.razor.rz.scp.css */
.cp[b-qiwgiwzx4r] { min-width: 0; margin-bottom: var(--space-4); }
.cp .panel-head h2[b-qiwgiwzx4r] { flex: 0 1 auto; }
.takeaway[b-qiwgiwzx4r] { margin: 0; padding: 10px var(--space-4) 0; color: var(--ink-2); font-weight: 550; }
.cp-body[b-qiwgiwzx4r] { padding: var(--space-3) var(--space-4) var(--space-4); }
.cp-flush[b-qiwgiwzx4r] { padding: 0; }
.info[b-qiwgiwzx4r] { position: relative; display: inline-flex; color: #9AA5AE; cursor: help; }
.info:hover[b-qiwgiwzx4r], .info:focus[b-qiwgiwzx4r] { color: var(--diesel); outline: none; }
.tip[b-qiwgiwzx4r] {
  display: none; position: absolute; z-index: 30; top: 22px; left: -8px; width: 320px; padding: 10px 12px;
  background: var(--ink); color: #fff; border-radius: var(--radius-m); font-size: 12.5px; font-weight: 400; line-height: 1.45;
  box-shadow: 0 8px 24px rgba(23, 33, 42, .25);
}
.info:hover .tip[b-qiwgiwzx4r], .info:focus .tip[b-qiwgiwzx4r] { display: block; }
/* /Components/Pages/Management/Customers.razor.rz.scp.css */
.chart-tip[b-xac342vat1] { padding: 6px 10px; font-family: var(--font); }
.mix[b-xac342vat1] { display: flex; flex-direction: column; gap: var(--space-4); padding-top: var(--space-2); }
.mix-bar[b-xac342vat1] { height: 22px; border-radius: 6px; background: var(--diesel); overflow: hidden; }
.mix-new[b-xac342vat1] { height: 100%; background: var(--signal); }
.dot[b-xac342vat1] { display: inline-block; width: 10px; height: 10px; border-radius: 3px; margin-right: 6px; vertical-align: -1px; }
.dot-new[b-xac342vat1] { background: var(--signal); }
.dot-ret[b-xac342vat1] { background: var(--diesel); }
.util[b-xac342vat1] { display: flex; align-items: center; gap: 8px; }
.util-bar[b-xac342vat1] { flex: 1; height: 7px; border-radius: 4px; background: var(--grey-soft); overflow: hidden; min-width: 50px; }
.util-bar > div[b-xac342vat1] { height: 100%; background: var(--diesel); }
.util-bar > div.warn[b-xac342vat1] { background: var(--amber); }
.util-bar > div.low[b-xac342vat1] { background: var(--red); }
.good[b-xac342vat1] { color: var(--green); font-weight: 600; }
.bad[b-xac342vat1] { color: var(--red); font-weight: 600; }
/* /Components/Pages/Management/Fleet.razor.rz.scp.css */
.chart-tip[b-w4h8zexg8h] { padding: 6px 10px; font-family: var(--font); line-height: 1.4; }
.util[b-w4h8zexg8h] { display: flex; align-items: center; gap: 8px; }
.util-bar[b-w4h8zexg8h] { flex: 1; height: 7px; border-radius: 4px; background: var(--grey-soft); overflow: hidden; min-width: 50px; }
.util-bar > div[b-w4h8zexg8h] { height: 100%; background: var(--diesel); border-radius: 4px; }
.util-bar > div.low[b-w4h8zexg8h] { background: var(--red); }
.util-bar > div.high[b-w4h8zexg8h] { background: var(--green); }
.gbox[b-w4h8zexg8h]  .advice-grid { height: 380px; }
[b-w4h8zexg8h] .advice-row td { background: #FFFBEF; }
/* /Components/Pages/Management/HireManagement.razor.rz.scp.css */
.gbox[b-yrpb6v5yd8]  .hire-advice-grid { height: 380px; }
/* /Components/Pages/Management/KpiStrip.razor.rz.scp.css */
.kpi-strip[b-6uobi0839o] {
  display: grid; grid-template-columns: repeat(var(--cols, 5), minmax(0, 1fr));
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); margin-bottom: var(--space-5);
}
.tile[b-6uobi0839o] { padding: 12px 16px 12px; border-right: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft); min-width: 0; position: relative; }
.tile:hover[b-6uobi0839o] { background: #FAFBFA; }
.t-label[b-6uobi0839o] { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 12.5px; }
.t-label > a[b-6uobi0839o], .t-label > span:first-child[b-6uobi0839o] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.t-link[b-6uobi0839o] { color: var(--muted); }
.t-link:hover[b-6uobi0839o] { color: var(--diesel); }
.t-value[b-6uobi0839o] { font-size: 24px; font-weight: 700; font-stretch: 88%; line-height: 1.15; margin-top: 2px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.t-note[b-6uobi0839o] { font-size: 12px; color: var(--ink-2); }
.t-compare[b-6uobi0839o] { display: flex; flex-direction: column; gap: 1px; margin-top: 4px; font-size: 12px; color: var(--muted); }
.t-compare span[b-6uobi0839o] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.d[b-6uobi0839o] { font-weight: 650; margin-left: 2px; }
.d.good[b-6uobi0839o] { color: var(--green); }
.d.bad[b-6uobi0839o] { color: var(--red); }
.d.neutral[b-6uobi0839o] { color: var(--muted); font-weight: 500; }

.info[b-6uobi0839o] { position: relative; display: inline-flex; color: #9AA5AE; cursor: help; flex: none; }
.info:hover[b-6uobi0839o], .info:focus[b-6uobi0839o] { color: var(--diesel); outline: none; }
.tip[b-6uobi0839o] {
  display: none; position: absolute; z-index: 30; top: 20px; left: -8px; width: 300px; padding: 10px 12px;
  background: var(--ink); color: #fff; border-radius: var(--radius-m); font-size: 12.5px; line-height: 1.45; white-space: normal;
  box-shadow: 0 8px 24px rgba(23, 33, 42, .25);
}
.info:hover .tip[b-6uobi0839o], .info:focus .tip[b-6uobi0839o] { display: block; }
.tile:nth-child(5n) .tip[b-6uobi0839o], .tile:nth-child(4n) .tip[b-6uobi0839o] { left: auto; right: -8px; }

@media (max-width: 1300px) { .kpi-strip[b-6uobi0839o] { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 700px) { .kpi-strip[b-6uobi0839o] { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
/* /Components/Pages/Management/LostGroupGrid.razor.rz.scp.css */
.share[b-jhxh1mccmc] { display: flex; align-items: center; gap: 8px; }
.share-bar[b-jhxh1mccmc] { flex: 1; height: 6px; border-radius: 3px; background: var(--grey-soft); overflow: hidden; min-width: 50px; }
.share-bar > div[b-jhxh1mccmc] { height: 100%; background: var(--red); }
/* /Components/Pages/Management/ManagementHeader.razor.rz.scp.css */
.mgmt-filter[b-j9wuqlak7a] { display: flex; gap: var(--space-3); align-items: center; flex-wrap: wrap; margin: calc(-1 * var(--space-2)) 0 var(--space-4); }
.presets[b-j9wuqlak7a] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); flex-wrap: wrap; }
.presets button[b-j9wuqlak7a] { font: inherit; font-weight: 600; height: 34px; padding: 0 12px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.presets button + button[b-j9wuqlak7a] { border-left: 1px solid var(--line); }
.presets button:hover[b-j9wuqlak7a] { color: var(--ink); }
.presets button.on[b-j9wuqlak7a] { background: var(--diesel-soft); color: var(--diesel); }
.f-period[b-j9wuqlak7a] { width: 260px; max-width: 100%; }
.f-branch[b-j9wuqlak7a] { width: 200px; }
.compare[b-j9wuqlak7a] { flex: 1; min-width: 240px; text-align: right; }
@media (max-width: 1100px) { .compare[b-j9wuqlak7a] { text-align: left; } }
/* /Components/Pages/Management/Operations.razor.rz.scp.css */
.chart-tip[b-6ur52rj1mk] { padding: 6px 10px; font-family: var(--font); }
.gbox[b-6ur52rj1mk]  .mid-grid { height: 300px; }
/* /Components/Pages/Management/Orders.razor.rz.scp.css */
.chart-tip[b-qmqeq2bnbh] { padding: 6px 10px; font-family: var(--font); }
.gbox[b-qmqeq2bnbh]  .mid-grid { height: 300px; }
/* /Components/Pages/Management/Overview.razor.rz.scp.css */
.report-pick[b-f7wj2d3rpv] { width: 190px; }
.chart-tip[b-f7wj2d3rpv] { padding: 6px 10px; font-family: var(--font); }
tr.sum td[b-f7wj2d3rpv] { font-weight: 700; border-top: 1px solid var(--line); }
.pad[b-f7wj2d3rpv] { padding: 0 var(--space-4) var(--space-3); margin: 0; }
.worklist .work-item[b-f7wj2d3rpv] { grid-template-columns: 4px 36px minmax(0, 1fr) auto; }
/* /Components/Pages/Management/Receivables.razor.rz.scp.css */
.chart-tip[b-96mgj2r6o4] { padding: 6px 10px; font-family: var(--font); }
.note[b-96mgj2r6o4] { margin: calc(-1 * var(--space-2)) 0 var(--space-3); }
/* /Components/Pages/Management/Revenue.razor.rz.scp.css */
.chart-tip[b-a63jyhm329] { padding: 6px 10px; font-family: var(--font); }
.split[b-a63jyhm329] { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 3fr); gap: var(--space-4); align-items: start; }
.split-chart[b-a63jyhm329] { padding: var(--space-3) var(--space-3) var(--space-3) var(--space-4); }
.split-grid[b-a63jyhm329] { border-left: 1px solid var(--line-soft); min-width: 0; }
.good[b-a63jyhm329] { color: var(--green); font-weight: 600; }
.bad[b-a63jyhm329] { color: var(--red); font-weight: 600; }
@media (max-width: 1200px) { .split[b-a63jyhm329] { grid-template-columns: minmax(0, 1fr); } .split-grid[b-a63jyhm329] { border-left: 0; border-top: 1px solid var(--line-soft); } }
/* /Components/Pages/Management/Sales.razor.rz.scp.css */
.chart-tip[b-k1tqw5cidz] { padding: 6px 10px; font-family: var(--font); }
/* /Components/Pages/Management/Segmented.razor.rz.scp.css */
.seg[b-ox8ww2ibjq] { display: inline-flex; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; flex-wrap: wrap; }
.seg button[b-ox8ww2ibjq] { font: inherit; font-size: 13px; font-weight: 600; height: 30px; padding: 0 10px; border: 0; background: var(--surface); color: var(--muted); cursor: pointer; }
.seg button + button[b-ox8ww2ibjq] { border-left: 1px solid var(--line); }
.seg button:hover[b-ox8ww2ibjq] { color: var(--ink); }
.seg button.on[b-ox8ww2ibjq] { background: var(--diesel-soft); color: var(--diesel); }
/* /Components/Pages/Orders/ExtendChips.razor.rz.scp.css */
.extend-chips[b-q7r1apxmsd] { display: flex; flex-wrap: wrap; gap: 4px; align-items: center; }
.extend-chips .muted[b-q7r1apxmsd] { margin-right: 4px; }
/* /Components/Pages/Orders/HandoverDialog.razor.rz.scp.css */
.deposit-gate[b-54drfefex5] { margin-top: var(--space-4); padding: var(--space-3) var(--space-4); border: 1px solid #F0D981; background: var(--signal-soft); border-radius: var(--radius-m); }
.deposit-gate.invalid[b-54drfefex5] { border-color: var(--red); box-shadow: 0 0 0 1px var(--red); }
.dg-head[b-54drfefex5] { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-bottom: 8px; color: var(--signal-ink); }
.seg[b-54drfefex5] { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; background: var(--surface); }
.seg button[b-54drfefex5] { font: inherit; font-weight: 600; height: 34px; padding: 0 14px; border: 0; background: transparent; color: var(--muted); cursor: pointer; }
.seg button + button[b-54drfefex5] { border-left: 1px solid var(--line); }
.seg button.on[b-54drfefex5] { background: var(--diesel-soft); color: var(--diesel); }
/* /Components/Pages/Orders/NewOrder.razor.rz.scp.css */
.hotkeys[b-5t6yw62h5q] { white-space: nowrap; }
@media (max-width: 900px) { .hotkeys[b-5t6yw62h5q] { display: none; } }
/* /Components/Pages/Orders/OrderDetail.razor.rz.scp.css */
.extend-inline[b-fibozerele] {
    display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap;
    margin: calc(-1 * var(--space-4)) 0 var(--space-5); padding: var(--space-3) var(--space-4);
    border: 1px solid var(--line); border-top: 0; border-left: 4px solid var(--signal); border-radius: 0 0 var(--radius-m) var(--radius-m);
    background: var(--surface);
}
/* /Components/Pages/Personnel/DriverPlanningNotice.razor.rz.scp.css */
.dpn[b-b2q4b9hmto] { margin-top: 6px; padding: 6px 8px; border-radius: 6px; background: var(--signal-soft); color: var(--signal-ink); font-size: 12.5px; border: 1px solid #F0D981; }
.dpn-line[b-b2q4b9hmto] { display: flex; gap: 6px; align-items: flex-start; }
.dpn-line + .dpn-line[b-b2q4b9hmto] { margin-top: 3px; }
.dpn.compact[b-b2q4b9hmto] { font-size: 12px; padding: 4px 6px; }
/* /Components/Pages/Personnel/MyScheduleView.razor.rz.scp.css */
.my-head[b-9rwg45upu8] { display: flex; gap: 12px; align-items: center; justify-content: space-between; flex-wrap: wrap; }
.my-sched[b-9rwg45upu8] { font-weight: 600; }
.my-h[b-9rwg45upu8] { font-size: 16px; margin: 22px 0 8px; }
.days[b-9rwg45upu8] { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); overflow: hidden; }
.day[b-9rwg45upu8] { display: grid; grid-template-columns: 96px 1fr; gap: 8px; padding: 8px 12px; border-bottom: 1px solid var(--line-soft); }
.day:last-child[b-9rwg45upu8] { border-bottom: 0; }
.day.today[b-9rwg45upu8] { background: #F6FAF8; box-shadow: inset 3px 0 0 var(--diesel); }
.day.off[b-9rwg45upu8] { color: var(--muted); }
.dd[b-9rwg45upu8] { font-weight: 650; text-transform: capitalize; }
.abs[b-9rwg45upu8] { display: inline-block; margin-left: 8px; font-size: 12.5px; font-weight: 650; border-radius: 4px; padding: 1px 6px; background: var(--blue-soft); color: var(--blue); }
.abs.req[b-9rwg45upu8] { background: var(--amber-soft); color: var(--amber); border: 1px dashed var(--amber); }
.ld[b-9rwg45upu8] { font-size: 13.5px; color: var(--ink-2); }
.list[b-9rwg45upu8] { display: flex; flex-direction: column; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); overflow: hidden; }
.li[b-9rwg45upu8] { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-bottom: 1px solid var(--line-soft); }
.li:last-child[b-9rwg45upu8] { border-bottom: 0; }
.li-main[b-9rwg45upu8] { flex: 1; min-width: 0; }
/* /Components/Pages/Personnel/StaffList.razor.rz.scp.css */
[b-ptaz1peip8] .pick-list { max-height: 380px; width: 100%; }
/* /Components/Pages/Personnel/StaffPage.razor.rz.scp.css */
.hours td[b-kmf9g9qfeg] { vertical-align: middle; padding: 4px 6px; }
.hours .dname[b-kmf9g9qfeg] { text-transform: capitalize; font-weight: 600; width: 100px; }
.hours tr.off .dname[b-kmf9g9qfeg] { color: var(--muted); }
.hours .num[b-kmf9g9qfeg], .num[b-kmf9g9qfeg] { text-align: right; white-space: nowrap; }
.checks[b-kmf9g9qfeg] { display: flex; gap: 16px; flex-wrap: wrap; }
.hint[b-kmf9g9qfeg] { margin-top: 4px; color: var(--amber); }
.link-btn[b-kmf9g9qfeg] { background: none; border: 0; padding: 0; color: var(--diesel); cursor: pointer; font: inherit; text-decoration: underline; }
tr.off td[b-kmf9g9qfeg] { color: var(--muted); }
tr.over td[b-kmf9g9qfeg] { background: var(--red-soft); }
/* /Components/Pages/Personnel/StaffWeek.razor.rz.scp.css */
.weeknav[b-9kns2errm0] { display: flex; align-items: center; gap: 4px; }
.weeknav .wk[b-9kns2errm0] { margin-left: 8px; font-weight: 650; }
.weeknav .on[b-9kns2errm0] { box-shadow: inset 0 -2px 0 var(--diesel); }
.legend[b-9kns2errm0] { display: inline-flex; align-items: center; gap: 6px; }
.sw[b-9kns2errm0] { display: inline-block; width: 12px; height: 12px; border-radius: 3px; margin-left: 8px; }
.sw.over[b-9kns2errm0] { background: var(--red-soft); border: 1px solid #EFC2BC; }
.sw.req[b-9kns2errm0] { border: 1px dashed var(--amber); background: var(--amber-soft); }

.week-wrap[b-9kns2errm0] { overflow: auto; }
.week[b-9kns2errm0] { width: 100%; border-collapse: separate; border-spacing: 0; table-layout: fixed; min-width: 760px; }
.week th[b-9kns2errm0], .week td[b-9kns2errm0] { border-bottom: 1px solid var(--line-soft); border-right: 1px solid var(--line-soft); padding: 6px 8px; vertical-align: top; text-align: left; }
.week thead th[b-9kns2errm0] { position: sticky; top: 0; z-index: 2; background: var(--surface); font-weight: 650; font-size: 13px; border-bottom: 1px solid var(--line); }
.week thead th .dn[b-9kns2errm0] { text-transform: capitalize; }
.week .who[b-9kns2errm0] { width: 170px; position: sticky; left: 0; z-index: 1; background: var(--surface); font-weight: 600; }
.week thead .who[b-9kns2errm0] { z-index: 3; }
.week .tot[b-9kns2errm0] { width: 110px; font-size: 13px; }
.week tfoot td[b-9kns2errm0], .week tfoot th[b-9kns2errm0] { background: #FAFBFA; font-size: 13px; border-top: 1px solid var(--line); }
.week .today[b-9kns2errm0] { background: #F6FAF8; }
.week thead th.today[b-9kns2errm0] { box-shadow: inset 0 -3px 0 var(--diesel); }
.week .we[b-9kns2errm0] { background: #FAFAFA; }
.cell[b-9kns2errm0] { cursor: pointer; min-height: 72px; }
.cell:hover[b-9kns2errm0] { background: var(--diesel-soft); }
.cell.off .wt[b-9kns2errm0] { color: var(--muted); }
.cell.absent[b-9kns2errm0] { background: repeating-linear-gradient(135deg, #fff, #fff 6px, #F3F4F5 6px, #F3F4F5 12px); }
.cell.over[b-9kns2errm0] { background: var(--red-soft); }
.wt[b-9kns2errm0] { font-size: 12.5px; font-weight: 600; margin-bottom: 3px; }
.abs[b-9kns2errm0] { display: inline-block; font-size: 12px; font-weight: 650; border-radius: 4px; padding: 1px 6px; margin-bottom: 3px; background: var(--grey-soft); color: var(--ink-2); }
.abs.k-leave[b-9kns2errm0] { background: var(--blue-soft); color: var(--blue); }
.abs.k-sick[b-9kns2errm0] { background: var(--red-soft); color: var(--red); }
.abs.k-training[b-9kns2errm0] { background: var(--green-soft); color: var(--green); }
.abs.req[b-9kns2errm0] { background: var(--amber-soft); color: var(--amber); border: 1px dashed var(--amber); }
.load[b-9kns2errm0] { display: flex; gap: 6px; justify-content: space-between; font-size: 12px; padding: 2px 5px; border-radius: 4px; margin-bottom: 2px;
        background: var(--diesel-soft); color: var(--diesel); text-decoration: none; border-left: 3px solid var(--diesel); }
.load.src-other[b-9kns2errm0] { background: var(--amber-soft); color: var(--amber); border-left-color: var(--amber); }
.load:hover[b-9kns2errm0] { text-decoration: none; filter: brightness(.97); }
.load .lt[b-9kns2errm0] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.load .lh[b-9kns2errm0] { flex: none; font-weight: 650; }
.meter[b-9kns2errm0] { height: 5px; background: var(--line-soft); border-radius: 3px; overflow: hidden; margin-top: 4px; }
.meter .fill[b-9kns2errm0] { display: block; height: 100%; background: var(--diesel); }
.cell.over .meter .fill[b-9kns2errm0] { background: var(--red); }
.hrs[b-9kns2errm0] { margin-top: 1px; }
.day-load[b-9kns2errm0] { margin: 8px 0 0; padding-left: 18px; }
/* /Components/Pages/Personnel/TodayStaffPanel.razor.rz.scp.css */
.tsp[b-of6mll0vxf] { margin-bottom: var(--space-5); }
.tsp .panel-head[b-of6mll0vxf] { display: flex; align-items: center; gap: 8px; }
.tsp-body[b-of6mll0vxf] { display: grid; grid-template-columns: 1fr 1fr; gap: 0; }
.tsp-day[b-of6mll0vxf] { padding: 12px 18px; border-right: 1px solid var(--line-soft); }
.tsp-day:last-child[b-of6mll0vxf] { border-right: 0; }
.tsp-title[b-of6mll0vxf] { font-weight: 650; margin-bottom: 4px; }
.tsp-row[b-of6mll0vxf] { margin-top: 2px; }
.warn[b-of6mll0vxf] { color: var(--amber); font-weight: 650; }
.cap[b-of6mll0vxf] { display: flex; align-items: center; gap: 8px; margin-top: 6px; }
.cap .bar[b-of6mll0vxf] { flex: 0 0 140px; height: 6px; background: var(--line-soft); border-radius: 3px; overflow: hidden; }
.cap .bar span[b-of6mll0vxf] { display: block; height: 100%; background: var(--diesel); }
.cap .bar span.over[b-of6mll0vxf] { background: var(--red); }
.tsp-foot[b-of6mll0vxf] { display: flex; flex-wrap: wrap; gap: 16px; padding: 10px 18px; border-top: 1px solid var(--line-soft); }
.sig[b-of6mll0vxf] { display: inline-flex; align-items: center; gap: 6px; color: var(--signal-ink); font-weight: 600; }
.sig.danger[b-of6mll0vxf] { color: var(--red); }
@media (max-width: 760px) { .tsp-body[b-of6mll0vxf] { grid-template-columns: 1fr; } .tsp-day[b-of6mll0vxf] { border-right: 0; border-bottom: 1px solid var(--line-soft); } }
/* /Components/Pages/Planning/PlanBord.razor.rz.scp.css */
.pb-toolbar[b-y9u07wn03u] { display: flex; align-items: center; gap: var(--space-3); flex-wrap: wrap; margin-bottom: var(--space-2); }
.pb-legend[b-y9u07wn03u] { display: flex; gap: var(--space-4); flex-wrap: wrap; color: var(--muted); font-size: 12.5px; margin-bottom: var(--space-3); }
.pb-legend span[b-y9u07wn03u] { display: inline-flex; align-items: center; gap: 6px; }
.pb-legend i[b-y9u07wn03u] { width: 16px; height: 10px; border-radius: 3px; display: inline-block; }
.lg.reservation[b-y9u07wn03u] { background: var(--blue); }
.lg.contract[b-y9u07wn03u] { background: var(--green); }
.lg.overdue[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, var(--red) 0 4px, #E26A5E 4px 8px); }
i.cell-free[b-y9u07wn03u] { background: var(--green-soft); }
i.cell-partly[b-y9u07wn03u] { background: var(--signal-soft); }
i.cell-full[b-y9u07wn03u] { background: var(--red-soft); }

.pb[b-y9u07wn03u] {
  --name-w: 290px;
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); overflow: auto; max-height: calc(100vh - 290px); /* app.js zet de exacte hoogte */
  font-stretch: 88%;
}
.pb-row[b-y9u07wn03u] { display: grid; grid-template-columns: var(--name-w) repeat(var(--pb-days), minmax(46px, 1fr)); min-width: calc(var(--name-w) + var(--pb-days) * 46px); }
.pb-head[b-y9u07wn03u] { position: sticky; top: 0; z-index: 3; background: var(--surface); border-bottom: 1px solid var(--line); }
.pb-head .pb-name[b-y9u07wn03u] { font-weight: 600; color: var(--muted); font-size: 12.5px; }
.pb-name[b-y9u07wn03u] {
  position: sticky; left: 0; z-index: 2; background: inherit; padding: 6px 10px; display: flex; align-items: center; gap: 6px;
  border-right: 1px solid var(--line); min-width: 0; background: var(--surface);
}
.pb-day[b-y9u07wn03u] { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 4px 0; font-size: 11.5px; color: var(--muted); line-height: 1.15; }
.pb-day strong[b-y9u07wn03u] { color: var(--ink); font-size: 14px; }
.pb-day .month[b-y9u07wn03u] { font-size: 10.5px; }
.pb-day.weekend[b-y9u07wn03u] { background: #F7F8F8; }
.pb-day.today[b-y9u07wn03u] { background: var(--signal-soft); color: var(--signal-ink); }
.pb-day.today strong[b-y9u07wn03u] { color: var(--signal-ink); }

.pb-group[b-y9u07wn03u] {
  position: sticky; left: 0; padding: 10px 10px 4px; font-weight: 700; font-size: 13px; color: var(--ink-2); background: var(--canvas);
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line-soft);
}
.pb-product[b-y9u07wn03u] { cursor: pointer; border-bottom: 1px solid var(--line-soft); }
.pb-product:hover .pb-name[b-y9u07wn03u] { background: #FAFBFA; }
.pb-product .pname[b-y9u07wn03u] { font-weight: 600; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
.pb-product[b-y9u07wn03u]  .icon { color: var(--muted); transition: transform .12s; flex: none; }
.pb-product[b-y9u07wn03u]  .icon.rot { transform: rotate(90deg); }
.pb-cell[b-y9u07wn03u] { display: grid; place-items: center; font-size: 12px; font-weight: 600; border-left: 1px solid #fff; }
.pb-cell.cell-free[b-y9u07wn03u] { background: var(--green-soft); color: var(--green); }
.pb-cell.cell-partly[b-y9u07wn03u] { background: var(--signal-soft); color: var(--signal-ink); }
.pb-cell.cell-full[b-y9u07wn03u] { background: var(--red-soft); color: var(--red); }
.pb-cell.cell-none[b-y9u07wn03u] { background: var(--grey-soft); color: var(--muted); }
.pb-cell.today[b-y9u07wn03u] { box-shadow: inset 2px 0 0 var(--signal), inset -2px 0 0 var(--signal); }

.pb-asset[b-y9u07wn03u] { border-bottom: 1px solid var(--line-soft); min-height: 30px; }
.pb-asset .pb-name[b-y9u07wn03u] { padding-left: 30px; font-size: 13px; }
.pb-asset .anum[b-y9u07wn03u] { font-weight: 600; color: var(--ink-2); }
.pb-asset.unassigned .pb-name[b-y9u07wn03u] { font-style: italic; }
.pb-asset.blocked .pb-track[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, transparent 0 8px, #F1F2F3 8px 16px); }
.pb-asset.drop .pb-track[b-y9u07wn03u] { background: var(--diesel-soft); outline: 2px dashed var(--diesel); outline-offset: -2px; }
.pb-track[b-y9u07wn03u] { grid-column: 2 / -1; position: relative; min-height: 30px; }
.pb-bar[b-y9u07wn03u] {
  position: absolute; top: 4px; height: 22px; border-radius: 4px; padding: 0 6px; font-size: 11.5px; font-weight: 600; color: #fff;
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 22px; cursor: grab; text-decoration: none;
}
.pb-bar:hover[b-y9u07wn03u] { text-decoration: none; filter: brightness(1.08); }
.pb-bar.reservation[b-y9u07wn03u] { background: var(--blue); }
.pb-bar.contract[b-y9u07wn03u] { background: var(--green); }
.pb-bar.overdue[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, var(--red) 0 6px, #D9544A 6px 12px); }
.pb-asset.unassigned .pb-bar[b-y9u07wn03u] { opacity: .92; outline: 1px dashed rgba(255,255,255,.7); outline-offset: -3px; }
.pb-asset .aname[b-y9u07wn03u] { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }

/* overboekt, conflicten */
i.cell-over[b-y9u07wn03u] { background: var(--red); }
.lg.double[b-y9u07wn03u] { background: var(--blue); box-shadow: inset 0 0 0 2px var(--red); }
.lg.maintenance[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, #C9CED3 0 3px, #ECEEF0 3px 6px); }
.pb-cell[b-y9u07wn03u] { cursor: pointer; gap: 2px; grid-auto-flow: column; }
.pb-cell:hover[b-y9u07wn03u] { filter: brightness(.96); }
.pb-cell.cell-over[b-y9u07wn03u] { background: var(--red); color: #fff; }
.pb-cell.cell-over[b-y9u07wn03u]  .icon { color: #fff; stroke-width: 2.4; }
.pb-product .pb-warn[b-y9u07wn03u] { color: var(--red); display: inline-flex; }
.pb-product .pb-warn[b-y9u07wn03u]  .icon { color: var(--red); }
.pb-bar.conflict[b-y9u07wn03u] { box-shadow: inset 0 0 0 2px var(--red); }

/* onderhoud, keuring, schade */
.pb-mnt[b-y9u07wn03u] {
  position: absolute; top: 2px; bottom: 2px; border-radius: 3px; z-index: 0;
  background: repeating-linear-gradient(135deg, #C9CED3 0 4px, #ECEEF0 4px 8px); border: 1px solid #C2C8CD;
}
.pb-mnt.k-damage[b-y9u07wn03u] { border-color: #B9A9A6; }
.pb-bar[b-y9u07wn03u] { z-index: 1; }

/* toewijzen */
.pb-name .pb-auto[b-y9u07wn03u] { margin-left: auto; font-style: normal; padding: 0 8px; min-height: 22px; font-size: 12px; }
.pb.is-dragging .pb-asset.drop-ok .pb-track[b-y9u07wn03u] { background: var(--green-soft); }
.pb.is-dragging .pb-asset.drop-bad .pb-track[b-y9u07wn03u] { background: var(--red-soft); }
.pb.is-dragging .pb-asset.drop-ok.drop .pb-track[b-y9u07wn03u] { outline: 2px dashed var(--green); outline-offset: -2px; }
.pb.is-dragging .pb-asset.drop-bad.drop .pb-track[b-y9u07wn03u] { outline: 2px dashed var(--red); outline-offset: -2px; }

/* verlengen door het rechtereinde te slepen */
.pb-grip[b-y9u07wn03u] {
  position: absolute; right: 0; top: 0; bottom: 0; width: 8px; cursor: ew-resize;
  background: linear-gradient(90deg, transparent 0 3px, rgba(255,255,255,.75) 3px 4px, transparent 4px 5px, rgba(255,255,255,.75) 5px 6px, transparent 6px);
}
.pb-bar:not(:hover) .pb-grip[b-y9u07wn03u] { opacity: .0; }
.pb-bar.resizing[b-y9u07wn03u] { opacity: .55; }
.pb-resize[b-y9u07wn03u] { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(var(--pb-days), 1fr); z-index: 4; }
.pb-rz-day[b-y9u07wn03u] { border-left: 1px dashed rgba(14, 90, 76, .25); }
.pb-rz-day.on[b-y9u07wn03u] { background: rgba(14, 90, 76, .10); }
.pb-ghost[b-y9u07wn03u] {
  position: absolute; top: 4px; height: 22px; z-index: 3; border-radius: 4px; pointer-events: none;
  border: 2px dashed var(--diesel); background: rgba(14, 90, 76, .12); color: var(--diesel); font-size: 11.5px; font-weight: 700;
  line-height: 18px; text-align: right; padding: 0 6px; white-space: nowrap;
}
.pb-ghost.bad[b-y9u07wn03u] { border-color: var(--red); color: var(--red); background: var(--red-soft); }

/* dagdetail */
.pb-cell-sum[b-y9u07wn03u] { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: 0 0 var(--space-3); }
.pb-cell-sum.over[b-y9u07wn03u] { color: var(--red); }
.pb-cell-table tr.conflict td[b-y9u07wn03u] { background: var(--red-soft); }
.pb-cell-table tr.mnt td[b-y9u07wn03u] { background: var(--grey-soft); }
.pb-mnt.k-workorder[b-y9u07wn03u] { border-color: #B79B5B; background: repeating-linear-gradient(135deg, #E3D3AE 0 4px, #F4ECDA 4px 8px); }

/* optie: capaciteit vastgehouden, nog niet bevestigd */
.lg.option[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, var(--blue) 0 3px, #8FAEE6 3px 6px); }
.pb-bar.option[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, #3F6FCC 0 6px, #6E93DA 6px 12px); color: #fff; }

/* inhuur: ingehuurde machine of ingehuurd en nog niet ontvangen (spoor inhuur) */
.lg.hired[b-y9u07wn03u] { background: repeating-linear-gradient(135deg, var(--blue) 0 4px, #6F95DD 4px 8px); }
.pb-bar.hired[b-y9u07wn03u] { background-image: repeating-linear-gradient(135deg, rgba(255,255,255,.18) 0 6px, transparent 6px 12px); }
.pb-asset.unassigned .pb-bar.hired[b-y9u07wn03u] { opacity: .75; }
/* /Components/Pages/Public/ConfirmOrder.razor.rz.scp.css */
.title[b-mayfw2ld9z] { font-size: 26px; margin: 0 0 6px; }
.lead[b-mayfw2ld9z] { margin: 0 0 16px; color: var(--muted); }
.terms[b-mayfw2ld9z] { margin: 12px 0; }
.terms summary[b-mayfw2ld9z] { cursor: pointer; color: var(--diesel); font-weight: 600; }
.terms p[b-mayfw2ld9z] { white-space: pre-line; font-size: 14px; color: var(--muted); }
.confirm[b-mayfw2ld9z] { margin-top: 16px; }
.confirm .panel-body[b-mayfw2ld9z] { display: grid; gap: 14px; }
.input[b-mayfw2ld9z] { width: 100%; box-sizing: border-box; font: inherit; font-size: 17px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-m); }
.big[b-mayfw2ld9z] { font-size: 18px; padding: 14px 20px; justify-self: start; }
.msg[b-mayfw2ld9z] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 28px; }
.msg h1[b-mayfw2ld9z] { font-size: 22px; margin: 0 0 8px; }
.msg p[b-mayfw2ld9z] { margin: 0; color: var(--muted); }
.check[b-mayfw2ld9z] { width: 48px; height: 48px; border-radius: 50%; background: var(--diesel); color: #fff; display: grid; place-items: center; margin-bottom: 14px; }
@media (max-width: 520px) { .big[b-mayfw2ld9z] { justify-self: stretch; } }
/* /Components/Pages/Public/PublicOrderSummary.razor.rz.scp.css */
.sum[b-zossn1bx3q] { display: grid; gap: 16px; }
.facts[b-zossn1bx3q] { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 12px 24px; margin: 0; }
.facts dt[b-zossn1bx3q] { color: var(--muted); font-size: 13px; }
.facts dd[b-zossn1bx3q] { margin: 2px 0 0; font-weight: 600; }
.lines[b-zossn1bx3q] { width: 100%; }
.lines tfoot td[b-zossn1bx3q] { border-top: 1px solid var(--line); }
.lines .grand td[b-zossn1bx3q] { font-weight: 800; font-size: 17px; }
.deposit[b-zossn1bx3q] { margin: 0; }
/* /Components/Pages/Public/RentalNotice.razor.rz.scp.css */
.title[b-chr52cfm7v] { font-size: 26px; margin: 0 0 6px; }
.lead[b-chr52cfm7v] { margin: 0 0 16px; color: var(--muted); }
.confirm[b-chr52cfm7v] { margin-top: 16px; }
.confirm .panel-body[b-chr52cfm7v] { display: grid; gap: 14px; }
.input[b-chr52cfm7v] { width: 100%; box-sizing: border-box; font: inherit; font-size: 17px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-m); background: var(--surface); }
.big[b-chr52cfm7v] { font-size: 18px; padding: 14px 20px; justify-self: start; }
.two[b-chr52cfm7v] { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.chips[b-chr52cfm7v] { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; }
.chip[b-chr52cfm7v] { border: 1px solid var(--line); background: var(--surface); border-radius: 999px; padding: 6px 12px; font: inherit; cursor: pointer; }
.chip.on[b-chr52cfm7v] { background: var(--diesel); color: #fff; border-color: var(--diesel); }
.msg[b-chr52cfm7v] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 28px; }
.msg h1[b-chr52cfm7v] { font-size: 22px; margin: 0 0 8px; }
.msg p[b-chr52cfm7v] { margin: 0; color: var(--muted); }
.check[b-chr52cfm7v] { width: 48px; height: 48px; border-radius: 50%; background: var(--diesel); color: #fff; display: grid; place-items: center; margin-bottom: 14px; }
@media (max-width: 520px) { .big[b-chr52cfm7v] { justify-self: stretch; } .two[b-chr52cfm7v] { grid-template-columns: 1fr; } }
/* /Components/Pages/Public/SignOrder.razor.rz.scp.css */
.title[b-voovnog2om] { font-size: 26px; margin: 0 0 6px; }
.lead[b-voovnog2om] { margin: 0 0 16px; color: var(--muted); }
.terms[b-voovnog2om] { margin: 12px 0; }
.terms summary[b-voovnog2om] { cursor: pointer; color: var(--diesel); font-weight: 600; }
.terms p[b-voovnog2om] { white-space: pre-line; font-size: 14px; color: var(--muted); }
.confirm[b-voovnog2om] { margin-top: 16px; }
.confirm .panel-body[b-voovnog2om] { display: grid; gap: 14px; }
.input[b-voovnog2om] { width: 100%; box-sizing: border-box; font: inherit; font-size: 17px; padding: 12px; border: 1px solid var(--line); border-radius: var(--radius-m); }
.big[b-voovnog2om] { font-size: 18px; padding: 14px 20px; justify-self: start; }
.msg[b-voovnog2om] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 28px; }
.msg h1[b-voovnog2om] { font-size: 22px; margin: 0 0 8px; }
.msg p[b-voovnog2om] { margin: 0; color: var(--muted); }
.check[b-voovnog2om] { width: 48px; height: 48px; border-radius: 50%; background: var(--diesel); color: #fff; display: grid; place-items: center; margin-bottom: 14px; }
@media (max-width: 520px) { .big[b-voovnog2om] { justify-self: stretch; } }
.pdf[b-voovnog2om] { margin-top: 10px !important; }
/* /Components/Pages/Revenue/OrderRevenuePanel.razor.rz.scp.css */
.link-btn[b-5jlphnelek] { border: 0; background: none; padding: 0; color: var(--diesel); font: inherit; cursor: pointer; }
.link-btn:hover[b-5jlphnelek] { text-decoration: underline; }
.small[b-5jlphnelek] { font-size: 13px; }
/* /Components/Pages/Revenue/ReturnNoticesPanel.razor.rz.scp.css */
.notices[b-116t5ofvbf] { margin-bottom: var(--space-4, 16px); }
/* /Components/Pages/Revenue/TankLevelInput.razor.rz.scp.css */
.tank[b-p982ka2da7] { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }
.seg[b-p982ka2da7] { display: inline-flex; flex-wrap: wrap; border: 1px solid var(--line); border-radius: var(--radius-m); overflow: hidden; }
.seg button[b-p982ka2da7] { border: 0; border-right: 1px solid var(--line); background: var(--surface); padding: 6px 8px; font: inherit; font-size: 13px; cursor: pointer; min-width: 38px; }
.seg button:last-child[b-p982ka2da7] { border-right: 0; }
.seg button.on[b-p982ka2da7] { background: var(--diesel); color: #fff; }
/* /Components/Pages/Today.razor.rz.scp.css */
.wi-link[b-46qkwsjkfa] { display: block; color: var(--ink); }
.wi-link:hover[b-46qkwsjkfa] { color: var(--diesel); }
/* /Components/Pages/WhatsNew/WhatsNewPage.razor.rz.scp.css */
.wn[b-v5nimckaro] { display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: var(--space-5); align-items: start; }
.wn-nav[b-v5nimckaro] { position: sticky; top: calc(var(--topbar-h) + 16px); display: flex; flex-direction: column; gap: 2px; }
.wn-nav a[b-v5nimckaro] { padding: 7px 10px; border-radius: var(--radius-s); color: var(--ink-2); text-decoration: none; font-weight: 600; }
.wn-nav a:hover[b-v5nimckaro] { background: var(--diesel-soft); color: var(--diesel); }
.wn-nav a.earlier[b-v5nimckaro] { margin-top: 10px; border-top: 1px solid var(--line); border-radius: 0; padding-top: 12px; color: var(--muted); font-weight: 500; }
.wn-body[b-v5nimckaro] { display: flex; flex-direction: column; gap: var(--space-4); max-width: 78ch; }
.wn-topic[b-v5nimckaro] { scroll-margin-top: calc(var(--topbar-h) + 16px); }
.wn-topic h2[b-v5nimckaro] { font-size: 21px; margin-bottom: 6px; color: var(--diesel); }
.wn-section[b-v5nimckaro] { padding: 12px 0; border-top: 1px solid var(--line-soft); }
.wn-section:first-of-type[b-v5nimckaro] { border-top: 0; }
.wn-section h3[b-v5nimckaro] { font-size: 15.5px; margin-bottom: 4px; }
.wn-section[b-v5nimckaro]  p { margin: 4px 0; line-height: 1.55; color: var(--ink-2); }
.wn-section[b-v5nimckaro]  ul { margin: 4px 0 4px 18px; padding: 0; line-height: 1.55; color: var(--ink-2); }
.wn-section[b-v5nimckaro]  code { background: var(--grey-soft); padding: 1px 4px; border-radius: 3px; font-size: .92em; }
@media (max-width: 860px) {
  .wn[b-v5nimckaro] { grid-template-columns: minmax(0, 1fr); }
  .wn-nav[b-v5nimckaro] { position: static; flex-direction: row; flex-wrap: wrap; gap: 6px; }
  .wn-nav a[b-v5nimckaro] { background: var(--surface); border: 1px solid var(--line); padding: 5px 10px; }
  .wn-nav a.earlier[b-v5nimckaro] { margin-top: 0; padding-top: 5px; border-top: 1px solid var(--line); border-radius: var(--radius-s); }
}
/* /Components/Pages/Workshop/AssetWorkshopTab.razor.rz.scp.css */
.ws-kpis[b-a5hx1qlb2o] { display: grid; grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)); gap: var(--space-3); margin-bottom: var(--space-4); }
.tile[b-a5hx1qlb2o] { background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m); padding: 10px 14px; display: flex; flex-direction: column; gap: 2px; }
.tile.warn[b-a5hx1qlb2o] { border-color: #F0D981; background: var(--signal-soft); }
.tile .l[b-a5hx1qlb2o] { color: var(--muted); font-size: 12px; }
.tile .v[b-a5hx1qlb2o] { font-size: 20px; font-weight: 750; }
.tile .n[b-a5hx1qlb2o] { color: var(--muted); font-size: 12px; }
/* /Components/Pages/Workshop/WorkOrderPage.razor.rz.scp.css */
.crumbs[b-rht7w5rwpd] { display: flex; align-items: center; gap: 4px; color: var(--muted); font-size: 13px; margin-bottom: var(--space-2); }
.crumbs a[b-rht7w5rwpd] { color: var(--muted); }
.summary[b-rht7w5rwpd] {
    display: flex; flex-wrap: wrap; background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius-m);
    margin: calc(-1 * var(--space-2)) 0 var(--space-5);
}
.sum-item[b-rht7w5rwpd] { display: flex; flex-direction: column; gap: 2px; padding: 10px 18px; border-right: 1px solid var(--line-soft); min-width: 150px; flex: 1 1 160px; }
.sum-item:last-child[b-rht7w5rwpd] { border-right: 0; }
.sum-label[b-rht7w5rwpd] { color: var(--muted); font-size: 12px; }
.count-pill[b-rht7w5rwpd] { color: var(--muted); font-weight: 600; font-size: 13px; margin-left: var(--space-2); }
.lines[b-rht7w5rwpd] { width: 100%; }
.lines tfoot td[b-rht7w5rwpd] { font-weight: 700; border-top: 1px solid var(--line); }
.sig-img[b-rht7w5rwpd] { max-width: 100%; max-height: 120px; border: 1px solid var(--line); border-radius: var(--radius-s); background: #fff; display: block; margin-bottom: var(--space-2); }
.po-parts[b-rht7w5rwpd] { list-style: none; padding: 0; margin: var(--space-3) 0 0; display: flex; flex-direction: column; gap: 6px; }
/* /Components/Pages/Workshop/WorkshopBoard.razor.rz.scp.css */
.board[b-9hclm1p6wd] {
    display: grid; grid-template-columns: repeat(5, minmax(220px, 1fr)); gap: var(--space-3); align-items: start;
    overflow-x: auto; padding-bottom: var(--space-3);
}
.col[b-9hclm1p6wd] {
    background: var(--grey-soft); border: 1px solid var(--line); border-radius: var(--radius-m); min-height: 240px;
    display: flex; flex-direction: column; transition: background .12s, border-color .12s;
}
.col.can-drop[b-9hclm1p6wd] { border-style: dashed; border-color: var(--diesel); }
.col.no-drop[b-9hclm1p6wd] { opacity: .55; }
.col.over[b-9hclm1p6wd] { background: var(--diesel-soft); }
.col-head[b-9hclm1p6wd] { display: flex; align-items: center; gap: var(--space-2); padding: 10px 12px; border-bottom: 1px solid var(--line); }
.col-head .count[b-9hclm1p6wd] { margin-left: auto; color: var(--muted); font-weight: 700; }
.cards[b-9hclm1p6wd] { display: flex; flex-direction: column; gap: var(--space-2); padding: var(--space-2); }
.col-empty[b-9hclm1p6wd] { color: var(--muted); font-size: 13px; padding: var(--space-3) var(--space-2); text-align: center; }

.card[b-9hclm1p6wd] {
    background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--line); border-radius: var(--radius-s);
    padding: 8px 10px; cursor: grab; display: flex; flex-direction: column; gap: 3px;
}
.card.dragging[b-9hclm1p6wd] { opacity: .5; }
.card.pr-high[b-9hclm1p6wd] { border-left-color: var(--amber); }
.card.pr-urgent[b-9hclm1p6wd] { border-left-color: var(--red); }
.c-top[b-9hclm1p6wd] { display: flex; align-items: center; gap: 6px; color: var(--ink); text-decoration: none; font-size: 12.5px; }
.c-nr[b-9hclm1p6wd] { font-weight: 750; }
.c-kind[b-9hclm1p6wd] { color: var(--muted); }
.c-top .badge[b-9hclm1p6wd] { margin-left: auto; }
.c-title[b-9hclm1p6wd] { color: var(--ink); font-weight: 650; text-decoration: none; line-height: 1.3; }
.c-title:hover[b-9hclm1p6wd], .c-top:hover[b-9hclm1p6wd] { text-decoration: underline; }
.c-asset[b-9hclm1p6wd] { font-size: 13px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.c-meta[b-9hclm1p6wd] { display: flex; flex-wrap: wrap; gap: 4px 10px; font-size: 12.5px; color: var(--ink-2); }
.c-meta span[b-9hclm1p6wd] { display: inline-flex; align-items: center; gap: 3px; }
.c-actions[b-9hclm1p6wd] { display: flex; align-items: center; gap: var(--space-2); margin-top: 4px; justify-content: flex-end; }

@media (max-width: 900px) {
    .board[b-9hclm1p6wd] { grid-template-columns: minmax(0, 1fr); overflow-x: visible; }
    .col[b-9hclm1p6wd] { min-height: 0; }
}
/* /Components/Shared/AppErrorBoundary.razor.rz.scp.css */
.crash[b-ocjynvu195] {
    display: flex; gap: var(--space-4); max-width: 720px; margin: var(--space-6) auto; padding: var(--space-5);
    background: var(--surface); border: 1px solid var(--line); border-left: 4px solid var(--red); border-radius: var(--radius-m);
}
.crash-icon[b-ocjynvu195] { color: var(--red); flex: none; }
.crash h1[b-ocjynvu195] { font-size: 1.3rem; margin: 0 0 var(--space-2); }
.crash p[b-ocjynvu195] { margin: 0 0 var(--space-3); }
.crash .code[b-ocjynvu195] { font-size: 1.05rem; }
.crash .code strong[b-ocjynvu195] { font-family: ui-monospace, Consolas, monospace; letter-spacing: .04em; background: var(--grey-soft); padding: 2px 6px; border-radius: var(--radius-s); }
.crash .row[b-ocjynvu195] { display: flex; gap: var(--space-2); flex-wrap: wrap; }
@media (max-width: 560px) { .crash[b-ocjynvu195] { flex-direction: column; margin: var(--space-4) 0; } }
/* /Components/Shared/ConflictHost.razor.rz.scp.css */
.conflict .lead[b-gw6eeazbx1] { margin: 0 0 var(--space-3); }
.conflict .table-wrap[b-gw6eeazbx1] { overflow-x: auto; margin-bottom: var(--space-3); }
.conflict table[b-gw6eeazbx1] { width: 100%; }
.conflict td[b-gw6eeazbx1] { vertical-align: top; overflow-wrap: anywhere; }
.conflict tr.clash td[b-gw6eeazbx1] { background: var(--signal-soft); }
.conflict td.mine[b-gw6eeazbx1] { font-weight: 600; }
/* /Components/Shared/LiveEditors.razor.rz.scp.css */
.live[b-uwlq22eds9] { display: flex; flex-direction: column; gap: var(--space-2); margin: 0 0 var(--space-3); }
.live-changed[b-uwlq22eds9] {
    display: flex; align-items: center; gap: var(--space-2); flex-wrap: wrap;
    background: var(--blue-soft); color: var(--ink); border: 1px solid var(--blue); border-radius: var(--radius-m);
    padding: var(--space-2) var(--space-3);
}
.live-changed .spacer[b-uwlq22eds9] { flex: 1; }
.live-viewers[b-uwlq22eds9] { display: flex; align-items: center; gap: var(--space-2); color: var(--ink-2); font-size: .9rem; }
.avatar[b-uwlq22eds9] {
    display: inline-grid; place-items: center; width: 24px; height: 24px; border-radius: 50%;
    background: var(--diesel-soft); color: var(--diesel); font-size: .72rem; font-weight: 700; margin-right: -6px; border: 2px solid var(--surface);
}
.avatar:last-of-type[b-uwlq22eds9] { margin-right: 2px; }