:root{--brand:#d98c3f;--brand-deep:#b46d27;--ink:#1f1a17;--ink-soft:#6b6258;--shell:#f7f2ea;--surface:#ffffff;--surface-muted:#fff7ee;--border:#e8ded1;--shadow:0 18px 48px rgba(31,26,23,0.08);--success:#4f8a5b;--warning:#d1a13d;--danger:#c45b4d;--open:#4f78c9;--pending:#d1a13d;--resolved:#4f8a5b;--closed:#91867b;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--control-height:44px;--control-height-sm:36px;--radius-md:14px;--radius-lg:22px;--focus-ring:0 0 0 3px rgba(217,140,63,0.22)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:linear-gradient(180deg,#fbf7f1 0,var(--shell) 100%);color:var(--ink);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}body{min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:none;box-shadow:var(--focus-ring)}.mobile-only{display:none}.app-root{min-height:100vh}.auth-shell{width:min(720px,calc(100% - 32px));margin:48px auto}.login-shell{width:min(920px,calc(100% - 32px))}.login-brand-panel,.login-form-panel,.login-session-panel{overflow:hidden}.login-brand-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,300px);grid-gap:20px;gap:20px;align-items:stretch}.login-title{margin:0;font-size:clamp(30px,4vw,40px);line-height:1.02}.login-brand-note{display:grid;grid-gap:6px;gap:6px;align-content:start;padding:18px;border-radius:18px;border:1px solid rgba(217,140,63,.16);background:linear-gradient(180deg,rgba(255,248,239,.95),rgba(255,255,255,.98))}.dashboard-shell{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);min-height:100vh;position:relative;transition:grid-template-columns .22s ease}.dashboard-shell.shell-collapsed{grid-template-columns:minmax(0,92px) minmax(0,1fr)}.dashboard-sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#241d18,#1a1613);color:#f8efe5;border-right:1px solid rgba(255,255,255,.08);padding:20px 16px;display:grid;grid-template-rows:auto auto auto 1fr auto;grid-gap:18px;gap:18px;transition:width .22s ease,transform .22s ease,padding .22s ease;z-index:30}.dashboard-sidebar.collapsed{padding-inline:12px}.sidebar-controls{display:flex;justify-content:space-between;gap:10px}.shell-menu-button,.sidebar-close,.sidebar-toggle{border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.06);color:inherit;border-radius:12px;min-height:36px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,transform .18s ease}.sidebar-close{display:none}.shell-menu-button{color:var(--ink);border-color:var(--border);background:#fff8ef}.shell-menu-button:hover,.sidebar-close:hover,.sidebar-toggle:hover{transform:translateY(-1px)}.shell-menu-lines{display:inline-flex;flex-direction:column;gap:3px}.shell-menu-lines span{display:block;width:14px;height:2px;border-radius:999px;background:currentColor}.shell-chevron{width:10px;height:10px;border-right:2px solid;border-bottom:2px solid;transform:rotate(135deg);transition:transform .18s ease}.shell-chevron.collapsed{transform:rotate(-45deg)}.sidebar-brand{display:grid;grid-gap:8px;gap:8px;align-items:center;grid-template-columns:44px minmax(0,1fr)}.sidebar-brand-copy{min-width:0}.dashboard-sidebar.collapsed .sidebar-brand{grid-template-columns:44px;justify-content:center}.dashboard-sidebar.collapsed .sidebar-brand-copy,.dashboard-sidebar.collapsed .sidebar-group-label,.dashboard-sidebar.collapsed .sidebar-link-label,.dashboard-sidebar.collapsed .sidebar-note{display:none}.brand-mark{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--brand) 0,#f0b26a 100%);display:grid;place-items:center;color:#1f1a17;font-weight:800;letter-spacing:.08em}.sidebar-nav{display:grid;grid-gap:18px;gap:18px;align-content:start}.sidebar-group{display:grid;grid-gap:8px;gap:8px}.sidebar-group-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ccb9a8;padding-inline:12px}.sidebar-group-links{display:grid;grid-gap:6px;gap:6px}.sidebar-link{display:flex;align-items:center;gap:12px;min-height:46px;padding:12px 14px;border-radius:14px;color:#d9cabc;transition:background .2s ease,color .2s ease,transform .2s ease}.sidebar-link:hover{background:rgba(255,255,255,.06);color:#fff7ef;transform:translateX(2px)}.sidebar-link.active{background:rgba(217,140,63,.18);color:#fff7ef;box-shadow:inset 0 0 0 1px rgba(217,140,63,.25)}.dashboard-sidebar.collapsed .sidebar-link{justify-content:center;padding-inline:10px}.nav-icon{width:30px;height:30px;border-radius:10px;background:rgba(255,255,255,.08);display:grid;place-items:center;font-size:14px;font-weight:700;letter-spacing:.02em;flex-shrink:0}.nav-icon-glyph{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:0}.nav-icon-glyph:after,.nav-icon-glyph:before{content:"";position:absolute;box-sizing:border-box}.nav-icon-dashboard:before{inset:2px;border-radius:5px;border:2px solid;box-shadow:inset 5px 0 0 currentColor}.nav-icon-users:after,.nav-icon-users:before{border-radius:999px;border:2px solid}.nav-icon-users:before{width:8px;height:8px;left:2px;top:1px}.nav-icon-users:after{width:8px;height:8px;right:2px;bottom:1px}.nav-icon-departments:before{inset:2px;border:2px solid;border-radius:4px}.nav-icon-departments:after{width:12px;height:2px;left:3px;top:8px;background:currentColor;box-shadow:0 -5px 0 currentColor,0 5px 0 currentColor}.nav-icon-conversations:before{width:16px;height:12px;left:1px;top:2px;border:2px solid;border-radius:6px}.nav-icon-conversations:after{width:6px;height:6px;left:5px;bottom:1px;border-left:2px solid;border-bottom:2px solid;transform:skew(-18deg)}.nav-icon-tickets:before{width:15px;height:11px;left:2px;top:3px;border:2px solid;border-radius:4px}.nav-icon-tickets:after{width:9px;height:2px;left:5px;top:8px;background:currentColor;box-shadow:0 -4px 0 currentColor}.nav-icon-notifications:before{width:12px;height:12px;left:3px;top:2px;border:2px solid;border-radius:999px}.nav-icon-notifications:after{width:6px;height:2px;left:6px;bottom:1px;background:currentColor;border-radius:999px}.nav-icon-audit:before{width:14px;height:14px;left:2px;top:2px;border:2px solid;border-radius:4px}.nav-icon-audit:after{width:7px;height:2px;left:5px;top:8px;background:currentColor;box-shadow:0 -4px 0 currentColor,0 4px 0 currentColor}.nav-icon-admin:before{width:14px;height:14px;left:2px;top:2px;border:2px solid;transform:rotate(45deg);border-radius:3px}.sidebar-note{display:grid;grid-gap:4px;gap:4px}.dashboard-main{padding:24px;display:grid;grid-gap:24px;gap:24px;min-width:0}.client-portal-shell{min-height:100vh;padding:18px;display:grid;grid-gap:18px;gap:18px;align-content:start}.client-portal-content{min-width:0}.client-portal-header{position:-webkit-sticky;position:sticky;top:12px;z-index:18;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;grid-gap:16px;gap:16px;padding:12px 14px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.94);box-shadow:0 14px 36px rgba(31,26,23,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.client-portal-brand,.client-profile-copy{display:grid;grid-gap:2px;gap:2px;min-width:0}.client-portal-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.client-portal-link{min-height:36px;display:inline-flex;align-items:center;padding:0 12px;border:1px solid transparent;border-radius:999px;color:var(--ink-soft);font-weight:700}.client-portal-link.active,.client-portal-link:hover{color:var(--ink);border-color:var(--border);background:#fff8ef}.client-portal-profile{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.client-profile-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;background:#2e6f68;color:#fff;font-weight:800}.client-profile-copy span,.client-profile-copy strong{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.client-profile-copy span{color:var(--ink-soft);font-size:13px}.shell-overlay{position:fixed;inset:0;border:0;background:rgba(20,16,12,.44);z-index:20}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow)}.app-header-leading{display:flex;align-items:center;gap:14px;min-width:0}.app-header-meta{display:grid;grid-gap:4px;gap:4px}.app-header-title{font-size:clamp(22px,2vw,28px);line-height:1.1}.header-tools{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.header-search{min-width:220px;width:260px}.header-account{min-width:0}.header-account,.notification-chip{display:inline-flex;align-items:center;gap:10px}.notification-chip{min-height:38px;padding:0 12px;border-radius:999px;border:1px solid var(--border);background:#fff8ef;color:var(--ink);font-weight:600}.notification-chip-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.notification-chip-icon span{position:relative;width:10px;height:10px;border:2px solid;border-radius:999px}.notification-chip-icon span:after{content:"";position:absolute;width:6px;height:2px;left:0;right:0;margin:auto;bottom:-5px;background:currentColor;border-radius:999px}.notification-count{min-width:24px;height:24px;padding:0 6px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:rgba(31,26,23,.08);color:var(--ink-soft);font-size:12px;font-weight:700}.notification-count.active{background:rgba(217,140,63,.18);color:var(--brand-deep)}.header-account-copy{min-width:0}.header-account-copy span,.header-account-copy strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.avatar-chip{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand) 0,#f3b870 100%);color:var(--ink);display:grid;place-items:center;font-weight:700;flex-shrink:0}.page-grid,.stack{display:grid;grid-gap:18px;gap:18px}.page-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.page-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.page-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.space-between{justify-content:space-between}.panel{background:var(--surface);border:1px solid var(--border);border-radius:22px;box-shadow:var(--shadow)}.panel-subtle{box-shadow:0 10px 24px rgba(31,26,23,.05)}.panel-inner{padding:20px}.page-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-panel{box-shadow:var(--shadow)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.page-header-copy{display:grid;grid-gap:6px;gap:6px}.page-header-title{margin:0;font-size:clamp(28px,2.6vw,38px);line-height:1.05}.page-header-description{max-width:64ch}.page-header-actions{display:flex;align-items:center;gap:10px}.eyebrow,.muted{color:var(--ink-soft)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--control-height);border:1px solid transparent;border-radius:14px;padding:0 16px;cursor:pointer;background:var(--brand);color:#fff8ef;font-weight:600;line-height:1;transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease}.button.small{min-height:var(--control-height-sm);padding:0 12px;border-radius:12px;font-size:13px}.auth-inline-link{color:var(--ink-soft);font-size:13px;font-weight:600}.auth-info-panel{box-shadow:0 8px 20px rgba(31,26,23,.05)}.auth-notice{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border-radius:16px;border:1px solid var(--border);line-height:1.5}.auth-notice strong{font-size:14px;line-height:1.25}.auth-notice span{font-size:13px}.auth-notice.compact{padding:12px 14px;border-radius:14px}.auth-notice.info{background:linear-gradient(180deg,rgba(79,120,201,.08),rgba(255,255,255,.94));border-color:rgba(79,120,201,.16);color:var(--ink)}.auth-notice.error{background:linear-gradient(180deg,rgba(196,91,77,.08),rgba(255,255,255,.96));border-color:rgba(196,91,77,.18);color:var(--danger)}.auth-notice.warning{background:linear-gradient(180deg,rgba(209,161,61,.1),rgba(255,255,255,.96));border-color:rgba(209,161,61,.24);color:#8b661b}.button:hover{background:var(--brand-deep)}.button.secondary{background:#fff8ef;border-color:var(--border);color:var(--ink)}.button.secondary:hover{background:var(--surface-muted)}.button.danger{background:var(--danger)}.button:disabled{cursor:not-allowed;opacity:.7;transform:none}.input,.search-input,.select,.textarea{width:100%;min-height:var(--control-height);border:1px solid var(--border);border-radius:14px;padding:11px 13px;background:#fff;color:var(--ink);transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input:hover,.search-input:hover,.select:hover,.textarea:hover{border-color:rgba(180,109,39,.35)}.textarea{min-height:120px;resize:vertical}.field-stack{display:grid;grid-gap:8px;gap:8px}.field-label{font-size:13px;font-weight:700;color:var(--ink)}.field-hint{font-size:12px;color:var(--ink-soft);line-height:1.45}.split-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.filter-bar,.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.chip-row{display:flex;gap:10px;flex-wrap:wrap}.choice-chip,.inline-check{display:inline-flex;align-items:center;gap:8px;min-height:var(--control-height);padding:10px 12px;border-radius:14px;border:1px solid var(--border);background:var(--surface-muted)}.choice-chip input,.inline-check input{margin:0}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:16px;gap:16px}.card-link{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card-link:hover{transform:translateY(-2px);border-color:rgba(217,140,63,.5);box-shadow:0 22px 48px rgba(31,26,23,.12)}.summary-card{display:grid;grid-gap:12px;gap:12px}.summary-value{font-size:32px;font-weight:700}.data-table-wrap{overflow:auto;border:1px solid rgba(232,222,209,.72);border-radius:18px;background:linear-gradient(180deg,rgba(255,250,244,.55),#fff)}.data-table-wrap.density-comfortable .data-table td{padding-block:14px}.data-table-wrap.density-compact .data-table td{padding-block:10px}.data-table{width:100%;border-collapse:collapse;min-width:820px}.data-table td,.data-table th{padding:16px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}.data-table th{color:var(--ink-soft);font-size:12px;text-transform:uppercase;letter-spacing:.08em;background:rgba(255,248,239,.9);position:-webkit-sticky;position:sticky;top:0;z-index:1}.data-table tbody tr:hover{background:rgba(255,247,238,.72)}.data-table tr:last-child td{border-bottom:none}.table-cell-stack{display:grid;grid-gap:4px;gap:4px}.table-primary{font-weight:700;color:var(--ink)}.table-secondary{color:var(--ink-soft);font-size:13px;line-height:1.45}.table-secondary.compact{line-height:1.35}.table-actions-cell{width:1%;white-space:nowrap;vertical-align:middle}.table-status-stack{gap:8px}.status-badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;min-height:30px;padding:0 10px;font-size:12px;font-weight:700;border:1px solid transparent;white-space:nowrap}.status-badge.open,.status-badge.received{background:rgba(79,120,201,.12);color:var(--open);border-color:rgba(79,120,201,.18)}.status-badge.resolved,.status-badge.viewed{background:rgba(79,138,91,.14);color:var(--resolved);border-color:rgba(79,138,91,.18)}.status-badge.replied{background:rgba(217,140,63,.14);color:var(--brand-deep);border-color:rgba(217,140,63,.2)}.status-badge.pending{background:rgba(209,161,61,.14);color:var(--pending);border-color:rgba(209,161,61,.2)}.status-badge.closed,.status-badge.inactive{background:rgba(145,134,123,.14);color:var(--closed);border-color:rgba(145,134,123,.2)}.status-badge.default{background:rgba(31,26,23,.08);color:var(--ink);border-color:rgba(31,26,23,.08)}.status-badge.danger{background:rgba(196,91,77,.12);color:var(--danger);border-color:rgba(196,91,77,.18)}.badge{display:inline-flex;align-items:center;border-radius:999px;min-height:30px;background:var(--surface-muted);border:1px solid var(--border);padding:0 10px;font-size:12px;font-weight:700;color:var(--ink-soft)}.notification-stream{display:grid;grid-gap:10px;gap:10px}.notification-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px 18px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,rgba(255,247,238,.45),#fff)}.notification-row-copy,.notification-row-main{min-width:0}.notification-row-copy{display:grid;grid-gap:6px;gap:6px}.notification-title{margin-right:12px}.notification-meta{display:flex;gap:10px;flex-wrap:wrap;color:var(--ink-soft);font-size:12px}.metric-overview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:16px;gap:16px}.list{display:grid;grid-gap:12px;gap:12px}.list-item{border:1px solid var(--border);border-radius:16px;padding:16px;background:#fff}.conversation-layout{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,.95fr);grid-gap:20px;gap:20px}.support-conversation-layout{grid-template-columns:minmax(0,1.95fr) minmax(280px,.78fr);gap:18px;align-items:start}.detail-panel{box-shadow:0 8px 20px rgba(31,26,23,.05)}.side-tool-card,.side-tool-panel{box-shadow:0 6px 16px rgba(31,26,23,.045)}.side-tool-heading{display:grid;grid-gap:4px;gap:4px}.conversation-main,.conversation-sidebar{min-width:0}.conversation-header-panel{box-shadow:0 12px 28px rgba(31,26,23,.08)}.conversation-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.conversation-header-main{display:grid;grid-gap:10px;gap:10px;min-width:0}.conversation-title{margin:0;font-size:clamp(24px,2vw,32px);line-height:1.08}.conversation-subtitle{display:grid;grid-gap:2px;gap:2px}.conversation-meta-row{display:flex;gap:8px;flex-wrap:wrap}.conversation-header-side{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.conversation-surface{padding:0;overflow:hidden}.client-inbox-shell{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(280px,340px);grid-gap:18px}.client-inbox-shell,.support-workspace{display:grid;gap:18px;align-items:start}.support-workspace{grid-template-columns:minmax(280px,340px) minmax(0,1fr) minmax(300px,360px);grid-gap:18px}.support-agent-workspace .conversation-main,.support-agent-workspace .conversation-sidebar,.support-rooms-workspace .client-inbox-context,.support-rooms-workspace .client-inbox-thread,.support-workspace-sidebar{min-height:720px}.support-workspace-sidebar{position:-webkit-sticky;position:sticky;top:0}.client-inbox-context,.client-inbox-sidebar,.client-inbox-thread{min-height:720px}.client-inbox-context,.client-inbox-sidebar{position:-webkit-sticky;position:sticky;top:0}.client-inbox-sidebar{padding:0;overflow:hidden}.client-inbox-sidebar-header{display:grid;grid-gap:16px;gap:16px;padding:22px 20px 18px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(255,255,255,.98))}.client-chat-room-title,.client-inbox-title{margin:0;font-size:24px;line-height:1.08}.client-inbox-sidebar-actions{display:flex;flex-wrap:wrap;gap:8px}.client-room-list{display:grid}.client-room-row{width:100%;border:0;border-bottom:1px solid rgba(232,222,209,.78);background:transparent;padding:14px 18px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:12px;gap:12px;align-items:start;text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}.client-room-row.active,.client-room-row:hover{background:rgba(255,248,239,.86)}.support-room-row{width:100%;border:0;border-radius:14px;padding:14px;display:grid;grid-gap:8px;gap:8px;background:rgba(255,248,239,.3);text-align:left;cursor:pointer;transition:background .18s ease,transform .18s ease}.support-room-row.active,.support-room-row:hover{background:rgba(255,248,239,.95);transform:translateY(-1px)}.support-action-grid,.support-admin-summary,.support-room-row-meta,.support-room-row-top,.support-workspace-filter-row{display:flex;flex-wrap:wrap;gap:8px}.support-room-row-top{justify-content:space-between;align-items:center}.support-room-list{display:grid;grid-gap:10px;gap:10px}.client-room-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(217,140,63,.18),rgba(240,178,106,.36));color:var(--brand-deep);font-weight:800}.client-room-copy{display:grid;grid-gap:6px;gap:6px;min-width:0}.client-chat-header-actions,.client-chat-heading-row,.client-context-actions,.client-room-meta,.client-room-topline,.composer-primary-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.client-room-topline{justify-content:space-between}.client-room-preview{color:var(--ink-soft);font-size:13px;line-height:1.45;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.truncate-line{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-room-unread{align-self:center}.client-inbox-thread{padding:0;overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.client-chat-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px 22px 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(255,255,255,.98))}.client-chat-thread-body{min-height:420px}.client-chat-thread-body,.support-room-preview{background:linear-gradient(180deg,#fffaf4,#fff)}.client-chat-composer{background:rgba(255,250,244,.78)}.client-inbox-context{padding:0}.detail-stack{display:grid;grid-gap:10px;gap:10px}.detail-row{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid rgba(232,222,209,.72)}.detail-row span{color:var(--ink-soft);font-size:13px}.support-chat-header-panel{overflow:hidden}.support-conversation-surface{box-shadow:0 16px 36px rgba(31,26,23,.08)}.conversation-surface-body{background:linear-gradient(180deg,#fffaf4,#fff)}.conversation-surface-composer{border-top:1px solid var(--border);padding:16px 18px 18px;background:rgba(255,250,244,.78)}.chat-thread{display:grid;grid-gap:8px;gap:8px;padding:20px 22px;background:radial-gradient(circle at top left,rgba(217,140,63,.08),transparent 34%),linear-gradient(180deg,#fffaf4,#fff)}.chat-date-divider{display:flex;justify-content:center;margin:10px 0 4px}.chat-date-divider span{background:rgba(31,26,23,.08);color:var(--ink-soft);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}.chat-row{display:flex;justify-content:flex-start}.chat-row.own{justify-content:flex-end}.chat-message-shell{display:inline-flex;align-items:flex-start;max-width:min(90%,820px)}.chat-message-shell.own{flex-direction:row}.chat-message-shell.has-actions{width:100%}.chat-message-shell.has-actions.own{justify-content:flex-end}.chat-bubble-wrap{position:relative;display:inline-flex;max-width:min(100%,720px);padding-left:40px}.chat-bubble-wrap.own{padding-left:0;padding-right:40px}.chat-bubble{max-width:min(100%,720px);border:1px solid var(--border);border-radius:18px 18px 18px 6px;background:#fff;padding:12px 14px;box-shadow:0 8px 18px rgba(31,26,23,.055);display:grid;grid-gap:6px;gap:6px;min-width:0}.chat-bubble.grouped{margin-top:-2px}.chat-bubble.deleted{background:linear-gradient(180deg,#fcf8f3,#f7f1e8)}.chat-bubble.own{background:linear-gradient(180deg,#fff0dd,#ffe8c7);border-color:rgba(217,140,63,.35);border-radius:18px 18px 6px 18px}.chat-sender{font-size:11px;font-weight:600;color:var(--ink-soft);letter-spacing:.01em;text-transform:none}.chat-body{white-space:pre-wrap;line-height:1.52;color:var(--ink)}.chat-body.deleted{color:var(--ink-soft);font-style:italic}.chat-attachment{display:inline-flex;align-items:center;border-radius:12px;padding:8px 10px;background:rgba(31,26,23,.05);font-weight:600}.chat-attachment-preview,.chat-file-card{border:0;background:transparent;padding:0;text-align:left;cursor:pointer}.chat-attachment-preview{display:grid;grid-gap:0;gap:0;border-radius:14px;overflow:hidden;border:1px solid rgba(31,26,23,.08);background:rgba(31,26,23,.04);width:-moz-fit-content;width:fit-content}.chat-attachment-image{display:block;width:min(210px,100%);max-height:170px;object-fit:cover}.chat-attachment-placeholder{display:grid;place-items:center;min-width:190px;min-height:140px;color:var(--ink-soft);background:linear-gradient(180deg,rgba(255,248,239,.9),#fff)}.chat-file-card{display:flex;align-items:center;gap:10px;border:1px solid rgba(31,26,23,.08);border-radius:14px;padding:10px 12px;background:rgba(255,248,239,.82);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.chat-attachment-preview:hover,.chat-file-card:hover{border-color:rgba(217,140,63,.25);box-shadow:0 10px 22px rgba(31,26,23,.08);transform:translateY(-1px)}.chat-file-icon{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:38px;padding:0 9px;border-radius:11px;background:rgba(31,26,23,.08);color:var(--ink);font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.chat-file-icon.image{background:rgba(79,120,201,.12);color:var(--open)}.chat-file-icon.pdf{background:rgba(196,91,77,.12);color:var(--danger)}.chat-file-icon.text{background:rgba(79,138,91,.14);color:var(--resolved)}.chat-attachment-meta,.chat-file-copy{display:grid;grid-gap:3px;gap:3px}.chat-attachment-meta{margin-top:2px}.chat-attachment-name{font-weight:600;color:var(--ink);word-break:break-word}.chat-attachment-detail{font-size:11px;color:var(--ink-soft)}.chat-attachment-error{font-size:12px;color:var(--danger)}.chat-image-viewer{position:fixed;inset:0;z-index:60;background:rgba(20,16,12,.72);display:grid;place-items:center;padding:24px}.chat-image-viewer-card{position:relative;max-width:min(90vw,960px);max-height:90vh}.chat-image-viewer-image{display:block;max-width:100%;max-height:90vh;border-radius:18px;box-shadow:0 18px 48px rgba(0,0,0,.26)}.chat-image-viewer-close{position:absolute;top:-14px;right:-14px;border:0;border-radius:999px;min-width:40px;height:40px;background:#fff;color:var(--ink);font-weight:700;cursor:pointer;box-shadow:0 12px 24px rgba(0,0,0,.2)}.chat-meta{display:flex;justify-content:flex-end;gap:6px;color:var(--ink-soft);font-size:11px;align-items:center;flex-wrap:wrap}.chat-actions{display:none}.chat-menu-button{width:30px;height:30px;border:1px solid rgba(31,26,23,.08);border-radius:999px;background:rgba(255,255,255,.94);color:var(--ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 18px rgba(31,26,23,.1);flex-direction:column;gap:3px;padding:0}.chat-menu-button span{width:3px;height:3px;border-radius:999px;background:currentColor}.chat-action-anchor{position:absolute;top:8px;left:0;width:34px;min-width:34px;display:flex;justify-content:center;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:2}.chat-action-anchor.own{left:auto;right:0}.chat-action-anchor.open,.chat-menu-button:focus-visible,.chat-row:hover .chat-action-anchor{opacity:1;pointer-events:auto}.chat-action-menu{position:absolute;top:36px;left:0;min-width:170px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:6px;box-shadow:0 16px 34px rgba(31,26,23,.14);z-index:3}.chat-action-menu.own{left:auto;right:0}.chat-action-menu-item{width:100%;border:0;background:transparent;border-radius:10px;min-height:36px;padding:0 10px;text-align:left;font-size:13px;font-weight:600;color:var(--ink);cursor:pointer}.chat-action-menu-item:hover{background:rgba(31,26,23,.05)}.chat-action-menu-item.danger{color:var(--danger)}.chat-admin-meta{font-size:11px;color:var(--ink-soft)}.chat-admin-note{display:grid;grid-gap:4px;gap:4px;border-radius:10px;padding:9px 11px;background:rgba(31,26,23,.035);border:1px solid rgba(31,26,23,.06);font-size:12px}.message-composer{display:grid;grid-gap:12px;gap:12px;padding:14px;border:1px solid rgba(232,222,209,.8);border-radius:18px;background:linear-gradient(180deg,rgba(255,250,244,.96),rgba(255,255,255,.98))}.form-section{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:18px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,248,239,.5),#fff)}.form-section-header{display:grid;grid-gap:4px;gap:4px}.compact-stack{gap:10px}.assignment-chip-row .choice-chip{min-height:38px;padding-block:8px}.static-field{display:flex;align-items:center;background:#fcf7f0}.composer-textarea{min-height:110px;background:#fffaf4}.message-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.composer-upload-field{display:inline-grid;gap:6px;min-width:min(100%,260px)}.composer-upload-label{font-size:12px;font-weight:700;color:var(--ink-soft)}.composer-file-input{max-width:100%;min-height:42px;border:1px dashed rgba(180,109,39,.28);border-radius:12px;padding:8px 10px;background:#fffdf9}.composer-send-button{min-width:150px}.composer-validation{border:1px solid rgba(196,91,77,.24);border-radius:12px;padding:9px 11px;background:rgba(196,91,77,.08);color:var(--danger);font-size:13px;font-weight:700}.internal-note-card{border:1px dashed var(--border);border-radius:14px;background:rgba(255,248,239,.64);padding:12px 14px}.modal-backdrop{position:fixed;inset:0;background:rgba(20,16,12,.5);display:grid;place-items:center;padding:24px;z-index:50}.modal-card{width:min(520px,100%);background:var(--surface);border-radius:20px;border:1px solid var(--border);box-shadow:var(--shadow)}.empty-state,.error-state,.loading-state{display:grid;grid-gap:8px;gap:8px;padding:24px;border-radius:18px}.empty-state{background:linear-gradient(180deg,rgba(255,247,238,.9),#fff)}.loading-state{color:var(--ink-soft)}.error-state{color:var(--danger)}.inline-note{padding:12px 14px;border-radius:14px;border:1px dashed var(--border);background:var(--surface-muted)}.sub-account-room-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.sub-account-room-card{display:grid;grid-gap:12px;gap:12px;align-content:start;padding:14px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,248,239,.48),#fff);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.sub-account-room-card.selected,.sub-account-room-card:hover{border-color:rgba(217,140,63,.34);box-shadow:0 12px 28px rgba(31,26,23,.08);transform:translateY(-1px)}.sub-account-room-main{display:flex;align-items:flex-start;gap:12px}.sub-account-room-copy{display:grid;grid-gap:4px;gap:4px;min-width:0}.quick-support-panel{scroll-margin-top:24px}.quick-support-title{font-size:20px;line-height:1.2}.quick-support-textarea{min-height:132px}.quick-support-actions{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;flex-wrap:wrap}.quick-support-note{display:grid;grid-gap:4px;gap:4px;max-width:620px}.quick-support-col-client{width:18%}.quick-support-col-thread{width:20%}.quick-support-col-assignment,.quick-support-col-message-state{width:18%}.quick-support-col-activity{width:20%}.quick-support-col-open{width:1%}@media (max-width:1180px){.dashboard-shell,.dashboard-shell.shell-collapsed{grid-template-columns:92px minmax(0,1fr)}.dashboard-sidebar{padding-inline:12px}.sidebar-brand{grid-template-columns:44px;justify-content:center}.sidebar-brand-copy,.sidebar-group-label,.sidebar-link-label,.sidebar-note{display:none}.sidebar-link{justify-content:center;padding-inline:10px}.metric-overview,.page-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.header-search{width:200px;min-width:180px}.conversation-layout,.support-conversation-layout{grid-template-columns:1fr}.client-inbox-shell,.support-workspace{grid-template-columns:minmax(260px,300px) minmax(0,1fr)}.client-inbox-context,.support-agent-workspace .conversation-sidebar,.support-rooms-workspace .client-inbox-context{grid-column:1/-1;position:static;min-height:auto}}@media (max-width:720px){.desktop-only{display:none}.mobile-only{display:inline-flex}.dashboard-shell,.dashboard-shell.shell-collapsed{grid-template-columns:1fr}.dashboard-sidebar{position:fixed;inset:0 auto 0 0;width:min(320px,calc(100vw - 44px));height:100vh;transform:translateX(-100%);padding:20px 16px;grid-template-rows:auto auto auto 1fr auto}.dashboard-sidebar.mobile-open{transform:translateX(0)}.dashboard-sidebar .sidebar-brand{grid-template-columns:44px minmax(0,1fr);justify-content:flex-start}.dashboard-sidebar .sidebar-brand-copy,.dashboard-sidebar .sidebar-group-label,.dashboard-sidebar .sidebar-link-label,.dashboard-sidebar .sidebar-note{display:grid}.dashboard-sidebar .sidebar-link{justify-content:flex-start;padding-inline:14px}.sidebar-close{display:inline-flex}.dashboard-main{padding:16px;gap:18px}.client-portal-shell{padding:12px;gap:14px}.client-portal-header{position:static;grid-template-columns:1fr;align-items:stretch;padding:12px;border-radius:16px}.client-portal-nav{gap:6px}.client-portal-link{min-height:40px;padding-inline:10px}.client-portal-profile{justify-content:stretch;align-items:center;display:grid;grid-template-columns:auto minmax(0,1fr) auto}.client-profile-copy span,.client-profile-copy strong{max-width:none}.client-sign-out-button{min-height:40px}.app-header{padding:16px 18px}.app-header-leading,.header-tools{width:100%}.header-tools{justify-content:space-between}.header-account-copy span,.header-account-copy strong{max-width:150px}.card-grid,.filter-bar,.filter-grid,.login-brand-layout,.metric-overview,.page-grid.three,.page-grid.two,.split-inputs,.sub-account-room-grid{grid-template-columns:1fr}.login-shell{width:min(100%,calc(100% - 24px));margin:24px auto}.conversation-header,.page-header{flex-direction:column;align-items:stretch}.client-inbox-shell,.support-workspace{grid-template-columns:1fr}.client-inbox-context,.client-inbox-sidebar,.client-inbox-thread,.support-agent-workspace .conversation-main,.support-agent-workspace .conversation-sidebar,.support-rooms-workspace .client-inbox-context,.support-rooms-workspace .client-inbox-thread,.support-workspace-sidebar{min-height:auto;position:static}.client-inbox-context{display:none}.client-inbox-context.open{display:block}.client-chat-header{padding:18px 16px 14px}.client-room-row{padding-inline:14px}.conversation-header-side{justify-content:flex-start}.conversation-surface-composer{padding:16px}.chat-thread{padding:14px}.message-composer-actions,.quick-support-actions{align-items:stretch}.quick-support-actions .button{width:100%}.chat-message-shell,.chat-message-shell.has-actions{max-width:100%;width:100%}.chat-bubble{max-width:min(100%,100%);padding:10px 12px}.chat-bubble-wrap{max-width:100%;padding-left:34px}.chat-bubble-wrap.own{padding-left:0;padding-right:34px}.chat-action-anchor{opacity:1;pointer-events:auto;width:30px;min-width:30px}.chat-attachment-image{width:min(180px,100%);max-height:150px}.chat-attachment-placeholder{min-width:160px;min-height:120px}.chat-file-card{width:100%}.message-composer{padding:12px}.composer-send-button,.composer-upload-field{width:100%}.data-table td,.data-table th{padding:14px 12px}}