:root{--ink:#172026;--muted:#64707d;--line:#d8dee5;--bg:#f4f7f7;--teal:#164e63;--orange:#b85926;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);font-size:14px;line-height:1.6}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}a{color:var(--teal)}button,a.primary{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 14px;border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);text-decoration:none;cursor:pointer}button:hover{background:#edf3f4}button:disabled{opacity:.6;cursor:wait}.primary{background:var(--teal)!important;color:white!important;border-color:var(--teal)!important}:focus-visible{outline:3px solid #c27c45;outline-offset:3px}
header{min-height:88px;background:white;border-bottom:1px solid var(--line);padding:20px max(28px,calc((100vw - 1384px)/2));display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:25px;letter-spacing:-1px;text-decoration:none;color:#102a32;line-height:1.2;font-weight:700}.brand span{color:var(--orange)}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:9px;font-weight:400}#account{display:flex;align-items:center;justify-content:flex-end;gap:14px;flex-wrap:wrap}#account>span{font-size:13px}#account select{max-width:300px}
main{max-width:1440px;padding:36px 28px;margin:auto;min-height:calc(100vh - 180px)}footer{max-width:1440px;margin:0 auto;padding:24px 28px;font-size:12px;color:var(--muted)}h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;margin:0 0 12px;overflow-wrap:anywhere}h2{font-size:20px;line-height:1.35;margin:0 0 18px}p{margin:0 0 16px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:bold;color:var(--teal);margin:0 0 12px}.muted,small{color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-head p:last-child{margin:0}.page-head>button{flex-shrink:0}
.panel,.welcome{background:white;border:1px solid var(--line);border-radius:9px;padding:26px;margin:0 0 20px}.welcome{max-width:650px;margin:8vh auto;padding:36px}.welcome .primary{margin:4px 0 18px}.empty{text-align:center;background:white;border:1px dashed var(--line);border-radius:9px;padding:52px 24px}.empty h2{margin:0 0 10px}.empty p{margin:0}.summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:26px}.metric{background:white;border:1px solid var(--line);border-radius:9px;padding:22px}.metric strong{display:block;font-size:30px;line-height:1.2;margin-bottom:8px}.metric span{color:var(--muted)}.metric:nth-child(2) strong{color:var(--orange)}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0 12px}.filters{display:flex;gap:5px;flex-wrap:wrap}.filters button{border-color:transparent;background:none;color:var(--muted)}.filters [aria-pressed=true]{background:white;color:var(--ink);border-color:var(--line);box-shadow:0 1px 4px #0001}.search{margin:0;width:min(360px,100%);flex-shrink:0}.search input{width:100%;margin:0}.case-count{font-size:12px;margin:0 0 12px}.case-table{border:1px solid var(--line);border-radius:9px;background:white;overflow:hidden}.case-row{display:grid;grid-template-columns:minmax(220px,2fr) minmax(105px,.7fr) minmax(140px,1fr) minmax(135px,.8fr);align-items:center;gap:22px;width:100%;padding:22px;text-align:left;border:0;border-top:1px solid #e8edee;border-radius:0;background:white}.case-row strong{font-size:14px;display:block;overflow-wrap:anywhere}.case-row small{display:block;font-size:12px;margin-top:5px}.table-head{background:#eef3f4;padding-block:12px;font-size:10px;color:var(--muted);letter-spacing:1px;border-top:0}.row-owner,.row-updated{font-size:13px;overflow-wrap:anywhere}.row-updated{color:var(--muted)}.mobile-label{display:none}.badge{display:inline-block;align-self:flex-start;font-size:11px;line-height:1.4;background:#edf3f4;color:var(--teal);padding:6px 9px;border-radius:5px;white-space:nowrap}.badge.waiting{color:#914916;background:#fff3e4}.badge.closed{color:#456b58;background:#edf6f0}
.back-link{padding:0;min-height:34px;border:0;background:none;color:var(--teal);margin-bottom:20px}.back-link:hover{background:none;text-decoration:underline}.case-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px}.case-heading p:last-child{margin:0}.case-heading .badge{margin-top:24px}.detail-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:22px;align-items:start}.conversation-column,.case-context{min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0}.panel-head button{font-size:12px;flex-shrink:0}.messages{min-width:0}.event{padding:22px 0;border-bottom:1px solid var(--line)}.event:last-child{border-bottom:0}.event>summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) 14px;gap:16px;align-items:start}.event>summary::-webkit-details-marker{display:none}.history-icon{width:40px;height:40px;border-radius:10px;background:#edf4fc;color:#286397;display:flex;align-items:center;justify-content:center;flex-shrink:0}.history-icon svg{width:21px;height:21px}.staff .history-icon{background:#eaf4ef;color:#317157}.event-heading{min-width:0}.event-heading strong{font-size:13px;display:block;line-height:1.6;overflow-wrap:anywhere}.event-heading small{display:block;font-size:11px;margin-top:2px}.event-preview{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:13px;color:var(--muted);margin-top:8px}.event[open] .event-preview{display:none}.chevron{width:7px;height:7px;border:solid var(--muted);border-width:1px 1px 0 0;transform:rotate(45deg);margin:12px 3px 0 0;transition:transform .15s}.event[open] .chevron{transform:rotate(135deg)}.event-body{padding-left:56px;min-width:0}.event-body p{white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0;line-height:1.7}.conversation-empty{display:flex;align-items:center;gap:16px;padding:26px 0}.conversation-empty p{margin:0;color:var(--muted)}
.reply-form{border-top:1px solid var(--line);padding-top:22px;margin-top:4px}.reply-form label{margin:0 0 8px;font-weight:600}.reply-form textarea{margin:0;min-height:130px}.reply-actions{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:14px}.reply-actions small{font-size:11px}.reply-actions button{flex-shrink:0}.case-context h2{font-size:14px;text-transform:uppercase;letter-spacing:.5px;margin-bottom:22px}.case-context dl{margin:0}.kv{margin:0 0 18px;overflow-wrap:anywhere}.kv:last-child{margin-bottom:0}.kv dt{font-size:11px;color:var(--muted);margin-bottom:4px}.kv dd{margin:0;font-size:13px}.access-context{background:#eef3f4;border-color:#e0e7e9}.access-context h2{margin-bottom:14px}.access-context>strong{font-size:13px}.access-context p{font-size:12px;margin:5px 0 0}.count{font-size:12px;color:var(--muted);font-weight:400;margin-left:5px}.shared-files{list-style:none;padding:0;margin:0}.shared-files li{display:flex;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.shared-files li:last-child{border-bottom:0;padding-bottom:0}.shared-files a{overflow-wrap:anywhere;font-size:13px}.shared-files a small{display:block;font-size:11px}
label{display:block;margin:20px 0}input,textarea,select{border:1px solid #cbd4df;border-radius:6px;padding:10px;background:white;color:var(--ink);max-width:100%}input,textarea{width:100%;margin-top:8px}textarea{resize:vertical}#notice:not(:empty){padding:15px;background:#fff3e8;border-left:4px solid #dc8b43;margin-bottom:20px;overflow-wrap:anywhere}.sr-only{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(max-width:1000px){.detail-grid{grid-template-columns:minmax(0,1fr) 260px}.panel{padding:22px}.toolbar{align-items:flex-start;flex-wrap:wrap}.search{width:100%;max-width:400px}.case-row{gap:14px;grid-template-columns:minmax(180px,1.7fr) 105px minmax(110px,1fr) 130px;padding:18px}.table-head{padding-block:12px}}
@media(max-width:760px){header{padding:18px;align-items:flex-start;gap:16px}#account{font-size:12px;gap:8px}#account>span{width:100%;text-align:right}#account select{max-width:190px;font-size:12px}.brand{font-size:23px}main{padding:26px 16px}footer{padding:20px 16px}h1{font-size:25px}.page-head{align-items:flex-start;flex-wrap:wrap}.summary{gap:10px}.metric{padding:16px 12px}.metric strong{font-size:25px}.metric span{font-size:12px}.detail-grid{grid-template-columns:minmax(0,1fr)}.case-context{display:grid;grid-template-columns:1fr 1fr;gap:16px}.case-context .panel{margin:0}.case-heading{gap:16px}.case-heading .badge{margin-top:22px}.case-row{grid-template-columns:minmax(0,1fr) auto;gap:10px 16px}.table-head{display:none}.case-row:first-of-type{border-top:0}.case-subject{grid-column:1}.row-owner,.row-updated{font-size:12px}.mobile-label{display:block;font-size:10px;color:var(--muted)}.row-updated{text-align:right}.toolbar{gap:12px}.search{max-width:none}.filters{gap:0}.filters button{font-size:12px;padding:8px 10px}.welcome{padding:26px;margin:5vh auto}.reply-actions{align-items:flex-start;flex-wrap:wrap}}
@media(max-width:420px){#account select{max-width:150px}.panel{padding:20px}.case-context{grid-template-columns:1fr}.event>summary{grid-template-columns:32px minmax(0,1fr) 12px;gap:10px}.history-icon{width:32px;height:32px;border-radius:8px}.history-icon svg{width:18px;height:18px}.event-body{padding-left:42px}.metric{padding:14px 10px}.metric span{font-size:11px}.page-head>button{width:100%}.case-heading{display:block}.case-heading .badge{margin-top:14px}.panel-head button{padding:8px 10px}.reply-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){.chevron{transition:none}}
.case-navigation{display:flex;gap:6px;margin:0 0 28px;border-bottom:1px solid var(--line);padding-bottom:12px}.case-navigation button{border:0;background:none;color:var(--muted)}.case-navigation [aria-current=page]{background:#e6eef0;color:var(--teal);font-weight:bold}
.archive-summary{grid-template-columns:minmax(0,300px)}
.mail-files{margin-top:18px;padding:14px;background:#f4f7f9;border:1px solid #dbe5eb;border-radius:8px;font-size:12px}.mail-files>strong{display:block;margin-bottom:8px}.portal-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,180px));gap:12px;margin-top:12px}.portal-file{display:flex;flex-direction:column;gap:6px;padding:9px;min-width:0;border:1px solid #cbd9e1;border-radius:7px;background:white;text-decoration:none}.portal-file:hover{border-color:var(--teal);box-shadow:0 2px 7px #18334218}.portal-file-image{display:grid;place-items:center;width:100%;height:120px;background:#f3f6f8;border-radius:4px;overflow:hidden}.portal-file-image img{display:block;width:100%;height:100%;object-fit:contain}.portal-file-name{font-size:12px;line-height:1.4;overflow-wrap:anywhere}.portal-file small{font-size:10px}.portal-file.document-file{justify-content:center}.inline-files{margin-top:14px}.inline-files>summary{font-size:11px;color:var(--muted);cursor:pointer;padding:5px 0}.inline-files .portal-file-image{height:80px}@media(max-width:480px){.portal-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mail-files{padding:10px}.portal-file-image{height:95px}}