.m10-workspace{flex:1;min-width:0;padding:28px 30px 48px;background:var(--mobility-bg,#081019);color:var(--mobility-text,#f4f7fb);font-family:Inter,"Segoe UI",sans-serif}.m10-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.m10-header>div>span,.m10-form-title>span,.m10-ledger header span,.m10-case-detail header span,.m10-arrears-layout>aside>span{display:block;color:#d2a93b;font-size:10px;font-weight:800;letter-spacing:.16em}.m10-header h1{margin:6px 0 5px;font-size:32px;line-height:1.1;letter-spacing:-.04em}.m10-header p,.m10-form-title p{margin:0;color:#8f9baa;font-size:13px}.m10-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.m10-metric{position:relative;min-height:118px;padding:18px;border:1px solid #253140;border-radius:16px;background:linear-gradient(145deg,#111c27,#0c151f);overflow:hidden}.m10-metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;top:-42px;background:color-mix(in srgb,var(--tone) 18%,transparent)}.m10-metric i{display:block;width:8px;height:8px;border-radius:50%;background:var(--tone);box-shadow:0 0 16px var(--tone)}.m10-metric span{display:block;margin-top:13px;color:#94a0af;font-size:11px}.m10-metric strong{display:block;margin-top:4px;font-size:23px;letter-spacing:-.03em}.m10-metric small{color:#6f7c8d;font-size:10px}.m10-metric.green{--tone:#42d392}.m10-metric.gold{--tone:#e2b13d}.m10-metric.blue{--tone:#55a8ff}.m10-metric.red{--tone:#f06e75}.m10-policy,.m10-policy-warning{display:flex;align-items:center;gap:26px;margin-bottom:16px;padding:15px 18px;border:1px solid #2d3a48;border-radius:15px;background:#0e1822}.m10-policy>div{min-width:140px}.m10-policy span,.m10-policy-warning strong{color:#e2b13d;font-size:10px;font-weight:800;letter-spacing:.13em}.m10-policy strong{display:block;margin:3px 0;font-size:16px}.m10-policy small{color:#758294}.m10-policy ol{display:flex;gap:8px;counter-reset:item;margin:0;padding:0;list-style:none}.m10-policy li{padding:7px 10px;border:1px solid #32404f;border-radius:999px;color:#cdd6df;font-size:10px}.m10-policy p,.m10-policy-warning p{margin:0 0 0 auto;max-width:390px;color:#8390a0;font-size:11px;line-height:1.5}.m10-policy-warning{border-color:#725d25;background:#171407}.m10-policy-warning strong{font-size:13px}.m10-policy-builder{margin-bottom:16px;border:1px solid #2e3b49;border-radius:15px;background:#0d1721}.m10-policy-builder summary{cursor:pointer;padding:15px 18px;font-weight:700;font-size:13px}.m10-policy-builder form{padding:0 18px 18px}.m10-policy-builder p{color:#8c98a6;font-size:12px}.m10-order{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.m10-order label{display:flex;align-items:center;gap:8px}.m10-order label>span{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#d8ad3e;color:#131313;font-weight:800}.m10-grid{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.45fr);gap:16px;align-items:start}.m10-form,.m10-ledger,.m10-case-detail,.m10-arrears-layout>aside{border:1px solid #263340;border-radius:18px;background:#0e1822}.m10-form{padding:20px}.m10-form.compact{margin-bottom:14px}.m10-form-title h2,.m10-ledger h2,.m10-case-detail h2{margin:5px 0 4px;font-size:18px;letter-spacing:-.02em}.m10-form label,.m10-policy-builder label,.m10-mini-form label{display:block;margin-top:13px}.m10-form label>span,.m10-policy-builder label>span,.m10-mini-form label>span{display:block;margin-bottom:6px;color:#9aa6b4;font-size:10px;font-weight:700}.m10-form input,.m10-form select,.m10-policy-builder input,.m10-policy-builder select,.m10-policy-builder textarea,.m10-mini-form input,.m10-mini-form select{width:100%;box-sizing:border-box;border:1px solid #344251;border-radius:11px;padding:11px 12px;background:#0a131c;color:#f1f5f8;font:inherit;font-size:12px}.m10-form input:focus,.m10-form select:focus,.m10-policy-builder textarea:focus,.m10-mini-form input:focus{outline:2px solid #c99b2e55;border-color:#d0a43a}.m10-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.m10-primary,.m10-secondary{margin-top:15px;border:0;border-radius:11px;padding:11px 15px;background:#d4a936;color:#17130a;font-weight:800;cursor:pointer}.m10-primary:disabled{cursor:not-allowed;opacity:.45}.m10-secondary{margin:0;border:1px solid #354250;background:#111c27;color:#dce3e9}.m10-disabled{display:block;margin-top:8px;color:#bd8f32}.m10-ledger{overflow:hidden}.m10-ledger>header{display:flex;justify-content:space-between;align-items:center;padding:19px 20px;border-bottom:1px solid #263340}.m10-ledger>header small{color:#7e8b9a}.m10-payment-row{display:grid;grid-template-columns:minmax(150px,.9fr) minmax(230px,1.4fr) auto auto;gap:15px;align-items:center;padding:15px 20px;border-bottom:1px solid #202c37}.m10-payment-row:last-child{border-bottom:0}.m10-payment-row>div:first-child span{display:block;color:#d9af41;font-size:10px;font-weight:800;letter-spacing:.08em}.m10-payment-row>div:first-child strong{display:block;margin:4px 0;font-size:12px}.m10-payment-row small{color:#788696;font-size:10px}.m10-allocation{display:flex;flex-wrap:wrap;gap:5px}.m10-allocation span{padding:5px 7px;border-radius:8px;background:#121f2b;color:#8795a4;font-size:9px}.m10-allocation b{margin-left:5px;color:#dce4eb}.m10-payment-total{text-align:right}.m10-payment-total strong{display:block;font-size:15px}.m10-payment-total small{display:block}.m10-badge{display:inline-flex;padding:4px 8px;border:1px solid #354251;border-radius:999px;color:#a9b5c1;font-size:9px;font-weight:800;white-space:nowrap}.m10-paid,.m10-active,.m10-fulfilled{border-color:#227653;color:#54d89a;background:#0b241b}.m10-partial,.m10-upcoming{border-color:#765e22;color:#e1b441;background:#241d08}.m10-overpayment{border-color:#286c7c;color:#65c9dd;background:#0a2027}.m10-reversed,.m10-overdue,.m10-broken,.m10-arrears{border-color:#74383c;color:#f07c83;background:#271012}.m10-link{border:0;background:none;color:#8bbdf1;font-weight:700;cursor:pointer}.m10-link.danger,.danger{color:#f07b82}.m10-empty{padding:40px;text-align:center;color:#82909f}.m10-empty strong{color:#dce4eb}.m10-empty p{font-size:12px}.m10-arrears-layout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:16px}.m10-arrears-layout>aside{padding:13px}.m10-arrears-layout>aside>span{padding:8px}.m10-case{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid transparent;border-radius:12px;background:transparent;color:#f0f4f7;text-align:left;cursor:pointer}.m10-case.active{border-color:#8b6b23;background:#191708}.m10-case span,.m10-case strong,.m10-case small{display:block}.m10-case span{font-weight:700}.m10-case strong{margin:5px 0;color:#e3b33d}.m10-case small{color:#7f8c9b}.m10-case-detail{padding:20px}.m10-case-detail>header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid #25313d;padding-bottom:16px}.m10-case-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:15px 0}.m10-case-kpis span{padding:12px;border-radius:12px;background:#111e29}.m10-case-kpis small,.m10-case-kpis strong{display:block}.m10-case-kpis small{color:#7c8998;font-size:9px}.m10-case-kpis strong{margin-top:4px;font-size:12px}.m10-mini-form,.m10-open-promise{margin-top:12px;padding:16px;border:1px solid #293744;border-radius:14px;background:#0b151e}.m10-mini-form h3{margin:0 0 5px;font-size:14px}.m10-mini-form .m10-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.m10-open-promise{display:flex;align-items:center;justify-content:space-between;gap:15px;border-color:#806526;background:#1b1709}.m10-open-promise>span{color:#d9aa33;font-size:9px;font-weight:800;letter-spacing:.12em}.m10-open-promise button{border:1px solid #5e4b1f;border-radius:9px;padding:7px 10px;background:#241d09;color:#dbb44e;cursor:pointer}.m10-timeline{margin-top:18px}.m10-timeline h3{font-size:14px}.m10-timeline>div{display:flex;gap:11px;padding:9px 0}.m10-timeline i{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#d4a936}.m10-timeline strong,.m10-timeline small{display:block}.m10-timeline small{color:#7e8b9a}.m10-quote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border:1px solid #785e22;border-radius:14px;background:#1b1708}.m10-quote span,.m10-quote small{font-size:9px;color:#a98b45}.m10-quote strong{font-size:19px;color:#f0c657}.m10-schedule-row{display:grid;grid-template-columns:.7fr repeat(3,1fr) auto;gap:12px;align-items:center;padding:12px 18px;border-bottom:1px solid #212d38}.m10-schedule-row>span small,.m10-schedule-row>span b{display:block}.m10-schedule-row small{color:#758291;font-size:9px}.m10-schedule-row b{font-size:11px}
html[data-theme="light"] .m10-workspace{--mobility-bg:#f5f3ed;--mobility-text:#17202a;background:#f5f3ed;color:#17202a}html[data-theme="light"] .m10-metric,html[data-theme="light"] .m10-form,html[data-theme="light"] .m10-ledger,html[data-theme="light"] .m10-case-detail,html[data-theme="light"] .m10-arrears-layout>aside,html[data-theme="light"] .m10-policy,html[data-theme="light"] .m10-policy-builder{background:#fff;border-color:#d9d7d0;box-shadow:0 7px 24px #1d28320a}html[data-theme="light"] .m10-form input,html[data-theme="light"] .m10-form select,html[data-theme="light"] .m10-policy-builder input,html[data-theme="light"] .m10-policy-builder select,html[data-theme="light"] .m10-policy-builder textarea,html[data-theme="light"] .m10-mini-form input,html[data-theme="light"] .m10-mini-form select{background:#fbfaf7;border-color:#d7d5cf;color:#17202a}html[data-theme="light"] .m10-mini-form,html[data-theme="light"] .m10-case-kpis span{background:#f7f5ef;border-color:#ddd9cf}html[data-theme="light"] .m10-payment-row,html[data-theme="light"] .m10-ledger>header,html[data-theme="light"] .m10-case-detail>header{border-color:#e4e1da}html[data-theme="light"] .m10-payment-row>div:first-child strong,html[data-theme="light"] .m10-empty strong{color:#17202a}html[data-theme="light"] .m10-allocation span{background:#f0eee7}html[data-theme="light"] .m10-policy li{border-color:#d3d0c7;color:#394551}html[data-theme="light"] .m10-secondary{background:#fff;color:#26323d;border-color:#cfccc4}html[data-theme="light"] .m10-case{color:#26323d}html[data-theme="light"] .m10-case.active{background:#fff7dc;border-color:#d5a939}
@media(max-width:1100px){.m10-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.m10-grid{grid-template-columns:1fr}.m10-policy{align-items:flex-start;flex-wrap:wrap}.m10-policy p{margin:0}.m10-order{grid-template-columns:repeat(2,minmax(0,1fr))}.m10-payment-row{grid-template-columns:1fr auto}.m10-allocation{grid-column:1/-1}.m10-arrears-layout{grid-template-columns:1fr}.m10-arrears-layout>aside{display:flex;overflow:auto}.m10-case{min-width:210px}.m10-case-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.m10-workspace{padding:20px 14px 40px}.m10-header{align-items:flex-start;flex-direction:column}.m10-header h1{font-size:27px}.m10-metrics{grid-template-columns:1fr 1fr}.m10-metric{min-height:100px;padding:14px}.m10-metric strong{font-size:18px}.m10-fields,.m10-mini-form .m10-fields,.m10-order{grid-template-columns:1fr}.m10-policy ol{flex-wrap:wrap}.m10-payment-row{padding:14px;grid-template-columns:1fr}.m10-payment-total{text-align:left}.m10-case-kpis{grid-template-columns:1fr 1fr}.m10-open-promise{align-items:flex-start;flex-direction:column}.m10-schedule-row{grid-template-columns:1fr 1fr}.m10-schedule-row .m10-badge{justify-self:start}}
/* Payments: compact ROC Mobility black-and-gold command surface. */
.m10-workspace{--m10-bg:#090a09;--m10-panel:#12120f;--m10-panel-raised:#171610;--m10-line:#343020;--m10-text:#f4f2ea;--m10-muted:#9f9787;--m10-gold:#d8ab2d;--m10-green:#52d187;--m10-blue:#5ba8ed;--m10-red:#ef6d75;padding:24px 28px 42px;background:radial-gradient(circle at 78% -16%,rgba(216,171,45,.09),transparent 28%),var(--m10-bg);color:var(--m10-text);font-family:Inter,"Segoe UI",sans-serif}.m10-header{margin-bottom:18px}.m10-header>div>span,.m10-form-title>span,.m10-ledger header span{color:var(--m10-gold);font-size:9px}.m10-header h1{margin:5px 0 4px;font-size:27px;font-weight:750;letter-spacing:-.045em}.m10-header p,.m10-form-title p{color:var(--m10-muted);font-size:11px}.m10-metrics{gap:9px;margin-bottom:13px}.m10-metric{display:flex;align-items:center;gap:11px;min-height:90px;padding:12px 13px;border-color:var(--m10-line);border-radius:12px;background:linear-gradient(145deg,#15150f,#10110f);box-shadow:none}.m10-metric:after{width:62px;height:62px;right:-22px;top:-25px}.m10-metric>div{min-width:0}.m10-metric-icon{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--tone) 30%,transparent);border-radius:10px;background:color-mix(in srgb,var(--tone) 12%,transparent);color:var(--tone)}.m10-metric-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.m10-metric>i{display:none}.m10-metric span:not(.m10-metric-icon){margin:0;color:var(--m10-muted);font-size:9px;font-weight:650}.m10-metric strong{margin:3px 0 2px;color:var(--m10-text);font-size:19px;line-height:1.05}.m10-metric small{color:#877f70;font-size:8px}.m10-metric.green{--tone:var(--m10-green)}.m10-metric.gold{--tone:var(--m10-gold)}.m10-metric.blue{--tone:var(--m10-blue)}.m10-metric.red{--tone:var(--m10-red)}.m10-policy-warning{align-items:flex-start;gap:11px;margin-bottom:11px;padding:12px 14px;border-color:#725c24;border-radius:11px;background:linear-gradient(90deg,rgba(117,87,18,.18),rgba(26,23,11,.75))}.m10-policy-warning .m10-policy-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border-radius:9px;background:rgba(216,171,45,.13);color:var(--m10-gold)}.m10-policy-icon svg{width:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.m10-policy-warning strong{display:block;margin:1px 0 3px;color:#f2d071;font-size:12px;letter-spacing:0}.m10-policy-warning p{max-width:670px;margin:0;color:#b8ad91;font-size:10px;line-height:1.45}.m10-policy-builder{margin-bottom:12px;border-color:var(--m10-line);border-radius:11px;background:var(--m10-panel)}.m10-policy-builder summary{padding:12px 14px;color:var(--m10-text);font-size:11px}.m10-grid{gap:12px;grid-template-columns:minmax(286px,.66fr) minmax(0,1.52fr)}.m10-form,.m10-ledger{border-color:var(--m10-line);border-radius:13px;background:var(--m10-panel)}.m10-form{padding:17px}.m10-form-title h2,.m10-ledger h2{font-size:17px}.m10-form label{margin-top:11px}.m10-form label>span{margin-bottom:5px;color:var(--m10-muted);font-size:9px}.m10-form input,.m10-form select{min-height:38px;padding:9px 10px;border-color:#3b3728;border-radius:8px;background:#0d0e0c;color:var(--m10-text);font-size:11px}.m10-form input:focus,.m10-form select:focus{outline-color:#d8ab2d55;border-color:var(--m10-gold)}.m10-fields{gap:8px}.m10-primary{margin-top:12px;padding:10px 12px;border-radius:8px;background:var(--m10-gold);color:#181206;font-size:10px}.m10-disabled{font-size:9px}.m10-ledger>header{padding:16px 17px;border-color:var(--m10-line)}.m10-ledger>header small{color:var(--m10-muted);font-size:10px}.m10-payment-row{grid-template-columns:minmax(190px,1fr) minmax(190px,1.1fr) auto auto;gap:11px;padding:12px 17px;border-color:#28271e}.m10-payment-row>div:first-child span{color:var(--m10-gold);font-size:9px}.m10-payment-row>div:first-child strong{margin:3px 0;color:var(--m10-text);font-size:11px;line-height:1.25}.m10-payment-row small{color:var(--m10-muted);font-size:9px}.m10-allocation{gap:4px}.m10-allocation span{padding:4px 6px;border:1px solid #312e21;border-radius:6px;background:#17160f;color:#aa9f87;font-size:8px}.m10-allocation b{color:#e4ddce}.m10-payment-total strong{color:var(--m10-text);font-size:14px}.m10-badge{padding:3px 7px;border-radius:999px;font-size:8px}.m10-link.danger{padding:6px 8px;border:1px solid rgba(239,109,117,.35);border-radius:7px;background:rgba(239,109,117,.08);font-size:9px}.m10-empty{padding:28px;color:var(--m10-muted)}
html[data-theme="light"] .m10-workspace,html[data-roc-theme="light"] .m10-workspace{--m10-bg:#f7f5ef;--m10-panel:#fffdf8;--m10-panel-raised:#fff;--m10-line:#ded7c7;--m10-text:#1c1b17;--m10-muted:#716b5f;background:radial-gradient(circle at 78% -16%,rgba(216,171,45,.13),transparent 28%),var(--m10-bg)}html[data-theme="light"] .m10-metric,html[data-theme="light"] .m10-form,html[data-theme="light"] .m10-ledger,html[data-theme="light"] .m10-policy-builder,html[data-roc-theme="light"] .m10-metric,html[data-roc-theme="light"] .m10-form,html[data-roc-theme="light"] .m10-ledger,html[data-roc-theme="light"] .m10-policy-builder{background:var(--m10-panel);border-color:var(--m10-line)}html[data-theme="light"] .m10-form input,html[data-theme="light"] .m10-form select,html[data-roc-theme="light"] .m10-form input,html[data-roc-theme="light"] .m10-form select{background:#fffdf8;color:var(--m10-text);border-color:#d6cfbf}html[data-theme="light"] .m10-payment-row,html[data-roc-theme="light"] .m10-payment-row{border-color:#eee8db}html[data-theme="light"] .m10-allocation span,html[data-roc-theme="light"] .m10-allocation span{background:#fbf8ef;border-color:#e4dccb;color:#766d5d}@media(max-width:760px){.m10-workspace{padding:19px 14px 34px}.m10-header h1{font-size:24px}.m10-metric{min-height:82px;padding:10px}.m10-metric-icon{flex-basis:30px;width:30px;height:30px}.m10-metric strong{font-size:16px}.m10-payment-row{padding:12px}.m10-grid{gap:10px}}
/* Keep KPI cards intentionally flat: no clipped corner ornaments or stray rings. */
.m10-metric{min-height:94px;padding:13px 15px;border-color:#39331f;background:linear-gradient(145deg,#15140e,#0f100d)}.m10-metric:after{display:none}.m10-metric .m10-metric-icon{display:grid;place-items:center;flex-basis:38px;width:38px;height:38px;margin:0;border:0;border-radius:11px;background:color-mix(in srgb,var(--tone) 18%,#11110d);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tone) 38%,transparent),0 5px 14px color-mix(in srgb,var(--tone) 12%,transparent)}.m10-metric .m10-metric-icon svg{display:block;width:19px;height:19px;margin:0;stroke-width:1.9}.m10-metric strong{font-size:20px}.m10-metric:hover{border-color:color-mix(in srgb,var(--tone) 45%,#39331f);transform:translateY(-1px);transition:border-color .18s ease,transform .18s ease}@media(prefers-reduced-motion:reduce){.m10-metric:hover{transform:none}}