*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:#17202a;background:#f5f7f8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.62}h1,h2,p{margin-top:0}.supportWorkspace{max-width:1240px;min-height:100vh;margin:0 auto;padding:32px clamp(18px,4vw,48px) 56px}.workspaceHeader{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.workspaceHeader h1{letter-spacing:0;margin-bottom:0;font-size:clamp(2rem,5vw,3.6rem);line-height:1.04}.eyebrow{color:#667085;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:.78rem;font-weight:700}.headerAction,.primaryButton,.ghostButton{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.headerAction,.primaryButton{color:#fff;background:#00579b;border:1px solid #00579b}.ghostButton{color:#273444;background:#fff;border:1px solid #d4dbe4}.headerAction:focus-visible,.primaryButton:focus-visible,.ghostButton:focus-visible,.caseRow a:focus-visible{outline-offset:3px;outline:3px solid #00579b}.overviewStrip{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px;display:grid}.overviewStrip div{background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-width:0;padding:18px}.overviewStrip span{color:#00579b;margin-bottom:8px;font-size:2rem;font-weight:800;line-height:1;display:block}.overviewStrip small,.caseRow small,.caseMeta small{color:#667085}.workspaceGrid,.detailGrid{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start;gap:20px;display:grid}.detailGrid{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.supportPanel{background:#fff;border:1px solid #dfe5ec;border-radius:8px;min-width:0;padding:22px}.knowledgePanel{margin-bottom:20px}.panelHeader,.caseDetailHeader{justify-content:space-between;align-items:start;gap:16px;margin-bottom:18px;display:flex}.panelHeader h2,.caseDetailHeader h2{margin-bottom:0;font-size:1.35rem;line-height:1.2}.panelHeader.compact{margin-bottom:12px}.panelHeader h3{margin:0;font-size:1.05rem;line-height:1.25}.caseList,.knowledgeList,.timelineList{margin:0;padding:0;list-style:none}.caseRow{border-top:1px solid #edf1f5}.caseRow:first-child{border-top:0}.caseRow a{justify-content:space-between;align-items:center;gap:16px;min-height:86px;padding:16px 0;display:flex}.caseRow strong,.caseRow small{display:block}.caseRow strong{margin-bottom:5px;font-size:1rem;line-height:1.35}.caseMeta{text-align:right;flex-direction:column;align-items:end;gap:8px;display:flex}.knowledgeList{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.knowledgeList li{min-width:0}.knowledgeList a{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;gap:8px;min-height:158px;padding:16px;display:grid}.knowledgeList a:focus-visible{outline-offset:3px;outline:3px solid #00579b}.knowledgeList strong,.knowledgeList small{display:block}.knowledgeList strong{font-size:1rem;line-height:1.3}.knowledgeList small{color:#596675;line-height:1.45}.knowledgeCategory{color:#00579b;font-size:.78rem;font-weight:800}.statusPill{border-radius:999px;min-height:28px;padding:5px 10px;font-size:.82rem;font-weight:800;display:inline-flex}.statusPill.received,.statusPill.checking{color:#002f6c;background:#d3e4f5}.statusPill.waiting_for_customer{color:#875300;background:#fff0d9}.statusPill.in_progress{color:#00332e;background:#b2dfdb}.statusPill.resolved,.statusPill.closed{color:#2d6a2f;background:#edf7e9}.supportForm{gap:16px;display:grid}.formColumns{grid-template-columns:1fr 1fr;gap:14px;display:grid}.fieldBlock{color:#273444;gap:7px;min-width:0;font-weight:700;display:grid}.fieldBlock input,.fieldBlock select,.fieldBlock textarea{color:#17202a;background:#fff;border:1px solid #cfd7e2;border-radius:8px;width:100%;min-width:0;padding:11px 12px}.fieldBlock textarea{resize:vertical;min-height:160px}.fieldBlock input:focus,.fieldBlock select:focus,.fieldBlock textarea:focus{border-color:#00579b;outline:3px solid #00579b2e}.fieldBlock [aria-invalid=true]{border-color:#c93636}.fieldError,.formError{color:#b42318}.fieldError{font-size:.85rem;font-weight:700}.formError,.formSuccess{border-radius:8px;margin-bottom:0;padding:11px 12px;font-weight:700}.formError{background:#fff1f0}.formSuccess{color:#2d6a2f;background:#eaf7ed}.stateBox,.loginNotice{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;padding:18px}.stateBox p,.loginNotice p{color:#596675;margin-bottom:0;line-height:1.5}.stateBox .primaryButton,.stateBox .ghostButton{margin-top:14px}.stateBox.danger{background:#fff8f7;border-color:#ffd6d1}.loginNotice{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.loginNotice strong{margin-bottom:5px;display:block}.detailWorkspace{max-width:1120px}.detailFacts{grid-template-columns:1fr 1fr;gap:0;margin:22px 0 0;display:grid}.detailFacts div{border-top:1px solid #edf1f5;min-width:0;padding:16px 14px 16px 0}.detailFacts dt{color:#667085;margin-bottom:5px;font-size:.88rem}.detailFacts dd{overflow-wrap:anywhere;margin:0;font-weight:800}.timelineList{gap:12px;display:grid}.timelineList li{border-left:3px solid #00579b;padding-left:13px}.timelineList strong,.timelineList span{display:block}.timelineList span{color:#667085;margin-top:4px;font-size:.9rem}.messageList{gap:14px;margin:0 0 20px;padding:0;list-style:none;display:grid}.messageList li{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;padding:14px}.messageList li.customer_user{background:#eaf2fa;border-color:#b3cde1}.messageList div{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.messageList strong{color:#17202a}.messageList span{color:#596675;text-align:right;font-size:.85rem}.messageList p{white-space:pre-wrap;margin-bottom:0;line-height:1.55}.replyForm{border-top:1px solid #edf1f5;gap:12px;padding-top:18px;display:grid}.attachmentPanel{border-top:1px solid #edf1f5;margin-top:22px;padding-top:18px}.attachmentList{gap:10px;margin:0 0 18px;padding:0;list-style:none;display:grid}.attachmentList li{background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.attachmentList strong,.attachmentList span{display:block}.attachmentList strong{overflow-wrap:anywhere}.attachmentList span{color:#667085;margin-top:4px;font-size:.86rem}.attachmentForm{gap:12px;display:grid}.ghostButton.small,.scanPill{min-height:34px;padding:0 12px}.scanPill{color:#875300;white-space:nowrap;background:#fff0d9;border-radius:999px;align-items:center;font-size:.82rem;font-weight:800;display:inline-flex}.formHint{color:#596675;background:#f8fafc;border:1px solid #edf1f5;border-radius:8px;margin-bottom:0;padding:11px 12px;line-height:1.45}.knowledgeArticle{max-width:860px}.knowledgeArticle h2{margin-bottom:12px;font-size:clamp(1.7rem,4vw,2.6rem);line-height:1.12}.articleMeta{color:#667085;margin-bottom:24px;font-weight:700}.articleBody{color:#273444;white-space:pre-wrap;line-height:1.72}.authShell{background:linear-gradient(135deg,#00579beb,#002f6cd9),#00579b;align-items:center;min-height:100vh;padding:24px;display:flex}.authPanel{background:#fff;border:1px solid #e0e5ee;border-radius:8px;max-width:520px;margin:0 auto;padding:28px;box-shadow:0 18px 48px #18202f29}.authPanel h1{color:#17202a;margin-bottom:14px;font-size:2rem;line-height:1.15}.authPanel p:last-child{color:#536071;margin-bottom:0;line-height:1.55}@media (max-width:900px){.workspaceHeader,.loginNotice,.caseRow a{flex-direction:column;align-items:stretch}.headerAction,.primaryButton,.ghostButton{width:100%}.overviewStrip,.knowledgeList,.workspaceGrid,.detailGrid,.detailFacts{grid-template-columns:1fr}.caseMeta{text-align:left;align-items:start}}@media (max-width:640px){.supportWorkspace{padding:24px 14px 42px}.supportPanel,.overviewStrip div,.stateBox,.loginNotice{padding:16px}.formColumns{grid-template-columns:1fr}.panelHeader,.caseDetailHeader,.attachmentList li{flex-direction:column}}