:root {
  --ink: #0b0d10;
  --ink-2: #12161b;
  --ink-3: #1b2027;
  --orange: #ff6a00;
  --orange-2: #ff8a1d;
  --orange-soft: #fff0e5;
  --paper: #f4f5f7;
  --white: #ffffff;
  --muted: #6c7480;
  --line: #e5e7eb;
  --green: #159767;
  --green-soft: #e6f7f0;
  --blue: #3b70d7;
  --blue-soft: #eaf0ff;
  --amber: #b86800;
  --amber-soft: #fff3d9;
  --red: #d14242;
  --red-soft: #fdeaea;
  --purple: #7255cc;
  --shadow: 0 14px 40px rgba(17, 24, 39, .08);
  --shadow-sm: 0 6px 20px rgba(17, 24, 39, .07);
  --radius: 16px;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: var(--paper); color: var(--ink); }
body { font-family: "DM Sans", system-ui, sans-serif; font-size: 14px; }
button, input, select, textarea { font: inherit; }
button { cursor: pointer; }

.app-shell { min-height: 100vh; display: grid; grid-template-columns: 240px 1fr; }
.sidebar {
  position: fixed; inset: 0 auto 0 0; width: 240px; z-index: 30;
  display: flex; flex-direction: column; padding: 22px 14px 16px;
  color: #fff; background:
    radial-gradient(circle at 20% 12%, rgba(255,106,0,.18), transparent 30%),
    linear-gradient(180deg, #101318 0%, #090b0e 100%);
  border-right: 1px solid rgba(255,255,255,.06);
}
.brand { display: flex; gap: 12px; align-items: center; padding: 0 8px 24px; }
.brand-mark {
  width: 44px; height: 44px; flex: 0 0 44px; border-radius: 12px; display: grid; place-items: center;
  font-family: Manrope, sans-serif; font-size: 15px; font-weight: 800; letter-spacing: -.5px; color: #fff;
  background: linear-gradient(145deg, var(--orange-2), var(--orange));
  box-shadow: 0 10px 24px rgba(255,106,0,.28); transform: skew(-3deg);
}
.brand-text strong { display: block; font: 800 14px/1.1 Manrope, sans-serif; letter-spacing: -.2px; }
.brand-text span { display: block; color: #8e97a4; font-size: 10px; margin-top: 4px; letter-spacing: .08em; text-transform: uppercase; }
.nav-label { color: #68717e; font: 700 10px Manrope, sans-serif; letter-spacing: .11em; text-transform: uppercase; padding: 10px 12px 8px; }
.nav { display: grid; gap: 5px; }
.nav-btn {
  position: relative; width: 100%; height: 45px; border: 0; border-radius: 11px; padding: 0 12px;
  display: flex; align-items: center; gap: 11px; color: #aeb5bf; background: transparent; text-align: left; font-weight: 600;
  transition: .18s ease;
}
.nav-btn:hover { color: #fff; background: rgba(255,255,255,.05); }
.nav-btn.active { color: #fff; background: rgba(255,106,0,.13); }
.nav-btn.active::before { content:""; position:absolute; left:-14px; width:3px; height:24px; border-radius: 0 3px 3px 0; background: var(--orange); }
.nav-btn svg { width: 19px; height: 19px; }
.nav-badge { margin-left: auto; min-width: 22px; padding: 2px 6px; border-radius: 10px; text-align: center; font-size: 11px; color: #fff; background: var(--orange); }
.sidebar-spacer { flex: 1; }
.ops-card { margin: 12px 4px 15px; padding: 13px; background: rgba(255,255,255,.045); border: 1px solid rgba(255,255,255,.07); border-radius: 12px; }
.ops-head { display:flex; align-items:center; gap:8px; color:#fff; font-weight:700; font-size:12px; }
.live-dot { width:8px; height:8px; background:#26cf88; border-radius:50%; box-shadow:0 0 0 4px rgba(38,207,136,.1); }
.ops-card p { margin:8px 0 0; color:#7e8793; font-size:11px; line-height:1.5; }
.user-card { display: flex; align-items: center; gap: 10px; padding: 10px 8px 2px; border-top: 1px solid rgba(255,255,255,.07); }
.avatar { width: 35px; height: 35px; border-radius: 10px; display: grid; place-items: center; color: var(--ink); background: #fff; font-weight: 800; font-size: 12px; }
.user-copy strong { display: block; font-size: 12px; }
.user-copy span { display: block; color: #77808d; font-size: 10px; margin-top: 2px; }
.signout-btn { margin-left:auto; width:28px; height:28px; border:1px solid #343941; color:#9098a2; background:#15191e; font-weight:800; }
.signout-btn:hover { color:#fff; border-color:var(--orange); }

.main { min-width: 0; margin-left: 240px; }
.topbar {
  height: 76px; position: sticky; top: 0; z-index: 20; padding: 0 28px; display: flex; align-items: center; gap: 18px;
  background: rgba(244,245,247,.92); border-bottom: 1px solid rgba(213,216,221,.82); backdrop-filter: blur(14px);
}
.mobile-menu { display:none; }
.page-heading { min-width: 180px; }
.eyebrow { color: var(--orange); font: 700 10px Manrope, sans-serif; text-transform: uppercase; letter-spacing: .1em; }
.page-heading h1 { margin: 2px 0 0; font: 800 20px Manrope, sans-serif; letter-spacing: -.45px; }
.top-search { position: relative; margin-left: auto; width: min(360px, 30vw); }
.top-search svg { position:absolute; left:13px; top:50%; transform:translateY(-50%); width:17px; color:#9299a3; }
.top-search input { width:100%; height:40px; border:1px solid #dfe2e6; border-radius:11px; background:#fff; padding:0 38px; outline:none; transition:.18s; }
.top-search input:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,106,0,.09); }
.shortcut { position:absolute; right:10px; top:10px; border:1px solid #e0e2e6; color:#8a919a; border-radius:6px; font-size:10px; padding:2px 5px; }
.date-chip { display:flex; align-items:center; gap:7px; color:#656d78; white-space:nowrap; font-size:12px; }
.icon-btn { width:40px; height:40px; border:1px solid #dfe2e6; border-radius:11px; display:grid; place-items:center; background:#fff; color:#545c66; }
.icon-btn:hover { border-color:#c7cbd1; color:var(--ink); }
.primary-btn, .secondary-btn, .ghost-btn, .danger-btn {
  height: 40px; border-radius: 10px; border: 0; display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:0 15px; font-weight:700; white-space:nowrap;
}
.primary-btn { color:#fff; background:var(--orange); box-shadow:0 7px 18px rgba(255,106,0,.22); }
.primary-btn:hover { background:#e95f00; transform:translateY(-1px); }
.secondary-btn { color:var(--ink); background:#fff; border:1px solid #dfe2e6; }
.secondary-btn:hover { border-color:#bfc4ca; }
.ghost-btn { height:34px; padding:0 11px; background:transparent; color:#5e6670; }
.ghost-btn:hover { background:#f1f2f4; color:var(--ink); }
.danger-btn { color:var(--red); background:var(--red-soft); }
.primary-btn svg, .secondary-btn svg, .ghost-btn svg { width:17px; height:17px; }

.content { padding: 25px 28px 40px; max-width: 1650px; margin: 0 auto; }
.view { display: none; animation: fadeUp .24s ease; }
.view.active { display: block; }
@keyframes fadeUp { from { opacity:0; transform:translateY(5px); } to { opacity:1; transform:none; } }
.welcome-row { display:flex; align-items:flex-end; justify-content:space-between; gap:20px; margin-bottom:20px; }
.welcome-row h2 { margin:0; font:800 24px Manrope,sans-serif; letter-spacing:-.7px; }
.welcome-row p { margin:6px 0 0; color:var(--muted); }
.mode-chip { display:flex; align-items:center; gap:8px; padding:8px 11px; border:1px solid #dde0e4; border-radius:9px; color:#5d6570; background:#fff; font-size:12px; }
.metrics { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-bottom:18px; }
.metric { min-height:128px; padding:18px; background:#fff; border:1px solid #e5e7ea; border-radius:var(--radius); box-shadow:0 2px 7px rgba(20,27,37,.025); overflow:hidden; position:relative; }
.metric::after { content:""; position:absolute; width:80px; height:80px; border-radius:50%; right:-30px; top:-30px; background:var(--tint,#fff3eb); }
.metric-top { display:flex; justify-content:space-between; align-items:center; }
.metric-label { color:#69727d; font-weight:600; font-size:12px; }
.metric-icon { width:34px; height:34px; border-radius:9px; display:grid; place-items:center; color:var(--accent,var(--orange)); background:var(--soft,var(--orange-soft)); position:relative; z-index:1; }
.metric-icon svg { width:17px; height:17px; }
.metric-value { margin-top:15px; font:800 27px Manrope,sans-serif; letter-spacing:-1px; }
.metric-foot { margin-top:5px; color:#90969e; font-size:11px; display:flex; align-items:center; gap:5px; }
.trend-up { color:var(--green); font-weight:700; }

.dashboard-grid { display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr); gap:18px; }
.stack { display:grid; gap:18px; align-content:start; }
.panel { background:#fff; border:1px solid #e4e6e9; border-radius:var(--radius); box-shadow:0 2px 8px rgba(20,27,37,.025); overflow:hidden; }
.panel-head { min-height:62px; padding:15px 18px; display:flex; align-items:center; justify-content:space-between; gap:15px; border-bottom:1px solid #eceef0; }
.panel-title h3 { margin:0; font:800 15px Manrope,sans-serif; letter-spacing:-.25px; }
.panel-title p { margin:3px 0 0; color:#9298a0; font-size:11px; }
.text-link { border:0; background:transparent; color:var(--orange); font-weight:700; font-size:12px; }
.active-list { padding:4px 8px; }
.active-row { display:grid; grid-template-columns:46px minmax(125px,1fr) minmax(135px,1.1fr) 94px 70px 26px; gap:11px; align-items:center; min-height:70px; padding:8px 10px; border-bottom:1px solid #f0f1f3; cursor:pointer; border-radius:10px; }
.active-row:last-child { border-bottom:0; }
.active-row:hover { background:#fafafb; }
.job-type-icon { width:38px; height:38px; display:grid; place-items:center; border-radius:10px; color:var(--orange); background:var(--orange-soft); }
.job-type-icon.penske { color:#25755b; background:#e5f5ef; }
.job-type-icon.tow { color:#6b55c7; background:#eeeafd; }
.job-type-icon.mobile { color:#3c70cc; background:#e8f0ff; }
.job-type-icon svg { width:18px; height:18px; }
.cell-main { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:700; font-size:12px; }
.cell-sub { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#8a929c; font-size:11px; margin-top:4px; }
.status-pill, .type-pill, .bill-pill, .priority-pill { display:inline-flex; align-items:center; justify-content:center; width:max-content; border-radius:999px; font-weight:700; font-size:10px; line-height:1; white-space:nowrap; }
.status-pill { padding:7px 9px; color:#59616b; background:#eef0f2; }
.status-new { color:#b35c00; background:#fff0df; }
.status-assigned { color:#4d62a8; background:#e8edff; }
.status-en-route { color:#2d6fc0; background:#e2f0ff; }
.status-on-scene { color:#7454b6; background:#eee6ff; }
.status-completed { color:#147657; background:#dff5ec; }
.status-cancelled { color:#9d4141; background:#fae6e6; }
.mini-avatar { width:29px; height:29px; display:grid; place-items:center; border-radius:9px; color:#fff; background:#252b33; font-size:9px; font-weight:800; }
.kebab { color:#a2a8af; }

.activity-list { padding:9px 17px 14px; }
.activity { display:grid; grid-template-columns:10px 1fr; gap:12px; padding:9px 0; }
.activity-line { position:relative; }
.activity-line::before { content:""; position:absolute; left:4px; top:14px; bottom:-16px; width:1px; background:#e5e7e9; }
.activity:last-child .activity-line::before { display:none; }
.activity-dot { width:9px; height:9px; margin-top:5px; border-radius:50%; background:var(--orange); box-shadow:0 0 0 3px var(--orange-soft); position:relative; z-index:1; }
.activity strong { display:block; font-size:11px; line-height:1.4; }
.activity span { color:#969ca4; font-size:10px; display:block; margin-top:3px; }
.pipeline { padding:18px; }
.donut-row { display:flex; align-items:center; gap:18px; }
.donut { width:112px; height:112px; border-radius:50%; display:grid; place-items:center; position:relative; background:conic-gradient(var(--orange) 0 38%, #496ecb 38% 62%, #7758c9 62% 80%, #dfe2e7 80%); }
.donut::before { content:""; position:absolute; width:70px; height:70px; border-radius:50%; background:#fff; }
.donut-center { position:relative; z-index:1; text-align:center; }
.donut-center strong { display:block; font:800 20px Manrope; }
.donut-center span { color:#979da5; font-size:9px; }
.legend { flex:1; display:grid; gap:8px; }
.legend-row { display:grid; grid-template-columns:8px 1fr auto; align-items:center; gap:8px; font-size:10px; color:#6e7680; }
.legend-dot { width:8px; height:8px; border-radius:3px; }
.legend-row strong { color:var(--ink); }

.toolbar { display:flex; align-items:center; gap:10px; margin-bottom:16px; }
.toolbar-search { position:relative; width:290px; }
.toolbar-search svg { position:absolute; width:16px; left:12px; top:12px; color:#8d949d; }
.toolbar-search input, .field input, .field select, .field textarea {
  width:100%; border:1px solid #dfe2e6; border-radius:10px; background:#fff; color:var(--ink); outline:none;
}
.toolbar-search input { height:40px; padding:0 12px 0 37px; }
.toolbar-search input:focus, .field input:focus, .field select:focus, .field textarea:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,106,0,.08); }
.filter-select { height:40px; padding:0 32px 0 12px; border:1px solid #dfe2e6; border-radius:10px; background:#fff; color:#59616c; outline:none; }
.toolbar-count { margin-left:auto; color:#7c848e; font-size:12px; }

.dispatch-board { display:grid; grid-template-columns:repeat(5,minmax(215px,1fr)); gap:12px; overflow-x:auto; padding-bottom:8px; align-items:start; }
.board-column { min-width:215px; background:#eceef1; border-radius:14px; padding:10px; min-height:520px; }
.board-head { height:38px; display:flex; align-items:center; gap:8px; padding:0 4px; }
.board-head h3 { margin:0; font:700 11px Manrope; text-transform:uppercase; letter-spacing:.05em; }
.board-count { margin-left:auto; min-width:21px; height:21px; display:grid; place-items:center; border-radius:7px; color:#707781; background:#dfe2e6; font-size:10px; font-weight:700; }
.board-dot { width:8px; height:8px; border-radius:50%; background:#9198a1; }
.board-column[data-status="New"] .board-dot { background:var(--orange); }
.board-column[data-status="Assigned"] .board-dot { background:#637bd2; }
.board-column[data-status="En Route"] .board-dot { background:#3e8bd4; }
.board-column[data-status="On Scene"] .board-dot { background:#7b60c5; }
.board-column[data-status="Completed"] .board-dot { background:#26a677; }
.board-cards { display:grid; gap:9px; }
.job-card { padding:13px; border:1px solid #e1e4e7; border-radius:12px; background:#fff; box-shadow:0 3px 9px rgba(18,25,34,.045); cursor:pointer; transition:.18s; }
.job-card:hover { transform:translateY(-2px); box-shadow:var(--shadow-sm); border-color:#d2d6dc; }
.job-card.urgent { border-left:3px solid var(--red); }
.job-card-head { display:flex; align-items:center; gap:8px; }
.job-id { color:#737b85; font:700 10px Manrope; letter-spacing:.03em; }
.type-pill { padding:5px 7px; margin-left:auto; color:#a14e00; background:#fff0e2; }
.type-pill.penske { color:#176d50; background:#e5f5ee; }
.type-pill.tow { color:#674bb3; background:#ece6fc; }
.type-pill.mobile { color:#2c68b7; background:#e7f0ff; }
.job-card h4 { margin:11px 0 4px; font:800 13px Manrope; }
.job-issue { color:#616a74; font-size:11px; line-height:1.4; min-height:30px; }
.job-meta { display:grid; gap:6px; margin-top:12px; padding-top:11px; border-top:1px solid #edf0f2; }
.job-meta-row { display:flex; gap:6px; align-items:center; color:#89909a; font-size:10px; overflow:hidden; }
.job-meta-row svg { width:13px; height:13px; flex:0 0 auto; }
.job-meta-row span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.job-card-foot { display:flex; align-items:center; margin-top:12px; }
.eta { margin-left:auto; color:#66707a; font-size:10px; font-weight:700; }
.priority-pill { padding:5px 7px; color:#a87a17; background:#fff4dc; }
.priority-pill.urgent { color:#b83737; background:#fde8e8; }

.data-grid { display:grid; grid-template-columns:280px 1fr; gap:16px; }
.record-list { background:#fff; border:1px solid #e2e5e8; border-radius:var(--radius); padding:8px; min-height:600px; }
.record-item { width:100%; border:0; border-radius:11px; padding:12px; display:grid; grid-template-columns:38px 1fr; gap:10px; background:transparent; text-align:left; }
.record-item:hover, .record-item.active { background:#f5f6f7; }
.record-item.active { box-shadow:inset 3px 0 var(--orange); }
.record-avatar { width:38px; height:38px; display:grid; place-items:center; border-radius:11px; color:#fff; background:linear-gradient(145deg,#2d333c,#11151a); font-weight:800; font-size:11px; }
.record-item strong { display:block; margin-top:2px; font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.record-item span { display:block; color:#8b929b; font-size:10px; margin-top:5px; }
.record-detail { min-height:600px; background:#fff; border:1px solid #e2e5e8; border-radius:var(--radius); overflow:hidden; }
.detail-hero { padding:23px; display:flex; align-items:center; gap:15px; color:#fff; background:linear-gradient(125deg,#191e24,#0d0f13 70%); }
.detail-avatar { width:54px; height:54px; border-radius:15px; display:grid; place-items:center; color:#fff; background:var(--orange); font:800 16px Manrope; }
.detail-hero h2 { margin:0; font:800 20px Manrope; }
.detail-hero p { margin:5px 0 0; color:#9da5b0; font-size:11px; }
.detail-hero .secondary-btn { margin-left:auto; border-color:rgba(255,255,255,.16); color:#fff; background:rgba(255,255,255,.08); }
.detail-body { padding:20px; }
.info-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-bottom:21px; }
.info-card { padding:13px; border:1px solid #e7e9ec; border-radius:11px; background:#fafafb; }
.info-card span { color:#949aa2; font-size:9px; text-transform:uppercase; letter-spacing:.06em; font-weight:700; }
.info-card strong { display:block; margin-top:7px; font-size:11px; }
.section-title { margin:0 0 11px; font:800 13px Manrope; }
.vehicle-row, .history-row { display:grid; align-items:center; gap:12px; min-height:57px; padding:8px 10px; border-top:1px solid #edf0f2; }
.vehicle-row { grid-template-columns:36px 1fr 1fr auto; }
.history-row { grid-template-columns:72px 1fr 100px 80px; }
.vehicle-icon { width:34px; height:34px; display:grid; place-items:center; border-radius:9px; color:var(--orange); background:var(--orange-soft); }
.vehicle-icon svg { width:16px; }

.billing-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-bottom:16px; }
.billing-card { display:flex; align-items:center; gap:14px; padding:17px; background:#fff; border:1px solid #e3e5e8; border-radius:14px; }
.billing-card .metric-icon { flex:0 0 auto; }
.billing-card span { color:#848b94; font-size:10px; }
.billing-card strong { display:block; margin-top:4px; font:800 20px Manrope; }
.table-wrap { overflow:auto; }
.data-table { width:100%; border-collapse:collapse; min-width:760px; }
.data-table th { height:43px; padding:0 15px; color:#858c95; background:#fafafb; border-bottom:1px solid #e7e9eb; text-align:left; font:700 9px Manrope; text-transform:uppercase; letter-spacing:.07em; }
.data-table td { height:62px; padding:0 15px; border-bottom:1px solid #eef0f2; font-size:11px; }
.data-table tr:last-child td { border-bottom:0; }
.data-table tbody tr:hover { background:#fcfcfd; }
.table-id { color:var(--orange); font-weight:800; }
.bill-pill { padding:7px 9px; }
.bill-draft { color:#666f79; background:#edf0f2; }
.bill-sent { color:#3c68af; background:#e5efff; }
.bill-paid { color:#147456; background:#ddf5eb; }
.bill-overdue { color:#ae3e3e; background:#fde7e7; }
.action-menu { display:flex; gap:5px; }
.tiny-btn { border:1px solid #dfe2e6; border-radius:8px; padding:6px 8px; color:#555f69; background:#fff; font-size:10px; font-weight:700; }
.tiny-btn:hover { border-color:#c3c8ce; color:var(--ink); }

.empty { padding:45px 20px; text-align:center; color:#939aa3; }
.empty-icon { width:46px; height:46px; margin:0 auto 12px; border-radius:13px; display:grid; place-items:center; color:#89919a; background:#eff1f3; }
.empty-icon svg { width:22px; }
.empty strong { display:block; color:#565f69; }
.empty p { margin:6px auto 0; max-width:290px; font-size:11px; line-height:1.5; }

.modal-backdrop { position:fixed; inset:0; z-index:80; display:flex; align-items:center; justify-content:center; padding:22px; background:rgba(5,8,12,.66); backdrop-filter:blur(5px); animation:fadeIn .15s ease; }
@keyframes fadeIn { from {opacity:0} to {opacity:1} }
.modal { width:min(720px,100%); max-height:calc(100vh - 44px); overflow:auto; background:#fff; border-radius:18px; box-shadow:0 28px 90px rgba(0,0,0,.27); animation:pop .2s ease; }
.modal.wide { width:min(860px,100%); }
@keyframes pop { from {opacity:0; transform:translateY(8px) scale(.99)} to {opacity:1; transform:none} }
.modal-head { position:sticky; top:0; z-index:2; display:flex; align-items:center; gap:12px; padding:18px 21px; border-bottom:1px solid #e9ebed; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); }
.modal-head h2 { margin:0; font:800 17px Manrope; }
.modal-head p { margin:3px 0 0; color:#8b929b; font-size:10px; }
.modal-close { margin-left:auto; width:34px; height:34px; border:0; border-radius:9px; display:grid; place-items:center; color:#6d7580; background:#f1f2f4; }
.modal-body { padding:20px 21px; }
.modal-foot { position:sticky; bottom:0; display:flex; align-items:center; justify-content:flex-end; gap:9px; padding:14px 21px; border-top:1px solid #e9ebed; background:rgba(255,255,255,.96); backdrop-filter:blur(10px); }
.form-section { margin-bottom:19px; }
.form-section:last-child { margin-bottom:0; }
.form-section-title { display:flex; align-items:center; gap:8px; margin-bottom:11px; color:#333a43; font:800 11px Manrope; text-transform:uppercase; letter-spacing:.05em; }
.form-section-title span { width:23px; height:23px; border-radius:7px; display:grid; place-items:center; color:var(--orange); background:var(--orange-soft); font-size:10px; }
.field-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.field-grid.three { grid-template-columns:repeat(3,1fr); }
.field { display:grid; gap:6px; }
.field.full { grid-column:1 / -1; }
.field label { color:#656e78; font-size:10px; font-weight:700; }
.field input, .field select { height:40px; padding:0 11px; }
.field textarea { min-height:78px; resize:vertical; padding:10px 11px; }
.required { color:var(--orange); }
.form-note { margin-top:9px; color:#9299a2; font-size:10px; }
.segmented { display:flex; padding:3px; border-radius:10px; background:#eff1f3; }
.segmented button { flex:1; height:34px; border:0; border-radius:8px; color:#737b85; background:transparent; font-size:10px; font-weight:700; }
.segmented button.active { color:var(--ink); background:#fff; box-shadow:0 2px 7px rgba(20,27,37,.09); }

.detail-top { display:flex; gap:13px; align-items:flex-start; }
.detail-top .job-type-icon { width:44px; height:44px; flex:0 0 auto; }
.detail-top h2 { margin:0; font:800 17px Manrope; }
.detail-top p { margin:4px 0 0; color:#818994; font-size:11px; }
.detail-chips { display:flex; gap:7px; margin-top:9px; flex-wrap:wrap; }
.detail-actions { display:flex; gap:8px; margin-left:auto; }
.detail-grid { display:grid; grid-template-columns:1.15fr .85fr; gap:16px; margin-top:18px; }
.detail-box { border:1px solid #e5e7ea; border-radius:12px; overflow:hidden; }
.detail-box-head { padding:11px 13px; background:#f8f9fa; border-bottom:1px solid #e8eaed; font:800 10px Manrope; text-transform:uppercase; letter-spacing:.05em; }
.detail-box-body { padding:13px; }
.detail-fact { display:grid; grid-template-columns:95px 1fr; gap:10px; padding:6px 0; font-size:11px; }
.detail-fact span { color:#8c939c; }
.detail-fact strong { overflow-wrap:anywhere; }
.status-flow { display:grid; grid-template-columns:repeat(5,1fr); gap:4px; margin:17px 0 4px; }
.flow-step { min-width:0; border:0; padding:9px 3px; border-radius:8px; color:#8b929a; background:#f0f2f4; font-size:9px; font-weight:700; }
.flow-step.done { color:#fff; background:#2a3038; }
.flow-step.current { color:#fff; background:var(--orange); }
.flow-step:hover { filter:brightness(.97); }
.note-list { display:grid; gap:8px; margin-bottom:10px; }
.note { padding:9px 10px; border-radius:9px; background:#f6f7f8; }
.note p { margin:0; font-size:10px; line-height:1.5; }
.note span { display:block; color:#9da3aa; font-size:9px; margin-top:4px; }
.note-entry { display:flex; gap:7px; }
.note-entry input { flex:1; height:36px; border:1px solid #dfe2e6; border-radius:9px; padding:0 10px; outline:none; }
.note-entry button { width:36px; border:0; border-radius:9px; color:#fff; background:var(--ink); }

.toast { min-width:280px; max-width:390px; padding:13px 15px; border-radius:12px; display:flex; align-items:center; gap:10px; color:#fff; background:#15191e; box-shadow:0 18px 45px rgba(0,0,0,.23); animation:toastIn .25s ease; }
#toast-root { position:fixed; right:22px; bottom:22px; z-index:120; display:grid; gap:9px; }
.toast-icon { width:25px; height:25px; border-radius:8px; display:grid; place-items:center; color:#fff; background:var(--green); }
.toast strong { display:block; font-size:11px; }
.toast span { display:block; color:#a9b0b8; font-size:9px; margin-top:2px; }
@keyframes toastIn { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:none; } }

@media (max-width:1180px) {
  .metrics { grid-template-columns:repeat(2,1fr); }
  .dashboard-grid { grid-template-columns:1fr; }
  .stack { grid-template-columns:1fr 1fr; }
  .date-chip { display:none; }
  .top-search { width:240px; }
}
@media (max-width:820px) {
  .app-shell { display:block; }
  .sidebar { transform:translateX(-100%); transition:.22s; }
  .sidebar.open { transform:none; box-shadow:20px 0 60px rgba(0,0,0,.25); }
  .main { margin-left:0; }
  .mobile-menu { display:grid; flex:0 0 auto; }
  .topbar { height:68px; padding:0 16px; }
  .top-search, .date-chip, .topbar>.icon-btn { display:none; }
  .page-heading { min-width:0; }
  .page-heading h1 { font-size:17px; }
  .topbar .primary-btn span { display:none; }
  .topbar .primary-btn { width:40px; padding:0; margin-left:auto; }
  .content { padding:18px 15px 32px; }
  .welcome-row { align-items:flex-start; }
  .welcome-row h2 { font-size:20px; }
  .mode-chip { display:none; }
  .active-row { grid-template-columns:42px minmax(120px,1fr) 88px 28px; }
  .active-row>div:nth-child(3), .active-row>div:nth-child(5) { display:none; }
  .data-grid { grid-template-columns:1fr; }
  .record-list { min-height:auto; max-height:300px; overflow:auto; }
  .detail-grid { grid-template-columns:1fr; }
}
@media (max-width:560px) {
  .metrics, .billing-summary, .stack, .info-cards { grid-template-columns:1fr; }
  .metric { min-height:110px; }
  .toolbar { flex-wrap:wrap; }
  .toolbar-search { width:100%; }
  .toolbar-count { margin-left:0; }
  .field-grid, .field-grid.three { grid-template-columns:1fr; }
  .modal-backdrop { padding:0; align-items:flex-end; }
  .modal { max-height:94vh; border-radius:18px 18px 0 0; }
  .detail-top { flex-wrap:wrap; }
  .detail-actions { width:100%; margin-left:0; }
  .detail-actions button { flex:1; }
  .status-flow { overflow:auto; grid-template-columns:repeat(5,94px); }
  .vehicle-row { grid-template-columns:36px 1fr auto; }
  .vehicle-row>div:nth-child(3) { display:none; }
  .history-row { grid-template-columns:62px 1fr 70px; }
  .history-row>div:nth-child(3) { display:none; }
}

/* VRR INDUSTRIAL COMMAND THEME */
:root {
  --ink: #090b0e;
  --ink-2: #101318;
  --ink-3: #171b21;
  --orange: #ff5a00;
  --orange-2: #ff7a18;
  --paper: #e8eaed;
  --muted: #616975;
  --line: #d5d8dc;
  --radius: 7px;
  --shadow: 0 12px 30px rgba(4, 7, 10, .12);
}

body {
  font-family: "IBM Plex Sans", system-ui, sans-serif;
  background: #0a0c0f;
}

.app-shell { display: block !important; width: 100%; }

.sidebar {
  width: 252px;
  padding: 0 14px 16px;
  background:
    linear-gradient(135deg, transparent 0 92%, rgba(255,90,0,.13) 92% 94%, transparent 94%) 0 0/28px 28px,
    linear-gradient(180deg, #111419 0%, #080a0d 100%);
  border-right: 1px solid #292d33;
}

.brand {
  height: 88px;
  margin: 0 -14px 20px;
  padding: 0 18px;
  gap: 11px;
  background: #0a0c0f;
  border-bottom: 1px solid #272b31;
  position: relative;
}

.brand::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 84px;
  height: 3px;
  background: var(--orange);
}

.brand-mark {
  width: 54px;
  height: 48px;
  flex-basis: 54px;
  border-radius: 0;
  transform: skew(-8deg);
  clip-path: polygon(8% 0,100% 0,90% 100%,0 100%);
  display: flex;
  gap: 1px;
  align-items: center;
  justify-content: center;
  box-shadow: 7px 0 0 rgba(255,255,255,.12);
  font-family: "Barlow Condensed", sans-serif;
  font-size: 22px;
  letter-spacing: -1px;
}

.brand-mark b { font-weight: 900; font-size: 30px; }
.brand-mark i { font-style: normal; font-weight: 800; }
.brand-text strong { font: 900 16px/.92 "Barlow Condensed", sans-serif; letter-spacing: .03em; }
.brand-text span { color: #858d97; font: 600 9px "IBM Plex Sans", sans-serif; letter-spacing: .12em; }
.nav-label { color: #5c646e; font: 700 9px "IBM Plex Sans", sans-serif; letter-spacing: .16em; padding-left: 11px; }
.nav { gap: 2px; }
.nav-btn {
  height: 43px;
  border-radius: 3px;
  color: #959da7;
  font-size: 12px;
  letter-spacing: .01em;
}
.nav-btn:hover { background: #171b20; }
.nav-btn.active {
  color: #fff;
  background: linear-gradient(90deg, rgba(255,90,0,.23), rgba(255,90,0,.04));
}
.nav-btn.active::before { left: -14px; height: 43px; width: 4px; border-radius: 0; }
.nav-badge { border-radius: 2px; background: var(--orange); font: 800 10px "Barlow Condensed"; }
.ops-card { border-radius: 3px; border-color: #2a2f36; background: #0d1014; }
.ops-head { font: 700 11px "IBM Plex Sans"; letter-spacing: .05em; }
.live-dot { border-radius: 2px; }
.user-card { border-top-color: #282c31; }
.avatar { border-radius: 2px; color: #fff; background: var(--orange); font-family: "Barlow Condensed"; font-size: 15px; }

.main { margin-left: 252px; width: calc(100vw - 252px); max-width: none; background: var(--paper); min-height: 100vh; }
.topbar {
  height: 74px;
  padding: 0 26px;
  color: #fff;
  background: rgba(10,12,15,.97);
  border-bottom: 3px solid var(--orange);
  box-shadow: 0 5px 18px rgba(0,0,0,.15);
}
.eyebrow { color: #8a929c; font: 700 9px "IBM Plex Sans"; letter-spacing: .17em; }
.page-heading h1 { color: #fff; font: 800 22px "Barlow Condensed", sans-serif; letter-spacing: .045em; }
.top-search { width: min(390px,30vw); }
.top-search input {
  height: 39px;
  color: #fff;
  background: #15191e;
  border-color: #30353c;
  border-radius: 3px;
}
.top-search input::placeholder { color: #737b86; }
.top-search input:focus { border-color: var(--orange); box-shadow: 0 0 0 1px var(--orange); }
.shortcut { top: 10px; color: #777f89; background: #0d1013; border-color: #343941; border-radius: 2px; }
.date-chip { color: #a2a9b2; font-size: 11px; text-transform: uppercase; }
.icon-btn { color: #aeb5bd; background: #15191e; border-color: #343941; border-radius: 3px; }
.icon-btn:hover { color: #fff; border-color: var(--orange); }
.primary-btn, .secondary-btn, .ghost-btn, .danger-btn { border-radius: 3px; font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.primary-btn { position: relative; background: linear-gradient(135deg, #ff7517 0%, #ff5600 70%); box-shadow: 5px 5px 0 rgba(133,45,0,.16); }
.secondary-btn { border-color: #ccd0d5; }

.content {
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 22px 25px 44px;
  background-image:
    linear-gradient(rgba(20,25,31,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,25,31,.025) 1px, transparent 1px);
  background-size: 22px 22px;
}

.command-hero {
  min-height: 118px;
  margin: 0 0 12px;
  padding: 21px 24px;
  color: #fff;
  align-items: center;
  overflow: hidden;
  position: relative;
  background:
    linear-gradient(115deg, rgba(255,90,0,.1), transparent 44%),
    linear-gradient(90deg, #15191e, #090b0e);
  border: 1px solid #242930;
  border-left: 5px solid var(--orange);
  box-shadow: var(--shadow);
}
.command-hero::after {
  content: "VRR";
  position: absolute;
  right: 18px;
  top: -26px;
  color: rgba(255,255,255,.025);
  font: 900 128px "Barlow Condensed";
  font-style: italic;
  letter-spacing: -.05em;
}
.command-hero>div, .command-hero>button { position: relative; z-index: 1; }
.command-hero.compact { min-height: 105px; }
.command-tag { display: inline-flex; align-items: center; gap: 8px; color: var(--orange-2); font: 700 9px "IBM Plex Sans"; letter-spacing: .18em; }
.command-tag i { width: 7px; height: 7px; background: #32d68a; box-shadow: 0 0 10px rgba(50,214,138,.7); }
.welcome-row h2 { margin-top: 7px; color: #fff; font: 900 29px/.95 "Barlow Condensed"; letter-spacing: .025em; }
.welcome-row p { color: #8f97a2; font-size: 10px; letter-spacing: .04em; }
.mode-chip { border-radius: 2px; color: #c3c8cf; background: #0e1115; border-color: #343940; font: 700 9px "IBM Plex Sans"; letter-spacing: .1em; }

.ops-strip {
  min-height: 54px;
  margin-bottom: 12px;
  display: grid;
  grid-template-columns: 1.45fr 1fr 1fr .9fr;
  background: #fff;
  border: 1px solid #cfd3d7;
  box-shadow: 0 3px 10px rgba(8,12,18,.06);
}
.ops-strip>div { padding: 9px 14px; border-right: 1px solid #dde0e3; }
.ops-strip>div:last-child { border-right: 0; }
.ops-strip span { display: block; color: #8b929b; font: 700 8px "IBM Plex Sans"; letter-spacing: .13em; }
.ops-strip strong { display: block; margin-top: 5px; color: #20252b; font: 800 13px "Barlow Condensed"; letter-spacing: .035em; }
.ops-strip .system-good { background: #0e1216; }
.ops-strip .system-good strong { color: #fff; }
.ops-strip .system-good strong i { display: inline-block; width: 6px; height: 6px; margin-right: 6px; background: #32d68a; }

.metrics { gap: 10px; margin-bottom: 12px; }
.metric {
  min-height: 112px;
  padding: 15px 16px 13px;
  border-color: #cfd3d7;
  border-radius: 3px;
  box-shadow: 0 3px 10px rgba(8,12,18,.055);
}
.metric::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background: var(--accent, var(--orange)); }
.metric::after { width: 56px; height: 56px; right: -23px; top: -24px; border-radius: 0; transform: rotate(45deg); }
.metric-label { color: #6b737d; font-size: 9px; letter-spacing: .11em; text-transform: uppercase; }
.metric-icon { width: 28px; height: 28px; border-radius: 2px; }
.metric-value { margin-top: 9px; font: 900 30px "Barlow Condensed"; letter-spacing: -.01em; }
.metric-foot { color: #868e97; font-size: 9px; }

.dashboard-grid { gap: 12px; }
.stack { gap: 12px; }
.panel { border-color: #cfd3d7; border-radius: 3px; box-shadow: 0 4px 12px rgba(8,12,18,.06); }
.panel-head { min-height: 55px; padding: 12px 15px; border-bottom: 2px solid #1b1f24; }
.panel-title h3 { font: 800 16px "Barlow Condensed"; text-transform: uppercase; letter-spacing: .05em; }
.panel-title p { margin-top: 2px; font-size: 9px; }
.text-link { font-size: 9px; letter-spacing: .06em; text-transform: uppercase; }
.active-row { min-height: 62px; border-radius: 0; }
.active-row:hover { background: #f1f2f4; box-shadow: inset 3px 0 var(--orange); }
.job-type-icon { border-radius: 2px; }
.mini-avatar { border-radius: 2px; background: #1b2026; }
.status-pill, .type-pill, .bill-pill, .priority-pill { border-radius: 2px; letter-spacing: .035em; text-transform: uppercase; }
.donut { border-radius: 50%; }
.activity-dot, .legend-dot { border-radius: 1px; }

.toolbar { padding: 9px; margin-bottom: 10px; background: #d8dbdf; border: 1px solid #c7cbd0; }
.toolbar-search input, .filter-select { border-radius: 2px; }
.toolbar-count { padding-right: 5px; font: 700 9px "IBM Plex Sans"; letter-spacing: .08em; text-transform: uppercase; }
.dispatch-board { gap: 7px; padding: 0 0 8px; }
.board-column {
  min-width: 218px;
  min-height: 540px;
  padding: 0 7px 7px;
  border: 1px solid #c8ccd1;
  border-radius: 3px;
  background: #dfe2e5;
}
.board-head {
  height: 42px;
  margin: 0 -7px 7px;
  padding: 0 10px;
  color: #fff;
  background: #171b20;
  border-bottom: 3px solid #4b525b;
}
.board-head h3 { font: 800 12px "Barlow Condensed"; letter-spacing: .07em; }
.board-count { border-radius: 2px; color: #fff; background: #323840; }
.board-column[data-status="New"] .board-head { border-bottom-color: var(--orange); }
.board-column[data-status="Assigned"] .board-head { border-bottom-color: #637bd2; }
.board-column[data-status="En Route"] .board-head { border-bottom-color: #3293df; }
.board-column[data-status="On Scene"] .board-head { border-bottom-color: #8b65dc; }
.board-column[data-status="Completed"] .board-head { border-bottom-color: #24a778; }
.job-card {
  padding: 11px;
  border: 1px solid #cdd1d5;
  border-radius: 2px;
  box-shadow: 2px 3px 0 rgba(23,28,34,.07);
}
.job-card:hover { border-color: var(--orange); transform: translateY(-1px); box-shadow: 3px 5px 0 rgba(23,28,34,.1); }
.job-card.urgent { border-left: 4px solid var(--red); }
.job-card h4 { margin-top: 9px; font: 800 14px "Barlow Condensed"; letter-spacing: .02em; }
.job-issue { font-size: 10px; }
.job-meta { margin-top: 9px; padding-top: 8px; }
.job-card-foot { margin-top: 9px; }
.type-pill { border-radius: 1px; }

.data-grid { gap: 10px; }
.record-list, .record-detail { border-color: #cbd0d5; border-radius: 3px; box-shadow: 0 4px 12px rgba(8,12,18,.06); }
.record-item { border-radius: 1px; }
.record-avatar { border-radius: 2px; background: #15191e; font-family: "Barlow Condensed"; }
.detail-hero { border-bottom: 4px solid var(--orange); background: linear-gradient(115deg,#1b2026,#080a0d); }
.detail-avatar { border-radius: 2px; font-family: "Barlow Condensed"; }
.detail-hero h2 { font: 900 22px "Barlow Condensed"; letter-spacing: .03em; }
.info-card { border-radius: 2px; }
.billing-summary { gap: 9px; }
.billing-card { border-color: #cbd0d5; border-radius: 3px; box-shadow: 0 3px 10px rgba(8,12,18,.05); }
.billing-card strong { font: 900 24px "Barlow Condensed"; }
.data-table th { color: #d1d5da; background: #171b20; border-bottom: 3px solid var(--orange); font-size: 8px; }
.data-table tbody tr:hover { background: #f0f2f4; }
.tiny-btn { border-radius: 2px; text-transform: uppercase; letter-spacing: .03em; }

.modal { border-radius: 3px; border-top: 5px solid var(--orange); }
.modal-head { background: #111419; border-bottom: 1px solid #30353b; color: #fff; }
.modal-head h2 { font: 900 20px "Barlow Condensed"; letter-spacing: .04em; text-transform: uppercase; }
.modal-head p { color: #8e96a0; }
.modal-close { border-radius: 2px; color: #fff; background: #282d33; }
.form-section-title { font: 800 12px "Barlow Condensed"; letter-spacing: .08em; }
.form-section-title span { border-radius: 1px; }
.field input, .field select, .field textarea { border-radius: 2px; }
.detail-box { border-radius: 2px; }
.detail-box-head { color: #fff; background: #1b1f24; font: 800 11px "Barlow Condensed"; letter-spacing: .07em; }
.flow-step { border-radius: 2px; }
.note { border-radius: 2px; border-left: 2px solid var(--orange); }
.toast { border-radius: 2px; border-left: 4px solid var(--orange); }
.staff-loading { padding:28px; color:#747c86; font-size:11px; }
.staff-list { padding:0 14px; }
.staff-row { min-height:68px; display:grid; grid-template-columns:40px minmax(180px,1fr) 150px 80px 76px; gap:12px; align-items:center; border-bottom:1px solid #e4e6e9; }
.staff-row:last-child { border-bottom:0; }
.staff-row em { margin-left:6px; padding:3px 5px; color:#fff; background:var(--orange); font-size:7px; font-style:normal; letter-spacing:.06em; }
.staff-role { height:34px; width:100%; border:1px solid #d7dadd; border-radius:2px; padding:0 8px; background:#fff; text-transform:capitalize; font-size:10px; }
.staff-state { width:max-content; padding:6px 8px; font-size:8px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.staff-state.active { color:#137153; background:#e0f4ec; }
.staff-state.disabled { color:#a23a3a; background:#fae6e6; }

@media (max-width:1180px) {
  .ops-strip { grid-template-columns: 1fr 1fr; }
  .ops-strip>div:nth-child(2) { border-right: 0; }
  .ops-strip>div:nth-child(-n+2) { border-bottom: 1px solid #dde0e3; }
}
@media (max-width:820px) {
  .main { margin-left: 0; width: 100vw; }
  .sidebar { width: 252px; }
  .command-hero { min-height: 102px; padding: 17px; }
  .command-hero::after { font-size: 96px; }
  .welcome-row h2 { font-size: 24px; }
  .staff-row { grid-template-columns:40px 1fr 80px; }
  .staff-row>div:nth-child(3), .staff-state { display:none; }
}
@media (max-width:560px) {
  .ops-strip { grid-template-columns: 1fr; }
  .ops-strip>div { border-right: 0; border-bottom: 1px solid #dde0e3; }
  .ops-strip>div:last-child { border-bottom: 0; }
  .modal { border-radius: 4px 4px 0 0; }
}

.brand-mark { width: 54px; height: 54px; flex: 0 0 54px; object-fit: contain; background: none; border-radius: 0; transform: none; clip-path: none; box-shadow: none; }
.module-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0; }
.module-stat { padding:18px;background:#fff;border:1px solid #e3e6eb;border-radius:12px; }
.module-stat span { display:block;color:#65707e;font-size:13px;margin-bottom:8px; }
.module-stat strong { font:800 26px/1.1 Manrope,sans-serif;color:#171b21; }
.module-panel { margin-top:18px; }
.module-list { padding:4px 18px 18px; }
.module-row { width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid #edf0f3;background:transparent;padding:16px 4px;text-align:left;color:#333;cursor:pointer;font-size:14px; }
.module-row strong { flex:1;color:#20242a; } .module-row span { flex:1; } .module-row:last-child { border-bottom:0; }
@media(max-width:900px){.module-grid{grid-template-columns:repeat(2,1fr)}.module-row{flex-wrap:wrap}}
@media(max-width:600px){.module-grid{grid-template-columns:1fr 1fr}.module-row{display:block}.module-row span{display:block;margin-top:6px}}
.request-row{display:flex;justify-content:space-between;gap:20px;padding:20px;border-bottom:1px solid #e3e5e8}.request-row strong,.request-row span{display:block}.request-row span{color:#555;margin:6px 0}.request-row p{margin:8px 0;white-space:pre-wrap}.request-row>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:700px){.request-row{flex-direction:column}}
/* Dispatch command center */
.command-dashboard{color:#e9edf1;font-size:15px}.command-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:-25px -28px 20px;padding:31px 30px 27px;background:linear-gradient(110deg,#13191f 0%,#0b0e12 68%,#1a120b 100%);border-bottom:3px solid #f56b10}.command-overline,.command-panel-head span,.command-money>span{display:block;color:#ff8c32;font:700 12px/1.4 "IBM Plex Sans",sans-serif;letter-spacing:.1em}.command-intro h2{font:800 clamp(26px,2.5vw,39px)/1 "Barlow Condensed",Manrope,sans-serif;letter-spacing:.025em;margin:10px 0 8px}.command-intro p{margin:0;color:#a6afb7;font-size:14px}.command-intro-actions{display:flex;gap:10px;flex-wrap:wrap}.command-main-action,.command-secondary{border:1px solid #f56b10;border-radius:6px;background:#f56b10;color:#101010;display:inline-flex;align-items:center;gap:9px;padding:12px 16px;font-weight:800;font-size:14px;min-height:44px}.command-secondary{color:#fff;background:#232a31;border-color:#414850}.command-main-action svg,.command-secondary svg{width:18px;height:18px}.command-secondary b{border-radius:5px;background:#f56b10;color:#141414;padding:1px 6px}.command-main-action:hover{background:#ff8732}.command-secondary:hover{background:#343c44}.command-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,330px);gap:18px;align-items:start}.command-primary,.command-side{display:grid;gap:18px;min-width:0}.command-status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.command-stat{position:relative;text-align:left;min-height:136px;padding:18px 16px;background:#171d23;border:1px solid #303841;border-top:3px solid #f56b10;border-radius:7px;color:#fff}.command-stat:nth-child(2){border-top-color:#ffb653}.command-stat:nth-child(3){border-top-color:#558fc5}.command-stat:nth-child(4){border-top-color:#87aa95}.command-stat:hover{background:#222a32;border-color:#62707d}.command-stat span{display:block;color:#a9b3bd;font-size:12px;font-weight:800;letter-spacing:.04em}.command-stat strong{display:block;font:800 39px/1 "Barlow Condensed",Manrope,sans-serif;margin:12px 0 8px}.command-stat small{display:block;color:#a5aeb7;font-size:12px;line-height:1.35}.command-stat i{position:absolute;right:12px;top:15px;color:#6b7580}.command-stat i svg{width:15px}.command-panel{border-radius:7px;background:#fff;color:#151a1f;border:1px solid #d8dde2;overflow:hidden;box-shadow:0 4px 15px rgba(15,24,32,.04)}.command-panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#141a20;padding:16px 18px;color:#fff}.command-panel-head h3{margin:3px 0 0;font:800 20px "Barlow Condensed",Manrope,sans-serif;letter-spacing:.02em}.command-panel-head button{display:flex;align-items:center;gap:3px;color:#fff;background:none;border:0;font-weight:700;font-size:13px}.command-panel-head button:hover{color:#ff8c32}.command-panel-head button svg{width:15px}.command-call{width:100%;display:grid;grid-template-columns:4px 90px minmax(0,1fr) 92px 95px 16px;align-items:center;gap:13px;text-align:left;border:0;border-bottom:1px solid #e5e8eb;background:#fff;color:#172029;padding:13px 15px;min-height:76px}.command-call:last-child{border-bottom:0}.command-call:hover{background:#fff7f0}.command-call-bar{height:43px;background:#f56b10;border-radius:3px}.command-call-bar.status-en-route{background:#4788bd}.command-call-bar.status-on-scene{background:#8065bb}.command-call-bar.status-assigned{background:#eab251}.command-call-id{font-weight:800;font-size:14px}.command-call-id small,.command-call-main small{display:block;color:#68727c;font-size:12px;font-weight:500;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.command-call-main{min-width:0}.command-call-main strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.command-call-status,.command-call-tech{font-size:12px;font-weight:700}.command-call-status{color:#df650b}.command-call>svg{width:16px;color:#89939d}.command-empty{text-align:center;padding:52px 18px 55px}.command-empty-icon{display:inline-grid;place-items:center;width:62px;height:62px;border-radius:14px;background:#fff1e7;color:#ed6b10}.command-empty-icon svg{width:30px}.command-empty h4{font:800 21px Manrope,sans-serif;margin:17px 0 5px}.command-empty p{color:#69737c;margin:0 0 22px}.command-inline-empty{padding:24px 18px;color:#66717c;font-size:14px}.command-inline-empty button{border:0;background:none;color:#bf5709;font-weight:800}.command-request{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 18px;border-bottom:1px solid #e8eaec}.command-request:last-child{border:0}.command-request strong,.command-request small{display:block}.command-request small{color:#6e7780;margin-top:4px}.command-request button{border:1px solid #d2d7dc;background:#fff;border-radius:5px;padding:8px 12px;font-weight:800}.command-next>button{display:flex;align-items:center;gap:11px;width:100%;padding:17px 15px;background:#fff;border:0;border-bottom:1px solid #e7eaed;text-align:left;color:#17202a}.command-next>button:hover{background:#fff5ed}.command-next>button:last-child{border-bottom:0}.command-next>button>span:nth-child(2){flex:1}.command-next strong,.command-next small{display:block}.command-next strong{font-size:14px}.command-next small{color:#75808b;font-size:12px;margin-top:3px}.command-next button>svg{width:15px;color:#89939d}.priority-icon{width:34px;height:34px;background:#f2f4f6;border-radius:7px;display:grid;place-items:center;color:#e56a14}.priority-icon svg{width:18px}.command-money{padding:21px;background:#fff}.command-money strong{display:block;font:800 34px Manrope,sans-serif;letter-spacing:-.05em;margin:9px 0 3px}.command-money p{color:#69737d;margin:0 0 16px;font-size:13px}.command-money button{border:0;border-top:1px solid #e4e7ea;padding:13px 0 0;width:100%;display:flex;justify-content:space-between;background:none;color:#c45c0e;font-weight:800;text-align:left}.command-money button svg{width:16px}.command-activity .activity-list{padding:12px 17px}.command-activity .activity strong{font-size:13px}.command-activity .activity span{font-size:12px}.command-phone{display:flex;align-items:center;gap:9px;text-decoration:none;background:#242c34;color:#fff;border-radius:7px;padding:15px;font-size:13px}.command-phone svg{width:18px;color:#ff8c32}.command-phone strong{margin-left:auto;font-size:15px}.command-phone:hover{background:#333c44}@media(max-width:1280px){.command-layout{grid-template-columns:1fr}.command-side{grid-template-columns:repeat(2,minmax(0,1fr))}.command-phone{grid-column:1/-1}}@media(max-width:850px){.command-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-call{grid-template-columns:4px 77px minmax(0,1fr) 17px}.command-call-status,.command-call-tech{display:none}.command-side{grid-template-columns:1fr}}@media(max-width:600px){.command-intro{margin:-18px -16px 17px;padding:24px 16px;display:block}.command-intro-actions{margin-top:18px}.command-intro-actions button{flex:1}.command-stat{min-height:122px;padding:13px}.command-stat strong{font-size:32px}.command-stat span,.command-stat small{font-size:11px}.command-call{grid-template-columns:4px 1fr 17px;gap:9px}.command-call-id{display:none}.command-phone{flex-wrap:wrap}}
.modal-foot .danger-btn{background:#a82929;color:#fff;border:1px solid #8b2020;box-shadow:none}.modal-foot .danger-btn:hover{background:#871c1c}.delete-warning{padding:13px 15px;background:#fff1e9;border-left:4px solid #d66323;color:#823e13;font-weight:700}
/* VRR Command Center — control room layout */
.app-shell{background:#080d11}.main{background:#0c1116;min-height:100vh}.topbar{background:#101820;border-bottom:1px solid #2b343d}.page-heading h1{color:#f0f3f5}.eyebrow{color:#ff861e}.top-search input{background:#1c262f;border-color:#36424d;color:#f6f7f8}.top-search input::placeholder{color:#87949e}.top-search svg{color:#a4b1ba}.shortcut{background:#27323c;color:#aeb8c0;border-color:#47515a}.date-chip{color:#b3bdc5}.topbar .icon-btn{background:#1c262f;border-color:#36424d;color:#e9edf1}.topbar .primary-btn{color:#111;background:#ff8318;box-shadow:none}.content{max-width:none;padding:25px 30px 50px}.command-dashboard{color:#f3f4f5}.command-intro{margin:-25px -30px 16px;padding:30px 32px 32px;background:radial-gradient(circle at 79% 50%,rgba(255,117,19,.14),transparent 32%),repeating-linear-gradient(90deg,transparent 0,transparent 79px,rgba(255,255,255,.025) 80px),linear-gradient(120deg,#151e26,#0b1015);border-bottom:1px solid #384550;position:relative}.command-intro:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:#ff7b13}.command-overline{color:#ff922e;font-size:12px}.command-intro h2{font-size:clamp(31px,3.4vw,52px);letter-spacing:.04em;text-shadow:0 2px 20px rgba(0,0,0,.3)}.command-intro p{color:#b7c0c7}.command-main-action{background:#ff8318;border-color:#ff8318}.command-secondary{background:#19232c;border-color:#47535d}.command-layout{grid-template-columns:minmax(0,1fr) minmax(270px,320px);gap:16px}.command-primary,.command-side{gap:16px}.command-status-grid{gap:1px;border:1px solid #34404a;background:#34404a;border-radius:7px;overflow:hidden}.command-stat,.command-stat:nth-child(n){min-height:148px;background:#151e26;border:0;border-top:3px solid transparent;border-radius:0;padding:18px 20px;transition:background .2s}.command-stat:nth-child(1){border-top-color:#ff7b13}.command-stat:nth-child(2){border-top-color:#f6bd57}.command-stat:nth-child(3){border-top-color:#3d9ed7}.command-stat:nth-child(4){border-top-color:#76c7a1}.command-stat:hover{background:#23303a}.command-stat span{color:#bcc7cf}.command-stat strong{font-size:44px;letter-spacing:.02em}.command-stat small{color:#92a2ae}.command-panel{background:#141d25;border-color:#34414c;color:#f2f4f6;box-shadow:0 14px 24px rgba(0,0,0,.11)}.command-panel-head{background:#1d2933;border-bottom:1px solid #3c4b56;min-height:72px}.command-panel-head span{color:#ff8c26}.command-panel-head h3{font-size:23px}.command-call{background:#141d25;border-bottom-color:#35424d;color:#f0f3f5;min-height:82px}.command-call:hover{background:#20303b}.command-call-id{color:#ff9c47}.command-call-id small,.command-call-main small{color:#a1b0bc}.command-call-main strong{font-size:15px}.command-call-status{color:#ff9c47}.command-call-tech{color:#c5cfd6}.command-empty{padding:73px 18px 81px;background:radial-gradient(circle at center,rgba(255,121,18,.055),transparent 58%)}.command-empty-icon{background:#2b281f;color:#ff8318;border:1px solid #66502d}.command-empty h4{color:#f6f7f8}.command-empty p,.command-inline-empty{color:#aab8c2}.command-inline-empty button{color:#ff973c}.command-request{border-bottom-color:#34414c}.command-request small{color:#a5b3bd}.command-request button{background:#293540;border-color:#485763;color:#f4f5f6}.command-next>button{background:#141d25;color:#f1f4f5;border-bottom-color:#34414c}.command-next>button:hover{background:#23323d}.command-next small{color:#9eacb7}.priority-icon{background:#28343e;color:#ff8b28}.command-money{background:linear-gradient(145deg,#242e33,#152025);border-color:#485052}.command-money>span{color:#ff962f}.command-money p{color:#aebcc4}.command-money button{color:#ff9a3f;border-top-color:#45525b}.command-activity .activity strong{color:#e6ebee}.command-activity .activity span{color:#9eabb6}.command-activity .activity-line::before{background:#45505a}.command-phone{background:#ff8318;color:#101214;font-weight:700}.command-phone svg{color:#111}.command-phone:hover{background:#ff9a40}.command-side .command-panel-head{padding:14px 17px}.command-side .command-panel-head h3{font-size:21px}.command-side .command-panel-head span{font-size:11px}
@media(max-width:1280px){.command-layout{grid-template-columns:1fr}.command-side{grid-template-columns:repeat(2,minmax(0,1fr))}.command-phone{grid-column:1/-1}}@media(max-width:850px){.command-status-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.command-side{grid-template-columns:1fr}}@media(max-width:600px){.content{padding:18px 16px 36px}.command-intro{margin:-18px -16px 17px;padding:25px 18px}.command-stat,.command-stat:nth-child(n){padding:15px;min-height:125px}.command-stat strong{font-size:35px}.command-call{grid-template-columns:4px 1fr 16px}}
/* Unified modern workspace */
:root{--orange:#ef741d;--orange-2:#f58a3c;--paper:#f5f7f8;--ink:#17232c;--muted:#66737d;--line:#e2e7eb;--radius:12px;--shadow:0 8px 25px rgba(18,32,42,.045)}
body{font-family:"DM Sans",system-ui,sans-serif;font-size:15px;background:var(--paper)}.app-shell,.main{background:var(--paper)}.app-shell{grid-template-columns:250px 1fr}.sidebar{width:250px;background:#17232c;border-right:0;padding:22px 13px}.brand{border-bottom:1px solid #35424b;padding:4px 9px 23px;margin-bottom:19px}.brand-text strong{font:800 15px/1.1 "DM Sans",sans-serif}.brand-text span{font-size:11px;color:#acb7c0;letter-spacing:0;text-transform:none}.nav-label{color:#9caab4;font-size:12px;padding:8px 12px}.nav{gap:3px}.nav-btn{height:46px;border-radius:9px;color:#c3cdd4;font-size:14px;font-weight:650}.nav-btn.active{background:#34434e;color:#fff}.nav-btn.active::before{left:0;height:22px;border-radius:2px;background:#ff8a35}.nav-btn:hover{background:#2b3943}.nav-badge{font-size:12px;background:#f18430;color:#16212a}.ops-card{background:#24323d;border:1px solid #45535e;border-radius:10px}.ops-card p{font-size:12px;color:#b1bec7}.user-card{border-color:#45535e}.user-copy strong{font-size:13px}.user-copy span{font-size:12px;color:#b2bdc5}.main{margin-left:250px}.topbar{height:74px;background:#fff;border-bottom:1px solid #e2e7ea;backdrop-filter:none;padding:0 27px}.page-heading h1{font:800 19px "DM Sans",sans-serif;color:#17232c;letter-spacing:-.025em}.eyebrow{font-size:11px;letter-spacing:.06em}.top-search input{background:#f7f9fa;border-color:#dbe1e5;border-radius:9px;color:#18252d;font-size:14px}.top-search input::placeholder{color:#7a8791}.top-search svg{color:#79858e}.shortcut{background:#fff;color:#78858d;border-color:#dce2e6}.date-chip{color:#65717b;font-size:13px}.topbar .icon-btn{background:#fff;border-color:#dce2e6;color:#42505a}.topbar .primary-btn,.primary-btn{background:#f27b25;color:#182027;box-shadow:none;border-radius:9px;font-weight:800}.primary-btn:hover{background:#ff9142}.content{max-width:1700px;margin:0 auto;padding:26px 28px 45px;background:none}.command-hero,.command-hero.compact{background:#fff;border:1px solid #e0e5e9;border-radius:12px;box-shadow:none;padding:24px 27px;min-height:105px;overflow:visible}.command-hero:after{display:none}.command-tag{font:800 12px "DM Sans",sans-serif;letter-spacing:.04em;color:#d96b1a}.command-tag i{display:none}.welcome-row h2{color:#1c2a33;font:800 27px/1.15 "DM Sans",sans-serif;letter-spacing:-.04em;margin-top:7px}.welcome-row p{color:#687681;font-size:14px;letter-spacing:0}.toolbar{padding:11px;background:#fff;border:1px solid #e2e7eb;border-radius:10px;gap:12px}.toolbar-search input,.filter-select{border-radius:8px;font-size:14px}.toolbar-count{font:600 13px "DM Sans",sans-serif;letter-spacing:0;text-transform:none}.panel,.record-list,.record-detail,.module-stat,.billing-card{background:#fff;border:1px solid #e0e6ea;border-radius:12px;box-shadow:var(--shadow)}.panel-head{border-bottom:1px solid #e6eaed;padding:16px 19px}.panel-title h3{font:800 17px "DM Sans",sans-serif;letter-spacing:-.02em;text-transform:none}.panel-title p{font-size:13px}.text-link{font-size:13px;letter-spacing:0;text-transform:none}.dispatch-board{gap:12px}.board-column{min-width:218px;background:#edf1f3;border:1px solid #e1e6ea;border-radius:11px;padding:10px;min-height:450px}.board-head{height:37px;margin:0 0 10px;padding:0 5px;background:none;color:#34424c;border:0!important}.board-head h3{font:800 13px "DM Sans",sans-serif;letter-spacing:0;text-transform:none}.board-count{background:#dce3e7;color:#3d4b55;border-radius:6px;font-size:12px}.job-card{border:1px solid #dce3e7;border-radius:10px;padding:15px;box-shadow:0 4px 12px rgba(16,27,36,.04)}.job-card:hover{transform:none;box-shadow:0 8px 20px rgba(16,27,36,.1);border-color:#ed8a41}.job-card h4{font:800 15px "DM Sans",sans-serif;letter-spacing:-.02em}.job-id,.job-issue,.job-meta-row,.eta{font-size:12px}.job-issue{min-height:0}.status-pill,.type-pill,.bill-pill,.priority-pill{border-radius:999px;letter-spacing:0;text-transform:none;font-size:12px}.type-pill{font-size:11px}.record-list,.record-detail{min-height:480px}.record-item{border-radius:9px}.record-item strong,.cell-main{font-size:14px}.record-item span,.cell-sub{font-size:12px}.record-avatar,.detail-avatar,.info-card,.job-type-icon,.mini-avatar{border-radius:9px}.detail-hero{background:#23313c;border:0}.detail-hero h2{font:800 20px "DM Sans",sans-serif}.detail-hero p{font-size:13px}.info-card span{font-size:12px}.info-card strong{font-size:14px}.billing-card strong,.module-stat strong{font:800 23px "DM Sans",sans-serif}.billing-card span,.module-stat span{font-size:13px}.data-table th{background:#f5f7f8;border-bottom:1px solid #e0e5e9;color:#687681;font:800 12px "DM Sans",sans-serif;letter-spacing:0}.data-table td{font-size:13px}.tiny-btn{border-radius:7px;font-size:12px;text-transform:none;letter-spacing:0}.modal{border:0;border-radius:14px;box-shadow:0 25px 90px rgba(13,27,37,.22)}.modal-head{background:#25333d;color:#fff;border:0}.modal-head h2{font:800 21px "DM Sans",sans-serif;letter-spacing:-.02em;text-transform:none}.modal-head p{font-size:13px;color:#c1cbd2}.modal-close{border-radius:8px;background:#384751}.form-section-title{font:800 15px "DM Sans",sans-serif;letter-spacing:0}.form-section-title span{border-radius:8px}.field label,.detail-fact span{font-size:13px}.field input,.field select,.field textarea{border-radius:8px;font-size:15px}.detail-box{border-radius:10px}.detail-box-head{background:#f4f6f7;color:#293842;font:800 14px "DM Sans",sans-serif;letter-spacing:0}.flow-step,.note,.toast{border-radius:8px}.staff-row{font-size:14px}.staff-role{border-radius:7px;font-size:13px}.staff-state{font-size:12px;border-radius:7px;letter-spacing:0;text-transform:none}.module-row{font-size:14px}.request-row span{color:#6b7882}.command-dashboard{color:#18252e}.command-intro{margin:0 0 18px;padding:29px 30px;background:#fff;border:1px solid #e0e6ea;border-radius:13px}.command-intro:before{display:none}.command-overline{color:#db6819;font-size:12px}.command-intro h2{font:800 clamp(27px,3vw,39px) "DM Sans",sans-serif;letter-spacing:-.045em;text-shadow:none;color:#18252e;margin:10px 0 6px}.command-intro p{color:#687681}.command-main-action{background:#f27b25;border-color:#f27b25;border-radius:9px}.command-secondary{background:#fff;border-color:#d4dce1;color:#293842;border-radius:9px}.command-secondary:hover{background:#f5f7f8}.command-layout{gap:17px}.command-primary,.command-side{gap:17px}.command-status-grid{border:0;background:none;gap:12px;overflow:visible}.command-stat,.command-stat:nth-child(n){background:#fff;border:1px solid #e0e6ea;border-radius:11px;min-height:128px;padding:17px;box-shadow:var(--shadow)}.command-stat:nth-child(n):hover{background:#fff9f4;border-color:#eca66c}.command-stat span{color:#687681;font-size:12px}.command-stat strong{font:800 34px "DM Sans",sans-serif;letter-spacing:-.05em;color:#1a2831;margin:13px 0 7px}.command-stat small{color:#66737d}.command-panel{background:#fff;color:#1c2932;border:1px solid #e0e6ea;border-radius:12px;box-shadow:var(--shadow)}.command-panel-head,.command-side .command-panel-head{background:#fff;border-bottom:1px solid #e6eaed;min-height:66px;padding:15px 19px;color:#1b2932}.command-panel-head span,.command-side .command-panel-head span{color:#df6f20;font-size:11px}.command-panel-head h3,.command-side .command-panel-head h3{font:800 18px "DM Sans",sans-serif;letter-spacing:-.02em}.command-panel-head button{color:#d26418}.command-panel-head button:hover{color:#ad4d09}.command-call{background:#fff;border-bottom-color:#e8ecef;color:#1b2932}.command-call:hover{background:#fff8f2}.command-call-id{color:#b95915}.command-call-id small,.command-call-main small,.command-call-tech{color:#6d7a84}.command-call-status{color:#b95915}.command-empty{background:#fff;padding:55px 18px}.command-empty-icon{background:#fff0e5;border:0}.command-empty h4{color:#1d2a33}.command-empty p,.command-inline-empty{color:#697781}.command-request{border-color:#e7ecef}.command-request small{color:#71808a}.command-request button{background:#fff;border-color:#d7dfe4;color:#2b3942}.command-next>button{background:#fff;color:#1c2932;border-color:#e9edef}.command-next>button:hover{background:#fff7f0}.command-next small{color:#77848d}.priority-icon{background:#fff0e5;color:#d86b1c}.command-money{background:#fff;border-color:#e0e6ea}.command-money>span{color:#d96b1a}.command-money p{color:#70808a}.command-money button{border-color:#e4e9ec;color:#c66219}.command-activity .activity strong{color:#27353e}.command-activity .activity span{color:#73808a}.command-activity .activity-line::before{background:#e0e6ea}.command-phone{background:#25343f;color:#fff}.command-phone svg{color:#ff9b53}.command-phone:hover{background:#344751}@media(max-width:820px){.main{margin-left:0;width:100%}.topbar{padding:0 16px}.content{padding:19px 16px}.command-intro{padding:22px 19px;margin:0 0 16px}.sidebar{width:250px}}@media(max-width:600px){.command-stat,.command-stat:nth-child(n){min-height:120px}.command-intro-actions button{flex:1}.toolbar{flex-wrap:wrap}.toolbar-search{width:100%}.filter-select{flex:1}}
.nav-section-label{color:#9baab4;font-size:12px;font-weight:750;padding:18px 12px 6px;border-top:1px solid #35434d;margin-top:10px}.nav-section-label:first-child{border:0;margin-top:0}.nav-btn.active{background:#34434e}.nav-btn.active::before{background:#f4832e}
.sidebar{overflow-y:auto}.sidebar-spacer{min-height:15px}
.customer-danger-zone{margin-top:28px;border-top:1px solid #e5e9ec;padding:20px 0 4px;display:flex;justify-content:space-between;align-items:center;gap:18px}.customer-danger-zone strong{font-size:14px}.customer-danger-zone p{font-size:13px;color:#71808a;margin:4px 0 0}.customer-danger-zone .danger-btn{background:#fff1ef;color:#a6352e;border:1px solid #efc2bd;border-radius:8px}.customer-danger-zone .danger-btn:hover{background:#ffe0dc}@media(max-width:650px){.customer-danger-zone{align-items:flex-start;flex-direction:column}}
/* Driver mobile workspace */
.driver-app{min-height:100vh;background:#f2f5f6;color:#17242d;padding-bottom:82px;font:15px/1.5 "DM Sans",system-ui,sans-serif}.driver-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:11px;padding:13px max(18px,calc((100vw - 750px)/2));min-height:70px;background:#17242d;color:#fff;box-shadow:0 4px 18px rgba(12,24,32,.16)}.driver-header img{width:43px;height:43px;object-fit:contain}.driver-header div{flex:1}.driver-header small,.driver-header strong{display:block}.driver-header small{font-size:10px;letter-spacing:.06em;color:#f8a46b;font-weight:800}.driver-header strong{font-size:16px}.driver-header button{color:#e3e9ed;border:1px solid #56636d;border-radius:8px;background:#2b3943;padding:8px 10px;font-size:12px;font-weight:750}.driver-app main{max-width:750px;margin:auto;padding:22px 18px 30px}.driver-greeting span{font-size:13px;color:#cf681c;font-weight:800}.driver-greeting h1{margin:4px 0 0;font-size:31px;line-height:1.1;letter-spacing:-.04em}.driver-greeting p{margin:6px 0 24px;color:#66757f}.driver-list{display:grid;gap:12px}.driver-card{display:block;text-align:left;width:100%;padding:19px;background:#fff;border:1px solid #dbe2e6;border-radius:14px;box-shadow:0 7px 19px rgba(15,28,38,.04);color:#17242d}.driver-card:active{transform:scale(.99)}.driver-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#c35d15;font-size:13px}.driver-status{background:#fff0e4;color:#b65c1a;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:700}.driver-card h2{font-size:19px;line-height:1.25;margin:14px 0 5px}.driver-card p{margin:0;color:#62727e;font-size:14px}.driver-card-location{display:flex;align-items:center;gap:7px;margin-top:15px;padding-top:13px;border-top:1px solid #e7ecef;color:#4c5d68;font-size:14px}.driver-card-location svg{width:17px;height:17px;flex:none}.driver-card-location span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.driver-empty{text-align:center;padding:56px 20px;background:#fff;border:1px solid #e0e6ea;border-radius:14px}.driver-empty strong{font-size:18px}.driver-empty p{color:#687782}.driver-tabs{position:fixed;z-index:45;bottom:0;left:0;right:0;display:flex;justify-content:center;background:#fff;border-top:1px solid #dce4e8;box-shadow:0 -6px 18px rgba(12,26,35,.06);padding-bottom:env(safe-area-inset-bottom)}.driver-tabs button{display:grid;justify-items:center;gap:3px;min-height:68px;width:min(33.33%,250px);border:0;background:#fff;color:#6d7c86;font-size:12px;font-weight:750;padding:10px}.driver-tabs button.active{color:#d9681b}.driver-tabs svg{width:22px;height:22px}.driver-shift{display:grid;gap:14px}.driver-shift-card,.driver-inspection{padding:19px;border:1px solid #dce4e8;border-radius:13px;background:#fff}.driver-shift-card>span{font-size:12px;color:#d56d20;font-weight:800}.driver-shift-card strong{display:block;font-size:22px;margin:4px 0}.driver-shift-card p,.driver-inspection p{color:#687782;margin:4px 0 16px}.driver-primary,.driver-outline{min-height:43px;border:0;border-radius:8px;background:#f47e29;color:#19242b;padding:0 18px;font-weight:800}.driver-outline{background:#fff;border:1px solid #cfdae0}.driver-shift h2{font-size:18px;margin:10px 0 0}.driver-inspection strong,.driver-inspection small{display:block}.driver-inspection small{color:#74838c;margin-top:3px}.driver-inspection p{margin-bottom:0}.driver-muted{color:#74838c}.driver-detail h3{font-size:21px;margin:0 0 7px}.driver-detail>p{color:#60717b;margin:0 0 18px}.driver-detail-actions{display:flex;gap:9px;flex-wrap:wrap;margin:15px 0}.driver-detail-actions a,.driver-detail-actions button{min-height:42px;display:inline-flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid #cdd9df;border-radius:8px;background:#fff;color:#22333e;text-decoration:none;font-weight:750}.driver-detail-actions svg{width:17px}.driver-detail dl{display:grid;grid-template-columns:110px 1fr;gap:10px;margin:20px 0;padding:16px;background:#f4f7f8;border-radius:10px}.driver-detail dt{color:#687882}.driver-detail dd{margin:0;font-weight:750;overflow-wrap:anywhere}.driver-report-status{padding:14px;background:#fff4e9;border-radius:8px}.driver-note{padding:12px;background:#f4f7f8;border-radius:8px}.driver-note small{display:block;color:#74838c}.driver-app~#modal-root .field{margin:0 0 14px}#driver-report-form .field,#driver-inspection-form .field,#driver-note-form .field{margin-bottom:14px}#driver-report-form .field textarea,#driver-inspection-form .field textarea,#driver-note-form .field textarea{min-height:90px}button:disabled{opacity:.55;cursor:not-allowed}@media(min-width:760px){.driver-app main{padding-top:35px}.driver-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Technical operations console */
.ops-console{--ops-accent:var(--orange);font-family:'IBM Plex Sans',system-ui,sans-serif}.ops-head{display:flex;justify-content:space-between;gap:24px;align-items:center;background:#14232e;color:#fff;padding:26px 28px;border-left:4px solid var(--ops-accent);margin-bottom:18px}.ops-head>div>span{font:11px ui-monospace,monospace;letter-spacing:.1em;color:#b4c3cd}.ops-head h2{font-size:28px;letter-spacing:.045em;margin:10px 0}.ops-head p{font:11px ui-monospace,monospace;color:#b4c3cd}.ops-head>div:last-child{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ops-head .ops-sync{display:block;font-size:11px;color:#9ae3bb}.ops-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.ops-metrics button{background:white;border:1px solid #d8e1e7;border-top:3px solid #b6c5ce;text-align:left;padding:18px 20px;cursor:pointer}.ops-metrics button.selected{border-top-color:var(--ops-accent);background:var(--orange-soft)}.ops-metrics span,.ops-metrics small{display:block;font:11px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em;color:#5b6f7e}.ops-metrics strong{display:block;font:600 36px ui-monospace,monospace;margin:10px 0;color:#173140}.ops-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:18px}.ops-panel{background:#fff;border:1px solid #d8e1e7;min-width:0}.ops-panel-head{padding:15px 18px;border-bottom:1px solid #d8e1e7;background:#f4f7f9;display:flex;align-items:center;justify-content:space-between;gap:12px}.ops-panel-head h3{font:600 11px ui-monospace,monospace;letter-spacing:.08em;margin:0;color:#3f5667}.ops-toolbar{display:flex;gap:10px;align-items:center;padding:15px;border-bottom:1px solid #d8e1e7}.ops-toolbar input{flex:1;min-width:80px}.ops-toolbar span{font:11px ui-monospace,monospace;white-space:nowrap}.ops-toolbar input,.ops-toolbar select,.ops-table select{padding:8px;border:1px solid #cdd8df;border-radius:3px;background:#fff;color:#253d4b;font:12px 'IBM Plex Sans',sans-serif}.ops-table-wrap{overflow:auto}.ops-table{width:100%;border-collapse:collapse;min-width:760px;font-size:12px}.ops-table th{padding:12px;text-align:left;background:#ecf1f5;color:#5b6c78;font:10px ui-monospace,monospace;text-transform:uppercase}.ops-table td{padding:15px 12px;vertical-align:top;border-bottom:1px solid #e5ebef;max-width:220px}.ops-table td small{display:block;color:#6d7e89;font-size:11px;margin:6px 0}.ops-table a{font-size:11px;color:#286888}.ops-table select{max-width:160px;width:100%;margin-top:8px}.ops-table .tiny-btn{display:block;margin:7px 0}.ops-job-link{background:none;border:0;padding:0;color:var(--ops-accent);font:700 13px ui-monospace,monospace;cursor:pointer}.ops-late{background:#fff6ed}.ops-table small.ops-alert{color:#ad4b1c;font-weight:600}.ops-side{display:grid;gap:16px;align-content:start}.ops-roster{padding:13px 16px;border-bottom:1px solid #e6edf1;font-size:12px}.ops-roster span{display:block;font-size:11px;color:#6b7b87;margin-top:5px}.ops-side>.ops-panel>.tiny-btn{margin:12px 16px}.ops-task{display:flex;align-items:center;gap:12px;width:100%;background:white;border:0;border-bottom:1px solid #e6edf1;padding:15px;text-align:left;cursor:pointer}.ops-task:hover{background:#f3f7f9}.ops-task b{font:600 12px ui-monospace,monospace;color:var(--ops-accent)}.ops-task span{font-size:12px;color:#526777}.ops-empty{padding:25px;color:#6b7b87;font-size:12px;line-height:1.6}.ops-side .activity-item{padding:12px 16px}.southwest-workspace .ops-head{background:#102e3b}@media(max-width:1200px){.ops-layout{grid-template-columns:1fr}.ops-side{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-head{align-items:flex-start;flex-direction:column}}@media(max-width:700px){.ops-metrics{grid-template-columns:repeat(2,1fr)}.ops-side{grid-template-columns:1fr}.ops-toolbar{flex-wrap:wrap}.ops-toolbar input{flex-basis:100%}.ops-head{padding:20px}.ops-head h2{font-size:23px}}
.account-tabs{display:flex;gap:5px;flex-wrap:wrap;margin:18px 0}.account-tabs button{padding:12px 16px;background:white;border:1px solid #d6e0e6;color:#415665;font-size:13px;cursor:pointer}.account-tabs button.active{background:#173140;color:white;border-color:#173140}.account-metric{background:#fff;border:1px solid #d8e1e7;border-top:3px solid var(--orange);padding:20px}.account-metric span{display:block;text-transform:uppercase;font:11px ui-monospace,monospace;color:#5a6d7c}.account-metric strong{font:600 25px ui-monospace,monospace;display:block;margin-top:16px}.account-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.account-note{font-size:12px;color:#657887;padding:18px;line-height:1.65}.account-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}.account-form label{font-size:12px;color:#526777;display:block}.account-form input,.account-form select{display:block;width:100%;padding:11px;border:1px solid #cbd7df;border-radius:5px;margin-top:7px;background:#fff}.account-form p{grid-column:1/-1;font-size:12px;color:#657887}@media(max-width:850px){.account-grid{grid-template-columns:1fr}}@media(max-width:600px){.account-form{grid-template-columns:1fr}}
/* Modern command experience: dimensional cards, clear hierarchy, restrained color. */
.main{background:#f1f4f8}.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #e4eaf0}.content{max-width:1800px;margin:auto}.ops-console{--accent-glow:rgba(250,125,36,.18)}.ops-head{position:relative;isolation:isolate;overflow:hidden;border:0;border-radius:22px;padding:38px 34px;background:radial-gradient(ellipse at 92% 25%,rgba(246,119,31,.3),transparent 46%),linear-gradient(120deg,#111c29,#253346);box-shadow:0 16px 35px rgba(19,32,47,.12);min-height:250px}.ops-head:after{content:'';position:absolute;z-index:-1;width:340px;height:340px;right:-40px;top:-150px;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.035),0 0 0 110px rgba(255,255,255,.025);pointer-events:none}.ops-head h2{font-size:clamp(32px,3.4vw,48px);font-weight:700;letter-spacing:-.04em;line-height:1.06;margin:18px 0}.ops-head h2 em{font-style:normal;color:#ffac6e}.ops-head>div>span{font-size:10px;letter-spacing:.16em}.ops-head p{font-family:'IBM Plex Sans',sans-serif;font-size:12px;letter-spacing:.035em}.ops-head .secondary-btn{background:rgba(255,255,255,.09);color:#fff;border-color:rgba(255,255,255,.24)}.ops-head .primary-btn{box-shadow:0 7px 24px var(--accent-glow)}.ops-head>div:last-child{max-width:350px;justify-content:flex-end}.ops-head .ops-sync{flex-basis:100%;text-align:right;letter-spacing:0;font-family:'IBM Plex Sans',sans-serif}.ops-pulse{display:flex;justify-content:space-between;align-items:center;margin:25px 3px 16px;font-size:12px;color:#7b8897}.ops-pulse>div{display:flex;gap:9px;align-items:center}.ops-pulse strong{color:#293c50;font-size:13px}.ops-pulse small{font-size:11px;margin-left:8px}.pulse-dot{height:8px;width:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px var(--orange-soft)}.ops-metrics{gap:16px;margin-bottom:22px}.ops-metrics button{position:relative;border:1px solid #e0e7ee;border-radius:16px;padding:22px;box-shadow:0 4px 16px rgba(30,48,72,.035);transition:transform .18s,box-shadow .18s;text-align:left}.ops-metrics button:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(30,48,72,.08)}.ops-metrics button.selected{border:1px solid var(--orange);background:#fff}.ops-metrics button.selected:after{content:'';position:absolute;width:7px;height:7px;border-radius:50%;background:var(--orange);right:19px;top:23px}.ops-metrics strong{font:600 43px/1.2 'IBM Plex Sans',sans-serif;letter-spacing:-.05em;color:#1c3046;margin:13px 0}.ops-metrics span{font:600 11px 'IBM Plex Sans',sans-serif;color:#6d7e8f;letter-spacing:.07em}.ops-metrics small{font:11px 'IBM Plex Sans',sans-serif;text-transform:none;letter-spacing:0;color:#7d8c9b}.ops-panel{border-color:#e0e7ee;border-radius:16px;overflow:hidden;box-shadow:0 5px 22px rgba(30,48,72,.03)}.ops-panel-head{background:#fff;padding:20px;border-color:#edf1f5}.ops-panel-head h3{font:700 11px 'IBM Plex Sans',sans-serif;letter-spacing:.075em;color:#4d6277}.ops-toolbar{padding:18px 20px;border-color:#edf1f5;gap:12px}.ops-toolbar input,.ops-toolbar select,.ops-table select{border-radius:8px;background:#f8fafc;border-color:#dfe6ed;padding:10px}.ops-table th{background:#f8fafc;font:600 10px 'IBM Plex Sans',sans-serif;letter-spacing:.05em;padding:15px}.ops-table td{padding:19px 14px;border-color:#edf1f5;color:#3f556b}.ops-table tbody tr:hover{background:#f8fafc}.ops-table tbody .ops-late:hover{background:#fff0e3}.ops-job-link{font-family:'IBM Plex Sans',sans-serif;font-size:14px}.ops-task{padding:18px 20px;gap:16px}.ops-task b{font-family:'IBM Plex Sans',sans-serif;background:var(--orange-soft);border-radius:7px;padding:7px;font-size:11px}.ops-roster{padding:17px 20px}.ops-roster strong{font-size:12px;color:#30465c}.ops-roster span{color:#8090a0}.ops-flow{display:flex;align-items:center;gap:25px;background:#fff;border:1px solid #e0e7ee;border-radius:16px;padding:23px;margin-bottom:22px}.ops-flow-title{min-width:180px}.ops-flow-title>span{font-size:10px;letter-spacing:.09em;color:#8090a0;display:block}.ops-flow-title>strong{font-size:13px;color:#294056;display:block;margin-top:9px}.ops-flow-stages{display:grid;grid-template-columns:repeat(4,1fr);flex:1;gap:14px}.ops-flow-stages button{position:relative;display:grid;grid-template-columns:1fr 1fr;text-align:left;background:#f7f9fc;border:1px solid #eaf0f5;border-radius:10px;padding:14px 16px 20px;overflow:hidden;cursor:pointer}.ops-flow-stages button.selected{border-color:var(--orange)}.ops-flow-stages span{font:10px ui-monospace,monospace;color:#98a5b3}.ops-flow-stages strong{text-align:right;font-size:20px;color:#30465c}.ops-flow-stages small{font-size:11px;color:#62768b;grid-column:1/-1;margin-top:8px}.ops-flow-stages i{position:absolute;bottom:0;left:0;height:3px;background:var(--orange);max-width:100%}.southwest-workspace .ops-console{--accent-glow:rgba(20,166,185,.22)}.southwest-workspace .ops-head{background:radial-gradient(ellipse at 92% 25%,rgba(15,175,189,.3),transparent 46%),linear-gradient(120deg,#102631,#164459)}.southwest-workspace .ops-head h2 em{color:#70dce6}.account-metric{border-radius:16px}.account-tabs button{border-radius:9px}@media(max-width:1200px){.ops-head{flex-direction:row}.ops-flow{gap:18px}.ops-flow-title{min-width:140px}}@media(max-width:850px){.ops-head{flex-direction:column;padding:28px}.ops-head>div:last-child{max-width:none;justify-content:flex-start}.ops-head .ops-sync{text-align:left}.ops-flow{flex-direction:column;align-items:stretch}.ops-flow-stages{width:100%}.ops-pulse small{display:none}}@media(max-width:600px){.ops-head{border-radius:16px}.ops-metrics{gap:10px}.ops-metrics button{padding:17px}.ops-flow-stages{grid-template-columns:repeat(2,1fr)}.ops-pulse>span{font-size:10px}.ops-toolbar{padding:15px}.ops-head h2{font-size:36px}}@media(prefers-reduced-motion:reduce){.ops-metrics button{transition:none}.ops-metrics button:hover{transform:none}}
/* Command center v3: a distinct dark operations surface. */
#view-dashboard .ops-console{background:#0f1722;border:1px solid #263345;border-radius:24px;padding:24px;color:#d4deeb;box-shadow:0 24px 70px rgba(16,27,44,.13);--console-line:#2a3748;--console-panel:#172231;--console-soft:#1c2a3b;--console-muted:#91a3b9}
#view-dashboard .ops-head{box-shadow:none;background:radial-gradient(ellipse at 95% 15%,rgba(244,120,40,.12),transparent 48%),#0f1722;border-radius:0;padding:12px 8px 28px;min-height:180px;border-bottom:1px solid var(--console-line);margin-bottom:0}
#view-dashboard .ops-head:after{right:80px;top:-210px;opacity:.5}
#view-dashboard .ops-head h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(40px,4vw,66px);letter-spacing:.015em;line-height:1;margin:18px 0}
#view-dashboard .ops-head h2 em{color:var(--orange);display:inline-block;font-weight:600}
#view-dashboard .ops-head>div>span{color:#96a7bc;letter-spacing:.12em}
#view-dashboard .ops-head p{color:#94a5b9;font-size:11px}
#view-dashboard .ops-head .primary-btn{border-radius:10px;padding:14px 20px}
#view-dashboard .ops-head .ops-sync{color:#a2c6b5}
#view-dashboard .ops-pulse{margin:23px 8px;color:#96a7bc}
#view-dashboard .ops-pulse strong{color:#e0e7f1;font-weight:500}
#view-dashboard .ops-pulse small{color:#7f91a8}
#view-dashboard .ops-metrics{gap:15px;margin-bottom:20px}
#view-dashboard .ops-metrics button{background:linear-gradient(140deg,#1b293a,#152131);border:1px solid var(--console-line);box-shadow:none;border-radius:14px;padding:24px;color:#fff}
#view-dashboard .ops-metrics button.selected{border-color:var(--orange);background:linear-gradient(140deg,#25303a,#1a2634)}
#view-dashboard .ops-metrics button:hover{box-shadow:0 12px 25px rgba(0,0,0,.16);border-color:#64758a}
#view-dashboard .ops-metrics button.selected:hover{border-color:var(--orange)}
#view-dashboard .ops-metrics strong{color:#f0f4fa;font-size:56px;letter-spacing:-.045em;font-weight:500;margin:17px 0 11px}
#view-dashboard .ops-metrics span{color:#9fb0c5;font-size:10px;letter-spacing:.1em}
#view-dashboard .ops-metrics small{color:#8092a9}
#view-dashboard .ops-flow{background:#152130;border-color:var(--console-line);border-radius:14px;gap:26px;padding:22px}
#view-dashboard .ops-flow-title>span{color:#899db5}
#view-dashboard .ops-flow-title>strong{color:#dfE8f4;font-size:13px;font-weight:500}
#view-dashboard .ops-flow-stages button{background:#1b293b;border-color:#2c3b50;border-radius:9px}
#view-dashboard .ops-flow-stages button.selected{border-color:var(--orange)}
#view-dashboard .ops-flow-stages button strong{color:#f0f5fc;font-size:24px;font-weight:500}
#view-dashboard .ops-flow-stages button small{color:#b2c0d0}
#view-dashboard .ops-flow-stages button span{color:#70859e}
#view-dashboard .ops-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px}
#view-dashboard .ops-shortcuts button{display:flex;align-items:center;gap:14px;padding:18px;background:#141f2c;border:1px solid var(--console-line);border-radius:12px;text-align:left;color:#e0e8f3;cursor:pointer}
#view-dashboard .ops-shortcuts button:hover{background:#1f2e42;border-color:#60748f}
#view-dashboard .ops-shortcuts svg{height:19px;width:19px;flex-shrink:0;color:var(--orange)}
#view-dashboard .ops-shortcuts svg:last-child{margin-left:auto;width:14px;color:#667b95}
#view-dashboard .ops-shortcuts strong{display:block;font-size:12px;font-weight:600}
#view-dashboard .ops-shortcuts small{display:block;color:#8194ad;font-size:10px;margin-top:5px;line-height:1.4}
#view-dashboard .ops-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:18px}
#view-dashboard .ops-panel{background:var(--console-panel);border-color:var(--console-line);box-shadow:none;border-radius:14px}
#view-dashboard .ops-panel-head{background:#172231;border-color:var(--console-line);padding:20px}
#view-dashboard .ops-panel-head h3{color:#a7bad2;letter-spacing:.075em;font-size:10px}
#view-dashboard .ops-toolbar{border-color:var(--console-line);background:#14202f;padding:16px 20px;color:#93a6bd}
#view-dashboard .ops-toolbar input,#view-dashboard .ops-toolbar select,#view-dashboard .ops-table select{background:#101b2a;border-color:#324359;color:#c6d3e4;border-radius:7px;min-height:38px;color-scheme:dark}
#view-dashboard input::placeholder{color:#70859f}
#view-dashboard .ops-table th{background:#101c2b;color:#849ab5;padding:15px 14px;border-bottom:1px solid #29384b;font-size:9px}
#view-dashboard .ops-table td{color:#b5c6da;border-color:#283648;padding:20px 14px}
#view-dashboard .ops-table td small{color:#8095b0;font-size:10px;line-height:1.6}
#view-dashboard .ops-table tbody tr:hover{background:#1d2e42}
#view-dashboard .ops-table tbody tr.ops-late{background:#35281f}
#view-dashboard .ops-table tbody tr.ops-late:hover{background:#403023}
#view-dashboard .ops-table small.ops-alert{color:#ffba7c}
#view-dashboard .ops-table td>a{color:#91c8dd;margin-right:8px}
#view-dashboard .ops-job-link{font-size:14px;color:var(--orange-2);font-weight:600}
#view-dashboard .tiny-btn{background:#243449;border-color:#3b4d66;color:#c8d8eb;border-radius:6px;font-size:10px;min-height:29px}
#view-dashboard .tiny-btn:hover{background:#324962;color:#fff}
#view-dashboard .status-pill{font-size:9px;white-space:nowrap}
#view-dashboard .ops-roster{border-color:var(--console-line);padding:17px 19px}
#view-dashboard .ops-roster strong{color:#dbe5f2;font-weight:500}
#view-dashboard .ops-roster span{color:#8298b3;font-size:10px}
#view-dashboard .ops-task{background:#172231;border-color:var(--console-line);padding:17px 18px}
#view-dashboard .ops-task:hover{background:#22344b}
#view-dashboard .ops-task b{background:#26384d;color:var(--orange-2);font-size:10px;border:1px solid #344a64}
#view-dashboard .ops-task span{font-size:11px;color:#a0b3ca}
#view-dashboard .ops-empty{color:#8298b3;padding:30px;line-height:1.8}
#view-dashboard .activity-item{color:#b7c8db;border-color:var(--console-line)}
#view-dashboard .activity-item p,#view-dashboard .activity-item strong{color:#b7c8db}
#view-dashboard .activity-item small{color:#8194ad}
.southwest-workspace #view-dashboard .ops-head{background:radial-gradient(ellipse at 95% 15%,rgba(22,174,188,.16),transparent 48%),#0f1722}
.southwest-workspace #view-dashboard .ops-metrics button.selected{background:linear-gradient(140deg,#19343d,#172631)}
@media(max-width:1350px){#view-dashboard .ops-layout{grid-template-columns:1fr}#view-dashboard .ops-side{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:950px){#view-dashboard .ops-console{padding:18px}#view-dashboard .ops-head{flex-direction:column;align-items:flex-start}#view-dashboard .ops-head>div:last-child{justify-content:flex-start;max-width:none}#view-dashboard .ops-head .ops-sync{text-align:left}#view-dashboard .ops-side{grid-template-columns:1fr}#view-dashboard .ops-shortcuts{grid-template-columns:1fr}#view-dashboard .ops-flow{flex-direction:column;align-items:stretch}}
@media(max-width:600px){#view-dashboard .ops-console{padding:12px;border-radius:16px}#view-dashboard .ops-head{padding:12px 6px 24px}#view-dashboard .ops-head h2{font-size:42px}#view-dashboard .ops-pulse{margin:20px 5px}#view-dashboard .ops-pulse>span{display:none}#view-dashboard .ops-metrics button{padding:18px}#view-dashboard .ops-metrics strong{font-size:42px}#view-dashboard .ops-metrics{gap:10px}#view-dashboard .ops-flow{padding:16px}#view-dashboard .ops-toolbar{padding:14px}}
/* Editorial workspace: bright canvas, confident typography, focused operations. */
#view-dashboard .ops-console{background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;color:#243447;--console-line:#e4e9ee;--console-panel:#fff;--console-soft:#f4f7fa;--console-muted:#708194}
#view-dashboard .ops-head,.southwest-workspace #view-dashboard .ops-head{background:transparent;border-bottom:0;min-height:150px;padding:9px 0 26px;overflow:visible;align-items:center}
#view-dashboard .ops-head:after{display:none}
#view-dashboard .ops-head>div>span{color:#748595;letter-spacing:.11em;font:600 10px 'IBM Plex Sans',sans-serif}
#view-dashboard .ops-head h2{font:600 clamp(32px,3.5vw,50px)/1.1 'IBM Plex Sans',sans-serif;letter-spacing:-.055em;color:#1c2e41;margin:17px 0 12px}
#view-dashboard .command-title-dot{color:var(--orange)}
#view-dashboard .ops-head p{color:#738394;font-size:12px;letter-spacing:0}
#view-dashboard .ops-head .primary-btn{background:#1b3043;border-color:#1b3043;color:#fff;box-shadow:0 5px 14px rgba(23,44,66,.12);padding:13px 20px}
#view-dashboard .ops-head .primary-btn:hover{background:var(--orange);border-color:var(--orange)}
#view-dashboard .ops-head .secondary-btn{background:#fff;color:#4c6174;border-color:#dce4eb;border-radius:10px}
#view-dashboard .ops-head .ops-sync{font:11px 'IBM Plex Sans',sans-serif;color:#648075;letter-spacing:0}
#view-dashboard .ops-pulse{background:#eaf0f5;border-radius:9px;padding:12px 16px;margin:0 0 20px;color:#6b7f91}
#view-dashboard .ops-pulse strong{color:#4e6478;font-size:11px}
#view-dashboard .ops-pulse small{color:#8193a2;font-size:10px}
#view-dashboard .pulse-dot{width:6px;height:6px;box-shadow:none}
#view-dashboard .ops-metrics{gap:18px;margin-bottom:24px}
#view-dashboard .ops-metrics button,#view-dashboard .ops-metrics button.selected,.southwest-workspace #view-dashboard .ops-metrics button.selected{background:#fff;border:1px solid #e1e8ee;border-radius:14px;padding:23px 25px;box-shadow:0 3px 14px rgba(27,48,67,.035)}
#view-dashboard .ops-metrics button.selected{border-bottom:3px solid var(--orange)}
#view-dashboard .ops-metrics button.selected:after{background:var(--orange);height:6px;width:6px}
#view-dashboard .ops-metrics button:hover{border-color:#aabac7;box-shadow:0 8px 22px rgba(27,48,67,.06);transform:translateY(-2px)}
#view-dashboard .ops-metrics span{color:#728697;letter-spacing:.05em;font:500 11px 'IBM Plex Sans',sans-serif;text-transform:none}
#view-dashboard .ops-metrics strong{color:#243b50;font:500 44px/1.1 'IBM Plex Sans',sans-serif;margin:19px 0 13px}
#view-dashboard .ops-metrics small{color:#8b9ca9;font-size:10px}
#view-dashboard .ops-flow{background:#fff;border-color:#e1e8ee;border-radius:14px;padding:22px 25px;margin-bottom:24px;box-shadow:0 3px 14px rgba(27,48,67,.025)}
#view-dashboard .ops-flow-title>span{color:#91a0ae;font-size:9px}
#view-dashboard .ops-flow-title>strong{color:#3a536b;font-size:12px;font-weight:500}
#view-dashboard .ops-flow-stages{gap:18px}
#view-dashboard .ops-flow-stages button{background:#f4f7fa;border:1px solid #e9eef3;border-radius:9px;padding:13px 16px 19px}
#view-dashboard .ops-flow-stages button.selected{border-color:var(--orange)}
#view-dashboard .ops-flow-stages button strong{color:#334d65;font-weight:500;font-size:22px}
#view-dashboard .ops-flow-stages button span{color:#a0adba;font-size:9px}
#view-dashboard .ops-flow-stages button small{color:#6a8094;font-size:10px}
#view-dashboard .ops-flow-stages i{height:2px}
#view-dashboard .ops-shortcuts{gap:18px;margin-bottom:24px}
#view-dashboard .ops-shortcuts button{background:#e9eff4;border:1px solid #dfe7ee;border-radius:11px;padding:17px 20px;color:#304b62}
#view-dashboard .ops-shortcuts button:hover{background:#dde8f0;border-color:#b6c9d7}
#view-dashboard .ops-shortcuts strong{font-weight:500;font-size:12px}
#view-dashboard .ops-shortcuts small{color:#7a91a4;font-size:10px}
#view-dashboard .ops-shortcuts svg{color:var(--orange);width:19px;height:19px}
#view-dashboard .ops-shortcuts svg:last-child{color:#8fa4b5}
#view-dashboard .ops-panel{background:#fff;border:1px solid #e1e8ee;border-radius:14px;box-shadow:0 3px 14px rgba(27,48,67,.025)}
#view-dashboard .ops-panel-head{background:#fff;border-bottom-color:#edf1f5;padding:21px 23px}
#view-dashboard .ops-panel-head h3{color:#455f76;font:600 10px 'IBM Plex Sans',sans-serif;letter-spacing:.06em}
#view-dashboard .ops-toolbar{background:#fff;border-bottom-color:#edf1f5;color:#8091a2;padding:15px 22px}
#view-dashboard .ops-toolbar input,#view-dashboard .ops-toolbar select,#view-dashboard .ops-table select{background:#f6f8fb;border-color:#dde6ed;color:#49637a;color-scheme:light;min-height:36px;font-size:11px}
#view-dashboard input::placeholder{color:#98a8b6}
#view-dashboard .ops-table th{background:#f5f8fa;color:#8495a5;border-bottom-color:#e9eef3;font-size:9px;font-weight:500;padding:14px 17px}
#view-dashboard .ops-table td{color:#466077;border-bottom-color:#edf1f5;padding:21px 17px}
#view-dashboard .ops-table td small{color:#8b9dac;font-size:10px}
#view-dashboard .ops-table tbody tr:hover{background:#f7fafc}
#view-dashboard .ops-table tbody tr.ops-late{background:#fff7ee}
#view-dashboard .ops-table tbody tr.ops-late:hover{background:#fff0df}
#view-dashboard .ops-table small.ops-alert{color:#bb6c29}
#view-dashboard .ops-table td>a{color:#4e819a}
#view-dashboard .ops-job-link{color:#274d6b;font:600 13px 'IBM Plex Sans',sans-serif}
#view-dashboard .tiny-btn{background:#f4f7fa;border-color:#dbe5ec;color:#60788d;border-radius:6px;font-size:10px}
#view-dashboard .tiny-btn:hover{background:#e6eef5;color:#2f4f68}
#view-dashboard .ops-roster{border-color:#edf1f5;padding:17px 22px}
#view-dashboard .ops-roster strong{color:#4a647a;font-size:12px}
#view-dashboard .ops-roster span{color:#8ca0b0;font-size:10px}
#view-dashboard .ops-task{background:#fff;border-color:#edf1f5;padding:18px 22px}
#view-dashboard .ops-task:hover{background:#f6f9fc}
#view-dashboard .ops-task b{background:#f0f5f8;color:#49677f;border-color:#e1eaf1;font-weight:500}
#view-dashboard .ops-task span{color:#7b91a4}
#view-dashboard .ops-empty{color:#8b9dad;text-align:center;padding:42px 28px;font-size:12px}
#view-dashboard .activity-item,#view-dashboard .activity-item p,#view-dashboard .activity-item strong{color:#71879b;border-color:#edf1f5}
#view-dashboard .activity-item small{color:#9aabba}
@media(max-width:950px){#view-dashboard .ops-console{padding:0}#view-dashboard .ops-head{align-items:flex-start;padding:8px 0 24px}}
@media(max-width:600px){#view-dashboard .ops-console{padding:0}#view-dashboard .ops-head h2{font-size:34px}#view-dashboard .ops-metrics button{padding:18px}#view-dashboard .ops-metrics strong{font-size:36px}#view-dashboard .ops-pulse{padding:12px}#view-dashboard .ops-flow{padding:18px}}
/* Dense dispatch workstation inspired by the supplied CAD and transport references. */
.cad-console{font:11px/1.4 'IBM Plex Sans',Arial,sans-serif;background:#e8edf2;border:1px solid #9eafbd;color:#233747;border-radius:4px;overflow:hidden;box-shadow:0 5px 18px rgba(28,45,65,.08)}.cad-title{background:#223b50;color:white;padding:10px 13px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.045em}.cad-title strong{font-weight:600}.cad-title span:last-child{margin-left:auto;color:#c2d6df}.cad-menu{display:flex;flex-wrap:wrap;background:#f4f6f8;border-bottom:1px solid #bcc8d2;padding:3px 5px}.cad-console button,.cad-console a,.cad-console input,.cad-console select{font:11px 'IBM Plex Sans',Arial,sans-serif}.cad-menu button{border:0;background:none;padding:6px 11px;color:#344f64;cursor:pointer}.cad-menu button:hover{background:#dce8f1}.cad-toolbar{display:flex;align-items:center;gap:5px;padding:8px;background:#eef2f5;border-bottom:1px solid #aebdca;flex-wrap:wrap}.cad-toolbar>button,.cad-actions button,.cad-actions a,.cad-unit-panel>button{display:inline-flex;align-items:center;gap:5px;border:1px solid #b0c0cd;background:linear-gradient(#fff,#e5ebf0);border-radius:3px;padding:7px 10px;color:#29465d;text-decoration:none;cursor:pointer}.cad-toolbar svg,.cad-actions svg{width:13px;height:13px}.cad-toolbar>button:hover,.cad-actions button:hover,.cad-actions a:hover{background:#d7e6f2;border-color:#7899b3}.cad-search{display:flex;gap:6px;margin-left:auto}.cad-search input{width:240px}.cad-console input,.cad-console select{padding:5px 6px;border:1px solid #aebfce;background:#fff;border-radius:2px;color:#244056;min-height:27px}.cad-console input:focus,.cad-console select:focus{outline:2px solid var(--orange);outline-offset:1px}.cad-body{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:7px;padding:7px}.cad-calls{display:grid;gap:7px;align-content:start}.cad-window{border:1px solid #aebdca;background:#fff;min-width:0}.cad-window>header,.cad-unit-panel>header{display:flex;justify-content:space-between;align-items:center;padding:6px 9px;background:#dce5ed;border-bottom:1px solid #afbfce;font-size:10px;letter-spacing:.035em;color:#354f65}.cad-window>header span{color:#6c8192;letter-spacing:0;font-size:10px}.cad-scroll{overflow:auto;min-height:120px;max-height:255px}.cad-scroll table{width:100%;border-collapse:collapse;min-width:1050px;font-size:10px;white-space:nowrap}.cad-scroll th{position:sticky;top:0;padding:5px 7px;background:#f0f4f7;border-right:1px solid #c9d5de;border-bottom:1px solid #b6c6d2;color:#566d7f;font-size:9px;font-weight:600;text-align:left;z-index:1}.cad-scroll td{padding:5px 7px;border:1px solid #e0e7ed;max-width:220px;overflow:hidden;text-overflow:ellipsis}.cad-scroll tbody tr:nth-child(even){background:#f3f6f9}.cad-scroll tbody tr{cursor:pointer}.cad-scroll tbody tr:hover{background:#e0ecf6}.cad-scroll tbody tr.cad-selected{background:#bfd9ed;color:#14354f}.cad-scroll tbody tr.cad-urgent td:first-child{border-left:3px solid #d66a2f}.cad-scroll td>button{padding:0;border:0;background:none;color:#185e90;font-size:10px;font-weight:600;cursor:pointer}.cad-empty{padding:18px;color:#7a8e9e;font-size:11px}.cad-scroll td.cad-empty{text-align:center;padding:22px}.cad-unit-panel{border:1px solid #aebdca;background:#f7f9fb;min-width:0}.cad-unit{display:flex;gap:7px;padding:9px 7px;border-bottom:1px solid #d8e1e8}.cad-unit>b{background:#d7e8df;color:#397658;font-size:10px;padding:5px;height:25px;min-width:27px;text-align:center}.cad-unit.busy>b{background:#f4dfca;color:#956126}.cad-unit strong{font-size:10px;font-weight:600}.cad-unit small{display:block;font-size:9px;color:#7b8d9d;margin:3px 0}.cad-unit button{display:block;background:none;border:0;padding:2px 0;color:#3b7296;font-size:9px;cursor:pointer}.cad-unit-panel>button{margin:9px;font-size:10px}.cad-detail{margin:0 7px 7px}.cad-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px 12px;padding:12px;background:#f5f7f9}.cad-fields label{font-size:10px;color:#627a8c;display:block}.cad-fields input,.cad-fields select{display:block;width:100%;margin-top:3px;font-size:11px;height:28px}.cad-fields input[readonly]{background:#e2edf5;border-color:#bdcedd;color:#3f6079}.cad-fields .cad-wide{grid-column:span 2}.cad-actions{display:flex;gap:6px;flex-wrap:wrap;padding:8px 12px;border-top:1px solid #c5d2dc;background:#eaf0f5}.cad-actions .cad-save{background:#2d617f;border-color:#265571;color:#fff}.cad-actions .cad-save:hover{background:#347394}.cad-detail-empty{min-height:125px;display:flex;align-items:center;justify-content:center}.cad-bottom{display:grid;grid-template-columns:1.4fr 1fr;gap:7px;padding:0 7px 7px}.cad-event{display:flex;gap:13px;padding:5px 9px;border-bottom:1px solid #e7edf2;font-size:10px}.cad-event span{min-width:65px;color:#8a9ca9;font-size:9px}.cad-counters{display:grid;grid-template-columns:repeat(3,1fr);padding:9px;gap:8px}.cad-counters span{font-size:10px;color:#7a8e9e;background:#f0f4f7;padding:8px}.cad-counters b{display:block;font-size:18px;color:#355972;font-weight:500;margin-top:4px}.cad-status{display:flex;gap:24px;background:#d7e1e9;border-top:1px solid #a5b7c6;padding:6px 10px;font:9px ui-monospace,monospace;color:#526c7f}.southwest-workspace .cad-title{background:#164654}.southwest-workspace .cad-actions .cad-save{background:#167785;border-color:#126370}.southwest-workspace .cad-scroll tbody tr.cad-selected{background:#c3e3e7}.southwest-workspace .cad-scroll td>button{color:#147787}.cad-console .ops-alert{color:#b85629;font-size:9px}@media(max-width:1000px){.cad-body{grid-template-columns:1fr}.cad-unit-panel{max-height:180px;overflow:auto}.cad-unit{display:inline-flex;vertical-align:top;width:190px}.cad-title{flex-wrap:wrap;gap:8px 16px}.cad-search{margin-left:0;flex-basis:100%}.cad-search input{flex:1;min-width:90px}.cad-bottom{grid-template-columns:1fr}}@media(max-width:600px){.cad-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.cad-fields .cad-wide{grid-column:1/-1}.cad-title span:nth-child(2){display:none}.cad-status{flex-wrap:wrap;gap:6px 16px}.cad-toolbar>button{font-size:10px;padding:7px}.cad-counters{grid-template-columns:repeat(3,1fr)}}
/* CAD intake window, scoped to the new-call form. */
.modal:has(.cad-intake){border:1px solid #8fa5b7;border-radius:4px;box-shadow:0 20px 75px rgba(12,31,47,.25);max-width:1120px;background:#e7edf2}.cad-intake{font:11px 'IBM Plex Sans',Arial,sans-serif;color:#2c455b}.cad-intake .modal-head{background:#233e53;color:#fff;border-bottom:1px solid #a4b6c6;padding:12px 16px;align-items:center}.cad-intake .modal-head h2{font:600 12px 'IBM Plex Sans',sans-serif;color:#fff;letter-spacing:.04em;margin:0}.cad-intake .modal-head p{font-size:9px;color:#afc7d9;letter-spacing:.06em;margin-top:5px}.cad-intake .modal-close{background:#355267;border:1px solid #688297;border-radius:2px;color:#d9e6ef;width:26px;height:26px}.cad-intake-strip{display:flex;align-items:center;gap:30px;background:#d6e1ea;border-bottom:1px solid #aebfce;padding:8px 16px;font-size:9px;color:#687f93}.cad-intake-strip b{color:#355670;font-weight:500;margin-left:6px}.cad-intake .modal-body{display:grid;grid-template-columns:1.15fr 1fr;gap:9px;padding:11px;background:#e9eef3;max-height:68vh;overflow:auto}.cad-intake .form-section{margin:0;background:#f5f7f9;border:1px solid #afc0ce;border-radius:0;padding:0}.cad-intake .form-section:first-child{grid-row:span 2}.cad-intake .form-section-title{margin:0;border-bottom:1px solid #b3c4d1;background:#dce6ee;padding:7px 10px;color:#42627b;letter-spacing:.035em;font:600 10px 'IBM Plex Sans',Arial,sans-serif}.cad-intake .field-grid,.cad-intake .field-grid.three{padding:11px;gap:9px 11px;grid-template-columns:repeat(2,minmax(0,1fr))}.cad-intake .field-grid.three>.field:first-child{grid-column:1/-1}.cad-intake .field{margin:0;min-width:0}.cad-intake .field label{font:10px 'IBM Plex Sans',sans-serif;color:#617e94;margin:0 0 4px}.cad-intake .field input,.cad-intake .field select,.cad-intake .field textarea{font:11px 'IBM Plex Sans',Arial,sans-serif;border:1px solid #adbfce;border-radius:2px;padding:6px 7px;min-height:30px;background:#fff;box-shadow:inset 0 1px 2px rgba(27,46,62,.04);color:#304f67;line-height:1.3}.cad-intake .field input::placeholder,.cad-intake .field textarea::placeholder{font-size:10px;color:#9aaaba}.cad-intake .field input:focus,.cad-intake .field select:focus,.cad-intake .field textarea:focus{outline:2px solid var(--orange);outline-offset:1px;border-color:#b6c5d1}.cad-intake .field textarea{min-height:85px;resize:vertical}.cad-intake input[name=customerName],.cad-intake input[name=phone],.cad-intake input[name=vehicle],.cad-intake input[name=unit]{background:#e5eef6}.cad-intake .required{font-size:10px;color:#ad5e35}.cad-intake .modal-foot{background:#dbe5ed;border-top:1px solid #aebfce;padding:10px 12px;gap:7px}.cad-intake .modal-foot button{border-radius:3px;font:11px 'IBM Plex Sans',sans-serif;padding:8px 12px;min-height:32px}.cad-intake .modal-foot .primary-btn{background:#2c607f;color:#fff;border:1px solid #224c66}.cad-intake .modal-foot .primary-btn:hover{background:#397a9f}.cad-intake .modal-foot .secondary-btn{background:linear-gradient(#fff,#e6edf3);color:#58728a;border-color:#a8bdcc}.cad-intake-help{margin-right:auto;font-size:9px;color:#6c8497}.southwest-workspace .cad-intake .modal-head{background:#164654}.southwest-workspace .cad-intake .modal-foot .primary-btn{background:#157587;border-color:#155969}@media(max-width:750px){.cad-intake .modal-body{grid-template-columns:1fr;max-height:68vh}.cad-intake .form-section:first-child{grid-row:auto}.cad-intake-strip{gap:12px;flex-wrap:wrap}.cad-intake-help{flex-basis:100%;line-height:1.5}.cad-intake .modal-foot{flex-wrap:wrap}}@media(max-width:450px){.cad-intake .field-grid,.cad-intake .field-grid.three{grid-template-columns:1fr}.cad-intake .field.full{grid-column:auto}.cad-intake .modal-head h2{font-size:10px}}
/* Unified internal CAD workspace. */
.app-shell{font-family:'IBM Plex Sans',Arial,sans-serif}.sidebar{background:#e1e8ee;color:#38556c;border-right:1px solid #a5b7c6;width:230px;padding:0}.sidebar .brand{background:#233e53;padding:16px 12px;border-bottom:1px solid #a5b7c6;margin:0;gap:9px}.sidebar .brand-mark{height:37px;width:37px}.sidebar .brand-text strong{color:#fff;font-size:11px;letter-spacing:.025em}.sidebar .brand-text span{color:#b0c8d9;font-size:9px}.sidebar .nav-label,.sidebar .nav-section-label{background:#ccd9e3;border-top:1px solid #aebfce;border-bottom:1px solid #b4c6d3;padding:6px 12px;margin:0;color:#5c7589;font:600 9px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.06em}.sidebar .nav{padding:0;gap:0}.sidebar .nav-btn{border:0;border-bottom:1px solid #d0dbe4;border-radius:0;margin:0;padding:10px 12px;min-height:35px;font-size:11px;color:#49647a;font-weight:400;gap:9px}.sidebar .nav-btn svg{height:15px;width:15px;color:#7792a5}.sidebar .nav-btn:hover{background:#d1e0eb;color:#27485f}.sidebar .nav-btn.active{background:#b9d3e6;border:0;border-left:3px solid #367da7;color:#204a67;padding-left:9px}.sidebar .nav-btn.active svg{color:#3279a5}.sidebar .nav-badge{background:#dbe8f2;color:#456c87;border-radius:2px;font-size:9px;min-width:20px}.sidebar .workspace-switch{margin:12px 9px;border:1px solid #acbfce;border-radius:2px;background:#edf2f6;color:#5e7c92;padding:8px;font-size:10px}.sidebar .user-card{background:#d3dee7;border-top:1px solid #abbdcc;border-radius:0;padding:11px 9px;gap:8px}.sidebar .avatar{width:27px;height:27px;background:#b4c8d7;color:#385b76;font-size:10px;border-radius:2px}.sidebar .user-copy strong{font-size:10px;color:#3a5a73}.sidebar .user-copy span{font-size:9px;color:#7892a5}.sidebar .signout-btn{color:#628098}.main{background:#edf1f5}.topbar{background:#dce6ee;border-bottom:1px solid #a9bdcd;padding:9px 16px;min-height:58px;height:auto;gap:12px}.page-heading .eyebrow{font-size:8px;color:#7690a4;margin-bottom:3px}.page-heading h1{font:600 12px 'IBM Plex Sans',Arial,sans-serif;letter-spacing:.045em;color:#375d78}.top-search{background:#fff;border:1px solid #acbfce;border-radius:2px;padding:5px 8px}.top-search input{font-size:10px}.top-search .shortcut{font-size:8px;background:#edf3f7}.topbar .date-chip{font-size:10px;color:#6e8799}.topbar .primary-btn{font-size:10px;padding:7px 10px;min-height:30px;border-radius:3px}.content{padding:12px 15px}.view:not(#view-dashboard){font:11px 'IBM Plex Sans',Arial,sans-serif;color:#34566f}.view .welcome-row,.view .command-hero{background:#dce6ee;border:1px solid #a7bdce;border-radius:2px;padding:12px 14px;margin-bottom:10px;box-shadow:none;min-height:0}.view .welcome-row h2,.view .command-hero h2{font:600 15px 'IBM Plex Sans',sans-serif;letter-spacing:.025em;color:#365d7b;margin:4px 0}.view .welcome-row p,.view .command-hero p{font-size:10px;color:#7892a5;margin:4px 0}.view .command-tag{font-size:8px;color:#7b93a6;letter-spacing:.065em}.view .panel,.view .module-panel,.view .record-panel{border:1px solid #afc3d2;border-radius:2px;box-shadow:none;background:#fff}.view .panel-head,.view .detail-box-head{background:#dce6ee;border-bottom:1px solid #b0c4d3;padding:8px 11px}.view .panel-title h3{font:600 11px 'IBM Plex Sans',sans-serif;color:#436782}.view .panel-title p{font-size:9px;color:#7a94a8}.view .primary-btn,.view .secondary-btn,.view .tiny-btn{font-size:10px;border-radius:2px;padding:6px 9px;min-height:28px;box-shadow:none}.view .primary-btn{background:#2c607f;border:1px solid #244f69;color:white}.view .secondary-btn,.view .tiny-btn{background:linear-gradient(#fff,#e9eff4);border:1px solid #b4c8d7;color:#587b95}.view button svg{width:13px;height:13px}.view .table-head,.view th{font-size:9px;background:#e5edf3;color:#69869b;padding:6px 9px;border-bottom:1px solid #bbcedd}.view td{font-size:10px;padding:8px 9px;border-bottom:1px solid #e3ebf1}.view .cell-main{font-size:11px;color:#446880;font-weight:500}.view .cell-sub{font-size:9px;color:#8aa0b0}.view .status-pill,.view .priority-pill,.view .type-pill{font-size:9px;padding:3px 6px;border-radius:2px}.view .table-id{font-size:10px;color:#3379a4}.view .module-row,.view .request-row,.view .staff-row{padding:10px 12px;border-bottom:1px solid #dbe5ed;font-size:10px}.view .module-row strong,.view .request-row strong{font-size:11px;font-weight:500}.view .module-row span,.view .request-row p,.view .request-row span{font-size:10px}.view .module-stat{border:1px solid #afc4d3;border-radius:2px;padding:12px;background:#f7fafc}.view .module-stat span{font-size:9px;color:#7893a7}.view .module-stat strong{font-size:23px;color:#466b86}.view .empty{padding:25px 15px}.view .empty h3{font-size:12px}.view .empty p{font-size:10px}.view input,.view select,.view textarea{font:11px 'IBM Plex Sans',sans-serif;border-radius:2px;border:1px solid #adc3d3;padding:6px 8px;min-height:28px;background:white}.view .filter-bar,.view .toolbar{background:#edf3f7;padding:8px;border-bottom:1px solid #b7cad9}.view .job-card{border:1px solid #adc3d3;border-radius:2px;box-shadow:none}.view .job-card-head{background:#e3edf5;padding:7px 9px}.view .job-card h4{font-size:12px;font-weight:500}.view .job-issue,.view .job-meta,.view .job-card-foot{font-size:10px}.view .record-avatar{border-radius:2px;width:30px;height:30px;font-size:10px;background:#dce9f2;color:#55809b}.view .section-title{font:600 11px 'IBM Plex Sans',sans-serif;color:#587c96}.view .account-tabs{gap:3px;margin:9px 0}.view .account-tabs button{border-radius:2px;padding:7px 10px;font-size:10px;background:#e7eff5;color:#5c7d95;border-color:#b5c9d8}.view .account-tabs button.active{background:#b8d3e7;color:#315e7d}.view .account-metric{border-radius:2px;padding:12px;border:1px solid #afc4d3;background:#f5f9fc}.view .account-metric span{font-size:9px}.view .account-metric strong{font-size:24px;margin-top:10px}.view .account-note{font-size:10px;padding:10px}.view .ops-console .ops-head{background:#dce6ee;border:1px solid #a9bfce;border-radius:2px;color:#365e7b;padding:12px;min-height:0;box-shadow:none;margin-bottom:10px}.view .ops-console .ops-head:after{display:none}.view .ops-console .ops-head h2{font:600 16px 'IBM Plex Sans',sans-serif;color:#365e7b;margin:5px 0}.view .ops-console .ops-head span,.view .ops-console .ops-head p{font-size:9px;color:#7a94a8}.view .ops-panel{border-radius:2px;border-color:#afc4d3;box-shadow:none}.view .ops-panel-head{padding:8px 10px;background:#dce6ee;border-color:#b1c6d5}.view .ops-panel-head h3{font-size:9px}.view .ops-toolbar{padding:8px;font-size:10px;background:#f0f5f8}.view .ops-toolbar label{font-size:10px}.view .ops-table{font-size:10px}.view .ops-table th{font-size:9px;padding:7px 9px}.view .ops-table td{padding:9px}.view .ops-table td small{font-size:9px}.modal:not(:has(.cad-intake)){border:1px solid #9fb6c7;border-radius:3px;background:#f3f6f9}.modal:not(:has(.cad-intake)) .modal-head{background:#dce6ee;border-bottom:1px solid #afc5d4;padding:11px 14px}.modal:not(:has(.cad-intake)) .modal-head h2{font:600 14px 'IBM Plex Sans',sans-serif;color:#3c6482}.modal:not(:has(.cad-intake)) .modal-head p{font-size:10px;color:#7a96a9}.modal:not(:has(.cad-intake)) .modal-body{padding:15px;background:#f5f8fa}.modal:not(:has(.cad-intake)) input,.modal:not(:has(.cad-intake)) select,.modal:not(:has(.cad-intake)) textarea{font-size:11px;border-radius:2px;border-color:#abc2d2;padding:7px;min-height:29px}.modal:not(:has(.cad-intake)) label{font-size:10px;color:#6d8ba1}.modal:not(:has(.cad-intake)) .modal-foot{background:#dce6ee;border-color:#afc5d4;padding:9px 12px}.modal:not(:has(.cad-intake)) .modal-foot button{font-size:10px;border-radius:2px;padding:7px 10px}.southwest-workspace .sidebar{background:#dce9ec}.southwest-workspace .sidebar .brand{background:#164654}.southwest-workspace .sidebar .nav-btn.active{background:#bddde2;color:#235e68;border-left-color:#198294}.southwest-workspace .view .primary-btn{background:#187889;border-color:#146371}.southwest-workspace .view .account-tabs button.active{background:#bfdee3;color:#2b6671}@media(min-width:1001px){.main{margin-left:230px}}@media(max-width:1000px){.sidebar{width:230px}.content{padding:10px}.topbar{padding:8px 10px}.main{margin-left:0}}@media(max-width:600px){.topbar .date-chip{display:none}.topbar .page-heading h1{font-size:10px}.view .welcome-row{padding:10px}.view .ops-head{flex-wrap:wrap}}
@media(min-width:821px){.main{margin-left:230px}}@media(max-width:820px){.main{margin-left:0}}


.payroll-period{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin:18px 0}.payroll-period label,#payroll-person-form label{display:grid;gap:5px;font-size:14px;margin-bottom:12px}#payroll-person-form input,#payroll-person-form select{min-height:42px;font-size:15px}#view-payroll th,#view-payroll td{font-size:13px}#view-payroll p{font-size:14px;line-height:1.6}
#payroll-setup-form label{display:grid;gap:5px;font-size:14px;margin-bottom:14px}#payroll-setup-form input,#payroll-setup-form select,#payroll-setup-form textarea{min-height:42px;font-size:15px}

.payroll-period{gap:9px;margin:12px 0}#view-payroll th,#view-payroll td{font-size:10px}#view-payroll p{font-size:11px;line-height:1.6}#payroll-person-form label,#payroll-setup-form label{font-size:10px;margin-bottom:10px}#payroll-person-form input,#payroll-person-form select,#payroll-setup-form input,#payroll-setup-form select,#payroll-setup-form textarea{font-size:11px;min-height:30px}#view-payroll button{border:1px solid #afc3d2;background:#edf3f7;padding:6px 9px;border-radius:2px;color:#436a86;font-size:10px}