.flow-environment{position:relative;z-index:2000;background:#112631;color:#d6e9ef;padding:7px 14px;font:12px/1.5 system-ui;border-top:1px solid #546b73;overflow-wrap:anywhere}.flow-environment strong{color:#ffb777}body:has(dialog[open]) .flow-environment{z-index:0}
.ops-panel{padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink);margin:12px 0}.ops-panel h2{font-size:21px}.ops-panel h3{font-size:17px}.ops-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.ops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.ops-card{border:1px solid var(--line);border-left:4px solid var(--accent);padding:14px;border-radius:7px;overflow-wrap:anywhere}.ops-card p{line-height:1.6}.ops-meta{color:var(--muted);font-size:13px}.ops-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.ops-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px}.ops-form label{display:grid;gap:6px;font-size:14px}.ops-form input,.ops-form select,.ops-form textarea{width:100%;min-width:0;box-sizing:border-box;padding:10px}.ops-form textarea{min-height:100px}.ops-form .wide{grid-column:1/-1}.ops-dialog{width:min(820px,95vw);max-height:92dvh;box-sizing:border-box;padding:0;background:var(--panel);color:var(--ink);border:1px solid var(--line);border-radius:10px}.ops-dialog::backdrop{background:#000a}.ops-dialog header{display:flex;justify-content:space-between;padding:18px;border-bottom:2px solid var(--accent)}.ops-dialog pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;font-size:12px}.ops-error{color:#ffb98f;white-space:pre-line}.ops-wait{border-left-color:#48aabc}.ops-service{border-left-color:#dfb05a}.ops-tyre{border-left-color:#a195e8}.ops-dialog button,.ops-panel button{min-height:40px}.ops-photo{max-width:100%;max-height:240px}.ops-table{overflow-x:auto}.ops-table table{min-width:560px;width:100%}.ops-table td,.ops-table th{padding:10px;text-align:left;border-bottom:1px solid var(--line)}@media(max-width:600px){.ops-form{grid-template-columns:1fr}.ops-panel{padding:12px}.ops-grid{grid-template-columns:minmax(0,1fr)}.ops-dialog{width:96vw}.flow-environment{font-size:11px}.ops-dialog header{gap:10px}}
.flow-environment{position:fixed!important;bottom:0;left:0;right:0;max-height:90px;overflow:auto}.flow-environment-login{font:12px/1.5 system-ui;color:#d6e9ef;padding:8px 18px;background:#112631;overflow-wrap:anywhere}body{padding-bottom:55px!important}
.ops-form input[type=checkbox]{width:24px!important;height:24px!important;margin:0}.ops-panel button.primary,.ops-form button[type=submit]{background:var(--primary);color:white;border:1px solid var(--primary);border-radius:6px;padding:10px 14px}.ops-dialog header button{background:var(--soft);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:8px 14px}.ops-card[hidden]{display:none!important}
.ops-filters{display:flex;flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px}.ops-filters label{display:grid;gap:6px;max-width:100%}.ops-filters input,.ops-filters select{box-sizing:border-box;max-width:100%;padding:10px}.ops-history{padding:18px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.ops-history dl>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(0,2fr);gap:12px;padding:9px 0;border-bottom:1px solid var(--line)}.ops-history dt{font-weight:600}.ops-history dd{margin:0;white-space:pre-wrap}.ops-pad{padding:0 18px}.ops-form [hidden]{display:none!important}.ops-form input:disabled,.ops-form select:disabled{opacity:1}@media(max-width:600px){.ops-history dl>div{grid-template-columns:1fr;gap:4px}.ops-filters label{width:100%}.ops-filters input,.ops-filters select{width:100%}}
.ops-tabs button[aria-pressed=true]{border-color:var(--accent);background:var(--selected);color:var(--ink)}.ops-fold{margin-top:20px;border-top:1px solid var(--line);padding-top:12px}.ops-fold summary{cursor:pointer;padding:12px 0;font-weight:700}.ops-fold[open]>.ops-grid{margin-top:12px}.ops-fold .ops-card{margin-top:12px}.tyre-workspace{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:24px;margin:24px 0;align-items:start}.tyre-truck{padding:20px 12px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(90deg,transparent 38%,#52626d40 38%,#52626d40 62%,transparent 62%);max-width:440px;width:100%;box-sizing:border-box}.tyre-cab{margin:0 auto 22px;width:64%;min-height:92px;border:2px solid #718997;border-radius:20px 20px 8px 8px;background:linear-gradient(#344e5e,#1b303d);text-align:center;padding:20px 8px;box-sizing:border-box;color:#fff;font-weight:700;box-shadow:inset 0 -14px #07121b55}.tyre-cab span{display:block;font-size:11px;letter-spacing:2px;margin-top:14px;color:#d6e6ee}.tyre-axle{display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;margin:20px 0;position:relative}.tyre-axle:before{content:'';position:absolute;top:50%;left:0;right:0;height:8px;background:#71808a;z-index:0}.tyre-side{display:flex;gap:4px;justify-content:center;position:relative;z-index:1}.tyre-axle-label{position:relative;z-index:1;font-size:11px;text-align:center;background:#1b303d;color:#ebf2f5;padding:5px 0}.ops-panel .tyre-wheel{flex:1;max-width:66px;min-width:44px;min-height:100px;background:repeating-linear-gradient(0deg,#172029 0 7px,#34424c 7px 9px);color:#fff;border:2px solid #79909c;border-radius:12px;padding:8px 3px;font-size:11px;overflow-wrap:anywhere;box-shadow:inset 3px 0 0 #0007,inset -3px 0 0 #0007}.tyre-wheel small{display:block;margin-top:9px;font-size:10px}.ops-panel .tyre-wheel.occupied{border-color:#b8c8d1}.ops-panel .tyre-wheel.tyre-warning{border:4px solid #ff9e75}.ops-panel .tyre-wheel.unknown{border-style:dashed}.ops-panel .tyre-wheel.empty{border-style:dashed;opacity:.75}.ops-panel .tyre-wheel[aria-pressed=true]{outline:3px solid var(--focus);outline-offset:4px}.tyre-tail{text-align:center;font-size:10px;letter-spacing:3px;color:var(--muted);padding:10px}.tyre-facts{margin:16px 0}.tyre-facts>div{display:flex;gap:12px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}.tyre-facts dt{color:var(--muted)}.tyre-facts dd{margin:0;text-align:right;font-weight:700}.ops-panel a{color:var(--link)}.ops-panel .ops-actions{margin-bottom:18px}.tyre-workspace>aside{min-width:0}.ops-panel label select{min-height:44px}.ops-panel button{min-height:44px}.ops-form label[hidden]{display:none!important}
@media(max-width:850px){.tyre-workspace{grid-template-columns:minmax(0,1fr)}.tyre-truck{margin:auto}.tyre-axle{grid-template-columns:1fr 62px 1fr}.tyre-workspace{gap:16px}.ops-tabs>button{flex:1;min-height:46px}.tyre-facts>div{flex-wrap:wrap}.tyre-facts dd{text-align:left}}

.waitCheckSummary{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--soft);color:var(--ink)}.waitCheckSummary p{margin:8px 0 0}.waitNeedsInput{border-left:4px solid #b86a00;padding-left:10px}.waitDateWarning{font-weight:600}.waitCheckConfirm{display:flex!important;align-items:center;gap:12px;padding:14px;border:2px solid #b86a00;border-radius:8px;cursor:pointer}.waitExtra{border-top:1px solid var(--line);padding:10px 0}.waitExtra summary{cursor:pointer;padding:8px 0;font-weight:600}.waitExtraFields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:12px 0}.waitExtraFields label{min-width:0}.waitExtraFields textarea{box-sizing:border-box;width:100%}@media(max-width:600px){.waitExtraFields{grid-template-columns:minmax(0,1fr)}}
#maintenance > .ops-filters,
#maintenance > p,
#maintenance .ops-card,
#maintenance > .ops-grid > p {
  background: var(--panel);
  color: var(--ink);
}
#maintenance > .ops-filters,
#maintenance > .ops-grid > p {
  border: 1px solid var(--line);
  border-radius: 7px;
  padding: 12px;
}
#maintenance .ops-card > h2 {
  color: var(--ink);
}

/* Concrete guidance for reminder data, including linked service and odometer records. */
.ops-form .ops-check-overview{grid-column:1/-1;background:#fff7e5;color:#263238;border:2px solid #9a6200;border-radius:8px;padding:14px;min-width:0}
.ops-check-overview h3{margin:0 0 8px;color:#263238}.ops-check-overview p{margin:6px 0}.ops-check-overview ul{margin:8px 0;padding-left:20px}
.ops-check-overview li{margin:8px 0}.ops-check-overview button{background:#fff;color:#263238;border:1px solid #80632f;white-space:normal;text-align:left;max-width:100%;height:auto}
.ops-form label.ops-check-target{background:#fff7e5!important;color:#263238!important;border:2px solid #9a6200;padding:10px;border-radius:6px;scroll-margin:16px;min-width:0}
.ops-check-hint{display:block;font-size:.85rem;color:#694300;line-height:1.4}.ops-check-overview button:focus-visible,.ops-check-target :focus-visible{outline:3px solid #1565c0;outline-offset:3px}