.chat-availability-bar,.chat-availability-bar form,.chat-room-actions,.chat-conversation-status{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.chat-availability-bar{justify-content:space-between;margin:1rem 0}
.chat-availability-bar label{display:flex;align-items:center;gap:.65rem}
.chat-roster{padding:.8rem 0;border-block:1px solid var(--border,#ccd6df);margin:1rem 0}
.chat-roster h2{font-size:1rem;margin:0 0 .5rem}
.chat-roster ul{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;margin:0;padding:0;list-style:none}
.chat-roster li{font-size:.9rem}
.chat-conversation-status{justify-content:space-between;font-size:.875rem;color:var(--muted,#45586b)}
.chat-transcript{display:flex;flex-direction:column;gap:.9rem;max-height:55vh;min-height:12rem;overflow:auto;padding:1rem;border:1px solid var(--border,#ccd6df);border-radius:.5rem;background:var(--surface,#fff);scrollbar-gutter:stable}
.chat-message{width:90%;padding:.8rem 1rem;background:var(--surface-subtle,#f0f4f7);border:1px solid var(--border,#ccd6df);border-radius:.45rem;overflow-wrap:anywhere}
.chat-message-mine{align-self:flex-end;border-left:3px solid var(--primary,#006298)}
.chat-message header{display:flex;align-items:baseline;gap:.65rem;flex-wrap:wrap;font-size:.8rem}
.chat-message header strong{font-size:.9rem}.chat-message header time{margin-left:auto}
.chat-message p{white-space:pre-wrap;margin:.5rem 0 0;line-height:1.5}
.chat-compose{max-width:54rem;margin-top:1rem}.chat-compose>button{justify-self:start}
.chat-identity-fields{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.chat-programs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin:.75rem 0}
.chat-programs .checkbox-label,.support-workspace .checkbox-label{display:flex;align-items:center;gap:.6rem}
.chat-programs input[type=checkbox],.support-workspace input[type=checkbox]{width:1.1rem;min-height:1.1rem;flex:0 0 auto}
.helpdesk-files{list-style:none;padding:0;margin:.75rem 0}
.helpdesk-files li{display:flex;gap:.65rem;flex-wrap:wrap;padding:.35rem 0;overflow-wrap:anywhere}
.helpdesk-files small{color:var(--muted,#45586b)}
.helpdesk-file-upload{display:grid;gap:.6rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border,#ccd6df)}
.helpdesk-file-upload button{justify-self:start}
html[data-theme=dark] .chat-message{background:#202f3d}html[data-theme=dark] .chat-transcript{background:#17232e}
html[data-theme=dark] .chat-conversation-status,html[data-theme=dark] .helpdesk-files small{color:#c2d0db}
@media(max-width:700px){.chat-availability-bar,.chat-availability-bar form{align-items:stretch;flex-direction:column;width:100%}.chat-availability-bar label{flex-direction:column;align-items:stretch}.chat-programs,.chat-identity-fields{grid-template-columns:1fr}.chat-message{width:100%}.chat-transcript{padding:.5rem;max-height:50vh}.chat-message header time{margin-left:0;width:100%}}