html,body{margin:0;padding:0}@keyframes iw-spin{to{transform:rotate(360deg)}}.language-toggle-btn{font-size:0;position:relative}.language-toggle-code{bottom:-2px;background:var(--sidebar-active,#6c5ce7);color:#fff;border:2px solid var(--sidebar-bg);border-radius:5px;padding:1px 3px;font-size:8px;font-weight:800;line-height:1;position:absolute;inset-inline-end:-2px}.profile-menu-wrap{display:inline-block;position:relative}.profile-menu{background:var(--surface);border:1.5px solid var(--border);z-index:2000;border-radius:14px;flex-direction:column;width:220px;padding:6px;display:none;position:fixed;overflow:hidden;box-shadow:0 10px 40px #00000029}.profile-menu.open{display:flex}.profile-menu-header{align-items:center;gap:10px;margin-bottom:2px;padding:10px 8px;display:flex}.profile-menu-header-text{min-width:0;overflow:hidden}.profile-menu-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.profile-menu-email{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:11.5px;overflow:hidden}.profile-menu-list{flex-direction:column;gap:2px;display:flex}.profile-menu-item{width:100%;color:var(--text);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:9px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:13px;transition:background .12s;display:flex}.profile-menu-item:hover{background:rgba(var(--primary-rgb), .08);color:var(--primary)}.profile-menu-item.danger{color:var(--danger)}.profile-menu-item.danger:hover{color:var(--danger);background:#ef44441a}.profile-menu-divider{background:var(--border);height:1px;margin:6px 4px}.push-setup-banner{z-index:40;background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:absolute;bottom:48px;left:12px;right:12px;box-shadow:0 8px 24px #0000001f}.push-setup-banner-icon{background:rgba(var(--primary-rgb), .12);width:32px;height:32px;color:var(--primary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.push-setup-banner-copy{flex:1;min-width:0}.push-setup-banner-title{font-size:13px;font-weight:700}.push-setup-banner-desc{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.45}.push-setup-banner-action{background:var(--primary);color:#fff;cursor:pointer;border:0;border-radius:8px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:600}.push-setup-banner-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:0;padding:4px;display:flex}:root{--primary:#6c5ce7;--primary-rgb:108, 92, 231;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--secondary:#00d2ff;--secondary-light:#74e0ff;--bg:#f0f2f5;--surface:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--border:#e5e7eb;--border-strong:#c7ccd6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-bg:#0f0f23;--sidebar-text:#94a3b8;--sidebar-active:#6c5ce7;--chat-row-divider:#ececf1;--chat-row-hover:#eef0f5;--chat-row-active:#e6e8f0}html[data-theme=dark]{--bg:#12141c;--surface:#1a1d29;--text:#eceef3;--text-secondary:#97a0b3;--border:#2b2f3d;--border-strong:#3a3f52;--primary-light:#8a7ff0;--chat-bg:#0e1017;--chat-bubble-received:#232838;--chat-divider-bg:#ffffff0f;--chat-system-bubble:#ffffff12;--chat-doc-icon-bg:#ffffff14;--chat-note-bg:#e0c46c38;--chat-note-border:#e0c46c8c;--chat-note-text:#e4c983;--chat-note-body:#e4c983;--chat-row-divider:#2b2f3d;--chat-row-hover:#262a38;--chat-row-active:#2c303f}html[data-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;height:100dvh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}#root{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#app{direction:rtl}html[dir=ltr] #pages-container{direction:ltr}html[dir=rtl] #pages-container{direction:rtl}h1,h2,h3,h4{font-family:Space Grotesk,DM Sans,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#sidebar{background:var(--sidebar-bg);z-index:50;scrollbar-width:thin;border-radius:0;flex-direction:column;align-items:center;width:60px;min-width:60px;margin:0;padding:14px 0;display:flex;overflow:hidden auto}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-logo{object-fit:contain;border-radius:11px;flex-shrink:0;width:32px;height:32px;margin-bottom:20px}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;padding:0 9px;display:flex}.sidebar-btn{width:42px;height:42px;color:var(--sidebar-text);cursor:pointer;background:#ffffff0d;border:none;border-radius:15px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.sidebar-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.sidebar-btn.active{background:var(--sidebar-active);color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.18),0 6px 16px rgba(var(--primary-rgb),.4);border-radius:17px}.sidebar-btn .badge{background:var(--danger);color:#fff;border:2px solid var(--sidebar-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.sidebar-bottom{flex-direction:column;align-items:center;gap:8px;padding:0 9px;display:flex}.sidebar-avatar{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;transition:border-color .2s;overflow:hidden}.sidebar-avatar:hover{border-color:var(--primary)}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=860px){#sidebar{border-radius:0;width:54px;min-width:54px;margin:0;padding:12px 0;overflow:hidden auto}.sidebar-nav,.sidebar-bottom{padding:0 7px}.sidebar-btn{border-radius:13px;width:38px;height:38px}}.page{flex:1;display:flex;overflow:hidden}[data-drag-id]{cursor:default}[data-drag-id].dragging-now{opacity:.35}#chat-list-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:325px;min-width:325px;transition:width .2s,min-width .2s;display:flex;overflow:hidden}.cl-nav-collapse{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.cl-nav-collapse:hover{background:var(--bg);color:var(--primary)}#chat-list-panel.collapsed{width:52px;min-width:52px}#chat-list-panel.collapsed .cl-header{justify-content:center;padding:12px 8px}#chat-list-panel.collapsed .cl-search-wrap,#chat-list-panel.collapsed .cl-start-chat-btn,#chat-list-panel.collapsed .cl-adv-filter-wrap,#chat-list-panel.collapsed .cl-filters,#chat-list-panel.collapsed .cl-list{display:none}#chat-list-panel.collapsed .cl-nav-collapse{margin:0 auto}.mobile-back-btn{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-back-btn:hover{background:var(--bg)}.mobile-back-btn.contacts-back-btn{display:flex}.mobile-back-btn.contacts-back-btn:hover{background:var(--bg)}@media (width<=860px){#page-chats{position:relative;overflow:hidden}#chat-list-panel{border-left:none;width:100%!important;min-width:0!important}#chat-list-panel.collapsed{width:100%!important;min-width:0!important}#chat-list-panel .cl-nav-collapse{display:none}#chat-list-panel.collapsed .cl-search-wrap{flex:1;display:block}#chat-list-panel.collapsed .cl-start-chat-btn{display:flex}#chat-list-panel.collapsed .cl-adv-filter-wrap{display:block}#chat-list-panel.collapsed .cl-filters{display:flex}#chat-list-panel.collapsed .cl-list{flex:1;display:block}#chat-list-panel.collapsed .cl-header{justify-content:flex-start;padding:16px 20px 12px}#chat-main-panel,#page-chats.mobile-chat-open #chat-list-panel{display:none}#page-chats.mobile-chat-open #chat-main-panel{flex-direction:column;width:100%;min-width:0;height:100%;display:flex!important}#page-chats.mobile-chat-open #chat-area{width:100%;min-width:0;height:100%}.mobile-back-btn{display:flex}#customer-panel{z-index:80;max-width:100%;transition:transform .3s,opacity .3s;position:fixed;inset:0;transform:translate(0);width:100%!important;min-width:0!important}#customer-panel.hidden{opacity:1;pointer-events:none;margin-right:0;transform:translate(100%)}.chat-bg{padding:14px}.msg-col{max-width:82%}.chat-header{flex-wrap:wrap;padding:10px 12px}.chat-header-left{flex:100%}.chat-header-actions{flex:100%;justify-content:flex-end;gap:8px}.chat-maintenance-banner.show{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.chat-maintenance-banner-btn{justify-content:center;width:100%}.resolve-btn{gap:0;padding:0 10px}.resolve-btn #resolve-btn-text{display:none}.ch-action-btn{width:34px;height:34px}.chat-search-bar{padding:8px 12px}.chat-input-area{padding:6px 12px calc(12px + env(safe-area-inset-bottom));gap:6px}.saved-replies-bar{padding:8px 12px}.note-toggle-bar{gap:6px;padding:6px 12px 4px}.note-toggle-btn{padding:6px 12px;font-size:11.5px}input,textarea,select{font-size:16px!important}#msg-input{white-space:nowrap;overflow:auto hidden;font-size:16px!important}#page-customer-details .page-header{flex-wrap:wrap;row-gap:10px}#page-customer-details .customer-header-actions{flex:100%;justify-content:flex-start}}.cl-header{align-items:center;gap:8px;padding:16px 20px 12px;display:flex}.cl-search{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:10px 14px 10px 38px;font-family:inherit;font-size:13px;transition:border-color .2s}.cl-search:focus{border-color:var(--primary)}.cl-search-wrap{flex:1;min-width:0;position:relative}.cl-start-chat-btn{border:1.5px solid var(--border);background:var(--bg);width:40px;height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .2s,color .2s,background .2s;display:flex}.cl-start-chat-btn:hover{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg))}.cl-search-icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cl-adv-filter-wrap{flex-shrink:0;position:relative}.cl-adv-filter-btn{border:1.5px solid var(--border);background:var(--bg);height:40px;color:var(--text-secondary);cursor:pointer;border-radius:12px;align-items:center;gap:5px;padding:0 10px;font-family:inherit;font-size:12px;font-weight:700;transition:border-color .2s,color .2s,background .2s;display:flex;position:relative}.cl-adv-filter-btn:hover,.cl-adv-filter-btn.open{border-color:var(--primary);color:var(--primary)}.cl-adv-filter-btn.active{border-color:var(--primary);color:var(--primary);background:color-mix(in srgb, var(--primary) 10%, var(--bg))}.cl-adv-filter-dot{background:var(--primary);border-radius:50%;flex-shrink:0;width:7px;height:7px}.cl-adv-filter-panel{top:calc(100% + 6px);box-sizing:border-box;z-index:40;background:var(--surface);border:1.5px solid var(--border);border-radius:12px;grid-template-columns:minmax(0,1fr);gap:8px;width:260px;padding:12px;display:grid;position:absolute;inset-inline-end:0;box-shadow:0 12px 36px #00000024}.cl-adv-filter-label{color:var(--text-secondary);font-size:11px;font-weight:700}.cl-adv-filter-modes{gap:4px;width:100%;min-width:0;display:flex}.cl-adv-filter-modes button{border:1.5px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:8px;flex:1;padding:6px 8px;font-family:inherit;font-size:11.5px;font-weight:600}.cl-adv-filter-modes button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cl-adv-filter-input{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;min-width:0;max-width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:12.5px}.cl-adv-filter-input:focus{border-color:var(--primary)}.cl-adv-filter-range{flex-direction:column;gap:8px;min-width:0;max-width:100%;display:flex}.cl-adv-filter-range label{color:var(--text-secondary);flex-direction:column;gap:4px;min-width:0;max-width:100%;font-size:11px;font-weight:600;display:flex}.cl-adv-filter-clear{color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;margin-top:4px;padding:7px 10px;font-family:inherit;font-size:12px;font-weight:700}.cl-adv-filter-clear:hover{text-decoration:underline}.cl-filters{gap:4px;padding:8px 20px 12px;display:flex}.cl-filter-btn{border:1.5px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.cl-filter-btn:hover{border-color:var(--primary-light);color:var(--primary)}.cl-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cl-filter-count{opacity:.8;font-weight:700}.cl-list{flex:1;padding:0 8px;overflow-y:auto}.chat-item{cursor:pointer;border-bottom:1px solid var(--chat-row-divider);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex;position:relative}.cl-list>.chat-item:last-child{border-bottom:none}.cl-list>.chat-item:hover{background:var(--chat-row-hover)}.cl-list>.chat-item.active{background:var(--chat-row-active)}.cl-see-more,.prev-conv-see-more{border:1.5px dashed var(--border);width:100%;color:var(--primary);cursor:pointer;background:0 0;border-radius:10px;margin:8px 0 12px;padding:10px 12px;font-size:13px;font-weight:600;display:block}.cl-see-more:hover:not(:disabled),.prev-conv-see-more:hover:not(:disabled){border-color:var(--primary-light);background:rgba(var(--primary-rgb),.04)}.cl-see-more:disabled,.prev-conv-see-more:disabled{opacity:.6;cursor:default}.chat-item-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.chat-item-avatar img{object-fit:cover;width:100%;height:100%}.status-dot{border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.status-dot.open{background:var(--success)}.status-dot.pending{background:var(--warning)}.status-dot.resolved{background:var(--text-secondary)}.chat-item-info{flex:1;min-width:0}.chat-item-name{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.chat-item-name span:last-child{color:var(--text-secondary);font-size:11px;font-weight:400}.chat-item-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;font-size:13px;display:flex;overflow:hidden}.chat-item-msg span:last-child{flex-shrink:0;margin-left:8px}.unread-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}#chat-main-panel{flex:1;min-width:0;display:flex;overflow:hidden}#chat-area{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-messages-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-bg{background-color:var(--chat-bg,#ece5f5);background-image:radial-gradient(ellipse at 15% 30%,rgba(var(--primary-rgb),.04) 0%,transparent 60%),radial-gradient(ellipse at 85% 70%,#00d2ff08 0%,transparent 60%),radial-gradient(ellipse at 50% 90%,rgba(var(--primary-rgb),.02) 0%,transparent 50%);flex:1;padding:20px;overflow-y:auto}.chat-scroll-to-bottom{bottom:18px;z-index:5;background:var(--surface);width:42px;height:42px;color:var(--text);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s;display:flex;position:absolute;inset-inline-end:18px;box-shadow:0 6px 18px #0000002e}.chat-scroll-to-bottom:hover{background:var(--primary);color:#fff;transform:translateY(1px)}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.chat-header-left{flex-shrink:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.chat-header-status{color:var(--success);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-header-labels{background:var(--surface);border-bottom:1px solid var(--border);border-right:3px solid #0000;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;display:none}.chat-header-labels.show{display:flex}.chat-maintenance-banner{text-align:right;border:none;border-bottom:1px solid #0000;align-items:center;gap:8px;width:100%;padding:8px 20px;font-family:inherit;font-size:12.5px;font-weight:600;line-height:1.5;display:none}.chat-maintenance-banner.show{display:flex}.chat-maintenance-banner-body{flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.chat-maintenance-banner-text{text-align:right;white-space:normal;flex:1;min-width:0}.chat-maintenance-banner-btn{cursor:pointer;white-space:nowrap;color:#fff;opacity:.95;border:none;border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:700;display:inline-flex}.chat-maintenance-banner-btn:hover{opacity:1;filter:brightness(.92)}.chat-maintenance-banner-btn svg{flex-shrink:0}.chat-maintenance-banner.banner-expired .chat-maintenance-banner-btn{background:var(--danger)}.chat-maintenance-banner.banner-none .chat-maintenance-banner-btn{background:#c2410c}html[data-theme=dark] .chat-maintenance-banner.banner-none .chat-maintenance-banner-btn{background:#ea580c}.add-contract-annual-btn{background:var(--primary);width:100%;box-shadow:none;flex:none;margin-top:12px}.add-contract-annual-btn:hover{background:var(--primary);filter:brightness(.92);box-shadow:0 4px 14px rgba(var(--primary-rgb),.35)}.chat-maintenance-banner.banner-expired{color:var(--danger);background:#ef44441f;border-bottom-color:#ef44444d}.chat-maintenance-banner.banner-active{color:var(--success);background:#22c55e1f;border-bottom-color:#22c55e4d}.chat-maintenance-banner.banner-none,.chat-maintenance-banner.show.banner-none{color:#c2410c!important;background:#ffedd5!important;border-bottom-color:#f97316!important}html[data-theme=dark] .chat-maintenance-banner.banner-none,html[data-theme=dark] .chat-maintenance-banner.show.banner-none{color:#fb923c!important;background:#f9731647!important;border-bottom-color:#f97316!important}.chat-header-labels .chlbl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-header-labels .chlbl-name{white-space:nowrap;flex-shrink:0;font-weight:700}.chat-header-labels .chlbl-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header-actions{flex-shrink:0;gap:4px;display:flex}.ch-action-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ch-action-btn:hover{background:var(--bg);color:var(--primary)}.ch-action-btn.panel-open{color:var(--primary);background:rgba(var(--primary-rgb),.08)}.chat-search-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 20px;display:none}.chat-search-bar.show{display:flex}#chat-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.chat-search-counter{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}mark.search-hit{color:inherit;background:#f59e0b59;border-radius:3px;padding:0 1px}mark.search-hit.active{background:var(--warning);color:#1a1a2e}.resolve-btn{border:1.5px solid var(--success);height:34px;color:var(--success);cursor:pointer;white-space:nowrap;background:#10b98114;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.resolve-btn:hover{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b98159}.resolve-btn.resolved-state{border-color:var(--text-secondary);color:var(--text-secondary);cursor:default;background:#64748b1a}.resolve-btn.resolved-state:hover{color:var(--text-secondary);box-shadow:none;background:#64748b1a}.resolve-overlay{z-index:9000;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.resolve-overlay.show{opacity:1;pointer-events:all}.resolve-modal{background:var(--surface);opacity:0;border:1px solid var(--border);border-radius:20px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:28px 28px 24px;transition:transform .25s,opacity .25s;overflow:hidden auto;transform:translateY(16px)scale(.97);box-shadow:0 20px 60px #0000004d}.resolve-overlay.show .resolve-modal{opacity:1;transform:translateY(0)scale(1)}.resolve-modal-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.resolve-modal-icon{width:44px;height:44px;color:var(--success);background:#10b9811f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.resolve-modal-title{color:var(--text);font-size:17px;font-weight:800}.resolve-modal-sub{color:var(--text-secondary);margin-top:2px;margin-bottom:20px;padding-left:56px;font-size:13px}.resolve-cats-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:12px;font-weight:700}.resolve-cats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.resolve-cat-card{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.resolve-cat-card:hover{border-color:var(--primary-light);background:rgba(var(--primary-rgb),.05)}.resolve-cat-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.resolve-cat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.resolve-cat-name{color:var(--text);font-size:13px;font-weight:600}.resolve-cat-desc{color:var(--text-secondary);margin-top:2px;font-size:11px}.resolve-notes-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:700}.resolve-notes{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:none;border-radius:10px;outline:none;height:72px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.resolve-notes:focus{border-color:var(--primary)}.settings-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-section-header-info{flex:220px;align-items:center;gap:10px;min-width:0;display:flex}.settings-section-header-info>div:last-child{min-width:0}.settings-section-header .page-btn{white-space:nowrap;flex-shrink:0}@media (width<=860px){.settings-section-header{flex-direction:column;align-items:stretch}.settings-section-header-info{flex-basis:auto;width:100%}.settings-section-header .page-btn{justify-content:center;width:100%}}@media (width<=480px){.page-content,.settings-section{padding:16px}#cat-list,.settings-card-grid{grid-template-columns:1fr!important}.chart-container{padding:14px;overflow:hidden}.sched-tasks-grid{grid-template-columns:1fr}}.resolve-modal-actions{background:var(--surface);gap:10px;margin-top:18px;padding-top:12px;display:flex;position:sticky;bottom:0}.resolve-cancel-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.resolve-cancel-btn:hover{border-color:var(--danger);color:var(--danger)}.resolve-confirm-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:7px;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.resolve-confirm-btn:hover{background:#059669;box-shadow:0 4px 14px #10b98166}.resolve-confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.msg-date-divider{text-align:center;margin:16px 0}.msg-date-divider span{background:var(--chat-divider-bg,#ffffffd9);color:var(--text-secondary);border-radius:8px;padding:4px 14px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0000000f}.msg-row{margin-bottom:4px;display:flex}.msg-row.sent{justify-content:flex-start}.msg-row.received{justify-content:flex-end}.msg-col{flex-direction:column;min-width:0;max-width:65%;display:flex}.msg-col.msg-col-audio{width:50%;min-width:220px;max-width:50%}.msg-col-audio .msg-bubble.media-bubble{box-sizing:border-box;width:100%}.msg-row.sent .msg-col{align-items:flex-start}.msg-row.received .msg-col{align-items:flex-end}.msg-sender-name{color:var(--text-secondary);opacity:.8;letter-spacing:.1px;margin:0 6px 3px;font-size:11px;font-weight:500}.msg-bubble{word-wrap:break-word;border-radius:16px;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.5;position:relative}.msg-text{white-space:pre-wrap;word-wrap:break-word}.msg-text-unsupported{opacity:.65;font-size:12px;font-style:italic}.msg-row.sent .msg-bubble{background:var(--primary);color:#fff;border-bottom-left-radius:4px}.msg-row.received .msg-bubble{background:var(--chat-bubble-received,#fff);color:var(--text);border-bottom-right-radius:4px;box-shadow:0 1px 2px #0000000f}.msg-time{opacity:.7;align-items:center;gap:3px;margin-top:4px;font-size:10px;display:flex}.msg-row.sent .msg-time{text-align:left;color:#ffffffd9;justify-content:flex-start}.msg-row.received .msg-time{text-align:right;color:var(--text-secondary);justify-content:flex-end}.msg-ticks{color:inherit;opacity:.9;align-items:center;line-height:0;display:inline-flex}.msg-ticks svg{display:block}.msg-ticks.msg-ticks-read{color:#53bdeb;opacity:1}.msg-bubble.media-bubble{padding:6px}.msg-bubble.media-bubble .msg-time{padding:0 6px}.msg-media-image{cursor:zoom-in;object-fit:cover;border-radius:12px;width:100%;max-width:260px;max-height:320px;display:block}.msg-media-video{background:#000;border-radius:12px;max-width:280px;max-height:320px;display:block}.msg-media-audio{width:100%;max-width:100%;height:40px}.msg-row.sent .msg-media-audio{filter:invert()hue-rotate(180deg)brightness(1.5)}.msg-media-caption{white-space:pre-wrap;word-wrap:break-word;padding:6px 8px 2px;font-size:13.5px}.msg-media-doc{align-items:center;gap:10px;min-width:200px;padding:8px 10px;display:flex}.msg-media-doc.contact-card{align-items:flex-start}.contact-phone-row{cursor:pointer;color:inherit;font:inherit;text-align:start;opacity:.85;background:0 0;border:none;align-items:center;gap:5px;margin-top:3px;padding:0;display:flex}.contact-phone-row:hover{opacity:1;text-decoration:underline}.contact-phone-number{direction:ltr;unicode-bidi:isolate;font-size:12px}.contact-phone-copy-icon{opacity:.7;flex-shrink:0}.msg-media-doc-icon{background:var(--chat-doc-icon-bg,#00000014);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.msg-row.sent .msg-media-doc-icon{background:#fff3}.msg-media-doc-info{flex-direction:column;min-width:0;display:flex}.msg-media-doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.msg-media-doc-hint{opacity:.75;font-size:11px}.msg-media-doc a{color:inherit;text-decoration:none}.msg-media-unavailable{opacity:.8;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-style:italic;display:flex}.msg-media-spinner{animation:.9s linear infinite msg-media-spin}@keyframes msg-media-spin{to{transform:rotate(360deg)}}.msg-row .msg-bubble.msg-failed{outline:1.5px solid var(--danger)}.msg-status-row{color:var(--text-secondary);align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.msg-status-row.msg-status-failed{color:var(--danger)}.msg-status-row .msg-status-text{line-height:1}.msg-status-row .msg-status-action{cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.msg-status-row.msg-status-pending .msg-status-action{color:var(--text-secondary)}.msg-status-row.msg-status-failed .msg-status-action{color:var(--danger)}.msg-status-row.msg-status-failed .msg-status-action:hover{text-decoration:underline}.msg-status-row.msg-status-failed{flex-wrap:wrap}.msg-status-row .msg-status-reason{word-break:break-word;opacity:.85;flex-basis:100%;line-height:1.35}.note-bubble.msg-failed{outline:1.5px solid var(--danger)}.opt-pending{opacity:.6;pointer-events:none}.msg-upload-progress{color:#fff;background:#00000059;border-radius:12px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.msg-reply-btn{background:var(--surface,#fff);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;opacity:0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-self:center;align-items:center;margin:0 4px;transition:opacity .15s,transform .1s;display:flex;box-shadow:0 1px 3px #0000001f}.msg-row:hover .msg-reply-btn{opacity:1}.msg-reply-btn:hover{color:var(--primary);transform:scale(1.08)}.msg-reply-quote{cursor:pointer;background:#0000000f;border-radius:8px;gap:8px;max-width:100%;margin-bottom:6px;padding:6px 8px;display:flex}.msg-row.sent .msg-reply-quote{background:#ffffff2e}.msg-reply-quote-bar{background:var(--primary);border-radius:2px;flex-shrink:0;width:3px}.msg-row.sent .msg-reply-quote-bar{background:#fff}.msg-reply-quote-body{min-width:0;overflow:hidden}.msg-reply-quote-sender{color:var(--primary);margin-bottom:1px;font-size:12px;font-weight:700}.msg-row.sent .msg-reply-quote-sender{color:#fff}.msg-reply-quote-text{opacity:.85;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.msg-bubble.media-bubble .msg-reply-quote{margin:6px 6px 0}.reply-preview-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 20px;display:flex}.reply-preview-bar-bar{background:var(--primary);border-radius:2px;flex-shrink:0;align-self:stretch;width:3px}.reply-preview-bar-body{flex:1;min-width:0;overflow:hidden}.reply-preview-bar-sender{color:var(--primary);font-size:12.5px;font-weight:700}.reply-preview-bar-text{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.reply-preview-bar-cancel{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:4px;display:flex}.reply-preview-bar-cancel:hover{color:var(--danger)}.msg-jump-highlight .msg-bubble{animation:1.4s msg-jump-flash}@keyframes msg-jump-flash{0%{box-shadow:0 0 0 3px #2596be8c}to{box-shadow:none}}.input-action-btn#voice-btn.recording{background:var(--danger);color:#fff}.input-action-btn#voice-btn.recording:hover{background:var(--danger)}.voice-recording-bar{flex:1;align-items:center;gap:10px;min-width:0;padding:0 6px;display:none}.voice-recording-bar.active{display:flex}.voice-recording-dot{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite voiceRecPulse}@keyframes voiceRecPulse{0%,to{opacity:1}50%{opacity:.3}}.voice-recording-time{color:var(--text);min-width:38px;font-size:13px;font-weight:600}.voice-recording-hint{color:var(--text-secondary);flex:1;font-size:12.5px}.voice-cancel-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-family:inherit;font-size:12.5px;font-weight:700}.msg-row.note-row{justify-content:center;margin:10px 0}.note-bubble{background:var(--chat-note-bg,#fff8dc);border:1px dashed var(--chat-note-border,#e0c46c);border-radius:12px;max-width:80%;padding:9px 14px;box-shadow:0 1px 2px #0000000d}.note-bubble.note-bubble-media{padding:9px}.note-media-image{cursor:pointer;object-fit:cover;border-radius:8px;width:100%;max-width:280px;margin:2px 0 6px;display:block}.note-label{color:var(--chat-note-text,#8a6d1a);letter-spacing:.2px;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.note-text{color:var(--chat-note-body,#4a3c0d);white-space:pre-wrap;word-wrap:break-word;font-size:13.5px;line-height:1.5}.note-time{opacity:.65;color:var(--chat-note-text,#8a6d1a);text-align:left;margin-top:4px;font-size:10px}.msg-row.system-row{justify-content:center;margin:8px 0}.system-bubble{background:var(--chat-system-bubble,#0000000f);width:auto;max-width:80%;color:var(--text-secondary);text-align:center;white-space:normal;word-wrap:break-word;border-radius:14px;padding:5px 12px;font-size:11.5px;line-height:1.4;display:inline-block}.system-time{color:var(--text-secondary);opacity:.65;text-align:center;margin-top:3px;font-size:9.5px}.chat-item-agent{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;margin-top:2px;font-size:11.5px;display:flex}.chat-item-agent>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--primary);align-items:center;gap:4px;font-weight:700;display:inline-flex;overflow:hidden}.chat-item-agent.unassigned>span:first-child{opacity:.6;color:var(--text-secondary);font-style:italic;font-weight:400}.chat-item-first-msg-time{opacity:.65;flex-shrink:0;align-items:center;gap:3px;font-size:10px;font-weight:400;display:inline-flex}.chat-item-labels{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.chat-item-label-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;max-width:120px;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.chat-item-label-chip .chat-item-label-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-input-area.note-mode{background:var(--chat-note-bg,#fff3c4);border-top:1px solid var(--chat-note-border,#e0c46c)}.chat-input-area.note-mode #msg-input{border-color:var(--chat-note-border,#e0c46c);background:#fff1c2}.chat-input-area.note-mode #msg-input:focus{border-color:var(--chat-note-border,#e0c46c)}.note-toggle-bar.note-mode{background:var(--chat-note-bg,#fff3c4);border-top-color:var(--chat-note-border,#e0c46c)}.chat-input-area.resolved-locked{opacity:.6}.chat-input-area.resolved-locked #msg-input{cursor:not-allowed}.resolved-banner{color:var(--text-secondary);border-top:1px solid var(--border);background:#64748b14;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;font-weight:600;display:none}.resolved-banner.show{display:flex}.resolved-banner button{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;margin-inline-start:auto;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700}.note-toggle-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 20px 6px;display:flex}.note-toggle-btn{border:1.5px solid var(--border);background:var(--bg);width:fit-content;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.note-toggle-btn:hover{border-color:var(--chat-note-border,#e0c46c);color:var(--chat-note-text,#8a6d1a)}.note-toggle-btn.active{color:var(--chat-note-text,#8a6d1a);border-color:var(--chat-note-border,#e0c46c);background:#ffe9a8}#ai-generate-btn:hover{border-color:var(--primary-light);color:var(--primary)}#ai-generate-btn.loading{opacity:.65;cursor:wait;pointer-events:none}#ai-generate-btn .ai-spin{animation:.8s linear infinite ai-spin-anim}@keyframes ai-spin-anim{to{transform:rotate(360deg)}}.saved-replies-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 20px;display:flex;overflow-x:auto}.typing-indicator-bar{z-index:5;justify-content:center;height:0;display:flex;position:relative;overflow:visible}.typing-indicator-pill{opacity:0;pointer-events:none;background:var(--surface);border:1.5px solid var(--border);color:var(--primary);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:6px;transform:translateY(6px);box-shadow:0 4px 14px #0000001a}.typing-indicator-bar.show .typing-indicator-pill{opacity:1;pointer-events:auto;transform:translateY(0)}.typing-indicator-dots{align-items:center;gap:3px;display:inline-flex}.typing-indicator-dots i{background:var(--primary);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite typingDotPulse;display:inline-block}.typing-indicator-dots i:nth-child(2){animation-delay:.15s}.typing-indicator-dots i:nth-child(3){animation-delay:.3s}@keyframes typingDotPulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.sr-chip{border:1.5px solid var(--primary-light);background:rgba(var(--primary-rgb),.06);color:var(--primary);white-space:nowrap;cursor:pointer;border-radius:20px;padding:7px 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s}.sr-chip:hover{background:var(--primary);color:#fff}.sr-label{color:var(--text-secondary);white-space:nowrap;margin-right:4px;font-size:12.5px;font-weight:700}.chat-input-area{background:var(--surface);flex-direction:row-reverse;align-items:flex-end;gap:10px;padding:6px 20px 16px;display:flex;position:relative}.mention-dropdown{background:var(--surface);border:1.5px solid var(--border);z-index:120;border-radius:12px;max-width:280px;max-height:220px;margin-bottom:6px;padding:6px;position:absolute;bottom:100%;left:20px;right:20px;overflow:hidden auto;box-shadow:0 14px 44px #00000038}.mention-option{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;font-family:inherit;font-size:13px;display:flex}.mention-option.active,.mention-option:hover{background:var(--bg)}.input-actions{flex-shrink:0;gap:2px;display:flex}.input-action-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.input-action-btn:hover{color:var(--primary);background:rgba(var(--primary-rgb),.08)}#msg-input{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);resize:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;border-radius:24px;outline:none;flex:1;width:100%;min-width:0;max-height:160px;padding:10px 16px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s;overflow-y:auto}#msg-input:focus{border-color:var(--primary)}#chat-input-area.note-mode #msg-input{border-color:var(--chat-note-border,#e0c46c);background:#fff1c2}#chat-input-area.note-mode #msg-input:focus{border-color:var(--chat-note-border,#e0c46c)}html[data-theme=dark] #chat-input-area.note-mode #msg-input{color:var(--chat-note-body,#e4c983);background:#e0c46c47}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.send-btn:hover{background:var(--primary-dark);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4);transform:scale(1.05)}.media-preview-bar{flex-direction:row-reverse;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.media-preview-cancel{background:var(--bg);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.media-preview-cancel:hover{background:var(--danger);color:#fff}.media-preview-thumb{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.media-preview-thumb img,.media-preview-thumb video{object-fit:cover;width:100%;height:100%}.media-preview-doc-icon{color:var(--primary);justify-content:center;align-items:center;display:flex}.media-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-preview-filename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.media-preview-caption{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);border-radius:20px;outline:none;width:100%;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.media-preview-caption:focus{border-color:var(--primary)}.media-lightbox-toolbar{top:16px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414bf;border-radius:24px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;inset-inline-end:16px}.media-lightbox-toolbar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.media-lightbox-toolbar button:hover:not(:disabled){background:#ffffff26}.media-lightbox-toolbar button:disabled{opacity:.35;cursor:default}.media-lightbox-toolbar button.media-lightbox-close:hover{background:var(--danger)}.media-lightbox-zoom-level{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;min-width:38px;font-size:12px;font-weight:600}.media-lightbox-nav{color:#fff;cursor:pointer;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414b3;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .15s;display:flex;position:absolute;top:calc(50% - 40px)}.media-lightbox-nav:hover{background:#ffffff2e}.media-lightbox-nav.prev{left:16px}.media-lightbox-nav.next{right:16px}.media-lightbox-sender{z-index:3;color:#fff;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#141414d1;border-radius:999px;max-width:min(92vw,520px);padding:8px 16px;font-size:13px;font-weight:700;position:absolute;bottom:118px;left:50%;overflow:hidden;transform:translate(-50%)}.media-lightbox-sender-customer{background:#0e7490e0}.media-lightbox-sender-agent{background:rgba(var(--primary-rgb),.88)}.media-lightbox-sender-note{color:#1a1a1a;background:#f5a623e6}.media-lightbox-filmstrip{z-index:2;scrollbar-width:thin;background:linear-gradient(#0000,#000000b8 40%);align-items:flex-end;gap:8px;padding:18px 16px 14px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.media-lightbox-filmstrip::-webkit-scrollbar{height:6px}.media-lightbox-thumb{cursor:pointer;opacity:.55;background:#ffffff14;border:2px solid #0000;border-radius:10px;flex-direction:column;flex:none;width:64px;padding:0;transition:opacity .15s,border-color .15s,transform .15s;display:flex;overflow:hidden}.media-lightbox-thumb img{object-fit:cover;width:100%;height:52px;display:block}.media-lightbox-thumb-sender{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#00000073;padding:3px 4px 4px;font-size:9px;font-weight:700;line-height:1.2;display:block;overflow:hidden}.media-lightbox-thumb.from-customer .media-lightbox-thumb-sender{background:#0e7490d9}.media-lightbox-thumb.from-agent .media-lightbox-thumb-sender{background:rgba(var(--primary-rgb),.85)}.media-lightbox-thumb.from-note .media-lightbox-thumb-sender{color:#1a1a1a;background:#f5a623e6}.media-lightbox-thumb:hover{opacity:.85}.media-lightbox-thumb.active{opacity:1;border-color:#fff;transform:translateY(-2px)}#customer-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:300px;min-width:300px;transition:margin-right .3s,opacity .3s;display:flex;overflow:hidden}#customer-panel.hidden{opacity:0;pointer-events:none;margin-right:-300px}@media (width>=861px) and (width<=1180px){#customer-panel{z-index:80;max-width:100%;transition:transform .3s,opacity .3s;inset:0 0 0 auto;transform:translate(0);box-shadow:-6px 0 24px #00000026;width:300px!important;min-width:0!important;margin-right:0!important;position:fixed!important}#customer-panel.hidden{opacity:1;pointer-events:none;transform:translate(100%)}}.cp-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-header h3{font-size:15px;font-weight:700}.cp-close-btn{background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cp-close-btn:hover{background:var(--danger);color:#fff}.cp-profile{text-align:center;border-bottom:1px solid var(--border);padding:20px}.cp-avatar{border:3px solid var(--primary-light);border-radius:50%;width:72px;height:72px;margin:0 auto 12px;overflow:hidden}.cp-avatar img{object-fit:cover;width:100%;height:100%}.cp-name{margin-bottom:4px;font-size:16px;font-weight:700}.cp-phone{color:var(--text-secondary);font-size:13px}.cp-tabs{border-bottom:1.5px solid var(--border);background:var(--surface);z-index:5;flex-shrink:0;padding:0 20px;display:flex;position:sticky;top:0}.cp-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s;position:relative}.cp-tab:hover,.cp-tab.active{color:var(--primary)}.cp-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.cp-tab-content{flex:1;display:none;overflow-y:auto}.cp-tab-content.active{display:block}.cd-tabs{border-bottom:1.5px solid var(--border);gap:6px;display:flex}.cd-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-left:20px;padding:10px 4px 12px;font-family:inherit;font-size:13.5px;font-weight:700;transition:color .2s;display:flex;position:relative}.cd-tab:hover,.cd-tab.active{color:var(--primary)}.cd-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.cd-tab-content{padding-top:12px;display:none}.cd-tab-content.active{display:block}.cp-section{border-bottom:1px solid var(--border);padding:16px 20px}.cp-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.assign-me-btn{border:1.5px solid var(--primary);background:rgba(var(--primary-rgb),.08);width:100%;color:var(--primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.assign-me-btn:hover{background:var(--primary);color:#fff}.assign-me-btn.assigned{background:var(--success);border-color:var(--success);color:#fff}.agent-select-wrap{position:relative}.agent-select-btn{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;width:100%;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s;display:flex}.agent-select-btn:hover{border-color:var(--primary-light)}.agent-dropdown{background:var(--surface);border:1.5px solid var(--border);z-index:20;border-radius:10px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.agent-dropdown.open{display:block}.agent-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.agent-option:hover{background:rgba(var(--primary-rgb),.06)}.agent-option.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.agent-option-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.agent-option-avatar img{object-fit:cover;width:100%;height:100%}.agent-dropdown-search-wrap{border-bottom:1px solid var(--border);padding:8px;position:relative}.agent-dropdown-search{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 10px 8px 30px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.agent-dropdown-search:focus{border-color:var(--primary)}.agent-dropdown-search-icon{color:var(--text-secondary);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.agent-dropdown-list{max-height:220px;overflow-y:auto}.agent-dropdown-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12.5px}.prev-conv-list{flex-direction:column;gap:6px;display:flex}.prev-conv-item{border:1.5px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 12px;transition:all .15s}.prev-conv-item:hover{border-color:var(--primary-light);background:rgba(var(--primary-rgb),.04)}.prev-conv-top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.prev-conv-date{color:var(--primary);font-size:11px;font-weight:600}.prev-conv-days-ago{color:var(--text-secondary);white-space:nowrap;background:#64748b1a;border-radius:100px;padding:1px 8px;font-size:10.5px;font-weight:600}.prev-conv-phone{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:3px;font-size:11px;display:flex}.prev-conv-preview{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.prev-conv-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.prev-conv-count{color:var(--text-secondary);font-size:11px}.prev-conv-agent{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.info-list{flex-direction:column;gap:8px;display:flex}.info-item{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:8px;padding:10px 12px;display:flex}.info-item-text{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}.info-item-text svg{color:var(--primary);flex-shrink:0}.info-item-actions{gap:6px;display:flex}@media (width<=480px){.info-item-actions{justify-content:stretch;width:100%}.info-item-actions .resolve-cancel-btn{flex:1;gap:5px;padding:6px 8px!important;font-size:11px!important}.info-item-actions .resolve-cancel-btn svg{width:11px;height:11px}}.info-item-del{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.info-item-del:hover{color:var(--danger);background:#ef44441a}.add-btn{border:1.5px dashed var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.add-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.04)}.add-form{flex-direction:column;gap:8px;margin-top:8px;display:none}.add-form.show{animation:.2s fadeIn;display:flex}.add-form input{border:1.5px solid var(--border);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.add-form input:focus{border-color:var(--primary)}.add-form-actions{gap:6px;display:flex}.add-form-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.add-confirm{background:var(--primary);color:#fff}.add-confirm:hover{background:var(--primary-dark)}.add-cancel{background:var(--bg);color:var(--text-secondary);border:1.5px solid var(--border)!important}.add-cancel:hover{background:var(--danger);color:#fff;border-color:var(--danger)!important}.device-card{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;margin-bottom:8px;padding:12px}.device-name{align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.device-name svg{color:var(--primary)}.device-detail{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:3px;font-size:12px;display:flex}.device-detail svg{width:14px;height:14px}.device-pw{letter-spacing:1px;font-family:monospace}.device-card-actions{justify-content:flex-end;gap:4px;margin-top:8px;display:flex}.device-edit-input{border:1.5px solid var(--primary);box-sizing:border-box;border-radius:7px;outline:none;width:100%;margin-bottom:6px;padding:7px 9px;font-family:inherit;font-size:12px}.cp-section-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cp-section-title-row .cp-section-title{margin-bottom:0}.st-count-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.cp-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.cp-section-header .cp-section-title{margin-bottom:0}.cp-section-header-right{align-items:center;gap:8px;display:flex}.cp-collapse-chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s}.cp-section.collapsed .cp-collapse-chevron{transform:rotate(-90deg)}.cp-section-body{margin-top:10px}.cp-section.collapsed .cp-section-body{display:none}.conv-label-list{flex-wrap:wrap;gap:6px;display:flex}.conv-label-chip{border-radius:8px;align-items:center;gap:6px;padding:5px 9px 5px 6px;font-size:12px;font-weight:600;display:inline-flex}.conv-label-chip .conv-label-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.conv-label-chip .conv-label-remove{width:15px;height:15px;color:inherit;cursor:pointer;opacity:.7;background:#00000014;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.conv-label-chip .conv-label-remove:hover{opacity:1;background:#0000002e}.conv-label-empty{color:var(--text-secondary);font-size:12.5px}.conv-label-add-btn{border:1.5px dashed var(--border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.conv-label-add-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.06)}.conv-label-add-wrap{z-index:5;display:inline-block;position:relative}.label-popover{background:var(--surface);border:1.5px solid var(--border);z-index:2000;border-radius:12px;flex-direction:column;width:240px;max-height:calc(100vh - 24px);display:none;position:fixed;overflow:hidden;box-shadow:0 10px 40px #00000024}.label-popover.open{display:flex}.label-popover-list{flex:auto;min-height:0;padding:6px;overflow-y:auto}.label-popover-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12.5px}.label-popover-option{cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.label-popover-option:hover{background:rgba(var(--primary-rgb),.06)}.label-popover-check{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.label-popover-option.selected .label-popover-check{background:var(--primary);border-color:var(--primary);color:#fff}.label-popover-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.label-popover-footer{border-top:1px solid var(--border);flex-shrink:0;padding:10px}.label-popover-new-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s;display:flex}.label-popover-new-btn:hover{background:rgba(var(--primary-rgb),.08)}.label-popover-new-form{flex-direction:column;gap:10px;padding:10px 2px 2px;display:none}.label-popover-new-form.show{display:flex}.label-popover-new-form input{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.label-popover-new-form input:focus{border-color:var(--primary);background:var(--surface)}.label-color-swatches{flex-wrap:wrap;gap:8px;display:flex}.color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:transform .12s,box-shadow .12s}.color-swatch:hover{transform:scale(1.12)}.color-swatch.selected{border-color:var(--surface);box-shadow:0 0 0 2px var(--text)}.sched-subhead{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:default;align-items:center;gap:6px;margin:12px 0 8px;font-size:11px;font-weight:700;display:flex}.sched-subhead .sched-subhead-count{color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:600}.sched-task-card{border:1.5px solid var(--border);background:var(--bg);box-sizing:border-box;border-radius:10px;min-width:0;margin-bottom:8px;padding:11px 12px;transition:box-shadow .3s,border-color .3s}.sched-task-card.ended{opacity:.65}.sched-task-card.sched-task-highlight{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.cd-sched-task-badge{background:rgba(var(--primary-rgb),.1);color:var(--primary);cursor:pointer;border:1.5px dashed var(--primary);border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.cd-sched-task-badge:hover{background:rgba(var(--primary-rgb),.18)}.sched-task-customer{color:var(--text);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:800;display:flex}.sched-task-customer svg{color:var(--primary);flex-shrink:0}.sched-task-subrow{color:var(--text-secondary);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:9px;font-size:11.5px;font-weight:600;display:flex}.sched-task-subrow span{align-items:center;gap:4px;min-width:0;display:flex}.sched-task-subrow svg{flex-shrink:0;width:13px;height:13px}.sched-task-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.65}.sched-task-meta{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:3px;font-size:11.5px;display:flex}.sched-task-meta svg{flex-shrink:0;width:13px;height:13px}.sched-task-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.sched-end-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.sched-end-btn:hover{background:#059669}.sched-edit-btn{border:1.5px solid var(--border);color:var(--text);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.sched-edit-btn:hover{border-color:var(--primary);color:var(--primary)}.sched-days-left{color:var(--success);background:#10b9811a;border-radius:7px;align-items:center;gap:5px;margin-bottom:9px;padding:5px 9px;font-size:11.5px;font-weight:700;display:flex}.sched-days-left.late{color:var(--danger);background:#ef44441a}.sched-history-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;margin-bottom:6px;padding:0;font-family:inherit;font-size:11.5px;font-weight:700;display:flex}.sched-history-link:hover{text-decoration:underline}.sched-comments-count{background:var(--primary);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}.sched-task-card.sched-task-awaiting{opacity:.68;border-style:dashed;border-color:var(--warning,#f59e0b)}.sched-task-card.sched-task-dismissed{opacity:.68;border-style:dashed;border-color:var(--danger)}.sched-pending-banner{color:var(--warning,#b45309);background:#f59e0b1f;border-radius:7px;align-items:center;gap:6px;margin-bottom:9px;padding:5px 9px;font-size:11px;font-weight:700;display:flex}.sched-pending-banner.dismissed{color:var(--danger);background:#ef44441f}.sched-ended-tag{color:var(--success);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.sched-ended-tag.late,.sched-ended-tag.dismissed{color:var(--danger)}.sched-filters-bar{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.sched-filter-group{flex-direction:column;gap:5px;min-width:180px;display:flex}.sched-filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.sched-filter-group input{cursor:text}#page-scheduled-tasks .page-header{flex-wrap:wrap;row-gap:12px}.sched-header-actions{gap:8px;display:flex}@media (width<=860px){.sched-header-actions{flex-direction:column-reverse;width:100%}.sched-header-actions .page-btn{justify-content:center;width:100%}}.sched-page-tabs{border-bottom:1.5px solid var(--border);gap:6px;margin-bottom:16px;display:flex}.sched-page-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:color .15s;display:flex;position:relative}.sched-page-tab:hover,.sched-page-tab.active{color:var(--primary)}.sched-page-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.sched-page-tab .sched-subhead-count{color:inherit;font-weight:600}.st-modal-readonly-row{gap:8px;margin-bottom:14px;display:flex}.st-modal-readonly{background:var(--bg);border:1.5px solid var(--border);border-radius:9px;flex:1;min-width:0;padding:9px 11px}@media (width<=480px){.st-modal-readonly-row{flex-direction:column;gap:12px}}.st-modal-readonly-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10px;font-weight:700}.st-modal-readonly-value{color:var(--text);font-size:13px;font-weight:600}#page-customer-details .page-header{border-bottom:1.5px solid var(--border-strong);margin-bottom:16px;padding-bottom:16px}#page-customer-details .st-modal-readonly{border:1.5px solid var(--border-strong)}#page-customer-details .st-modal-readonly-row{border-bottom:1.5px solid var(--border-strong);margin-bottom:0;padding-bottom:14px}#page-customer-details .st-modal-readonly-row+.st-modal-readonly-row,#page-customer-details .st-modal-readonly-row+.st-modal-readonly,#page-customer-details .st-modal-readonly+.st-modal-readonly-row{margin-top:14px}#page-customer-details .cd-tabs{border-bottom:1.5px solid var(--border-strong);margin-top:20px;padding-top:4px}.sched-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;min-width:0;display:grid}.sched-views-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.sched-view-switch{border:1.5px solid var(--border);background:var(--surface);border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex}.sched-view-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 13px;font-family:inherit;font-size:12.5px;font-weight:700;transition:all .15s;display:flex}.sched-view-btn:hover{color:var(--primary)}.sched-view-btn.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.sched-type-switch{flex-wrap:wrap;gap:5px;width:100%}.sched-type-switch .sched-view-btn{white-space:nowrap;flex:auto;justify-content:center;min-width:0;padding:7px 8px}.sched-type-tag{color:var(--primary);background:rgba(var(--primary-rgb),.12);border-radius:999px;align-items:center;gap:4px;margin-inline-start:2px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.sched-type-tag.visit{color:var(--warning,#b45309);background:#f59e0b24}.sched-completed-switch{color:var(--text-secondary);align-items:center;gap:9px;font-size:12.5px;font-weight:600;display:flex}.sched-switch{background:var(--border-strong);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:36px;height:20px;padding:0;transition:background .2s;position:relative}.sched-switch.on{background:var(--primary)}.sched-switch-knob{top:2px;background:#fff;border-radius:50%;width:16px;height:16px;transition:inset-inline-start .2s;position:absolute;inset-inline-start:2px;box-shadow:0 1px 3px #00000040}.sched-switch.on .sched-switch-knob{inset-inline-start:18px}.sched-cal{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;min-width:0;padding:14px}.sched-cal-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.sched-cal-nav{align-items:center;gap:6px;display:flex}.sched-cal-nav-btn{border:1.5px solid var(--border);background:var(--surface);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .15s;display:flex}.sched-cal-nav-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.sched-cal-nav-btn:disabled{opacity:.4;cursor:default}.sched-cal-today-btn{border:1.5px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;padding:6px 13px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s}.sched-cal-today-btn:hover{border-color:var(--primary);color:var(--primary)}.sched-cal-month{color:var(--text);font-size:15.5px;font-weight:800}.sched-cal-grid{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.sched-cal-weekday{background:var(--bg);text-align:center;color:var(--text-secondary);letter-spacing:.3px;padding:8px 4px;font-size:10.5px;font-weight:700}.sched-cal-cell{background:var(--surface);flex-direction:column;gap:3px;min-width:0;min-height:94px;padding:5px 6px;display:flex}.sched-cal-cell.empty{background:var(--bg)}.sched-cal-daynum{width:22px;height:22px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2px;font-size:11.5px;font-weight:700;display:flex}.sched-cal-cell.today .sched-cal-daynum{background:var(--primary);color:#fff}.sched-cal-chips{flex-direction:column;gap:3px;min-width:0;display:flex}.sched-cal-chip{text-align:start;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:none;border-radius:6px;width:100%;padding:3px 7px;font-family:inherit;font-size:10.5px;font-weight:600;line-height:1.35;transition:box-shadow .15s,filter .15s;display:block;overflow:hidden}.sched-cal-chip:hover{filter:brightness(.93)}.sched-cal-chip.kind-open{background:rgba(var(--primary-rgb),.13);color:var(--primary-dark)}.sched-cal-chip.kind-late{color:var(--danger);background:#ef444421}.sched-cal-chip.kind-pending{color:#b45309;background:#f59e0b26}.sched-cal-chip.kind-ended{color:#059669;opacity:.75;background:#10b9811f;text-decoration:line-through}.sched-cal-chip.selected{box-shadow:0 0 0 2px var(--primary)}.sched-cal-more{color:var(--text-secondary);padding-inline-start:5px;font-size:10.5px;font-weight:700}.sched-cal-undated{margin-top:16px}.sched-cal-undated-chips{flex-wrap:wrap;gap:6px;display:flex}.sched-cal-undated .sched-cal-chip{width:auto;max-width:280px}.sched-gran-switch{border:1.5px solid var(--border);background:var(--surface);border-radius:9px;align-items:center;gap:3px;padding:2px;display:flex}.sched-gran-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:7px;padding:5px 12px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .15s}.sched-gran-btn.active{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.sched-cal-chip-time{opacity:.85;margin-inline-end:4px;font-weight:800}.sched-cal-cell{cursor:pointer}.sched-cal-week{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(7,1fr);gap:1px;min-width:0;display:grid;overflow:hidden}.sched-cal-week-col{background:var(--surface);cursor:pointer;flex-direction:column;min-width:0;min-height:320px;display:flex}.sched-cal-week-col:hover{background:var(--bg)}.sched-cal-week-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:6px;padding:8px 8px 6px;display:flex}.sched-cal-week-dayname{color:var(--text-secondary);text-transform:uppercase;font-size:10.5px;font-weight:700}.sched-cal-week-col.today .sched-cal-week-dayname{color:var(--primary)}.sched-cal-week-daynum{min-width:24px;height:24px;color:var(--text-secondary);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:12px;font-weight:800;display:flex}.sched-cal-week-daynum.today{background:var(--primary);color:#fff}.sched-cal-week-chips{flex-direction:column;gap:3px;min-width:0;padding:6px;display:flex}.sched-cal-allday-row{border-bottom:1px dashed var(--border);align-items:flex-start;gap:8px;margin-bottom:4px;padding:8px 4px;display:flex}.sched-cal-allday-label{width:56px;color:var(--text-secondary);text-transform:uppercase;flex-shrink:0;padding-top:5px;font-size:10px;font-weight:700}.sched-cal-allday-chips{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.sched-cal-allday-chips .sched-cal-chip{width:auto;max-width:240px}.sched-day-hours{border:1px solid var(--border);background:var(--surface);border-radius:10px;position:relative;overflow-y:auto}.sched-day-hour{border-top:1px solid var(--border);pointer-events:none;height:40px;position:absolute;left:0;right:0}.sched-day-hour-label{inset-inline-start:6px;color:var(--text-secondary);background:var(--surface);padding:0 4px;font-size:10px;font-weight:700;position:absolute;top:-8px}.sched-day-block{text-align:start;cursor:pointer;background:rgba(var(--primary-rgb),.16);color:var(--primary-dark);border:none;border-radius:7px;flex-direction:column;gap:1px;padding:3px 7px;font-family:inherit;transition:filter .15s;display:flex;position:absolute;overflow:hidden}.sched-day-block:hover{filter:brightness(.94)}.sched-day-block.selected{box-shadow:0 0 0 2px var(--primary)}.sched-day-block.kind-late{color:var(--danger);background:#ef444424}.sched-day-block.kind-pending{color:#b45309;background:#f59e0b29}.sched-day-block.kind-ended{color:#059669;background:#10b9811f}.sched-day-block-time{opacity:.85;font-size:9.5px;font-weight:800}.sched-day-block-text{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.sched-gantt{background:var(--surface);border:1.5px solid var(--border);border-radius:12px;min-width:0;padding:12px;position:relative}.sched-gantt-zoom{top:14px;z-index:7;gap:6px;display:flex;position:absolute;inset-inline-end:16px}.sched-gantt-scroll{max-height:70vh;overflow:auto}.sched-gantt-canvas{min-width:100%;position:relative}.sched-gantt-ruler{z-index:5;background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.sched-gantt-ruler-spacer{background:var(--surface);z-index:6;flex-shrink:0;position:sticky;inset-inline-start:0}.sched-gantt-ruler-chart{flex-shrink:0;height:100%;position:relative}.sched-gantt-months{height:28px;display:flex;position:relative}.sched-gantt-month{height:28px;color:var(--text);background:var(--surface);border-inline-end:1px solid var(--border);white-space:nowrap;flex-shrink:0;align-items:center;padding-inline-start:8px;font-size:11px;font-weight:800;display:flex;overflow:hidden}.sched-gantt-days{top:28px;height:28px;display:flex;position:absolute;inset-inline-start:0}.sched-gantt-day{color:var(--text-secondary);border-inline-end:1px dashed var(--border);flex-shrink:0;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:flex}.sched-gantt-day.today{color:var(--primary);background:rgba(var(--primary-rgb),.08);border-radius:6px}.sched-gantt-today-line{background:var(--primary);z-index:4;pointer-events:none;width:1.5px;position:absolute;top:56px;bottom:0}.sched-gantt-today-tag{top:2px;background:var(--primary);color:#fff;white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:800;position:absolute;inset-inline-start:0;transform:translate(-50%)}.sched-gantt-row{border-bottom:1px solid var(--border);align-items:stretch;display:flex}.sched-gantt-row.selected{background:rgba(var(--primary-rgb),.05)}.sched-gantt-label{z-index:3;background:var(--surface);border-inline-end:1px solid var(--border);flex-direction:column;flex-shrink:0;justify-content:center;gap:2px;min-width:0;padding-inline:10px;display:flex;position:sticky;inset-inline-start:0}.sched-gantt-row.selected .sched-gantt-label{background:#eef0fb}.sched-gantt-label-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:700;overflow:hidden}.sched-gantt-label-sub{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.sched-gantt-lane{flex-shrink:0;position:relative}.sched-gantt-bar{cursor:pointer;background:rgba(var(--primary-rgb),.35);border:none;border-radius:999px;max-width:calc(100% - 4px);height:26px;padding:0;display:flex;position:absolute;top:9px;overflow:hidden}.sched-gantt-bar:hover{box-shadow:0 1px 6px #0003}.sched-gantt-bar.selected{outline:2px solid var(--primary);outline-offset:1px}.sched-gantt-fill{background:var(--primary);border-radius:999px 0 0 999px;flex-shrink:0;height:100%}.sched-gantt-rest{background:rgba(var(--primary-rgb),.32);height:100%}.sched-gantt-late{background:var(--danger);flex-shrink:0;height:100%}.sched-gantt-bar.kind-pending .sched-gantt-fill{background:var(--warning)}.sched-gantt-bar.kind-pending .sched-gantt-rest{background:#f59e0b52}.sched-gantt-bar.kind-ended{opacity:.6}.sched-gantt-bar.kind-ended .sched-gantt-fill{background:var(--success)}.sched-gantt-bar.kind-ended .sched-gantt-rest{background:#10b9814d}.sched-gantt-bar-text{color:#fff;pointer-events:none;white-space:nowrap;align-items:center;gap:6px;min-width:0;padding-inline:9px;font-size:10.5px;font-weight:700;display:flex;position:absolute;inset:0}.sched-gantt-bar-title{text-overflow:ellipsis;text-align:start;flex:1;min-width:0;overflow:hidden}.sched-gantt-bar-late{background:var(--danger);border-radius:999px;flex-shrink:0;margin-inline-end:3px;padding:1px 7px;font-size:9.5px}.sched-gantt-bar.kind-ended .sched-gantt-bar-text,.sched-gantt-bar.kind-open .sched-gantt-bar-text{color:#fff}.sched-empty-view{text-align:center;color:var(--text-secondary);background:var(--surface);border:1.5px dashed var(--border);border-radius:12px;padding:28px;font-size:13px}.sched-side-panel{top:76px;bottom:16px;background:var(--surface);border:1.5px solid var(--border);z-index:60;border-radius:14px;flex-direction:column;width:min(380px,100vw - 32px);display:flex;position:fixed;inset-inline-end:16px;overflow:hidden;box-shadow:0 12px 40px #0000002e}.sched-side-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.sched-side-panel-title{color:var(--text);text-transform:uppercase;letter-spacing:.4px;font-size:13px;font-weight:800}.sched-side-panel-close{background:rgba(var(--primary-rgb),.08);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.sched-side-panel-close:hover{background:rgba(var(--primary-rgb),.16);color:var(--primary)}.sched-side-panel-body{flex:1;padding:12px;overflow-y:auto}.sched-side-panel-body .sched-task-card{border:none;margin-bottom:0;padding:0}.empty-chat{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-chat-icon{background:rgba(var(--primary-rgb),.08);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-chat h3{color:var(--text);font-size:18px}.empty-chat p{font-size:14px}.page-content{background:var(--bg);flex:1;padding:32px;overflow-y:auto}.page-with-fixed-footer{flex-direction:column;overflow:hidden}.page-with-fixed-footer .page-content{flex:1;min-height:0}.page-fixed-footer{background:var(--bg);flex-shrink:0;padding:0 32px 32px}.page-fixed-footer .contacts-pagination{margin-top:0}@media (width<=640px){.page-fixed-footer{padding:0 16px 16px}}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h2{font-size:24px;font-weight:700}.contacts-header-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.contacts-page-header{flex-direction:column;align-items:stretch;row-gap:12px}.contacts-header-actions{flex-direction:column;width:100%}.contacts-header-actions .page-btn{order:2;justify-content:center;width:100%}.contacts-header-actions #add-customer-btn{order:1}}.page-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.page-btn:hover{background:var(--primary-dark);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:28px;padding:24px}.coming-soon-box{text-align:center;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 20px;display:flex}.coming-soon-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));width:56px;height:56px;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35);border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.coming-soon-box h3{color:var(--text);font-size:18px;font-weight:700}.coming-soon-box p{font-size:13.5px}.contacts-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.contacts-tab{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.contacts-tab:hover{border-color:var(--primary-light);color:var(--text)}.contacts-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.contacts-tab-count{background:#00000014;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700}.contacts-tab.active .contacts-tab-count{background:#ffffff40}.contacts-subtabs{border-right:2.5px solid var(--border);padding-right:4px}.contacts-subtab{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.contacts-subtab:hover{border-color:var(--primary-light);color:var(--text)}.contacts-subtab.active{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}.contacts-subtab .contacts-tab-count{background:#0000000f}.contacts-subtab.active .contacts-tab-count{background:rgba(var(--primary-rgb),.18);color:var(--primary)}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.contact-modules-grid{border:1.5px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 10px;max-height:220px;margin-bottom:6px;padding:10px;display:grid;overflow-y:auto}.contact-modules-item{color:var(--text);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.contact-modules-item input{accent-color:var(--primary);cursor:pointer;flex-shrink:0}.contact-modules-badges{flex-wrap:wrap;gap:6px;display:flex}.contact-modules-badge{background:rgba(var(--primary-rgb),.12);color:var(--primary);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.contact-modules-badge.is-custom{color:var(--success);background:#10b9811f}.contacts-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.contacts-pagination button{border:1.5px solid var(--border);background:var(--surface);min-width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 10px;font-size:13px;font-weight:600;transition:all .15s}.contacts-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.contacts-pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.contacts-pagination button:disabled{opacity:.4;cursor:not-allowed}.contacts-pagination .cp-ellipsis{color:var(--text-secondary);padding:0 4px;font-size:13px}.contacts-showall-btn{border:1.5px solid var(--border);background:var(--surface);min-width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:0 16px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.contacts-showall-btn:hover{border-color:var(--primary);color:var(--primary)}.contacts-showall-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.contact-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex}.contact-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.contact-card-avatar{border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.contact-card-avatar img{object-fit:cover;width:100%;height:100%}.contact-card-name{margin-bottom:2px;font-size:14px;font-weight:700}.contact-card-info{color:var(--text-secondary);font-size:12px}.contact-card-more-phones{color:var(--primary);cursor:pointer;text-align:start;background:0 0;border:none;margin-top:2px;padding:0;font-family:inherit;font-size:12px;font-weight:600;display:block}.contact-card-more-phones:hover{text-decoration:underline}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.template-tag{border-radius:20px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.template-card h4{margin-bottom:8px;font-size:15px;font-weight:700}.template-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:100%;margin-bottom:20px;padding:24px;overflow:hidden}.settings-section h3{margin-bottom:16px;font-size:16px;font-weight:700}.setting-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row>*{min-width:0}.setting-row>div:first-child{flex:160px}.setting-label{overflow-wrap:anywhere;font-size:14px;font-weight:500}.setting-desc{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.setting-row span{overflow-wrap:anywhere;word-break:break-word}@media (width<=480px){.setting-row{justify-content:flex-start}.setting-row>div:first-child{flex-basis:100%}}.toggle{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;min-width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--primary)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(20px)}#toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;opacity:0;white-space:nowrap;border-radius:12px;padding:12px 24px;font-family:DM Sans;font-size:13px;font-weight:600;transition:all .3s;transform:translateY(-10px);box-shadow:0 8px 25px #00000026}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s fadeIn}#settings-layout{flex:1;width:100%;display:flex;overflow:hidden}#settings-sidebar{background:var(--surface);border-left:1px solid var(--border);width:260px;min-width:260px;padding:20px 14px;overflow-y:auto}.settings-sidebar-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;padding:0 10px;font-size:11px;font-weight:700}.settings-nav-item{color:var(--text);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.settings-nav-item:hover{background:var(--bg);color:var(--primary)}.settings-nav-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:700}.settings-nav-item .beta-tag{color:var(--secondary);letter-spacing:.3px;background:#00d2ff1f;border-radius:6px;margin-right:auto;padding:2px 6px;font-size:9px;font-weight:700}#settings-content-panel{flex:1;overflow-y:auto}.settings-back-row{align-items:center;gap:8px;padding:14px 20px 0;display:none}.settings-back-row .mobile-back-btn{background:var(--bg)}@media (width<=860px){#settings-sidebar{border-left:none;width:100%!important;min-width:0!important}#settings-content-panel,#settings-layout.mobile-section-open #settings-sidebar{display:none}#settings-layout.mobile-section-open #settings-content-panel{width:100%;display:block!important}.settings-back-row{display:flex}}.settings-content-section{display:none}.settings-content-section.active{display:block}.settings-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-top-row>div:first-child{flex:220px;min-width:0}.settings-top-row h2{font-size:22px;font-weight:700}.settings-top-desc{color:var(--text-secondary);margin-top:2px;font-size:13px}.settings-top-row .page-btn{white-space:nowrap;flex-shrink:0}@media (width<=900px){.settings-top-row{flex-direction:column!important;align-items:stretch!important}.settings-top-row>div:first-child{flex-basis:100%;width:100%}.settings-top-row .page-btn{order:2;justify-content:center;margin-top:4px;width:100%!important}#settings-sec-agents .settings-top-row{flex-direction:column!important}#add-agent-btn{justify-content:center!important;width:100%!important;margin-top:8px!important}}.settings-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.settings-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.settings-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13.5px}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:rgba(var(--primary-rgb),.03)}.st-person{align-items:center;gap:10px;display:flex}.st-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.st-avatar img{object-fit:cover;width:100%;height:100%}.st-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.st-pill.role-admin{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.st-pill.role-agent{color:#0891b2;background:#00d2ff1f}.st-pill-dot{border-radius:50%;width:7px;height:7px}.st-pill.status-online{color:var(--success);background:#10b9811a}.st-pill.status-busy{color:var(--warning);background:#f59e0b1a}.st-pill.status-offline{color:var(--text-secondary);background:#64748b1a}.st-pill.verified{color:var(--success);background:#10b9811a}.st-pill.pending{color:var(--warning);background:#f59e0b1a}.st-icon-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.st-icon-btn:hover{background:var(--bg);color:var(--primary)}.st-icon-btn.danger:hover{color:var(--danger);background:#ef44441a}.agent-name-edit-input{color:var(--text);border:1.5px solid var(--primary);border-radius:8px;outline:none;width:150px;padding:4px 8px;font-family:inherit;font-size:13.5px;font-weight:600}.agent-name-edit-actions{gap:2px;margin-left:4px;display:inline-flex}.agent-you-tag{color:var(--primary);background:rgba(var(--primary-rgb),.1);border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.settings-card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;transition:all .2s}.settings-card:hover{border-color:var(--primary-light);box-shadow:0 6px 20px #0000000f}.settings-card-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:flex}.settings-card-title{margin-bottom:4px;font-size:14px;font-weight:700}.settings-card-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.settings-card-meta{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.settings-card-connect{color:var(--primary);cursor:pointer;font-size:12px;font-weight:700}.label-chip{border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.label-chip-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.rule-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.rule-row-left{align-items:center;gap:12px;display:flex}.rule-row-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rule-row-title{font-size:13.5px;font-weight:700}.rule-row-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.rule-row-right{align-items:center;gap:10px;display:flex}.iw-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0f0f238c;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.iw-overlay.show{opacity:1;pointer-events:auto}.iw-modal{background:var(--surface);opacity:0;border-radius:20px;flex-direction:column;width:720px;max-width:100%;max-height:88vh;transition:transform .25s,opacity .25s;display:flex;transform:translateY(16px)scale(.97);box-shadow:0 24px 70px #00000059}.iw-overlay.show .iw-modal{opacity:1;transform:translateY(0)scale(1)}.iw-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.iw-head-title{font-size:16px;font-weight:800}.iw-close-btn{background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.iw-close-btn:hover{background:var(--border);color:var(--text)}.iw-steps{border-bottom:1px solid var(--border);align-items:flex-start;gap:0;padding:18px 24px 6px;display:flex}.iw-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.iw-step:before{content:"";background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:15px;right:50%}.iw-step:first-child:before{display:none}.iw-step.done:before{background:var(--success)}.iw-step-num{background:var(--bg);border:2px solid var(--border);width:30px;height:30px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .2s;display:flex}.iw-step.active .iw-step-num{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.iw-step.done .iw-step-num{background:var(--success);border-color:var(--success);color:#fff}.iw-step-label{color:var(--text-secondary);font-size:11.5px;font-weight:700}.iw-step.active .iw-step-label{color:var(--primary)}.iw-step.done .iw-step-label{color:var(--success)}.iw-step-desc{color:var(--text-secondary);max-width:120px;font-size:10.5px;line-height:1.4;display:none}.iw-body{flex:1;padding:22px 24px;overflow-y:auto}.iw-panel{display:none}.iw-panel.active{display:block}.iw-channel-group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px;font-size:11px;font-weight:800}.iw-channel-group-title:first-child{margin-top:0}.iw-channel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.iw-channel-card{border:1.5px solid var(--border);cursor:pointer;background:var(--surface);border-radius:14px;padding:14px;transition:all .15s;position:relative}.iw-channel-card:hover{border-color:var(--primary-light);box-shadow:0 6px 18px #0000000f}.iw-channel-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.iw-channel-card.disabled{opacity:.55;cursor:not-allowed}.iw-channel-card.disabled:hover{border-color:var(--border);box-shadow:none}.iw-channel-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;display:flex}.iw-channel-name{margin-bottom:2px;font-size:13px;font-weight:700}.iw-channel-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.iw-channel-badge{color:var(--success);background:#10b9811f;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.iw-channel-badge.soon{color:var(--text-secondary);background:#94a3b826}.iw-protocol-note{color:var(--text);background:#10b9810f;border:1px solid #10b98140;border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.iw-protocol-note i{color:var(--success);flex-shrink:0;margin-top:1px}.iw-form-row{margin-bottom:16px}.iw-form-label{align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.iw-form-hint{color:var(--text-secondary);margin-top:5px;font-size:11px;line-height:1.5}.iw-input{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:13.5px;transition:border-color .15s}input[type=date].iw-input,input[type=time].iw-input{box-sizing:border-box;appearance:none;min-width:0;max-width:100%;height:auto;line-height:normal}@media (width<=480px){input[type=date].iw-input,input[type=time].iw-input{padding:11px 13px;font-size:13.5px}}.iw-input:focus{border-color:var(--primary);background:var(--surface);outline:none}.iw-input.readonly{background:var(--bg);color:var(--text-secondary);cursor:default}.iw-verify-row{align-items:center;gap:10px;display:flex}.iw-verify-status{align-items:center;gap:6px;padding:9px 4px;font-size:12px;font-weight:700;display:flex}.iw-verify-status.ok{color:var(--success)}.iw-verify-status.err{color:var(--danger)}.iw-verify-status.pending{color:var(--text-secondary)}.iw-agent-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.iw-agent-row{border:1.5px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;transition:all .15s;display:flex}.iw-agent-row:hover{border-color:var(--primary-light)}.iw-agent-row.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.iw-agent-check{border:2px solid var(--border);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.iw-agent-row.selected .iw-agent-check{background:var(--primary);border-color:var(--primary)}.iw-agent-name{flex:1;font-size:13.5px;font-weight:600}.iw-agent-role{color:var(--text-secondary);background:var(--bg);border-radius:6px;padding:3px 8px;font-size:10.5px}.iw-success{text-align:center;padding:20px 10px}.iw-success-icon{width:70px;height:70px;color:var(--success);background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.iw-success-title{margin-bottom:8px;font-size:19px;font-weight:800}.iw-success-desc{color:var(--text-secondary);max-width:380px;margin:0 auto;font-size:13.5px;line-height:1.6}.iw-success-card{text-align:right;background:var(--bg);color:var(--text-secondary);border-radius:12px;margin-top:20px;padding:14px 16px;font-size:12.5px;display:inline-block}.iw-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.iw-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.iw-btn-primary{background:var(--primary);color:#fff}.iw-btn-primary:hover{background:var(--primary-dark)}.iw-btn-primary:disabled{opacity:.5;cursor:not-allowed}.iw-btn-ghost{color:var(--text-secondary);background:0 0}.iw-btn-ghost:hover{background:var(--bg)}.iw-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite iw-spin}.team-icon-grid,.team-color-grid{flex-wrap:wrap;gap:8px;display:flex}.team-icon-opt{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.team-icon-opt:hover{border-color:var(--primary-light)}.team-icon-opt.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary)}.team-color-opt{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .15s}.team-color-opt.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.iw-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}#page-loader{z-index:99999;background:var(--sidebar-bg,#0f0f23);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#page-loader.hide{opacity:0;visibility:hidden;pointer-events:none}#page-loader img{object-fit:contain;width:64px;height:64px;animation:1.1s ease-in-out infinite loader-pulse}@keyframes loader-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.qr-item{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .2s}.qr-item:hover{border-color:var(--primary-light)}.qr-item-header{align-items:center;gap:10px;display:flex}.qr-drag-handle{cursor:grab;color:var(--text-secondary);touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:flex}.qr-icon-box{background:rgba(var(--primary-rgb),.1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qr-label-badge{background:rgba(var(--primary-rgb),.12);color:var(--primary);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;flex:auto;min-width:0;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block;overflow:hidden}.qr-actions{flex-shrink:0;gap:4px;margin-inline-start:auto;display:flex}.qr-item-text{color:var(--text);white-space:normal;word-break:normal;overflow-wrap:break-word;margin-top:10px;font-size:13px;line-height:1.7}.qr-edit-box{margin-top:10px}@media (width<=860px){.qr-item-header{flex-wrap:wrap;row-gap:8px}.qr-drag-handle{border-bottom:1px dashed var(--border);flex-basis:100%;order:-1;padding:2px 0 6px}}.dashboard-footer-bar{z-index:40;box-sizing:border-box;text-align:center;width:100%;color:var(--text-secondary);background:var(--surface);opacity:.85;pointer-events:none;padding:2px 0;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.mc-duration-toggle{gap:6px;margin-bottom:8px;display:flex}.mc-duration-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:9px;flex:1;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.mc-duration-btn.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.12);color:var(--primary)}.mc-duration-unit-wrap{gap:8px;display:flex}.mc-duration-unit-wrap .iw-input{flex:1;width:auto}.tpl-save-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.tpl-cancel-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.tpl-field-label{color:var(--text-secondary);margin-bottom:4px;font-size:11px;font-weight:600;display:block}.tpl-input{box-sizing:border-box;border:1.5px solid var(--primary);background:var(--surface);width:100%;color:var(--text);border-radius:8px;outline:none;margin-bottom:10px;padding:9px 12px;font-family:inherit;font-size:13px}.tpl-textarea{box-sizing:border-box;border:1.5px solid var(--primary);resize:vertical;background:var(--surface);width:100%;min-height:130px;color:var(--text);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;line-height:1.6}.crop-modal-overlay{z-index:9500;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out crop-fade-in;display:flex;position:fixed;inset:0}@keyframes crop-fade-in{0%{opacity:0}to{opacity:1}}.crop-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;width:340px;max-width:calc(100vw - 32px);padding:24px;display:flex;box-shadow:0 20px 60px #0000004d}.crop-modal-title{align-self:flex-start;margin-bottom:16px;font-size:16px;font-weight:700}.crop-viewport{background:var(--bg);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-viewport-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff9,0 0 0 9999px #0000}.crop-hint{color:var(--text-secondary);text-align:center;max-width:280px;margin-top:12px;font-size:11.5px;line-height:1.5}.crop-zoom-row{align-items:center;gap:10px;width:100%;margin-top:14px;display:flex}.crop-zoom-slider{accent-color:var(--primary);flex:1}.crop-modal-actions{gap:10px;width:100%;margin-top:20px;display:flex}.crop-modal-actions .resolve-cancel-btn,.crop-modal-actions .resolve-confirm-btn{padding:10px}.chat-ctx-menu{background:var(--surface);border:1.5px solid var(--border);z-index:9200;border-radius:12px;width:260px;font-size:13px;animation:.12s ease-out chatCtxFadeIn;position:fixed;overflow:hidden;box-shadow:0 14px 44px #00000038}@keyframes chatCtxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-ctx-list{padding:6px}.chat-ctx-item{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:13px;transition:background .12s;display:flex}.chat-ctx-item:hover{background:var(--bg)}.chat-ctx-item span:first-of-type{flex:1}.chat-ctx-item-arrow{color:var(--text-secondary);margin-inline-start:auto}.chat-ctx-divider{background:var(--border);height:1px;margin:6px 4px}.chat-ctx-sub{flex-direction:column;max-height:320px;display:flex}@media (width<=860px){.chat-ctx-sub{max-height:min(320px,70vh)}.chat-ctx-sub-list{max-height:min(220px,50vh)}}.chat-ctx-sub-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 10px 8px;font-size:13px;font-weight:700;display:flex}.chat-ctx-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;display:flex}.chat-ctx-back:hover{background:var(--bg);color:var(--primary)}.chat-ctx-search-wrap{padding:8px;position:relative}.chat-ctx-search{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:7px 10px 7px 28px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.chat-ctx-search:focus{border-color:var(--primary)}.chat-ctx-search-icon{color:var(--text-secondary);pointer-events:none;width:13px;height:13px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.chat-ctx-sub-list{max-height:220px;padding:0 6px 6px;overflow-y:auto}.chat-ctx-option{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px;font-family:inherit;font-size:12.5px;display:flex}.chat-ctx-option:hover{background:var(--bg)}.chat-ctx-option.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.chat-ctx-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.chat-ctx-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12px}.chat-ctx-note-body{flex-direction:column;gap:8px;padding:10px;display:flex}.chat-ctx-note-textarea{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:none;border-radius:8px;outline:none;height:76px;padding:9px 10px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.chat-ctx-note-textarea:focus{border-color:var(--primary)}.chat-ctx-note-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s;display:flex}.chat-ctx-note-submit:hover{background:var(--primary-dark)}.chat-ctx-note-submit:disabled{opacity:.5;cursor:default}#analytics-layout,#contacts-layout{flex:1;width:100%;min-width:0;max-width:100%;display:flex;overflow:hidden}#analytics-sidebar,#contacts-sidebar{background:var(--surface);border-inline-end:1px solid var(--border);width:260px;min-width:260px;padding:20px 14px;transition:width .2s,min-width .2s,padding .2s;overflow:hidden auto}.analytics-sidebar-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.analytics-sidebar-head .settings-sidebar-title{flex:1;min-width:0;margin-bottom:0}.analytics-nav-collapse{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.analytics-nav-collapse:hover{background:var(--bg);color:var(--primary)}#analytics-sidebar .settings-nav-item,#contacts-sidebar .settings-nav-item{text-align:inherit;text-decoration:none}#analytics-sidebar .settings-nav-item span,#contacts-sidebar .settings-nav-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#analytics-layout.nav-collapsed #analytics-sidebar,#contacts-layout.nav-collapsed #contacts-sidebar{width:52px;min-width:52px;padding:16px 8px}#analytics-layout.nav-collapsed .analytics-sidebar-head,#contacts-layout.nav-collapsed .analytics-sidebar-head{justify-content:center;margin-bottom:8px}#analytics-layout.nav-collapsed .settings-sidebar-title,#analytics-layout.nav-collapsed .settings-nav-item,#contacts-layout.nav-collapsed .settings-sidebar-title,#contacts-layout.nav-collapsed .settings-nav-item{display:none}#analytics-layout.nav-collapsed .analytics-nav-collapse,#contacts-layout.nav-collapsed .analytics-nav-collapse{margin:0 auto}#analytics-content-panel,#contacts-content-panel{background:var(--bg);flex:1;min-width:0;max-width:100%;overflow:hidden auto}#contacts-content-panel>.page,#contacts-content-panel .page-content,#analytics-content-inner{min-width:0;max-width:100%}.analytics-content-inner{padding:32px}.cp-day-head{color:var(--text);border-bottom:1.5px solid var(--border);justify-content:space-between;align-items:center;gap:10px;margin:18px 0 10px;padding-bottom:7px;font-size:13.5px;font-weight:800;display:flex}.cp-day-head span{align-items:center;gap:6px;display:flex}.cp-day-head svg{color:var(--primary);flex-shrink:0}.cp-day-count{color:var(--primary);background:rgba(var(--primary-rgb),.12);border-radius:999px;padding:2px 9px;font-size:11px;font-weight:800}.cp-day-empty{color:var(--text-secondary);padding:2px 0 8px;font-size:12px}.analytics-mobile-back span{color:var(--text-secondary);font-size:13.5px;font-weight:700}@media (width<=860px){#analytics-sidebar,#contacts-sidebar{border-inline-end:none;width:100%!important;min-width:0!important}#analytics-content-panel,#contacts-content-panel,#analytics-layout.mobile-section-open #analytics-sidebar,#contacts-layout.mobile-section-open #contacts-sidebar{display:none}#analytics-layout.mobile-section-open #analytics-content-panel,#contacts-layout.mobile-section-open #contacts-content-panel{width:100%;display:block!important}.analytics-content-inner{padding:16px}#analytics-layout .analytics-nav-collapse,#contacts-layout .analytics-nav-collapse{display:none}#analytics-layout.nav-collapsed .settings-sidebar-title,#analytics-layout.nav-collapsed .settings-nav-item,#contacts-layout.nav-collapsed .settings-sidebar-title,#contacts-layout.nav-collapsed .settings-nav-item{display:flex}}.analytics-tabs{border-bottom:1px solid var(--border);gap:8px;margin-bottom:20px;display:flex}.analytics-tabs button,.analytics-tabs a{color:var(--text-secondary);cursor:pointer;border:none;background:0 0;border-bottom:2px solid #0000;padding:10px 18px;font-size:14px;font-weight:600;text-decoration:none;transition:color .15s,border-color .15s;display:inline-block}.analytics-tabs button:hover,.analytics-tabs a:hover{color:var(--text)}.analytics-tabs button.active,.analytics-tabs a.active{color:var(--primary);border-bottom-color:var(--primary)}.analytics-filters{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;align-items:end;gap:14px;margin-bottom:18px;padding:16px;display:flex}.analytics-filter-field{flex-direction:column;gap:6px;min-width:150px;max-width:100%;display:flex}.analytics-filter-field label{color:var(--text-secondary);font-size:12px;font-weight:600}.analytics-filter-field input:not([type=checkbox]),.analytics-filter-field select{border:1px solid var(--border);background:var(--bg);color:var(--text);text-overflow:ellipsis;white-space:nowrap;border-radius:8px;width:100%;min-width:0;max-width:100%;padding:8px 10px;font-size:13px;overflow:hidden}.analytics-filter-field .analytics-filter-check{border:1px solid var(--border);background:var(--bg);width:auto;max-width:100%;min-height:36px;color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:0 10px;font-size:13px;display:inline-flex}.analytics-filter-field .analytics-filter-check:has(:checked){border-color:var(--primary)}.analytics-filter-check input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.analytics-filter-field input[type=date],.analytics-filter-field input[type=month]{appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%;height:auto;padding-block:7px;font-family:inherit}.analytics-filter-actions{gap:8px;margin-inline-start:auto;display:flex}.analytics-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.analytics-btn:hover{opacity:.85}.analytics-btn-primary{background:var(--primary);color:#fff;border-color:var(--primary)}.analytics-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow-x:auto}.analytics-table{border-collapse:collapse;width:100%;font-size:13px}.analytics-table th{text-align:start;color:var(--text-secondary);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-weight:700}.analytics-table td{border-bottom:1px solid var(--border);vertical-align:top;color:var(--text);padding:12px 14px}.analytics-table tr:last-child td{border-bottom:none}.analytics-row{cursor:pointer;transition:background .12s}.analytics-row:hover{background:var(--chat-row-hover,#00000008)}.analytics-truncate{text-overflow:ellipsis;white-space:nowrap;max-width:260px;overflow:hidden}.analytics-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}.ar-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.ar-badge-resolved{color:var(--success);background:#10b9811f}.ar-badge-unresolved{color:var(--danger);background:#ef44441f}.ar-badge-unspecified{color:var(--text-secondary);background:#6b72801f}.ar-badge-pending{color:var(--primary);background:#6c5ce71f}.ar-badge-failed{color:var(--warning);background:#f59e0b1f}.ar-spin{animation:1s linear infinite ar-spin}@keyframes ar-spin{to{transform:rotate(360deg)}}.analytics-modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.analytics-modal{background:var(--surface);border-radius:14px;width:100%;max-width:560px;max-height:80vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.analytics-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.analytics-modal-header h3{font-size:15px;font-weight:700}.analytics-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.analytics-modal-close:hover{background:var(--bg)}.analytics-modal-body{padding:20px;font-size:14px;line-height:1.8}.analytics-summary-text{color:var(--text-secondary);white-space:pre-wrap}.analytics-rating-row td{opacity:.9;padding-top:0;font-size:.85rem}.analytics-row:has(+.analytics-rating-row) td{border-bottom:none}.analytics-rating-row td{padding-bottom:10px}.analytics-rating-lines{flex-wrap:wrap;gap:4px 28px;display:flex}@media (width<=720px){.analytics-filters{flex-direction:column;align-items:stretch}.analytics-filter-actions{margin-inline-start:0}}.analytics-locked{min-height:420px;position:relative}.analytics-locked-blur{filter:blur(6px);opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none}.analytics-locked-overlay{justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.analytics-locked-card{background:var(--surface);border:1px solid var(--border);text-align:center;max-width:340px;color:var(--text);border-radius:16px;flex-direction:column;align-items:center;gap:10px;padding:32px 28px;display:flex;box-shadow:0 12px 40px #00000026}.analytics-locked-card svg{color:var(--primary);margin-bottom:4px}.analytics-locked-card h3{font-size:15px;font-weight:700}.analytics-locked-card p{color:var(--text-secondary);font-size:13px;line-height:1.7}.analytics-mode-toggle{border:1px solid var(--border);border-radius:8px;display:flex;overflow:hidden}.analytics-mode-toggle button{text-align:center;background:var(--bg);color:var(--text-secondary);cursor:pointer;border:none;flex:1;padding:8px 14px;font-size:13px;font-weight:600;transition:background .15s,color .15s}.analytics-mode-toggle button.active{background:var(--primary);color:#fff}.analytics-cards{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:20px;display:grid}.analytics-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:16px;display:flex}.analytics-card-value{color:var(--text);font-size:24px;font-weight:800}.analytics-card-value small{color:var(--text-secondary);font-size:13px;font-weight:600}.analytics-card-label{color:var(--text-secondary);font-size:12px;font-weight:600}.analytics-card-resolved .analytics-card-value{color:var(--success)}.analytics-card-unresolved .analytics-card-value{color:var(--danger)}.analytics-card-unspecified .analytics-card-value{color:var(--text-secondary)}.analytics-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:16px;display:grid}.analytics-panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.analytics-panel h4{color:var(--text);margin-bottom:12px;font-size:14px;font-weight:700}.analytics-panel-wide{grid-column:1/-1}.analytics-empty-inline{color:var(--text-secondary);text-align:center;padding:20px 0;font-size:13px}.stats-section{margin-bottom:26px}.stats-section-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;padding-bottom:8px;display:flex}.stats-section-head h3{color:var(--text);margin:0;font-size:15px;font-weight:700}.stats-section-head span{color:var(--text-secondary);text-align:end;font-size:12px}.stats-kpi-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,178px),1fr));gap:12px;display:grid}.kpi-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;min-width:0;padding:14px 16px;display:flex}.kpi-label{color:var(--text-secondary);font-size:12px;font-weight:600}.kpi-value{color:var(--text);font-size:22px;font-weight:800;line-height:1.25}.kpi-foot{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.kpi-delta{border-radius:999px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.kpi-delta.up{color:var(--success);background:#10b9811a}.kpi-delta.down{color:var(--danger);background:#ef44441a}.kpi-delta.flat{color:var(--text-secondary);background:var(--bg)}.kpi-share{color:var(--text-secondary);font-size:11px}.stats-period-label{color:var(--text-secondary);font-size:12px;font-weight:600}.stats-insight{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;align-items:flex-start;gap:8px;margin-bottom:14px;padding:12px 14px;font-size:13px;display:flex}.stats-insight svg{color:var(--primary);flex:none}.stats-split-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;display:grid}.rank-row{border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:center;gap:4px 10px;padding:9px 0;font-size:13px;display:grid}.rank-row:last-child{border-bottom:none}.rank-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rank-value{color:var(--text);font-variant-numeric:tabular-nums;font-weight:700}.rank-share{color:var(--text-secondary);text-align:end;min-width:46px;font-size:12px}.rank-bar{background:var(--bg);border-radius:999px;grid-column:1/-1;height:4px;overflow:hidden}.rank-bar i{background:var(--primary);border-radius:999px;height:100%;display:block}.rank-empty{color:var(--text-secondary);text-align:center;padding:16px 0;font-size:13px}@media (width<=640px){.stats-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.kpi-value{font-size:19px}.stats-section-head{flex-direction:column;align-items:flex-start;gap:2px}#contacts-content-panel .page-content,#analytics-content-panel .page-content{padding:16px}}.analytics-rank-list{flex-direction:column;gap:4px;display:flex}.analytics-rank-list li{border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13px;display:flex}.analytics-rank-list li:nth-child(odd){background:var(--bg)}.analytics-rank-list li strong{color:var(--primary)}.analytics-rank-clickable{cursor:pointer;transition:background .12s}.analytics-rank-clickable:hover{background:#6c5ce71a!important}.analytics-bar-chart{align-items:flex-end;gap:6px;height:160px;padding-top:10px;display:flex}.analytics-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:6px;min-width:0;height:100%;display:flex}.analytics-bar{background:var(--primary);border-radius:4px 4px 0 0;width:100%;max-width:26px;min-height:2px;transition:height .2s}.analytics-bar-label{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.analytics-category-badge{color:var(--primary);background:#6c5ce71f;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;font-size:12px;font-weight:700;display:inline-flex}.analytics-category-badge button{color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:flex}.analytics-standalone-card{margin:0 auto}.analytics-conv-link{color:var(--primary);align-items:center;gap:4px;font-weight:700;text-decoration:none;display:inline-flex}.analytics-conv-link:hover{text-decoration:underline}.analytics-conv-unavailable{color:var(--text-secondary);opacity:.6;cursor:help}.analytics-charts-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:16px;display:grid}.analytics-charts-grid-2{grid-template-columns:1fr 1fr}.analytics-chart-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:16px}.analytics-chart-card-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.analytics-chart-card-header h4{color:var(--text);font-size:14px;font-weight:700}.analytics-btn-sm{padding:5px 10px;font-size:12px}.analytics-pie-wrap{align-items:center;gap:18px;display:flex}.analytics-pie-legend{flex-direction:column;flex:1;gap:10px;display:flex}.analytics-pie-legend-item{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:4px;transition:background .12s;display:flex}.analytics-pie-legend-item:hover{background:var(--bg)}.analytics-pie-legend-item strong{font-size:16px;display:block}.analytics-pie-legend-item span{color:var(--text-secondary);font-size:12px}.analytics-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.analytics-rank-num{background:var(--bg);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:inline-flex}.analytics-rank-text{text-overflow:ellipsis;white-space:nowrap;flex:1;margin:0 8px;overflow:hidden}.analytics-rank-list li{align-items:center;display:flex}.analytics-person-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.analytics-person-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;text-align:center;border-radius:14px;padding:18px;transition:box-shadow .15s,transform .15s}.analytics-person-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.analytics-person-avatar{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 10px;font-size:18px;font-weight:700;display:flex}.analytics-person-name{color:var(--text);margin-bottom:2px;font-size:14px;font-weight:700}.analytics-person-phone{color:var(--text-secondary);direction:ltr;margin-bottom:10px;font-size:12px}.analytics-person-stats{border-top:1px solid var(--border);justify-content:space-around;margin-top:12px;padding-top:12px;display:flex}.analytics-person-stats>div{flex-direction:column;display:flex}.analytics-person-stats strong{font-size:16px;font-weight:800}.analytics-person-stats span{color:var(--text-secondary);font-size:11px}.analytics-stat-resolved strong{color:var(--success)}.analytics-stat-unresolved strong{color:var(--danger)}.analytics-person-avg{color:var(--text-secondary);background:var(--bg);border-radius:8px;margin-top:10px;padding:6px;font-size:11px}.analytics-live-card{cursor:default}.analytics-live-card:hover{transform:none}.analytics-live-card-head{width:48px;margin:0 auto 10px;position:relative}.analytics-live-card-head .analytics-person-avatar{margin:0}.analytics-live-dot{bottom:2px;border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;inset-inline-end:2px}.analytics-live-dot.is-online{background:var(--success)}.analytics-live-dot.is-offline{background:#6b7280}.analytics-live-status{margin-top:4px;font-size:12px;font-weight:700}.analytics-live-status.is-online{color:var(--success)}.analytics-live-status.is-offline{color:var(--text-secondary)}.analytics-live-section{margin-bottom:32px}.analytics-live-section-title{color:var(--text);margin:0 0 14px;font-size:16px;font-weight:800}.analytics-live-customer-card{color:inherit;text-decoration:none;display:block}.analytics-live-assignee{color:var(--text-secondary);margin-top:6px;font-size:12px}.analytics-live-assignee.is-unassigned{color:var(--warning);font-weight:700}.analytics-live-wait{font-variant-numeric:tabular-nums;font-size:13px!important}.analytics-live-card.is-clickable{cursor:pointer}.analytics-live-card.is-clickable:hover{transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.analytics-live-agent-detail{flex-direction:column;gap:20px;display:flex}.analytics-presence-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px 20px;overflow:visible}.analytics-presence-legend{color:var(--text-secondary);flex-wrap:wrap;gap:14px;margin:8px 0 14px;font-size:12px;display:flex}.analytics-presence-legend span{align-items:center;gap:6px;display:inline-flex}.analytics-presence-swatch{border-radius:3px;width:14px;height:10px;display:inline-block}.analytics-presence-swatch.is-online{background:var(--success)}.analytics-presence-swatch.is-offline{background:#9ca3af}.analytics-presence-swatch.is-upcoming{background:repeating-linear-gradient(-45deg,#d1d5db,#d1d5db 3px,#e5e7eb 3px 6px)}.analytics-presence-track{margin-top:4px;position:relative}.analytics-presence-bar{cursor:crosshair;background:#e5e7eb;border-radius:8px;width:100%;height:22px;display:flex;overflow:hidden}.analytics-presence-cursor{background:var(--text);opacity:.55;pointer-events:none;z-index:2;width:2px;height:22px;position:absolute;top:0;transform:translate(-50%)}.analytics-presence-tip{background:var(--surface);border:1px solid var(--border);min-width:210px;max-width:280px;color:var(--text);z-index:3;pointer-events:none;white-space:nowrap;border-radius:10px;flex-direction:column;gap:4px;padding:10px 12px;font-size:12px;display:flex;position:absolute;bottom:30px;transform:translate(-50%);box-shadow:0 10px 28px #00000029}.analytics-presence-tip strong{font-size:13px}.analytics-presence-seg{min-width:0;height:100%}.analytics-presence-seg.is-online{background:var(--success)}.analytics-presence-seg.is-offline{background:#9ca3af}.analytics-presence-seg.is-upcoming{background:repeating-linear-gradient(-45deg,#d1d5db,#d1d5db 4px,#eceff3 4px 8px)}.analytics-presence-hours{color:var(--text-secondary);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:6px;font-size:11px;display:flex}.analytics-live-agent-table-wrap{overflow-x:auto}.analytics-label-pills{flex-wrap:wrap;gap:6px;display:flex}.analytics-label-pill{color:var(--primary);background:#6c5ce71f;border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;display:inline-flex}.analytics-live-when{font-variant-numeric:tabular-nums;white-space:nowrap}html[data-theme=dark] .analytics-live-section-title{color:#eceef3}html[data-theme=dark] .analytics-live-assignee,html[data-theme=dark] .analytics-presence-hours{color:#c5cce0}html[data-theme=dark] .analytics-presence-bar{background:#3a4154}html[data-theme=dark] .analytics-presence-seg.is-offline{background:#6b7280}html[data-theme=dark] .analytics-presence-tip{box-shadow:0 10px 28px #0006}.analytics-back-link{color:var(--primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:12px;padding:0;font-size:13px;font-weight:700;display:inline-flex}.analytics-back-link:hover{text-decoration:underline}.analytics-detail-title{color:var(--text);margin-bottom:14px;font-size:18px;font-weight:800}html[data-theme=dark] #page-analytics,html[data-theme=dark] #analytics-content-panel,html[data-theme=dark] #page-analytics h2,html[data-theme=dark] #page-analytics h3,html[data-theme=dark] #page-analytics h4,html[data-theme=dark] .analytics-person-name,html[data-theme=dark] .analytics-detail-title,html[data-theme=dark] .analytics-chart-card-header h4,html[data-theme=dark] .analytics-table td,html[data-theme=dark] .analytics-modal-header h3,html[data-theme=dark] .analytics-rank-text,html[data-theme=dark] .analytics-rank-list li strong,html[data-theme=dark] #analytics-sidebar .settings-nav-item{color:#eceef3}html[data-theme=dark] #analytics-sidebar .settings-nav-item.active{color:var(--primary)}html[data-theme=dark] .analytics-card-label,html[data-theme=dark] .analytics-table th,html[data-theme=dark] .analytics-filter-field label,html[data-theme=dark] .analytics-empty,html[data-theme=dark] .analytics-empty-inline,html[data-theme=dark] .analytics-person-phone,html[data-theme=dark] .analytics-person-avg,html[data-theme=dark] .analytics-person-stats span,html[data-theme=dark] .analytics-pie-legend-item span,html[data-theme=dark] .settings-sidebar-title{color:#c5cce0}html[data-theme=dark] .analytics-card-value{color:#f4f6fb}html[data-theme=dark] .analytics-card-resolved .analytics-card-value{color:var(--success)}html[data-theme=dark] .analytics-card-unresolved .analytics-card-value{color:var(--danger)}html[data-theme=dark] .analytics-card-unspecified .analytics-card-value{color:#c5cce0}html[data-theme=dark] .analytics-filter-field input:not([type=checkbox]),html[data-theme=dark] .analytics-filter-field select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eceef3;background:#12141c;border-color:#3a3f52}html[data-theme=dark] .analytics-filter-field .analytics-filter-check{color:#eceef3;background:#12141c;border-color:#3a3f52}html[data-theme=dark] .analytics-filter-check input[type=checkbox]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-theme=dark] .analytics-mode-toggle button{color:#c5cce0}html[data-theme=dark] .analytics-mode-toggle button.active{color:#fff}#page-ai{flex-direction:column;min-height:0}#page-ai .ai-shell{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;flex:1;min-height:0;margin:16px 20px 20px;display:flex;overflow:hidden}.ai-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px;display:flex}.ai-header-left{align-items:center;gap:12px;min-width:0;display:flex}.ai-header-left h2{margin:0;font-size:18px;font-weight:700}.ai-header-left p{color:var(--text-secondary);margin:2px 0 0;font-size:12.5px}.ai-avatar{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ai-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-live-toggle{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.ai-live-toggle span{flex-direction:column;gap:1px;display:flex}.ai-live-toggle strong{font-size:12.5px}.ai-live-toggle small{color:var(--text-secondary);font-size:11px}.ai-live-toggle button{cursor:pointer;background:#c5cad6;border:none;border-radius:999px;flex-shrink:0;width:42px;height:24px;position:relative}.ai-live-toggle button i{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .18s;position:absolute;top:3px;right:3px}.ai-live-toggle.on{border-color:var(--primary)}.ai-live-toggle.on button{background:var(--primary)}.ai-live-toggle.on button i{transform:translate(-18px)}.ai-live-hint{color:var(--text-secondary);margin:0;padding:8px 20px 0;font-size:12px}.ai-icon-btn{border:1.5px solid var(--border);color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:10px;align-items:center;gap:6px;padding:8px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.ai-icon-btn:hover{border-color:var(--primary);color:var(--primary)}.ai-messages{background:var(--chat-bg,var(--bg));flex:1;min-height:0;padding:20px;overflow-y:auto}#page-ai .msg-row .msg-bubble{max-width:min(72%,520px)}.ai-bubble-name{opacity:.85;margin-bottom:4px;font-size:11px;font-weight:700}.ai-empty{text-align:center;height:100%;min-height:240px;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.ai-empty-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:6px;display:flex}.ai-empty h3{color:var(--text);margin:0;font-size:17px}.ai-empty p{max-width:360px;margin:0;font-size:13.5px}.ai-system{background:var(--chat-system-bubble,#0000000a);max-width:min(80%,560px);color:var(--text-secondary);border-radius:12px;margin:10px auto 16px;padding:10px 14px;font-size:12.5px}.ai-system span{color:var(--primary);margin-bottom:6px;font-weight:700;display:block}.ai-system pre{white-space:pre-wrap;font:inherit;margin:0}.ai-typing{background:var(--surface);border:1.5px solid var(--border);color:var(--primary);border-radius:20px;align-items:center;gap:8px;margin:8px 0 4px;padding:8px 14px;font-size:12px;font-weight:600;display:inline-flex}.ai-composer{border-top:1px solid var(--border);background:var(--surface);align-items:flex-end;gap:10px;padding:12px 16px;display:flex}.ai-composer textarea{resize:none;border:1.5px solid var(--border);min-height:42px;max-height:140px;font:inherit;color:var(--text);background:var(--bg);border-radius:12px;flex:1;padding:10px 12px;font-size:14px}.ai-composer textarea:focus{border-color:var(--primary);outline:none}.ai-composer button{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.ai-composer button:disabled{opacity:.45;cursor:not-allowed}@media (width<=860px){#page-ai .ai-shell{margin:8px}.ai-header{padding:12px}.ai-header-actions{width:100%}.ai-live-toggle{flex:1}}