:root{color:#142033;font-synthesis:none;background:#f5f7fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.boot,.login-page{place-items:center;min-height:100vh;display:grid}.login-page{background:linear-gradient(145deg,#eef3f8,#f8fafc)}.login-card{background:#fff;border:1px solid #e2e8f0;border-radius:22px;width:min(420px,100% - 32px);padding:36px;box-shadow:0 22px 60px #0f26431f}.brand-mark{color:#0b3768;background:#f6bd18;border-radius:50%;place-items:center;width:44px;height:44px;font-size:22px;font-weight:900;display:grid}.brand-mark.large{width:70px;height:70px;font-size:34px}.brand-mark.mini{width:34px;height:34px;font-size:17px}.login-card h1{color:#0b3768;margin:18px 0 4px}.login-card>p{color:#6b7280;margin:0 0 28px}.login-card form{gap:9px;display:grid}.login-card label{color:#445168;margin-top:8px;font-size:13px;font-weight:700}input,select,textarea{color:#142033;background:#fff;border:1px solid #d8e0ea;border-radius:10px;outline:none;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:#2c6fae;box-shadow:0 0 0 3px #2c6fae17}.primary{color:#fff;background:#0b4b86;border:0;border-radius:10px;margin-top:10px;padding:12px 16px;font-weight:800}.primary:disabled{opacity:.55}.error-box,.global-error{color:#a32626;background:#fff1f1;border:1px solid #ffd1d1;border-radius:9px;padding:9px 11px;font-size:13px}.global-error{z-index:20;cursor:pointer;position:fixed;top:70px;left:50%;transform:translate(-50%)}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:#fff;border-bottom:1px solid #e4e9f0;flex:none;align-items:center;gap:24px;height:64px;padding:0 18px;display:flex}.topbar-brand{align-items:center;gap:10px;min-width:230px;display:flex}.topbar-brand>div:last-child,.topbar-user>div{flex-direction:column;display:flex}.topbar-brand strong{color:#0b3768}.topbar-brand span,.topbar-user span{color:#7b8798;font-size:11px}.topbar nav{align-self:stretch;gap:4px;display:flex}.topbar nav button{color:#64748b;background:0 0;border:0;padding:0 14px}.topbar nav button.nav-active{color:#0b4b86;border-bottom:3px solid #f6bd18;font-weight:800}.topbar-user{text-align:right;align-items:center;gap:10px;margin-left:auto;display:flex}.ghost{color:#4c5d72;background:#fff;border:1px solid #dfe5ec;border-radius:9px;padding:7px 10px}.workspace{flex:1;grid-template-columns:330px minmax(380px,1fr) 280px;min-height:0;display:grid}.conversation-list{background:#fff;border-right:1px solid #e4e9f0;flex-direction:column;min-height:0;display:flex}.list-head{justify-content:space-between;align-items:center;padding:18px;display:flex}.list-head h2,.panel-title h2{color:#193b64;margin:0}.list-head span,.panel-title span{color:#8290a3;font-size:12px}.icon-btn{color:#fff;background:#0b4b86;border:0;border-radius:10px;width:34px;height:34px;font-size:20px}.filters{grid-template-columns:1fr 105px;gap:7px;padding:0 12px 12px;display:grid}.filters input,.filters select{padding:8px;font-size:12px}.conversation-scroll,.message-scroll{min-height:0;overflow:auto}.conversation-scroll{flex:1}.conversation-item{text-align:left;background:#fff;border:0;border-top:1px solid #eef1f5;gap:10px;width:100%;padding:13px 12px;display:flex}.conversation-item:hover,.conversation-item.active{background:#f3f7fb}.conversation-item.active{box-shadow:inset 4px 0 #f6bd18}.avatar{color:#0b4b86;background:#e8f0f8;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font-weight:800;display:grid}.avatar.small{width:38px;height:38px}.conversation-meta{flex:1;min-width:0;position:relative}.conversation-meta>div{justify-content:space-between;gap:8px;display:flex}.conversation-meta strong{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.conversation-meta time{color:#8b96a6;font-size:10px}.conversation-meta p{color:#68778b;white-space:nowrap;text-overflow:ellipsis;margin:3px 0 7px;font-size:12px;overflow:hidden}.badge{border-radius:999px;padding:3px 7px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.status-new{color:#7e5d00;background:#fff3cd}.status-open{color:#18714a;background:#ddf5e7}.status-pending{color:#a15312;background:#ffe8d3}.status-closed{color:#667283;background:#e9edf2}.unread{color:#fff;text-align:center;background:#0b4b86;border-radius:10px;min-width:19px;height:19px;font-size:10px;line-height:19px;position:absolute;bottom:0;right:0}.empty-list{color:#8894a3;text-align:center;padding:30px}.chat-panel{background:#f4f7fa;flex-direction:column;min-height:0;display:flex}.empty-chat{text-align:center;color:#7b8798;justify-items:center;margin:auto;display:grid}.empty-chat h2{color:#294b70;margin-bottom:4px}.chat-head{background:#fff;border-bottom:1px solid #e2e7ee;align-items:center;gap:10px;height:70px;padding:10px 16px;display:flex}.chat-head h3{color:#1c3c61;margin:0}.chat-head span{color:#7d899a;font-size:11px}.chat-actions{gap:7px;margin-left:auto;display:flex}.chat-actions select{padding:7px;font-size:12px}.mobile-back{display:none}.message-scroll{flex-direction:column;flex:1;gap:9px;padding:20px 22px;display:flex}.message-row{display:flex}.message-row.mine{justify-content:flex-end}.bubble{background:#fff;border:1px solid #e3e8ef;border-radius:8px 16px 16px;max-width:min(72%,640px);padding:9px 11px;box-shadow:0 2px 5px #1c355408}.mine .bubble{background:#dff5e7;border-color:#cbead7;border-radius:16px 8px 16px 16px}.internal .bubble{background:#fff6d9;border:1px solid #f2d982}.sender-name{color:#0b4b86;margin-bottom:3px;font-size:11px;font-weight:800;display:block}.note-label{color:#966d00;margin-bottom:4px;font-size:10px;display:block}.message-text{white-space:pre-wrap;font-size:14px;line-height:1.4}.bubble time{text-align:right;color:#8290a2;margin-top:4px;font-size:9px;display:block}.attachment-card{text-align:left;background:#ffffffbf;border:1px solid #d9e1e9;border-radius:10px;align-items:center;gap:9px;max-width:330px;padding:9px;display:flex}.attachment-card>span{color:#34516f;background:#e9eef5;border-radius:7px;place-items:center;width:38px;height:38px;font-size:10px;font-weight:900;display:grid}.attachment-card div{flex-direction:column;min-width:0;display:flex}.attachment-card strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.attachment-card small{color:#78869a}.typing-line{color:#78869a;height:20px;padding-left:22px;font-size:11px}.composer{background:#fff;border-top:1px solid #e0e6ed;padding:8px 12px 12px}.composer-tools{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.composer-tools select{max-width:200px;padding:5px 7px;font-size:11px}.note-check{color:#6c7788;align-items:center;gap:5px;font-size:11px;display:flex}.composer-row{align-items:flex-end;gap:7px;display:flex}.composer textarea{resize:none;flex:1;min-height:42px;max-height:120px}.attach,.send{border:0;border-radius:50%;width:42px;height:42px;font-size:18px}.attach{color:#456078;background:#eef2f7}.send{color:#fff;background:#0b4b86}.detail-panel{text-align:center;background:#fff;border-left:1px solid #e4e9f0;padding:20px}.detail-panel>h3{text-align:left;color:#78869a;margin:0;font-size:13px}.detail-avatar{color:#0b4b86;background:#e8f0f8;border-radius:50%;place-items:center;width:72px;height:72px;margin:24px auto 10px;font-size:26px;font-weight:900;display:grid}.detail-panel h2{color:#1c3c61;font-size:17px}.detail-block{text-align:left;border-top:1px solid #edf0f4;gap:4px;margin-top:20px;padding-top:16px;display:grid}.detail-block label{color:#8c98a8;margin-top:8px;font-size:10px}.detail-block strong{font-size:13px}.detail-note{color:#7b8798;text-align:left;margin-top:25px;font-size:11px;line-height:1.5}.users-panel{flex:1;padding:24px;overflow:auto}.panel-title{margin-bottom:16px}.user-grid{grid-template-columns:minmax(360px,500px) 1fr;gap:16px;display:grid}.card{background:#fff;border:1px solid #e2e8ef;border-radius:14px;padding:18px}.card h3{color:#23486e;margin:0 0 14px}.form-grid{gap:9px;display:grid}.inline-fields{grid-template-columns:110px 1fr;gap:7px;display:grid}.user-list{display:grid}.user-row{border-top:1px solid #edf1f5;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.user-row:first-child{border-top:0}.user-row div:nth-child(2){flex-direction:column;display:flex}.user-row span{color:#7c899b;font-size:11px}.user-row em{color:#4d6580;background:#edf2f6;border-radius:12px;padding:4px 7px;font-size:10px;font-style:normal;font-weight:800}@media (width<=1000px){.workspace{grid-template-columns:300px 1fr}.detail-panel{display:none}.topbar-brand{min-width:auto}.topbar-brand span{display:none}}@media (width<=720px){.topbar{height:58px;padding:0 10px}.topbar nav,.topbar-user>div{display:none}.topbar-brand strong{font-size:13px}.workspace{display:block;position:relative}.conversation-list,.chat-panel{position:absolute;inset:0}.workspace.has-selection .conversation-list,.workspace:not(.has-selection) .chat-panel{display:none}.chat-head{height:62px;padding:8px 10px}.mobile-back{color:#355675;background:0 0;border:0;font-size:30px;display:block}.chat-actions{gap:3px}.chat-actions select{max-width:90px;font-size:10px}.message-scroll{padding:14px 10px}.bubble{max-width:86%}.user-grid{grid-template-columns:1fr}.users-panel{padding:12px}.filters{grid-template-columns:1fr 95px}}.bubble.bubble-media{padding:6px;overflow:hidden}.bubble-media .sender-name,.bubble-media .note-label{margin:2px 5px 5px}.bubble-media .message-text{padding:5px 6px 7px}.message-images{flex-direction:column;gap:4px;max-width:340px;display:flex}.message-image-button{cursor:pointer;background:0 0;border:0;border-radius:12px;max-width:340px;margin:0;padding:0;display:block;overflow:hidden}.message-image-button img{object-fit:cover;background:#e8edf2;border-radius:12px;width:auto;min-width:180px;max-width:340px;max-height:390px;transition:transform .15s,opacity .15s;display:block}.message-image-button:hover img{opacity:.96;transform:scale(1.005)}.bubble-media>time{margin-top:4px;padding:1px 4px 0}.whatsapp-document{background:#ffffffbd;border:0;border-radius:10px;width:min(330px,100%);margin-top:5px;padding:8px}.mine .whatsapp-document{background:#ffffff9e}.document-icon{flex:0 0 42px;font-weight:900;color:#b42318!important;background:#eef1f4!important;border-radius:9px!important;width:42px!important;height:42px!important;font-size:10px!important}.whatsapp-document div{flex:1;overflow:hidden}.whatsapp-document strong{font-size:13px}.whatsapp-document small{margin-top:3px;font-size:10px}.document-open{color:#65758a;margin-left:auto;font-size:18px;font-weight:500}.media-lightbox{z-index:99999;background:#080f19eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.media-lightbox-content{flex-direction:column;width:min(1100px,96vw);height:min(850px,94vh);display:flex}.media-lightbox-head{color:#fff;flex:none;justify-content:space-between;align-items:center;gap:20px;height:50px;display:flex}.media-lightbox-head span{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.media-lightbox-head button{color:#fff;background:0 0;border:0;width:42px;height:42px;font-size:34px;line-height:1}.media-lightbox-content>img{object-fit:contain;flex:1;width:100%;height:100%;min-height:0}.media-lightbox-actions{flex:0 0 44px;justify-content:center;align-items:center;display:flex}.media-lightbox-actions a{color:#fff;border:1px solid #ffffff59;border-radius:8px;padding:7px 13px;font-size:12px;text-decoration:none}@media (width<=720px){.message-image-button img{min-width:150px;max-width:76vw;max-height:55vh}.message-images{max-width:76vw}.media-lightbox{padding:8px}.media-lightbox-content{width:100%;height:96vh}}.bara-image-button{background:0 0;border:0;border-radius:12px;margin:5px 0;padding:0;display:block;overflow:hidden}.bara-image-button img{object-fit:cover;border-radius:12px;width:auto;max-width:340px;height:auto;max-height:390px;display:block}.bara-video-wrap{max-width:360px;margin-top:5px}.bara-video-wrap video{background:#000;border-radius:12px;width:100%;max-height:400px;display:block}.bara-video-wrap small,.bara-audio-wrap small{color:#758398;text-overflow:ellipsis;white-space:nowrap;max-width:320px;margin-top:3px;font-size:9px;display:block;overflow:hidden}.bara-audio-wrap{width:min(330px,70vw);margin-top:5px}.bara-audio-wrap audio{width:100%;height:42px}.media-lightbox{z-index:99999;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-lightbox-content{justify-content:center;align-items:center;width:95vw;height:92vh;display:flex;position:relative}.media-lightbox-content img{object-fit:contain;max-width:100%;max-height:100%}.media-close{color:#fff;background:#00000080;border:0;border-radius:50%;width:45px;height:45px;font-size:30px;position:absolute;top:0;right:0}html{transition:background-color .2s}.theme-switch{cursor:pointer;background:#f8fafc;border:1px solid #dce4ec;border-radius:18px;align-items:center;gap:5px;height:36px;padding:0 7px;display:flex}.theme-sun,.theme-moon{font-size:14px;line-height:1}.theme-sun{color:#e7a900}.theme-moon{color:#64748b}.theme-track{background:#d9e1e9;border-radius:999px;width:34px;height:18px;transition:all .2s;display:block;position:relative}.theme-knob{background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #00000038}.theme-switch.is-dark .theme-track{background:#315d86}.theme-switch.is-dark .theme-knob{transform:translate(16px)}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0b1218}html[data-theme=dark] body{color:#dce6ef;background:#0b1218}html[data-theme=dark] .login-page{background:radial-gradient(circle at 0 0,#15283a 0,#0000 35%),linear-gradient(145deg,#0b1218,#101a23)}html[data-theme=dark] .login-card{background:#121d26;border-color:#273642;box-shadow:0 22px 60px #00000061}html[data-theme=dark] .login-card h1{color:#ecf4fa}html[data-theme=dark] .login-card>p,html[data-theme=dark] .login-card label{color:#9caebe}html[data-theme=dark] input,html[data-theme=dark] select,html[data-theme=dark] textarea{color:#e8eef4;background:#101922;border-color:#31404d}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#718293}html[data-theme=dark] input:focus,html[data-theme=dark] select:focus,html[data-theme=dark] textarea:focus{border-color:#4b8fc6;box-shadow:0 0 0 3px #4b8fc621}html[data-theme=dark] .topbar{background:#101922;border-color:#263541}html[data-theme=dark] .topbar-brand strong,html[data-theme=dark] .topbar-user strong{color:#eef5fa}html[data-theme=dark] .topbar-brand span,html[data-theme=dark] .topbar-user span{color:#8295a6}html[data-theme=dark] .topbar nav button{color:#899aaa}html[data-theme=dark] .topbar nav button.nav-active{color:#eaf2f8}html[data-theme=dark] .ghost{color:#dce6ef;background:#15212b;border-color:#31404d}html[data-theme=dark] .theme-switch{background:#15212b;border-color:#31404d}html[data-theme=dark] .conversation-list{background:#101922;border-color:#263541}html[data-theme=dark] .list-head h2,html[data-theme=dark] .panel-title h2{color:#e9f2f8}html[data-theme=dark] .list-head span,html[data-theme=dark] .panel-title span{color:#8395a5}html[data-theme=dark] .conversation-item{color:#dfe8ef;background:#101922;border-color:#202d37}html[data-theme=dark] .conversation-item:hover,html[data-theme=dark] .conversation-item.active{background:#172630}html[data-theme=dark] .conversation-meta p,html[data-theme=dark] .conversation-meta time{color:#8798a7}html[data-theme=dark] .avatar,html[data-theme=dark] .detail-avatar{color:#8ec8f1;background:#203548}html[data-theme=dark] .chat-panel{background:#0c141b}html[data-theme=dark] .chat-head{background:#101922;border-color:#263541}html[data-theme=dark] .chat-head h3{color:#edf4f9}html[data-theme=dark] .chat-head span{color:#8495a4}html[data-theme=dark] .message-scroll{background:#0c141b}html[data-theme=dark] .bubble{color:#e4edf3;box-shadow:none;background:#17232d;border-color:#293a47}html[data-theme=dark] .mine .bubble{background:#123c33;border-color:#205449}html[data-theme=dark] .internal .bubble{background:#493e18;border-color:#675823}html[data-theme=dark] .sender-name{color:#79b9e8}html[data-theme=dark] .bubble time{color:#8ca0ae}html[data-theme=dark] .composer{background:#101922;border-color:#263541}html[data-theme=dark] .attach{color:#b8cad8;background:#1c2b37}html[data-theme=dark] .attachment-card,html[data-theme=dark] .whatsapp-document{color:#e1eaf1;background:#1b2934;border-color:#334653}html[data-theme=dark] .attachment-card>span,html[data-theme=dark] .document-icon{background:#263743!important}html[data-theme=dark] .attachment-card small,html[data-theme=dark] .bara-video-wrap small,html[data-theme=dark] .bara-audio-wrap small{color:#879aa9}html[data-theme=dark] .detail-panel{background:#101922;border-color:#263541}html[data-theme=dark] .detail-panel>h3,html[data-theme=dark] .detail-note,html[data-theme=dark] .detail-block label{color:#8395a5}html[data-theme=dark] .detail-panel h2,html[data-theme=dark] .detail-block strong{color:#e9f1f7}html[data-theme=dark] .detail-block{border-color:#263541}html[data-theme=dark] .users-panel{background:#0c141b}html[data-theme=dark] .card{background:#101922;border-color:#263541}html[data-theme=dark] .card h3{color:#e7eff5}html[data-theme=dark] .user-row{border-color:#263541}html[data-theme=dark] .user-row span{color:#8798a7}html[data-theme=dark] .user-row em{color:#a8bfce;background:#20313e}html[data-theme=dark] .empty-chat,html[data-theme=dark] .empty-list,html[data-theme=dark] .typing-line,html[data-theme=dark] .note-check{color:#8496a5}html[data-theme=dark] .empty-chat h2{color:#d9e7f1}html[data-theme=dark] .error-box,html[data-theme=dark] .global-error{color:#ffb8bd;background:#3b1c20;border-color:#663039}html[data-theme=dark] *{scrollbar-color:#3b4c59 #111b23}html[data-theme=dark] ::-webkit-scrollbar{width:9px;height:9px}html[data-theme=dark] ::-webkit-scrollbar-track{background:#111b23}html[data-theme=dark] ::-webkit-scrollbar-thumb{background:#3b4c59;border-radius:10px}@media (width<=720px){.theme-switch{padding:0 5px}.theme-sun,.theme-moon{display:none}}.notification-bell{min-width:42px;position:relative}.bell-badge{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;top:-7px;right:-6px}.conversation-item.has-unread:not(.active){background:#fff9e8;box-shadow:inset 4px 0 #f6bd18}.conversation-item.has-unread strong{font-weight:900}.inapp-notification{z-index:1000;color:#172438;text-align:left;background:#fff;border:1px solid #dce5ed;border-radius:13px;align-items:center;gap:11px;width:min(350px,100vw - 32px);min-height:68px;padding:10px 13px;display:flex;position:fixed;top:74px;right:18px;box-shadow:0 12px 32px #0f23372e}.inapp-notification-icon{color:#0b3768;background:#f6bd18;border-radius:50%;flex:0 0 40px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:900;display:grid}.inapp-notification>span:last-child{flex-direction:column;gap:3px;min-width:0;display:flex}.inapp-notification strong{font-size:13px}.inapp-notification small{text-overflow:ellipsis;white-space:nowrap;color:#68788a;max-width:260px;font-size:12px;overflow:hidden}html[data-theme=dark] .bell-badge{border-color:#101922}html[data-theme=dark] .conversation-item.has-unread:not(.active){background:#182a34;box-shadow:inset 4px 0 #f6bd18}html[data-theme=dark] .inapp-notification{color:#edf4f8;background:#16232d;border-color:#32434f;box-shadow:0 14px 36px #0000006b}html[data-theme=dark] .inapp-notification small{color:#9bafbd}@media (width<=720px){.inapp-notification{width:auto;top:66px;left:10px;right:10px}}.conversation-tags{align-items:center;gap:7px;min-width:0;margin-top:7px;display:flex}.conversation-agent{color:#718096;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.attention-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin-left:auto;display:flex}.attention-state{flex-direction:column;align-items:flex-end;gap:3px;margin-right:4px;display:flex}.attention-state small{color:#718096;white-space:nowrap;font-size:11px}.attention-btn{color:#243447;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #d6dee6;border-radius:8px;min-height:34px;padding:7px 11px;font-size:12px;font-weight:700}.attention-btn:hover:not(:disabled){background:#f3f6f8}.attention-btn:disabled{opacity:.55;cursor:not-allowed}.attention-btn.primary{color:#fff;background:#0b3768;border-color:#0b3768}.attention-btn.warning{color:#815d00;background:#fff7df;border-color:#e8b341}.attention-btn.danger{color:#a82323;background:#fff1f1;border-color:#e4a2a2}.transfer-panel{background:#f8fafb;border-bottom:1px solid #e2e8ee;align-items:center;gap:8px;padding:10px 14px;display:flex}.transfer-title{flex-direction:column;gap:2px;min-width:170px;display:flex}.transfer-title strong{font-size:12px}.transfer-title small{color:#718096;font-size:10px}.transfer-panel select,.transfer-panel input{min-height:34px;color:inherit;background:#fff;border:1px solid #d6dee6;border-radius:8px;padding:6px 9px}.transfer-panel select{min-width:160px}.transfer-panel input{flex:1;min-width:130px}.current-attention,.client-history{border-top:1px solid #e3e8ed;margin-top:16px;padding-top:14px}.detail-section-title{justify-content:space-between;align-items:center;margin-bottom:11px;display:flex}.detail-section-title strong{font-size:12px}.detail-section-title>span{background:#edf2f6;border-radius:999px;place-items:center;min-width:21px;height:21px;padding:0 6px;font-size:10px;font-weight:800;display:grid}.current-attention-row{justify-content:space-between;align-items:center;gap:12px;padding:6px 0;font-size:11px;display:flex}.current-attention-row>span:first-child{color:#718096}.current-attention-row strong{text-align:right;font-size:11px}.history-list{flex-direction:column;gap:8px;display:flex}.history-item{background:#f8fafb;border:1px solid #e1e7ec;border-radius:9px;padding:9px 10px}.history-item-top{justify-content:space-between;align-items:flex-start;gap:7px;display:flex}.history-item-top strong{font-size:11px}.history-item small{color:#718096;margin-top:4px;font-size:10px;display:block}.history-empty{color:#7c8995;text-align:center;padding:12px 8px;font-size:11px}html[data-theme=dark] .conversation-agent,html[data-theme=dark] .attention-state small,html[data-theme=dark] .transfer-title small,html[data-theme=dark] .current-attention-row>span:first-child,html[data-theme=dark] .history-item small{color:#9bafbd}html[data-theme=dark] .attention-btn{color:#eaf1f5;background:#1b2a35;border-color:#354754}html[data-theme=dark] .attention-btn:hover:not(:disabled){background:#243743}html[data-theme=dark] .attention-btn.primary{color:#fff;background:#174c7e;border-color:#28669d}html[data-theme=dark] .attention-btn.warning{color:#f6d778;background:#413716;border-color:#685721}html[data-theme=dark] .attention-btn.danger{color:#f4a9b1;background:#3b2024;border-color:#663038}html[data-theme=dark] .transfer-panel{background:#111d26;border-color:#2d3d48}html[data-theme=dark] .transfer-panel select,html[data-theme=dark] .transfer-panel input{color:#edf4f8;background:#162630;border-color:#364954}html[data-theme=dark] .current-attention,html[data-theme=dark] .client-history{border-color:#30414d}html[data-theme=dark] .detail-section-title>span{background:#243640}html[data-theme=dark] .history-item{background:#15232d;border-color:#30414d}@media (width<=900px){.attention-actions{gap:5px}.attention-state{display:none}.attention-btn{padding:6px 8px;font-size:11px}.transfer-panel{flex-direction:column;align-items:stretch}.transfer-panel select,.transfer-panel input{width:100%}}.inbox-tabs{grid-template-columns:repeat(4,1fr);gap:4px;margin-bottom:8px;display:grid}.inbox-tabs button{cursor:pointer;background:0 0;border:1px solid #d6dee6;border-radius:7px;min-width:0;padding:7px 4px;font-size:10px;font-weight:700}.inbox-tabs button.active{color:#fff;background:#1d6fa5;border-color:#1d6fa5}.conversation-attentions{color:#718096;white-space:nowrap;font-size:10px}.chat-message-group{display:contents}.attention-separator{text-align:center;background:#5a6e7d1f;border-radius:10px;width:min(92%,560px);margin:22px auto 14px;padding:8px 12px}.attention-separator span{letter-spacing:.5px;font-size:10px;font-weight:800;display:block}.attention-separator small{color:#718096;margin-top:3px;font-size:10px;display:block}.attention-closed-marker{text-align:center;border:1px dashed #8d9aa3;border-radius:9px;width:min(88%,500px);margin:15px auto 22px;padding:8px 12px}.attention-closed-marker strong{font-size:10px;display:block}.attention-closed-marker small{color:#718096;margin-top:3px;font-size:10px;display:block}.closed-chat-notice{text-align:center;border-top:1px solid #dce3e8;padding:12px 16px}.closed-chat-notice strong{font-size:12px;display:block}.closed-chat-notice span{color:#718096;margin-top:2px;font-size:11px;display:block}.client-history{display:none!important}html[data-theme=dark] .inbox-tabs button{color:#cbd8df;border-color:#354754}html[data-theme=dark] .inbox-tabs button.active{color:#fff;background:#174c7e;border-color:#28669d}html[data-theme=dark] .attention-separator{background:#15242e}html[data-theme=dark] .attention-separator small,html[data-theme=dark] .attention-closed-marker small,html[data-theme=dark] .conversation-attentions,html[data-theme=dark] .closed-chat-notice span{color:#9bafbd}html[data-theme=dark] .attention-closed-marker{border-color:#53636e}html[data-theme=dark] .closed-chat-notice{border-color:#293b47}.workspace{grid-template-columns:330px minmax(380px,1fr) 250px;transition:grid-template-columns .18s}.detail-panel{position:relative;overflow:hidden}.detail-toggle{color:#496275;cursor:pointer;z-index:5;background:#f4f7fa;border:1px solid #d7e0e7;border-radius:8px;place-items:center;width:30px;height:30px;padding:0;font-size:22px;line-height:1;display:grid;position:absolute;top:11px;right:9px}.detail-toggle:hover{background:#e8eef3}.detail-panel.collapsed{padding:0}.detail-panel.collapsed>:not(.detail-toggle){display:none!important}.detail-panel.collapsed .detail-toggle{top:12px;left:8px;right:auto}html[data-theme=dark] .detail-toggle{color:#c7d4dc;background:#162630;border-color:#354754}html[data-theme=dark] .detail-toggle:hover{background:#20333f}@media (width<=1000px){.workspace,.workspace.detail-collapsed,.workspace.detail-expanded{grid-template-columns:300px minmax(0,1fr)}.detail-panel{display:none}}.workspace,.workspace.detail-expanded{grid-template-columns:265px minmax(380px,1fr) 250px}.workspace.detail-collapsed{grid-template-columns:265px minmax(380px,1fr) 46px}.list-head h2{font-size:18px;line-height:1.1}.list-head span{font-size:10px}.client-inbox-controls .filters{padding:0;display:block}.client-inbox-controls .filters input{border-radius:8px;width:100%;height:33px;padding:6px 9px;font-size:11px}.conversation-item{gap:7px;min-height:64px;padding:8px}.conversation-item .avatar.small{width:32px;height:32px;font-size:12px}.conversation-meta strong{font-size:12px;line-height:1.15}.conversation-meta time{white-space:nowrap;font-size:8px}.conversation-meta p{margin:2px 0 4px;font-size:10px;line-height:1.15}.conversation-tags{flex-wrap:nowrap;gap:4px;margin-top:2px}.conversation-tags .badge{padding:2px 5px;font-size:8px}.conversation-attentions{font-size:8px}.conversation-agent{max-width:66px;font-size:8px}.unread{min-width:17px;height:17px;font-size:9px;line-height:17px}@media (width<=1000px){.workspace,.workspace.detail-collapsed,.workspace.detail-expanded{grid-template-columns:260px minmax(0,1fr)}}.list-head{padding:7px 9px 5px}.list-head>div{align-items:baseline;gap:6px;min-width:0;display:flex}.list-head h2{margin:0;font-size:16px;line-height:1}.list-head span{white-space:nowrap;font-size:8px}.client-inbox-controls{padding:3px 8px 6px}.inbox-tabs{gap:3px;margin-bottom:5px}.inbox-tabs button{border-radius:5px;min-height:25px;padding:3px 2px;font-size:8px}.client-inbox-controls .filters{margin:0;padding:0}.client-inbox-controls .filters input{border-radius:7px;height:29px;min-height:29px;padding:4px 8px;font-size:10px}.conversation-scroll{border-top:1px solid #788c9b1f}html[data-theme=corporate-blue]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#edf3f8;--ui-surface:#fff;--ui-surface-2:#f5f8fb;--ui-surface-3:#e4edf5;--ui-border:#d3dee8;--ui-text:#17324a;--ui-muted:#708394;--ui-primary:#1769a6;--ui-primary-strong:#0d4f80;--ui-accent:#d8a914;--ui-bubble:#fff;--ui-bubble-mine:#dff3e8;--ui-note:#fff2c9}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#08141d;--ui-surface:#0d1b25;--ui-surface-2:#122631;--ui-surface-3:#19323f;--ui-border:#29404d;--ui-text:#edf5f8;--ui-muted:#9bafbb;--ui-primary:#1d70a6;--ui-primary-strong:#145683;--ui-accent:#f2bd21;--ui-bubble:#142832;--ui-bubble-mine:#123e35;--ui-note:#403613}html[data-theme=graphite]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#1d2227;--ui-surface:#252b31;--ui-surface-2:#2d343b;--ui-surface-3:#39424a;--ui-border:#46515b;--ui-text:#f0f3f5;--ui-muted:#aab4bc;--ui-primary:#5f8298;--ui-primary-strong:#46687e;--ui-accent:#d3ad52;--ui-bubble:#30373e;--ui-bubble-mine:#344b45;--ui-note:#4c442c}html[data-theme=steel-blue]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#15232d;--ui-surface:#1b2d39;--ui-surface-2:#223946;--ui-surface-3:#2c4654;--ui-border:#385565;--ui-text:#edf5f8;--ui-muted:#a5bac5;--ui-primary:#4c89ad;--ui-primary-strong:#356d90;--ui-accent:#d9b24c;--ui-bubble:#243945;--ui-bubble-mine:#294b46;--ui-note:#4a4229}html[data-theme=financial-green]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#10201a;--ui-surface:#152a22;--ui-surface-2:#1c352b;--ui-surface-3:#254438;--ui-border:#34594a;--ui-text:#edf7f2;--ui-muted:#a2b9ad;--ui-primary:#34795e;--ui-primary-strong:#245d48;--ui-accent:#d2ae4f;--ui-bubble:#1c352b;--ui-bubble-mine:#244b3c;--ui-note:#493f22}html[data-theme=emerald]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#edf6f3;--ui-surface:#fff;--ui-surface-2:#f3f9f7;--ui-surface-3:#dcefe9;--ui-border:#c9dfd8;--ui-text:#173d34;--ui-muted:#66877e;--ui-primary:#16856b;--ui-primary-strong:#0e6552;--ui-accent:#d5ac3d;--ui-bubble:#fff;--ui-bubble-mine:#d9f2e8;--ui-note:#fff1c6}html[data-theme=executive-purple]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#191724;--ui-surface:#211e2e;--ui-surface-2:#2b273a;--ui-surface-3:#373249;--ui-border:#48415d;--ui-text:#f4f0fa;--ui-muted:#b5aec4;--ui-primary:#7966a6;--ui-primary-strong:#5d4c86;--ui-accent:#d5af50;--ui-bubble:#2b273a;--ui-bubble-mine:#3a3e50;--ui-note:#493e28}html[data-theme=burgundy]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#21171a;--ui-surface:#2b1d21;--ui-surface-2:#38252a;--ui-surface-3:#472e34;--ui-border:#5b3b43;--ui-text:#f8edef;--ui-muted:#c0a7ad;--ui-primary:#874957;--ui-primary-strong:#683642;--ui-accent:#d8b15b;--ui-bubble:#38252a;--ui-bubble-mine:#454039;--ui-note:#4c3e25}html[data-theme=black-premium]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#0c0d0f;--ui-surface:#141619;--ui-surface-2:#1b1e22;--ui-surface-3:#25292e;--ui-border:#343940;--ui-text:#f4f4f2;--ui-muted:#a7aaad;--ui-primary:#8d763f;--ui-primary-strong:#6d592e;--ui-accent:#d7b55b;--ui-bubble:#1d2024;--ui-bubble-mine:#33362e;--ui-note:#42381e}html[data-theme=sand]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#f0ede7;--ui-surface:#faf8f4;--ui-surface-2:#f3efe8;--ui-surface-3:#e8e0d5;--ui-border:#d7ccbd;--ui-text:#463e34;--ui-muted:#81766a;--ui-primary:#80684d;--ui-primary-strong:#624e39;--ui-accent:#b58a45;--ui-bubble:#fffdf9;--ui-bubble-mine:#e3eee2;--ui-note:#f9e9bc}html[data-theme=office-blue]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ui-bg:#eaf4fa;--ui-surface:#fff;--ui-surface-2:#f3f9fc;--ui-surface-3:#ddeef7;--ui-border:#c9dfea;--ui-text:#244153;--ui-muted:#718b9a;--ui-primary:#4589b4;--ui-primary-strong:#326c91;--ui-accent:#d8aa36;--ui-bubble:#fff;--ui-bubble-mine:#dff2ea;--ui-note:#fff2c9}html[data-theme=contrast]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ui-bg:#000;--ui-surface:#080808;--ui-surface-2:#151515;--ui-surface-3:#222;--ui-border:#666;--ui-text:#fff;--ui-muted:#d5d5d5;--ui-primary:#f1c40f;--ui-primary-strong:#c9a207;--ui-accent:#f1c40f;--ui-bubble:#171717;--ui-bubble-mine:#223327;--ui-note:#3d3410}html[data-theme] body,html[data-theme] .app-shell{background:var(--ui-bg);color:var(--ui-text)}html[data-theme] .topbar,html[data-theme] .conversation-list,html[data-theme] .chat-head,html[data-theme] .composer,html[data-theme] .detail-panel,html[data-theme] .card,html[data-theme] .login-card{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}html[data-theme] .chat-panel,html[data-theme] .users-panel{background:var(--ui-bg)}html[data-theme] .conversation-item{background:var(--ui-surface);color:var(--ui-text);border-color:var(--ui-border)}html[data-theme] .conversation-item:hover,html[data-theme] .conversation-item.active{background:var(--ui-surface-2)}html[data-theme] .conversation-item.active{box-shadow:inset 4px 0 var(--ui-accent)}html[data-theme] input,html[data-theme] select,html[data-theme] textarea{background:var(--ui-surface-2);color:var(--ui-text);border-color:var(--ui-border)}html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--ui-muted)}html[data-theme] input:focus,html[data-theme] select:focus,html[data-theme] textarea:focus{border-color:var(--ui-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--ui-primary) 22%, transparent)}html[data-theme] .topbar-brand strong,html[data-theme] .list-head h2,html[data-theme] .panel-title h2,html[data-theme] .chat-head h3,html[data-theme] .detail-panel h2,html[data-theme] .card h3,html[data-theme] .empty-chat h2{color:var(--ui-text)}html[data-theme] .topbar-brand span,html[data-theme] .topbar-user span,html[data-theme] .list-head span,html[data-theme] .panel-title span,html[data-theme] .conversation-meta p,html[data-theme] .conversation-meta time,html[data-theme] .conversation-agent,html[data-theme] .conversation-attentions,html[data-theme] .chat-head>div>span,html[data-theme] .current-attention-row>span:first-child,html[data-theme] .detail-block label,html[data-theme] .typing-line{color:var(--ui-muted)}html[data-theme] .avatar,html[data-theme] .detail-avatar{background:var(--ui-surface-3);color:var(--ui-primary)}html[data-theme] .brand-mark{background:var(--ui-accent);color:var(--ui-primary-strong)}html[data-theme] .topbar nav button{color:var(--ui-muted)}html[data-theme] .topbar nav button.nav-active{color:var(--ui-text);border-bottom-color:var(--ui-accent)}html[data-theme] .ghost,html[data-theme] .attention-btn,html[data-theme] .detail-toggle,html[data-theme] .inbox-tabs button{background:var(--ui-surface-2);color:var(--ui-text);border-color:var(--ui-border)}html[data-theme] .primary,html[data-theme] .send,html[data-theme] .attention-btn.primary,html[data-theme] .inbox-tabs button.active{background:var(--ui-primary);border-color:var(--ui-primary);color:#fff}html[data-theme=contrast] .primary,html[data-theme=contrast] .send,html[data-theme=contrast] .attention-btn.primary,html[data-theme=contrast] .inbox-tabs button.active{color:#000}html[data-theme] .bubble{background:var(--ui-bubble);border-color:var(--ui-border);color:var(--ui-text)}html[data-theme] .mine .bubble{background:var(--ui-bubble-mine);border-color:var(--ui-border)}html[data-theme] .internal .bubble{background:var(--ui-note);border-color:var(--ui-border)}html[data-theme] .sender-name{color:var(--ui-primary)}html[data-theme] .message-text{color:var(--ui-text)}html[data-theme] .bubble time{color:var(--ui-muted)}html[data-theme] .attachment-card{background:var(--ui-surface-2);color:var(--ui-text);border-color:var(--ui-border)}html[data-theme] .attachment-card>span{background:var(--ui-surface-3);color:var(--ui-primary)}html[data-theme] .attention-separator{background:var(--ui-surface-2);color:var(--ui-text)}html[data-theme] .attention-separator small,html[data-theme] .attention-closed-marker small{color:var(--ui-muted)}html[data-theme] .attention-closed-marker,html[data-theme] .current-attention,html[data-theme] .detail-block,html[data-theme] .closed-chat-notice{border-color:var(--ui-border)}.theme-picker{position:relative}.theme-picker-button{background:var(--ui-surface-2);height:38px;color:var(--ui-text);border:1px solid var(--ui-border);border-radius:10px;align-items:center;gap:6px;padding:0 10px;font-size:11px;font-weight:700;display:flex}.theme-picker-button:hover,.theme-picker-button.active{background:var(--ui-surface-3)}.theme-palette-icon{color:var(--ui-primary);font-size:16px}.theme-current-dot{border:1px solid #fff6;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #00000026}.theme-picker-arrow{color:var(--ui-muted);font-size:9px}.theme-menu{z-index:1000;background:var(--ui-surface);border:1px solid var(--ui-border);border-radius:13px;width:290px;max-height:min(620px,100vh - 90px);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 18px 50px #00000040}.theme-menu-head{border-bottom:1px solid var(--ui-border);text-align:left;flex-direction:column;gap:2px;padding:12px 13px 10px;display:flex}.theme-menu-head strong{color:var(--ui-text);font-size:12px}.theme-menu-head small{color:var(--ui-muted);font-size:10px}.theme-options{max-height:500px;padding:6px;overflow-y:auto}.theme-option{width:100%;color:var(--ui-text);text-align:left;background:0 0;border:0;border-radius:8px;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center;gap:9px;padding:8px 9px;display:grid}.theme-option:hover{background:var(--ui-surface-2)}.theme-option.selected{background:var(--ui-surface-3)}.theme-option-dot{border:2px solid #ffffff59;border-radius:50%;width:17px;height:17px;box-shadow:0 0 0 1px #0000002e}.theme-option-text{flex-direction:column;gap:1px;min-width:0;display:flex}.theme-option-text strong{color:var(--ui-text);font-size:11px}.theme-option-text small{color:var(--ui-muted);font-size:9px}.theme-check{color:var(--ui-primary);font-size:14px;font-weight:900}.theme-switch{display:none!important}@media (width<=720px){.theme-picker-label{display:none}.theme-picker-button{justify-content:center;width:38px;padding:0}.theme-current-dot,.theme-picker-arrow{display:none}.theme-menu{width:min(300px,100vw - 16px);position:fixed;top:62px;right:8px}}
