#case-support{--cs-border:#24485a;--cs-panel:#102c38;--cs-soft:#163946;--cs-text:#eaf7fa;--cs-muted:#91b4bf;--cs-cyan:#27c4df;--cs-amber:#f1b557}
#case-support-app{display:grid;gap:18px;color:var(--cs-text)}
.cs-hero,.cs-panel,.cs-metric{background:linear-gradient(145deg,rgba(17,49,61,.98),rgba(10,35,45,.98));border:1px solid var(--cs-border);border-radius:14px}
.cs-hero{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:24px 26px}.cs-hero h2{font-family:Georgia,serif;font-size:25px;margin:3px 0 7px}.cs-hero p{margin:0;color:var(--cs-muted);max-width:720px}.cs-actions{display:flex;gap:10px;flex-wrap:wrap}.cs-primary,.cs-secondary,.cs-tab,.cs-link,.cs-icon{border:1px solid #326075;border-radius:9px;background:#143746;color:#eaf7fa;padding:10px 14px;cursor:pointer;font:inherit}.cs-primary{background:var(--cs-cyan);border-color:var(--cs-cyan);color:#07212b;font-weight:800}.cs-secondary:hover,.cs-tab:hover{border-color:var(--cs-cyan)}
.cs-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cs-metric{padding:18px}.cs-metric span{display:block;text-transform:uppercase;letter-spacing:.09em;color:var(--cs-muted);font-size:10px}.cs-metric strong{display:block;font:700 29px Georgia,serif;margin:8px 0 2px}.cs-metric small{color:var(--cs-muted)}
.cs-panel{padding:20px}.cs-toolbar{display:flex;align-items:end;gap:10px;flex-wrap:wrap;margin-bottom:16px}.cs-tabs{display:flex;gap:6px;flex:1;flex-wrap:wrap}.cs-tab.active{background:#1c5060;border-color:#2bc4dd}.cs-search{min-width:220px;flex:0 1 300px}.cs-field{display:grid;gap:7px;color:#b9d3da;font-size:12px}.cs-field input,.cs-field select,.cs-field textarea,.cs-search{box-sizing:border-box;width:100%;border:1px solid #31576a;background:#0d2935;color:#f4fbfc;border-radius:9px;padding:11px 12px;font:inherit}.cs-field textarea{min-height:88px;resize:vertical;line-height:1.45}.cs-field input:focus,.cs-field select:focus,.cs-field textarea:focus,.cs-search:focus{outline:2px solid rgba(39,196,223,.25);border-color:var(--cs-cyan)}
.cs-table-wrap{overflow:auto}.cs-table{width:100%;border-collapse:collapse;min-width:980px}.cs-table th{text-align:left;color:#789fab;text-transform:uppercase;letter-spacing:.06em;font-size:10px;padding:10px;border-bottom:1px solid var(--cs-border)}.cs-table td{padding:13px 10px;border-bottom:1px solid rgba(44,82,96,.55);vertical-align:top;color:#c8dce2}.cs-table td strong{display:block;color:#fff}.cs-table td small{display:block;color:var(--cs-muted);margin-top:4px}.cs-table tbody tr{cursor:pointer}.cs-table tbody tr:hover{background:rgba(39,196,223,.05)}
.cs-status,.cs-route{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:700;white-space:nowrap;background:#183d4b;color:#bce8ef}.cs-status.awaiting_review{background:#513c19;color:#ffd995}.cs-status.direction_issued{background:#173e32;color:#8ce0bd}.cs-status.closed{background:#293944;color:#aabfc7}.cs-route.critical{background:#552b2b;color:#ffc0b5}.cs-route.strategy{background:#243b59;color:#b8d9ff}.cs-empty{text-align:center;padding:42px;color:var(--cs-muted)}
.cs-form-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.cs-form-head h2{margin:3px 0 4px;font:700 25px Georgia,serif}.cs-form-head p{margin:0;color:var(--cs-muted)}.cs-progress{margin-top:14px;padding:11px 13px;border:1px solid var(--cs-border);border-radius:9px;color:var(--cs-muted)}.cs-progress.complete{border-color:#2d8e72;color:#a1e6cc}.cs-callout{border-left:4px solid var(--cs-cyan);padding:16px 18px;background:#123440;border-radius:0 10px 10px 0}.cs-callout textarea{font-size:16px;min-height:105px}.cs-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--cs-border)}.cs-section h3{font:700 19px Georgia,serif;margin:0 0 4px}.cs-section>p{margin:0 0 14px;color:var(--cs-muted);font-size:13px}.cs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.cs-field.full{grid-column:1/-1}.cs-money-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cs-lender-row{display:grid;grid-template-columns:1fr 1fr 1.4fr auto;gap:9px;align-items:end;margin-bottom:9px}.cs-icon{padding:10px 12px}.cs-route-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.cs-route-option{display:block;border:1px solid #31576a;border-radius:10px;padding:13px;cursor:pointer}.cs-route-option:has(input:checked){border-color:var(--cs-cyan);background:rgba(39,196,223,.08)}.cs-route-option input{width:auto;margin-right:7px}.cs-route-option strong{display:block;margin-bottom:5px}.cs-route-option small{display:block;color:var(--cs-muted);line-height:1.35}.cs-suggestion{margin-top:10px;color:#9dd8e3;font-size:12px}.cs-form-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:20px}.cs-error{color:#ffb3a8}.cs-success{padding:18px;border:1px solid #2d8e72;background:#12372d;border-radius:12px;color:#b9edd8}
.cs-similar{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#102d3b;border:1px solid #285064;border-radius:11px;padding:16px}.cs-similar p{margin:5px 0 0;color:var(--cs-muted)}
.cs-similar a{text-decoration:none;white-space:nowrap}.cs-case-search{margin-top:13px}.cs-case-matches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.cs-case-loading{grid-column:1/-1;padding:18px;border:1px dashed #31576a;border-radius:10px;color:var(--cs-muted);text-align:center}.cs-case-match{display:flex;gap:9px;border:1px solid #31576a;border-radius:11px;background:#0d2935;padding:13px;cursor:pointer}.cs-case-match:has(input:checked){border-color:var(--cs-cyan);background:rgba(39,196,223,.08)}.cs-case-match input{width:auto;align-self:flex-start;margin-top:3px}.cs-case-match span{display:grid;gap:6px}.cs-case-match small{color:#79a9b6;font-size:10px;text-transform:uppercase}.cs-case-match strong{font-size:13px;line-height:1.35}.cs-case-match em{font-style:normal;color:#a7c8d0;font-size:11px}.cs-case-match a,.cs-saved-cases a{color:#63d8eb;font-size:11px;text-decoration:none}.cs-saved-cases{display:grid;gap:9px}.cs-saved-cases>a{display:grid;gap:5px;padding:12px;border:1px solid #31576a;border-radius:9px;background:#102f3b}.cs-saved-cases strong{color:#fff;font-size:13px}.cs-saved-cases span{color:#a7c8d0}
.cs-dialog{width:min(780px,calc(100vw - 32px));max-height:86vh;overflow:auto;border:1px solid #31576a;border-radius:14px;background:#0c2733;color:#edf9fb;padding:0}.cs-dialog::backdrop{background:rgba(2,12,18,.72)}.cs-dialog-inner{padding:24px}.cs-dialog-head{display:flex;justify-content:space-between;gap:18px}.cs-dialog-head h2{margin:0;font:700 24px Georgia,serif}.cs-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.cs-detail{background:#12333f;border-radius:9px;padding:12px}.cs-detail span{display:block;color:var(--cs-muted);font-size:10px;text-transform:uppercase}.cs-detail strong{display:block;margin-top:5px}.cs-copy{white-space:pre-wrap;color:#d5e7eb;line-height:1.5}.cs-review{margin-top:18px;padding-top:18px;border-top:1px solid var(--cs-border)}
@media(max-width:850px){.cs-hero,.cs-form-head,.cs-similar{align-items:stretch;flex-direction:column}.cs-metrics,.cs-grid,.cs-route-options,.cs-money-row,.cs-case-matches{grid-template-columns:1fr}.cs-lender-row{grid-template-columns:1fr}.cs-field.full{grid-column:auto}.cs-form-actions{align-items:stretch;flex-direction:column}.cs-form-actions button{width:100%}}
.csm-heading{display:flex;justify-content:space-between;gap:18px;align-items:center}.csm-heading h2{font:700 27px Georgia,serif;margin:2px 0 6px}.csm-heading p{margin:0;color:var(--cs-muted)}.csm-heading>span{border-radius:999px;background:#123b4b;color:#95e4ef;padding:8px 12px;font-size:11px;white-space:nowrap}
.csm-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.csm-metrics article{background:linear-gradient(145deg,#102f3c,#0b2632);border:1px solid var(--cs-border);border-radius:11px;padding:14px}.csm-metrics small{display:block;color:#7da7b5;text-transform:uppercase;letter-spacing:.07em;font-size:10px}.csm-metrics strong{display:block;font:700 27px Georgia,serif;margin:6px 0 2px}.csm-metrics span{color:#9ab8c2;font-size:11px}
.csm-workspace{display:grid;grid-template-columns:minmax(285px,.78fr) minmax(540px,1.55fr);gap:12px;align-items:start}.csm-queue,.csm-detail{background:#0c2936;border:1px solid var(--cs-border);border-radius:12px;overflow:hidden}.csm-queue>header{padding:14px;border-bottom:1px solid var(--cs-border)}.csm-queue>header>div{display:flex;justify-content:space-between;gap:8px;align-items:center}.csm-queue>header>div+div{margin-top:11px}.csm-queue h3{margin:0;font-size:15px}.csm-queue header span{color:#85aab8;font-size:11px}.csm-queue select{border:1px solid #31576a;background:#0d2935;color:#f4fbfc;border-radius:9px;padding:11px 9px;max-width:150px}.csm-queue .cs-search{min-width:0;flex:1}.csm-case-list{display:grid;max-height:660px;overflow:auto}.csm-case{display:block;width:100%;border:0;border-bottom:1px solid rgba(44,82,96,.6);background:transparent;color:inherit;text-align:left;padding:14px;cursor:pointer}.csm-case:hover,.csm-case.selected{background:#123848}.csm-case.selected{box-shadow:inset 3px 0 var(--cs-cyan)}.csm-case>span{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.csm-case strong{font-size:13px}.csm-case p{margin:6px 0;color:#a8c0c9;font-size:11px;line-height:1.4}.csm-case small{color:#7599a9;font-size:10px}.csm-case .cs-status{font-size:9px;padding:4px 7px}.cs-status.critical{background:#552b2b;color:#ffc0b5}.csm-empty{padding:30px;text-align:center;color:var(--cs-muted)}
.csm-detail>header{display:flex;justify-content:space-between;gap:15px;padding:16px 17px 12px}.csm-detail>header h2{margin:0;font-size:20px}.csm-detail>header p:not(.eyebrow){margin:5px 0 0;color:#91adba;font-size:11px}.csm-stage{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:0 17px 12px}.csm-stage span{border-top:3px solid #294c5f;padding-top:6px;color:#708f9f;font-size:9px;text-align:center}.csm-stage span.done{border-color:#2cc39f;color:#9bd9c4}.csm-stage span.current{border-color:var(--cs-cyan);color:#e9fbfe}.csm-tabs{display:flex;gap:4px;padding:0 14px;border-top:1px solid var(--cs-border);border-bottom:1px solid var(--cs-border);overflow:auto}.csm-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;color:#84a6b5;padding:11px 10px;cursor:pointer;white-space:nowrap}.csm-tabs button.active{border-bottom-color:var(--cs-cyan);color:#fff}.csm-tab-body{padding:14px}.csm-panel-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.csm-block{background:#092330;border:1px solid #1f4254;border-radius:9px;padding:13px;margin-bottom:10px}.csm-block:last-child{margin-bottom:0}.csm-block>p:not(.eyebrow){margin:0;color:#d4e4e9;line-height:1.5;font-size:12px;white-space:pre-wrap}.csm-block dl{display:grid;gap:7px;margin:0}.csm-block dl div{display:flex;justify-content:space-between;gap:12px;font-size:11px}.csm-block dt{color:#789baa}.csm-block dd{margin:0;text-align:right;color:#edf8fa}.csm-fields{display:grid;gap:11px}.csm-fields .cs-primary{justify-self:start}.csm-response{padding:2px}.csm-timeline{display:grid}.csm-event{display:grid;grid-template-columns:14px 1fr;gap:9px;padding-bottom:13px;position:relative}.csm-event:not(:last-child)::before{content:"";position:absolute;left:5px;top:11px;bottom:0;width:1px;background:#315365}.csm-event i{width:9px;height:9px;border-radius:50%;background:var(--cs-cyan);margin-top:3px;z-index:1}.csm-event strong{font-size:11px}.csm-event p{margin:3px 0;color:#b9ccd4;font-size:11px;white-space:pre-wrap}.csm-event small{color:#7798a7;font-size:10px}
@media(max-width:1180px){.csm-workspace{grid-template-columns:1fr}.csm-case-list{max-height:340px}.csm-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.csm-heading{align-items:flex-start;flex-direction:column}.csm-metrics,.csm-panel-grid{grid-template-columns:1fr}.csm-stage span{font-size:8px}.csm-queue>header>div+div{align-items:stretch;flex-direction:column}.csm-queue select{max-width:none}}