:root{color:#17213a;font-synthesis:none;text-rendering:optimizelegibility;--primary:#286ef4;--primary-hover:#1f60db;--primary-soft:#eaf2ff;--surface:#fff;--canvas:#f5f8fd;--border:#dfe7f4;--text:#17213a;--muted:#6b7891;--success:#198754;--danger:#d92d3d;--shadow-sm:0 4px 14px #2f497812;--shadow-lg:0 28px 80px #12234240;background:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color:#e7eefc;--primary:#70a2ff;--primary-hover:#91b8ff;--primary-soft:#1b3158;--surface:#172236;--canvas:#101827;--border:#2b3c59;--text:#e7eefc;--muted:#a8b7cf;--success:#55cf91;--danger:#ff7f8c;--shadow-sm:0 4px 14px #00000038;--shadow-lg:0 28px 80px #00000073;background:#101827}*{box-sizing:border-box}html,body,#root{background:#fff;width:100%;height:100%;margin:0}body{overscroll-behavior:none;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default}svg{display:block}:focus-visible{outline-offset:2px;outline:3px solid #286ef447}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:800}.error{color:#a61b2a;margin:0;font-size:.86rem;line-height:1.4}.muted-state{color:var(--muted);margin:0;line-height:1.45}.button{border:0;border-radius:13px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 18px;font-weight:800;display:inline-flex}.button svg{width:19px;height:19px}.button-primary{background:var(--primary);color:#fff}.button-primary:hover{background:var(--primary-hover)}.button-secondary{color:#2465d6;background:#fff;border:1px solid #cddbf0}.full-width{width:100%}.brand-mark{background:var(--primary);color:#fff;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid}.brand-mark svg{width:23px;height:23px}.login-screen{background:radial-gradient(circle at top, #edf4ff, var(--canvas) 48%);place-items:center;min-height:100%;padding:24px;display:grid}.login-card{border:1px solid var(--border);width:min(100%,430px);box-shadow:var(--shadow-lg);background:#fff;border-radius:26px;padding:32px}.login-card .brand-mark{width:48px;height:48px;margin-bottom:22px}.login-card h1{letter-spacing:-.035em;margin:8px 0;font-size:2rem}.login-card>p:not(.eyebrow){color:var(--muted);margin:0}.login-card form{gap:16px;margin-top:26px;display:grid}label{color:#293650;gap:7px;font-size:.86rem;font-weight:700;display:grid}input,textarea,select{width:100%;color:var(--text);background:#fff;border:1px solid #cfdbee;border-radius:13px}input,select{min-height:48px;padding:0 14px}textarea{padding:13px 15px;line-height:1.45}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:2px solid #286ef424}.support-app{background:var(--canvas);grid-template-rows:72px minmax(0,1fr);width:100%;height:100%;display:grid;overflow:hidden}.app-header{border-bottom:1px solid var(--border);background:#fffffff5;justify-content:space-between;align-items:center;gap:20px;padding:0 clamp(18px,3vw,46px);display:flex}.brand{align-items:center;gap:10px;display:flex}.brand>span:last-child{gap:1px;display:grid}.brand strong{font-size:1rem}.brand small{color:var(--muted);font-size:.72rem}.header-actions{align-items:center;gap:6px;display:flex}.icon-button{color:#4d5d78;background:0 0;border:0;border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.icon-button:hover{background:var(--primary-soft);color:var(--primary)}.icon-button svg{width:20px;height:20px}.icon-button.is-success{color:var(--success);background:#e5f7ed}.icon-button.is-spinning svg{animation:.8s linear infinite spin}.operator-name{color:#44536e;align-items:center;gap:7px;margin:0 4px;font-size:.84rem;font-weight:700;display:inline-flex}.operator-name svg{width:18px}@keyframes spin{to{transform:rotate(360deg)}}.support-workspace{grid-template-columns:minmax(270px,320px) minmax(430px,1fr) minmax(260px,300px);min-height:0;display:grid;overflow:hidden}.inbox-pane,.details-pane{background:#fff;min-height:0}.inbox-pane{border-right:1px solid var(--border);grid-template-rows:auto auto minmax(0,1fr);padding:22px 18px 0;display:grid}.details-pane{border-left:1px solid var(--border);padding:24px 22px;overflow-y:auto}.pane-title{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.pane-title h1{letter-spacing:-.025em;margin:2px 0 0;font-size:1.5rem}.count-badge,.unread-badge{background:var(--primary);color:#fff;border-radius:999px;place-items:center;font-size:.72rem;font-weight:800;display:grid}.count-badge{min-width:26px;height:26px;padding:0 7px}.filters{gap:7px;padding:18px 4px 14px;display:flex}.filters button{color:#60708b;background:#f0f4fa;border:0;border-radius:11px;min-height:36px;padding:0 13px;font-size:.82rem;font-weight:800}.filters button.active{color:#1f63db;background:#deebff}.conversation-scroll{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:0 0 20px;overflow-y:auto}.conversation-list{gap:7px;display:grid}.conversation-row{width:100%;min-height:76px;color:var(--text);text-align:left;background:#fff;border:1px solid #e1e8f3;border-radius:15px;align-items:center;gap:10px;padding:8px 10px;display:flex;box-shadow:0 3px 10px #304a7709}.conversation-row:hover,.conversation-row.selected{background:#f2f7ff;border-color:#bcd4fc}.conversation-row.requires-claim{background:#f1fbf5;border-color:#8ed2ad}.avatar{color:#2165db;background:#e5edfc;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.avatar-large{width:42px;height:42px}.conversation-copy{flex:1;gap:2px;min-width:0;display:grid}.conversation-copy-top,.conversation-copy-bottom{align-items:center;gap:6px;min-width:0;display:flex}.conversation-copy-top strong{flex:1}.conversation-copy-bottom{justify-content:space-between;gap:10px}.conversation-source{color:#4c6c9f;background:#f0f5ff;border-radius:9px;flex:none;place-items:center;width:27px;height:27px;display:grid}.conversation-source svg{width:17px;height:17px}.conversation-status:before{background:var(--success);content:"";vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block}.conversation-copy time{color:#7787a3;white-space:nowrap;flex:none;font-size:.72rem}.conversation-copy strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.conversation-copy small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.75rem;overflow:hidden}.unread-badge{min-width:24px;height:24px;padding:0 6px}.claim-badge{background:var(--success);color:#fff;border-radius:999px;padding:5px 8px;font-size:.68rem}.conversation-pane{background:var(--canvas);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.conversation-header{z-index:10;border-bottom:1px solid var(--border);background:#fffffffa;align-items:center;gap:10px;min-height:76px;padding:12px 22px;display:flex;position:relative}.back-button{background:var(--primary-soft);color:#2165d9;border:0;border-radius:13px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;padding:0;display:inline-flex}.back-button svg{width:19px;height:19px}.customer-button{min-width:0;color:inherit;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.customer-button>span:last-child{min-width:0}.customer-button h2{text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:1rem;overflow:hidden}.customer-button p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.8rem;overflow:hidden}.secure-label{color:#557093;white-space:nowrap;align-items:center;gap:6px;margin-left:auto;font-size:.76rem;display:inline-flex}.secure-label svg{width:17px;color:var(--success)}.mobile-management-trigger{background:var(--primary-soft);color:#2165d9;border:0;border-radius:13px;flex:none;place-items:center;width:44px;height:44px;margin-left:auto;padding:0;display:none}.mobile-management-trigger svg{width:22px;height:22px}.conversation-error{z-index:9;color:#a61b2a;background:#fff0f2;margin:0;padding:9px 22px;font-size:.82rem;position:absolute;top:76px;left:0;right:0}.message-region{overscroll-behavior:contain;scrollbar-gutter:stable;flex-direction:column;min-height:0;display:flex;position:relative;overflow-y:auto}.message-list{flex-direction:column;flex:1 0 auto;justify-content:flex-end;gap:10px;min-height:100%;padding:22px clamp(18px,4vw,44px);display:flex}.message-bubble{width:fit-content;max-width:min(82%,620px);box-shadow:var(--shadow-sm);white-space:pre-wrap;background:#fff;border-radius:16px 16px 16px 5px;gap:4px;padding:10px 13px;display:grid}.message-bubble strong{color:#426298;font-size:.75rem}.message-bubble span{overflow-wrap:anywhere;line-height:1.42}.message-bubble small{color:#7b89a1;font-size:.7rem}.message-bubble.from-operator{background:var(--primary);color:#fff;border-radius:16px 16px 5px;align-self:flex-end}.message-bubble.from-operator strong,.message-bubble.from-operator small{color:#ffffffc7}.message-bubble.internal{color:#563f12;background:#fff8e9;border:1px dashed #d9a43b}.message-bubble.internal strong,.message-bubble.internal small{color:#86601b}.service-event{color:#61708a;text-align:center;background:#edf1f6;border:1px solid #dfe6f0;border-radius:999px;align-self:center;max-width:min(92%,480px);margin:7px 0;padding:7px 13px;font-size:.75rem;font-weight:700}.jump-button{z-index:8;width:44px;height:44px;color:var(--primary);background:#fff;border:1px solid #cad8ec;border-radius:50%;flex:none;align-self:center;place-items:center;margin:-56px 0 12px;display:grid;position:sticky;bottom:12px;box-shadow:0 8px 20px #233e6f29}.jump-button svg{width:22px;height:22px}.composer{z-index:10;border-top:1px solid var(--border);padding:12px clamp(16px, 3vw, 24px) max(12px, env(safe-area-inset-bottom));background:#fffffffa;gap:8px;display:grid;position:relative}.composer-row{grid-template-columns:minmax(0,1fr) 52px;align-items:end;gap:10px;display:grid}.composer textarea{resize:none;border-radius:17px;min-height:52px;max-height:120px;font-size:16px;overflow-y:auto}.send-button{background:var(--primary);color:#fff;border:0;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid}.send-button:hover{background:var(--primary-hover)}.send-button:disabled{opacity:.72;background:#9bbcf6}.send-button svg{width:25px;height:25px;transform:translate(1px,-1px)}.internal-toggle{color:#5c6b85;align-items:center;gap:8px;width:fit-content;min-height:32px;font-size:.8rem;display:inline-flex}.internal-toggle input{width:18px;height:18px;min-height:18px;accent-color:var(--primary);margin:0}.locked-composer{z-index:10;border-top:1px solid var(--border);padding:14px 22px max(14px, env(safe-area-inset-bottom));background:#fff;grid-template-columns:1fr auto;align-items:center;gap:14px;display:grid;position:relative}.locked-composer p{color:var(--muted);margin:0;font-size:.84rem}.empty-conversation{text-align:center;color:var(--muted);grid-template-rows:minmax(0,1fr);justify-content:center;align-items:center;overflow:hidden}.empty-conversation h2{color:#34415b;margin:0}.empty-conversation p{margin:0}.empty-state-copy,.details-empty-state{text-align:center;justify-items:center;gap:10px;max-width:340px;padding:28px;display:grid}.empty-state-copy h2,.details-empty-state h2{color:#34415b;letter-spacing:-.02em;margin:8px 0 0;font-size:1.28rem}.empty-state-copy p,.details-empty-state p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.55}.empty-state-illustration{width:min(100%,320px);height:auto;overflow:visible}.illustration-shadow{fill:#eef3fb}.illustration-link{stroke:#82a9ff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:5 6}.illustration-main-card,.illustration-ticket,.illustration-admin-panel{fill:var(--surface);stroke:#203b72;stroke-width:2.5px}.illustration-admin-avatar{fill:#dbe8ff;stroke:#3c78ff;stroke-width:2px}.illustration-admin-head{fill:#3c78ff}.illustration-admin-body{fill:none;stroke:#3c78ff;stroke-width:4px;stroke-linecap:round}.illustration-settings-card{fill:#f7faff;stroke:#b9cff4;stroke-width:2px}.illustration-setting-lines{stroke:#c8d9f4;stroke-width:3px;stroke-linecap:round}.illustration-setting-knob.blue{fill:#3c78ff}.illustration-setting-knob.green{fill:#1fc871}.illustration-setting-knob.violet{fill:#8d5bff}.illustration-gear-teeth{fill:none;stroke:#8d5bff;stroke-width:6px;stroke-linecap:round}.illustration-gear-core{fill:var(--surface);stroke:#8d5bff;stroke-width:3px}.illustration-route{stroke:#82a9ff;stroke-width:3px;stroke-linecap:round;stroke-dasharray:5 6}.illustration-arrow{fill:#3c78ff}.illustration-operator-card{fill:var(--surface);stroke-width:2.5px}.illustration-person{fill:none;stroke:#3c78ff;stroke-width:1.5px;stroke-linecap:round}.illustration-chat-sidebar{fill:var(--surface);stroke:#c8d8ef;stroke-width:2px}.illustration-chat-row{fill:#edf2f9}.illustration-chat-row.selected{fill:#d8e7ff;stroke:#3c78ff;stroke-width:1.5px}.illustration-select-arrow{fill:none;stroke:#3c78ff;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.illustration-chat-window{fill:var(--surface);stroke:#203b72;stroke-width:2.5px}.illustration-window-divider{stroke:#dbe5f3;stroke-width:1.5px}.illustration-bubble.incoming{fill:#e9eff8}.illustration-bubble.outgoing{fill:#3c78ff}.illustration-composer{fill:#f0f4f9}.illustration-line{fill:#e5ebf4}.illustration-line.blue-line{fill:#cfe0fc}.illustration-line.faint{fill:#edf1f7}.illustration-node{fill:var(--surface);stroke-width:2.5px}.green-node{stroke:#1fc871}.blue-node{stroke:#3c78ff}.violet-node{stroke:#8d5bff}.illustration-dot.green{fill:#1fc871}.illustration-dot.blue{fill:#3c78ff}.illustration-dot.violet{fill:#8d5bff}.illustration-dot.amber{fill:#ffaf25}.illustration-bars,.illustration-settings{stroke:#5d8dff;stroke-width:3px;stroke-linecap:round}.illustration-avatar{fill:#dbe8ff;stroke:#3c78ff;stroke-width:1.5px}.illustration-spark{fill:#203b72}.details-empty-state{align-content:center;min-height:100%;margin:auto}.details-empty-state .empty-state-illustration{transform-origin:50%;width:230px;margin:-8px 0 -14px;transform:scale(.88)}:root[data-theme=dark] html,:root[data-theme=dark] body,:root[data-theme=dark] #root{background:var(--canvas)}:root[data-theme=dark] .app-header,:root[data-theme=dark] .inbox-pane,:root[data-theme=dark] .details-pane,:root[data-theme=dark] .composer,:root[data-theme=dark] .locked-composer,:root[data-theme=dark] .conversation-header{background:var(--surface)}:root[data-theme=dark] .conversation-row,:root[data-theme=dark] .message-bubble,:root[data-theme=dark] .profile-dialog,:root[data-theme=dark] .user-row,:root[data-theme=dark] .user-editor,:root[data-theme=dark] .mobile-transfer-section{border-color:var(--border);color:var(--text);background:#1b2940}:root[data-theme=dark] .conversation-row:hover,:root[data-theme=dark] .conversation-row.selected,:root[data-theme=dark] .user-row:hover,:root[data-theme=dark] .user-row.selected{background:#20375f;border-color:#5276ad}:root[data-theme=dark] .conversation-pane,:root[data-theme=dark] .mobile-assignment-card{background:var(--canvas)}:root[data-theme=dark] .empty-conversation h2,:root[data-theme=dark] .empty-state-copy h2,:root[data-theme=dark] .details-empty-state h2,:root[data-theme=dark] .customer-button,:root[data-theme=dark] .pane-title h1{color:var(--text)}:root[data-theme=dark] .illustration-shadow{fill:#15233a}:root[data-theme=dark] .illustration-main-card,:root[data-theme=dark] .illustration-node,:root[data-theme=dark] .illustration-ticket,:root[data-theme=dark] .illustration-operator-card,:root[data-theme=dark] .illustration-chat-sidebar,:root[data-theme=dark] .illustration-chat-window,:root[data-theme=dark] .illustration-admin-panel,:root[data-theme=dark] .illustration-gear-core{fill:#1b2940}:root[data-theme=dark] .illustration-settings-card{fill:#25354f;stroke:#496b9b}:root[data-theme=dark] .illustration-setting-lines{stroke:#47658e}:root[data-theme=dark] .illustration-chat-sidebar{stroke:#3d5276}:root[data-theme=dark] .illustration-chat-row{fill:#2a3a55}:root[data-theme=dark] .illustration-chat-row.selected{fill:#294b7e}:root[data-theme=dark] .illustration-window-divider{stroke:#3a4d6d}:root[data-theme=dark] .illustration-bubble.incoming,:root[data-theme=dark] .illustration-composer{fill:#2b3c58}@media (width>=761px){.empty-state-copy h2{white-space:nowrap}}:root[data-theme=dark] .illustration-line{fill:#3d4e6a}:root[data-theme=dark] .illustration-line.blue-line{fill:#5473a4}:root[data-theme=dark] .illustration-line.faint{fill:#2c3d59}:root[data-theme=dark] .conversation-source{color:#a9c7ff;background:#263d65}:root[data-theme=dark] input,:root[data-theme=dark] textarea,:root[data-theme=dark] select{color:var(--text);background:#152238;border-color:#3a4e70}:root[data-theme=dark] .filters button{color:#c0cde2;background:#202f48}:root[data-theme=dark] .filters button.active,:root[data-theme=dark] .icon-button:hover{color:#b8d1ff;background:#263d65}.details-title{align-items:center;gap:9px;display:flex}.details-title svg{width:22px;color:var(--primary)}.details-title h2{margin:0;font-size:1.05rem}.details-pane dl{gap:15px;margin:24px 0;display:grid}.details-pane dl div{gap:4px;display:grid}.details-pane dt{color:#77849c;font-size:.75rem}.details-pane dd{align-items:center;gap:6px;margin:0;font-weight:750;display:flex}.details-pane dd svg{width:18px;color:var(--success)}.transfer-form{gap:13px;margin-top:22px;display:grid}.details-note{color:var(--muted);gap:8px;font-size:.8rem;line-height:1.4;display:flex}.details-note svg{width:18px;color:var(--primary);flex:none}.mobile-management-backdrop{z-index:45;overscroll-behavior:contain;background:#121d3285;display:none;position:fixed;inset:0;overflow:hidden}.mobile-management-sheet{max-height:min(88%,760px);box-shadow:var(--shadow-lg);background:#fff;border-radius:28px 28px 0 0;grid-template-rows:auto auto minmax(0,1fr);transition:transform .18s ease-out;display:grid;position:absolute;bottom:0;left:10px;right:10px;overflow:hidden}.mobile-sheet-drag-zone{touch-action:none;cursor:grab;place-items:center;height:26px;display:grid}.mobile-sheet-handle{background:#aebbd0;border-radius:999px;width:38px;height:4px}.mobile-management-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;min-height:64px;padding:0 18px 12px;display:flex}.mobile-management-header h2{letter-spacing:-.025em;margin:2px 0 0;font-size:1.45rem}.mobile-sheet-close{background:var(--primary-soft);color:#496386;border:0;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;padding:0;display:grid}.mobile-sheet-close svg{width:21px;height:21px}.mobile-management-content{overscroll-behavior:contain;min-height:0;padding:18px 18px max(22px, env(safe-area-inset-bottom));align-content:start;gap:18px;display:grid;overflow-y:auto}.mobile-assignment-card{background:#f5f8fd;border:1px solid #d8e3f3;border-radius:19px;align-items:center;gap:13px;padding:15px;display:flex}.mobile-assignment-card>svg{width:24px;height:24px;color:var(--primary);border-radius:10px;flex:none}.mobile-assignment-card>span{gap:3px;min-width:0;display:grid}.mobile-assignment-card small{color:var(--muted);font-size:.76rem}.mobile-assignment-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:1rem;overflow:hidden}.mobile-transfer-section{background:#fff;border:1px solid #dfe7f3;border-radius:21px;gap:14px;padding:17px;display:grid;box-shadow:0 6px 22px #233e6f0f}.mobile-transfer-section h3{letter-spacing:-.015em;margin:2px 0 0;font-size:1.12rem}.mobile-transfer-section header>p:last-child{color:var(--muted);margin:6px 0 0;font-size:.82rem;line-height:1.45}.mobile-transfer-section .transfer-form{gap:11px;margin:0}.mobile-choice-field{cursor:pointer;background:#f8faff;border:1px solid #cfdcf0;border-radius:16px;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:10px;min-height:64px;padding:8px 12px;display:grid;position:relative;overflow:hidden}.mobile-choice-field:focus-within{border-color:var(--primary);outline:3px solid #286ef41f}.mobile-choice-field>svg:first-child{width:20px;height:20px;color:var(--primary);justify-self:center}.mobile-choice-field>span{gap:2px;min-width:0;display:grid}.mobile-choice-field small{color:var(--muted);font-size:.72rem;font-weight:650}.mobile-choice-field strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.mobile-choice-field .mobile-choice-chevron{color:#6f7f99;width:19px;height:19px}.mobile-choice-field select{cursor:pointer;opacity:0;width:100%;height:100%;min-height:0;position:absolute;inset:0}.mobile-transfer-hint{min-height:37px;color:var(--muted);margin:1px 2px 2px;font-size:.76rem;line-height:1.4}.mobile-transfer-submit{border-radius:16px;width:100%;min-height:54px;font-size:.94rem}.mobile-transfer-submit svg{width:19px;height:19px;transform:rotate(-90deg)}.mobile-management-error{background:#fff0f2;border-radius:12px;padding:10px 12px}.mobile-danger-zone{border-top:1px solid var(--border);padding-top:16px}.button-danger-outline{color:var(--danger);background:#fff;border:1px solid #f0b8bf}.button-danger-outline:hover{background:#fff1f3}.dialog-backdrop{z-index:50;background:#121d328f;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.profile-dialog{overscroll-behavior:contain;width:min(100%,620px);max-height:min(760px,100dvh - 44px);box-shadow:var(--shadow-lg);background:#fff;border-radius:24px;padding:26px;position:relative;overflow-y:auto}.profile-dialog>header{align-items:center;gap:12px;padding-right:48px;display:flex}.profile-dialog h2{margin:2px 0 0}.dialog-close{background:var(--primary-soft);color:#496386;border:0;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:18px}.dialog-close svg{width:21px}.profile-content{gap:18px;margin-top:24px;display:grid}.profile-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-detail{border:1px solid var(--border);border-radius:14px;gap:9px;min-width:0;padding:12px;display:flex}.profile-detail>svg{width:20px;color:var(--primary);flex:none}.profile-detail span,.session-card span{gap:3px;min-width:0;display:grid}.profile-detail small,.session-card small{color:var(--muted)}.profile-detail strong{overflow-wrap:anywhere;font-size:.86rem}.session-card{background:#edf8f1;border-radius:14px;align-items:center;gap:10px;padding:13px;display:flex}.session-card>svg{width:22px;color:var(--success)}.session-card strong{color:#167544}.account-list{gap:9px;display:grid}.account-list h3{margin:0 0 3px;font-size:1rem}.account-list article{border:1px solid var(--border);border-radius:14px;gap:5px;padding:13px;display:grid}.account-list article header{justify-content:space-between;align-items:center;gap:8px;display:flex}.account-list article header span{align-items:center;gap:6px;font-size:.82rem;font-weight:700;display:inline-flex}.account-list article svg{width:18px;color:var(--primary)}.account-list article p{margin:0}.account-list article small{color:var(--muted)}.user-management-dialog{width:min(100%,880px)}.user-management-dialog>header>svg{width:28px;height:28px;color:var(--primary)}.user-management-layout{grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);gap:22px;margin-top:24px;display:grid}.user-list-panel{align-content:start;gap:12px;min-width:0;display:grid}.user-create-button{justify-content:center;width:100%}.user-create-button svg{width:19px;height:19px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.user-search input{border-radius:12px;min-height:42px;font-size:.86rem}.user-list{gap:7px;max-height:430px;padding-right:2px;display:grid;overflow-y:auto}.user-row{border:1px solid var(--border);text-align:left;background:#fff;border-radius:14px;justify-content:space-between;align-items:center;gap:10px;min-height:56px;padding:8px 12px;display:flex}.user-row:hover,.user-row.selected{background:#f4f8ff;border-color:#9cbce9}.user-row>span{gap:3px;min-width:0;display:grid}.user-row strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-row small{color:var(--muted);font-size:.76rem}.user-status{color:var(--danger);background:#fff0f2;border-radius:999px;flex:none;padding:4px 7px;font-size:.68rem}.user-status.active{color:#187849;background:#e9f8ef}.user-editor{border:1px solid var(--border);background:#fafcff;border-radius:18px;align-content:start;gap:13px;padding:18px;display:grid}.user-editor h3{margin:0;font-size:1.08rem}.user-editor label{color:#52627e;gap:6px;font-size:.8rem;font-weight:700;display:grid}.user-editor input,.user-editor select{width:100%;min-height:44px}.user-editor input:disabled{color:#65738c;cursor:not-allowed;background:#edf1f6}.user-active-button{justify-self:start}.success-message{color:#187849;background:#e9f8ef;border-radius:12px;margin:0;padding:10px 12px;font-size:.84rem;font-weight:700}.role-select{display:block;position:relative}.role-select select{appearance:none;padding-right:44px}.role-select svg{pointer-events:none;color:#526b93;width:18px;height:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-actions{flex-wrap:wrap;gap:8px;display:flex}.password-actions .button{min-height:40px;padding:0 13px;font-size:.82rem}.password-actions .button svg{width:17px;height:17px}.generated-password{color:#315384;background:#f0f6ff;border:1px solid #cbdcf8;border-radius:12px;margin:-2px 0 0;padding:10px 12px;font-size:.8rem;line-height:1.45}.generated-password code{overflow-wrap:anywhere;color:#173e7e;margin-top:3px;font-size:.88rem;font-weight:800;display:block}@media (width<=1080px){.support-workspace{grid-template-columns:minmax(260px,310px) minmax(0,1fr)}.details-pane{display:none}}@media (width<=760px),(height<=500px) and (pointer:coarse){html,body,#root{background:#fff;height:100%}body{overflow:hidden}.support-app{grid-template-rows:calc(64px + env(safe-area-inset-top)) minmax(0, 1fr)}.app-header{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 14px 0}.brand small,.operator-name{display:none}.header-actions{gap:2px}.icon-button{width:42px;height:42px}.support-workspace{height:100%;display:block;overflow:hidden}.inbox-pane,.conversation-pane{width:100%;height:100%}.details-pane{display:none}.mobile-inbox-open .inbox-pane{display:grid}.mobile-inbox-open .conversation-pane,.mobile-chat-open .app-header,.mobile-chat-open .inbox-pane{display:none}.mobile-chat-open{top:var(--support-viewport-top,0px);width:100%;height:var(--support-viewport-height,100dvh);grid-template-rows:minmax(0,1fr);position:fixed;left:0}.mobile-chat-open .conversation-pane{display:grid}.inbox-pane{border:0;padding:18px 16px 0}.conversation-header{min-height:calc(72px + env(safe-area-inset-top));padding:max(10px, env(safe-area-inset-top)) 14px 10px}.conversation-error{top:calc(72px + env(safe-area-inset-top))}.secure-label{display:none}.mobile-management-trigger{display:grid}.back-button{padding:0}.customer-button{gap:8px}.customer-button .avatar{width:38px;height:38px}.customer-button p{max-width:calc(100vw - 164px)}.message-list{gap:9px;padding:14px 16px 20px}.message-bubble{max-width:88%}.composer{padding:10px 14px max(10px, env(safe-area-inset-bottom))}.composer-row{grid-template-columns:minmax(0,1fr) 52px}.message-region{scrollbar-gutter:auto;scrollbar-width:none}.message-region::-webkit-scrollbar{width:0;height:0}.jump-button{bottom:12px}.locked-composer{grid-template-columns:1fr}.profile-dialog{width:100%;max-height:min(86dvh,740px);padding:24px 18px max(22px, env(safe-area-inset-bottom));border-radius:24px}.profile-grid{grid-template-columns:1fr}.user-management-dialog{max-height:min(90dvh,760px)}.user-management-layout{grid-template-columns:1fr;gap:16px}.user-list{max-height:210px}.mobile-management-backdrop{display:block}}:root[data-support-keyboard] .composer,:root[data-support-keyboard] .locked-composer{padding-bottom:10px}@media (width<=390px){.customer-button p{max-width:calc(100vw - 130px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root[data-theme=dark] .profile-detail,:root[data-theme=dark] .account-list article{border-color:var(--border);background:#1b2940}:root[data-theme=dark] .profile-detail small,:root[data-theme=dark] .session-card small,:root[data-theme=dark] .account-list article small{color:var(--muted)}:root[data-theme=dark] .profile-detail strong,:root[data-theme=dark] .account-list article p,:root[data-theme=dark] .account-list h3{color:var(--text)}:root[data-theme=dark] .session-card{background:#153b31}:root[data-theme=dark] .user-editor input:disabled{color:#b8c6dc;background:#263650}:root[data-theme=dark] .generated-password{color:#c8dcff;background:#1d355d;border-color:#3d639a}:root[data-theme=dark] .generated-password code{color:#eef5ff}
