/* ROC Mobility shared visual system — loaded after all milestone workspaces. */
:is(.mobility-workspace,.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m10-workspace,.m11-workspace,.m12-workspace,.mobility-application-detail){font-family:"DM Sans",Inter,"Segoe UI",sans-serif;--panel:#12120f;--surface:#181711;--text:#f6f3eb;--muted:#a59d8d;--border:#373220;--gold:#d8aa2e;--success:#52d187;--danger:#ef6d75;--info:#61aaf0;color:var(--text)}
.mobility-workspace{--mob-bg:#090a08;--mob-surface:#12120f;--mob-surface-2:#181711;--mob-line:#373220;--mob-text:#f6f3eb;--mob-muted:#a59d8d;--mob-cyan:#d8aa2e;--mob-gold:#d8aa2e;background:radial-gradient(circle at 82% -12%,rgba(216,170,46,.11),transparent 30%),var(--mob-bg)}
.m9-workspace{--mobility-bg:#090a08;--mobility-panel:#12120f;--mobility-text:#f6f3eb;--mobility-muted:#a59d8d;background:radial-gradient(circle at 82% -12%,rgba(216,170,46,.11),transparent 30%),var(--mobility-bg)}
.m11-workspace{--m11-bg:#090a08;--m11-panel:#12120f;--m11-panel2:#181711;--m11-line:#373220;--m11-text:#f6f3eb;--m11-muted:#a59d8d;--m11-cyan:#d8aa2e;--m11-gold:#d8aa2e;background:radial-gradient(circle at 82% -12%,rgba(216,170,46,.11),transparent 30%),var(--m11-bg)}
:is(.mobility-workspace,.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m10-workspace,.m11-workspace,.m12-workspace,.mobility-application-detail) h1{font-family:"DM Sans",Inter,"Segoe UI",sans-serif;font-size:clamp(25px,2.3vw,31px)!important;font-weight:760;letter-spacing:-.045em;line-height:1.06}
:is(.mobility-workspace,.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m10-workspace,.m11-workspace,.m12-workspace,.mobility-application-detail) h2{font-family:"DM Sans",Inter,"Segoe UI",sans-serif;font-size:16px!important;letter-spacing:-.022em;line-height:1.2}
:is(.mobility-workspace,.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m10-workspace,.m11-workspace,.m12-workspace,.mobility-application-detail) h3{font-size:13px!important;letter-spacing:-.015em}
:is(.mobility-workspace,.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m10-workspace,.m11-workspace,.m12-workspace,.mobility-application-detail) p{font-size:11px;line-height:1.5}

/* A consistent compact surface for each operational module. */
:is(.m6-principles article,.m6-form,.m6-current,.m6-evidence-strip span,.m6-score-card,.m6-affordability-grid span,.m6-breakdown,.m6-history,.m7-assignment-card,.m7-queue,.m7-history,.m8-gate,.m8-form,.m8-documents,.m8-schedule,.m8-signing,.m8-checklist,.m8-template-admin,.m8-complete,.m9-start>article,.m9-start-form,.m9-assets article,.m9-control-grid>article,.m9-complete,.m11-metrics article,.m11-list,.m11-panel,.m11-alerts,.m11-form,.m11-device,.m11-recovery,.m11-recovery-layout>aside){border-color:#373220!important;border-radius:12px!important;background:linear-gradient(145deg,#171610,#10110e)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)}
:is(.m6-principles article,.m6-evidence-strip span,.m6-affordability-grid span,.m7-metrics article,.m8-status-strip,.m8-document-grid article,.m8-signature-state article,.m9-assets article,.m9-status article,.m11-metrics article,.m11-device-state,.m11-recovery-kpis span,.m11-options span){border-radius:10px!important}
:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) :is(input,select,textarea){min-height:38px;border-color:#403a29!important;border-radius:8px!important;background:#0d0e0c!important;color:#f6f3eb!important;font-size:11px!important}
:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) :is(input,select,textarea):focus{outline:2px solid rgba(216,170,46,.18);border-color:#d8aa2e!important}
:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) :is(button,.m6-badge,.m7-badge,.m8-badge,.m9-badge,.m11-badge){font-family:"DM Sans",Inter,"Segoe UI",sans-serif}
:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) button:not(.m6-badge):not(.m7-badge):not(.m8-badge):not(.m9-badge):not(.m11-badge){border-radius:8px!important}
:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) :is(.m6-avatar,.m7-avatar,.m8-gate-icon,.m8-doc-icon,.m9-control-head>span,.m9-complete>div>span,.m11-alerts header b){display:grid!important;place-items:center;margin:0;border-radius:10px!important;background:rgba(216,170,46,.14)!important;color:#e8bd4d!important;box-shadow:inset 0 0 0 1px rgba(216,170,46,.28)}
:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) :is(.m6-avatar,.m7-avatar,.m8-gate-icon,.m8-doc-icon,.m9-control-head>span,.m9-complete>div>span,.m11-alerts header b) svg{display:block;margin:0;width:18px;height:18px}

/* Remove oversized decorative delivery typography and align its hierarchy. */
.m9-start>article{min-height:250px!important;padding:24px!important}.m9-start h1{font-size:clamp(27px,3vw,36px)!important}.m9-step{display:none}.m9-workspace label>span,.m9-status small,.m9-assets small{color:var(--mobility-muted)!important;font-size:9px!important}.m9-control-grid form>button{background:#d8aa2e!important;color:#1a1406!important}.m9-badge{border-color:rgba(216,170,46,.35)!important;background:rgba(216,170,46,.1)!important;color:#e6bd55!important}

/* Underwriting, pricing, contracts and operations share the same gold active state. */
.m6-policy,.m6-score-card,.m7-assigned,.m7-vehicle-option.selected,.m8-status-strip i,.m8-generate-grid button,.m8-signature-form button,.m8-checklist form button,.m8-template-admin button,.m8-complete button,.m11-workspace .m11-primary{border-color:#d8aa2e!important;background:#d8aa2e!important;color:#191306!important}.m6-principles svg,.m8-gate-icon,.m8-doc-icon{color:#e8bd4d!important}.m11-header span,.m11-panel header span,.m11-list>header span,.m11-alerts header span,.m11-form>span,.m11-recovery header span,.m11-recovery-layout>aside>span{color:#d8aa2e!important}
.m11-workspace :is(.m11-record,.m11-partner,.m11-repair,.m11-case,.m11-device-state,.m11-recovery-kpis span,.m11-options span,.m11-recovery-forms form){border-color:#373220!important;background:#10110e!important}.m11-case.active{border-color:#d8aa2e!important;background:rgba(216,170,46,.08)!important}

/* Light mode remains alive and legible rather than merely inverting dark mode. */
html[data-roc-theme="light"] :is(.mobility-workspace,.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m10-workspace,.m11-workspace,.m12-workspace,.mobility-application-detail){--panel:#fffdf8;--surface:#faf7ef;--text:#1c1b17;--muted:#6f695d;--border:#ddd5c3;color:var(--text)}
html[data-roc-theme="light"] .mobility-workspace{--mob-bg:#f7f4ec;--mob-surface:#fffdf8;--mob-surface-2:#faf7ef;--mob-line:#ddd5c3;--mob-text:#1c1b17;--mob-muted:#6f695d;background:radial-gradient(circle at 82% -12%,rgba(216,170,46,.14),transparent 30%),var(--mob-bg)}
html[data-roc-theme="light"] .m9-workspace,html[data-roc-theme="light"] .m11-workspace{background:#f7f4ec;color:#1c1b17}html[data-roc-theme="light"] :is(.m6-principles article,.m6-form,.m6-current,.m6-evidence-strip span,.m6-score-card,.m6-affordability-grid span,.m6-breakdown,.m6-history,.m7-assignment-card,.m7-queue,.m7-history,.m8-gate,.m8-form,.m8-documents,.m8-schedule,.m8-signing,.m8-checklist,.m8-template-admin,.m8-complete,.m9-start>article,.m9-start-form,.m9-assets article,.m9-control-grid>article,.m9-complete,.m11-metrics article,.m11-list,.m11-panel,.m11-alerts,.m11-form,.m11-device,.m11-recovery,.m11-recovery-layout>aside){background:#fffdf8!important;border-color:#ddd5c3!important}html[data-roc-theme="light"] :is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace) :is(input,select,textarea){background:#fffdf8!important;color:#1c1b17!important;border-color:#d8cfbd!important}
@media(max-width:760px){:is(.m6-workspace,.m7-workspace,.m8-workspace,.m9-workspace,.m11-workspace){padding:16px!important;gap:11px!important}.m9-start>article{padding:18px!important;min-height:210px!important}}

/* Focused operational polish: compact, scannable controls without legacy blue surfaces. */
.m10-workspace .m10-arrears-layout{gap:12px}.m10-workspace .m10-arrears-layout>aside,.m10-workspace .m10-case-detail,.m10-workspace .m10-mini-form{border-color:#373220!important;border-radius:13px!important;background:linear-gradient(145deg,#171610,#10110e)!important;box-shadow:0 10px 24px rgba(0,0,0,.12)}.m10-workspace .m10-arrears-layout>aside{padding:10px}.m10-workspace .m10-arrears-layout>aside>span,.m10-workspace .m10-case-detail header span{padding:5px 3px;color:#d8aa2e!important;font-size:8px!important}.m10-workspace .m10-case{margin-top:4px;padding:10px;border-radius:9px;color:#f6f3eb!important}.m10-workspace .m10-case.active{border-color:#d8aa2e!important;background:rgba(216,170,46,.09)!important}.m10-workspace .m10-case span{font-size:11px}.m10-workspace .m10-case strong{margin:3px 0;font-size:13px}.m10-workspace .m10-case small{font-size:10px;color:#a9a293}.m10-workspace .m10-case-detail{padding:17px}.m10-workspace .m10-case-detail>header{padding-bottom:12px;border-color:#373220!important}.m10-workspace .m10-case-detail h2{font-size:16px}.m10-workspace .m10-case-detail header p{font-size:11px}.m10-workspace .m10-case-kpis{gap:7px;margin:11px 0}.m10-workspace .m10-case-kpis span{padding:10px;border:1px solid #302d20;border-radius:9px;background:#17160f!important}.m10-workspace .m10-case-kpis small{font-size:8px;color:#a9a293}.m10-workspace .m10-case-kpis strong{font-size:11px}.m10-workspace .m10-open-promise{margin-top:9px;padding:12px;border-color:rgba(216,170,46,.52)!important;border-radius:10px;background:rgba(216,170,46,.08)!important}.m10-workspace .m10-open-promise>span{font-size:8px;color:#e8bd4d}.m10-workspace .m10-open-promise strong{font-size:13px}.m10-workspace .m10-open-promise button{border-color:rgba(216,170,46,.4);background:#1b180d;color:#e8bd4d}.m10-workspace .m10-mini-form{margin-top:9px;padding:14px}.m10-workspace .m10-mini-form h3,.m10-workspace .m10-timeline h3{font-size:13px}.m10-workspace .m10-mini-form label{margin-top:10px}.m10-workspace .m10-mini-form input,.m10-workspace .m10-mini-form select{min-height:38px;border-color:#403a29!important;border-radius:8px!important;background:#0d0e0c!important;color:#f6f3eb!important;font-size:11px!important}.m10-workspace .m10-primary{margin-top:12px;padding:10px 13px;border-radius:8px;background:#d8aa2e;color:#191306}.m10-workspace .m10-timeline{margin-top:14px}.m10-workspace .m10-timeline>div{padding:7px 0}.m10-workspace .m10-timeline small{font-size:10px;color:#a9a293}

.m7-workspace .m7-metrics{gap:10px;margin:12px 0}.m7-workspace .m7-metrics article{display:flex!important;align-items:center!important;gap:11px!important;min-height:72px;padding:12px 14px!important;border-color:#373220!important;border-radius:12px!important;background:linear-gradient(145deg,#171610,#10110e)!important}.m7-workspace .m7-metric-icon{display:grid!important;place-items:center!important;flex:0 0 34px;width:34px;height:34px;margin:0!important;padding:0!important;border:1px solid rgba(216,170,46,.3);border-radius:10px!important;background:rgba(216,170,46,.12)!important;color:#e8bd4d!important}.m7-workspace .m7-metric-icon svg{display:block!important;width:17px!important;height:17px!important;margin:0!important;padding:0!important;background:transparent!important}.m7-workspace .m7-metrics article>div{display:grid;gap:2px}.m7-workspace .m7-metrics small{font-size:10px;color:#b8af9c}.m7-workspace .m7-metrics b{font-size:21px;line-height:1;color:#f6f3eb}.m7-workspace .m7-metrics .price .m7-metric-icon{border-color:rgba(69,164,255,.36);background:rgba(69,164,255,.12)!important;color:#6cb9ff!important}.m7-workspace .m7-metrics .finalized .m7-metric-icon{border-color:rgba(73,207,135,.36);background:rgba(73,207,135,.12)!important;color:#61d998!important}.m7-workspace .m7-queue>header{padding:15px 18px}.m7-workspace .m7-queue h2{font-size:16px}.m7-workspace .m7-queue header p{font-size:11px}.m7-workspace .m7-list>button{gap:12px;padding:11px 16px;border-color:#302d20!important}.m7-workspace .m7-list>button:hover{background:rgba(216,170,46,.06)!important}.m7-workspace .m7-avatar{width:34px;height:34px;border-radius:10px;font-size:12px}.m7-workspace .m7-list small{font-size:10px;color:#b8af9c}.m7-workspace .m7-list b{font-size:13px}.m7-workspace .m7-badge{padding:5px 8px;border-radius:999px;font-size:9px}

.m11-workspace .m11-metrics{gap:10px;margin:12px 0}.m11-workspace .m11-metrics article{display:flex!important;align-items:center!important;gap:11px!important;min-height:78px;padding:12px 14px!important}.m11-workspace .m11-metric-icon{display:grid!important;place-items:center!important;flex:0 0 35px;width:35px;height:35px;margin:0!important;border:1px solid rgba(216,170,46,.3);border-radius:10px!important;background:rgba(216,170,46,.12)!important;color:#e8bd4d!important}.m11-workspace .m11-metric-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.m11-workspace .m11-metrics article>div{display:grid;gap:2px}.m11-workspace .m11-metrics article>div>small{font-size:10px;color:#b8af9c}.m11-workspace .m11-metrics article strong{font-size:21px;line-height:1;color:#f6f3eb}.m11-workspace .m11-metrics article em{font-size:9px;font-style:normal;color:#a9a293}.m11-workspace .m11-metrics .priority .m11-metric-icon{border-color:rgba(239,108,112,.4);background:rgba(239,108,112,.12)!important;color:#f48387!important}.m11-workspace .m11-metrics .insurance .m11-metric-icon{border-color:rgba(73,207,135,.36);background:rgba(73,207,135,.12)!important;color:#61d998!important}.m11-workspace .m11-metrics .tracker .m11-metric-icon{border-color:rgba(69,164,255,.36);background:rgba(69,164,255,.12)!important;color:#6cb9ff!important}.m11-workspace .m11-privacy{display:flex!important;align-items:center;gap:12px;margin:10px 0 14px;padding:11px 14px;border:1px solid rgba(73,160,190,.48)!important;border-radius:10px!important;background:rgba(41,120,148,.11)!important}.m11-workspace .m11-privacy strong{color:#80d6ed;font-size:11px}.m11-workspace .m11-privacy p{margin:0;font-size:11px;color:#d0ddde}.m11-workspace .m11-device-grid{gap:10px}.m11-workspace .m11-device{padding:14px!important;border-color:#373220!important;border-radius:12px!important;background:linear-gradient(145deg,#171610,#10110e)!important}.m11-workspace .m11-device>header{padding-bottom:10px;border-color:#302d20!important}.m11-workspace .m11-device h2{font-size:16px}.m11-workspace .m11-device>header span{font-size:9px;color:#b8af9c}.m11-workspace .m11-device-state{gap:6px;margin:10px 0;padding:9px 10px!important;border-color:#302d20!important;border-radius:9px!important;background:#17160f!important}.m11-workspace .m11-device-state small{font-size:8px;color:#a9a293}.m11-workspace .m11-device-state b{font-size:10px;color:#f6f3eb}.m11-workspace .m11-device form{gap:7px}.m11-workspace .m11-device form label{font-size:9px}.m11-workspace .m11-device form :is(input,select){min-height:36px!important;font-size:10px!important}

html[data-roc-theme="light"] .m10-workspace .m10-arrears-layout>aside,html[data-roc-theme="light"] .m10-workspace .m10-case-detail,html[data-roc-theme="light"] .m10-workspace .m10-mini-form,html[data-roc-theme="light"] .m7-workspace .m7-metrics article,html[data-roc-theme="light"] .m11-workspace .m11-metrics article,html[data-roc-theme="light"] .m11-workspace .m11-device{background:#fffdf8!important;border-color:#ddd5c3!important;box-shadow:0 8px 22px rgba(42,34,12,.06)}html[data-roc-theme="light"] .m10-workspace .m10-case-kpis span,html[data-roc-theme="light"] .m11-workspace .m11-device-state{background:#faf7ef!important;border-color:#e1d8c6!important}html[data-roc-theme="light"] .m10-workspace :is(.m10-mini-form input,.m10-mini-form select){background:#fffdf8!important;color:#1c1b17!important;border-color:#d8cfbd!important}html[data-roc-theme="light"] .m10-workspace .m10-case,html[data-roc-theme="light"] .m7-workspace .m7-metrics b,html[data-roc-theme="light"] .m11-workspace .m11-metrics article strong,html[data-roc-theme="light"] .m11-workspace .m11-device-state b{color:#1c1b17!important}html[data-roc-theme="light"] .m11-workspace .m11-privacy{background:#eef8fa!important;border-color:#9ed8e3!important}html[data-roc-theme="light"] .m11-workspace .m11-privacy p{color:#31515b!important}

/* Device state is a compact semantic badge, never a large circular control. */
.m11-workspace .m11-device>header>.m11-badge{display:inline-flex!important;align-items:center!important;justify-content:center!important;align-self:flex-start!important;flex:0 0 auto!important;width:auto!important;min-width:0!important;height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:6px 9px!important;border-radius:999px!important;font-size:9px!important;line-height:1!important;letter-spacing:.01em!important}.m11-workspace .m11-device>header>.m11-badge.m11-active{border-color:rgba(73,207,135,.45)!important;background:rgba(73,207,135,.10)!important;color:#61d998!important}
@media(max-width:760px){.m10-workspace .m10-arrears-layout>aside{display:flex}.m10-workspace .m10-case{min-width:185px}.m10-workspace .m10-case-kpis{grid-template-columns:1fr 1fr}.m7-workspace .m7-metrics,.m11-workspace .m11-metrics{grid-template-columns:1fr 1fr}.m7-workspace .m7-list>button{grid-template-columns:34px 1fr auto;padding:11px 12px}.m11-workspace .m11-privacy{align-items:flex-start;flex-direction:column}.m11-workspace .m11-device-state{grid-template-columns:1fr 1fr}}