.support-dialog { width:min(1000px,calc(100vw - 32px)); height:min(760px,calc(100dvh - 40px)); box-sizing:border-box; padding:20px; background:var(--bg); color:var(--text); border:1px solid var(--border-strong); border-radius:16px; }
body.enterprise-workspace:not(.workspace-full) #rail > #rail-report,body.enterprise-workspace.workspace-full #rail > #rail-report { margin-top:auto; }
body.enterprise-workspace:not(.workspace-full) #rail > #rail-browse,body.enterprise-workspace.workspace-full #rail > #rail-browse { margin-top:0; }
.support-dialog[open] { display:flex; flex-direction:column; gap:12px; }
.support-dialog::backdrop { background:#0009; }
.support-dialog > header,.support-chat > header { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.support-dialog h2,.support-dialog h3,.support-dialog p { margin:0; }
.support-dialog h2 { font-size:20px; }.support-dialog h3 { font-size:15px; }
.support-hint,.support-status { font-size:12px; color:var(--muted); }
.support-status { min-height:18px; }.support-area { display:flex; gap:16px; flex:1; min-height:0; }
.support-inbox { flex:0 0 240px; min-width:0; overflow:auto; border-right:1px solid var(--border); padding-right:12px; }
.support-inbox[hidden],.support-chat[hidden] { display:none; }
.support-thread { position:relative; display:flex; flex-direction:column; align-items:flex-start; gap:4px; width:100%; padding:10px; margin-bottom:5px; text-align:left; }
.support-thread[aria-pressed=true] { background:var(--accent-weak); }.support-thread small { max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.support-thread .badge { position:absolute; right:5px; top:5px; }
.support-pages { display:flex; flex-wrap:wrap; gap:5px; margin-top:10px; }
.support-chat { display:flex; flex-direction:column; gap:10px; flex:1; min-width:0; min-height:0; }
.support-chat > header { flex-wrap:wrap; justify-content:flex-start; }
.support-chat > header h3 { flex:1 0 100%; }
.support-chat > header button { font-size:12px; }
.support-inbox > select { width:100%; margin-bottom:10px; padding:8px; background:var(--surface); color:var(--text); border:1px solid var(--border); border-radius:8px; }
.support-messages { flex:1; min-height:0; overflow:auto; padding:4px 8px; scrollbar-width:thin; }
.support-message { margin:12px 0; overflow-wrap:anywhere; }.support-message header { display:flex; gap:8px; flex-wrap:wrap; align-items:baseline; margin-bottom:4px; }.support-message small { color:var(--muted); font-size:10px; }.support-text { font-size:14px; line-height:1.5; }
.support-chat form { display:flex; gap:10px; align-items:flex-end; }.support-chat textarea { flex:1; min-width:0; max-height:180px; resize:vertical; padding:10px; border-radius:9px; border:1px solid var(--border); background:var(--surface); color:var(--text); font:inherit; font-size:14px; }
@media(max-width:700px) { .support-dialog { padding:12px; }.support-area { flex-direction:column; }.support-inbox { flex:0 0 auto; max-height:150px; border-right:0; border-bottom:1px solid var(--border); }.support-inbox > div:first-child { display:flex; gap:6px; }.support-thread { min-width:170px; }.support-inbox .support-pages { margin:0 0 6px; } }