:root{--bg-sidebar:#151718;--bg-sidebar-hover:#1e2024;--bg-sidebar-active:#272a2f;--bg-main:#121314;--bg-card:#1c1e22;--bg-input:#1a1c1e;--border-subtle:#232529;--border-focus:#373b43;--text-main:#f9fafb;--text-dim:#9ca3af;--text-muted:#64748b;--accent-blue:#1f69ff;--accent-blue-hover:#1a56d6;--avatar-orange:#d97706;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:Plus Jakarta Sans,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{background-color:var(--bg-main);width:100%;height:100%;color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#2a2d34;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3a3f49}.chatwoot-sidebar{background-color:var(--bg-sidebar);border-right:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;flex-direction:column;width:220px;min-width:220px;height:100vh;display:flex;position:relative}.workspace-header{border-bottom:1px solid #0000;align-items:center;height:48px;padding:0 14px;display:flex}.workspace-avatar{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.avatar-dot{background-color:#fff;border-radius:50%;width:6px;height:6px}.workspace-divider{background-color:#2a2e37;width:1px;height:14px;margin:0 10px}.workspace-name{color:#fff;letter-spacing:-.15px;font-size:13.5px;font-weight:600}.search-section{align-items:center;gap:6px;padding:4px 10px 10px;display:flex}.search-input-wrapper{background-color:#181a1f;border:1px solid #262931;border-radius:6px;flex:1;align-items:center;gap:7px;height:32px;padding:0 8px;transition:all .15s;display:flex}.search-input-wrapper:focus-within{background-color:#1e2026;border-color:#3e4450}.search-icon{color:#64748b;flex-shrink:0}.search-input{color:#e2e8f0;background:0 0;width:100%;font-size:12.5px}.search-input::placeholder{color:#64748b}.compose-btn{color:#8c93a0;background-color:#181a1f;border:1px solid #262931;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.compose-btn:hover{color:#fff;background-color:#22252c;border-color:#383d47}.compose-icon{color:inherit}.nav-menu{flex-direction:column;flex:1;gap:2px;padding:0 8px;display:flex;overflow-y:auto}.nav-item{color:#8c93a0;letter-spacing:-.1px;text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:6.5px 10px;font-size:13px;font-weight:450;transition:background-color .12s,color .12s;display:flex}.nav-item:hover{color:#e5e7eb;background-color:#1a1c21}.nav-item.active{color:#fff;background-color:#212429;font-weight:500}.nav-item.active-parent{color:#fff}.radar-badge-live{color:#34d399;background-color:#10b98133;border:1px solid #10b98166;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.calls-badge-leads{color:#fbbf24;background-color:#f59e0b33;border:1px solid #f59e0b66;border-radius:10px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.nav-icon{color:inherit;flex-shrink:0}.nav-label{letter-spacing:-.1px}.expand-arrow{color:#64748b;align-items:center;margin-left:auto;display:flex}.nav-group{flex-direction:column;gap:2px;display:flex}.submenu-tree{flex-direction:column;gap:2px;padding:2px 0 2px 4px;display:flex}.submenu-item{color:#8c93a0;letter-spacing:-.1px;text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12.5px;font-weight:450;transition:all .12s;display:flex}.submenu-item:hover{color:#e2e8f0;background-color:#1a1c21}.submenu-item.active{color:#fff;background-color:#212429;font-weight:500}.submenu-icon{color:inherit;flex-shrink:0}.submenu-label{letter-spacing:-.1px}.tree-branch-container{margin-top:2px;padding-left:12px;position:relative}.tree-line{background-color:#232731;width:1px;position:absolute;top:0;bottom:8px;left:17px}.tree-items{flex-direction:column;gap:2px;display:flex}.channels-tree-section{flex-direction:column;margin-top:2px;display:flex}.channels-header-btn{color:#8c93a0;text-align:left;border-radius:6px;align-items:center;gap:8px;width:100%;padding:6px 10px;font-size:12.5px;font-weight:450;transition:all .12s;display:flex}.channels-header-btn:hover{color:#e2e8f0;background-color:#1a1c21}.channels-icon{color:#8c93a0;flex-shrink:0}.channels-title{letter-spacing:-.1px}.channels-arrow{color:#64748b;align-items:center;margin-left:auto;display:flex}.channels-sub-tree{margin-top:2px;padding-left:12px;position:relative}.sub-tree-line{background-color:#232731;width:1px;position:absolute;top:0;bottom:8px;left:16px}.channel-sub-items{flex-direction:column;gap:1px;display:flex}.channel-item{color:#8c93a0;text-align:left;border-radius:5px;align-items:center;gap:7px;width:100%;padding:5px 8px;font-size:12px;transition:all .12s;display:flex}.channel-item:hover{color:#e2e8f0;background-color:#1a1c21}.channel-item.active{color:#fff;background-color:#212429}.channel-icon{color:inherit;flex-shrink:0}.channel-name{white-space:nowrap;text-overflow:ellipsis;letter-spacing:-.1px;overflow:hidden}.sidebar-bottom{margin-top:auto;padding:10px 10px 12px}.user-profile{cursor:pointer;border-radius:6px;align-items:center;gap:9px;padding:6px 8px;transition:background-color .15s;display:flex}.user-profile:hover{background-color:#181a1f}.avatar-wrapper{flex-shrink:0;position:relative}.profile-squircle{color:#fff;background-color:#b45309;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:600;display:flex}.status-online-dot{background-color:#14b8a6;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-2px;right:-2px;box-shadow:0 0 0 1.5px #151718}.profile-info{flex-direction:column;line-height:1.25;display:flex;overflow:hidden}.profile-name{color:#fff;letter-spacing:-.1px;font-size:13px;font-weight:600}.profile-email{color:#525866;white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-size:10.5px;overflow:hidden}.btn-sidebar-logout{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;margin-left:auto;transition:all .15s;display:flex}.btn-sidebar-logout:hover{color:#ef4444;background:#ef444426;border-color:#ef444459}.inbox-layout-wrapper,.unified-inbox-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow:hidden}.inbox-top-nav,.unified-top-bar{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 16px;display:flex}.breadcrumbs,.top-breadcrumb{align-items:center;gap:6px;font-size:12.5px;display:flex}.crumb-muted,.breadcrumb-muted{color:#64748b}.crumb-arrow,.breadcrumb-arrow{color:#3b4252}.crumb-active,.breadcrumb-active{color:#f1f5f9;font-weight:500}.top-nav-controls,.top-controls{align-items:center;gap:12px;display:flex}.presence-pill-btn,.status-pill{color:#34d399;cursor:pointer;background:#10b98114;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.presence-pill-btn .pulse-dot,.status-pill .status-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.presence-pill-btn.offline,.status-pill.offline{color:#717784;background:0 0;border-color:#333842}.presence-pill-btn.offline .pulse-dot,.status-pill.offline .status-dot{background-color:#64748b}.alerts-badge-btn{color:#94a3b8;cursor:pointer;background-color:#17191e;border:1px solid #282c35;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;font-weight:500;transition:all .15s;display:flex}.alerts-badge-btn:hover{color:#fff;background-color:#21242d}.alerts-badge-btn.active{color:#38bdf8;background:#38bdf814;border-color:#38bdf859}.alerts-badge-btn.muted{color:#ef4444;background:#ef44440f;border-color:#ef44444d}.admin-info,.admin-profile-badge{border-left:1px solid #232731;align-items:center;gap:6px;padding-left:10px;display:flex}.admin-badge,.admin-tag{color:#8c93a0;letter-spacing:.5px;background-color:#1c1f26;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.inbox-main-content,.unified-content-area{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.unified-conv-list,.unified-list-pane{border-right:1px solid var(--border-subtle);background-color:var(--bg-main);flex-direction:column;flex-shrink:0;width:320px;min-width:300px;max-width:330px;height:100%;display:flex}.list-header,.pane-header{flex-direction:column;gap:8px;padding:12px 14px 6px;display:flex}.list-title-row{justify-content:space-between;align-items:center;display:flex}.list-heading,.pane-title{color:#fff;font-size:14.5px;font-weight:600}.conv-counter,.count-badge{color:#8c93a0;background-color:#1c1f26;border:1px solid #282c35;border-radius:10px;padding:1px 6px;font-size:11px;font-weight:600}.status-tabs-row,.status-filter-pills{background-color:#16181d;border:1px solid #23262f;border-radius:7px;align-items:center;gap:4px;margin:0;padding:4px;display:flex}.status-tab,.filter-pill-btn{text-align:center;color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:5px;flex:1;padding:5px 0;font-size:12px;font-weight:500;transition:all .15s}.status-tab:hover,.filter-pill-btn:hover{color:#fff}.status-tab.active,.filter-pill-btn.active{background-color:var(--accent-blue);color:#fff;font-weight:600}.sub-filters-row,.sub-assignee-tabs{border-bottom:1px solid #1f2228;align-items:center;gap:12px;padding:2px 0 6px;display:flex}.sub-filter-btn,.assignee-tab{color:#717784;cursor:pointer;background:0 0;border:none;padding:4px 0;font-size:12px;font-weight:450;transition:color .15s}.sub-filter-btn:hover,.assignee-tab:hover{color:#e2e8f0}.sub-filter-btn.active,.assignee-tab.active{color:#fff;font-weight:600}.conv-search-box,.conversations-search-box{background-color:#17191e;border:1px solid #242730;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;height:30px;margin:0;padding:0 10px;display:flex}.conv-search-box:focus-within,.conversations-search-box:focus-within{border-color:#393e4a}.conv-search-box .search-icon,.conversations-search-box .search-icon{color:#64748b;flex-shrink:0}.conv-search-box input,.conversations-search-box .search-input{color:#f1f5f9;background:0 0;border:none;outline:none;width:100%;font-size:12px}.conv-search-box input::placeholder,.conversations-search-box .search-input::placeholder{color:#525866}.conversations-scroll-area,.cards-scroll-area{flex-direction:column;flex:1;gap:4px;padding:8px 10px 10px;display:flex;overflow-y:auto}.no-conversations-state,.no-convs{text-align:center;color:#64748b;padding:30px 10px;font-size:12.5px}.conversation-card{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:7px;flex-direction:column;gap:4px;padding:9px 10px;transition:all .12s;display:flex}.conversation-card:hover{background-color:#181a1f}.conversation-card.selected{background-color:#1a1e28;border-color:#243044}.card-user-info{align-items:center;gap:8px;display:flex}.card-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}.card-user-name{color:#fff;font-size:13px;font-weight:600}.card-time{color:#64748b;font-size:10.5px}.card-last-msg{color:#8c93a0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;line-height:1.3;overflow:hidden}.card-tags-row{align-items:center;gap:6px;margin-top:2px;display:flex}.channel-badge{color:#64748b;align-items:center;gap:4px;font-size:10px;display:flex}.unassigned-badge{color:#8c93a0;background-color:#20232b;border-radius:3px;padding:1px 5px;font-size:10px}.assigned-badge{color:#60a5fa;background-color:#2563eb1f;border-radius:3px;align-items:center;gap:3px;padding:1px 5px;font-size:10px;font-weight:500;display:flex}.unified-chat-pane{background-color:var(--bg-main);border-right:1px solid var(--border-subtle);flex-direction:column;flex:1;min-width:0;height:100%;display:flex;overflow:hidden}.chat-top-header{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;min-height:52px;padding:0 18px;display:flex}.chat-header-user{align-items:center;gap:10px;min-width:0;display:flex}.chat-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex;position:relative}.avatar-online-dot{background-color:#10b981;border:1.5px solid #131415;border-radius:50%;width:7px;height:7px;position:absolute;bottom:-1px;right:-1px}.chat-user-meta{flex-direction:column;min-width:0;line-height:1.25;display:flex}.chat-user-name-row{align-items:center;gap:8px;display:flex}.chat-user-title{color:#fff;letter-spacing:-.15px;white-space:nowrap;font-size:13.5px;font-weight:600}.channel-tag-subtle{color:#8c93a0;white-space:nowrap;background-color:#181a20;border:1px solid #262932;border-radius:4px;align-items:center;gap:4px;padding:1px 6px;font-size:10.5px;display:inline-flex}.chat-user-subtitle{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.chat-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ai-smart-pill{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.ai-smart-pill.active{color:#c084fc;background:#a855f714;border:1px solid #a855f740}.ai-smart-pill.active:hover{background:#a855f724}.ai-smart-pill.paused{color:#717784;background:#17191e;border:1px solid #262932}.ai-sparkle-icon{flex-shrink:0}.ai-mode-badge{letter-spacing:.2px;border-radius:3px;padding:1px 4px;font-size:9.5px;font-weight:700}.ai-mode-badge.on{color:#34d399;background:#10b98126}.ai-mode-badge.off{color:#8c93a0;background:#242831}.header-dropdown-container{position:relative}.assignee-selector-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:6px;padding:4px 9px;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.assignee-selector-btn:hover{background-color:#1f2229;border-color:#383e4a}.assignee-selector-btn .btn-icon{color:#8c93a0}.assignee-selector-btn .chevron{color:#64748b}.header-dropdown-menu{z-index:50;background-color:#1a1c22;border:1px solid #2a2f3a;border-radius:6px;flex-direction:column;gap:2px;width:170px;padding:4px;display:flex;position:absolute;top:calc(100% + 5px);left:0;box-shadow:0 10px 25px #00000080}.header-dropdown-menu.right-aligned{left:auto;right:0}.dropdown-label{color:#64748b;letter-spacing:.5px;padding:4px 8px 2px;font-size:9px;font-weight:700}.header-dropdown-menu button{color:#8c93a0;text-align:left;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:6px 8px;font-size:11.5px;display:flex}.header-dropdown-menu button:hover{color:#fff;background-color:#232732}.header-icon-group{align-items:center;gap:4px;display:flex}.icon-action-btn{color:#8c93a0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.icon-action-btn:hover{color:#fff;background-color:#20242d;border-color:#383e4a}.icon-action-btn.active{color:#60a5fa;background:#60a5fa14;border-color:#60a5fa59}.resolve-split-container{align-items:center;display:flex;position:relative}.resolve-primary-btn{color:#fff;cursor:pointer;background-color:#059669;border:1px solid #059669;border-radius:6px 0 0 6px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.resolve-primary-btn:hover{background-color:#047857;border-color:#047857}.resolve-chevron-btn{color:#fff;cursor:pointer;background-color:#047857;border:1px solid #047857;border-left-color:#fff3;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:4px 5px;display:flex}.resolve-chevron-btn:hover{background-color:#065f46}.status-dropdown{width:140px}.panel-toggle-btn{color:#8c93a0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.panel-toggle-btn:hover,.panel-toggle-btn.active{color:#fff;background-color:#20242d;border-color:#383e4a}.chat-messages-area{flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow-y:auto}.chat-empty-notice{color:#64748b;flex:1;justify-content:center;align-items:center;font-size:13px;display:flex}.messages-stream{flex-direction:column;gap:8px;margin-top:auto;display:flex}.unified-msg-row{display:flex}.unified-msg-row.customer{justify-content:flex-start}.unified-msg-row.customer .unified-msg-bubble{color:#f1f5f9;background-color:#1e2229;border-radius:9px 9px 9px 2px}.unified-msg-row.agent{justify-content:flex-end}.unified-msg-row.agent .unified-msg-bubble{color:#fff;background-color:#1a4275;border-radius:9px 9px 2px}.unified-msg-row.note{justify-content:center}.unified-msg-row.note .unified-msg-bubble{color:#fcd34d;background-color:#f59e0b1a;border:1px solid #f59e0b4d}.unified-msg-bubble{max-width:440px;padding:8px 12px;font-size:13px;line-height:1.4;box-shadow:0 1px 3px #00000040}.unified-msg-time{color:#ffffff80;text-align:right;margin-top:4px;font-size:10px;display:block}.chat-composer-section{border-top:1px solid var(--border-subtle);background-color:var(--bg-main);flex-direction:column;flex-shrink:0;gap:8px;padding:10px 16px 14px;display:flex}.composer-header-bar{justify-content:space-between;align-items:center;display:flex}.composer-toggle-pills{align-items:center;gap:4px;display:flex}.comp-toggle{color:#8c93a0;cursor:pointer;border-radius:5px;padding:3px 9px;font-size:11.5px;font-weight:500;transition:all .12s}.comp-toggle.active{background-color:var(--accent-blue);color:#fff}.composer-shortcut-hint{color:#64748b;align-items:center;gap:4px;font-size:11px;display:flex}.composer-shortcut-hint strong{color:#94a3b8}.composer-input-row{background-color:#16181d;border:1px solid #262a33;border-radius:8px;align-items:flex-end;gap:10px;padding:8px 10px;transition:border-color .15s;display:flex}.composer-input-row:focus-within{border-color:#3b4252}.unified-textarea{color:#f1f5f9;resize:none;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:12.5px;line-height:1.45}.unified-textarea::placeholder{color:#525866}.composer-action-btns{align-items:center;gap:6px;display:flex}.comp-tool-btn{color:#717784;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.comp-tool-btn:hover{color:#fff;background-color:#222630}.comp-send-btn{color:#60a5fa;cursor:pointer;background-color:#173256;border-radius:6px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.comp-send-btn.ready,.comp-send-btn:hover{background-color:var(--accent-blue);color:#fff}.unified-context-pane{background-color:var(--bg-main);flex-direction:column;flex-shrink:0;gap:16px;width:280px;min-width:270px;max-width:290px;height:100%;padding:16px;display:flex;overflow-y:auto}.context-profile-card{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding-bottom:12px;display:flex}.context-avatar-big{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:15px;font-weight:600;display:flex}.context-name-box{flex-direction:column;gap:2px;display:flex}.name-edit-row{align-items:center;gap:6px;display:flex}.profile-heading{color:#fff;font-size:14px;font-weight:600}.edit-btn{color:#64748b;cursor:pointer;padding:2px}.edit-btn:hover{color:#fff}.profile-online-tag{color:#10b981;align-items:center;gap:5px;font-size:11px;font-weight:500;display:flex}.online-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.context-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding-bottom:12px;display:flex}.context-field{flex-direction:column;gap:2px;display:flex}.field-value{color:#e2e8f0;font-size:12.5px}.field-value.channel{color:#8c93a0;align-items:center;gap:5px;display:flex}.whmcs-box{background-color:#16181d;border:1px solid #232730;border-radius:6px;padding:10px}.section-title-row{justify-content:space-between;align-items:center;display:flex}.section-title{color:#10b981;letter-spacing:.5px;font-size:10.5px;font-weight:700}.whmcs-desc{color:#8c93a0;margin-top:2px;font-size:11px;line-height:1.35}.active-tags-list{flex-wrap:wrap;gap:4px;display:flex}.active-tag-pill{color:#93c5fd;background-color:#1f232d;border:1px solid #2d3444;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.active-tag-pill button{color:#64748b;cursor:pointer;align-items:center;display:flex}.active-tag-pill button:hover{color:#fff}.quick-tags-wrap{flex-wrap:wrap;gap:4px;display:flex}.quick-tag-btn{color:#8c93a0;cursor:pointer;background-color:#191c22;border:1px solid #272a33;border-radius:4px;padding:2px 7px;font-size:10.5px;transition:all .12s}.quick-tag-btn:hover{color:#fff;background-color:#21242c;border-color:#3e4452}.custom-tag-row{align-items:center;gap:4px;margin-top:2px;display:flex}.custom-tag-input{color:#fff;background-color:#17191e;border:1px solid #242730;border-radius:4px;flex:1;padding:4px 8px;font-size:11px}.custom-tag-input::placeholder{color:#525866}.add-tag-btn{color:#fff;cursor:pointer;background-color:#8b5cf6;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.add-tag-btn:hover{background-color:#7c3aed}.past-tickets-note{color:#64748b;font-size:11.5px}.context-section-bottom{margin-top:auto;padding-top:8px}.canned-responses-btn{color:#93c5fd;cursor:pointer;background-color:#181a20;border:1px solid #282c35;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.canned-responses-btn:hover{color:#fff;background-color:#20242e;border-color:#3b4252}.canned-left{align-items:center;gap:6px;display:flex}.active-agent-header-pill{background-color:#17191e;border:1px solid #262932;border-radius:20px;align-items:center;gap:8px;padding:3px 10px 3px 4px;transition:all .15s;display:flex;position:relative}.active-agent-header-pill:hover{background-color:#1c1f26;border-color:#383e4a}.agent-photo-wrapper{cursor:pointer;border-radius:50%;flex-shrink:0;width:24px;height:24px;position:relative}.agent-header-img{object-fit:cover;border:1.5px solid #2563eb;border-radius:50%;width:100%;height:100%}.agent-online-indicator{background-color:#10b981;border:1px solid #17191e;border-radius:50%;width:6.5px;height:6.5px;position:absolute;bottom:0;right:0}.agent-header-text{cursor:pointer;text-align:left;flex-direction:column;display:flex}.agent-header-name{color:#fff;font-size:11.5px;font-weight:600;line-height:1.2}.agent-header-role{color:#64748b;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:9px;font-weight:500;line-height:1.1;overflow:hidden}.btn-edit-avatar-icon{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px 4px;transition:all .15s;display:flex}.btn-edit-avatar-icon:hover{color:#60a5fa;background-color:#2563eb26}.agent-chevron-btn{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex}.agent-dropdown-menu{width:260px!important}.agent-menu-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:7px 10px;transition:background-color .12s;display:flex}.agent-menu-item:hover,.agent-menu-item.selected{background-color:#232733}.menu-agent-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}.menu-agent-info{flex-direction:column;flex:1;display:flex}.menu-agent-name{color:#fff;font-size:12px;font-weight:600}.menu-agent-role{color:#8c93a0;font-size:10px}.menu-check{color:#3b82f6;margin-left:auto}.menu-btn-custom-photo{color:#60a5fa;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:11.5px;font-weight:500;display:flex}.menu-btn-custom-photo:hover{background-color:#2563eb26}.agent-msg-outer{flex-direction:column;align-items:flex-end;gap:4px;max-width:78%;display:flex}.agent-identity-meta{align-items:center;gap:6px;font-size:11px;display:flex}.msg-agent-photo{object-fit:cover;cursor:pointer;border:1.5px solid #2563eb;border-radius:50%;width:22px;height:22px;transition:transform .12s}.msg-agent-photo:hover{transform:scale(1.1)}.msg-agent-name{color:#fff;font-weight:600}.msg-agent-badge{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb4d;border-radius:10px;align-items:center;gap:3px;padding:1px 5px;font-size:9px;font-weight:600;display:inline-flex}.customer-msg-outer{flex-direction:column;align-items:flex-start;gap:4px;max-width:78%;display:flex}.customer-identity-meta{align-items:center;gap:6px;font-size:11px;display:flex}.msg-customer-avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:10px;font-weight:700;display:flex}.msg-customer-name{color:#cbd5e1;font-weight:600}.agent-bubble{color:#fff;border-radius:10px 10px 2px;padding:10px 14px;font-size:13px;line-height:1.45;box-shadow:0 2px 8px #00000040;background-color:#1d4ed8!important}.customer-bubble{color:#f1f5f9;border-radius:10px 10px 10px 2px;padding:10px 14px;font-size:13px;line-height:1.45;background-color:#1e2229!important}.note-bubble{color:#fef08a;border:1px solid #634a17;border-radius:8px;width:100%;padding:10px 14px;font-size:12.5px;background-color:#2b2512!important}.note-meta{color:#facc15;align-items:center;gap:6px;margin-bottom:4px;font-size:10.5px;font-weight:600;display:flex}.composer-identity-bar{background-color:#14161a;border-bottom:1px solid #232731;justify-content:space-between;align-items:center;padding:6px 14px;font-size:11.5px;display:flex}.speaking-as-group{align-items:center;gap:8px;display:flex}.speaking-label{color:#64748b;font-size:11px}.composer-agent-avatar{object-fit:cover;border:1px solid #3b82f6;border-radius:50%;width:20px;height:20px}.composer-agent-name{color:#fff;font-weight:600}.composer-agent-role{color:#8c93a0;font-size:10.5px}.btn-change-photo-mini{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #2b303c;border-radius:4px;align-items:center;gap:5px;padding:3px 9px;font-size:11px;transition:all .15s;display:flex}.btn-change-photo-mini:hover{color:#fff;background-color:#212530;border-color:#3b82f6}.modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:99999;background-color:#05070ac7;justify-content:center;align-items:center;animation:.18s fadeIn;display:flex;position:fixed;inset:0}.modal-card.photo-modal-card{background-color:#14171f;border:1px solid #282f3f;border-radius:14px;flex-direction:column;max-width:92vw;animation:.22s cubic-bezier(.16,1,.3,1) modalPop;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c,0 0 0 1px #ffffff0d;width:530px!important}@keyframes modalPop{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-header{background-color:#11131a;border-bottom:1px solid #232835;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.modal-title-row{align-items:center;gap:12px;display:flex}.modal-icon-badge{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f647;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.modal-title-text{color:#fff;letter-spacing:-.2px;margin:0;font-size:15px;font-weight:700}.modal-subtitle-text{color:#788296;margin:2px 0 0;font-size:11.5px}.modal-close-btn{color:#8c93a0;cursor:pointer;background:0 0;border:1px solid #282f3e;border-radius:7px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex}.modal-close-btn:hover{color:#fff;background-color:#222735;border-color:#3f475a}.photo-modal-body{flex-direction:column;gap:18px;max-height:calc(85vh - 130px);padding:20px 22px;display:flex;overflow-y:auto}.preview-bubble-card{background:linear-gradient(145deg,#161922 0%,#101217 100%);border:1px solid #262c3c;border-radius:12px;flex-direction:column;gap:12px;padding:14px 16px;display:flex;box-shadow:inset 0 1px #ffffff0a}.preview-card-header{justify-content:space-between;align-items:center;display:flex}.preview-badge-live{letter-spacing:.6px;color:#60a5fa;text-transform:uppercase;background:#2563eb1f;border:1px solid #2563eb40;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.live-dot-glow{background-color:#22c55e;border-radius:50%;width:6.5px;height:6.5px;box-shadow:0 0 8px #22c55e}.preview-badge-sub{color:#64748b;font-size:10.5px}.preview-chat-bubble-container{align-items:flex-start;gap:12px;padding-top:2px;display:flex}.preview-avatar-wrap{flex-shrink:0;position:relative}.preview-avatar{object-fit:cover;border:2px solid #3b82f6;border-radius:50%;width:44px;height:44px;box-shadow:0 4px 14px #2563eb47}.preview-avatar-status-dot{background-color:#22c55e;border:2px solid #14171f;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0;box-shadow:0 0 6px #22c55e}.preview-msg-content{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.preview-name-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.preview-name{color:#fff;letter-spacing:-.15px;font-size:13.5px;font-weight:700}.preview-badge{color:#93c5fd;background:#3b82f624;border:1px solid #3b82f647;border-radius:4px;align-items:center;gap:4px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.badge-check-icon{color:#3b82f6;flex-shrink:0}.preview-speech-bubble{color:#e2e8f0;background-color:#1e2433;border:1px solid #2e374d;border-radius:4px 12px 12px;padding:10px 14px;font-size:12.5px;line-height:1.45;box-shadow:0 2px 8px #0003}.photo-upload-section{flex-direction:column;gap:14px;display:flex}.section-label-row{justify-content:space-between;align-items:center;display:flex}.section-subheading{color:#8c93a0;letter-spacing:.6px;text-transform:uppercase;font-size:10.5px;font-weight:700}.section-subheading-hint{color:#525c6e;font-size:10.5px}.file-input-hidden{visibility:hidden!important;opacity:0!important;width:0!important;height:0!important;display:none!important;position:absolute!important}.upload-dropzone{width:100%;display:flex}.dropzone-label{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#11141b;border:1.5px dashed #2c3445;border-radius:10px;align-items:center;gap:14px;width:100%;padding:14px 18px;transition:all .18s;display:flex}.dropzone-label:hover{background-color:#151922;border-color:#3b82f6;box-shadow:0 0 16px #3b82f61f}.dropzone-icon-circle{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f640;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .15s;display:flex}.dropzone-label:hover .dropzone-icon-circle{color:#93c5fd;background:#3b82f62e;transform:scale(1.08)}.dropzone-text-group{flex-direction:column;gap:2px;display:flex}.dropzone-main-text{color:#f1f5f9;font-size:12.5px;font-weight:600}.dropzone-sub-text{color:#64748b;font-size:11px}.presets-header{margin-top:4px}.presets-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.preset-btn{cursor:pointer;background:0 0;border:none;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;transition:all .15s;display:flex}.preset-btn:hover{background-color:#ffffff0a;transform:translateY(-2px)}.preset-avatar-frame{width:44px;height:44px;position:relative}.preset-btn.selected .preset-img{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f640,0 0 14px #3b82f673}.preset-check-badge{color:#fff;background:#2563eb;border:2px solid #14171f;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px;box-shadow:0 2px 4px #00000080}.preset-name{color:#8c93a0;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:80px;font-size:10.5px;transition:color .15s;overflow:hidden}.preset-btn.selected .preset-name{color:#60a5fa;font-weight:700}.name-role-edit-fields{grid-template-columns:1fr 1fr;gap:14px;margin-top:4px;display:grid}.field-group{flex-direction:column;gap:6px;display:flex}.field-group label{color:#8c93a0;letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:700}.field-group input{color:#f1f5f9;background-color:#111319;border:1px solid #282f3f;border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:12.5px;transition:all .15s}.field-group input:focus{background-color:#131722;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.btn-cancel:hover{color:#fff;background-color:#ffffff0d;border-color:#4b556b}.btn-save-photo{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #3b82f6;border-radius:8px;align-items:center;gap:7px;padding:8px 20px;font-size:12.5px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #2563eb59}.btn-save-photo:hover{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 18px #2563eb80}.messenger-top-banner{z-index:9999;-webkit-backdrop-filter:blur(14px);cursor:pointer;background:#14171df2;border:1px solid #3b82f661;border-radius:12px;align-items:center;gap:12px;min-width:440px;max-width:580px;padding:10px 14px;transition:transform .15s,box-shadow .15s;animation:.28s cubic-bezier(.16,1,.3,1) messengerBannerDrop;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%);box-shadow:0 16px 42px #000000a6,0 0 20px #2563eb38}.messenger-top-banner:hover{transform:translate(-50%)translateY(-1px);box-shadow:0 20px 48px #000000bf,0 0 24px #2563eb52}@keyframes messengerBannerDrop{0%{opacity:0;transform:translate(-50%,-24px)scale(.96)}to{opacity:1;transform:translate(-50%)scale(1)}}.banner-avatar-wrap{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:14px;font-weight:700;display:flex;position:relative}.banner-online-light-dot{background-color:#22c55e;border-radius:50%;width:10px;height:10px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 7px #22c55ef2;border:none!important}.banner-text-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.banner-top-line{align-items:center;gap:8px;display:flex}.banner-sender-name{color:#fff;font-size:13px;font-weight:600}.banner-badge-pill{color:#60a5fa;letter-spacing:.4px;background:#3b82f62e;border:1px solid #3b82f659;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.banner-timestamp{color:#64748b;margin-left:auto;font-size:10.5px}.banner-preview-snippet{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12px;line-height:1.35;overflow:hidden}.banner-dismiss-btn{color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.banner-dismiss-btn:hover{color:#fff;background:#ffffff1a}.card-avatar{position:relative!important}.avatar-online-light-dot{background-color:#22c55e;border-radius:50%;width:8px;height:8px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 6px #22c55ef2;border:none!important}.chat-avatar{position:relative!important}.chat-online-light-dot{background-color:#22c55e;border-radius:50%;width:9.5px;height:9.5px;position:absolute;bottom:-1px;right:-1px;box-shadow:0 0 7px #22c55ef2;border:none!important}.context-avatar-big{position:relative!important}.context-online-light-dot{background-color:#22c55e;border-radius:50%;width:11px;height:11px;position:absolute;bottom:0;right:0;box-shadow:0 0 8px #22c55ef2;border:none!important}.chat-user-sub-row{align-items:center;gap:6px;margin-top:1px;display:flex}.chat-presence-text{letter-spacing:-.1px;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500}.chat-presence-text.online{color:#4ade80}.chat-presence-text.offline{color:#8c93a0}.profile-status-text{-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500}.profile-status-text.online{color:#4ade80}.profile-status-text.offline{color:#8c93a0}.emoji-btn.active-reacted{background:#3b82f647;border-radius:6px;transform:scale(1.22)}.sub-dot-sep{color:#3b4252;font-size:12px}.whmcs-link-icon{color:#60a5fa;opacity:.7;margin-left:auto;transition:opacity .15s}.whmcs-box:hover .whmcs-link-icon{opacity:1}@keyframes messengerGreenPulse{0%{transform:scale(.95);box-shadow:0 0 #22c55eb3}70%{transform:scale(1.1);box-shadow:0 0 0 5px #22c55e00}to{transform:scale(.95);box-shadow:0 0 #22c55e00}}.chat-search-bar{background-color:#17191e;border-bottom:1px solid #262932;align-items:center;gap:8px;padding:6px 18px;animation:.18s fadeInSlideDown;display:flex}@keyframes fadeInSlideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.chat-search-bar .search-icon{color:#64748b;flex-shrink:0}.chat-search-bar input{color:#f1f5f9;background:0 0;border:none;outline:none;flex:1;font-size:12px}.chat-search-bar input::placeholder{color:#525866}.clear-search-btn{color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.clear-search-btn:hover{color:#fff;background:#242935}.bubble-wrapper-rel{max-width:100%;display:inline-block;position:relative}.msg-floating-actions-bar{z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1b1f2b;border:1px solid #333c4f;border-radius:30px;align-items:center;gap:5px;padding:5px 10px;animation:.16s cubic-bezier(.16,1,.3,1) reactionPop;display:flex;position:absolute;top:-46px;right:0;box-shadow:0 10px 30px #0000008c,0 2px 10px #00000059}.msg-floating-actions-bar.left-bar{left:0;right:auto}@keyframes reactionPop{0%{opacity:0;transform:scale(.85)translateY(6px)}to{opacity:1;transform:scale(1)translateY(0)}}.emoji-btn{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:19px;line-height:1;transition:transform .15s cubic-bezier(.175,.885,.32,1.275),background .15s;display:flex}.emoji-btn:hover{background:#ffffff1f;transform:scale(1.4)translateY(-3px)}.action-btn-reply{color:#94a3b8;cursor:pointer;background:#ffffff12;border:1px solid #323b4e;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-left:4px;padding:0;transition:all .15s;display:flex}.action-btn-reply:hover{color:#38bdf8;background:#38bdf838;border-color:#38bdf8;transform:scale(1.18)}.bubble-reactions-row{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.reaction-pill{cursor:pointer;color:#f1f5f9;-webkit-user-select:none;user-select:none;background:#151821;border:1px solid #282f3e;border-radius:12px;align-items:center;gap:3px;padding:2px 7px;font-size:11px;transition:all .12s;display:inline-flex}.reaction-pill:hover{background:#1f2535;border-color:#3b82f6;transform:scale(1.06)}.quoted-reply-box{background:#00000052;border-left:3.5px solid #60a5fa;border-radius:6px;margin-bottom:7px;padding:6px 12px}.quoted-reply-box.customer-quoted{border-left-color:#a855f7}.quoted-sender{color:#93c5fd;margin-bottom:2px;font-size:11px;font-weight:700;display:block}.quoted-text{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:12.5px;line-height:1.4;overflow:hidden}.replying-banner-row{background:#191c24;border:1px solid #2d3546;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:9px;padding:8px 14px;animation:.15s fadeInSlideDown;display:flex}.replying-info{align-items:center;gap:10px;min-width:0;display:flex}.reply-arrow-icon{color:#60a5fa;flex-shrink:0}.replying-text-wrap{flex-direction:column;min-width:0;display:flex}.replying-to-label{color:#60a5fa;font-size:11px;font-weight:700}.replying-snippet{color:#cbd5e1;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.replying-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.replying-cancel-btn:hover{color:#fff;background:#242a38}.delivery-status-row{justify-content:flex-end;align-items:center;gap:4px;margin-top:3px;display:flex}.delivery-receipt{align-items:center;display:inline-flex}.delivery-receipt.sent{color:#64748b}.delivery-receipt.delivered{color:#94a3b8}.delivery-receipt.seen{color:#06b6d4}.seen-receipt-group{color:#06b6d4;align-items:center;gap:4px;font-size:10px;font-weight:500;display:flex}.seen-time-text{color:#06b6d4;font-size:9.5px;font-weight:600}.seen-mini-avatar{color:#fff;border:1px solid #131415;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;font-size:7.5px;font-weight:700;display:flex}.typing-indicator-row{align-items:center;gap:8px;margin-top:6px;margin-bottom:8px;animation:.2s fadeIn;display:flex}.msg-customer-avatar.mini{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:9.5px;font-weight:700;display:flex}.typing-bubble{background:#1e2229;border:1px solid #2a303e;border-radius:12px;align-items:center;gap:4px;padding:6px 11px;display:inline-flex;box-shadow:0 2px 6px #00000040}.typing-dot{background:#94a3b8;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite both typingBounce}.typing-dot:first-child{animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.typing-dot:nth-child(3){animation-delay:0s}@keyframes typingBounce{0%,80%,to{opacity:.35;transform:scale(.6)}40%{opacity:1;background:#38bdf8;transform:scale(1.15)}}.typing-label-text{color:#64748b;font-size:11px;font-style:italic}.voice-recording-composer-bar{background:#ef444414;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:12px;padding:9px 14px;animation:.15s fadeIn;display:flex}.rec-blinking-dot{background:#ef4444;border-radius:50%;flex-shrink:0;width:9px;height:9px;animation:1s infinite recBlink}@keyframes recBlink{0%,to{opacity:1}50%{opacity:.2}}.rec-time-counter{color:#ef4444;font-variant-numeric:tabular-nums;font-size:12px;font-weight:700}.rec-waveform-bars{flex:1;align-items:center;gap:3px;height:20px;display:flex}.rec-wave{background:#ef4444;border-radius:2px;width:3px}.rec-wave.b1{height:8px;animation:.7s infinite alternate soundWave}.rec-wave.b2{height:16px;animation:.5s infinite alternate soundWave}.rec-wave.b3{height:12px;animation:.9s infinite alternate soundWave}.rec-wave.b4{height:18px;animation:.6s infinite alternate soundWave}.rec-wave.b5{height:10px;animation:.8s infinite alternate soundWave}.rec-wave.b6{height:14px;animation:.55s infinite alternate soundWave}@keyframes soundWave{0%{transform:scaleY(.4)}to{transform:scaleY(1)}}.rec-cancel-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #3f4756;border-radius:6px;padding:5px 12px;font-size:11.5px;transition:all .12s}.rec-cancel-btn:hover{color:#fff;background:#ffffff0d;border-color:#64748b}.rec-send-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:6px;align-items:center;gap:6px;padding:5px 14px;font-size:11.5px;font-weight:600;transition:background .15s;display:flex}.rec-send-btn:hover{background:#dc2626}.audio-bubble-player{align-items:center;gap:10px;min-width:190px;padding:3px 0;display:flex}.audio-play-btn{color:#fff;cursor:pointer;background:#ffffff2e;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.audio-play-btn:hover{background:#ffffff47;transform:scale(1.05)}.audio-wave-bars{flex:1;align-items:center;gap:3px;height:18px;display:flex}.wave-bar{background:#ffffffb3;border-radius:2px;width:2.5px}.wave-bar.w1{height:6px}.wave-bar.w2{height:14px}.wave-bar.w3{height:18px}.wave-bar.w4{height:10px}.wave-bar.w5{height:16px}.wave-bar.w6{height:8px}.wave-bar.w7{height:12px}.audio-dur{color:#ffffffbf;font-variant-numeric:tabular-nums;font-size:11px}.radar-layout-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.radar-top-nav{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 20px;display:flex}.radar-breadcrumbs{align-items:center;gap:6px;font-size:12.5px;display:flex}.radar-top-controls{align-items:center;gap:12px;display:flex}.radar-main-content{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.radar-hero-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.radar-title-group{flex-direction:column;gap:4px;display:flex}.title-row{align-items:center;gap:10px;display:flex}.radar-live-icon{color:#10b981;align-items:center;display:flex}.radio-wave-anim{animation:2s ease-in-out infinite pulseRadar}@keyframes pulseRadar{0%{opacity:.8;transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:.8;transform:scale(.95)}}.radar-main-title{color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:700}.browsing-now-pill{color:#34d399;letter-spacing:.4px;background-color:#10b9811f;border:1px solid #10b98159;border-radius:20px;align-items:center;gap:6px;padding:2px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.ping-dot{background-color:#10b981;border-radius:50%;width:5px;height:5px}.radar-subtitle{color:#8c93a0;max-width:650px;font-size:13px;line-height:1.4}.radar-header-actions{align-items:center;gap:10px;display:flex}.radar-search-input{background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:8px;width:220px;height:34px;padding:0 10px;display:flex}.radar-search-input:focus-within{border-color:#383e4a}.radar-search-input .search-icon{color:#64748b;flex-shrink:0}.radar-search-input input{color:#f1f5f9;background:0 0;width:100%;font-size:12px}.radar-search-input input::placeholder{color:#525866}.radar-refresh-btn{color:#e2e8f0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.radar-refresh-btn:hover{color:#fff;background-color:#20242e;border-color:#383e4a}.refresh-icon{transition:transform .4s}.radar-refresh-btn.refreshing .refresh-icon{transform:rotate(180deg)}.radar-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.metric-card{background-color:#17191e;border:1px solid #262932;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 18px;transition:border-color .15s;display:flex}.metric-card:hover{border-color:#343a47}.metric-content{flex-direction:column;gap:4px;display:flex}.metric-val-row{align-items:baseline;gap:10px;display:flex}.metric-badge{border-radius:12px;align-items:center;gap:4px;padding:2px 7px;font-size:11px;font-weight:600;display:inline-flex}.metric-badge.green{color:#34d399;background:#10b9811f}.dot-green{background:#10b981;border-radius:50%;width:5px;height:5px}.metric-badge.amber{color:#fbbf24;background:#f59e0b1f}.metric-badge.blue{color:#60a5fa;background:#2563eb1f}.metric-subtext{color:#717784;font-size:11.5px}.metric-icon-box{border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.metric-icon-box.green-icon{color:#10b981;background:#10b9811a}.metric-icon-box.amber-icon{color:#f59e0b;background:#f59e0b1a}.metric-icon-box.blue-icon{color:#3b82f6;background:#2563eb1a}.radar-filter-tabs{align-items:center;gap:8px;display:flex}.tab-pill{color:#8c93a0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.tab-pill:hover{color:#fff;background-color:#20242e;border-color:#383e4a}.tab-pill.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:600}.tab-icon-flame{color:#f59e0b}.tab-icon-chat{color:#60a5fa}.radar-table-container{background-color:#17191e;border:1px solid #262932;border-radius:8px;overflow:hidden}.radar-table{border-collapse:collapse;text-align:left;width:100%}.radar-table thead{background-color:#15171b;border-bottom:1px solid #262932}.radar-table th{color:#64748b;letter-spacing:.5px;padding:12px 16px;font-size:10.5px;font-weight:700}.radar-table tbody tr{border-bottom:1px solid #21242d;transition:background-color .12s}.radar-table tbody tr:last-child{border-bottom:none}.radar-table tbody tr:hover{background-color:#1b1e25}.radar-table td{vertical-align:middle;padding:14px 16px}.visitor-cell{align-items:center;gap:10px;display:flex}.visitor-avatar{color:#fff;background-color:#232731;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.visitor-meta{flex-direction:column;gap:2px;display:flex}.visitor-name-badge{align-items:center;gap:6px;display:flex}.vis-name{color:#fff;font-size:13px;font-weight:600}.hot-tag{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b59;border-radius:4px;align-items:center;gap:2px;padding:1px 5px;font-size:9.5px;font-weight:700;display:inline-flex}.vis-ip{color:#64748b;font-family:monospace;font-size:11px}.browsing-cell{flex-direction:column;gap:2px;display:flex}.page-title{color:#fff;font-size:13px;font-weight:600}.page-url-link{color:#60a5fa;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:inline-flex}.page-url-link:hover{text-decoration:underline}.ext-icon{flex-shrink:0}.referrer-cell{color:#8c93a0;align-items:center;gap:6px;font-size:12px;display:flex}.ref-icon{color:#64748b;flex-shrink:0}.ref-text{word-break:break-all}.device-cell{color:#e2e8f0;align-items:center;gap:6px;font-size:12.5px;display:flex}.device-icon{color:#8c93a0;flex-shrink:0}.chat-status-pill{text-transform:capitalize;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.chat-status-pill.active-chat{color:#60a5fa;background-color:#2563eb26;border:1px solid #2563eb4d}.chat-status-pill.just-browsing{color:#8c93a0;background-color:#20232b;border:1px solid #2a2e37}.btn-open-chat{color:#93c5fd;cursor:pointer;background-color:#17263c;border:1px solid #25446e;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-open-chat:hover{color:#fff;background-color:#1e3a68}.btn-proactive-chat{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 2px 8px #ea580c4d}.btn-proactive-chat:hover{filter:brightness(1.1);transform:translateY(-1px)}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.proactive-modal{background-color:#1a1c22;border:1px solid #2a2f3a;border-radius:8px;flex-direction:column;width:480px;animation:.15s ease-out fadeIn;display:flex;overflow:hidden;box-shadow:0 20px 40px #0009}.modal-header{border-bottom:1px solid #262a33;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.modal-header-title{align-items:center;gap:8px;display:flex}.modal-header-title h3{color:#fff;font-size:14px;font-weight:600}.modal-zap{color:#f59e0b}.close-btn{color:#8c93a0;cursor:pointer}.close-btn:hover{color:#fff}.modal-body{flex-direction:column;gap:10px;padding:16px;display:flex}.modal-desc{color:#8c93a0;font-size:12.5px;line-height:1.4}.modal-desc strong{color:#fff}.modal-desc em{color:#60a5fa;font-style:normal}.input-label{color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:700}.modal-textarea{color:#fff;resize:vertical;background-color:#14161a;border:1px solid #262932;border-radius:6px;outline:none;width:100%;padding:10px;font-family:inherit;font-size:12.5px}.modal-textarea:focus{border-color:#3b82f6}.success-banner{color:#34d399;background:#10b98126;border:1px solid #10b98159;border-radius:6px;padding:8px 12px;font-size:12px;font-weight:500}.modal-footer{background-color:#16181d;border-top:1px solid #262a33;justify-content:flex-end;align-items:center;gap:10px;padding:12px 16px;display:flex}.cancel-btn{color:#8c93a0;cursor:pointer;padding:6px 12px;font-size:12px}.cancel-btn:hover{color:#fff}.send-proactive-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f59e0b,#ea580c);border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex;box-shadow:0 2px 8px #ea580c4d}.send-proactive-btn:hover{filter:brightness(1.1)}.callbacks-layout-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.callbacks-top-nav{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 20px;display:flex}.callbacks-breadcrumbs{align-items:center;gap:6px;font-size:12.5px;display:flex}.crumb-muted{color:#64748b}.crumb-arrow{color:#3b4252}.crumb-active{color:#f1f5f9;font-weight:500}.callbacks-top-controls{align-items:center;gap:12px;display:flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.callbacks-main-content{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.callbacks-hero-header{justify-content:space-between;align-items:flex-start;display:flex}.hero-title-group{flex-direction:column;gap:4px;display:flex}.hero-phone-icon{color:#60a5fa;background-color:#2563eb1f;border:1px solid #2563eb4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.refresh-btn-round.spinning svg{animation:.5s spinRound}@keyframes spinRound{0%{transform:rotate(0)}to{transform:rotate(180deg)}}.callbacks-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric-box{background-color:#17191e;border:1px solid #262932;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 18px;transition:border-color .15s;display:flex}.metric-box:hover{border-color:#343a47}.val-dot-row{align-items:baseline;gap:8px;display:flex}.dot-amber{background-color:#f59e0b;border-radius:50%;width:8px;height:8px}.box-sub{color:#717784;font-size:11px}.box-icon-container.amber-icon{color:#f59e0b;background:#f59e0b1a}.callbacks-controls-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.callbacks-tabs{align-items:center;gap:6px;display:flex}.filter-tab{color:#8c93a0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.filter-tab:hover{color:#fff;background-color:#20242e;border-color:#383e4a}.filter-tab.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:600}.callbacks-right-filters{align-items:center;gap:10px;display:flex}.channel-dropdown-wrapper{position:relative}.channel-select-btn{color:#e2e8f0;cursor:pointer;white-space:nowrap;background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 12px;font-size:12px;transition:all .15s;display:flex}.channel-select-btn:hover{background-color:#20242e;border-color:#383e4a}.channel-select-btn .chevron{color:#8c93a0}.channel-menu{z-index:50;background-color:#1a1c22;border:1px solid #2a2f3a;border-radius:6px;flex-direction:column;gap:2px;width:160px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px #00000080}.channel-menu button{color:#8c93a0;text-align:left;cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;width:100%;padding:6px 10px;font-size:11.5px;display:flex}.channel-menu button:hover{color:#fff;background-color:#232732}.leads-search-input{background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:8px;width:220px;height:34px;padding:0 10px;display:flex}.leads-search-input:focus-within{border-color:#383e4a}.leads-search-input .search-icon{color:#64748b;flex-shrink:0}.leads-search-input input{color:#f1f5f9;background:0 0;width:100%;font-size:12px}.leads-search-input input::placeholder{color:#525866}.leads-list-container{flex-direction:column;gap:10px;display:flex}.no-leads-found{text-align:center;color:#64748b;background-color:#17191e;border:1px solid #262932;border-radius:8px;padding:40px;font-size:13px}.lead-card{background-color:#17191e;border:1px solid #262932;border-radius:8px;align-items:center;gap:16px;padding:16px 20px;transition:all .15s;display:flex}.lead-card:hover{background-color:#1a1d24;border-color:#333946}.lead-channel-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.lead-channel-icon.whatsapp-icon{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.lead-channel-icon.phone-icon{color:#3b82f6;background:#2563eb1f;border:1px solid #2563eb4d}.lead-main-details{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.lead-title-row{align-items:center;gap:8px;display:flex}.lead-visitor-id{color:#fff;font-size:14px;font-weight:600}.lead-type-badge{letter-spacing:.4px;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.lead-type-badge.badge-whatsapp{color:#34d399;background-color:#10b98126;border:1px solid #10b98159}.lead-type-badge.badge-phone{color:#60a5fa;background-color:#2563eb26;border:1px solid #2563eb59}.lead-time{color:#64748b;align-items:center;gap:4px;margin-left:4px;font-size:11px;display:flex}.time-clock{flex-shrink:0}.lead-actions-row{align-items:center;gap:8px;display:flex}.lead-phone-text{color:#e2e8f0;font-family:monospace;font-size:12.5px;font-weight:600}.quick-action-btn{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:500;text-decoration:none;transition:all .12s;display:inline-flex}.quick-action-btn.dial-btn{color:#93c5fd;background-color:#1a1e27;border:1px solid #283040}.quick-action-btn.dial-btn:hover{color:#fff;background-color:#242c3d}.quick-action-btn.wa-btn{color:#34d399;background-color:#10b9811a;border:1px solid #10b9814d}.quick-action-btn.wa-btn:hover{color:#fff;background-color:#10b98133}.lead-note-box{align-items:center;display:flex}.note-display-row{color:#8c93a0;cursor:pointer;border-radius:4px;align-items:center;gap:6px;padding:2px 4px;font-size:12px;transition:background-color .12s;display:inline-flex}.note-display-row:hover{color:#fff;background-color:#20242e}.note-pen-icon{color:#64748b}.note-text{font-style:italic}.note-edit-row{align-items:center;gap:6px;width:100%;display:flex}.note-input{color:#fff;background-color:#14161a;border:1px solid #3b82f6;border-radius:4px;outline:none;flex:1;max-width:450px;padding:4px 8px;font-size:11.5px}.save-note-btn{color:#fff;cursor:pointer;background-color:#10b981;border-radius:4px;padding:3px 8px;font-size:11px}.cancel-note-btn{color:#8c93a0;cursor:pointer;padding:3px 8px;font-size:11px}.lead-right-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.lead-status-dropdown-wrapper{position:relative}.status-badge-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:5px 11px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.status-bullet{border-radius:50%;width:6px;height:6px}.status-badge-btn.status-pending{color:#fbbf24;background-color:#f59e0b1f;border:1px solid #f59e0b59}.status-badge-btn.status-pending .status-bullet{background-color:#f59e0b}.status-badge-btn.status-in_progress{color:#c084fc;background-color:#8b5cf61f;border:1px solid #8b5cf659}.status-badge-btn.status-in_progress .status-bullet{background-color:#8b5cf6}.status-badge-btn.status-completed{color:#34d399;background-color:#10b9811f;border:1px solid #10b98159}.status-badge-btn.status-completed .status-bullet{background-color:#10b981}.status-badge-btn.status-no_answer{color:#8c93a0;background-color:#20232b;border:1px solid #2a2e37}.status-badge-btn.status-no_answer .status-bullet{background-color:#64748b}.status-label-capitalize{text-transform:capitalize}.status-badge-btn .chevron{color:inherit;opacity:.7}.lead-status-menu{z-index:50;background-color:#1a1c22;border:1px solid #2a2f3a;border-radius:6px;flex-direction:column;gap:2px;width:140px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 10px 25px #00000080}.lead-status-menu button{color:#8c93a0;text-align:left;cursor:pointer;border-radius:4px;align-items:center;gap:7px;width:100%;padding:6px 8px;font-size:11.5px;display:flex}.lead-status-menu button:hover{color:#fff;background-color:#232732}.lead-status-menu .dot{border-radius:50%;width:6px;height:6px}.lead-status-menu .dot-pending{background-color:#f59e0b}.lead-status-menu .dot-progress{background-color:#8b5cf6}.lead-status-menu .dot-completed{background-color:#10b981}.lead-status-menu .dot-noanswer{background-color:#64748b}.lead-status-menu svg{margin-left:auto}.btn-view-chat{color:#93c5fd;cursor:pointer;background-color:#17263c;border:1px solid #25446e;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.btn-view-chat:hover{color:#fff;background-color:#1e3a68}.btn-delete-lead{color:#717784;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.btn-delete-lead:hover{color:#ef4444;background-color:#ef44441f;border-color:#ef44444d}.crm-layout-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.crm-top-nav{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 20px;display:flex}.crm-breadcrumbs{align-items:center;gap:6px;font-size:12.5px;display:flex}.crm-breadcrumbs .crumb-muted{color:#64748b}.crm-breadcrumbs .crumb-arrow{color:#3b4252}.crm-breadcrumbs .crumb-active{color:#f1f5f9;font-weight:500}.crm-top-controls{align-items:center;gap:12px;display:flex}.crm-main-content{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.crm-hero-header{justify-content:space-between;align-items:flex-start;display:flex}.crm-title-group{flex-direction:column;gap:4px;display:flex}.hero-crm-icon{color:#60a5fa;background-color:#2563eb1f;border:1px solid #2563eb4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.crm-profiles-pill{color:#60a5fa;letter-spacing:.5px;background-color:#2563eb26;border:1px solid #2563eb4d;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.crm-header-actions{align-items:center;gap:10px;display:flex}.btn-export-csv{color:#e2e8f0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:7px;height:34px;padding:0 14px;font-size:12.5px;font-weight:500;transition:all .15s;display:flex}.btn-export-csv:hover{color:#fff;background-color:#20242e;border-color:#383e4a}.btn-add-contact{background-color:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.btn-add-contact:hover{background-color:#1d4ed8;border-color:#1d4ed8}.crm-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.crm-metric-box{background-color:#17191e;border:1px solid #262932;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .15s;display:flex}.crm-metric-box:hover{border-color:#343a47}.metric-box-content{flex-direction:column;gap:6px;display:flex}.box-label{color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:700}.box-val{color:#fff;font-size:26px;font-weight:700;line-height:1}.box-val-gradient{color:#c084fc;background:linear-gradient(135deg,#c084fc 0%,#e879f9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:22px;font-weight:700;line-height:1}.box-icon-container{border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.box-icon-container.blue-icon{color:#3b82f6;background:#2563eb1f}.box-icon-container.green-icon{color:#10b981;background:#10b9811f}.box-icon-container.purple-icon{color:#c084fc;background:#a855f71f}.crm-controls-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.crm-filter-tabs{align-items:center;gap:6px;display:flex}.filter-pill{color:#8c93a0;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s}.filter-pill:hover{color:#fff;background-color:#20242e;border-color:#383e4a}.filter-pill.active{background-color:var(--accent-blue);border-color:var(--accent-blue);color:#fff;font-weight:600}.crm-search-input{background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:8px;width:260px;height:34px;padding:0 12px;display:flex}.crm-search-input:focus-within{border-color:#383e4a}.crm-search-input .search-icon{color:#64748b;flex-shrink:0}.crm-search-input input{color:#f1f5f9;background:0 0;width:100%;font-size:12px}.crm-search-input input::placeholder{color:#525866}.crm-table-container{background-color:#17191e;border:1px solid #262932;border-radius:8px;overflow:hidden}.crm-table{border-collapse:collapse;text-align:left;width:100%}.crm-table thead{background-color:#14161b;border-bottom:1px solid #262932}.crm-table th{color:#64748b;letter-spacing:.5px;text-transform:uppercase;padding:12px 18px;font-size:10.5px;font-weight:700}.crm-table tbody tr{border-bottom:1px solid #1f2229;transition:background-color .12s}.crm-table tbody tr:last-child{border-bottom:none}.crm-table tbody tr:hover{background-color:#1b1e25}.crm-table td{vertical-align:middle;padding:13px 18px;font-size:12.5px}.col-contact{width:25%}.contact-cell-content{align-items:center;gap:12px;display:flex}.contact-avatar{color:#fff;background:#2563eb;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:13px;font-weight:600;display:flex}.contact-info-col{flex-direction:column;gap:2px;display:flex}.contact-name{color:#fff;font-weight:600}.contact-source{color:#64748b;font-size:11px}.col-email{width:22%}.email-row{color:#cbd5e1;align-items:center;gap:6px;display:flex}.cell-icon-mail{color:#64748b;flex-shrink:0}.email-text{font-size:12px}.text-muted-italic{color:#525866;font-size:12px;font-style:italic}.col-phone{width:16%}.phone-row{color:#cbd5e1;align-items:center;gap:6px;display:flex}.cell-icon-phone{color:#64748b;flex-shrink:0}.phone-text{font-size:12px}.dash-muted{color:#475569}.col-tickets{width:11%}.ticket-pill{color:#94a3b8;background-color:#121418;border:1px solid #282c35;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.col-lastactive{width:14%}.last-active-text{color:#717784;font-size:11.5px}.col-actions{text-align:right;width:12%}.action-buttons-group{justify-content:flex-end;align-items:center;gap:6px;display:flex}.btn-chat-action{color:#94a3b8;cursor:pointer;background-color:#0000;border:1px solid #2d323e;border-radius:6px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-chat-action:hover{color:#fff;background-color:#212530;border-color:#3b82f6}.btn-chevron-action{color:#64748b;cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-chevron-action:hover{color:#fff;background-color:#212530;border-color:#2d323e}.no-contacts-cell{text-align:center;color:#64748b;padding:36px;font-size:13px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-card{background-color:#17191e;border:1px solid #2a2f3a;border-radius:10px;width:440px;animation:.18s ease-out modalScale;overflow:hidden;box-shadow:0 20px 40px #0009}.drawer-card{background-color:#17191e;border:1px solid #2a2f3a;border-radius:10px;width:420px;animation:.18s ease-out modalScale;overflow:hidden;box-shadow:0 20px 40px #0009}@keyframes modalScale{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header,.drawer-header{background-color:#14161a;border-bottom:1px solid #262932;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-row,.drawer-title-row{align-items:center;gap:10px;display:flex}.modal-title-row h3,.drawer-name{color:#fff;font-size:15px;font-weight:600}.drawer-sub{color:#64748b;font-size:11px}.drawer-avatar{color:#fff;background-color:#2563eb;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;font-weight:600;display:flex}.modal-close-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.form-group{flex-direction:column;gap:6px;display:flex}.form-group label{color:#94a3b8;font-size:11.5px;font-weight:600}.form-group input,.channel-select-input{color:#fff;background-color:#121316;border:1px solid #282c35;border-radius:6px;outline:none;padding:8px 12px;font-size:12.5px;transition:border-color .15s}.form-group input:focus,.channel-select-input:focus{border-color:var(--accent-blue)}.modal-footer-btns{justify-content:flex-end;align-items:center;gap:10px;margin-top:10px;display:flex}.btn-cancel{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #282c35;border-radius:6px;padding:7px 14px;font-size:12px;transition:all .15s}.btn-submit{background-color:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;cursor:pointer;border-radius:6px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s}.btn-submit:hover{background-color:#1d4ed8}.drawer-body{flex-direction:column;gap:18px;padding:20px;display:flex}.detail-section{background-color:#131519;border:1px solid #222630;border-radius:8px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.detail-title{color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:700}.detail-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.detail-label{color:#94a3b8}.detail-val{color:#fff;font-weight:500}.detail-val.accent-val{color:#60a5fa}.code-font{color:#a5b4fc;font-family:monospace;font-size:11.5px}.sync-badge{border-radius:10px;padding:2px 7px;font-size:10.5px;font-weight:600}.sync-badge.synced{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.sync-badge.not-synced{color:#94a3b8;background:#64748b26;border:1px solid #64748b4d}.drawer-actions-row{margin-top:4px}.drawer-chat-btn{background-color:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:8px;width:100%;padding:9px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.drawer-chat-btn:hover{background-color:#1d4ed8}.ai-layout-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.ai-top-nav{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 20px;display:flex}.ai-breadcrumbs{align-items:center;gap:6px;font-size:12.5px;display:flex}.ai-breadcrumbs .crumb-muted{color:#64748b}.ai-breadcrumbs .crumb-arrow{color:#3b4252}.ai-breadcrumbs .crumb-active{color:#f1f5f9;font-weight:500}.ai-top-controls{align-items:center;gap:12px;display:flex}.presence-pill{color:#34d399;background:#10b98114;border:1px solid #10b9814d;border-radius:20px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:500;display:flex}.presence-pill .pulse-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.alerts-badge{color:#60a5fa;background:#1f69ff14;border:1px solid #1f69ff59;border-radius:20px;align-items:center;padding:3px 10px;font-size:11.5px;font-weight:500;display:flex}.admin-badge{color:#8c93a0;letter-spacing:.5px;background-color:#1c1f26;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.ai-subnav-bar{border-bottom:1px solid var(--border-subtle);background-color:#131418;flex-shrink:0;align-items:center;gap:6px;padding:8px 24px;display:flex;overflow-x:auto}.subnav-item{color:#8c93a0;cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;border-radius:20px;align-items:center;gap:7px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.subnav-item:hover{color:#fff;background-color:#1c1f26}.subnav-item.active{color:#fff;background-color:#0051c5;border-color:#0051c5;font-weight:500}.ai-main-content{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.ai-hero-header{justify-content:space-between;align-items:flex-start;display:flex}.ai-title-group{flex-direction:column;gap:4px;display:flex}.hero-bot-icon{color:#10b981;background-color:#10b9811f;border:1px solid #10b98159;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hero-main-title{color:#fff;letter-spacing:-.3px;font-size:20px;font-weight:700}.ai-model-pill{color:#34d399;letter-spacing:.5px;background-color:#10b98126;border:1px solid #10b98159;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.hero-subtitle{color:#8c93a0;font-size:13px;line-height:1.4}.btn-save-ai{background-color:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.btn-save-ai:hover{background-color:#1d4ed8;border-color:#1d4ed8}.btn-save-ai.success{background-color:#10b981;border-color:#10b981}.ai-card{background-color:#17191e;border:1px solid #262932;border-radius:8px;flex-direction:column;gap:16px;padding:20px 24px;transition:border-color .15s;display:flex}.ai-card:hover{border-color:#343a47}.card-top-row{justify-content:space-between;align-items:flex-start;display:flex}.card-title-col{flex-direction:column;gap:3px;display:flex}.card-title-row{align-items:center;gap:10px;display:flex}.card-title{color:#fff;font-size:15px;font-weight:600}.ai-status-pill{letter-spacing:.5px;border-radius:10px;padding:2px 7px;font-size:9.5px;font-weight:700}.ai-status-pill.enabled{color:#34d399;background:#10b98126;border:1px solid #10b98159}.ai-status-pill.disabled{color:#94a3b8;background:#64748b26;border:1px solid #64748b59}.card-subtitle{color:#717784;font-size:12px}.toggle-switch-btn.on{background-color:#10b981;border-color:#10b981}.toggle-switch-btn.off{background-color:#232732;border-color:#323846}.toggle-thumb{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0000004d}.form-two-col{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-field{flex-direction:column;gap:6px;display:flex}.ai-input{color:#fff;background-color:#121316;border:1px solid #282c35;border-radius:6px;outline:none;height:38px;padding:0 14px;font-size:12.5px;transition:border-color .15s}.ai-input:focus{border-color:var(--accent-blue)}.channels-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.channel-box{background-color:#14161a;border:1px solid #242832;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.channel-info-row{align-items:center;gap:12px;display:flex}.channel-icon-avatar{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.channel-icon-avatar.orange-bg{color:#fb923c;background:#f9731626;border:1px solid #f973164d}.channel-icon-avatar.blue-bg{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d}.channel-text-col{flex-direction:column;gap:2px;display:flex}.channel-name{color:#fff;font-size:13px;font-weight:600}.channel-type{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700}.training-tab-pills{background-color:#121316;border:1px solid #262932;border-radius:6px;align-items:center;gap:4px;padding:3px;display:flex}.training-tab-pills .tab-btn{color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.training-tab-pills .tab-btn.active{color:#fff;background-color:#212530;font-weight:600}.editor-sub-bar{justify-content:space-between;align-items:center;padding:0 4px;display:flex}.editor-hint{color:#64748b;font-size:11px}.char-badge{color:#2dd4bf;font-family:monospace;font-size:11px}.code-editor-wrapper{background-color:#111216;border:1px solid #242730;border-radius:6px;overflow:hidden}.code-editor-textarea{color:#a5b4fc;resize:vertical;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;width:100%;min-height:340px;padding:16px 20px;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:12.5px;line-height:1.6}.channels-section-stack{flex-direction:column;gap:20px;display:flex}.channels-hero-header{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.channels-title-group{flex-direction:column;gap:4px;display:flex}.hero-inbox-icon{color:#38bdf8;background-color:#38bdf81f;border:1px solid #38bdf859;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.channels-badge-pill{color:#60a5fa;letter-spacing:.5px;background-color:#1f69ff26;border:1px solid #1f69ff59;border-radius:12px;padding:3px 8px;font-size:10px;font-weight:700}.btn-add-channel{color:#fff;cursor:pointer;white-space:nowrap;background-color:#0051c5;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.btn-add-channel:hover{background-color:#003ea1}.channel-detail-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:16px;padding:20px 24px;display:flex;box-shadow:0 4px 14px #00000040}.channel-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.channel-card-left{align-items:center;gap:14px;display:flex}.channel-squircle-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.channel-squircle-icon.email-squircle{color:#f97316;background:#f9731624;border:1px solid #f9731659}.channel-squircle-icon.web-squircle{color:#38bdf8;background:#38bdf824;border:1px solid #38bdf859}.channel-titles{flex-direction:column;gap:3px;display:flex}.channel-name-row{align-items:center;gap:8px;display:flex}.channel-card-name{color:#fff;font-size:14.5px;font-weight:700}.channel-type-pill{letter-spacing:.4px;border-radius:10px;padding:2px 7px;font-size:9.5px;font-weight:700}.channel-type-pill.pill-email{color:#fbbf24;background:#f59e0b2e;border:1px solid #f59e0b59}.channel-type-pill.pill-web{color:#60a5fa;background:#3b82f62e;border:1px solid #3b82f659}.channel-meta-sub{color:#64748b;font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px}.channel-card-actions{align-items:center;gap:8px;display:flex}.channel-action-btn{color:#e2e8f0;cursor:pointer;background-color:#17191e;border:1px solid #282c37;border-radius:5px;align-items:center;gap:5px;padding:6px 12px;font-size:11.5px;font-weight:500;transition:all .15s;display:flex}.channel-action-btn:hover{color:#fff;background-color:#212530;border-color:#3b4252}.channel-action-btn.delete-btn{color:#f87171;background-color:#ef44440f;border-color:#ef444440}.channel-action-btn.delete-btn:hover{background-color:#ef444426;border-color:#ef444473}.channel-specs-grid{background-color:#111216;border:1px solid #21242d;border-radius:6px;grid-template-columns:1fr 1fr;gap:16px;padding:12px 16px;display:grid}.spec-box{flex-direction:column;gap:3px;display:flex}.spec-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700}.spec-value{color:#e2e8f0;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.theme-color-val{align-items:center;gap:6px;display:flex}.color-swatch-dot{background-color:#0051c5;border-radius:50%;width:9px;height:9px;display:inline-block}.embed-script-section{background-color:#111216;border:1px solid #21242d;border-radius:6px;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.embed-header-row{justify-content:space-between;align-items:center;display:flex}.embed-label-title{color:#94a3b8;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.copy-script-btn{color:#38bdf8;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:2px 6px;font-size:11.5px;font-weight:600;transition:all .15s;display:flex}.copy-script-btn:hover{color:#7dd3fc;background-color:#38bdf81a}.embed-code-block{color:#e2e8f0;-webkit-user-select:text;user-select:text;background-color:#0a0b0e;border:1px solid #1a1c23;border-radius:5px;margin:0;padding:10px 12px;font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px;line-height:1.5;overflow-x:auto}.agents-section-stack{flex-direction:column;gap:20px;display:flex}.roles-info-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;align-items:center;gap:24px;padding:16px 24px;display:flex}.role-explainer-item{flex:1;align-items:center;gap:12px;display:flex}.role-icon-box{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.role-icon-box.purple{color:#c084fc;background:#a855f726;border:1px solid #a855f759}.role-icon-box.blue{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659}.role-text-box{flex-direction:column;gap:2px;display:flex}.role-heading{color:#fff;font-size:13px;font-weight:700}.role-desc{color:#8c93a0;font-size:11.5px;line-height:1.4}.role-divider-line{background-color:#232731;width:1px;height:34px}.agents-table-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;overflow:hidden;box-shadow:0 4px 14px #00000040}.agents-data-table{border-collapse:collapse;text-align:left;width:100%}.agents-data-table th{color:#64748b;letter-spacing:.5px;background-color:#121316;border-bottom:1px solid #20242e;padding:12px 20px;font-size:11px;font-weight:700}.agents-data-table td{vertical-align:middle;border-bottom:1px solid #1c1f26;padding:14px 20px}.agent-row:hover{background-color:#ffffff05}.agent-avatar-wrap{flex-shrink:0;width:36px;height:36px;position:relative}.agent-avatar-img{object-fit:cover;border:1px solid #2c3240;border-radius:50%;width:100%;height:100%}.agent-meta-col{flex-direction:column;gap:2px;display:flex}.agent-name-text{color:#fff;font-size:13.5px;font-weight:600}.agent-email-text{color:#64748b;font-family:JetBrains Mono,Consolas,monospace;font-size:11.5px}.agent-role-pill{letter-spacing:.3px;border-radius:12px;padding:3px 9px;font-size:10.5px;font-weight:700;display:inline-block}.agent-role-pill.role-admin{color:#c084fc;background:#a855f726;border:1px solid #a855f759}.agent-role-pill.role-lead{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f659}.agent-role-pill.role-agent{color:#2dd4bf;background:#14b8a626;border:1px solid #14b8a659}.agent-inboxes-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inbox-badge-tag{color:#94a3b8;background-color:#1c1f26;border:1px solid #282c37;border-radius:4px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.agent-status-badge{color:#34d399;background-color:#10b9811a;border:1px solid #10b9814d;border-radius:12px;align-items:center;gap:6px;padding:3px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.green-dot{background-color:#10b981;border-radius:50%;width:6px;height:6px}.agent-action-buttons{align-items:center;gap:6px;display:inline-flex}.custom-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-modal-dialog{background-color:#16181d;border:1px solid #282d38;border-radius:10px;flex-direction:column;width:100%;max-width:480px;animation:.2s modalFadeIn;display:flex;overflow:hidden;box-shadow:0 10px 30px #0009}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-header-row{background-color:#131418;border-bottom:1px solid #232731;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title-wrap{align-items:center;gap:8px;display:flex}.modal-icon{color:#38bdf8}.modal-title{color:#fff;font-size:14.5px;font-weight:700}.modal-close-btn{color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.modal-close-btn:hover{color:#fff;background-color:#1f232b}.modal-form-body{flex-direction:column;gap:16px;padding:20px;display:flex}.form-input-group{flex-direction:column;gap:6px;display:flex}.form-input-group label{color:#8c93a0;letter-spacing:.5px;font-size:10.5px;font-weight:700}.modal-text-input,.modal-select-input,.modal-textarea-input{color:#fff;background-color:#0e0f12;border:1px solid #262a34;border-radius:6px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.modal-text-input:focus,.modal-select-input:focus,.modal-textarea-input:focus{border-color:#0051c5}.modal-textarea-input{resize:vertical;font-family:inherit}.modal-actions-row{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.btn-cancel{color:#8c93a0;cursor:pointer;background:0 0;border:1px solid #282c37;border-radius:6px;padding:8px 16px;font-size:12.5px;font-weight:500}.btn-cancel:hover{color:#fff;background-color:#1c1f26}.canned-section-stack{flex-direction:column;gap:20px;display:flex}.canned-controls-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.canned-search-box{background-color:#121316;border:1px solid #242730;border-radius:6px;flex:1;align-items:center;gap:8px;max-width:380px;padding:6px 12px;display:flex}.canned-search-box .search-icon{color:#64748b}.canned-search-input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:12.5px}.canned-category-pills{align-items:center;gap:6px;display:flex;overflow-x:auto}.cat-pill-btn{color:#8c93a0;cursor:pointer;white-space:nowrap;background-color:#131418;border:1px solid #242730;border-radius:20px;padding:5px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.cat-pill-btn:hover{color:#fff;border-color:#3b4252}.cat-pill-btn.active{color:#fff;background-color:#0051c5;border-color:#0051c5;font-weight:600}.canned-grid-cards{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px;display:grid}.canned-card-item{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:12px;padding:18px 20px;transition:transform .15s,border-color .15s;display:flex;box-shadow:0 4px 14px #0003}.canned-card-item:hover{border-color:#383f4f;transform:translateY(-1px)}.canned-card-header{justify-content:space-between;align-items:center;display:flex}.shortcut-code-pill{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:4px;padding:2px 8px;font-family:JetBrains Mono,Consolas,monospace;font-size:13.5px;font-weight:700}.shortcut-category-badge{color:#94a3b8;letter-spacing:.3px;background-color:#1c1f26;border:1px solid #282c37;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.shortcut-text-preview{color:#cbd5e1;white-space:pre-line;flex:1;font-size:12.5px;line-height:1.55}.shortcut-card-footer{border-top:1px solid #1f222b;justify-content:space-between;align-items:center;padding-top:10px;display:flex}.copy-shortcut-btn{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #282c37;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:11.5px;font-weight:500;transition:all .15s;display:inline-flex}.copy-shortcut-btn:hover{color:#fff;background-color:#1f232c;border-color:#3b4252}.copy-shortcut-btn.copied{color:#22c55e;background-color:#22c55e1a;border-color:#22c55e66}.delete-shortcut-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;transition:color .15s}.delete-shortcut-btn:hover{color:#f87171}.whmcs-section-stack{flex-direction:column;gap:20px;display:flex}.sync-success-banner{color:#4ade80;background-color:#22c55e1f;border:1px solid #22c55e59;border-radius:6px;align-items:center;gap:8px;padding:10px 16px;font-size:12.5px;font-weight:500;animation:.2s modalFadeIn;display:flex}.whmcs-kpi-card{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:8px;flex-direction:column;gap:4px;padding:16px 20px;display:flex;box-shadow:0 4px 14px #0003}.whmcs-kpi-card .kpi-label{color:#64748b;letter-spacing:.5px;font-size:10px;font-weight:700}.whmcs-kpi-card .kpi-val{color:#fff;font-size:18px;font-weight:700}.whmcs-kpi-card .kpi-val.green-text{color:#34d399}.whmcs-kpi-card .kpi-val.cyan-text{color:#38bdf8}.whmcs-kpi-card .kpi-sub{color:#8c93a0;font-size:11px}.secret-reveal-row{align-items:center;gap:8px;display:flex}.eye-btn{color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 4px}.eye-btn:hover{color:#fff}.whmcs-toggles-section{border-top:1px solid #1f222b;flex-direction:column;gap:12px;margin-top:8px;padding-top:14px;display:flex}.sub-heading-text{color:#fff;margin:0;font-size:13px;font-weight:700}.toggles-2col{grid-template-columns:1fr 1fr;gap:14px;display:grid}.module-toggle-item{background-color:#111216;border:1px solid #20242e;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.module-info{flex-direction:column;gap:2px;display:flex}.module-name{color:#fff;font-size:12.5px;font-weight:600}.module-desc{color:#64748b;font-size:11px;line-height:1.35}@keyframes spinAnim{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.email-section-stack{flex-direction:column;gap:20px;display:flex}.email-triggers-list{flex-direction:column;gap:10px;margin-top:6px;display:flex}.email-trigger-row{background-color:#111216;border:1px solid #20242e;border-radius:6px;justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.trigger-text-col{flex-direction:column;gap:2px;display:flex}.trigger-title{color:#fff;font-size:13px;font-weight:600}.trigger-sub{color:#64748b;font-size:11.5px}.webhook-input-row{align-items:center;gap:10px;margin-top:8px;display:flex}.advanced-section-stack{flex-direction:column;gap:20px;display:flex}.companies-layout-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.companies-top-nav{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 20px;display:flex}.companies-breadcrumbs{align-items:center;gap:6px;font-size:12.5px;display:flex}.companies-breadcrumbs .crumb-muted{color:#64748b}.companies-breadcrumbs .crumb-arrow{color:#3b4252}.companies-breadcrumbs .crumb-active{color:#f1f5f9;font-weight:500}.companies-top-controls{align-items:center;gap:12px;display:flex}.companies-main-content{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.companies-hero-header{justify-content:space-between;align-items:flex-start;display:flex}.companies-title-group{flex-direction:column;gap:4px;display:flex}.hero-comp-icon{color:#60a5fa;background-color:#2563eb1f;border:1px solid #2563eb4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.companies-pill{color:#60a5fa;letter-spacing:.5px;background-color:#2563eb26;border:1px solid #2563eb4d;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.companies-header-actions{align-items:center;gap:10px;display:flex}.btn-add-company{background-color:var(--accent-blue);border:1px solid var(--accent-blue);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;height:34px;padding:0 14px;font-size:12.5px;font-weight:600;transition:all .15s;display:flex}.btn-add-company:hover{background-color:#1d4ed8}.companies-metrics-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.company-metric-box{background-color:#17191e;border:1px solid #262932;border-radius:8px;justify-content:space-between;align-items:center;padding:16px 20px;transition:border-color .15s;display:flex}.company-metric-box:hover{border-color:#343a47}.companies-controls-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.companies-filter-tabs{align-items:center;gap:6px;display:flex}.companies-search-input{background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:8px;width:270px;height:34px;padding:0 12px;display:flex}.companies-search-input:focus-within{border-color:#383e4a}.companies-search-input .search-icon{color:#64748b;flex-shrink:0}.companies-search-input input{color:#f1f5f9;background:0 0;width:100%;font-size:12px}.companies-search-input input::placeholder{color:#525866}.companies-table-container{background-color:#17191e;border:1px solid #262932;border-radius:8px;overflow:hidden}.companies-table{border-collapse:collapse;text-align:left;width:100%}.companies-table thead{background-color:#14161b;border-bottom:1px solid #262932}.companies-table th{color:#64748b;letter-spacing:.5px;text-transform:uppercase;padding:12px 18px;font-size:10.5px;font-weight:700}.companies-table tbody tr{border-bottom:1px solid #1f2229;transition:background-color .12s}.companies-table tbody tr:last-child{border-bottom:none}.companies-table tbody tr:hover{background-color:#1b1e25}.companies-table td{vertical-align:middle;padding:13px 18px;font-size:12.5px}.col-comp-name{width:22%}.comp-cell-content{align-items:center;gap:12px;display:flex}.comp-avatar{color:#60a5fa;background:#1e2433;border:1px solid #2f3b52;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.comp-info-col{flex-direction:column;gap:2px;display:flex}.comp-title{color:#fff;font-weight:600}.comp-whmcs{color:#64748b;font-family:monospace;font-size:10.5px}.col-comp-domain{width:18%}.domain-row{color:#cbd5e1;align-items:center;gap:6px;display:flex}.cell-icon-domain{color:#64748b}.domain-text{color:#94a3b8;font-size:12px}.col-comp-industry{width:18%}.industry-text{color:#8c93a0;font-size:12px}.col-comp-contacts{width:12%}.contacts-pill{color:#cbd5e1;background-color:#131519;border:1px solid #252932;border-radius:12px;align-items:center;gap:5px;padding:3px 8px;font-size:11px;display:inline-flex}.col-comp-tier{width:16%}.tier-badge{border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500;display:inline-block}.tier-badge.tier-enterprise{color:#c084fc;background:#a855f71f;border:1px solid #a855f74d}.tier-badge.tier-dedicated{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb4d}.tier-badge.tier-cloud{color:#34d399;background:#10b9811f;border:1px solid #10b9814d}.col-comp-tickets{width:8%}.ticket-pill-status{border-radius:4px;padding:3px 7px;font-size:11px;font-weight:500;display:inline-block}.ticket-pill-status.zero-open{color:#64748b;background-color:#131518;border:1px solid #232731}.ticket-pill-status.has-open{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b4d}.col-comp-actions{text-align:right;width:10%}.no-companies-cell{text-align:center;color:#64748b;padding:36px;font-size:13px}.drawer-comp-avatar{color:#60a5fa;background-color:#1e2433;border:1px solid #2f3b52;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.reports-layout-wrapper{background-color:var(--bg-main);-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow-y:auto}.reports-top-nav{border-bottom:1px solid var(--border-subtle);background-color:var(--bg-main);flex-shrink:0;justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 20px;display:flex}.reports-breadcrumbs{align-items:center;gap:6px;font-size:12.5px;display:flex}.reports-breadcrumbs .crumb-muted{color:#64748b}.reports-breadcrumbs .crumb-arrow{color:#3b4252}.reports-breadcrumbs .crumb-active{color:#f1f5f9;font-weight:500}.reports-top-controls{align-items:center;gap:12px;display:flex}.reports-main-content{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex}.reports-hero-header{justify-content:space-between;align-items:flex-start;display:flex}.reports-title-group{flex-direction:column;gap:4px;display:flex}.hero-reports-icon{color:#60a5fa;background-color:#2563eb1f;border:1px solid #2563eb4d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.reports-badge-pill{color:#60a5fa;letter-spacing:.5px;background-color:#2563eb26;border:1px solid #2563eb4d;border-radius:12px;padding:2px 8px;font-size:10px;font-weight:700}.reports-header-actions{align-items:center;gap:10px;display:flex}.range-filter-group{background-color:#17191e;border:1px solid #262932;border-radius:6px;align-items:center;gap:4px;padding:2px;display:flex}.range-btn{color:#8c93a0;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:11.5px;font-weight:500;transition:all .15s}.range-btn:hover{color:#fff}.range-btn.active{background-color:var(--accent-blue);color:#fff;font-weight:600}.reports-metrics-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.rep-metric-card{background-color:#17191e;border:1px solid #262932;border-radius:8px;flex-direction:column;gap:8px;padding:18px 20px;transition:border-color .15s;display:flex}.rep-metric-card:hover{border-color:#343a47}.metric-header-row{justify-content:space-between;align-items:center;display:flex}.metric-label{color:#64748b;letter-spacing:.5px;font-size:10.5px;font-weight:700}.icon-pill{border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon-pill.blue{color:#60a5fa;background:#2563eb1f}.icon-pill.amber{color:#fbbf24;background:#f59e0b1f}.icon-pill.purple{color:#c084fc;background:#a855f71f}.icon-pill.green{color:#34d399;background:#10b9811f}.metric-value-row{align-items:baseline;gap:10px;display:flex}.metric-number{color:#fff;font-size:26px;font-weight:700;line-height:1}.metric-number .denom{color:#64748b;font-size:14px;font-weight:500}.trend-pill{border-radius:10px;align-items:center;gap:3px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-flex}.trend-pill.positive{color:#34d399;background:#10b98126}.trend-pill.neutral{color:#60a5fa;background:#3b82f626}.metric-footer-note{color:#64748b;font-size:11px}.charts-split-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.chart-box{background-color:#17191e;border:1px solid #262932;border-radius:8px;flex-direction:column;gap:16px;padding:20px 22px;display:flex}.chart-header{justify-content:space-between;align-items:flex-start;display:flex}.chart-title{color:#fff;font-size:14.5px;font-weight:600}.chart-sub{color:#64748b;font-size:11.5px}.chart-stat-badge{color:#94a3b8;background-color:#131518;border:1px solid #232731;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:600}.timeline-svg-container{flex-direction:column;gap:10px;display:flex}.chart-svg{width:100%;height:150px;overflow:visible}.days-labels-row{color:#64748b;justify-content:space-between;align-items:center;padding:0 10px;font-size:10.5px;display:flex}.channel-bars-list{flex-direction:column;gap:18px;padding:10px 0;display:flex}.channel-bar-item{flex-direction:column;gap:6px;display:flex}.bar-info-row{justify-content:space-between;align-items:center;display:flex}.channel-name-group{align-items:center;gap:8px;display:flex}.channel-name-group .icon-blue{color:#60a5fa}.channel-name-group .icon-green{color:#34d399}.channel-name-group .icon-orange{color:#fb923c}.channel-title{color:#e2e8f0;font-size:12.5px;font-weight:500}.channel-count{color:#94a3b8;font-size:11.5px;font-weight:600}.bar-track{background-color:#121418;border-radius:4px;width:100%;height:7px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s}.bar-fill.blue-fill{background-color:#3b82f6}.bar-fill.green-fill{background-color:#10b981}.bar-fill.orange-fill{background-color:#f97316}.agent-leaderboard-box{background-color:#17191e;border:1px solid #262932;border-radius:8px;overflow:hidden}.leaderboard-header{border-bottom:1px solid #262932;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.active-agents-badge{color:#34d399;background:#10b9811f;border:1px solid #10b9814d;border-radius:4px;padding:3px 8px;font-size:10.5px;font-weight:600}.leaderboard-table{border-collapse:collapse;text-align:left;width:100%}.leaderboard-table thead{background-color:#14161b;border-bottom:1px solid #262932}.leaderboard-table th{color:#64748b;letter-spacing:.5px;padding:11px 18px;font-size:10px;font-weight:700}.leaderboard-table tbody tr{border-bottom:1px solid #1f2229;transition:background-color .12s}.leaderboard-table tbody tr:last-child{border-bottom:none}.leaderboard-table tbody tr:hover{background-color:#1b1e25}.leaderboard-table td{vertical-align:middle;padding:12px 18px;font-size:12px}.agent-cell-user{align-items:center;gap:10px;display:flex}.agent-squircle{color:#fff;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.agent-squircle.human-bg{background-color:#2563eb}.agent-squircle.bot-bg{background-color:#059669}.agent-display-name{color:#fff;font-weight:600}.agent-role-label{color:#8c93a0;font-size:11.5px}.cell-metric-bold{color:#fff;font-weight:700}.cell-metric-sub{color:#cbd5e1}.cell-csat-pill{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b4d;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600;display:inline-block}.cell-hours{color:#717784}.status-pill-agent{border-radius:10px;align-items:center;gap:5px;padding:2px 7px;font-size:10.5px;font-weight:600;display:inline-flex}.status-pill-agent .bullet{border-radius:50%;width:5px;height:5px}.status-pill-agent.online{color:#34d399;background:#10b9811f}.status-pill-agent.online .bullet{background-color:#10b981}.status-pill-agent.bot{color:#38bdf8;background:#0ea5e91f}.status-pill-agent.bot .bullet{background-color:#0284c7}.status-pill-agent.offline{color:#94a3b8;background:#64748b1f}.status-pill-agent.offline .bullet{background-color:#64748b}.refresh-btn-round{color:#94a3b8;cursor:pointer;background-color:#17191e;border:1px solid #262932;border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.refresh-btn-round:hover{color:#60a5fa;background-color:#1f232b;border-color:#3b82f6}.btn-export-csv{color:#fff;cursor:pointer;background-color:#2563eb;border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-export-csv:hover{background-color:#1d4ed8}.role-tag-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 7px;font-family:monospace;font-size:10px;font-weight:700;display:inline-block}.role-tag-badge.owner{color:#c084fc;background:#a855f724;border:1px solid #a855f747}.role-tag-badge.admin{color:#60a5fa;background:#2563eb24;border:1px solid #2563eb47}.role-tag-badge.agent{color:#34d399;background:#10b98124;border:1px solid #10b98147}.workload-share-cell{align-items:center;gap:8px;min-width:120px;max-width:160px;display:flex}.workload-track{background-color:#121418;border-radius:3px;flex:1;height:6px;overflow:hidden}.workload-fill{background:linear-gradient(90deg,#2563eb,#38bdf8);border-radius:3px;height:100%;transition:width .3s}.workload-pct{color:#94a3b8;min-width:32px;font-family:monospace;font-size:11px;font-weight:600}.tags-cloud-wrap{flex-wrap:wrap;gap:8px;padding:6px 0;display:flex}.tag-badge-item{color:#d8b4fe;background:#a855f71a;border:1px solid #a855f740;border-radius:6px;align-items:center;gap:6px;padding:5px 10px;font-size:11.5px;font-weight:600;transition:all .15s;display:inline-flex}.tag-badge-item:hover{background:#a855f72e;border-color:#a855f766}.tag-count-num{color:#f3e8ff;background:#a855f740;border-radius:4px;padding:1px 5px;font-family:monospace;font-size:10px;font-weight:700}.settings-layout-wrapper{-webkit-user-select:none;user-select:none;color:#e2e8f0;background-color:#111215;flex-direction:column;flex:1;min-width:0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;overflow-y:auto}.settings-layout-wrapper::-webkit-scrollbar{width:6px;height:6px}.settings-layout-wrapper::-webkit-scrollbar-thumb{background:#252830;border-radius:3px}.settings-layout-wrapper::-webkit-scrollbar-thumb:hover{background:#323642}.settings-top-nav{background-color:#14161b;border-bottom:1px solid #20242e;flex-shrink:0;justify-content:space-between;align-items:center;height:48px;min-height:48px;padding:0 24px;display:flex}.settings-breadcrumbs{align-items:center;gap:7px;font-size:12.5px;display:flex}.settings-breadcrumbs .crumb-muted{color:#64748b;font-weight:500}.settings-breadcrumbs .crumb-arrow{color:#475569}.settings-breadcrumbs .crumb-active{color:#f1f5f9;font-weight:600}.settings-top-controls{align-items:center;gap:12px;display:flex}.presence-pill{color:#34d399;background-color:#10b9811f;border:1px solid #10b98147;border-radius:12px;align-items:center;gap:6px;padding:3px 10px;font-size:11.5px;font-weight:600;display:flex}.pulse-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px;box-shadow:0 0 8px #10b981}.alerts-badge{color:#60a5fa;background-color:#2563eb1f;border:1px solid #2563eb47;border-radius:12px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:flex}.admin-info{border-left:1px solid #232731;align-items:center;gap:6px;padding-left:12px;display:flex}.admin-name{color:#f8fafc;font-size:12px;font-weight:600}.admin-badge{color:#c084fc;letter-spacing:.4px;background-color:#8b5cf629;border:1px solid #8b5cf659;border-radius:4px;padding:2px 6px;font-size:9.5px;font-weight:700}.settings-main-content{flex-direction:column;flex:1;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:24px 28px 48px;display:flex}.settings-hero-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.settings-title-group{flex-direction:column;gap:5px;display:flex}.icon-title-row{align-items:center;gap:10px;display:flex}.hero-settings-icon{color:#60a5fa;background:linear-gradient(135deg,#2563eb33,#2563eb0d);border:1px solid #2563eb59;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.hero-main-title{color:#fff;letter-spacing:-.3px;margin:0;font-size:20px;font-weight:700}.settings-badge-pill{color:#60a5fa;letter-spacing:.5px;background-color:#2563eb26;border:1px solid #2563eb59;border-radius:10px;padding:2px 8px;font-size:10px;font-weight:700}.hero-subtitle{color:#94a3b8;margin:0;font-size:13px;line-height:1.45}.btn-save-settings{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;border-radius:7px;flex-shrink:0;align-items:center;gap:7px;height:38px;padding:0 18px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 2px 8px #2563eb40}.btn-save-settings:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8,#1e40af);box-shadow:0 4px 12px #2563eb59}.btn-save-settings.success{background:linear-gradient(135deg,#10b981,#059669);border-color:#34d399;box-shadow:0 2px 8px #10b9814d}.settings-tabs-row{border-bottom:1px solid #20242e;align-items:center;gap:6px;padding-bottom:8px;display:flex;overflow-x:auto}.settings-tabs-row::-webkit-scrollbar{display:none}.settings-tab-btn{color:#8c93a0;cursor:pointer;white-space:nowrap;background-color:#0000;border:1px solid #0000;border-radius:7px;align-items:center;gap:7px;padding:8px 14px;font-size:12.5px;font-weight:500;transition:all .14s;display:flex}.settings-tab-btn:hover{color:#fff;background-color:#1a1c22}.settings-tab-btn.active{color:#60a5fa;background:#2563eb24;border-color:#2563eb59;font-weight:600}.tab-pill-count{color:#cbd5e1;background:#ffffff14;border-radius:10px;padding:1px 6px;font-size:10.5px;font-weight:700}.tab-pill-count.warning{color:#f87171;background:#ef444433}.tab-pill-status{color:#34d399;background:#10b98126;border-radius:4px;padding:1px 5px;font-size:9.5px;font-weight:700}.settings-card-stack{flex-direction:column;gap:18px;display:flex}.settings-card{background-color:#16181e;border:1px solid #242730;border-radius:10px;flex-direction:column;gap:18px;padding:22px 24px;display:flex;box-shadow:0 4px 20px #00000038}.card-header-between{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-title{color:#fff;margin:0 0 3px;font-size:15px;font-weight:600}.section-sub{color:#8c93a0;margin:0;font-size:12px;line-height:1.45}.status-indicator-box{color:#34d399;background:#10b9811a;border:1px solid #10b98140;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:600;display:flex}.status-dot-green{background-color:#10b981;border-radius:50%;width:6px;height:6px}.form-grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}.input-group{flex-direction:column;gap:6px;display:flex}.input-group.full-span{grid-column:1/-1}.input-group label{color:#64748b;letter-spacing:.6px;font-size:10px;font-weight:700}.input-hint{color:#64748b;margin-top:3px;font-size:11px}.input-group input,.input-group select,.custom-textarea{color:#f1f5f9;background-color:#111215;border:1px solid #262a34;border-radius:7px;outline:none;height:40px;padding:0 14px;font-family:inherit;font-size:12.5px;transition:all .15s}.custom-textarea{resize:vertical;height:auto;padding:12px 14px;line-height:1.5}.input-group input:focus,.input-group select:focus,.custom-textarea:focus{background-color:#13151b;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f626}.operational-status-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;display:grid}.status-choice-card{cursor:pointer;background-color:#111215;border:1px solid #232731;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;transition:all .15s;display:flex}.status-choice-card:hover{background-color:#15171d;border-color:#323744}.status-choice-card.selected{background-color:#2563eb14;border-color:#2563eb}.choice-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px}.choice-dot.green{background-color:#10b981;box-shadow:0 0 8px #10b98180}.choice-dot.yellow{background-color:#f59e0b;box-shadow:0 0 8px #f59e0b80}.choice-dot.red{background-color:#ef4444;box-shadow:0 0 8px #ef444480}.choice-title{color:#fff;font-size:13px;font-weight:600;display:block}.choice-desc{color:#717784;margin:4px 0 0;font-size:11.5px;line-height:1.4}.table-responsive{width:100%;overflow-x:auto}.custom-data-table{border-collapse:collapse;text-align:left;width:100%}.custom-data-table th{color:#64748b;letter-spacing:.5px;background-color:#0000001a;border-bottom:1px solid #242730;padding:10px 14px;font-size:10px;font-weight:700}.custom-data-table td{vertical-align:middle;border-bottom:1px solid #1c1e24;padding:12px 14px;font-size:12.5px}.custom-data-table tr:hover td{background-color:#ffffff04}.channels-live-count{color:#34d399;background:#10b9811a;border:1px solid #10b98133;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600}.channel-cell-flex{align-items:center;gap:10px;display:flex}.channel-icon-avatar{color:#60a5fa;background:#2563eb26;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.channel-name-bold{color:#fff;font-weight:600}.channel-type-tag{color:#94a3b8;background-color:#111215;border:1px solid #262932;border-radius:4px;padding:2px 7px;font-size:11px}.channel-target-text{color:#cbd5e1;font-family:JetBrains Mono,Consolas,monospace;font-size:12px}.channel-status-pill.connected{color:#34d399;background:#10b9811f;border:1px solid #10b98140;border-radius:12px;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.pulse-mini-dot{background-color:#10b981;border-radius:50%;width:5px;height:5px}.btn-copy-code{color:#cbd5e1;cursor:pointer;background-color:#111215;border:1px solid #2a2f3a;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.btn-copy-code:hover{color:#fff;background-color:#1e222b;border-color:#3b82f6}.code-box{background-color:#0d0e11;border:1px solid #232731;border-radius:8px;padding:16px;overflow-x:auto}.code-box pre{color:#93c5fd;margin:0;font-family:JetBrains Mono,Consolas,monospace;font-size:12px;line-height:1.55}.color-picker-row{align-items:center;gap:10px;display:flex}.color-input{cursor:pointer;background:0 0;border:1px solid #282c35;border-radius:6px;width:44px;height:38px;padding:2px}.color-hex{color:#cbd5e1;font-family:monospace;font-size:12.5px}.color-sample-pill{color:#fff;border-radius:10px;padding:3px 8px;font-size:10.5px;font-weight:600}.toggle-item-row{background-color:#111215;border:1px solid #232731;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.toggle-item-row.highlight-box{background:linear-gradient(135deg,#2563eb14,#2563eb05);border-color:#2563eb4d}.row-flex-gap{align-items:center;gap:8px;display:flex}.item-title{color:#fff;font-size:13px;font-weight:600}.item-sub{color:#717784;margin-top:2px;font-size:11.5px;line-height:1.4}.toggle-switch-btn{cursor:pointer;background-color:#262932;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background-color .2s;position:relative}.toggle-switch-btn.on{background-color:#2563eb}.toggle-switch-btn.off{background-color:#252830}.toggle-thumb{background-color:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.toggle-switch-btn.on .toggle-thumb{transform:translate(20px)}.toggle-switch-btn.mini{width:34px;height:18px}.toggle-switch-btn.mini .toggle-thumb{width:14px;height:14px;top:2px;left:2px}.toggle-switch-btn.mini.on .toggle-thumb{transform:translate(16px)}.custom-schedule-section{border-top:1px solid #232731;flex-direction:column;gap:12px;padding-top:16px;display:flex}.schedule-title{color:#fff;margin:0;font-size:13px;font-weight:600}.weekly-schedule-grid{flex-direction:column;gap:8px;display:flex}.schedule-day-row{background-color:#111215;border:1px solid #232731;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 14px;display:flex}.schedule-day-row.inactive-day{opacity:.6}.day-name-col{width:110px}.day-name{color:#f1f5f9;font-size:12.5px;font-weight:600}.day-toggle-col{align-items:center;gap:8px;width:90px;display:flex}.day-status-label{color:#94a3b8;font-size:11px}.day-time-inputs{align-items:center;gap:8px;display:flex}.time-picker{color:#fff;background-color:#171920;border:1px solid #282c36;border-radius:5px;outline:none;padding:4px 8px;font-size:11.5px}.time-sep{color:#64748b;font-size:11px}.day-closed-msg{color:#ef4444;font-size:11.5px;font-style:italic}.btn-add-team{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-add-team:hover{background:#1d4ed8}.agent-user-cell{align-items:center;gap:10px;display:flex}.avatar-wrapper-mini{flex-shrink:0;width:32px;height:32px;position:relative}.agent-avatar-mini{object-fit:cover;border:1px solid #2b303c;border-radius:50%;width:32px;height:32px}.agent-online-dot{background-color:#10b981;border:1.5px solid #16181e;border-radius:50%;width:8px;height:8px;position:absolute;bottom:0;right:0}.agent-user-bold{color:#fff;font-weight:600}.agent-user-email{color:#8c93a0;font-size:12px}.role-tag{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb4d;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:500}.role-tag.admin{color:#c084fc;background:#8b5cf626;border-color:#8b5cf659}.capacity-badge{color:#cbd5e1;background-color:#111215;border:1px solid #262932;border-radius:4px;padding:3px 8px;font-size:11px;display:inline-block}.active-tag{color:#34d399;font-size:11.5px;font-weight:600}.table-action-btns{align-items:center;gap:6px;display:flex}.btn-table-icon{color:#8c93a0;cursor:pointer;background-color:#111215;border:1px solid #252830;border-radius:5px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}.btn-table-icon.delete:hover{color:#ef4444;background-color:#ef444426;border-color:#ef444466}.settings-persona-preview{background-color:#111215;border:1px solid #232731;border-radius:8px;flex-direction:column;gap:10px;padding:16px;display:flex}.persona-preview-label{color:#64748b;letter-spacing:.6px;font-size:10px;font-weight:700}.persona-preview-bubble-card{background-color:#171920;border:1px solid #282c37;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.persona-avatar-preview{object-fit:cover;border:2px solid #2563eb;border-radius:50%;flex-shrink:0;width:44px;height:44px}.persona-meta-col{flex-direction:column;flex:1;gap:6px;display:flex}.persona-title-row{align-items:center;gap:8px;display:flex}.persona-name-text{color:#fff;font-size:13px;font-weight:600}.persona-badge-verified{color:#60a5fa;background:#2563eb26;border:1px solid #2563eb59;border-radius:10px;align-items:center;gap:3px;padding:1px 7px;font-size:10px;font-weight:600;display:inline-flex}.persona-time-stamp{color:#64748b;font-size:10.5px}.persona-chat-bubble{color:#fff;background-color:#1d4ed8;border-radius:8px;padding:10px 14px;font-size:12.5px;line-height:1.45;box-shadow:0 2px 6px #0003}.file-upload-dropzone{display:flex}.hidden-file-input{display:none}.file-upload-btn-label{color:#cbd5e1;cursor:pointer;background-color:#111215;border:1px dashed #3a4252;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.file-upload-btn-label:hover{color:#fff;background-color:#1b1e26;border-color:#3b82f6}.presets-row{align-items:center;gap:12px;padding:4px 0;display:flex;overflow-x:auto}.preset-item{cursor:pointer;border-radius:8px;flex-direction:column;align-items:center;gap:4px;padding:6px;transition:transform .12s;display:flex}.preset-item:hover{transform:translateY(-2px)}.preset-img{object-fit:cover;border:2px solid #0000;border-radius:50%;width:42px;height:42px;transition:border-color .15s}.preset-item.active .preset-img{border-color:#3b82f6;box-shadow:0 0 10px #3b82f666}.preset-name{color:#8c93a0;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:65px;font-size:9.5px;overflow:hidden}.preset-item.active .preset-name{color:#60a5fa;font-weight:600}.btn-outline-captain{color:#cbd5e1;cursor:pointer;background-color:#111215;border:1px solid #282c36;border-radius:6px;align-items:center;gap:5px;padding:7px 12px;font-size:12px;transition:all .15s;display:flex}.btn-outline-captain:hover{color:#fff;background-color:#1c1f26;border-color:#3b82f6}.canned-search-container{align-items:center;display:flex}.search-input-canned{color:#f1f5f9;background-color:#111215;border:1px solid #262933;border-radius:7px;outline:none;width:100%;height:38px;padding:0 14px;font-size:12.5px}.search-input-canned:focus{border-color:#3b82f6}.canned-code-badge{color:#60a5fa;background:#2563eb1f;border:1px solid #2563eb4d;border-radius:4px;padding:3px 8px;font-family:monospace;font-size:12px;font-weight:700}.col-flex-compact{flex-direction:column;gap:3px;display:flex}.canned-title-bold{color:#fff;font-weight:600}.canned-category-pill{color:#94a3b8;background:#111215;border:1px solid #262a34;border-radius:4px;width:fit-content;padding:1px 6px;font-size:10px;display:inline-block}.canned-preview-text{color:#cbd5e1;max-width:450px;margin:0;font-size:12px;line-height:1.45}.btn-test-whmcs{color:#cbd5e1;cursor:pointer;background:#111215;border:1px solid #2a2f3c;border-radius:6px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-test-whmcs:hover:not(:disabled){color:#fff;background:#1c202a;border-color:#3b82f6}.btn-test-whmcs.loading{opacity:.7;cursor:wait}.spin-icon{animation:1s linear infinite spinSlow}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.whmcs-test-card{background:linear-gradient(135deg,#10b98114,#10b98105);border:1px solid #10b9814d;border-radius:8px;flex-direction:column;gap:12px;padding:14px 18px;display:flex}.whmcs-test-header{align-items:center;gap:8px;display:flex}.text-emerald{color:#10b981}.whmcs-test-status{color:#34d399;font-size:13px;font-weight:600}.whmcs-test-time{color:#64748b;margin-left:auto;font-size:11px}.whmcs-metrics-row{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;display:grid}.metric-chip{background:#111215;border:1px solid #232731;border-radius:6px;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.metric-lbl{color:#64748b;letter-spacing:.5px;font-size:9px;font-weight:700}.metric-val{color:#f1f5f9;font-size:12px;font-weight:600}.password-input-wrapper{align-items:center;display:flex;position:relative}.password-input-wrapper input{width:100%;padding-right:36px}.btn-toggle-eye{color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;right:10px}.btn-toggle-eye:hover{color:#cbd5e1}.blacklist-count-pill{color:#f87171;background:#ef44441f;border:1px solid #ef44444d;border-radius:10px;padding:3px 9px;font-size:11px;font-weight:700}.block-ip-form{align-items:center;gap:10px;display:flex}.block-ip-inputs{flex:1;align-items:center;gap:10px;display:flex}.ip-input{color:#fff;background-color:#111215;border:1px solid #262933;border-radius:6px;outline:none;width:220px;height:38px;padding:0 12px;font-family:monospace;font-size:12px}.reason-input{color:#fff;background-color:#111215;border:1px solid #262933;border-radius:6px;outline:none;flex:1;height:38px;padding:0 12px;font-size:12px}.btn-block-ip{color:#f87171;cursor:pointer;white-space:nowrap;background:#ef444426;border:1px solid #ef444459;border-radius:6px;align-items:center;gap:6px;height:38px;padding:0 16px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-block-ip:hover{color:#fff;background:#ef444440}.blocked-ip-monospace{color:#f87171;font-family:monospace;font-size:12px;font-weight:600}.block-reason-text{color:#cbd5e1;font-size:12px}.block-date-text{color:#64748b;font-size:11px}.blocked-by-tag{color:#94a3b8;background:#111215;border:1px solid #232731;border-radius:4px;padding:2px 7px;font-size:11px}.btn-unblock-ip{color:#34d399;cursor:pointer;background-color:#111215;border:1px solid #2a2f3a;border-radius:5px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.btn-unblock-ip:hover{background-color:#10b98126;border-color:#10b98166}.form-row-padded{margin-top:6px}.chime-selector-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px;display:grid}.chime-card{cursor:pointer;background-color:#111215;border:1px solid #242730;border-radius:8px;justify-content:space-between;align-items:center;padding:14px 16px;transition:all .15s;display:flex}.chime-card:hover{background-color:#151820;border-color:#353a47}.chime-card.active{background-color:#2563eb1a;border-color:#2563eb}.chime-info{flex-direction:column;gap:2px;display:flex}.chime-title{color:#fff;font-size:13px;font-weight:600}.chime-sub{color:#717784;font-size:11px}.btn-play-preview{color:#60a5fa;cursor:pointer;background:#2563eb26;border:1px solid #2563eb59;border-radius:5px;align-items:center;gap:5px;padding:4px 9px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.btn-play-preview:hover{color:#fff;background:#2563eb}.volume-slider-box{background-color:#111215;border:1px solid #232731;border-radius:8px;flex-direction:column;gap:10px;padding:14px 18px;display:flex}.volume-label-row{justify-content:space-between;align-items:center;display:flex}.volume-text{color:#64748b;letter-spacing:.6px;font-size:10px;font-weight:700}.volume-percent{color:#60a5fa;font-family:monospace;font-size:12px;font-weight:700}.custom-range-slider{accent-color:#2563eb;cursor:pointer;width:100%}.text-blue{color:#60a5fa}.custom-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.15s modalFadeIn;display:flex;position:fixed;inset:0}.custom-modal-card{background-color:#16181e;border:1px solid #2a2f3a;border-radius:12px;width:100%;max-width:520px;animation:.15s cubic-bezier(.16,1,.3,1) modalScaleUp;overflow:hidden;box-shadow:0 16px 48px #00000080}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid #232731;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{color:#fff;margin:0;font-size:15px;font-weight:600}.btn-close-modal{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.btn-close-modal:hover{color:#fff;background:#232731}.modal-form{flex-direction:column;gap:16px;padding:20px;display:flex}.modal-footer{border-top:1px solid #232731;justify-content:flex-end;align-items:center;gap:10px;padding-top:10px;display:flex}.btn-cancel{color:#cbd5e1;cursor:pointer;background:0 0;border:1px solid #2a2f3a;border-radius:6px;padding:8px 16px;font-size:12.5px;font-weight:500;transition:all .15s}.btn-cancel:hover{color:#fff;background:#20242e}.btn-submit-modal{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:1px solid #3b82f6;border-radius:6px;padding:8px 18px;font-size:12.5px;font-weight:600;transition:all .15s;box-shadow:0 2px 6px #2563eb40}.btn-submit-modal:hover{background:#1d4ed8}@media (width<=768px){.form-grid-2{grid-template-columns:1fr}.settings-hero-header,.block-ip-form{flex-direction:column;align-items:stretch}.block-ip-inputs{flex-direction:column}.ip-input{width:100%}}.enterprise-login-viewport{z-index:10000;color:#e2e8f0;background-color:#08090d;background-image:radial-gradient(circle at 50% 0,#2563eb24 0%,#0000 55%),linear-gradient(#ffffff04 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-size:100% 100%,48px 48px,48px 48px;justify-content:center;align-items:center;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;position:fixed;inset:0;overflow-y:auto}.enterprise-login-box{z-index:1;flex-direction:column;align-items:center;gap:22px;width:100%;max-width:420px;display:flex;position:relative}.login-identity-section{text-align:center;flex-direction:column;align-items:center;display:flex}.brand-logo-pod{background:linear-gradient(135deg,#2563eb38,#2563eb14);border:1px solid #3b82f659;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:14px;display:flex;box-shadow:0 8px 24px #2563eb47}.login-heading{color:#fff;letter-spacing:-.4px;margin:0;font-size:22px;font-weight:700}.login-subheading{color:#94a3b8;max-width:340px;margin:6px 0 0;font-size:13px;line-height:1.45}.enterprise-login-card{background-color:#10121a;border:1px solid #ffffff14;border-radius:14px;flex-direction:column;gap:18px;width:100%;padding:26px 26px 24px;display:flex;box-shadow:0 24px 60px -12px #000000b3,0 0 1px 1px #ffffff0a}.login-alert-danger{color:#f87171;background-color:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:center;gap:9px;padding:10px 14px;font-size:12.5px;line-height:1.4;animation:.15s alertFadeIn;display:flex}@keyframes alertFadeIn{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.alert-danger-icon{flex-shrink:0}.enterprise-form{flex-direction:column;gap:16px;display:flex}.form-field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:#cbd5e1;letter-spacing:-.1px;font-size:12px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;display:flex}.forgot-password-link{color:#60a5fa;font-size:11.5px;font-weight:500;text-decoration:none;transition:color .12s}.forgot-password-link:hover{color:#93c5fd;text-decoration:underline}.field-input-wrapper{align-items:center;display:flex;position:relative}.field-leading-icon{color:#64748b;pointer-events:none;transition:color .15s;position:absolute;left:13px}.field-input{color:#fff;background-color:#0a0b10;border:1px solid #232733;border-radius:8px;outline:none;width:100%;height:42px;padding:0 14px 0 38px;font-size:13px;transition:all .15s}.field-input.password-input{padding-right:40px}.field-input:hover:not(:disabled){border-color:#333947}.field-input:focus{background-color:#0c0e14;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f62e}.field-input-wrapper:focus-within .field-leading-icon{color:#60a5fa}.field-trailing-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .12s;display:flex;position:absolute;right:12px}.field-trailing-btn:hover{color:#cbd5e1}.form-options-row{justify-content:space-between;align-items:center;padding:2px 0;display:flex}.remember-checkbox-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.custom-checkbox{accent-color:#2563eb;cursor:pointer;width:15px;height:15px;margin:0}.remember-text{color:#94a3b8;font-size:12px}.btn-enterprise-signin{color:#fff;letter-spacing:-.1px;cursor:pointer;background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);border:1px solid #3b82f6;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;height:42px;margin-top:4px;font-size:13px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 4px 14px #2563eb47}.btn-enterprise-signin:hover:not(:disabled){background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 100%);box-shadow:0 6px 20px #2563eb66}.btn-enterprise-signin:disabled{opacity:.65;cursor:wait}.spin-loader{animation:1s linear infinite spinSlow}.enterprise-login-footer{text-align:center}.footer-copyright{color:#64748b;margin:0;font-size:11.5px}.chatwoot-layout{background-color:var(--bg-main);width:100vw;height:100vh;display:flex;overflow:hidden}.section-placeholder{background-color:var(--bg-main);flex-direction:column;flex:1;height:100vh;display:flex}.section-header{border-bottom:1px solid var(--border-subtle);align-items:center;height:52px;padding:0 20px;display:flex}.section-header h2{color:#fff;font-size:15px;font-weight:600}.section-body{flex:1;justify-content:center;align-items:center;display:flex}.placeholder-note{color:var(--text-muted);font-size:13.5px}