.support-shell{max-width:1480px;margin:0 auto;min-width:0}
.support-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-width:0;padding:20px 32px;border-bottom:1px solid var(--line);background:#fff}
.support-topbar .brand{text-decoration:none;color:var(--ink)}
.support-topbar .back-button{margin:0;font-size:13px;text-decoration:none}
.support-main{padding:30px 32px 48px;min-width:0}
.support-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.support-heading>div{min-width:0}
.support-heading>button{flex-shrink:0;white-space:nowrap}
.support-heading h1{font-size:30px}
.support-heading .small{margin-bottom:0}
.support-workspace{display:grid;grid-template-columns:minmax(240px,32%) minmax(0,1fr);gap:20px;min-width:0;align-items:start}
.support-panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px;min-width:0}
.support-panel h2{font-size:19px;line-height:1.4}
#count{font-size:12px;color:var(--muted);font-weight:400}
.threads{display:grid;gap:10px;min-width:0;max-height:calc(100dvh - 280px);overflow:auto;overscroll-behavior:contain}
.thread{width:100%;min-height:68px;text-align:left;background:var(--limestone);border:1px solid var(--line);border-radius:10px;padding:15px;overflow-wrap:anywhere}
.thread:hover{border-color:var(--copper)}
.thread.selected{border-color:var(--deep);background:var(--beige)}
.thread strong,.thread small{display:block;overflow-wrap:anywhere}
.thread strong{font-size:13px;font-weight:600}
.thread small{font-size:11px;line-height:1.6;color:var(--muted);margin-top:7px}
.messages{display:grid;gap:12px;max-height:min(36dvh,360px);overflow:auto;overscroll-behavior:contain;padding:16px;border:1px solid var(--line);background:var(--limestone);border-radius:12px;margin:18px 0}
.message{padding:14px;background:#fff;border:1px solid var(--line);border-radius:10px;min-width:0;overflow-wrap:anywhere}
.message.draft{background:var(--beige)}
.message p{font-size:14px;white-space:pre-wrap;line-height:1.65;margin:8px 0}
.message small{font-size:11px;color:var(--muted)}
.case-actions{justify-content:flex-start;margin:18px 0}
.composer{margin-top:22px;display:grid;gap:10px;min-width:0}
.composer label{font-size:13px;font-weight:550}
.composer p{margin:0}
.composer textarea{min-height:130px}
textarea,input,select{font-size:16px!important;line-height:1.5}
.composer-actions{justify-content:flex-end;margin-top:5px}
.support-main button{min-height:44px}
@media(max-width:760px){
 .support-topbar{padding:12px max(16px,env(safe-area-inset-right)) 12px max(16px,env(safe-area-inset-left))}
 .support-topbar .brand strong{font-size:19px;letter-spacing:3px}
 .support-main{padding:24px max(16px,env(safe-area-inset-right)) max(36px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}
 .support-heading{gap:12px;align-items:flex-start;margin-bottom:20px}
 .support-heading h1{font-size:25px}
 .support-workspace{grid-template-columns:minmax(0,1fr)}
 .support-panel{padding:18px}
 .threads{max-height:none;overflow:visible}
 .support-workspace:not(.has-case) .case-panel{display:none}
 .support-workspace.has-case #queuePanel{display:none}
 .messages{max-height:min(42dvh,340px)}
 .composer-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .composer-actions .action{width:100%;padding-left:12px;padding-right:12px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}