html,body{margin:0;padding:0}@keyframes iw-spin{to{transform:rotate(360deg)}}.language-toggle-btn{font-size:0;position:relative}.language-toggle-code{bottom:-2px;background:var(--sidebar-active,#6c5ce7);color:#fff;border:2px solid var(--sidebar-bg);border-radius:5px;padding:1px 3px;font-size:8px;font-weight:800;line-height:1;position:absolute;inset-inline-end:-2px}:root{--primary:#6c5ce7;--primary-light:#a29bfe;--primary-dark:#5a4bd1;--primary-rgb:108, 92, 231;--secondary:#00d2ff;--secondary-light:#74e0ff;--bg:#f0f2f5;--surface:#fff;--text:#1a1a2e;--text-secondary:#6b7280;--border:#e5e7eb;--border-strong:#c7ccd6;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--sidebar-bg:#0f0f23;--sidebar-text:#94a3b8;--sidebar-active:#6c5ce7;--chat-row-divider:#ececf1;--chat-row-hover:#eef0f5;--chat-row-active:#e6e8f0}html[data-theme=dark]{--bg:#12141c;--surface:#1a1d29;--text:#eceef3;--text-secondary:#97a0b3;--border:#2b2f3d;--border-strong:#3a3f52;--primary-light:#8a7ff0;--chat-bg:#0e1017;--chat-bubble-received:#232838;--chat-divider-bg:#ffffff0f;--chat-system-bubble:#ffffff12;--chat-doc-icon-bg:#ffffff14;--chat-note-bg:#e0c46c1a;--chat-note-border:#e0c46c59;--chat-note-text:#e4c983;--chat-note-body:#e4c983;--chat-row-divider:#2b2f3d;--chat-row-hover:#262a38;--chat-row-active:#2c303f}html[data-theme=dark] body{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{background:var(--bg);color:var(--text);flex-direction:column;height:100dvh;font-family:DM Sans,sans-serif;display:flex;overflow:hidden}#root{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}#app{direction:rtl}html[dir=ltr] #pages-container{direction:ltr}html[dir=rtl] #pages-container{direction:rtl}h1,h2,h3,h4{font-family:Space Grotesk,DM Sans,sans-serif}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}#sidebar{background:var(--sidebar-bg);z-index:50;scrollbar-width:thin;border-radius:0;flex-direction:column;align-items:center;width:60px;min-width:60px;margin:0;padding:14px 0;display:flex;overflow:hidden auto}#sidebar::-webkit-scrollbar{width:4px}#sidebar::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-logo{object-fit:contain;border-radius:11px;flex-shrink:0;width:32px;height:32px;margin-bottom:20px}.sidebar-nav{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;padding:0 9px;display:flex}.sidebar-btn{width:42px;height:42px;color:var(--sidebar-text);cursor:pointer;background:#ffffff0d;border:none;border-radius:15px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.sidebar-btn:hover{color:#fff;background:#ffffff1a;transform:translateY(-1px)}.sidebar-btn.active{background:var(--sidebar-active);color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.18),0 6px 16px rgba(var(--primary-rgb),.4);border-radius:17px}.sidebar-btn .badge{background:var(--danger);color:#fff;border:2px solid var(--sidebar-bg);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.sidebar-bottom{flex-direction:column;align-items:center;gap:8px;padding:0 9px;display:flex}.sidebar-avatar{cursor:pointer;border:2px solid #0000;border-radius:50%;width:34px;height:34px;transition:border-color .2s;overflow:hidden}.sidebar-avatar:hover{border-color:var(--primary)}.sidebar-avatar img{object-fit:cover;width:100%;height:100%}@media (width<=860px){#sidebar{border-radius:0;width:54px;min-width:54px;margin:0;padding:12px 0;overflow:hidden auto}.sidebar-nav,.sidebar-bottom{padding:0 7px}.sidebar-btn{border-radius:13px;width:38px;height:38px}}.page{flex:1;display:flex;overflow:hidden}[data-drag-id]{cursor:default}[data-drag-id].dragging-now{opacity:.35}#chat-list-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:325px;min-width:325px;display:flex}.mobile-back-btn{width:34px;height:34px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:none}.mobile-back-btn:hover{background:var(--bg)}.mobile-back-btn.contacts-back-btn{display:flex}.mobile-back-btn.contacts-back-btn:hover{background:var(--bg)}@media (width<=860px){#page-chats{position:relative;overflow:hidden}#chat-list-panel{border-left:none;width:100%!important;min-width:0!important}#chat-main-panel,#page-chats.mobile-chat-open #chat-list-panel{display:none}#page-chats.mobile-chat-open #chat-main-panel{flex-direction:column;width:100%;min-width:0;height:100%;display:flex!important}#page-chats.mobile-chat-open #chat-area{width:100%;min-width:0;height:100%}.mobile-back-btn{display:flex}#customer-panel{z-index:80;max-width:100%;transition:transform .3s,opacity .3s;position:fixed;inset:0;transform:translate(0);width:100%!important;min-width:0!important}#customer-panel.hidden{opacity:1;pointer-events:none;margin-right:0;transform:translate(100%)}.chat-bg{padding:14px}.msg-col{max-width:82%}.chat-header{flex-wrap:wrap;padding:10px 12px}.chat-header-left{flex:100%}.chat-header-actions{flex:100%;justify-content:flex-end;gap:8px}.resolve-btn{gap:0;padding:0 10px}.resolve-btn #resolve-btn-text{display:none}.ch-action-btn{width:34px;height:34px}.chat-search-bar{padding:8px 12px}.chat-input-area{padding:6px 12px calc(12px + env(safe-area-inset-bottom));gap:6px}.saved-replies-bar{padding:8px 12px}.note-toggle-bar{gap:6px;padding:6px 12px 4px}.note-toggle-btn{padding:6px 12px;font-size:11.5px}input,textarea,select{font-size:16px!important}#msg-input{white-space:nowrap;overflow:auto hidden;font-size:16px!important}#page-customer-details .page-header{flex-wrap:wrap;row-gap:10px}#page-customer-details .customer-header-actions{flex:100%;justify-content:flex-start}}.cl-header{padding:16px 20px 12px}.cl-search{border:1.5px solid var(--border);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:10px 14px 10px 38px;font-family:inherit;font-size:13px;transition:border-color .2s}.cl-search:focus{border-color:var(--primary)}.cl-search-wrap{position:relative}.cl-search-icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.cl-filters{gap:4px;padding:8px 20px 12px;display:flex}.cl-filter-btn{border:1.5px solid var(--border);cursor:pointer;color:var(--text-secondary);background:0 0;border-radius:20px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;transition:all .2s}.cl-filter-btn:hover{border-color:var(--primary-light);color:var(--primary)}.cl-filter-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.cl-filter-count{opacity:.8;font-weight:700}.cl-list{flex:1;padding:0 8px;overflow-y:auto}.chat-item{cursor:pointer;border-bottom:1px solid var(--chat-row-divider);border-radius:12px;align-items:center;gap:12px;padding:12px;transition:all .15s;display:flex;position:relative}.cl-list>.chat-item:last-child{border-bottom:none}.cl-list>.chat-item:hover{background:var(--chat-row-hover)}.cl-list>.chat-item.active{background:var(--chat-row-active)}.chat-item-avatar{border-radius:50%;flex-shrink:0;width:48px;height:48px;position:relative;overflow:hidden}.chat-item-avatar img{object-fit:cover;width:100%;height:100%}.status-dot{border:2px solid var(--surface);border-radius:50%;width:12px;height:12px;position:absolute;bottom:1px;right:1px}.status-dot.open{background:var(--success)}.status-dot.pending{background:var(--warning)}.status-dot.resolved{background:var(--text-secondary)}.chat-item-info{flex:1;min-width:0}.chat-item-name{justify-content:space-between;align-items:center;margin-bottom:2px;font-size:14px;font-weight:600;display:flex}.chat-item-name span:last-child{color:var(--text-secondary);font-size:11px;font-weight:400}.chat-item-msg{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;justify-content:space-between;align-items:center;font-size:13px;display:flex;overflow:hidden}.chat-item-msg span:last-child{flex-shrink:0;margin-left:8px}.unread-badge{background:var(--primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;font-weight:700;display:flex}#chat-main-panel{flex:1;min-width:0;display:flex;overflow:hidden}#chat-area{background:var(--bg);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-bg{background-color:var(--chat-bg,#ece5f5);background-image:radial-gradient(ellipse at 15% 30%,rgba(var(--primary-rgb),.04) 0%,transparent 60%),radial-gradient(ellipse at 85% 70%,#00d2ff08 0%,transparent 60%),radial-gradient(ellipse at 50% 90%,rgba(var(--primary-rgb),.02) 0%,transparent 50%);flex:1;padding:20px;overflow-y:auto}.chat-header{background:var(--surface);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:12px 20px;display:flex}.chat-header-left{flex-shrink:1;align-items:center;gap:12px;min-width:0;display:flex}.chat-header-name{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.chat-header-status{color:var(--success);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.chat-header-labels{background:var(--surface);border-bottom:1px solid var(--border);border-right:3px solid #0000;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;display:none}.chat-header-labels.show{display:flex}.chat-maintenance-banner{color:var(--danger);background:#ef44441f;border-bottom:1px solid #ef44444d;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;font-weight:600;display:none}.chat-maintenance-banner.show{display:flex}.chat-maintenance-banner-text{flex:1;min-width:0}.chat-maintenance-banner-toggle{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:3px;display:none}.chat-maintenance-banner-toggle:hover{background:#ef44442e}@media (width<=860px){.chat-maintenance-banner-toggle{display:flex}}.chat-header-labels .chlbl-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chat-header-labels .chlbl-name{white-space:nowrap;flex-shrink:0;font-weight:700}.chat-header-labels .chlbl-desc{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-header-actions{flex-shrink:0;gap:4px;display:flex}.ch-action-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.ch-action-btn:hover{background:var(--bg);color:var(--primary)}.ch-action-btn.panel-open{color:var(--primary);background:rgba(var(--primary-rgb),.08)}.chat-search-bar{background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 20px;display:none}.chat-search-bar.show{display:flex}#chat-search-input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:13.5px}.chat-search-counter{color:var(--text-secondary);white-space:nowrap;flex-shrink:0;font-size:12px}mark.search-hit{color:inherit;background:#f59e0b59;border-radius:3px;padding:0 1px}mark.search-hit.active{background:var(--warning);color:#1a1a2e}.resolve-btn{border:1.5px solid var(--success);height:34px;color:var(--success);cursor:pointer;white-space:nowrap;background:#10b98114;border-radius:10px;align-items:center;gap:6px;padding:0 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .2s;display:flex}.resolve-btn:hover{background:var(--success);color:#fff;box-shadow:0 4px 12px #10b98159}.resolve-btn.resolved-state{border-color:var(--text-secondary);color:var(--text-secondary);cursor:default;background:#64748b1a}.resolve-btn.resolved-state:hover{color:var(--text-secondary);box-shadow:none;background:#64748b1a}.resolve-overlay{z-index:9000;opacity:0;pointer-events:none;background:#00000073;justify-content:center;align-items:center;transition:opacity .25s;display:flex;position:fixed;inset:0}.resolve-overlay.show{opacity:1;pointer-events:all}.resolve-modal{background:var(--surface);opacity:0;border:1px solid var(--border);border-radius:20px;width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);padding:28px 28px 24px;transition:transform .25s,opacity .25s;overflow:hidden auto;transform:translateY(16px)scale(.97);box-shadow:0 20px 60px #0000004d}.resolve-overlay.show .resolve-modal{opacity:1;transform:translateY(0)scale(1)}.resolve-modal-header{align-items:center;gap:12px;margin-bottom:6px;display:flex}.resolve-modal-icon{width:44px;height:44px;color:var(--success);background:#10b9811f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.resolve-modal-title{color:var(--text);font-size:17px;font-weight:800}.resolve-modal-sub{color:var(--text-secondary);margin-top:2px;margin-bottom:20px;padding-left:56px;font-size:13px}.resolve-cats-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;font-size:12px;font-weight:700}.resolve-cats-grid{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px;display:grid}.resolve-cat-card{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;transition:all .2s;display:flex}.resolve-cat-card:hover{border-color:var(--primary-light);background:rgba(var(--primary-rgb),.05)}.resolve-cat-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1)}.resolve-cat-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:flex}.resolve-cat-name{color:var(--text);font-size:13px;font-weight:600}.resolve-cat-desc{color:var(--text-secondary);margin-top:2px;font-size:11px}.resolve-notes-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:8px;font-size:12px;font-weight:700}.resolve-notes{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:none;border-radius:10px;outline:none;height:72px;padding:10px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.resolve-notes:focus{border-color:var(--primary)}.settings-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.settings-section-header-info{flex:220px;align-items:center;gap:10px;min-width:0;display:flex}.settings-section-header-info>div:last-child{min-width:0}.settings-section-header .page-btn{white-space:nowrap;flex-shrink:0}@media (width<=860px){.settings-section-header{flex-direction:column;align-items:stretch}.settings-section-header-info{flex-basis:auto;width:100%}.settings-section-header .page-btn{justify-content:center;width:100%}}@media (width<=480px){.page-content,.settings-section{padding:16px}#cat-list,.settings-card-grid{grid-template-columns:1fr!important}.chart-container{padding:14px;overflow:hidden}.sched-tasks-grid{grid-template-columns:1fr}}.resolve-modal-actions{background:var(--surface);gap:10px;margin-top:18px;padding-top:12px;display:flex;position:sticky;bottom:0}.resolve-cancel-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;flex:1;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s}.resolve-cancel-btn:hover{border-color:var(--danger);color:var(--danger)}.resolve-confirm-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:10px;flex:2;justify-content:center;align-items:center;gap:7px;padding:11px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.resolve-confirm-btn:hover{background:#059669;box-shadow:0 4px 14px #10b98166}.resolve-confirm-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.msg-date-divider{text-align:center;margin:16px 0}.msg-date-divider span{background:var(--chat-divider-bg,#ffffffd9);color:var(--text-secondary);border-radius:8px;padding:4px 14px;font-size:11px;font-weight:600;box-shadow:0 1px 3px #0000000f}.msg-row{margin-bottom:4px;display:flex}.msg-row.sent{justify-content:flex-start}.msg-row.received{justify-content:flex-end}.msg-col{flex-direction:column;min-width:0;max-width:65%;display:flex}.msg-col.msg-col-audio{width:50%;min-width:220px;max-width:50%}.msg-col-audio .msg-bubble.media-bubble{box-sizing:border-box;width:100%}.msg-row.sent .msg-col{align-items:flex-start}.msg-row.received .msg-col{align-items:flex-end}.msg-sender-name{color:var(--text-secondary);opacity:.8;letter-spacing:.1px;margin:0 6px 3px;font-size:11px;font-weight:500}.msg-bubble{word-wrap:break-word;border-radius:16px;max-width:100%;padding:10px 14px;font-size:14px;line-height:1.5;position:relative}.msg-text{white-space:pre-wrap;word-wrap:break-word}.msg-row.sent .msg-bubble{background:var(--primary);color:#fff;border-bottom-left-radius:4px}.msg-row.received .msg-bubble{background:var(--chat-bubble-received,#fff);color:var(--text);border-bottom-right-radius:4px;box-shadow:0 1px 2px #0000000f}.msg-time{opacity:.7;align-items:center;gap:3px;margin-top:4px;font-size:10px;display:flex}.msg-row.sent .msg-time{text-align:left;color:#ffffffd9;justify-content:flex-start}.msg-row.received .msg-time{text-align:right;color:var(--text-secondary);justify-content:flex-end}.msg-ticks{color:inherit;opacity:.9;align-items:center;line-height:0;display:inline-flex}.msg-ticks svg{display:block}.msg-ticks.msg-ticks-read{color:#53bdeb;opacity:1}.msg-bubble.media-bubble{padding:6px}.msg-bubble.media-bubble .msg-time{padding:0 6px}.msg-media-image{cursor:zoom-in;object-fit:cover;border-radius:12px;width:100%;max-width:260px;max-height:320px;display:block}.msg-media-video{background:#000;border-radius:12px;max-width:280px;max-height:320px;display:block}.msg-media-audio{width:100%;max-width:100%;height:40px}.msg-row.sent .msg-media-audio{filter:invert()hue-rotate(180deg)brightness(1.5)}.msg-media-caption{white-space:pre-wrap;word-wrap:break-word;padding:6px 8px 2px;font-size:13.5px}.msg-media-doc{align-items:center;gap:10px;min-width:200px;padding:8px 10px;display:flex}.msg-media-doc-icon{background:var(--chat-doc-icon-bg,#00000014);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.msg-row.sent .msg-media-doc-icon{background:#fff3}.msg-media-doc-info{flex-direction:column;min-width:0;display:flex}.msg-media-doc-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:13px;font-weight:600;overflow:hidden}.msg-media-doc-hint{opacity:.75;font-size:11px}.msg-media-doc a{color:inherit;text-decoration:none}.msg-media-unavailable{opacity:.8;align-items:center;gap:6px;padding:10px 14px;font-size:13px;font-style:italic;display:flex}.msg-media-spinner{animation:.9s linear infinite msg-media-spin}@keyframes msg-media-spin{to{transform:rotate(360deg)}}.msg-row .msg-bubble.msg-failed{outline:1.5px solid var(--danger)}.msg-status-row{color:var(--text-secondary);align-items:center;gap:6px;margin-top:3px;font-size:11px;display:flex}.msg-status-row.msg-status-failed{color:var(--danger)}.msg-status-row .msg-status-text{line-height:1}.msg-status-row .msg-status-action{cursor:pointer;background:0 0;border:none;align-items:center;gap:3px;padding:0;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.msg-status-row.msg-status-pending .msg-status-action{color:var(--text-secondary)}.msg-status-row.msg-status-failed .msg-status-action{color:var(--danger)}.msg-status-row.msg-status-failed .msg-status-action:hover{text-decoration:underline}.note-bubble.msg-failed{outline:1.5px solid var(--danger)}.opt-pending{opacity:.6;pointer-events:none}.msg-upload-progress{color:#fff;background:#00000059;border-radius:12px;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex;position:absolute;inset:0}.input-action-btn#voice-btn.recording{background:var(--danger);color:#fff}.input-action-btn#voice-btn.recording:hover{background:var(--danger)}.voice-recording-bar{flex:1;align-items:center;gap:10px;min-width:0;padding:0 6px;display:none}.voice-recording-bar.active{display:flex}.voice-recording-dot{background:var(--danger);border-radius:50%;width:9px;height:9px;animation:1.1s ease-in-out infinite voiceRecPulse}@keyframes voiceRecPulse{0%,to{opacity:1}50%{opacity:.3}}.voice-recording-time{color:var(--text);min-width:38px;font-size:13px;font-weight:600}.voice-recording-hint{color:var(--text-secondary);flex:1;font-size:12.5px}.voice-cancel-btn{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:6px 8px;font-family:inherit;font-size:12.5px;font-weight:700}.msg-row.note-row{justify-content:center;margin:10px 0}.note-bubble{background:var(--chat-note-bg,#fff8dc);border:1px dashed var(--chat-note-border,#e0c46c);border-radius:12px;max-width:80%;padding:9px 14px;box-shadow:0 1px 2px #0000000d}.note-bubble.note-bubble-media{padding:9px}.note-media-image{cursor:pointer;object-fit:cover;border-radius:8px;width:100%;max-width:280px;margin:2px 0 6px;display:block}.note-label{color:var(--chat-note-text,#8a6d1a);letter-spacing:.2px;align-items:center;gap:5px;margin-bottom:4px;font-size:11px;font-weight:700;display:flex}.note-text{color:var(--chat-note-body,#4a3c0d);white-space:pre-wrap;word-wrap:break-word;font-size:13.5px;line-height:1.5}.note-time{opacity:.65;color:var(--chat-note-text,#8a6d1a);text-align:left;margin-top:4px;font-size:10px}.msg-row.system-row{justify-content:center;margin:8px 0}.system-bubble{background:var(--chat-system-bubble,#0000000f);width:auto;max-width:80%;color:var(--text-secondary);text-align:center;white-space:normal;word-wrap:break-word;border-radius:14px;padding:5px 12px;font-size:11.5px;line-height:1.4;display:inline-block}.system-time{color:var(--text-secondary);opacity:.65;text-align:center;margin-top:3px;font-size:9.5px}.chat-item-agent{color:var(--text-secondary);align-items:center;gap:4px;margin-top:2px;font-size:11.5px;font-weight:700;display:flex}.chat-item-agent.unassigned{opacity:.6;font-style:italic;font-weight:400}.chat-item-labels{flex-wrap:wrap;gap:4px;margin-top:5px;display:flex}.chat-item-label-chip{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;max-width:120px;padding:2px 7px;font-size:10.5px;font-weight:600;line-height:1.5;display:inline-flex;overflow:hidden}.chat-item-label-chip .chat-item-label-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.chat-input-area.note-mode{background:var(--chat-note-bg,#fffbea);border-top:1px solid var(--chat-note-border,#e0c46c)}.chat-input-area.note-mode #msg-input{background:0 0}.chat-input-area.resolved-locked{opacity:.6}.chat-input-area.resolved-locked #msg-input{cursor:not-allowed}.resolved-banner{color:var(--text-secondary);border-top:1px solid var(--border);background:#64748b14;align-items:center;gap:8px;padding:8px 20px;font-size:12.5px;font-weight:600;display:none}.resolved-banner.show{display:flex}.resolved-banner button{border:1.5px solid var(--primary);color:var(--primary);cursor:pointer;background:0 0;border-radius:8px;margin-inline-start:auto;padding:4px 12px;font-family:inherit;font-size:12px;font-weight:700}.note-toggle-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 20px 6px;display:flex}.note-toggle-btn{border:1.5px solid var(--border);background:var(--bg);width:fit-content;color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:20px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-family:inherit;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.note-toggle-btn:hover{border-color:var(--chat-note-border,#e0c46c);color:var(--chat-note-text,#8a6d1a)}#note-mode-btn.active{color:var(--chat-note-text,#8a6d1a);background:var(--chat-note-bg,#fff1c2);border-color:var(--chat-note-border,#e0c46c)}#ai-generate-btn:hover{border-color:var(--primary-light);color:var(--primary)}#ai-generate-btn.loading{opacity:.65;cursor:wait;pointer-events:none}#ai-generate-btn .ai-spin{animation:.8s linear infinite ai-spin-anim}@keyframes ai-spin-anim{to{transform:rotate(360deg)}}.saved-replies-bar{background:var(--surface);border-top:1px solid var(--border);align-items:center;gap:8px;padding:8px 20px;display:flex;overflow-x:auto}.typing-indicator-bar{z-index:5;justify-content:center;height:0;display:flex;position:relative;overflow:visible}.typing-indicator-pill{opacity:0;pointer-events:none;background:var(--surface);border:1.5px solid var(--border);color:var(--primary);border-radius:20px;align-items:center;gap:8px;padding:6px 16px;font-size:12px;font-weight:600;transition:opacity .2s,transform .2s;display:inline-flex;position:absolute;bottom:6px;transform:translateY(6px);box-shadow:0 4px 14px #0000001a}.typing-indicator-bar.show .typing-indicator-pill{opacity:1;pointer-events:auto;transform:translateY(0)}.typing-indicator-dots{align-items:center;gap:3px;display:inline-flex}.typing-indicator-dots i{background:var(--primary);border-radius:50%;width:5px;height:5px;animation:1.1s ease-in-out infinite typingDotPulse;display:inline-block}.typing-indicator-dots i:nth-child(2){animation-delay:.15s}.typing-indicator-dots i:nth-child(3){animation-delay:.3s}@keyframes typingDotPulse{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}.sr-chip{border:1.5px solid var(--primary-light);background:rgba(var(--primary-rgb),.06);color:var(--primary);white-space:nowrap;cursor:pointer;border-radius:20px;padding:7px 15px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s}.sr-chip:hover{background:var(--primary);color:#fff}.sr-label{color:var(--text-secondary);white-space:nowrap;margin-right:4px;font-size:12.5px;font-weight:700}.chat-input-area{background:var(--surface);flex-direction:row-reverse;align-items:flex-end;gap:10px;padding:6px 20px 16px;display:flex;position:relative}.mention-dropdown{background:var(--surface);border:1.5px solid var(--border);z-index:120;border-radius:12px;max-width:280px;max-height:220px;margin-bottom:6px;padding:6px;position:absolute;bottom:100%;left:20px;right:20px;overflow:hidden auto;box-shadow:0 14px 44px #00000038}.mention-option{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px 9px;font-family:inherit;font-size:13px;display:flex}.mention-option.active,.mention-option:hover{background:var(--bg)}.input-actions{flex-shrink:0;gap:2px;display:flex}.input-action-btn{width:38px;height:38px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.input-action-btn:hover{color:var(--primary);background:rgba(var(--primary-rgb),.08)}#msg-input{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);resize:none;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:anywhere;border-radius:24px;outline:none;flex:1;width:100%;min-width:0;max-height:160px;padding:10px 16px;font-family:inherit;font-size:14px;line-height:1.4;transition:border-color .2s;overflow-y:auto}#msg-input:focus{border-color:var(--primary)}.send-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:all .2s;display:flex}.send-btn:hover{background:var(--primary-dark);box-shadow:0 4px 15px rgba(var(--primary-rgb),.4);transform:scale(1.05)}.media-preview-bar{flex-direction:row-reverse;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.media-preview-cancel{background:var(--bg);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:flex}.media-preview-cancel:hover{background:var(--danger);color:#fff}.media-preview-thumb{background:var(--bg);border:1.5px solid var(--border);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.media-preview-thumb img,.media-preview-thumb video{object-fit:cover;width:100%;height:100%}.media-preview-doc-icon{color:var(--primary);justify-content:center;align-items:center;display:flex}.media-preview-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.media-preview-filename{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.media-preview-caption{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);border-radius:20px;outline:none;width:100%;padding:9px 14px;font-family:inherit;font-size:14px;transition:border-color .2s}.media-preview-caption:focus{border-color:var(--primary)}.media-lightbox-toolbar{top:16px;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414bf;border-radius:24px;align-items:center;gap:4px;padding:6px;display:flex;position:absolute;inset-inline-end:16px}.media-lightbox-toolbar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex}.media-lightbox-toolbar button:hover:not(:disabled){background:#ffffff26}.media-lightbox-toolbar button:disabled{opacity:.35;cursor:default}.media-lightbox-toolbar button.media-lightbox-close:hover{background:var(--danger)}.media-lightbox-zoom-level{color:#fff;text-align:center;-webkit-user-select:none;user-select:none;min-width:38px;font-size:12px;font-weight:600}#customer-panel{background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:300px;min-width:300px;transition:margin-right .3s,opacity .3s;display:flex;overflow:hidden}#customer-panel.hidden{opacity:0;pointer-events:none;margin-right:-300px}@media (width>=861px) and (width<=1180px){#customer-panel{inset:0 0 0 auto;z-index:80;max-width:100%;transition:transform .3s,opacity .3s;top:0;bottom:0;transform:translate(0);box-shadow:-6px 0 24px #00000026;width:300px!important;min-width:0!important;margin-right:0!important;position:fixed!important}#customer-panel.hidden{opacity:1;pointer-events:none;transform:translate(100%)}}.cp-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cp-header h3{font-size:15px;font-weight:700}.cp-close-btn{background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.cp-close-btn:hover{background:var(--danger);color:#fff}.cp-profile{text-align:center;border-bottom:1px solid var(--border);padding:20px}.cp-avatar{border:3px solid var(--primary-light);border-radius:50%;width:72px;height:72px;margin:0 auto 12px;overflow:hidden}.cp-avatar img{object-fit:cover;width:100%;height:100%}.cp-name{margin-bottom:4px;font-size:16px;font-weight:700}.cp-phone{color:var(--text-secondary);font-size:13px}.cp-tabs{border-bottom:1.5px solid var(--border);background:var(--surface);z-index:5;flex-shrink:0;padding:0 20px;display:flex;position:sticky;top:0}.cp-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex:1;padding:12px 0;font-family:inherit;font-size:13px;font-weight:600;transition:color .2s;position:relative}.cp-tab:hover,.cp-tab.active{color:var(--primary)}.cp-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.cp-tab-content{flex:1;display:none;overflow-y:auto}.cp-tab-content.active{display:block}.cd-tabs{border-bottom:1.5px solid var(--border);gap:6px;display:flex}.cd-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-left:20px;padding:10px 4px 12px;font-family:inherit;font-size:13.5px;font-weight:700;transition:color .2s;display:flex;position:relative}.cd-tab:hover,.cd-tab.active{color:var(--primary)}.cd-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.cd-tab-content{padding-top:12px;display:none}.cd-tab-content.active{display:block}.cp-section{border-bottom:1px solid var(--border);padding:16px 20px}.cp-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;font-size:12px;font-weight:700}.assign-me-btn{border:1.5px solid var(--primary);background:rgba(var(--primary-rgb),.08);width:100%;color:var(--primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-bottom:10px;padding:10px;font-family:inherit;font-size:13px;font-weight:700;transition:all .2s;display:flex}.assign-me-btn:hover{background:var(--primary);color:#fff}.assign-me-btn.assigned{background:var(--success);border-color:var(--success);color:#fff}.agent-select-wrap{position:relative}.agent-select-btn{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;width:100%;color:var(--text);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-family:inherit;font-size:13px;transition:border-color .2s;display:flex}.agent-select-btn:hover{border-color:var(--primary-light)}.agent-dropdown{background:var(--surface);border:1.5px solid var(--border);z-index:20;border-radius:10px;display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden;box-shadow:0 10px 40px #0000001f}.agent-dropdown.open{display:block}.agent-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;font-size:13px;transition:background .1s;display:flex}.agent-option:hover{background:rgba(var(--primary-rgb),.06)}.agent-option.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.agent-option-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.agent-option-avatar img{object-fit:cover;width:100%;height:100%}.agent-dropdown-search-wrap{border-bottom:1px solid var(--border);padding:8px;position:relative}.agent-dropdown-search{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:8px 10px 8px 30px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.agent-dropdown-search:focus{border-color:var(--primary)}.agent-dropdown-search-icon{color:var(--text-secondary);pointer-events:none;width:14px;height:14px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.agent-dropdown-list{max-height:220px;overflow-y:auto}.agent-dropdown-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12.5px}.prev-conv-list{flex-direction:column;gap:6px;display:flex}.prev-conv-item{border:1.5px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 12px;transition:all .15s}.prev-conv-item:hover{border-color:var(--primary-light);background:rgba(var(--primary-rgb),.04)}.prev-conv-top-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:2px;display:flex}.prev-conv-date{color:var(--primary);font-size:11px;font-weight:600}.prev-conv-days-ago{color:var(--text-secondary);white-space:nowrap;background:#64748b1a;border-radius:100px;padding:1px 8px;font-size:10.5px;font-weight:600}.prev-conv-phone{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:3px;font-size:11px;display:flex}.prev-conv-preview{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.prev-conv-footer{justify-content:space-between;align-items:center;gap:8px;margin-top:4px;display:flex}.prev-conv-count{color:var(--text-secondary);font-size:11px}.prev-conv-agent{color:var(--primary);white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:4px;font-size:11px;font-weight:600;display:flex;overflow:hidden}.info-list{flex-direction:column;gap:8px;display:flex}.info-item{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;row-gap:8px;padding:10px 12px;display:flex}.info-item-text{align-items:center;gap:8px;min-width:0;font-size:13px;font-weight:500;display:flex}.info-item-text svg{color:var(--primary);flex-shrink:0}.info-item-actions{gap:6px;display:flex}@media (width<=480px){.info-item-actions{justify-content:stretch;width:100%}.info-item-actions .resolve-cancel-btn{flex:1;gap:5px;padding:6px 8px!important;font-size:11px!important}.info-item-actions .resolve-cancel-btn svg{width:11px;height:11px}}.info-item-del{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.info-item-del:hover{color:var(--danger);background:#ef44441a}.add-btn{border:1.5px dashed var(--border);width:100%;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:9px;font-family:inherit;font-size:13px;font-weight:600;transition:all .15s;display:flex}.add-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.04)}.add-form{flex-direction:column;gap:8px;margin-top:8px;display:none}.add-form.show{animation:.2s fadeIn;display:flex}.add-form input{border:1.5px solid var(--border);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:13px;transition:border-color .2s}.add-form input:focus{border-color:var(--primary)}.add-form-actions{gap:6px;display:flex}.add-form-actions button{cursor:pointer;border:none;border-radius:8px;flex:1;padding:8px;font-family:inherit;font-size:12px;font-weight:600;transition:all .15s}.add-confirm{background:var(--primary);color:#fff}.add-confirm:hover{background:var(--primary-dark)}.add-cancel{background:var(--bg);color:var(--text-secondary);border:1.5px solid var(--border)!important}.add-cancel:hover{background:var(--danger);color:#fff;border-color:var(--danger)!important}.device-card{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;margin-bottom:8px;padding:12px}.device-name{align-items:center;gap:6px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.device-name svg{color:var(--primary)}.device-detail{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:3px;font-size:12px;display:flex}.device-detail svg{width:14px;height:14px}.device-pw{letter-spacing:1px;font-family:monospace}.device-card-actions{justify-content:flex-end;gap:4px;margin-top:8px;display:flex}.device-edit-input{border:1.5px solid var(--primary);box-sizing:border-box;border-radius:7px;outline:none;width:100%;margin-bottom:6px;padding:7px 9px;font-family:inherit;font-size:12px}.cp-section-title-row{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.cp-section-title-row .cp-section-title{margin-bottom:0}.st-count-badge{background:var(--primary);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:700;display:flex}.cp-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.cp-section-header .cp-section-title{margin-bottom:0}.cp-section-header-right{align-items:center;gap:8px;display:flex}.cp-collapse-chevron{width:16px;height:16px;color:var(--text-secondary);transition:transform .2s}.cp-section.collapsed .cp-collapse-chevron{transform:rotate(-90deg)}.cp-section-body{margin-top:10px}.cp-section.collapsed .cp-section-body{display:none}.conv-label-list{flex-wrap:wrap;gap:6px;display:flex}.conv-label-chip{border-radius:8px;align-items:center;gap:6px;padding:5px 9px 5px 6px;font-size:12px;font-weight:600;display:inline-flex}.conv-label-chip .conv-label-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.conv-label-chip .conv-label-remove{width:15px;height:15px;color:inherit;cursor:pointer;opacity:.7;background:#00000014;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.conv-label-chip .conv-label-remove:hover{opacity:1;background:#0000002e}.conv-label-empty{color:var(--text-secondary);font-size:12.5px}.conv-label-add-btn{border:1.5px dashed var(--border);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.conv-label-add-btn:hover{border-color:var(--primary);color:var(--primary);background:rgba(var(--primary-rgb),.06)}.conv-label-add-wrap{z-index:5;display:inline-block;position:relative}.label-popover{background:var(--surface);border:1.5px solid var(--border);z-index:2000;border-radius:12px;flex-direction:column;width:240px;max-height:calc(100vh - 24px);display:none;position:fixed;overflow:hidden;box-shadow:0 10px 40px #00000024}.label-popover.open{display:flex}.label-popover-list{flex:auto;min-height:0;padding:6px;overflow-y:auto}.label-popover-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12.5px}.label-popover-option{cursor:pointer;border-radius:8px;align-items:center;gap:9px;padding:8px 10px;font-size:13px;transition:background .1s;display:flex}.label-popover-option:hover{background:rgba(var(--primary-rgb),.06)}.label-popover-check{border:1.5px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.label-popover-option.selected .label-popover-check{background:var(--primary);border-color:var(--primary);color:#fff}.label-popover-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.label-popover-footer{border-top:1px solid var(--border);flex-shrink:0;padding:8px}.label-popover-new-btn{width:100%;color:var(--primary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:700;display:flex}.label-popover-new-btn:hover{background:rgba(var(--primary-rgb),.08)}.label-popover-new-form{flex-direction:column;gap:8px;padding:10px;display:none}.label-popover-new-form.show{display:flex}.label-popover-new-form input{border:1.5px solid var(--border);border-radius:8px;outline:none;padding:8px 10px;font-family:inherit;font-size:12.5px}.label-popover-new-form input:focus{border-color:var(--primary)}.label-color-swatches{flex-wrap:wrap;gap:6px;display:flex}.label-color-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:20px;height:20px}.label-color-swatch.selected{border-color:var(--text)}.sched-subhead{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;cursor:default;align-items:center;gap:6px;margin:12px 0 8px;font-size:11px;font-weight:700;display:flex}.sched-subhead .sched-subhead-count{color:var(--text-secondary);text-transform:none;letter-spacing:0;font-weight:600}.sched-task-card{border:1.5px solid var(--border);background:var(--bg);box-sizing:border-box;border-radius:10px;min-width:0;margin-bottom:8px;padding:11px 12px;transition:box-shadow .3s,border-color .3s}.sched-task-card.ended{opacity:.65}.sched-task-card.sched-task-highlight{border-color:var(--primary);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.18)}.cd-sched-task-badge{background:rgba(var(--primary-rgb),.1);color:var(--primary);cursor:pointer;border:1.5px dashed var(--primary);border-radius:9px;align-items:center;gap:7px;padding:7px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.cd-sched-task-badge:hover{background:rgba(var(--primary-rgb),.18)}.sched-task-customer{color:var(--text);align-items:center;gap:6px;margin-bottom:8px;font-size:15px;font-weight:800;display:flex}.sched-task-customer svg{color:var(--primary);flex-shrink:0}.sched-task-subrow{color:var(--text-secondary);border-bottom:1px dashed var(--border);justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:9px;font-size:11.5px;font-weight:600;display:flex}.sched-task-subrow span{align-items:center;gap:4px;min-width:0;display:flex}.sched-task-subrow svg{flex-shrink:0;width:13px;height:13px}.sched-task-text{color:var(--text);white-space:pre-wrap;word-break:break-word;margin-bottom:10px;font-size:14px;font-weight:600;line-height:1.65}.sched-task-meta{color:var(--text-secondary);align-items:center;gap:4px;margin-bottom:3px;font-size:11.5px;display:flex}.sched-task-meta svg{flex-shrink:0;width:13px;height:13px}.sched-task-actions{justify-content:flex-end;margin-top:6px;display:flex}.sched-end-btn{background:var(--success);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-family:inherit;font-size:11.5px;font-weight:700;transition:all .15s;display:flex}.sched-end-btn:hover{background:#059669}.sched-ended-tag{color:var(--success);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:4px;font-size:10.5px;font-weight:700;display:flex}.sched-ended-tag.late{color:var(--danger)}.sched-filters-bar{flex-wrap:wrap;gap:14px;margin-bottom:16px;display:flex}.sched-filter-group{flex-direction:column;gap:5px;min-width:180px;display:flex}.sched-filter-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;align-items:center;gap:5px;font-size:11px;font-weight:700;display:flex}.sched-filter-group input{cursor:text}#page-scheduled-tasks .page-header{flex-wrap:wrap;row-gap:12px}.sched-header-actions{gap:8px;display:flex}@media (width<=860px){.sched-header-actions{flex-direction:column-reverse;width:100%}.sched-header-actions .page-btn{justify-content:center;width:100%}}.sched-page-tabs{border-bottom:1.5px solid var(--border);gap:6px;margin-bottom:16px;display:flex}.sched-page-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:10px 16px;font-family:inherit;font-size:13.5px;font-weight:700;transition:color .15s;display:flex;position:relative}.sched-page-tab:hover,.sched-page-tab.active{color:var(--primary)}.sched-page-tab.active:after{content:"";background:var(--primary);border-radius:2px 2px 0 0;height:2.5px;position:absolute;bottom:-1.5px;left:0;right:0}.sched-page-tab .sched-subhead-count{color:inherit;font-weight:600}.st-modal-readonly-row{gap:8px;margin-bottom:14px;display:flex}.st-modal-readonly{background:var(--bg);border:1.5px solid var(--border);border-radius:9px;flex:1;min-width:0;padding:9px 11px}@media (width<=480px){.st-modal-readonly-row{flex-direction:column;gap:12px}}.st-modal-readonly-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.4px;margin-bottom:3px;font-size:10px;font-weight:700}.st-modal-readonly-value{color:var(--text);font-size:13px;font-weight:600}#page-customer-details .page-header{border-bottom:1.5px solid var(--border-strong);margin-bottom:16px;padding-bottom:16px}#page-customer-details .st-modal-readonly{border:1.5px solid var(--border-strong)}#page-customer-details .st-modal-readonly-row{border-bottom:1.5px solid var(--border-strong);margin-bottom:0;padding-bottom:14px}#page-customer-details .st-modal-readonly-row+.st-modal-readonly-row,#page-customer-details .st-modal-readonly-row+.st-modal-readonly,#page-customer-details .st-modal-readonly+.st-modal-readonly-row{margin-top:14px}#page-customer-details .cd-tabs{border-bottom:1.5px solid var(--border-strong);margin-top:20px;padding-top:4px}.sched-tasks-grid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;min-width:0;display:grid}.empty-chat{color:var(--text-secondary);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.empty-chat-icon{background:rgba(var(--primary-rgb),.08);width:80px;height:80px;color:var(--primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.empty-chat h3{color:var(--text);font-size:18px}.empty-chat p{font-size:14px}.page-content{background:var(--bg);flex:1;padding:32px;overflow-y:auto}.page-with-fixed-footer{flex-direction:column;overflow:hidden}.page-with-fixed-footer .page-content{flex:1;min-height:0}.page-fixed-footer{background:var(--bg);flex-shrink:0;padding:0 32px 32px}.page-fixed-footer .contacts-pagination{margin-top:0}@media (width<=640px){.page-fixed-footer{padding:0 16px 16px}}.page-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.page-header h2{font-size:24px;font-weight:700}.contacts-header-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=640px){.contacts-page-header{flex-direction:column;align-items:stretch;row-gap:12px}.contacts-header-actions{flex-direction:column;width:100%}.contacts-header-actions .page-btn{order:2;justify-content:center;width:100%}.contacts-header-actions #add-customer-btn{order:1}}.page-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:600;transition:all .2s;display:flex}.page-btn:hover{background:var(--primary-dark);box-shadow:0 4px 15px rgba(var(--primary-rgb),.3);transform:translateY(-1px)}.chart-container{background:var(--surface);border:1px solid var(--border);border-radius:16px;margin-bottom:28px;padding:24px}.coming-soon-box{text-align:center;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:80px 20px;display:flex}.coming-soon-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));width:56px;height:56px;box-shadow:0 4px 16px rgba(var(--primary-rgb),.35);border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.coming-soon-box h3{color:var(--text);font-size:18px;font-weight:700}.coming-soon-box p{font-size:13.5px}.contacts-tabs{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.contacts-tab{border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.contacts-tab:hover{border-color:var(--primary-light);color:var(--text)}.contacts-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.contacts-tab-count{background:#00000014;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700}.contacts-tab.active .contacts-tab-count{background:#ffffff40}.contacts-subtabs{border-right:2.5px solid var(--border);padding-right:4px}.contacts-subtab{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.contacts-subtab:hover{border-color:var(--primary-light);color:var(--text)}.contacts-subtab.active{background:rgba(var(--primary-rgb),.1);border-color:var(--primary);color:var(--primary)}.contacts-subtab .contacts-tab-count{background:#0000000f}.contacts-subtab.active .contacts-tab-count{background:rgba(var(--primary-rgb),.18);color:var(--primary)}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.contact-modules-grid{border:1.5px solid var(--border);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px 10px;max-height:220px;margin-bottom:6px;padding:10px;display:grid;overflow-y:auto}.contact-modules-item{color:var(--text);cursor:pointer;align-items:center;gap:7px;font-size:12.5px;display:flex}.contact-modules-item input{accent-color:var(--primary);cursor:pointer;flex-shrink:0}.contact-modules-badges{flex-wrap:wrap;gap:6px;display:flex}.contact-modules-badge{background:rgba(var(--primary-rgb),.12);color:var(--primary);border-radius:20px;padding:4px 12px;font-size:12px;font-weight:700}.contact-modules-badge.is-custom{color:var(--success);background:#10b9811f}.contacts-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.contacts-pagination button{border:1.5px solid var(--border);background:var(--surface);min-width:34px;height:34px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 10px;font-size:13px;font-weight:600;transition:all .15s}.contacts-pagination button:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.contacts-pagination button.active{background:var(--primary);border-color:var(--primary);color:#fff}.contacts-pagination button:disabled{opacity:.4;cursor:not-allowed}.contacts-pagination .cp-ellipsis{color:var(--text-secondary);padding:0 4px;font-size:13px}.contact-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:16px;align-items:center;gap:14px;padding:20px;transition:all .2s;display:flex}.contact-card:hover{border-color:var(--primary-light);transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.contact-card-avatar{border-radius:50%;flex-shrink:0;width:52px;height:52px;overflow:hidden}.contact-card-avatar img{object-fit:cover;width:100%;height:100%}.contact-card-name{margin-bottom:2px;font-size:14px;font-weight:700}.contact-card-info{color:var(--text-secondary);font-size:12px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;transition:all .2s}.template-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000014}.template-tag{border-radius:20px;margin-bottom:10px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-block}.template-card h4{margin-bottom:8px;font-size:15px;font-weight:700}.template-card p{color:var(--text-secondary);font-size:13px;line-height:1.5}.settings-section{background:var(--surface);border:1px solid var(--border);border-radius:16px;max-width:100%;margin-bottom:20px;padding:24px;overflow:hidden}.settings-section h3{margin-bottom:16px;font-size:16px;font-weight:700}.setting-row{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.setting-row:last-child{border-bottom:none}.setting-row>*{min-width:0}.setting-row>div:first-child{flex:160px}.setting-label{overflow-wrap:anywhere;font-size:14px;font-weight:500}.setting-desc{color:var(--text-secondary);overflow-wrap:anywhere;margin-top:2px;font-size:12px}.setting-row span{overflow-wrap:anywhere;word-break:break-word}@media (width<=480px){.setting-row{justify-content:flex-start}.setting-row>div:first-child{flex-basis:100%}}.toggle{background:var(--border);cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;min-width:44px;height:24px;transition:background .2s;position:relative}.toggle.on{background:var(--primary)}.toggle:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0003}.toggle.on:after{transform:translate(20px)}#toast-container{z-index:9999;flex-direction:column;gap:8px;display:flex;position:fixed;top:20px;left:50%;transform:translate(-50%)}.toast{color:#fff;opacity:0;white-space:nowrap;border-radius:12px;padding:12px 24px;font-family:DM Sans;font-size:13px;font-weight:600;transition:all .3s;transform:translateY(-10px);box-shadow:0 8px 25px #00000026}.toast.show{opacity:1;transform:translateY(0)}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:.3s fadeIn}#settings-layout{flex:1;width:100%;display:flex;overflow:hidden}#settings-sidebar{background:var(--surface);border-left:1px solid var(--border);width:260px;min-width:260px;padding:20px 14px;overflow-y:auto}.settings-sidebar-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.6px;margin-bottom:10px;padding:0 10px;font-size:11px;font-weight:700}.settings-nav-item{color:var(--text);cursor:pointer;text-align:right;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;margin-bottom:2px;padding:10px 12px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s;display:flex}.settings-nav-item:hover{background:var(--bg);color:var(--primary)}.settings-nav-item.active{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:700}.settings-nav-item .beta-tag{color:var(--secondary);letter-spacing:.3px;background:#00d2ff1f;border-radius:6px;margin-right:auto;padding:2px 6px;font-size:9px;font-weight:700}#settings-content-panel{flex:1;overflow-y:auto}.settings-back-row{align-items:center;gap:8px;padding:14px 20px 0;display:none}.settings-back-row .mobile-back-btn{background:var(--bg)}@media (width<=860px){#settings-sidebar{border-left:none;width:100%!important;min-width:0!important}#settings-content-panel,#settings-layout.mobile-section-open #settings-sidebar{display:none}#settings-layout.mobile-section-open #settings-content-panel{width:100%;display:block!important}.settings-back-row{display:flex}}.settings-content-section{display:none}.settings-content-section.active{display:block}.settings-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.settings-top-row>div:first-child{flex:220px;min-width:0}.settings-top-row h2{font-size:22px;font-weight:700}.settings-top-desc{color:var(--text-secondary);margin-top:2px;font-size:13px}.settings-top-row .page-btn{white-space:nowrap;flex-shrink:0}@media (width<=900px){.settings-top-row{flex-direction:column!important;align-items:stretch!important}.settings-top-row>div:first-child{flex-basis:100%;width:100%}.settings-top-row .page-btn{order:2;justify-content:center;margin-top:4px;width:100%!important}#settings-sec-agents .settings-top-row{flex-direction:column!important}#add-agent-btn{justify-content:center!important;width:100%!important;margin-top:8px!important}}.settings-table{border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:14px;width:100%;overflow:hidden}.settings-table th{text-align:left;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border);padding:12px 16px;font-size:11px;font-weight:700}.settings-table td{text-align:left;border-bottom:1px solid var(--border);vertical-align:middle;padding:13px 16px;font-size:13.5px}.settings-table tr:last-child td{border-bottom:none}.settings-table tr:hover td{background:rgba(var(--primary-rgb),.03)}.st-person{align-items:center;gap:10px;display:flex}.st-avatar{border-radius:50%;flex-shrink:0;width:32px;height:32px;overflow:hidden}.st-avatar img{object-fit:cover;width:100%;height:100%}.st-pill{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.st-pill.role-admin{background:rgba(var(--primary-rgb),.12);color:var(--primary)}.st-pill.role-agent{color:#0891b2;background:#00d2ff1f}.st-pill-dot{border-radius:50%;width:7px;height:7px}.st-pill.status-online{color:var(--success);background:#10b9811a}.st-pill.status-busy{color:var(--warning);background:#f59e0b1a}.st-pill.status-offline{color:var(--text-secondary);background:#64748b1a}.st-pill.verified{color:var(--success);background:#10b9811a}.st-pill.pending{color:var(--warning);background:#f59e0b1a}.st-icon-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:inline-flex}.st-icon-btn:hover{background:var(--bg);color:var(--primary)}.st-icon-btn.danger:hover{color:var(--danger);background:#ef44441a}.agent-name-edit-input{color:var(--text);border:1.5px solid var(--primary);border-radius:8px;outline:none;width:150px;padding:4px 8px;font-family:inherit;font-size:13.5px;font-weight:600}.agent-name-edit-actions{gap:2px;margin-left:4px;display:inline-flex}.agent-you-tag{color:var(--primary);background:rgba(var(--primary-rgb),.1);border-radius:6px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:700}.settings-card-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.settings-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:18px;transition:all .2s}.settings-card:hover{border-color:var(--primary-light);box-shadow:0 6px 20px #0000000f}.settings-card-icon{border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;margin-bottom:12px;display:flex}.settings-card-title{margin-bottom:4px;font-size:14px;font-weight:700}.settings-card-desc{color:var(--text-secondary);margin-bottom:12px;font-size:12px;line-height:1.5}.settings-card-meta{color:var(--text-secondary);border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;display:flex}.settings-card-connect{color:var(--primary);cursor:pointer;font-size:12px;font-weight:700}.label-chip{border-radius:8px;align-items:center;gap:7px;padding:6px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.label-chip-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.rule-row{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:14px 16px;display:flex}.rule-row-left{align-items:center;gap:12px;display:flex}.rule-row-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.rule-row-title{font-size:13.5px;font-weight:700}.rule-row-desc{color:var(--text-secondary);margin-top:2px;font-size:12px}.rule-row-right{align-items:center;gap:10px;display:flex}.iw-overlay{z-index:1000;opacity:0;pointer-events:none;background:#0f0f238c;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.iw-overlay.show{opacity:1;pointer-events:auto}.iw-modal{background:var(--surface);opacity:0;border-radius:20px;flex-direction:column;width:720px;max-width:100%;max-height:88vh;transition:transform .25s,opacity .25s;display:flex;transform:translateY(16px)scale(.97);box-shadow:0 24px 70px #00000059}.iw-overlay.show .iw-modal{opacity:1;transform:translateY(0)scale(1)}.iw-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.iw-head-title{font-size:16px;font-weight:800}.iw-close-btn{background:var(--bg);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:flex}.iw-close-btn:hover{background:var(--border);color:var(--text)}.iw-steps{border-bottom:1px solid var(--border);align-items:flex-start;gap:0;padding:18px 24px 6px;display:flex}.iw-step{text-align:center;flex-direction:column;flex:1;align-items:center;gap:6px;display:flex;position:relative}.iw-step:before{content:"";background:var(--border);z-index:0;width:100%;height:2px;position:absolute;top:15px;right:50%}.iw-step:first-child:before{display:none}.iw-step.done:before{background:var(--success)}.iw-step-num{background:var(--bg);border:2px solid var(--border);width:30px;height:30px;color:var(--text-secondary);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:800;transition:all .2s;display:flex}.iw-step.active .iw-step-num{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 0 0 4px rgba(var(--primary-rgb),.15)}.iw-step.done .iw-step-num{background:var(--success);border-color:var(--success);color:#fff}.iw-step-label{color:var(--text-secondary);font-size:11.5px;font-weight:700}.iw-step.active .iw-step-label{color:var(--primary)}.iw-step.done .iw-step-label{color:var(--success)}.iw-step-desc{color:var(--text-secondary);max-width:120px;font-size:10.5px;line-height:1.4;display:none}.iw-body{flex:1;padding:22px 24px;overflow-y:auto}.iw-panel{display:none}.iw-panel.active{display:block}.iw-channel-group-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:16px 0 10px;font-size:11px;font-weight:800}.iw-channel-group-title:first-child{margin-top:0}.iw-channel-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;display:grid}.iw-channel-card{border:1.5px solid var(--border);cursor:pointer;background:var(--surface);border-radius:14px;padding:14px;transition:all .15s;position:relative}.iw-channel-card:hover{border-color:var(--primary-light);box-shadow:0 6px 18px #0000000f}.iw-channel-card.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05);box-shadow:0 0 0 3px rgba(var(--primary-rgb),.12)}.iw-channel-card.disabled{opacity:.55;cursor:not-allowed}.iw-channel-card.disabled:hover{border-color:var(--border);box-shadow:none}.iw-channel-icon{color:#fff;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:10px;display:flex}.iw-channel-name{margin-bottom:2px;font-size:13px;font-weight:700}.iw-channel-desc{color:var(--text-secondary);font-size:11px;line-height:1.4}.iw-channel-badge{color:var(--success);background:#10b9811f;border-radius:6px;padding:2px 7px;font-size:9px;font-weight:800;position:absolute;top:10px;left:10px}.iw-channel-badge.soon{color:var(--text-secondary);background:#94a3b826}.iw-protocol-note{color:var(--text);background:#10b9810f;border:1px solid #10b98140;border-radius:12px;align-items:flex-start;gap:10px;margin-top:16px;padding:12px 14px;font-size:12.5px;line-height:1.5;display:flex}.iw-protocol-note i{color:var(--success);flex-shrink:0;margin-top:1px}.iw-form-row{margin-bottom:16px}.iw-form-label{align-items:center;gap:6px;margin-bottom:6px;font-size:12.5px;font-weight:700;display:flex}.iw-form-hint{color:var(--text-secondary);margin-top:5px;font-size:11px;line-height:1.5}.iw-input{border:1.5px solid var(--border);background:var(--bg);border-radius:10px;width:100%;padding:11px 13px;font-family:inherit;font-size:13.5px;transition:border-color .15s}input[type=date].iw-input,input[type=time].iw-input{box-sizing:border-box;appearance:none;min-width:0;max-width:100%;height:auto;line-height:normal}@media (width<=480px){input[type=date].iw-input,input[type=time].iw-input{padding:11px 13px;font-size:13.5px}}.iw-input:focus{border-color:var(--primary);background:var(--surface);outline:none}.iw-input.readonly{background:var(--bg);color:var(--text-secondary);cursor:default}.iw-verify-row{align-items:center;gap:10px;display:flex}.iw-verify-status{align-items:center;gap:6px;padding:9px 4px;font-size:12px;font-weight:700;display:flex}.iw-verify-status.ok{color:var(--success)}.iw-verify-status.err{color:var(--danger)}.iw-verify-status.pending{color:var(--text-secondary)}.iw-agent-list{flex-direction:column;gap:8px;max-height:320px;display:flex;overflow-y:auto}.iw-agent-row{border:1.5px solid var(--border);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:11px 14px;transition:all .15s;display:flex}.iw-agent-row:hover{border-color:var(--primary-light)}.iw-agent-row.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.05)}.iw-agent-check{border:2px solid var(--border);color:#fff;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.iw-agent-row.selected .iw-agent-check{background:var(--primary);border-color:var(--primary)}.iw-agent-name{flex:1;font-size:13.5px;font-weight:600}.iw-agent-role{color:var(--text-secondary);background:var(--bg);border-radius:6px;padding:3px 8px;font-size:10.5px}.iw-success{text-align:center;padding:20px 10px}.iw-success-icon{width:70px;height:70px;color:var(--success);background:#10b9811f;border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.iw-success-title{margin-bottom:8px;font-size:19px;font-weight:800}.iw-success-desc{color:var(--text-secondary);max-width:380px;margin:0 auto;font-size:13.5px;line-height:1.6}.iw-success-card{text-align:right;background:var(--bg);color:var(--text-secondary);border-radius:12px;margin-top:20px;padding:14px 16px;font-size:12.5px;display:inline-block}.iw-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.iw-btn{cursor:pointer;border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:700;display:inline-flex}.iw-btn-primary{background:var(--primary);color:#fff}.iw-btn-primary:hover{background:var(--primary-dark)}.iw-btn-primary:disabled{opacity:.5;cursor:not-allowed}.iw-btn-ghost{color:var(--text-secondary);background:0 0}.iw-btn-ghost:hover{background:var(--bg)}.iw-spin{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite iw-spin}.team-icon-grid,.team-color-grid{flex-wrap:wrap;gap:8px;display:flex}.team-icon-opt{border:1.5px solid var(--border);background:var(--bg);cursor:pointer;width:36px;height:36px;color:var(--text-secondary);border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.team-icon-opt:hover{border-color:var(--primary-light)}.team-icon-opt.selected{border-color:var(--primary);background:rgba(var(--primary-rgb),.1);color:var(--primary)}.team-color-opt{cursor:pointer;border:2px solid #0000;border-radius:50%;width:24px;height:24px;transition:all .15s}.team-color-opt.selected{border-color:var(--text);box-shadow:0 0 0 2px var(--surface)}.iw-empty{text-align:center;color:var(--text-secondary);padding:40px 20px}#page-loader{z-index:99999;background:var(--sidebar-bg,#0f0f23);justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}#page-loader.hide{opacity:0;visibility:hidden;pointer-events:none}#page-loader img{object-fit:contain;width:64px;height:64px;animation:1.1s ease-in-out infinite loader-pulse}@keyframes loader-pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.qr-item{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:14px 16px;transition:border-color .2s}.qr-item:hover{border-color:var(--primary-light)}.qr-item-header{align-items:center;gap:10px;display:flex}.qr-drag-handle{cursor:grab;color:var(--text-secondary);touch-action:none;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;display:flex}.qr-icon-box{background:rgba(var(--primary-rgb),.1);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.qr-label-badge{background:rgba(var(--primary-rgb),.12);color:var(--primary);text-overflow:ellipsis;white-space:nowrap;border-radius:20px;flex:auto;min-width:0;padding:2px 10px;font-size:11px;font-weight:700;display:inline-block;overflow:hidden}.qr-actions{flex-shrink:0;gap:4px;margin-inline-start:auto;display:flex}.qr-item-text{color:var(--text);white-space:normal;word-break:normal;overflow-wrap:break-word;margin-top:10px;font-size:13px;line-height:1.7}.qr-edit-box{margin-top:10px}@media (width<=860px){.qr-item-header{flex-wrap:wrap;row-gap:8px}.qr-drag-handle{border-bottom:1px dashed var(--border);flex-basis:100%;order:-1;padding:2px 0 6px}}.dashboard-footer-bar{z-index:40;box-sizing:border-box;text-align:center;width:100%;color:var(--text-secondary);background:var(--surface);opacity:.85;pointer-events:none;padding:2px 0;font-size:9px;line-height:1.2;position:absolute;bottom:0;left:0;right:0}.mc-duration-toggle{gap:6px;margin-bottom:8px;display:flex}.mc-duration-btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text-secondary);cursor:pointer;border-radius:9px;flex:1;padding:8px 10px;font-family:inherit;font-size:12.5px;font-weight:600;transition:all .15s}.mc-duration-btn.active{border-color:var(--primary);background:rgba(var(--primary-rgb),.12);color:var(--primary)}.mc-duration-unit-wrap{gap:8px;display:flex}.mc-duration-unit-wrap .iw-input{flex:1;width:auto}.tpl-save-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600;display:flex}.tpl-cancel-btn{border:1.5px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 14px;font-family:inherit;font-size:12px;font-weight:600}.crop-modal-overlay{z-index:9500;background:#0000008c;justify-content:center;align-items:center;padding:20px;animation:.15s ease-out crop-fade-in;display:flex;position:fixed;inset:0}@keyframes crop-fade-in{0%{opacity:0}to{opacity:1}}.crop-modal{background:var(--surface);border:1px solid var(--border);border-radius:20px;flex-direction:column;align-items:center;width:340px;max-width:calc(100vw - 32px);padding:24px;display:flex;box-shadow:0 20px 60px #0000004d}.crop-modal-title{align-self:flex-start;margin-bottom:16px;font-size:16px;font-weight:700}.crop-viewport{background:var(--bg);cursor:grab;touch-action:none;border-radius:50%;flex-shrink:0;position:relative;overflow:hidden}.crop-viewport:active{cursor:grabbing}.crop-viewport-ring{pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 2px #fff9,0 0 0 9999px #0000}.crop-hint{color:var(--text-secondary);text-align:center;max-width:280px;margin-top:12px;font-size:11.5px;line-height:1.5}.crop-zoom-row{align-items:center;gap:10px;width:100%;margin-top:14px;display:flex}.crop-zoom-slider{accent-color:var(--primary);flex:1}.crop-modal-actions{gap:10px;width:100%;margin-top:20px;display:flex}.crop-modal-actions .resolve-cancel-btn,.crop-modal-actions .resolve-confirm-btn{padding:10px}.chat-ctx-menu{background:var(--surface);border:1.5px solid var(--border);z-index:9200;border-radius:12px;width:260px;font-size:13px;animation:.12s ease-out chatCtxFadeIn;position:fixed;overflow:hidden;box-shadow:0 14px 44px #00000038}@keyframes chatCtxFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.chat-ctx-list{padding:6px}.chat-ctx-item{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:9px 10px;font-family:inherit;font-size:13px;transition:background .12s;display:flex}.chat-ctx-item:hover{background:var(--bg)}.chat-ctx-item span:first-of-type{flex:1}.chat-ctx-item-arrow{color:var(--text-secondary);margin-inline-start:auto}.chat-ctx-divider{background:var(--border);height:1px;margin:6px 4px}.chat-ctx-sub{flex-direction:column;max-height:320px;display:flex}@media (width<=860px){.chat-ctx-sub{max-height:min(320px,70vh)}.chat-ctx-sub-list{max-height:min(220px,50vh)}}.chat-ctx-sub-header{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 10px 8px;font-size:13px;font-weight:700;display:flex}.chat-ctx-back{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:2px;display:flex}.chat-ctx-back:hover{background:var(--bg);color:var(--primary)}.chat-ctx-search-wrap{padding:8px;position:relative}.chat-ctx-search{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);border-radius:8px;outline:none;padding:7px 10px 7px 28px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.chat-ctx-search:focus{border-color:var(--primary)}.chat-ctx-search-icon{color:var(--text-secondary);pointer-events:none;width:13px;height:13px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.chat-ctx-sub-list{max-height:220px;padding:0 6px 6px;overflow-y:auto}.chat-ctx-option{box-sizing:border-box;width:100%;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:none;border-radius:8px;align-items:center;gap:9px;padding:8px;font-family:inherit;font-size:12.5px;display:flex}.chat-ctx-option:hover{background:var(--bg)}.chat-ctx-option.selected{background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:600}.chat-ctx-dot{border-radius:50%;flex-shrink:0;width:9px;height:9px}.chat-ctx-empty{text-align:center;color:var(--text-secondary);padding:14px;font-size:12px}.chat-ctx-note-body{flex-direction:column;gap:8px;padding:10px;display:flex}.chat-ctx-note-textarea{box-sizing:border-box;border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text);resize:none;border-radius:8px;outline:none;height:76px;padding:9px 10px;font-family:inherit;font-size:12.5px;transition:border-color .2s}.chat-ctx-note-textarea:focus{border-color:var(--primary)}.chat-ctx-note-submit{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-family:inherit;font-size:12.5px;font-weight:700;transition:background .15s;display:flex}.chat-ctx-note-submit:hover{background:var(--primary-dark)}.chat-ctx-note-submit:disabled{opacity:.5;cursor:default}