:root{--navy:#1d2d48;--navy-hover:#2b4165;--nav-active:#384a6a;--amber:#e9b567;--page:#f7f5ef;--card:#fff;--card-warm:#fffdf9;--border:#e4dfd3;--divider:#eee9dd;--text:#1b2b45;--text-secondary:#55627a;--text-muted:#66738a;--eyebrow-warm:#7c6943;--eyebrow-cool:#41617b;--link:#304b71;--danger:#a2413d;--danger-bg:#fbe6e4;--warning:#8a5a0f;--warning-bg:#fff0d8;--unverified-bg:#fff4e0;--success:#16705e;--success-bg:#e0f3ee;--radius-card:19px;--radius-control:10px;--shadow-card:0 12px 35px #1c2b450f;--font-body:"Trebuchet MS", "Segoe UI", sans-serif;--font-heading:Georgia, "Times New Roman", serif}*{box-sizing:border-box}body{background:var(--page);color:var(--text);font-family:var(--font-body);margin:0;font-size:14px;line-height:1.5}h1,h2,h3{font-family:var(--font-heading);color:var(--navy);font-weight:400}a{color:var(--link)}:focus-visible{outline:3px solid var(--amber);outline-offset:2px}.app{min-height:100vh;display:flex}.sidebar{background:var(--navy);color:#fff;flex-shrink:0;width:240px;padding:24px 16px}.brand{font-family:var(--font-heading);color:var(--amber);margin:0 0 24px;font-size:22px}.content{flex:1;max-width:1600px;padding:32px}.page-title{margin:0 0 16px;font-size:36px}@media (width<=760px){.app{flex-direction:column}.sidebar{width:100%}.content{padding:16px}}.nav-list{margin:0;padding:0;list-style:none}.nav-link{border-radius:var(--radius-control);color:#fff;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;display:flex}.nav-link.active{background:var(--nav-active)}.main-column{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--divider);min-height:56px;color:var(--text-secondary);justify-content:flex-end;align-items:center;padding:0 32px;display:flex}.banner{border-radius:12px;justify-content:space-between;align-items:flex-start;gap:12px;margin-top:20px;padding:12px 16px;font-size:14px;display:flex}.banner-success{color:#1f4d40;background:#eef8f4;border:1px solid #b9dccf}.banner-dismiss{font:inherit;min-width:44px;min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;font-size:20px;line-height:1}.btn{border-radius:var(--radius-control);min-height:44px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:700;display:inline-flex}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-hover)}.btn-secondary{color:var(--navy);border-color:var(--border);background:#fff}.btn:disabled{opacity:.55;cursor:not-allowed}.pill{white-space:nowrap;border-radius:999px;align-items:center;padding:3px 12px;font-size:12px;font-weight:700;display:inline-flex}.pill-New{color:#315178;background:#e8eef7}.pill-Triage{color:#5f418f;background:#f1eafb}.pill-Approved{color:#16705e;background:#e0f3ee}.pill-InProgress{color:#1f4f80;background:#dfeaf6}.pill-InReview{color:#8a5a0f;background:#fff0d8}.pill-Verification{color:#1b5f71;background:#e1f0f4}.pill-OnHold{color:#55544e;background:#efede7}.pill-Closed{color:#2f6b3a;background:#e6efe4}.pill-Rejected{color:#a2413d;background:#fbe6e4}.pill-Withdrawn{color:#55554f;background:#eeeeec}.chip{border-radius:999px;align-items:center;gap:4px;padding:2px 10px;font-size:12px;font-weight:700;display:inline-flex}.chip-warning{color:var(--warning);background:var(--warning-bg)}.chip-unverified{color:var(--warning);background:var(--unverified-bg);border:1px solid #f0d9ad}.chip-override{color:#fff;background:var(--warning)}.chip-danger{color:var(--danger);background:var(--danger-bg)}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:20px 24px}.card-warm{background:var(--card-warm)}.card-head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.card-title{margin:4px 0 12px;font-size:21px}.eyebrow{font-family:var(--font-body);letter-spacing:.13em;text-transform:uppercase;color:var(--eyebrow-warm);margin:0;font-size:11px;font-weight:700}.eyebrow-note{color:var(--text-secondary);font-size:12px}.muted{color:var(--text-muted)}.field-label{color:var(--text);margin:12px 0 4px;font-size:12px;font-weight:700;display:block}.field-hint{color:var(--text-muted);font-weight:400}.field-help{color:var(--text-secondary);margin:4px 0 0;font-size:12px}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.case-page{flex-direction:column;gap:16px;display:flex}.crumbs{color:var(--text-secondary);font-size:14px}.case-header .badges{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.case-header .page-title{margin:0 0 6px}.case-meta{color:var(--text-secondary);margin:0}.case-grid{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:20px;display:grid}.case-main,.case-side{flex-direction:column;gap:16px;min-width:0;display:flex}.stepper{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:14px 0 0;padding:0;list-style:none;display:grid}.step{border:1px solid var(--divider);background:#fff;border-radius:12px;flex-direction:column;gap:2px;padding:10px;display:flex}.step-label{color:var(--text-secondary);font-size:13px;font-weight:700}.step-sub{color:var(--text-muted);min-height:1.2em;font-size:12px}.step-done .step-label{color:var(--success)}.step-current{border-color:var(--amber);background:#fff7ea}.step-current .step-label{color:var(--navy)}.off-path-heading{margin-top:14px}.off-path{flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;list-style:none;display:flex}.off-chip{color:var(--text-secondary);background:#fff;border:1px dashed #d8d2c4;border-radius:12px;flex-direction:column;padding:8px 12px;font-size:12px;display:flex}.off-chip-on{border-style:solid;border-color:#8b8a83}.off-chip-OnHold.off-chip-on{color:#3f3e39;background:#efede7}.off-chip-Rejected.off-chip-on,.off-chip-Withdrawn.off-chip-on{color:var(--danger);background:#fbe6e4}.case-actions{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.action{flex-direction:column;gap:4px;max-width:280px;display:inline-flex}.blocked-reason{color:var(--text-secondary);font-size:12px}.lock{margin-right:6px}.btn-danger{background:var(--danger);color:#fff}.btn-danger-outline{color:var(--danger);background:#fff;border-color:#e7b7b4}.btn-override{color:var(--warning);background:#fff7ea;border-color:#f0d9ad}.no-actions{color:var(--text-secondary);margin:0}.details{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin:0;display:grid}.details dt{color:var(--text-secondary);font-size:12px;font-weight:700}.details dd{white-space:pre-wrap;margin:2px 0 0}.details-wide{grid-column:1/-1}.files{flex-direction:column;gap:8px;margin:10px 0 0;padding:0;list-style:none;display:flex}.files li{align-items:center;gap:10px;display:flex}.file-type{color:var(--link);background:#eef2f8;border-radius:6px;padding:3px 6px;font-size:11px;font-weight:700}.file-name{overflow-wrap:anywhere;flex:1}.empty p{margin:6px 0 0}.person{align-items:center;gap:10px;display:flex}.person-name{margin:0;font-weight:700}.person .muted{margin:0;font-size:12px}.people{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.note-warning{background:var(--unverified-bg);color:var(--warning);border-radius:10px;margin:10px 0 0;padding:10px 12px;font-size:13px}.prototype-url{overflow-wrap:anywhere;font-weight:700}.time-in-state{flex-direction:column;gap:6px;margin:8px 0 0;display:flex}.time-in-state div{justify-content:space-between;display:flex}.time-in-state dd{margin:0;font-weight:700}.avatar{border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:12px;font-weight:700;display:inline-grid}.avatar-navy{background:var(--navy);color:#fff}.avatar-light{color:#315178;background:#e8eef7}.avatar-amber{background:var(--warning);color:#fff}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.tab{border-radius:var(--radius-control);border:1px solid var(--border);min-height:44px;color:var(--text);font:inherit;cursor:pointer;background:#fff;padding:0 14px}.tab[aria-pressed=true]{background:var(--navy);color:#fff;border-color:var(--navy)}.timeline{flex-direction:column;gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.entry{border:1px solid #0000;border-radius:12px;gap:12px;padding:10px;display:flex}.entry-override{background:#fff7ea;border-color:#f0d9ad}.entry-body{min-width:0}.entry-head{flex-wrap:wrap;align-items:baseline;gap:6px;margin:0;display:flex}.entry-role,.entry-time{color:var(--text-muted);font-size:12px}.entry-text{white-space:pre-wrap;margin:4px 0 0}.dialog-backdrop{z-index:50;background:#1b2b4573;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{border-radius:var(--radius-card);background:#fff;width:min(520px,100%);padding:24px;box-shadow:0 20px 60px #1c2b4540}.dialog-title{flex-wrap:wrap;align-items:center;gap:10px;margin:0 0 6px;font-size:22px;display:flex}.dialog-desc{color:var(--text-secondary);margin:0 0 8px}.dialog textarea,.dialog select,.field select{width:100%;font:inherit;border-radius:var(--radius-control);border:1px solid #b9b3a6;min-height:44px;padding:10px}.dialog-actions{justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.banner-danger{background:var(--danger-bg);color:var(--danger);border:1px solid #e7b7b4}.banner-warning{background:var(--warning-bg);color:var(--warning);border:1px solid #f0d9ad}.state-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-card);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:28px;display:flex}.state-title{margin:0;font-size:22px}.state-card p{color:var(--text-secondary);max-width:520px;margin:0}.skeleton{flex-direction:column;gap:8px;width:min(420px,100%);display:flex}.skeleton span{background:linear-gradient(90deg,#eee9dd,#f7f5ef,#eee9dd);border-radius:6px;height:12px}@media (width<=1100px){.case-grid{grid-template-columns:minmax(0,1fr)}.stepper{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=600px){.stepper{grid-template-columns:repeat(2,minmax(0,1fr))}.details{grid-template-columns:minmax(0,1fr)}.case-actions-card{z-index:20;border-width:1px 0 0;border-radius:0;padding:12px 16px;position:fixed;bottom:0;left:0;right:0}.case-page{padding-bottom:120px}.case-actions{flex-wrap:nowrap;overflow-x:auto}.case-actions .btn{white-space:nowrap}}.comment-box{margin-bottom:16px}.comment-box textarea{width:100%;font:inherit;border-radius:var(--radius-control);border:1px solid #b9b3a6;min-height:88px;padding:10px}.comment-actions{justify-content:flex-end;margin-top:8px;display:flex}.field-error{color:var(--danger);margin:4px 0 0;font-size:13px;font-weight:700}.banner-actions{flex-shrink:0;gap:8px;display:flex}.edit-form{flex-direction:column;gap:4px;display:flex}.edit-form input,.edit-form textarea{width:100%;font:inherit;border-radius:var(--radius-control);border:1px solid #b9b3a6;min-height:44px;padding:10px}.edit-diff{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:6px 0 0;font-size:13px;display:grid}.edit-diff dt{color:var(--text-secondary);font-weight:700}.edit-diff dd{white-space:pre-wrap;margin:0}.link-button{min-height:44px;font:inherit;color:var(--link);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;text-decoration:underline}.feedback-page{flex-direction:column;gap:12px;display:flex}.feedback-page>.btn{align-self:flex-start}.feedback-grid{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:20px;display:grid}.feedback-items{flex-direction:column;gap:12px;display:flex}.feedback-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.feedback-form textarea,.feedback-form input[type=url]{width:100%;font:inherit;border-radius:var(--radius-control);border:1px solid #b9b3a6;min-height:44px;padding:10px}.feedback-summary{flex-direction:column;gap:10px;display:flex}.dropzone{text-align:center;background:#fff;border:2px dashed #d8d2c4;border-radius:12px;padding:16px}.dropzone p{margin:4px 0}.link-label{color:var(--link);cursor:pointer;text-decoration:underline}.shot-preview{margin:0}.shot-preview img,.thumb img{border:1px solid var(--border);border-radius:8px;max-width:100%;max-height:160px}.thumb{margin-top:6px;display:inline-block}.feedback-link{margin-top:10px}@media (width<=900px){.feedback-grid{grid-template-columns:minmax(0,1fr)}}.assignee-edit select{width:100%;font:inherit;border-radius:var(--radius-control);border:1px solid #b9b3a6;min-height:44px;padding:10px}.card-head .field-label{margin-bottom:4px}.icon-button{min-width:44px;min-height:44px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-control);background:0 0;border:0;margin-left:auto;font-size:18px}.watcher-add input{width:100%;font:inherit;border-radius:var(--radius-control);border:1px solid #b9b3a6;min-height:44px;padding:10px}.switches{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.switch-row{border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.switch-row p{margin:2px 0 0}.switch-control{align-items:center;gap:10px;display:flex}.switch{appearance:none;cursor:pointer;background:#b9b3a6;border-radius:999px;flex-shrink:0;width:48px;height:28px;margin:8px 0;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.switch:checked{background:var(--navy)}.switch:checked:after{left:23px}.switch:disabled{cursor:not-allowed;opacity:.7}.saved{color:var(--success);align-self:center;font-weight:700}.queue-page{flex-direction:column;gap:14px;display:flex}.filters{flex-wrap:wrap;align-items:flex-end;gap:12px 16px;display:flex}.filters .field{flex-direction:column;min-width:180px;display:flex}.filters select,.filters input{font:inherit;border-radius:var(--radius-control);background:#fff;border:1px solid #b9b3a6;min-height:44px;padding:10px}.queue-table{border-collapse:collapse;width:100%}.queue-table th{text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:8px;font-size:12px}.queue-table td{border-bottom:1px solid var(--divider);vertical-align:middle;padding:10px 8px}.queue-table .chip{margin-left:6px}.case-link{flex-wrap:wrap;align-items:center;gap:6px;min-height:44px;font-weight:700;display:inline-flex}.pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.pager-buttons{gap:8px;display:flex}@media (width<=760px){.queue-table thead{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.queue-table,.queue-table tbody,.queue-table tr,.queue-table td{width:100%;display:block}.queue-table tr{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;padding:8px 12px}.queue-table td{border:0;justify-content:space-between;gap:12px;padding:4px 0;display:flex}.queue-table td:before{content:attr(data-label);color:var(--text-secondary);font-size:12px;font-weight:700}.filters .field{min-width:100%}}.metric-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.metric-card{padding:16px 18px}.metric-value{font-family:var(--font-heading);color:var(--navy);margin:4px 0;font-size:34px}.metric-card .muted{margin:0;font-size:12px}.check{align-items:center;gap:8px;min-height:44px;font-weight:700;display:inline-flex}.check input{width:20px;height:20px}.aging-cell{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.aging-label{color:var(--text-secondary);width:100%;font-size:12px}.threshold-bar{background:var(--divider);border-radius:3px;width:100%;max-width:160px;height:6px;display:block;overflow:hidden}.threshold-bar span{background:var(--success);height:100%;display:block}.threshold-aging span{background:var(--warning)}.threshold-overdue span{background:var(--danger)}@media (width<=900px){.metric-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.state-counts{grid-template-columns:repeat(5,minmax(0,1fr))}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}@media (width<=900px){.state-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:minmax(0,1fr)}}.attention{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.attention .card-title{margin:4px 0 0}.request-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.request-card{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 18px;display:flex}.request-main p{margin:0}.request-badges{align-items:center;gap:8px;display:flex}
