html:root{--brand-gold: #ffca32;--brand-gold-hover: #efb91d;--brand-ink: #342806;--brand-link: #795600;--brand-wash: #fff8df;--brand-border: #ead391;--accent: var(--brand-link);--accent-strong: #594000;--accent-wash: var(--brand-wash);--accent-line: var(--brand-border)}body .btn.btn-primary,body .d-btn:not(.d-btn-ghost):not(.d-btn-danger),body .d-primary-btn,body .v-btn{background:var(--brand-gold);border-color:var(--brand-gold-hover);color:var(--brand-ink)}body .btn.btn-primary:hover:not(:disabled),body .d-btn:not(.d-btn-ghost):not(.d-btn-danger):hover:not(:disabled),body .d-primary-btn:hover:not(:disabled),body .v-btn:hover:not(:disabled){background:var(--brand-gold-hover);border-color:var(--brand-link);color:var(--brand-ink)}body .sidebar .side-item-active,body .nav-item.nav-item-active{background:var(--brand-wash);border-color:var(--brand-border);color:var(--brand-ink)}body .sidebar .side-item-active>svg{color:var(--brand-link)}body .sidebar .side-item{border-radius:var(--radius-lg)}body .sidebar .side-item:hover:not(.side-item-active){background:#f8f9fb}body .qa-btn{border-color:var(--brand-border)}body .qa-btn:hover{background:var(--brand-wash)}body .qa-btn-label{color:var(--brand-ink)}body .d-nav-item.active{color:var(--brand-link)}body .d-nav-item.active:before{background:var(--brand-gold)}body .d-header .d-langseg button.active,body .d-login-head .d-langseg button.active{background:var(--brand-gold);color:var(--brand-ink)}body .d-header,body .d-login-head,body .v-header{background:#111827}body .d-logo-sub{color:#b8c0ce}body .v-header .v-brand-sm{color:#fff}body .v-header .v-brand-sm span{color:#cbd5e1}body .v-brand,body .v-brand-sm{color:var(--brand-ink)}body .v-brand img,body .v-brand-sm img{width:38px;height:30px;object-fit:contain;vertical-align:middle;margin-right:var(--sp-2)}body .v-header{border-bottom:3px solid var(--brand-gold)}body :is(.d-app,.d-login,.v-app,.v-login) :is(button,input,select,a):focus-visible{outline:2px solid var(--brand-link);outline-offset:3px}body .page-main>.content{width:100%;min-width:0}body .login-brand{display:flex;align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}body .login-brand img{width:48px;height:38px;object-fit:contain}body .login-brand .login-title{font-size:var(--fs-title);letter-spacing:.02em}body .login-brand small{display:block;color:var(--muted)}body .login-card{border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}body .card,body .dt-shell,body .detail-panel{min-width:0}body .form-row,body .content-head{flex-wrap:wrap}body .table th,body .dt-table th{font-weight:600}body .btn{white-space:normal}body .btn:focus-visible{outline-offset:3px}body .driver-tabs{flex-wrap:wrap;overflow-x:visible}body .driver-tabs button{min-height:44px}body .driver-tabs button.active{color:var(--brand-link);border-bottom-color:var(--brand-gold)}body .driver-avatar,body .driver-list-avatar,body .driver-metric-icon,body .drivers-page .count-chip{background:var(--brand-wash);color:var(--brand-link)}body .d360 .d360-avatar{background:var(--brand-wash);border-color:#fffdf4;color:var(--brand-link)}body .d360 .d360-link,body .d360 .d360-doc-icon,body .d360 .d360-trip>svg{color:var(--brand-link)}body .d360 .d360-origin:before{border-color:var(--brand-link)}body .d360 .d360-return-badge{color:var(--brand-link);background:var(--brand-wash);border-color:var(--brand-border)}body .driver-workspace button:focus-visible,body .drivers-page button:focus-visible{outline-color:var(--brand-link)}body .dispatch-center .material-workflow .btn-primary{background:var(--brand-gold);border-color:var(--brand-gold-hover);color:var(--brand-ink)}body .stock-reservation-panel :is(input,.btn,summary):focus-visible{outline-color:var(--brand-link)}body .schedule-day-heading.schedule-today{box-shadow:inset 0 3px var(--brand-gold)}body .dashboard .dash-composition{gap:var(--sp-4)}body .dashboard .dash-section,body .dashboard .card{border-radius:var(--radius-xl)}body .dashboard .metric-card{min-width:0}body .dashboard .metric-value{font-variant-numeric:tabular-nums}body .dashboard .vt-picture img{object-fit:contain}body .dashboard .eb-list{min-width:0}body .dashboard .recharts-legend-wrapper{max-width:100%}@media(min-width:1024px){body .page-main>.content{max-width:1720px;margin-inline:auto;padding:var(--sp-5)}}@media(min-width:1620px){body .dashboard .dash-metrics .metric-row:not(.forecast-row){grid-template-columns:repeat(7,minmax(0,1fr))}}@media(max-width:767px){body .page-main>.content{padding:var(--sp-4)}body .driver-tabs{gap:var(--sp-1)}body .driver-tabs button{padding-inline:var(--sp-3)}body .dashboard .dash-composition,body .dashboard .dash-composition-main,body .dashboard .dash-row3,body .dashboard .dash-row-lower,body .dashboard .dash-col-main{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none}body .dashboard .dash-col-main>*{grid-area:auto}body .v-header{flex-wrap:wrap;gap:var(--sp-3)}}@media(min-width:1024px)and (max-width:1619px){body .dashboard .dash-metrics .metric-row:not(.forecast-row){grid-template-columns:repeat(6,minmax(0,1fr))}body .dashboard .dash-metrics .metric-row:not(.forecast-row)>.metric-card{grid-column:span 2}body .dashboard .dash-metrics .metric-row:not(.forecast-row)>.metric-card:nth-last-child(-n+2){grid-column:span 3}}.portal-env-banner{padding:12px 16px;background:#fff0ae;color:#342400;text-align:center;font-weight:600}.side-group-toggle{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-height:40px;padding:8px 10px;border:0;border-radius:8px;background:transparent;color:var(--muted);font:inherit;font-size:12px;font-weight:650;text-align:start;cursor:pointer}.side-group-toggle:hover,.side-group-toggle[aria-expanded=true]{background:#f6f7f9;color:var(--fg)}.side-group-toggle:focus-visible{outline:2px solid var(--brand-link);outline-offset:2px}body .side-group{margin-top:6px}body .sidebar .side-item{padding:8px 10px;font-size:14px;line-height:1.4}.side-group>[hidden]{display:none}.roster-source-note{margin:0 0 14px;padding:10px 14px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--muted);font-size:13px;line-height:1.5}.vehicle-history-panel{margin-block:20px;padding:20px;border:1px solid var(--border-subtle);border-radius:16px;background:var(--surface)}.vehicle-history-panel h3{margin:0 0 8px}.vehicle-history-panel>p{color:var(--muted)}.vehicle-history-disclosure{margin-block:16px}.vehicle-history-disclosure>summary{cursor:pointer;padding:12px;border:1px solid var(--border-subtle);border-radius:10px;color:var(--brand-link);font-weight:600}@media(max-width:767px){.vehicle-history-panel{padding:14px}}.roster-check-time{display:block;color:var(--muted);font-size:11px;margin-top:5px;white-space:normal}body .schedule-table-wrap,body .safety-episodes{max-height:none}body .mileage-period>summary{color:var(--brand-link)}.work-cell-label{display:none}body .dashboard .fleet-list-scroll{max-height:none;contain:none;overflow:visible}body .inventory-tabs,body .maintenance-tabs{flex-wrap:wrap;overflow:visible}body .dashboard .eb-list{max-height:none;overflow:visible}@media(min-width:768px)and (max-width:1279px){body .dashboard .dash-row3,body .dashboard .dash-row-lower,body .dashboard .dash-col-main{grid-template-columns:minmax(0,1fr)}body .dashboard .dash-row3 .eb-body{flex-direction:row;gap:24px;align-items:center}body .dashboard .dash-row3 .eb-donut{width:40%;height:180px}body .dashboard .dash-row3 .eb-list{max-height:none}body .dashboard .vt-table tbody{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body .dashboard .vt-table tbody tr{margin:0}}@media(max-width:1279px){body .dashboard .vt-table{display:block;min-width:0;width:100%}body .dashboard .vt-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body .dashboard .vt-table tbody{width:100%}body .dashboard .vt-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;margin:10px 0;border:1px solid var(--border-subtle);border-radius:12px}body .dashboard .vt-table tr[hidden]{display:none}body .dashboard .vt-table td{display:block;width:auto;height:auto;min-width:0;white-space:normal;overflow-wrap:anywhere;border:0;padding:6px;text-align:start}body .dashboard .vt-table td[data-label]:before{content:attr(data-label);display:block;font-size:11px;color:var(--muted);margin-bottom:4px}body .dashboard .vt-table .vt-veh,body .dashboard .vt-table .vt-detail-row td{grid-column:1/-1}body .dashboard .vt-table .vt-toggle-col{align-self:end}body .dashboard .vt-table .vt-toggle{min-height:36px;min-width:44px}}@media(max-width:767px){body .roster-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}body .roster-stats button{min-width:0;width:100%;padding:12px}body .roster-stats button:last-child{grid-column:1/-1}.work-summary-table{overflow:visible}.work-summary-table table,.work-summary-table tbody{display:block;width:100%}.work-summary-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.work-summary-table tbody tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;margin:12px 0;border:1px solid var(--border-subtle);border-radius:12px}.work-summary-table tbody th,.work-summary-table .work-summary-evidence{grid-column:1/-1}.work-summary-table td,.work-summary-table th{min-width:0;max-width:none;white-space:normal;overflow-wrap:anywhere;padding:8px}.work-cell-label{display:block;color:var(--muted);font-size:12px;margin-bottom:5px}}body .shared-modal{width:min(640px,calc(100vw - 32px));max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;color:var(--fg,#18233c);background:#fff;border:1px solid var(--border,#dfe4ed);border-radius:12px;box-shadow:0 20px 60px #0003;overflow:auto}body .shared-modal::backdrop{background:#10182780}body .shared-modal .cat-modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:12px;margin-top:20px}body .shared-modal :is(input,textarea,select){max-width:100%}body .audit-confirm-message{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7}body .audit-table-scroll{max-width:100%;overflow:auto}body .audit-table-scroll td{overflow-wrap:anywhere}body .audit-fieldset{border:0;padding:0;margin:0;min-width:0;display:flex;flex-direction:column;gap:12px}body .audit-permissions{display:grid;gap:6px}body #root:has(>.center-screen,>.d-login,>.v-login){display:flex;flex-direction:column;min-height:100dvh}body #root>:is(.center-screen,.d-login,.v-login){flex:1;min-height:0}body .d360-card-period{min-height:36px;font-size:12px}body .d360-row strong{min-width:0;flex-shrink:1;overflow-wrap:anywhere}body .d360-row>span{overflow-wrap:anywhere}body .fuel-review-page .badge{max-width:100%;white-space:normal;overflow-wrap:anywhere}body .bank-account-form{display:grid;gap:16px}body .bank-account-form .field{display:grid;gap:6px;min-width:0}body .bank-account-form :is(input,select){box-sizing:border-box;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--border,#dfe4ed);border-radius:8px;background:#fff;color:var(--fg,#18233c);font:inherit}body .bank-account-form>button{justify-self:start;min-height:44px;white-space:normal}body .roster-source-note{padding:0;border:0;background:transparent;margin:0 0 14px}body .roster-source-note>summary{cursor:pointer;padding:10px 0;color:var(--brand-link);font-weight:600}body .roster-source-note>p{margin:4px 0 12px;padding:12px 14px;border-left:3px solid var(--brand);background:#faf8f1;line-height:1.65}body .d360-profile{align-items:start;gap:0}body .d360-person{align-items:start}body .d360 .d360-avatar{width:72px;height:72px;flex-basis:72px;font-size:26px}body .d360-profile-details{margin-top:10px;font-size:13px}body .d360-profile-details>summary{cursor:pointer;color:var(--brand-link);padding:8px 0}body .d360-profile-details[open]{border-top:1px solid var(--border-subtle)}body .d360-profile-details .d360-identity-fields{margin-top:12px}body .d360-profile-stats .d360-row:nth-child(3){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;background:#fff8df;border:1px solid #eedaa0;border-radius:8px;padding:12px;margin:6px -8px}body .d360-profile-stats .d360-row:nth-child(3) strong{font-size:16px;font-weight:650;white-space:nowrap}body .d360-mobile-section{display:none}body .d360-grid>.d360-card{min-height:0!important}body .d360-card-heading{align-items:start}body .d360-card h2{line-height:1.5}body .d360-card .d360-link{min-height:40px}body .d360-card :is(select,input:not([type=checkbox]):not([type=radio]),textarea){box-sizing:border-box;min-height:44px;max-width:100%;min-width:0;padding:9px 12px;border:1px solid #d9dfe9;border-radius:8px;background:#fff;color:var(--fg);font:inherit}body .d360-card>label{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:12px}body .d360-pagination .btn{min-width:44px;min-height:44px}body .driver-tabs button[aria-current=page]{font-weight:650}body .dashboard>.mileage-review{padding:16px 20px}body .dashboard>.mileage-review p{margin:8px 0}body .dashboard>.mileage-review details>summary{padding:10px 0;cursor:pointer}body .roster-source-note>summary:focus-visible,body .d360-profile-details>summary:focus-visible{outline:2px solid var(--brand-link);outline-offset:3px;border-radius:4px}@media(min-width:768px){body .d360-primary-tabs{gap:4px}body .d360 .d360-primary-tabs button{padding:10px 12px;min-height:44px}}@media(max-width:767px){body .d360-primary-tabs{display:none}body .d360-mobile-section{display:grid;gap:6px;margin:12px 0 16px;color:var(--muted);font-size:13px}body .d360-mobile-section select{width:100%;min-width:0;min-height:48px;padding:10px 12px;border:1px solid #d9c27c;border-radius:8px;background:#fffaf0;color:var(--fg);font:inherit;font-weight:600}body .d360 .d360-avatar{width:56px;height:56px;flex-basis:56px;font-size:22px}body .d360-profile{padding:16px}body .d360-identity-fields{gap:10px}body .d360-profile-stats .d360-row:nth-child(3){margin-inline:0}body .d360-actions .btn{min-height:44px}body .roster-stats{gap:8px;margin:12px 0}body .roster-stats button{min-height:54px;padding:10px}body .roster-stats button strong{font-size:21px}body .roster-source-note>summary{min-height:44px;display:list-item;box-sizing:border-box}body .dashboard>.mileage-review{padding:14px}body .roster-availability{min-width:0;flex-wrap:wrap}body .roster-availability select{min-width:0;max-width:100%;width:100%}body .login-card :is(input,.btn){font-size:16px;min-height:44px}body .login-languages button,body .d-langseg button{min-height:44px;min-width:44px}body .d360-card-period{min-height:44px}body .shared-modal{padding:18px}}