/* Atlas workspace features. Preferences are local to this browser. */
.metrics { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.table-wrap { position: relative; }
.metrics > div:nth-child(3) strong { color: var(--gold); }
.queue-filters { display: flex; align-items: center; gap: 18px; padding: 14px 24px; border-bottom: 1px solid var(--border); }
.queue-filters label { display: flex; gap: 8px; align-items: center; font-size: 10px; color: var(--muted); }
.queue-filters > span { margin-left: auto; font-size: 9px; color: var(--muted); }
select, .ticket-inspector textarea, .settings-scroll input, .settings-scroll textarea { background: var(--bg); color: var(--text); border: 1px solid var(--border); border-radius: 5px; padding: 8px; font: inherit; font-size: 11px; }
.topbar .live-indicator { gap: 8px; }.topbar .live-indicator > .icon-button { margin-left: 0; }
.unread-ticket { background: color-mix(in srgb, var(--gold) 4%, transparent); }
.unread-ticket .ticket-link { font-weight: 600; }
.unread-indicator { display: inline-block; color: var(--gold); font-size: 8px; font-weight: 500; margin-left: 8px; border: 1px solid color-mix(in srgb, var(--gold) 28%, transparent); padding: 0 4px; border-radius: 3px; }
.waiting-label { display: block; margin-top: 7px; color: var(--muted); font-size: 9px; }.waiting-label.staff { color: var(--gold); }
.priority-badge { display: inline-block; font-size: 10px; text-transform: capitalize; color: var(--muted); }
.priority-badge.high { color: #d6aa67; }.priority-badge.urgent { color: #e4a194; background: #d0756120; border-radius: 4px; padding: 4px 6px; }
#ticket-dialog { width: min(1160px, 96vw); height: min(900px, 94dvh); max-height: 94dvh; overflow: hidden; }
.detail-body { display: grid; grid-template-columns: minmax(0, 1fr) 280px; flex: 1; min-height: 0; overflow: hidden; }
.conversation-pane { display: flex; flex-direction: column; min-width: 0; min-height: 0; }
.conversation-pane .detail-scroll { max-height: none; flex: 1; min-height: 100px; }
.ticket-inspector { overflow-y: auto; padding: 0 22px 24px; border-left: 1px solid var(--border); background: color-mix(in srgb, var(--surface) 90%, var(--bg)); scrollbar-width: thin; }
.ticket-inspector section { padding: 23px 0; border-bottom: 1px solid var(--border); }
.ticket-inspector section:last-child { border: 0; }.ticket-inspector section > p { font-size: 13px; margin: 13px 0 0; }
.ticket-inspector label { display: block; font-size: 10px; color: var(--muted); margin: 18px 0 7px; }
.ticket-inspector select, .ticket-inspector textarea { width: 100%; }
.ticket-inspector .button { width: 100%; font-size: 10px; padding: 9px; margin-top: 10px; white-space: normal; }
.ticket-inspector small { display: block; font-size: 10px; line-height: 1.6; margin-top: 7px; overflow-wrap: anywhere; }
.ticket-inspector textarea { resize: vertical; font-size: 12px; line-height: 1.7; margin-top: 12px; max-height: 250px; }
.ticket-inspector h4 { font-size: 10px; font-weight: 500; color: var(--muted); margin-top: 22px; }
.inspector-hint { color: var(--muted); font-size: 11px !important; line-height: 1.8; }
#member-context { margin-top: 14px; }#member-context > strong { font-size: 14px; font-weight: 500; }
.role-chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 12px; }.role-chips > span { font-size: 9px; padding: 4px 7px; background: var(--raised); color: var(--muted); border-radius: 3px; }
.previous-ticket { display: block; width: 100%; text-align: left; border: 0; border-top: 1px solid var(--border); background: transparent; font-size: 11px; color: var(--text); padding: 11px 0; overflow-wrap: anywhere; }
.previous-ticket small { font-size: 9px; color: var(--muted); margin-top: 4px; }
.private-note { padding: 12px; border: 1px solid color-mix(in srgb, var(--gold) 20%, transparent); background: color-mix(in srgb, var(--gold) 4%, transparent); margin: 12px 0; border-radius: 5px; }
.private-note strong { font-size: 11px; font-weight: 500; }.private-note time { display: block; color: var(--muted); font-size: 8px; margin-top: 5px; }
.private-note p, .feedback-card p { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 12px; line-height: 1.8; margin: 8px 0 0; }
.feedback-card { padding: 14px 0; border-bottom: 1px solid var(--border); }.feedback-card strong { font-size: 13px; }
#form-answers h4 { font-size: 10px; color: var(--gold); margin-bottom: 6px; }#form-answers p { margin-top: 0; }
.composer-tools { display: flex; align-items: center; justify-content: space-between; gap: 12px; }.composer-tools select { max-width: 240px; font-size: 10px; }
.shortcut-list { display: grid; grid-template-columns: 140px 1fr; gap: 15px; font-size: 12px; line-height: 1.5; }.shortcut-list dt { color: var(--gold); }.shortcut-list dd { margin: 0; color: var(--muted); }
#shortcuts-dialog, #escalate-dialog { max-width: 520px; }
#settings-dialog { width: min(900px, 94vw); max-height: 92dvh; }.settings-scroll { overflow-y: auto; padding: 0 28px 28px; }
.settings-section { padding: 25px 0; border-top: 1px solid var(--border); }.settings-section h3 { font-size: 19px; font-weight: 400; margin: 0 0 12px; }.settings-section p { font-size: 12px; line-height: 1.8; }
.settings-scroll label { display: block; font-size: 11px; color: var(--muted); line-height: 1.7; margin: 16px 0 6px; }.settings-scroll input:not([type=checkbox]), .settings-scroll textarea { display: block; width: 100%; font-size: 12px; }.settings-scroll textarea { resize: vertical; line-height: 1.8; }
.settings-scroll .button { margin: 15px 8px 0 0; }.category-editor { border: 1px solid var(--border); border-radius: 6px; padding: 14px 18px; margin-bottom: 12px; }.category-editor summary { cursor: pointer; font-size: 13px; color: var(--text); }
.editor-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 20px; }.editor-field:last-child { grid-column: 1 / -1; }.editor-field > input[type=checkbox] { display: block; accent-color: var(--gold); width: 18px; height: 18px; margin-top: 8px; }.editor-field input[readonly] { color: var(--muted); opacity: .65; }
.saved-reply-row { display: flex; justify-content: space-between; border-bottom: 1px solid var(--border); padding: 8px 0; gap: 20px; }.saved-reply-row .text-button:first-child { color: var(--text); text-align: left; }
.audit-row { border-bottom: 1px solid var(--border); padding: 15px 0; }.audit-row strong { display: block; font-size: 12px; text-transform: capitalize; font-weight: 500; }.audit-row small { display: block; font-size: 10px; margin-top: 6px; }.audit-row details { margin-top: 10px; color: var(--muted); font-size: 10px; }.audit-row summary { cursor: pointer; }.audit-row pre { white-space: pre-wrap; overflow-wrap: anywhere; font-size: 10px; }
.compact .page-heading { padding-top: 26px; padding-bottom: 25px; }.compact .page-heading h1 { font-size: 30px; }.compact .metrics { margin-bottom: 22px; }.compact .metrics > div { padding: 14px 20px; }.compact .metrics strong { font-size: 27px; margin: 7px 0; }.compact td { padding-top: 10px; padding-bottom: 10px; }.compact .message { margin-bottom: 12px; }.compact .opening-message { padding: 12px 16px; margin-bottom: 15px; }.compact .detail-scroll { padding: 18px 24px; }.compact .message-content { line-height: 1.6; }
html[data-theme=light] { color-scheme: light; --bg: #f5f4ef; --surface: #fffefa; --raised: #ecece5; --border: #2433291c; --text: #202b23; --muted: #63705f; --gold: #98703c; --green: #397050; }
html[data-theme=light] .sidebar { background: #eeeee7; }html[data-theme=light] dialog { background: var(--surface); border-color: var(--border); }html[data-theme=light] .primary { color: #fffefa; background: #876331; }
html[data-theme=light] .secondary, html[data-theme=light] .ticket-link, html[data-theme=light] .search-wrap input, html[data-theme=light] .composer textarea, html[data-theme=light] .resolve-form textarea { color: var(--text); background: var(--bg); }
html[data-theme=light] .message-content, html[data-theme=light] .page-heading h1 span, html[data-theme=light] td, html[data-theme=light] .sidebar select, html[data-theme=light] .sidebar-note p, html[data-theme=light] .metrics small, html[data-theme=light] .board-header p, html[data-theme=light] .board-footer, html[data-theme=light] .dashboard-footer, html[data-theme=light] .ticket-id, html[data-theme=light] .detail-header p { color: var(--muted); }
html[data-theme=light] .sidebar select, html[data-theme=light] .composer textarea, html[data-theme=light] .resolve-form textarea { background: var(--surface); border-color: var(--border); }html[data-theme=light] th { background: #eeeee7; color: #52614e; }
html[data-theme=light] .badge { background: #41744e0d; color: #386542; border-color: #41744e30; }html[data-theme=light] .badge.closed { color: #65705f; }
html[data-theme=light] .priority-badge.high { color: #926523; }html[data-theme=light] .priority-badge.urgent { color: #a14437; }html[data-theme=light] .avatar { color: #795a2f; }html[data-theme=light] .nav-item.active { color: #795a2f; }
html[data-theme=light] .notice { background: #e8eedf; color: #273021; }html[data-theme=light] .notice.error { background: #f8e8e2; }html[data-theme=light] .ticket-id, html[data-theme=light] .user-area small, html[data-theme=light] .message-head time, html[data-theme=light] .composer > div > span { color: #65705f; }
@media(max-width:1000px) { .detail-body { grid-template-columns: minmax(0,1fr) 250px; }.ticket-inspector { padding-left: 16px; padding-right: 16px; }.topbar .live-indicator { gap: 5px; }.queue-filters > span { display: none; } }
@media(max-width:800px) { .metrics > div { padding: 16px; }.topbar { height: auto; min-height: 60px; gap: 10px; flex-wrap: wrap; padding-top: 10px; padding-bottom: 10px; }.live-indicator { flex-wrap: wrap; }.detail-body { display: flex; flex-direction: column; overflow-y: auto; }.conversation-pane { flex-shrink: 0; }.conversation-pane .detail-scroll { max-height: 45dvh; flex: none; }.ticket-inspector { border-left: 0; border-top: 1px solid var(--border); overflow-y: visible; }.ticket-inspector section { padding: 20px 0; }.composer { position: sticky; bottom: 0; background: var(--surface); }.metrics { grid-template-columns: repeat(2,minmax(0,1fr)); }.metrics > div:nth-child(2) { border-right: 0; }.metrics > div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }.queue-filters { flex-wrap: wrap; gap: 10px; padding: 14px 20px; }.queue-filters label { flex: 1; }.queue-filters select { min-width: 0; flex: 1; }.editor-grid { grid-template-columns: 1fr; }.editor-field:last-child { grid-column: 1; }.settings-scroll { padding: 0 20px 20px; }.composer-tools { align-items: flex-start; }.composer-tools select { max-width: 170px; } }
@media(prefers-reduced-motion:reduce) { * { scroll-behavior: auto !important; transition: none !important; } }