.login-container{display:flex;justify-content:center;align-items:center;height:100%;min-height:100dvh;background:linear-gradient(135deg,#667eea,#764ba2)}.login-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}.login-box h1{color:#333;margin-bottom:.5rem;text-align:center}.login-box h2{color:#666;margin-bottom:1.5rem;text-align:center;font-size:1.2rem;font-weight:400}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem;color:#333;font-weight:500}.form-group input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.form-group input:focus{outline:none;border-color:#667eea}.error-message{background-color:#fee;color:#c33;padding:.75rem;border-radius:4px;margin-bottom:1rem;text-align:center}button{width:100%;padding:.75rem;background-color:#667eea;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}button:hover:not(:disabled){background-color:#5568d3}button:disabled{opacity:.6;cursor:not-allowed}.conversation-list-container{max-width:1280px;margin:0 auto;padding:1rem;background:var(--bg-app);min-height:100dvh;color:var(--text-primary)}.conversation-list-header{margin-bottom:.5rem;padding-bottom:.3rem}.inbox-title{display:flex;align-items:center;gap:.6rem}.badge{display:inline-flex;align-items:center;justify-content:center;padding:.1rem .55rem;border-radius:999px;background:var(--primary);color:#0b141a;font-weight:700;font-size:.85rem;min-width:28px}.filters-container{background:transparent;border:none;border-radius:0;padding:0;margin:.55rem 0 .5rem;width:100%}.bulk-selection-bar{margin:.2rem 0 .7rem;padding:.65rem .8rem;border-radius:14px;border:1px solid rgba(0,168,132,.22);background:linear-gradient(180deg,#00a8841f,#1f2a30eb);display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.bulk-selection-copy{display:flex;flex-direction:column;gap:.12rem}.bulk-selection-count{font-size:.86rem;font-weight:700;color:#e9edef}.bulk-selection-hint{font-size:.75rem;color:#8fb0a6;line-height:1.2}.filters-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:5px;flex-wrap:wrap;overflow-x:visible;width:100%;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}.filters-row::-webkit-scrollbar{display:none}.filter-chip{background-color:#1f2a30!important;background:#1f2a30!important;border:1px solid rgba(134,150,160,.22);color:#cfd7dc!important;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:5px 9px;min-height:34px;width:auto!important;flex:0 0 auto;cursor:pointer;font-size:.78rem;font-weight:600;transition:color .15s,background-color .15s,border-color .15s;white-space:nowrap;border-radius:999px;overflow:visible;box-shadow:none!important;outline:none!important}.filter-chip:last-child{margin-right:0}.filter-chip:hover,.filter-chip:hover:not(:disabled){background-color:#2a3942!important;background:#2a3942!important;color:#e9edef!important;border-color:#8696a052}.filter-chip:focus,.filter-chip:focus-visible{outline:none!important;box-shadow:none!important;background-color:#1f2a30!important;background:#1f2a30!important}.filter-chip.active,.filter-chip.active:hover,.filter-chip.active:focus,.filter-chip.active:focus-visible{background-color:#2a3942!important;background:#2a3942!important;color:#fff!important;font-weight:700;border-color:#8696a073!important;box-shadow:none!important;outline:none!important}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:15px;height:15px;padding:0 4px;border-radius:999px;background:var(--primary);color:#0b141a;font-weight:700;font-size:.58rem;line-height:1;flex-shrink:0}.filter-chip-label{display:block;line-height:1.15}.filter-chip.active .filter-count{background:var(--primary);color:#0b141a}@media(max-width:640px){.filters-row{gap:5px}.filter-chip{padding:5px 8px;font-size:.74rem}}.header-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.conversation-list-header h1{color:var(--text-primary);margin:0;font-size:1.3rem}.header-current-date{font-size:.82rem;font-weight:500;color:var(--text-secondary, #8696a0);letter-spacing:.01em;white-space:nowrap}.header-actions{display:flex;gap:.6rem;align-items:center}.logged-user-badge{padding:.4rem .8rem;background:var(--bg-surface-3);border-radius:6px;font-size:.8rem;color:var(--warning);font-weight:600;white-space:nowrap;border:1px solid var(--warning)}.settings-header-btn{background:transparent;border:1px solid var(--border-strong);color:var(--text-secondary);width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .2s}.settings-header-btn:hover{background:var(--bg-surface-2);border-color:var(--primary);color:var(--primary)}.search-bar{margin-bottom:.8rem}.search-bar-inner{position:relative;display:flex;align-items:center}.search-bar-icon{position:absolute;left:11px;width:15px;height:15px;color:var(--text-secondary);pointer-events:none;flex-shrink:0}.search-input{width:100%;padding:8px 14px 8px 32px;min-height:34px;border-radius:999px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary);font-size:.85rem;transition:all .2s}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 2px #00a8841a}.search-input:focus+.search-bar-icon,.search-bar-inner:focus-within .search-bar-icon{color:var(--primary)}.search-input::placeholder{color:var(--text-secondary)}.status-filter-bar{display:flex;background:var(--bg-surface-2);border-bottom:2px solid var(--border-color);margin-bottom:0}.status-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:var(--text-secondary);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s;border-bottom:3px solid transparent;position:relative}.status-tab:hover{background:var(--primary-soft);color:var(--text-primary)}.status-tab.active{color:var(--primary);font-weight:600;border-bottom-color:var(--primary);background:var(--primary-soft)}@media(max-width:768px){.conversation-list-container{padding:.75rem;min-height:auto}.header-title-row,.conversation-list-header,.header-actions{flex-direction:column;align-items:stretch;gap:.75rem}.filters-row{flex-wrap:wrap}.bulk-selection-bar{align-items:stretch}.bulk-selection-hint{white-space:normal}.status-tab{padding:.65rem .75rem;font-size:.85rem}}.refresh-btn{padding:.5rem 1rem;background-color:#53bdeb;color:#0b141a;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.refresh-btn:hover{background-color:#5568d3}.error-message{background-color:#3b1d1e;color:#fca5a5;padding:1rem;border-radius:4px;margin-bottom:1rem}.conversation-list{display:flex;flex-direction:column;gap:0;width:100%;max-width:100%;box-sizing:border-box;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000040}.conversation-item{position:relative;width:100%;max-width:100%;min-width:0;box-sizing:border-box;flex:0 0 auto;overflow:hidden;background:#202c33;padding:.6rem .75rem;border-bottom:1px solid #1f2a30;cursor:pointer;transition:background .15s,border-left-color .15s;display:flex;align-items:center;gap:12px;border-left:3px solid transparent;min-height:72px}.conversation-item:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:transparent;pointer-events:none;opacity:0;transition:opacity .15s}.conversation-item.bulk-selectable:hover .conversation-bulk-check,.conversation-item.bulk-selectable:focus-within .conversation-bulk-check,.conversation-item.selection-active.bulk-selectable .conversation-bulk-check,.conversation-item.bulk-selected .conversation-bulk-check{opacity:1;transform:scale(1)}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:#2a3942;border-left-color:transparent}.conversation-item:hover:before{background:#00a884;opacity:1}.conversation-item.selected{background:#26343d;box-shadow:inset 0 0 0 1px #00a88426}.conversation-item.selected:before{background:#00a884;opacity:1}.conversation-item.bulk-selected{box-shadow:inset 0 0 0 1px #00a88442}.conversation-item.unread{background:#1a2a33;border-left-color:#667eea}.conversation-item.bot-paused{background:linear-gradient(90deg,#fb923c1f 0,#fb923c0d 18%,#202c33 42%)}.conversation-item.bot-paused:hover,.conversation-item.bot-paused.selected,.conversation-item.bot-paused.unread{border-left-color:transparent}.conversation-item.bot-paused:before{background:#fb923c;opacity:1}.conversation-item.bot-paused.selected{background:linear-gradient(90deg,#fb923c29 0,#fb923c14 18%,#26343d 42%)}.conversation-item.bot-paused.unread{background:linear-gradient(90deg,#fb923c21 0,#fb923c0f 18%,#1a2a33 42%)}.conversation-item.bot-paused .conversation-preview{color:#c7b39a}.conversation-item.has-reminder{border-left-color:transparent;background:#202c33;box-shadow:none;min-height:92px}.conversation-item.has-reminder:hover,.conversation-item.has-reminder.selected{border-left-color:transparent}.conversation-item.has-reminder:hover{background:#2a3942}.conversation-item.has-reminder.selected{background:#26343d;box-shadow:none}.conversation-item.has-reminder-due{border-left-color:transparent;background:#202c33;box-shadow:none;min-height:92px}.conversation-leading{width:48px;height:48px;flex:0 0 48px;position:relative;display:flex;align-items:center;justify-content:center}.conversation-bulk-check{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:24px;height:24px;border-radius:6px;border:1px solid rgba(134,150,160,.36);background:#111b212e;padding:0;color:#0b141a;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease,background .15s ease,border-color .15s ease;z-index:1}.conversation-bulk-check:hover{border-color:#00a88473;background:#00a8841f}.conversation-bulk-check.checked{opacity:1;transform:scale(1);background:#00a884;border-color:#00a884}.conversation-bulk-check-icon{display:inline-flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:.82rem;font-weight:900;line-height:1}.conversation-avatar{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,#2a3942,#3a4a54);color:#e9edef;display:flex;align-items:center;justify-content:center;flex:0 0 48px;font-size:1rem;font-weight:700;text-transform:uppercase;transition:opacity .15s ease,transform .15s ease}.conversation-item.bulk-selectable:hover .conversation-avatar,.conversation-item.bulk-selectable:focus-within .conversation-avatar,.conversation-item.selection-active.bulk-selectable .conversation-avatar,.conversation-item.bulk-selected .conversation-avatar{opacity:0;transform:scale(.86);pointer-events:none}.conversation-content{display:flex;align-items:center;align-self:center;gap:10px;flex:1 1 0;width:0;min-width:0;max-width:100%;height:100%;overflow:hidden}.conversation-info{flex:1 1 0;width:0;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:center}.conversation-name-row{display:flex;align-items:center;gap:6px;margin-bottom:.25rem;min-width:0}.agent-prefix-badge{width:20px;height:20px;border-radius:50%;background:#2a3942;color:#e9edef;border:1px solid rgba(0,168,132,.3);display:inline-flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;flex-shrink:0;box-sizing:border-box;margin-right:2px}.agent-prefix-badge.neutral{border-color:#3a4a54;color:#9aa5ab;background:#1f2c34}.conversation-name-text{flex:1;min-width:0;font-weight:600;color:#e9edef;font-size:.92rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.favorite-star{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:22px;height:22px;padding:0;border:0;border-radius:50%;background:transparent;color:#ffd166;cursor:pointer;line-height:1;filter:drop-shadow(0 0 4px rgba(255,209,102,.28))}.favorite-star:hover{background:#ffd1661a}.favorite-star:focus-visible{outline:2px solid rgba(255,209,102,.55);outline-offset:2px}.favorite-star svg{width:14px;height:14px;fill:currentColor;stroke:currentColor;stroke-width:1.4}.conversation-preview{color:#8696a0;font-size:.82rem;line-height:1.25;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.conversation-reminder{margin-top:.28rem;display:flex;align-items:center;gap:.28rem;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;color:#97b7ac;font-size:.74rem;line-height:1.1}.conversation-reminder span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item.has-reminder .conversation-reminder{color:#95d8c6}.conversation-item.has-reminder-due .conversation-reminder{color:#ffd166}.conversation-reminder svg{width:12px;height:12px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.conversation-reminder.is-due{color:#ffd166}.message-preview-popover{position:fixed;z-index:10020;width:fit-content;min-width:180px;max-width:min(700px,calc(100vw - 24px));max-height:min(320px,calc(100vh - 24px));overflow-y:auto;padding:12px 14px;border-radius:10px;background:#2f3136;border:1px solid rgba(215,223,227,.72);color:#e9edef;font-size:.94rem;line-height:1.45;white-space:pre-wrap;word-break:break-word;box-shadow:0 14px 36px #0000006b;pointer-events:none}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;min-width:52px;max-width:72px;flex:0 0 62px}.meta-row{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;width:100%;min-height:18px}.meta-row.meta-top{align-items:center}.meta-row-actions{min-height:24px}.agent-circle-badge{width:20px;height:20px;border-radius:50%;background:#2a3942;color:#e9edef;border:1px solid rgba(0,168,132,.25);display:flex;align-items:center;justify-content:center;font-size:.62rem;font-weight:700;box-sizing:border-box}.conversation-time{color:#8696a0;font-size:.75rem;font-weight:500;white-space:nowrap}.state-pill,.assign-pill{display:inline-flex;align-items:center;justify-content:center;min-height:20px;padding:0 8px;border-radius:999px;font-size:.72rem;font-weight:700;white-space:nowrap;line-height:1.2;box-sizing:border-box}.state-pill{color:#0b141a;background:#00a884;border:1px solid rgba(0,168,132,.35)}.state-pill.open{background-color:#00a884}.state-pill.closed{background-color:#8696a0;color:#e9edef;border:1px solid rgba(134,150,160,.4)}.assign-pill{background:#00a88426;color:#0f6b57;border:1px solid rgba(0,168,132,.25);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-tags{margin-top:.35rem;display:flex;flex-wrap:nowrap;gap:4px;height:16px;min-height:16px;overflow:hidden}.conversation-tags.conversation-tags-empty{visibility:hidden}.tag-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;width:14px;height:10px;border:1px solid rgba(0,168,132,.25);background:#00a88499;overflow:hidden}.tag-pill.color-only{padding:0}.tag-pill.tag-counter{min-width:18px;height:16px;padding:0 4px;font-size:.68rem;font-weight:700;background:#202c33;border:1px solid #2d3c45;color:#d1d7db;border-radius:999px}.unread-count-badge{min-width:22px;height:22px;border-radius:50%;background:#00a884;color:#0b141a;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px;box-sizing:border-box;white-space:nowrap}.unread-dot{width:10px;height:10px;border-radius:50%;background:#00c851;display:inline-flex;align-items:center;justify-content:center}.conversation-context-menu{position:fixed;z-index:9999;background:#202c33;border:1px solid #2d3c45;border-radius:10px;box-shadow:0 10px 30px #00000073;padding:6px;min-width:220px;max-width:min(320px,calc(100vw - 16px));max-height:min(78vh,calc(100vh - 16px));overflow-y:auto;overflow-x:hidden;-webkit-user-select:none;user-select:none}.conversation-context-menu-section-label{padding:.1rem 1.2rem .55rem;font-size:.7rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:#8fb0a6e0;pointer-events:none}.conversation-context-menu-item{width:100%;background:transparent;border:none;color:#d1d7db;text-align:left;padding:10px 12px;border-radius:8px;font-size:.9rem;cursor:pointer}.conversation-context-menu-item:hover{background:#2d3c45}.conversation-context-menu-item:disabled{opacity:.45;cursor:not-allowed}.conversation-context-menu-item:disabled:hover{background:transparent}.reminder-popover{position:fixed;z-index:10040;min-width:180px;background:#22313a;border:1px solid rgba(134,150,160,.22);border-radius:14px;box-shadow:0 18px 40px #00000057;overflow:hidden}.reminder-popover-item{width:100%;text-align:left;background:transparent;border:0;color:#e9edef;padding:.78rem .95rem;font-size:.9rem;cursor:pointer}.reminder-popover-item:hover{background:#ffffff0a}.reminder-popover-item.danger{color:#ff8f8f}.conversation-context-menu-item--favorite{display:flex;align-items:center;gap:8px}.context-star{display:inline-flex;align-items:center;justify-content:center;color:#ffd166;line-height:1;width:16px;height:16px}.context-star svg{width:15px;height:15px;fill:transparent;stroke:currentColor;stroke-width:1.8}.context-star.filled svg{fill:currentColor}.conversation-context-menu-item.danger{color:#ff6b6b}.conversation-context-menu-item.danger:hover{background:#ff50501a;color:#f44}.context-divider{height:1px;background:#263640;margin:4px 0}.assign-submenu{position:fixed;background:#1f2c34;border:1px solid #263640;border-radius:8px;box-shadow:0 8px 16px #0006;z-index:10002;padding:4px;display:flex;flex-direction:column;min-width:160px}.assign-submenu-item{background:transparent;border:none;color:#e9edef;text-align:left;padding:8px 10px;border-radius:6px;font-size:.9rem;cursor:pointer}.assign-submenu-item:hover{background:#24323b}.modal-content{background:#202c33;border-radius:8px;padding:1.5rem;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0006}.tag-popover{position:fixed;z-index:9999;background:#1f2a30;border:1px solid #2d3c45;border-radius:10px;box-shadow:0 10px 30px #00000073;padding:6px 0;min-width:220px;max-width:260px}.tag-popover-item{width:100%;background:transparent;border:none;color:#d1d7db;text-align:left;padding:10px 12px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:.92rem}.tag-popover-item:hover{background:#24323b}.tag-popover-item.applied{background:#1c262d}.tag-popover-dot{width:10px;height:10px;border-radius:50%;background:#00a884;flex-shrink:0}.tag-popover-name{flex:1;min-width:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tag-popover-check{width:16px;text-align:center;color:#00c49a;font-weight:700;flex-shrink:0}.modal-content h3{color:#e9edef;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.modal-body label{display:block;color:#8696a0;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.modal-body input,.modal-body select{width:100%;padding:.6rem;border-radius:6px;border:1px solid #1f2a30;background:#111b21;color:#e9edef;font-size:.95rem;box-sizing:border-box}.modal-body input:focus,.modal-body select:focus{outline:none;border-color:#00a884}.custom-reminder-body{margin-bottom:1.5rem}.custom-reminder-body label{display:block;color:#9fb3bd;font-size:.82rem;margin-bottom:.45rem;font-weight:600}.custom-reminder-body input{width:100%;padding:.72rem .78rem;border-radius:8px;border:1px solid rgba(134,150,160,.24);background:#111b21;color:#e9edef;font-size:.98rem;box-sizing:border-box}.custom-reminder-body input:focus{outline:none;border-color:#00a884b3;box-shadow:0 0 0 3px #00a8841f}.modal-btn-cancel{background:#2a3942;color:#e9edef}.modal-btn-cancel:hover{background:#374850}.modal-btn-confirm{background:#00a884;color:#fff}.modal-btn-confirm:hover{background:#06cf9c}.modal-btn-confirm:disabled{background:#005c4b;cursor:not-allowed;opacity:.5}html[data-theme=light] .conversation-list{box-shadow:0 2px 8px #0f172a14}html[data-theme=light] .conversation-item{background:var(--bg-surface);border-bottom-color:var(--border-color)}html[data-theme=light] .conversation-item:hover{background:var(--bg-surface-2);border-left-color:var(--primary)}html[data-theme=light] .conversation-item.selected{background:var(--primary-soft)}html[data-theme=light] .conversation-item.unread{background:#1760ff0f}html[data-theme=light] .bulk-selection-bar{background:linear-gradient(180deg,#0f9d7a14,#fffffff0);border-color:#0f9d7a2e}html[data-theme=light] .bulk-selection-count{color:var(--text-primary)}html[data-theme=light] .bulk-selection-hint{color:var(--text-secondary)}html[data-theme=light] .conversation-bulk-check{background:var(--bg-surface);border-color:#8696a059}html[data-theme=light] .conversation-name-text,html[data-theme=light] .conversation-preview,html[data-theme=light] .conversation-time,html[data-theme=light] .agent-prefix-badge,html[data-theme=light] .agent-circle-badge,html[data-theme=light] .conversation-context-menu-item,html[data-theme=light] .tag-popover-item,html[data-theme=light] .modal-content h3,html[data-theme=light] .modal-body label{color:var(--text-primary)}html[data-theme=light] .conversation-preview,html[data-theme=light] .conversation-time{color:var(--text-secondary)}html[data-theme=light] .agent-prefix-badge,html[data-theme=light] .agent-circle-badge{background:var(--bg-surface-2);border-color:var(--border-strong)}html[data-theme=light] .state-pill,html[data-theme=light] .assign-pill{color:#0b141a;background:var(--primary);border-color:#0f9d7a59}html[data-theme=light] .conversation-context-menu,html[data-theme=light] .assign-submenu,html[data-theme=light] .tag-popover,html[data-theme=light] .modal-content{background:var(--bg-surface);border-color:var(--border-color)}html[data-theme=light] .conversation-context-menu-item:hover,html[data-theme=light] .assign-submenu-item:hover,html[data-theme=light] .tag-popover-item:hover,html[data-theme=light] .modal-btn-cancel:hover{background:var(--bg-surface-2)}html[data-theme=light] .context-divider{background:var(--border-color)}html[data-theme=light] .modal-body input,html[data-theme=light] .modal-body select{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-strong)}html[data-theme=light] .modal-btn-cancel{background:var(--bg-surface-2);color:var(--text-primary)}html[data-theme=light] .modal-btn-confirm{background:var(--primary);color:#0b141a}html[data-theme=light] .modal-btn-confirm:hover{background:var(--primary-hover)}.conv-state-badge{display:inline-flex;align-items:center;padding:1px 6px;border-radius:99px;font-size:.62rem;font-weight:700;flex-shrink:0;white-space:nowrap;text-transform:uppercase;letter-spacing:.03em}.conv-state-badge--pending{background:#eab30833;color:#d97706;border:1px solid rgba(234,179,8,.4)}.conv-state-badge--bot-paused{background:#fb923c38;color:#ffd2a1;border:1px solid rgba(251,146,60,.5);box-shadow:inset 0 1px #ffffff0d}.conv-state-badge--manual{background:#10b98129;color:#bff7e7;border:1px solid rgba(45,212,191,.34);box-shadow:inset 0 1px #ffffff0a}.filter-chip--pending.active{border-color:#eab30866;box-shadow:inset 0 -2px #eab30866}.conversation-sidebar{grid-column:2;grid-row:1 / span 2;width:340px;flex:0 0 340px;min-width:280px;max-width:380px;display:flex;flex-direction:column;gap:.75rem;padding:.9rem;border-left:1px solid var(--border-color);background:var(--bg-surface);overflow-y:auto;overflow-anchor:none}.sidebar-card{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:14px;padding:.85rem;box-shadow:none}.sidebar-contact-card{position:relative;display:flex;flex-direction:column;gap:.75rem}.sidebar-close-btn{position:absolute;top:.7rem;right:.7rem;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface);color:var(--text-secondary);font-size:0;line-height:1;padding:0;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.sidebar-close-btn:before,.sidebar-close-btn:after{content:"";position:absolute;width:13px;height:2px;border-radius:999px;background:currentColor}.sidebar-close-btn:before{transform:rotate(45deg)}.sidebar-close-btn:after{transform:rotate(-45deg)}.sidebar-close-btn:hover{background:var(--bg-surface-3);color:var(--text-primary);border-color:#ffffff2e}.sidebar-contact-header{display:flex;align-items:center;gap:.75rem;padding-right:2rem}.sidebar-avatar{width:48px;height:48px;flex:0 0 48px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary-strong);font-size:1rem;font-weight:700}.sidebar-contact-heading{min-width:0;flex:1}.sidebar-contact-title{font-size:1rem;font-weight:700;color:var(--text-primary);line-height:1.25;word-break:break-word}.sidebar-contact-subtitle{margin-top:.15rem;font-size:.82rem;color:var(--text-secondary);word-break:break-word}.sidebar-badges{display:flex;flex-wrap:wrap;gap:.4rem}.sidebar-pill{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .6rem;border-radius:999px;font-size:.74rem;font-weight:600;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-secondary)}.sidebar-pill.state-open{color:var(--primary-strong);background:var(--primary-soft);border-color:#0f9d7a33}.sidebar-pill.state-closed{color:#fb923c;background:#f9731614;border-color:#f973162e}.sidebar-pill.neutral{color:var(--text-primary)}.sidebar-pill.warning{color:#fb923c;background:#f9731614;border-color:#f973162e}.sidebar-section{display:flex;flex-direction:column;gap:.55rem}.sidebar-section-header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding-bottom:.15rem}.sidebar-section-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary)}.sidebar-section-toggle,.sidebar-section-link{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:auto!important;min-width:0;flex:0 0 auto;border:1px solid var(--border-color);background:var(--bg-surface);padding:.48rem .82rem;border-radius:999px;cursor:pointer;font:inherit;line-height:1;transition:background .16s ease,border-color .16s ease,color .16s ease}.sidebar-section-toggle{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary)}.sidebar-section-toggle:hover{color:var(--primary-strong);background:var(--bg-surface-3);border-color:#00e5c038}.sidebar-section-link{font-size:.76rem;color:var(--text-secondary);white-space:nowrap}.sidebar-section-link:hover{color:var(--text-primary);background:var(--bg-surface-3);border-color:#ffffff1f}.sidebar-section-hint{font-size:.76rem;color:var(--text-secondary)}.sidebar-tags{display:flex;flex-wrap:wrap;gap:.4rem}.sidebar-tag{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);font-size:.75rem;line-height:1}.sidebar-field-list{display:flex;flex-direction:column;gap:.5rem;max-height:260px;overflow-y:auto;overflow-anchor:none;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.sidebar-field-list::-webkit-scrollbar{width:4px}.sidebar-field-list::-webkit-scrollbar-track{background:transparent}.sidebar-field-list::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.sidebar-field{display:flex;flex-direction:column;gap:.2rem;padding:.5rem .6rem;border-radius:11px;background:var(--bg-surface);border:1px solid var(--border-color)}.sidebar-field-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--text-secondary)}.sidebar-field-value{font-size:.88rem;color:var(--text-primary);line-height:1.35;word-break:break-word}.sidebar-empty{font-size:.85rem;color:var(--text-secondary)}@media(max-width:1100px){.conversation-sidebar{width:100%;flex:0 0 auto;max-width:none;border-left:none;border-top:1px solid var(--border-color);padding:.8rem}}@media(max-width:768px){.conversation-sidebar{grid-column:1;grid-row:1 / span 2;min-width:0;max-width:none;width:100%;padding:.7rem;gap:.6rem;border-top:none;z-index:20}.sidebar-close-btn{width:34px;height:34px;top:.75rem;right:.75rem;color:var(--text-primary)}.sidebar-card{border-radius:14px;padding:.8rem}.sidebar-avatar{width:42px;height:42px;flex-basis:42px}}.flow-runner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1200;transition:opacity .26s ease}.flow-runner-overlay.is-closing{opacity:0}.flow-runner-modal{width:min(420px,92vw);background:var(--panel-bg, #111b21);border:1px solid var(--border-color, #2a3942);border-radius:12px;padding:16px;color:var(--text-color, #e9edef);transition:transform .28s ease,opacity .28s ease}.flow-runner-modal.is-closing{transform:translateY(-10px) scale(.985);opacity:0}.flow-runner-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.flow-runner-title{font-size:15px;font-weight:700}.flow-runner-close{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:none;border:none;color:inherit;cursor:pointer;font-size:14px;line-height:1;opacity:.7}.flow-runner-close:hover{background:#ffffff0f;opacity:1}.flow-runner-error{font-size:12px;color:#f45c5c;margin-bottom:8px}.flow-runner-list{display:flex;flex-direction:column;gap:4px;max-height:280px;overflow-y:auto}.flow-runner-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;border:1px solid var(--border-color, #2a3942);border-radius:10px;background:transparent;color:inherit;cursor:pointer;text-align:left;font-size:13px}.flow-runner-item:hover{background:#ffffff0d}.flow-runner-item.is-selected{border-color:#00a884;background:#00a8841a}.flow-runner-item-steps{font-size:11px;opacity:.65;flex-shrink:0}.flow-runner-empty{font-size:13px;opacity:.7;padding:12px 4px}.flow-runner-confirm{margin-top:10px;font-size:12px;opacity:.8}.flow-runner-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.flow-runner-btn{border-radius:999px;padding:6px 16px;font-size:13px;border:1px solid var(--border-color, #2a3942);background:transparent;color:inherit;cursor:pointer}.flow-runner-btn.primary{background:#00a884;border-color:#00a884;color:#0b141a;font-weight:600}.flow-runner-btn:disabled{opacity:.45;cursor:not-allowed}.flow-runner-progress{padding:6px 2px}.flow-runner-flow-name{font-size:13px;font-weight:600;margin-bottom:8px}.flow-runner-step{font-size:13px;margin-bottom:8px}.flow-runner-bar{height:6px;border-radius:999px;background:#ffffff14;overflow:hidden}.flow-runner-bar-fill{height:100%;background:#00a884;border-radius:999px;transition:width .4s ease}.flow-runner-done{color:#00a884;font-weight:600;display:flex;align-items:center;gap:10px;animation:flowRunnerSent .45s ease}.flow-runner-done-icon{width:26px;height:26px;border-radius:999px;display:flex;align-items:center;justify-content:center;background:#00a88424;border:1px solid rgba(0,168,132,.28);font-size:16px}.flow-runner-done-text{font-size:13px}.flow-runner-failed{font-size:13px;color:#f45c5c;font-weight:600}.flow-runner-failed-detail{margin-top:6px;font-size:12px;font-weight:400;opacity:.85}@keyframes flowRunnerSent{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message-view-container{width:100%;max-width:none;margin:0;height:100%;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-primary);border-radius:0;overflow:hidden}.message-view-body{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 360px;grid-template-rows:minmax(0,1fr) auto;align-items:stretch;overflow:hidden}.conversation-main{display:contents}.conversation-header-info.editable-name{cursor:pointer}.conversation-header-info.contact-info-trigger:hover .conversation-contact-avatar{box-shadow:inset 0 1px #ffffff0d,0 0 0 1px #00a8842e}.message-view-header{background:#111b21f0;padding:.7rem 1rem;box-shadow:0 1px 3px #00000038;display:flex;align-items:center;gap:.7rem;border-bottom:1px solid rgba(134,150,160,.18);width:100%;border-radius:0}.conversation-summary-panel{margin:.65rem 1rem 0;padding:.8rem .9rem .78rem;border-radius:12px;border:1px solid rgba(0,168,132,.22);background:linear-gradient(180deg,#13272ef0,#111b21fa);box-shadow:0 8px 20px #00000024}.conversation-summary-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.conversation-summary-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.conversation-summary-icon{width:15px;height:15px;color:var(--primary);flex:0 0 auto}.conversation-summary-title{font-size:.82rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.conversation-summary-cache{display:inline-flex;align-items:center;min-height:20px;padding:0 .5rem;border-radius:999px;border:1px solid rgba(0,168,132,.2);background:#00a88414;color:#8fd5c4;font-size:.72rem;white-space:nowrap}.conversation-summary-close{width:28px;height:28px;padding:0;border-radius:999px;border:1px solid rgba(134,150,160,.22);background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .18s ease,border-color .18s ease,color .18s ease}.conversation-summary-close:hover{background:#ffffff0a;border-color:#8696a057;color:var(--text-primary)}.conversation-summary-body{margin-top:.7rem;color:var(--text-primary);font-size:.9rem;line-height:1.45;white-space:pre-wrap}.conversation-summary-meta{margin-top:.55rem;color:var(--text-secondary);font-size:.76rem}.scheduled-header-popover-container{position:relative;display:inline-flex}.scheduled-chat-chip-container{position:sticky;top:.32rem;z-index:20;display:block;width:fit-content;height:0;pointer-events:none;margin-left:-.35rem}.scheduled-chat-chip-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;width:auto!important;min-width:0;display:inline-flex;align-items:center;gap:.28rem;height:28px;padding:.28rem .66rem .28rem .58rem;border-radius:999px;border:1px solid rgba(251,146,60,.55);background:#2a1a08;color:#ffc38f;font-size:.76rem;font-weight:600;box-shadow:0 6px 14px #00000059;pointer-events:auto;-webkit-backdrop-filter:none;backdrop-filter:none}.scheduled-chat-chip-btn .attach-icon-svg{width:13px;height:13px;flex:0 0 13px;display:block}.scheduled-chat-chip-btn:hover:not(:disabled),.scheduled-chat-chip-btn.active{border-color:#fb923cb3;background:#3a2208;color:#ffd1a8}.scheduled-chat-chip-label{display:inline-flex;align-items:center}.scheduled-header-popover{position:absolute;top:calc(100% + .5rem);right:0;z-index:1500;display:inline-flex;flex-direction:column;width:max-content;min-width:320px;max-width:min(560px,calc(100vw - 32px));padding:.72rem .88rem .8rem;border-radius:12px;border:1px solid rgba(251,146,60,.18);background:linear-gradient(180deg,#122127fa,#111b21);box-shadow:0 14px 32px #00000047;box-sizing:border-box}.scheduled-header-popover:before{content:"";position:absolute;top:-7px;right:18px;width:12px;height:12px;background:#122127fa;border-left:1px solid rgba(251,146,60,.18);border-top:1px solid rgba(251,146,60,.18);transform:rotate(45deg)}.scheduled-chat-popover{top:36px;left:0;right:auto;pointer-events:auto}.scheduled-chat-popover:before{left:18px;right:auto}.scheduled-messages-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.4rem}.scheduled-messages-title-row{display:flex;align-items:center;gap:.5rem;min-width:0}.scheduled-messages-icon{width:15px;height:15px;color:var(--primary);flex:0 0 auto}.scheduled-messages-title{font-size:.76rem;font-weight:700;color:var(--text-secondary)}.scheduled-messages-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 .36rem;border-radius:999px;background:#00a88424;color:var(--primary-strong);font-size:.72rem;font-weight:700}.scheduled-messages-loading{color:var(--text-secondary);font-size:.72rem;white-space:nowrap}.scheduled-message-row{display:flex;align-items:flex-start;gap:.6rem;margin-top:.48rem;width:100%;padding:.52rem .7rem;border-radius:10px;background:#005c4b52;border:1px solid rgba(0,168,132,.16);box-sizing:border-box}.scheduled-message-main{flex:1;min-width:0}.scheduled-message-meta-row{display:flex;align-items:center;gap:.42rem;min-width:0;margin-bottom:.22rem;flex-wrap:wrap}.scheduled-message-kind{display:inline-flex;align-items:center;min-height:18px;padding:0 .4rem;border-radius:999px;font-size:.64rem;font-weight:700;border:1px solid rgba(233,237,239,.14)}.scheduled-message-kind.freeform{background:#00a8842e;color:#b6f2e1}.scheduled-message-kind.template{background:#ffd16624;color:#ffe3a1}.scheduled-message-when{color:#e9edefbd;font-size:.72rem}.scheduled-message-text{color:#e9edef;font-size:.84rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scheduled-message-caption{color:var(--text-secondary, #8696a0);font-size:.78rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px;font-style:italic}.scheduled-message-actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.scheduled-message-row-b{align-items:flex-start;gap:.7rem;background:#13272ef0;border-color:#8696a029}.scheduled-message-inline-top{display:flex;align-items:center;gap:.4rem;margin-bottom:.24rem;min-width:0;flex-wrap:wrap}.scheduled-message-inline-label{display:inline-flex;align-items:center;gap:.38rem;min-width:0;flex-wrap:wrap}.scheduled-message-inline-dash{color:#e9edef85;font-size:.74rem}.scheduled-message-when-inline{margin-top:.3rem}.scheduled-message-actions-inline{flex-direction:row;align-items:center}.scheduled-message-edit,.scheduled-message-remove{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto!important;min-width:0;flex:0 0 auto;min-height:18px;border-radius:999px;padding:0 .4rem;font-size:.64rem;font-weight:700;justify-content:center;text-align:center}.scheduled-message-edit{border:1px solid rgba(233,237,239,.16);background:#ffffff0d;color:#d7e3e8}.scheduled-message-edit:hover:not(:disabled){background:#ffffff17;border-color:#e9edef3d}.scheduled-message-remove{border:1px solid rgba(239,68,68,.22);background:#ef444414;color:#ff9d9d}.scheduled-message-remove:hover:not(:disabled){background:#ef444424;border-color:#ef444452}.scheduled-message-remove:disabled{opacity:.6;cursor:not-allowed}.header-action-buttons{display:flex;align-items:center;gap:.25rem;margin-left:.25rem;padding-left:.5rem;border-left:1px solid var(--border-color)}.header-action-buttons .header-action-btn{display:flex;align-items:center;justify-content:center;padding:.28rem .4rem;height:28px;min-width:28px}.header-action-buttons .sidebar-toggle-btn.header-action-btn{color:var(--text-secondary)}.header-action-buttons .sidebar-toggle-btn.header-action-btn.active,.header-action-buttons .quick-header-btn.active{color:var(--primary-strong);border-color:#00a88459;background:var(--primary-soft)}.mobile-sidebar-close-btn{display:none}.header-action-buttons .header-action-btn.is-disabled{opacity:.46;cursor:not-allowed}.summary-action-btn{gap:.42rem;min-width:82px;padding-inline:.62rem!important;border-color:var(--border-color);background:transparent;color:var(--text-secondary);box-shadow:none;white-space:nowrap}.summary-action-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface-2);color:var(--text-primary)}.summary-action-label{line-height:1;font-size:.76rem;font-weight:500}.summary-icon-svg{width:13px;height:13px;flex:0 0 auto;opacity:.92}.summary-inline-spinner{width:13px;height:13px;border-radius:50%;border:1.8px solid rgba(233,237,239,.18);border-top-color:var(--primary);animation:summary-spin .7s linear infinite}@keyframes summary-spin{to{transform:rotate(360deg)}}.conversation-actions .header-action-buttons .summary-action-btn{gap:.42rem;min-width:82px;height:28px;padding:.28rem .62rem;border-color:var(--border-color);background:transparent;color:var(--text-secondary);font-weight:500}.conversation-actions .header-action-buttons .summary-action-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface-2);color:var(--text-primary)}.conversation-actions .header-action-buttons .summary-action-btn .summary-icon-svg{width:14px;height:14px}.back-btn{display:inline-flex;align-items:center;justify-content:center;gap:.3rem;flex:0 0 auto;padding:.35rem .72rem;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.78rem;font-weight:600;white-space:nowrap;transition:background .18s ease,border-color .18s ease,color .18s ease}.back-btn-icon{font-size:.95rem;line-height:1}.back-btn-label{line-height:1}.back-btn:hover{background:var(--bg-surface-2);border-color:var(--border-strong);color:var(--text-primary)}.conversation-contact-header{display:flex;align-items:center;gap:.78rem;min-width:0}.conversation-contact-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;background:linear-gradient(135deg,#31424c,#3f5360);color:#f1f5f7;display:flex;align-items:center;justify-content:center;font-size:.98rem;font-weight:700;text-transform:uppercase;box-shadow:inset 0 1px #ffffff0d}.conversation-name-block{display:flex;flex-direction:column;gap:.16rem;min-width:0}.conversation-title{font-weight:600;color:#e9edef;font-size:1rem;display:flex;align-items:center;gap:.6rem;line-height:1.2}.conversation-title-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-subtitle{color:#8696a0;font-size:.79rem;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.agent-info-row{font-size:.75rem;color:var(--text-secondary);margin-top:.15rem}.typing-indicator{font-size:.8rem;color:var(--primary);font-weight:500;font-style:italic;animation:fadeIn .3s}.typing-indicator.self{display:none!important}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.conversation-header-info{display:flex;flex-direction:row;gap:.75rem;align-items:center;flex:1;min-width:0}.conversation-status-row{display:flex;gap:.5rem;align-items:center}.conversation-actions{display:flex;align-items:center;gap:.5rem}.conversation-actions{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-left:auto;flex-wrap:nowrap}.conversation-header-info>.state-pill{margin-left:.35rem;align-self:center}.conversation-actions button{padding:.35rem .6rem;border-radius:5px;border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);cursor:pointer;transition:all .2s;font-size:.85rem}.conversation-actions .agent-dropdown-btn,.conversation-actions .bot-dropdown-btn,.conversation-actions .header-action-btn{padding:.28rem .62rem;height:28px;border-radius:999px;border:1px solid var(--border-color);background:transparent;color:var(--text-secondary);box-shadow:none;font-size:.76rem;font-weight:500;gap:.22rem}.dropdown-label{display:inline-flex;align-items:center}.dropdown-caret{width:8px;height:8px;margin-left:2px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.75;flex-shrink:0}.conversation-actions .bot-dropdown-btn .dropdown-caret{margin-left:2px}.conversation-actions .agent-dropdown-btn:hover:not(:disabled),.conversation-actions .bot-dropdown-btn:hover:not(:disabled),.conversation-actions .header-action-btn:hover:not(:disabled){background:var(--bg-surface-2);border-color:var(--border-strong);color:var(--text-primary)}.conversation-actions button:hover:not(:disabled){background:var(--bg-surface-2)}.conversation-actions button:disabled{opacity:.5;cursor:not-allowed}.agent-dropdown-btn,.header-action-btn{padding:.34rem .75rem;border-radius:999px;color:var(--text-primary);cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.3rem;transition:all .2s;font-size:.82rem;height:30px;line-height:1;white-space:nowrap;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:none}.agent-dropdown-btn{border-color:var(--border-color)}.agent-dropdown-btn:hover:not(:disabled){background:var(--bg-surface-2);border-color:var(--border-strong)}.agent-dropdown-btn:disabled{opacity:.5;cursor:not-allowed;border-color:var(--border-strong);background:var(--bg-surface-3);color:var(--text-secondary)}@media(max-width:768px){.message-view-container{height:100%}.message-view-body{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto auto}.message-view-body.sidebar-open{grid-template-columns:minmax(0,1fr)!important}.message-view-body.sidebar-open .messages-container,.message-view-body.sidebar-open .composer{display:none}.message-view-body.sidebar-open .conversation-sidebar{grid-column:1!important;grid-row:1 / span 2;width:100%;min-width:0;max-width:none;border-left:none;border-top:none}.mobile-sidebar-close-btn{position:fixed;top:calc(env(safe-area-inset-top,0px) + 4.6rem);right:.75rem;z-index:80;width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(134,150,160,.28);border-radius:999px;background:#111b21f5;color:var(--text-primary);box-shadow:0 10px 24px #00000047;padding:0;cursor:pointer}.conversation-main{display:contents}.message-view-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.28rem .42rem;padding:.34rem .48rem .24rem;align-items:start}.conversation-header-info{flex:1 1 auto;width:auto;gap:.35rem;align-items:center;min-width:0}.conversation-actions{grid-column:3;grid-row:1;width:auto;justify-content:flex-start;flex-direction:column;align-items:stretch;flex-wrap:nowrap;margin-left:0;overflow:visible;padding:0;gap:.2rem;max-width:8.9rem}.conversation-actions button,.conversation-actions .agent-dropdown-btn,.conversation-actions .bot-dropdown-btn,.conversation-actions .header-action-btn{width:auto;min-width:max-content;flex:0 0 auto;justify-content:center}.header-action-buttons{display:none}.conversation-contact-avatar{width:32px;height:32px;flex:0 0 32px;font-size:.84rem}.conversation-contact-header{flex:1 1 auto;min-width:0;gap:.48rem}.conversation-name-block{gap:.05rem}.conversation-title{font-size:.9rem;gap:.28rem;min-width:0}.conversation-subtitle{font-size:.68rem}.conversation-header-info>.state-pill{display:none}.back-btn{gap:0;width:1.74rem;min-width:1.74rem;height:1.74rem;padding:0;border-radius:50%;border-color:#00a88438;background:#00a8841f;color:var(--primary-strong);justify-self:start;align-self:center}.back-btn:hover{border-color:#00a8846b;background:#00a88433;color:var(--primary-strong)}.back-btn-icon{font-size:.84rem}.back-btn-label{display:none}.header-action-buttons .header-action-btn,.conversation-actions .agent-dropdown-btn,.conversation-actions .bot-dropdown-btn,.conversation-actions .header-action-btn{height:25px;min-width:0;width:100%;padding:.16rem .5rem;font-size:.68rem;justify-content:space-between}.summary-action-btn{gap:.28rem}.summary-action-label{overflow:hidden;text-overflow:ellipsis}.conversation-summary-panel{margin:.4rem .5rem 0;padding:.72rem .75rem;border-radius:10px}.scheduled-chat-chip-container{top:.22rem;margin-left:-.2rem}.scheduled-header-popover{right:0;min-width:min(320px,calc(100vw - 20px));max-width:calc(100vw - 20px);padding:.68rem .72rem .74rem}.scheduled-chat-popover{left:0;right:auto}.scheduled-message-row{gap:.5rem;padding:.48rem .58rem}.scheduled-message-compare-grid{grid-template-columns:1fr}.scheduled-message-actions{flex-direction:column;align-items:stretch}.scheduled-message-edit,.scheduled-message-remove{min-width:72px;justify-content:center;text-align:center}.scheduled-message-actions-inline{flex-direction:row;align-items:center}.conversation-summary-body{font-size:.84rem}.conversation-actions .agent-dropdown-btn .dropdown-label,.conversation-actions .bot-dropdown-btn .dropdown-label{max-width:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer{gap:.22rem;padding:.12rem .34rem calc(env(safe-area-inset-bottom,0px) + .14rem)}.composer-ww-bar{gap:.28rem;padding:1px 0}.composer-ww-btn,.composer-ww-send,.composer-ww-audio .note-mic-btn,.composer-note-pill,.composer-note-return-btn{width:2rem;min-width:2rem!important;height:2rem;min-height:2rem;padding:0;border-radius:999px}.composer-ww-btn svg,.composer-ww-send svg,.composer-note-svg,.composer-icon-btn svg{width:16px;height:16px}.composer-plus-btn{font-size:1.55rem}.composer-note-pill{gap:0;border-color:#00a88438;background:#00a88414;color:var(--primary-strong)}.composer-note-pill-label,.composer-note-return-label,.composer-note-mode-label{display:none}.composer-note-menu{width:176px;right:-4px;bottom:calc(100% + 8px);padding:6px;border-radius:12px}.composer-note-menu-item{gap:10px;padding:9px 8px;font-size:.86rem}.note-menu-icon{width:18px}.composer-ww-input{min-height:2.1rem;border-radius:1.08rem;padding:0 3px 0 0}.composer-ww-input textarea,.composer-panel.nota .note-textarea{min-height:1.84rem;max-height:5rem;padding:6px 5px 4px 1px;font-size:.92rem;line-height:1.22}.composer-ww-right{gap:.22rem}.composer-note-bar{min-height:0;padding:1px 0}.composer-note-inner{gap:.28rem;align-items:center}.composer-note-return-btn{background:#1f2a30}.composer-panel.nota .composer-note-input{border-color:#f0b4292e}.composer-panel.nota .composer-note-audio-input{padding:0 6px}.composer-panel.nota .composer-note-audio-input .note-recorder{gap:6px;width:100%}.composer-panel.nota .composer-note-audio-input .note-mic-btn,.recording-icon-btn{width:1.95rem;height:1.95rem}.composer-panel.nota .composer-note-audio-input .note-recording-bar,.composer-ww-audio .note-recording-bar{flex:1 1 auto;width:100%;min-width:0;min-height:2.1rem;max-width:none;padding:0 7px;gap:6px}.recording-icon-btn svg{width:14px;height:14px}.recording-main{flex:1 1 auto;min-width:0;gap:5px}.recording-time{min-width:30px;font-size:.78rem}.recording-waveform{flex:1 1 32px;min-width:32px;max-width:56px;overflow:hidden}.recording-pause-glyph{display:none}}.header-action-btn{background:var(--bg-surface)}.quick-header-btn svg{flex:0 0 auto}.header-action-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--bg-surface);border-color:var(--border-color);color:var(--text-secondary)}.edit-name-btn{background:var(--bg-surface);border:1px solid var(--border-color)}.edit-name-btn:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.agent-dropdown-menu{position:fixed;min-width:200px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 28px #0000002e;z-index:1400;overflow:hidden}.agent-dropdown-section-label{padding:.5rem .9rem .25rem;color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;-webkit-user-select:none;user-select:none}.agent-dropdown-divider{height:1px;background:var(--border-color);margin:.35rem 0}.agent-dropdown-current{padding:.55rem .9rem;background:var(--bg-surface);color:var(--text-secondary);font-size:.8rem;font-weight:500;border-bottom:1px solid var(--border-color)}.agent-dropdown-item{padding:.62rem .9rem;color:var(--text-primary);cursor:pointer;transition:background .15s,color .15s;border-bottom:1px solid var(--border-color)}.agent-dropdown-item:last-child{border-bottom:none}.agent-dropdown-item:hover{background:var(--bg-surface-2)}.agent-dropdown-item.active{background:var(--primary-soft);font-weight:600;color:var(--primary-strong)}.agent-dropdown-item.chat-action{border-bottom:none;margin-top:.1rem}.agent-dropdown-item.chat-action.close{color:var(--danger)}.agent-dropdown-item.chat-action.close:hover{background:#ef444414}.agent-dropdown-item.chat-action.reopen{color:var(--primary-strong);font-weight:600}.agent-dropdown-item.chat-action.reopen:hover{background:#00a88414}.agent-dropdown-item.chat-action.pending{color:#d97706}.agent-dropdown-item.chat-action.pending:hover{background:#eab30814}.agent-dropdown-item.disabled{opacity:.55;cursor:not-allowed}.agent-dropdown-item.disabled:hover{background:transparent}.bot-dropdown-btn{padding:.28rem .62rem;background:transparent;color:var(--text-secondary);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;font-size:.76rem;font-weight:500;transition:background .15s,border-color .15s,color .15s}.bot-dropdown-btn:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.bot-dropdown-menu{position:fixed;min-width:220px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 28px #0000002e;z-index:1000;overflow:hidden}.bot-dropdown-header{padding:.55rem .9rem;background:var(--bg-surface);color:var(--text-secondary);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-bottom:1px solid var(--border-color)}.bot-dropdown-label{padding:.5rem .9rem .2rem;color:var(--text-secondary);font-size:.72rem;font-weight:700;text-transform:uppercase}.bot-dropdown-item{padding:.62rem .9rem;color:var(--text-primary);cursor:pointer;transition:background .12s,color .12s;border-bottom:1px solid var(--border-color);font-size:.84rem}.bot-dropdown-item-content{display:inline-flex;align-items:center;gap:.45rem}.bot-option-icon{width:10px;height:10px;flex:0 0 auto;fill:currentColor;opacity:.8}.bot-dropdown-item:last-child{border-bottom:none}.bot-dropdown-item:hover{background:var(--bg-surface-2)}.bot-dropdown-item.resume{background:#00a88414;color:var(--primary-strong);font-weight:600}.bot-dropdown-item.resume:hover{background:#00a8841f}.bot-dropdown-item.indefinite{background:#ef44440f;color:var(--danger)}.bot-dropdown-item.indefinite:hover{background:#ef44441a}.reminder-header-menu{min-width:180px;background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 10px 28px #0000002e;z-index:1400;overflow:hidden}.reminder-header-item{width:100%;padding:.62rem .9rem;color:var(--text-primary);background:transparent;border:0;text-align:left;cursor:pointer;transition:background .12s,color .12s;border-bottom:1px solid var(--border-color);font-size:.84rem}.reminder-header-item:last-child{border-bottom:none}.reminder-header-item:hover{background:var(--bg-surface-2)}.reminder-header-item.danger{color:var(--danger)}.reminder-header-item.danger:hover{background:#ef444414}.bot-paused-badge{padding:.3rem .7rem;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;background:#f9731626;color:#fb923c;border:1px solid rgba(249,115,22,.3)}body.note-recording-active .lightbox-overlay,body.note-recording-active .modal-overlay{background:transparent!important;pointer-events:none!important}body.note-recording-active [class*=overlay],body.note-recording-active [class*=Overlay],body.note-recording-active [class*=modal],body.note-recording-active [class*=Modal]{display:none!important}.quick-replies-flyout{position:fixed;background:#2a3942;border:2px solid #00a884;border-radius:8px;box-shadow:0 10px 28px #00000059;z-index:2000;overflow:hidden;max-height:320px;overflow-y:auto}.quick-reply-item{padding:.65rem .75rem;border-bottom:1px solid rgba(255,255,255,.06);cursor:pointer;transition:background .15s ease;color:#e9edef}.quick-reply-item:last-child{border-bottom:none}.quick-reply-item:hover{background:#ffffff0d}.quick-reply-item.active{background:#00a88429}.quick-reply-label{font-weight:600;color:#00a884;margin-bottom:.3rem;font-size:.9rem}.quick-reply-preview{color:#8696a0;font-size:.85rem;line-height:1.3}.quick-reply-raw{margin-top:.2rem;color:#5a6770;font-size:.75rem;font-style:italic;line-height:1.2}.quick-reply-item.empty{cursor:default;text-align:center;color:#7f8b92}.lightbox-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000eb;display:flex;align-items:center;justify-content:center;z-index:9999;cursor:pointer;animation:fadeIn .2s}.lightbox-content{position:relative;max-width:94vw;max-height:90vh;cursor:default;display:flex;align-items:center;justify-content:center}.lightbox-stage{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;overflow:hidden}.lightbox-stage img{max-width:100%;max-height:90vh;object-fit:contain;border-radius:6px;box-shadow:0 6px 24px #0000008c;transition:transform .1s ease-out;-webkit-user-select:none;user-select:none}.lightbox-close{position:absolute;top:-48px;right:0;background:#ffffff2e;border:none;color:#fff;font-size:2rem;width:42px;height:42px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.lightbox-close:hover{background:#ffffff47}.lightbox-controls{position:absolute;bottom:-48px;left:50%;transform:translate(-50%);display:flex;gap:.5rem}.lightbox-controls button{background:#ffffff24;color:#fff;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.4rem .75rem;cursor:pointer;font-size:.95rem;transition:background .2s,border-color .2s}.lightbox-controls button:hover{background:#ffffff3d;border-color:#ffffff4d}.state-pill{display:inline-flex;align-items:center;justify-content:center;padding:.16rem .55rem;border-radius:8px;font-size:.72rem;font-weight:600;text-transform:capitalize;color:#fff;line-height:1}.state-pill--open{background-color:#22c55ee0}.state-pill--closed{background-color:#f97316e0}.state-pill--pending{background-color:#eab308e0}.state-pill.open{background-color:#22c55ee0}.state-pill.closed{background-color:#f97316e0}.assignment-badge{padding:.3rem .7rem;border-radius:4px;font-size:.75rem;font-weight:600;display:inline-flex;align-items:center;gap:.35rem;border:1px solid transparent;transition:all .2s ease}.assignment-badge.unassigned{background-color:#374151;color:#9ca3af;border-color:#4b5563}.assignment-badge.own,.assignment-badge.other{background-color:#000;color:#ff9500;border-color:#ff9500}.conversation-locked-notice{background-color:#ff950014;color:#ffb366;padding:.4rem .75rem;font-size:.82rem;font-weight:500;border-left:3px solid rgba(255,149,0,.4);margin:.35rem 0;border-radius:4px;display:flex;align-items:center;gap:.45rem}.agent-label{font-size:.85rem;background:#000;color:#ff9500;padding:.2rem .5rem;border-radius:4px;border:1px solid #ff9500;font-weight:600}.tags-chips-container{display:flex;gap:6px;align-items:center;margin-top:8px;flex-wrap:wrap}.tag-chip{display:inline-flex;align-items:center;gap:5px;background:var(--bg-surface-3);border:1px solid var(--border-strong);border-radius:12px;padding:4px 8px;font-size:13px;font-weight:400;color:var(--text-primary);white-space:nowrap}.tag-chip-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.tag-chip-name{max-width:120px;overflow:hidden;text-overflow:ellipsis}.tag-chip-more{background:var(--bg-surface-2);color:var(--text-secondary);font-weight:500;cursor:default}.tags-inline{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;position:relative;z-index:1}.tags-inline>span{font-size:.72rem;color:#8696a0;font-weight:500;flex-shrink:0}.tag-list{display:flex;gap:.25rem;flex-wrap:wrap;align-items:center}.tag-pill{background:#233138;color:#a5b8c4;border-radius:8px;padding:.1rem .4rem;font-size:.72rem;font-weight:600;border:1px solid #1f2a30;flex-shrink:0;white-space:nowrap}.tag-pill.interactive{cursor:pointer;transition:all .2s}.tag-pill.interactive:hover{background:#2a3942;border-color:#ff6b6b;color:#ff6b6b}.create-tag-btn{padding:.35rem .7rem;border-radius:5px;border:1px solid #00a884;background:#005c4b;color:#e9edef;cursor:pointer;font-weight:500;display:flex;align-items:center;gap:.3rem;transition:all .2s;font-size:.85rem;height:32px;line-height:1;white-space:nowrap}.create-tag-btn:hover{background:#006b58;box-shadow:0 2px 8px #00a8844d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000}.modal-content{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0006}.modal-content.modal-content-small{min-width:360px;max-width:420px}.modal-content h3{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:600}.modal-subtitle{color:var(--text-secondary);font-size:.85rem;margin:-.5rem 0 1rem;font-style:italic}.modal-body{margin-bottom:1.5rem}.modal-body label{display:block;color:var(--text-secondary);font-size:.85rem;margin-bottom:.5rem;font-weight:500}.modal-body input{width:100%;padding:.6rem;border-radius:6px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;box-sizing:border-box}.modal-body input:focus{outline:none;border-color:var(--primary)}.modal-body textarea,.modal-body select{width:100%;padding:.7rem .75rem;border-radius:10px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary);font-size:.95rem;box-sizing:border-box}.modal-body textarea:focus,.modal-body select:focus{outline:none;border-color:var(--primary)}.modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.modal-btn-cancel,.modal-btn-confirm{padding:.5rem 1.2rem;border-radius:6px;border:none;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .2s}.modal-btn-cancel{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-strong)}.modal-btn-cancel:hover{background:var(--bg-surface-3)}.modal-btn-confirm{background:var(--primary);color:#0b141a}.modal-btn-confirm:hover{background:var(--primary-hover)}.modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.schedule-message-modal{width:min(560px,calc(100vw - 32px));min-width:0;border-radius:14px;padding:1.2rem 1.2rem 1rem}.schedule-message-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.schedule-message-head h3{margin-bottom:.2rem}.schedule-message-subtitle{color:var(--text-secondary);font-size:.8rem}.schedule-message-close{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:34px!important;height:34px;flex:0 0 34px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-secondary);padding:0;font-size:1.2rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.schedule-message-close:hover{background:var(--bg-surface-3);color:var(--text-primary)}.schedule-message-tabs{display:inline-flex;gap:.45rem;padding:.28rem;border-radius:999px;background:#ffffff08;border:1px solid var(--border-color);margin-bottom:1rem}.schedule-message-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto!important;min-width:0;flex:0 0 auto;border:1px solid transparent;background:transparent;color:var(--text-secondary);border-radius:999px;padding:.48rem .86rem;font-size:.82rem;font-weight:700}.schedule-message-tab.active{background:#00a8841f;border-color:#00e5c02e;color:var(--primary-strong)}.schedule-message-body{display:flex;flex-direction:column;gap:.65rem}.schedule-message-textarea{resize:vertical;min-height:110px}.schedule-message-select{min-height:42px}.schedule-message-help{color:var(--text-secondary);font-size:.8rem;line-height:1.4}.schedule-media-upload-area{display:flex;flex-direction:column;gap:.5rem}.schedule-media-trigger{display:inline-flex;align-items:center;gap:.3rem;font-size:.82rem;color:var(--text-secondary);cursor:pointer;padding:.25rem 0;border:none;background:none;transition:color .15s;-webkit-user-select:none;user-select:none}.schedule-media-trigger:hover{color:var(--accent-color)}.schedule-media-trigger.uploading{opacity:.5;cursor:not-allowed;pointer-events:none}.schedule-media-trigger.error{color:var(--danger, #e53935);border-color:var(--danger, #e53935)}.schedule-media-error{display:block;margin-top:.3rem;font-size:.78rem;color:var(--danger, #e53935);line-height:1.4}.schedule-media-preview{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.65rem .9rem;border-radius:10px;background:var(--bg-surface-2);border:1px solid var(--border-color)}.schedule-media-filename{font-size:.88rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.schedule-media-remove{flex-shrink:0;background:none;border:1px solid var(--border-color);border-radius:6px;padding:.18rem .55rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;white-space:nowrap;width:auto;align-self:center}.schedule-media-remove:hover{border-color:var(--accent-color);color:var(--accent-color)}.schedule-template-preview{display:flex;flex-direction:column;gap:.35rem;padding:.8rem .9rem;border-radius:12px;background:var(--bg-surface-2);border:1px solid var(--border-color)}.schedule-template-preview-badge{display:inline-flex;width:fit-content;padding:.16rem .45rem;border-radius:999px;background:#00a88424;color:var(--primary-strong);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.schedule-template-preview-title{color:var(--text-primary);font-size:.9rem;font-weight:700}.schedule-template-preview-meta{color:var(--text-secondary);font-size:.78rem}.schedule-template-preview-body{color:var(--text-primary);font-size:.88rem;line-height:1.45;white-space:pre-wrap}.edit-message-overlay{background:#0b141ab3}.edit-message-modal{width:min(460px,calc(100vw - 40px));border-radius:12px;overflow:hidden;background:var(--bg-surface);border:1px solid var(--border-color);box-shadow:0 12px 32px #00000059}.edit-message-header{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.4rem 0}.edit-message-header h3{margin:0;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.edit-message-close{width:34px;height:34px;border:1px solid var(--border-strong);border-radius:8px;background:var(--bg-surface-2);color:var(--text-secondary);font-size:1.25rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.edit-message-close svg{display:none}.edit-message-close:hover{background:var(--bg-surface-3)}.edit-message-stage{display:none}.edit-message-composer{display:flex;flex-direction:column;gap:1rem;padding:1rem 1.4rem 1.4rem}.edit-message-textarea{width:100%;min-height:110px;resize:vertical;border:1px solid var(--border-strong);border-radius:8px;outline:none;background:var(--bg-input, var(--bg-surface-2));color:var(--text-primary);padding:.75rem;font-size:.95rem;line-height:1.4;box-sizing:border-box}.edit-message-textarea:focus{border-color:var(--primary)}.edit-message-emoji{display:none}.edit-message-save{align-self:flex-end;min-width:120px;height:40px;border:none;border-radius:8px;background:var(--primary);color:#0b141a;font-size:.95rem;font-weight:700;cursor:pointer}.edit-message-save:hover:not(:disabled){background:var(--primary-hover)}.edit-message-save:disabled{opacity:.5;cursor:not-allowed}.image-preview-container{padding:1rem 1.6rem;background:var(--bg-surface-2);border-top:1px solid var(--border-color)}.image-preview{display:flex;gap:1rem;align-items:center}.image-preview img{max-width:200px;max-height:200px;border-radius:8px;object-fit:contain}.image-preview-actions{display:flex;gap:.5rem;flex-direction:column}.image-preview-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.preview-edit-btn{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:6px;padding:.4rem .75rem;cursor:pointer}.preview-edit-btn:hover{background:var(--bg-surface-3)}.hd-toggle{display:inline-flex;align-items:center;gap:.35rem;color:var(--text-secondary);font-size:.9rem}.hd-toggle input{accent-color:var(--primary)}.image-editor-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:10000;padding:0;height:100vh}.image-editor-dialog{background:var(--bg-app);border:1px solid var(--border-color);border-radius:10px;width:min(1200px,96vw);height:100vh;display:flex;flex-direction:column;gap:0;padding:.75rem;overflow:hidden}.image-editor-header{display:flex;align-items:center;justify-content:space-between;color:var(--text-primary);font-weight:600;min-height:56px}.image-editor-body{flex:1;min-height:0;min-width:0;background:#0f1a1f;border:1px solid #1f2a30;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:0;padding:0}.image-editor-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;min-height:64px}.image-editor-actions{display:flex;gap:.5rem}.tui-image-editor-header{display:none!important}.tui-image-editor-main{padding-top:0!important;height:100%!important;display:flex;flex-direction:column;flex:1 1 auto}.tui-image-editor-container{border:none!important;height:100%!important;overflow:hidden!important}.tui-image-editor-header-buttons,.tie-btn-download,.tie-btn-load,.tui-image-editor-menu .tie-menu-item.icon-ic-rotate,.tui-image-editor-menu .tie-menu-item.icon-ic-flip,.tui-image-editor-menu .tie-menu-item.icon-ic-shape,.tui-image-editor-menu .tie-menu-item.icon-ic-icon,.tui-image-editor-menu .tie-menu-item.icon-ic-mask,.tui-image-editor-menu .tie-menu-item.icon-ic-arrow,.tui-image-editor-menu .tie-menu-item.icon-ic-sticker,.tui-image-editor-menu .tie-menu-item.icon-ic-filter,.tui-image-editor-menu-filter,.tui-image-editor-submenu.filter,.tui-image-editor-controls-buttons .tie-btn-reset{display:none!important}.tui-image-editor-menu{padding:4px 8px!important;min-height:44px;margin:0!important;justify-content:center!important;gap:6px!important;background:transparent!important;border:none!important}.image-editor-body{position:relative}.tui-image-editor-menu{position:absolute;top:12px;left:50%;transform:translate(-50%);background:#0009!important;border-radius:12px;padding:8px 12px!important;gap:10px!important;min-height:0}.tui-image-editor-help-menu{display:none!important}.tui-image-editor-wrap{height:100%!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}.tui-image-editor-canvas-container{flex:1!important;min-height:0!important;overflow:hidden!important;display:flex;align-items:center;justify-content:center;padding:0}.tui-image-editor-canvas-container canvas{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}.tui-image-editor-controls-buttons .tie-btn:not(.tie-btn-undo):not(.tie-btn-redo){display:none!important}.tie-btn-undo,.tie-btn-redo{display:inline-flex!important}.tie-btn-zoomIn,.tie-btn-zoomOut,.tie-btn-hand,.tie-btn-reset{display:none!important}.tui-image-editor-submenu{overflow:hidden!important}.tui-image-editor-submenu.filter{padding:4px 6px!important;max-height:52px;display:flex!important;align-items:center;gap:6px}.tui-image-editor-submenu .tui-image-editor-submenu-title{display:none!important}.messages-container{position:relative;grid-column:1;grid-row:1;min-width:0;min-height:0;overflow-y:auto;padding:1.6rem;background:var(--bg-app);overflow-anchor:none}.loading{text-align:center;padding:2rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#999;font-size:1.1rem}.reply-to-me-badge{display:none!important}.message{margin-bottom:1rem;display:flex;padding:0 .4rem}.message-hover-actions{display:none;position:absolute;top:50%;right:auto;left:-38px;transform:translateY(-50%);gap:6px;background:transparent;border:none;border-radius:0;padding:0;z-index:10}.message-hover-actions:before{content:"";position:absolute;top:-10px;bottom:-10px;width:18px}.message.outbound .message-hover-actions:before{right:-14px}.message.inbound .message-hover-actions{left:auto;right:-38px}.message.inbound .message-hover-actions:before{left:-14px}.message-content:hover .message-hover-actions{display:flex}.msg-action-btn{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface);color:var(--text-secondary);border:none;cursor:pointer;font-size:.9rem;padding:0;border-radius:999px;opacity:.82;box-shadow:0 1px 4px #00000047;position:relative;z-index:1;transition:opacity .15s,background .15s,color .15s}.msg-action-btn:hover{opacity:1;background:var(--bg-surface-2);color:var(--text-primary)}.message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.reaction-badge{display:inline-flex;align-items:center;gap:2px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:20px;padding:1px 6px;font-size:.85rem;cursor:default}.reaction-count{font-size:.72rem;font-weight:700;color:var(--text-secondary)}.reaction-picker{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;padding:8px 10px;display:flex;gap:6px;box-shadow:0 4px 20px #0006}.reaction-picker-btn{background:none;border:none;cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;font-size:1.35rem;padding:0;border-radius:50%;transition:transform .1s}.reaction-picker-btn:hover{transform:scale(1.3)}.message-edited-label{font-size:.68rem;color:var(--text-secondary);font-style:italic}.edit-msg-textarea{width:100%;min-height:80px;background:var(--bg-input, var(--bg-surface-2));color:var(--text-primary);border:1px solid var(--border-strong);border-radius:6px;padding:.5rem;font-size:.9rem;resize:vertical;box-sizing:border-box}.message.inbound{justify-content:flex-start}.message.outbound{justify-content:flex-end}.message-content{max-width:min(70%,520px);padding:6px 28px 18px 9px;border-radius:7.5px;word-wrap:break-word;display:flex;flex-direction:column;gap:2px;position:relative;box-shadow:0 1px .5px #0000002e}.message-menu-trigger{position:absolute;top:3px;right:4px;width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;padding:0;color:var(--text-secondary);background:transparent;opacity:0;cursor:pointer;transition:opacity .12s ease,background .12s ease,color .12s ease;z-index:12}.message-content:hover .message-menu-trigger,.message-menu-trigger:focus-visible,.message-menu-trigger[aria-expanded=true]{opacity:1}.message-menu-trigger:hover,.message-menu-trigger:focus-visible{background:#0000002e;color:var(--text-primary)}.message-menu-trigger svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.message-menu-popover{position:absolute;top:24px;right:4px;min-width:178px;padding:6px;border-radius:8px;border:1px solid rgba(134,150,160,.24);background:#111b21;box-shadow:0 10px 28px #0000006b;z-index:30}.message-menu-popover.portal{position:fixed;top:auto;right:auto;z-index:9998}.message-menu-item{width:100%;min-height:34px;display:flex;align-items:center;border:0;border-radius:6px;padding:0 10px;color:#e9edef;background:transparent;font-size:.85rem;text-align:left;text-decoration:none;cursor:pointer;box-sizing:border-box}.message-menu-item:hover{background:#ffffff14}.message-menu-item.danger{color:#ff6b6b}.message-menu-item.danger:hover{background:#ef44441f}.message.inbound .message-content{background-color:#202c33;color:var(--text-primary);border-bottom-left-radius:2px}.message.outbound .message-content{background-color:#005c4b;color:#e9edef;border-bottom-right-radius:2px}.message-text{margin:1px 0 0;line-height:1.35;font-size:.92rem;white-space:pre-wrap;padding-right:5.5rem}.message-time{font-size:.69rem;color:#ffffffb8;font-weight:500;line-height:1;margin-top:0}.message-time-row{position:absolute;right:10px;bottom:6px;display:inline-flex;align-items:center;gap:4px;min-height:14px;margin:0;line-height:1}.msg-status{font-size:.8rem;color:#7a8a93;-webkit-user-select:none;user-select:none}.msg-status.status-read{color:#34b7f1}.msg-status.status-delivered,.msg-status.status-sent,.msg-status.status-pending{color:#a6b3bc}.msg-status.status-failed{color:#f28b82}.message-meta-row{display:flex;gap:.5rem;align-items:center;margin-bottom:.3rem;flex-wrap:wrap}.message.inbound .message-time,.message.inbound .message-edited-label{color:#8696a0eb}.message.outbound .message-time,.message.outbound .message-edited-label{color:#e9edefb8}.author-label{font-size:.8rem;font-weight:600;color:#9aa5ab;background:transparent;padding:0;border:none}.message.inbound .author-label{color:#9aa5ab}.message.outbound .author-label{background:transparent;color:#9aa5ab;padding:0;border:none}.bot-flag{font-size:.65rem;font-weight:700;padding:.15rem .4rem;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.bot-flag.bot{background:#f8717133;color:#f87171;border:1px solid rgba(248,113,113,.3)}.bot-flag.human{background:#4ade8033;color:#4ade80;border:1px solid rgba(74,222,128,.3)}.message-media{margin-top:.5rem}.message-media{margin-top:.5rem;display:inline-block;max-width:100%}.message-media img{display:block;max-width:280px;max-height:280px;width:auto;height:auto;border-radius:12px;cursor:pointer;object-fit:cover;transition:opacity .2s}.message-media img:hover{opacity:.9}@media(max-width:768px){.message-media img{max-width:220px;max-height:220px}}.image-caption{margin-top:.4rem;font-size:.85rem;color:#e9edef;line-height:1.4;word-wrap:break-word}.media-error{padding:1rem;background:#1f2a30;border:1px dashed #3a4a54;border-radius:8px;color:#8696a0;font-size:.85rem;text-align:center;max-width:280px}.media-error-link{margin-top:.5rem;color:#53bdeb;text-decoration:none;font-size:.8rem}.media-error-link:hover{text-decoration:underline}.document-link,.video-link,.audio-link{padding:.5rem;background-color:#0000001a;border-radius:8px;margin-top:.5rem;max-width:300px;width:100%}.message.outbound .audio-link{background-color:#00000026}.message-media-video{display:flex;flex-direction:column;gap:.35rem;margin-top:.25rem}.message-video{display:block;max-width:280px;max-height:260px;width:auto;height:auto;border-radius:8px;background:#000;outline:none;object-fit:contain}.video-link,.document-link{display:inline-block;padding:.6rem 1rem;margin-top:.5rem;background:#1f2a30;border:1px solid #3a4a54;border-radius:8px;color:#53bdeb;text-decoration:none;font-size:.85rem;transition:background .2s}.video-link:hover,.document-link:hover{background:#2a3942;text-decoration:none}.message.outbound .video-link,.message.outbound .document-link{background-color:#00000026;border-color:#ffffff1a}.doc-card{display:flex;align-items:center;gap:.65rem;padding:.55rem .7rem;margin-top:.35rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:8px;text-decoration:none;color:inherit;min-width:200px;max-width:280px;transition:background .15s;cursor:pointer}.doc-card:hover{background:#ffffff1c;text-decoration:none}.doc-card-icon{flex-shrink:0;width:42px;height:42px;border-radius:6px;display:flex;align-items:center;justify-content:center}.doc-card-icon svg{width:28px;height:28px}.doc-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.doc-card-name{font-size:.82rem;font-weight:600;color:var(--text-primary, #e9edef);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.doc-card-meta{font-size:.72rem;color:var(--text-secondary, #8696a0);text-transform:uppercase;letter-spacing:.02em}.doc-card-dl{flex-shrink:0;color:var(--text-secondary, #8696a0);opacity:.7}.doc-card-dl svg{width:16px;height:16px;display:block}.message.outbound .doc-card{background:#0000001f;border-color:#ffffff12}.message.outbound .doc-card:hover{background:#0000002e}.message.outbound .doc-card-name{color:#e9edef}.composer{grid-column:1;grid-row:2;display:flex;align-items:center;gap:.4rem;padding:.2rem .55rem;background:#202c33;border-top:1px solid #1f2a30;flex:0 0 auto}.composer-left{display:flex;flex-direction:column;flex:1;gap:.18rem;min-width:0}.composer-note-switch{position:relative;flex:0 0 auto;align-self:center}.composer-note-switch-inline{display:inline-flex}.composer-note-pill{min-height:42px;padding:0 10px;border-radius:14px;border:1px solid rgba(134,150,160,.2);background:#111b21;color:#d1d7db;display:inline-flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;font-size:.8rem;font-weight:600;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease}.composer-note-pill-return{min-height:42px}.composer-note-pill:hover{background:#1f2c33;border-color:#00a8845c;color:#e9edef}.composer-note-pill.is-active{color:#00a884;border-color:#00a8848c;background:#00a88414}.composer-note-pill-icon{color:#f0b429;font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.composer-note-svg{width:16px;height:16px;display:block}.composer-note-menu{position:absolute;right:0;bottom:calc(100% + 10px);width:210px;padding:8px;border-radius:14px;background:#111b21;border:1px solid rgba(134,150,160,.18);box-shadow:0 16px 36px #00000073;z-index:55}.composer-note-menu-item{width:100%;border:0;background:transparent;color:#e9edef;display:flex;align-items:center;gap:12px;padding:11px 10px;border-radius:10px;cursor:pointer;font-size:.94rem;text-align:left}.composer-note-menu-item:hover:not(:disabled){background:#202c33}.composer-note-menu-item:disabled{opacity:.45;cursor:not-allowed}.note-menu-icon{width:22px;display:inline-flex;align-items:center;justify-content:center;color:#f0b429;flex:0 0 auto}.composer-bar{display:flex;align-items:center;gap:.4rem;width:100%}.composer-bar-reply{flex-direction:column;align-items:stretch;gap:.35rem;padding-top:.3rem;padding-bottom:.35rem}.composer-ww-bar{flex-direction:row;align-items:center;gap:8px;padding:4px}.composer-ww-actions{position:relative;flex:0 0 auto}.composer-ww-btn{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#aebac1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:30px;line-height:1;transition:background .15s ease,color .15s ease,transform .15s ease}.composer-ww-btn svg{width:24px;height:24px}.composer-ww-btn:hover:not(:disabled){color:#e9edef;background:#ffffff0d}.composer-ww-btn:disabled,.composer-ww-btn.disabled{opacity:.45;cursor:not-allowed}.composer-plus-btn{font-size:34px;font-weight:300}.composer-plus-btn.is-open{transform:rotate(45deg);color:#e9edef}.composer-attach-menu{position:absolute;left:0;bottom:calc(100% + 12px);width:260px;padding:8px;border-radius:16px;background:#111b21;border:1px solid rgba(134,150,160,.18);box-shadow:0 16px 36px #00000073;z-index:50}.composer-attach-item{width:100%;border:0;background:transparent;color:#e9edef;display:flex;align-items:center;gap:14px;padding:12px 10px;border-radius:10px;cursor:pointer;font-size:.98rem;text-align:left}.composer-attach-item:hover:not(:disabled){background:#202c33}.composer-attach-item:disabled,.composer-attach-item.is-disabled{opacity:.5;cursor:not-allowed}.attach-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;font-size:.85rem;font-weight:700}.attach-icon svg{width:18px;height:18px;display:block}.attach-doc{color:#7f66ff}.attach-photo{color:#0aa5ff}.attach-quick{color:#ffcf33}.attach-template{color:#25d366}.composer-ww-input{flex:1;min-width:0;flex-direction:row;align-items:center;gap:2px;background:#2a3942;min-height:40px;border-radius:20px;padding:0 8px 0 0;position:relative}.composer-ww-input textarea{flex:1;min-height:34px;max-height:110px;padding:8px 8px 6px 2px;border:0;border-radius:0;background:transparent;color:#e9edef;resize:none;outline:none;box-shadow:none;line-height:1.35}.composer-ww-input textarea::placeholder{color:#8696a0}.composer-ww-right{flex:0 0 auto;min-width:42px;display:flex;align-items:center;justify-content:center;gap:6px}.composer-ww-send{width:42px;height:42px;border-radius:50%;margin-left:0}.composer-ww-audio .note-recorder{display:flex;align-items:center}.composer-ww-audio .note-mic-btn{width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:#aebac1}.composer-ww-audio .note-mic-btn:hover{background:#ffffff0d;color:#e9edef}.composer-ww-audio .note-recording-bar{min-height:42px;padding:0 10px;border-radius:22px;background:#2a3942}.composer-text-row{display:flex;width:100%;min-width:0}.composer-footer-row{display:flex;align-items:center;width:100%;min-width:0;gap:.45rem}.composer-action-group{display:flex;align-items:center;gap:.2rem;flex-shrink:0}.composer-icon-btn{width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;font-size:.9rem;line-height:1;transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.composer-icon-btn svg{width:18px;height:18px;display:block;flex-shrink:0}.composer-icon-btn:hover:not(:disabled){background:var(--bg-surface-2);border-color:var(--border-color);color:var(--text-primary)}.composer-icon-btn:disabled,.composer-icon-btn.disabled{opacity:.42;cursor:not-allowed}.composer-media-btn{width:28px;height:28px}.composer-disabled-btn{color:var(--text-secondary)}.composer-audio-slot{display:inline-flex;align-items:center;flex-shrink:0}.composer-audio-slot .note-recorder{display:inline-flex;flex-direction:row;gap:.25rem;align-items:center}.composer-audio-slot .note-recording-bar{padding:.2rem .45rem;min-height:28px}.composer-icons{display:flex;gap:.4rem;align-items:center}.composer-note-bar{align-items:center;min-height:50px;padding:4px;background:#111b21}.composer-note-inner{display:flex;flex:1;gap:8px;min-width:0;align-items:center;width:100%}.composer-note-icons{display:flex;align-items:center;flex-shrink:0}.composer-note-mode-label{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;min-height:40px;padding:0 10px;border-radius:999px;background:#f0b42921;border:1px solid rgba(240,180,41,.28);color:#ffd166;font-size:.78rem;font-weight:700;white-space:nowrap}.composer-panel.nota .composer-input-wrapper{flex:1 1 auto;min-width:0}.composer-panel.nota .note-textarea{width:100%;min-width:0;min-height:34px;max-height:110px;padding:8px 10px 6px 12px;border:0;border-radius:0;background:transparent;color:#e9edef;resize:none;box-sizing:border-box;font-size:.92rem;line-height:1.35}.composer-panel.nota .composer-note-input{flex:1 1 auto;min-width:0;border:1px solid rgba(240,180,41,.22);background:#2a3942}.composer-panel.nota .composer-note-audio-input{justify-content:flex-start;padding:0 10px}.composer-panel.nota .composer-note-audio-input .note-recorder{display:flex;flex-direction:row;align-items:center;width:auto;gap:8px}.composer-panel.nota .composer-note-audio-input .note-mic-btn{width:38px;height:38px;border:0;border-radius:50%;background:#f0b4291f;color:#ffd166}.composer-panel.nota .composer-note-audio-input .note-recording-bar{width:auto;flex:0 0 auto;max-width:360px;min-height:58px;padding:0 12px;border-radius:30px;background:#1f2225;border:1px solid rgba(255,255,255,.04)}.composer-panel.nota .composer-note-audio-input .recording-time{min-width:40px;color:#f3f5f6;font-size:.9rem;font-weight:700}.composer-panel.nota .note-recorder{display:flex;align-items:center}.composer-panel.nota .note-recording-bar{display:flex;align-items:center;gap:12px}.composer-note-return-btn{flex:0 0 auto!important;width:auto!important;min-width:0;min-height:40px;padding:0 12px;border-radius:999px;border:1px solid rgba(134,150,160,.25);background:#1f2a30;color:#cfd7dc;font-size:.78rem;font-weight:700;cursor:pointer;white-space:nowrap}.composer-note-return-icon{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;line-height:1}.composer-note-return-label{line-height:1}.composer-note-return-btn:hover{background:#2a3942;color:#e9edef}.composer-note-right{flex:0 0 auto;min-width:0;width:auto}.composer-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0;position:relative}.composer-input-main{width:100%;min-width:0}.composer-input-main textarea{width:100%;min-height:58px;padding:.7rem .85rem;border-radius:10px;resize:none}.composer-input-wrapper.composer-ww-input{flex-direction:row;align-items:center;gap:2px}.composer-input-wrapper.composer-ww-input textarea{min-height:34px;padding:8px 8px 6px 2px;border:0;border-radius:0;background:transparent;resize:none}.emoji-picker-popover{position:absolute;left:0;bottom:calc(100% + .4rem);width:min(360px,calc(100vw - 3rem));display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.25rem;padding:.45rem;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-elevated);box-shadow:0 12px 28px #00000038;z-index:30}.emoji-picker-btn{width:100%;aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:var(--bg-surface);cursor:pointer;font-size:1rem;line-height:1}.emoji-picker-btn:hover{background:var(--bg-surface-2);border-color:var(--border-color)}.composer-input-wrapper textarea,.note-textarea{max-height:88px;line-height:1.35}.composer-controls{display:flex;gap:.5rem;align-items:center;padding-bottom:.25rem}.media-btn{background:transparent;border:none;cursor:pointer;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;transition:opacity .2s;padding:0;color:var(--text-secondary);flex-shrink:0}.media-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.media-btn:hover:not(:disabled){opacity:.8}.media-btn:active:not(:disabled){opacity:.6}.media-btn:disabled{opacity:.3;cursor:not-allowed}.media-btn.recording{color:#f44;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.recording-indicator{display:flex;align-items:center;gap:.5rem;padding:.25rem .5rem;background:#ff444426;border-radius:4px;margin-left:.5rem}.recording-dot{width:8px;height:8px;background:#f44;border-radius:50%;animation:blink 1s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.recording-time{color:#f44;font-weight:500;font-size:.8125rem;font-variant-numeric:tabular-nums}.error-banner-overlay{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9999;animation:slideInDown .3s ease-out;max-width:90%;width:auto}@keyframes slideInDown{0%{opacity:0;transform:translate(-50%) translateY(-20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.error-banner{display:flex;align-items:center;gap:1rem;background:linear-gradient(135deg,#dc2626f2,#b91c1cf2);color:#fff;padding:1rem 1.5rem;border-radius:12px;box-shadow:0 10px 25px #0000004d,0 0 0 1px #ffffff1a inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:400px;max-width:600px}.error-banner-icon{font-size:2rem;flex-shrink:0;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.error-banner-content{flex:1;display:flex;flex-direction:column;gap:.25rem}.error-banner-title{font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;color:#fff}.error-banner-message{font-size:.9rem;line-height:1.4;color:#fffffff2;font-weight:500}.error-banner-close{background:#ffffff26;border:none;color:#fff;font-size:1.75rem;line-height:1;cursor:pointer;padding:0;width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .2s;font-weight:300}.error-banner-close:hover{background:#ffffff40;transform:scale(1.05)}.error-banner-close:active{transform:scale(.95)}@media(max-width:768px){.error-banner-overlay{top:60px;max-width:95%}.error-banner{min-width:unset;width:100%;padding:.875rem 1rem}.error-banner-icon{font-size:1.5rem}.error-banner-title{font-size:.9rem}.error-banner-message{font-size:.85rem}}.info-banner-overlay{position:fixed;top:80px;left:50%;transform:translate(-50%);z-index:9998;animation:slideInDown .3s ease-out;max-width:90%;width:auto}.info-banner{display:flex;align-items:center;gap:1rem;background:var(--surface-opaque);color:var(--text-primary);padding:.9rem 1.4rem;border-radius:12px;box-shadow:0 10px 25px #0000004d,0 0 0 1px #00a88429 inset;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:360px;max-width:580px;border:1px solid rgba(0,168,132,.28);border-left:4px solid var(--primary)}.info-banner-icon{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;font-weight:700;flex-shrink:0;color:var(--primary-strong);background:var(--primary-soft)}.info-banner-content{flex:1}.info-banner-title{font-size:.85rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--primary-strong);margin-bottom:2px}.info-banner-message{font-size:.9rem;line-height:1.35;color:var(--text-primary)}.info-banner-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 4px;width:auto!important}.info-banner-close:hover{color:var(--text-primary)}@media(max-width:600px){.info-banner-overlay{top:60px;max-width:95%}.info-banner{min-width:unset;width:100%;padding:.8rem 1rem}}.reply-preview{margin:8px 0 4px;padding:8px 10px;border-radius:10px;background:#111b21;border:none;border-left:2px solid #00a884;color:#e9edef;transition:background .15s ease}.reply-preview:hover{background:#14212a}.reply-title{font-weight:600;font-size:.93rem;color:#c9d6dc}.reply-snippet{font-size:.9rem;color:#8696a0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-close{background:none;border:none;color:#7f8b92;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:color .15s ease}.reply-close:hover{background:none;color:#e9edef;transform:none}.reply-preview{margin:8px 0 4px;padding:8px 10px;border-radius:10px;background:#20c99714;border:1px solid rgba(32,201,151,.25);color:#e8f8f3}.reply-preview-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.reply-title{font-weight:600;font-size:.95rem}.reply-snippet{font-size:.9rem;color:#e8f8f3cc;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reply-close{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:26px;height:26px;border-radius:8px;cursor:pointer;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s}.reply-close:hover{background:#fff3;transform:scale(1.05)}.quoted-block{width:100%;box-sizing:border-box;margin:0 0 6px;padding:6px 8px 5px 9px;border-left:3px solid #06cf9c;border-radius:8px;cursor:pointer;opacity:1;overflow:hidden}.message.outbound .quoted-block,.message.inbound .quoted-block{background:#ffffff0a}.quoted-block:hover{filter:brightness(1.08)}.quoted-block.quoted-block-button-reply{border-left-color:#7dd3fc}.quoted-sender{font-weight:700;font-size:.74rem;line-height:1.18;color:#58d4ff;margin-bottom:1px;text-transform:none}.quoted-snippet{font-size:.78rem;line-height:1.2;color:#e9edefe0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:38ch}.composer-input-wrapper textarea{flex:1;min-height:38px;max-height:96px;resize:none;border-radius:8px;border:none;padding:.45rem .7rem;background:#2a3942;color:#e9edef;width:100%;box-sizing:border-box;font-size:.92rem;font-family:inherit;line-height:1.4;overflow-y:auto}.composer-input-wrapper textarea:focus{outline:none}.note-textarea::placeholder{color:#8696a0}.icon-audio{background:transparent;border:1px solid #1f2c34;color:#e9edef;font-size:1.1rem;padding:6px;border-radius:8px;cursor:pointer;opacity:.7;transition:opacity .2s ease,background .2s ease}.icon-audio:hover{opacity:1;background:#0f1f26}.send-btn{flex:0 0 auto;width:36px;height:36px;padding:0;border-radius:10px;border:none;background:var(--primary);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,opacity .15s,transform .1s}.send-btn:hover:not(:disabled){background:var(--primary-hover);transform:scale(1.06)}.send-btn:active:not(:disabled){transform:scale(.95)}.composer-footer-row .send-btn{margin-left:auto}.send-btn:disabled{opacity:.4;cursor:not-allowed}.send-btn-note{background:var(--note-author-border)}.send-btn-note:hover:not(:disabled){filter:brightness(1.12)}.composer-tabs{display:flex;gap:6px;padding:4px 6px;background:#0b141a;border-bottom:1px solid #2a3942;flex:0 0 auto}.composer-tab{flex:1 1 auto;height:30px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#c2c8cc;cursor:pointer;font-size:.8rem;font-weight:600;transition:all .2s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 10px}.composer-tab:hover{background:#ffffff14;color:#e9edef}.composer-tab.is-active{border-color:#20c997b3;background:#20c99714;color:#00a884}.composer-tabs button{box-shadow:none!important;outline:none!important}.composer-panel.nota .internal-input{display:flex;align-items:flex-end;gap:8px;padding:8px 10px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff08;width:100%;flex:1;min-width:0}.composer-panel.nota .internal-input textarea{flex:1;width:100%;min-width:0;min-height:44px;max-height:140px;resize:none;border:none;outline:none;background:transparent;color:#e9edef;padding:8px 4px;font-size:.95rem;line-height:1.35;overflow-y:auto}.composer-panel.nota .composer-audio-slot,.composer-panel.nota .composer-note-icons,.composer-panel.nota .send-btn-note,.composer-panel.nota .composer-note-return-btn{align-self:center}.internal-note{position:relative;background:var(--note-bg);border:1px solid var(--note-border);width:min(540px,calc(100% - 1.6rem));box-sizing:border-box;padding:10px 12px;margin:.5rem .8rem;border-radius:8px;font-size:.85rem}.internal-note--own{padding-right:34px}.internal-note--own .note-header{padding-right:4px}.internal-note-delete{position:absolute!important;top:8px!important;right:8px!important;width:18px!important;height:18px!important;min-width:18px!important;padding:0!important;border:1px solid rgba(248,113,113,.4)!important;border-radius:50%!important;background:#7f1d1db8!important;color:#fee2e2!important;cursor:pointer!important;opacity:.55!important;pointer-events:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;font-size:11px!important;font-weight:700!important;line-height:1!important;transition:opacity .15s,background .15s,border-color .15s,transform .15s!important;z-index:5!important;box-shadow:0 1px 3px #0000004d!important}.internal-note--own:hover .internal-note-delete,.internal-note--own:focus-within .internal-note-delete{opacity:1!important}.internal-note-delete:hover{background:#b91c1cf2!important;border-color:#fca5a5f2!important;color:#fff!important;transform:scale(1.12)!important;opacity:1!important}.note-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;color:var(--note-meta)}.note-icon{font-size:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--note-label-text)}.note-icon-svg{width:15px;height:15px;display:block}.note-label{font-weight:700;color:var(--note-label-text);font-size:.75rem;padding:2px 8px;border-radius:999px;border:1px solid var(--note-border);background:var(--note-label-bg);text-transform:none}.note-author{font-weight:600;color:var(--note-author-text);background:var(--note-author-bg);padding:.1rem .4rem;border-radius:3px;border:1px solid var(--note-author-border)}.note-time{margin-left:auto;color:var(--note-meta);font-size:.75rem}.note-body{color:var(--note-text);line-height:1.4;white-space:pre-wrap;word-break:break-word}.note-audio-inline-header{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:6px;font-size:.76rem;line-height:1.25;color:var(--note-meta)}.note-meta-inline{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;min-width:0}.note-audio-inline-header .note-meta-inline:first-of-type .note-meta-sep{display:none}.note-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:4px}.note-meta-label{font-weight:600;color:var(--note-meta-strong)}.note-meta-value,.note-meta-time,.note-listener-name,.note-listener-time{color:var(--note-text)}.note-meta-sep,.note-meta-gap{color:var(--note-meta)}.note-meta-empty{color:var(--note-meta);font-style:italic}.note-listener-inline{display:inline-flex;align-items:center;gap:4px}.note-read-status{margin-top:6px;font-size:12px;color:#c2c8cc;line-height:1.35}.note-read-status.empty{color:#7a8a93;font-style:italic}.note-read-label{font-weight:600}.note-listener-chip{display:inline-flex;align-items:center;gap:2px}.note-listener-name{color:#e9edef;font-weight:600}.note-listener-time{color:#8aa0aa;opacity:.75;font-variant-numeric:tabular-nums}.note-listener-sep,.note-listener-gap{color:#8aa0aa;opacity:.6}.internal-note-audio{display:block}.system-event{display:flex;align-items:center;gap:10px;width:fit-content;max-width:min(540px,calc(100% - 1.6rem));padding:8px 14px;margin:.35rem auto;border-radius:12px;background:var(--note-bg);border:1px solid var(--note-border);color:var(--note-text);font-size:.88rem;line-height:1.2;white-space:nowrap}.system-event.edit-event{margin:-.55rem clamp(10rem,36vw,25rem) .35rem auto;max-width:min(520px,calc(100% - 7rem));border-top-right-radius:4px}.message-edit-inline{display:flex;align-items:center;gap:8px;margin:0 18px 4px 0;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:.78rem;line-height:1.2;color:#e6f6f0d1}.message-edit-inline-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-edit-inline-time{flex-shrink:0;color:#d6e9e2b3}.system-event-text{color:var(--note-meta-strong);overflow:hidden;text-overflow:ellipsis}.system-event-time{font-size:.78rem;color:var(--note-meta);flex-shrink:0}.audio-bubble{display:flex;flex-direction:column;gap:6px}.audio-bubble.audio-client-sent{width:100%;background:linear-gradient(180deg,#116b53f5,#0c5a46f5);border:1px solid rgba(103,224,193,.18);border-radius:10px;padding:7px 10px 5px;box-shadow:inset 0 1px #ffffff0a}.audio-bubble.audio-client-received{width:100%;background:#202c33;border:1px solid rgba(134,150,160,.18);border-radius:10px;padding:7px 10px 5px}.audio-bubble.audio-internal{width:fit-content;max-width:100%;background:var(--note-label-bg);border:1px solid var(--note-author-border);border-radius:14px;padding:5px 10px 6px}.audio-message{display:flex;flex-direction:column;gap:8px;background:#0000001a;padding:8px;border-radius:8px}.audio-message.audio-message-outbound{display:inline-flex;align-self:flex-start;gap:4px;width:100%;padding:0;background:transparent;border-radius:0}.audio-message.audio-message-inbound{width:100%;background:#0000001a}.audio-transcript{display:flex;flex-direction:column;gap:4px;padding:2px 2px 0}.audio-transcript-badge{display:inline-flex;align-items:center;gap:6px;height:18px;padding:0 9px;border-radius:999px;font-size:10.5px;font-weight:600;color:#8ab4c2;background:#8ab4c21a;border:1px solid rgba(138,180,194,.2);-webkit-user-select:none;user-select:none;width:fit-content}.audio-transcript-text{font-size:12px;line-height:1.35;color:#e9edef;white-space:pre-wrap;word-break:break-word}.audio-transcript-badge.loading{color:#d4e4ff}.audio-transcript-badge.muted{color:#c9d1d9;background:#ffffff0a;border-color:#ffffff14}.spinner-mini{width:10px;height:10px;border:2px solid rgba(255,255,255,.15);border-top-color:#8ab4c2e6;border-radius:50%;animation:spinnerMini 1s linear infinite}@keyframes spinnerMini{to{transform:rotate(360deg)}}.audio-transcript.muted{color:#c9d1d9;opacity:.8}.audio-transcript-icon{font-size:12px;-webkit-user-select:none;user-select:none}.audio-bubble .audio-header{display:flex;gap:6px;align-items:center;flex-wrap:wrap;font-size:11px}.audio-bubble .audio-label{background:var(--note-label-bg);color:var(--note-label-text);border:1px solid var(--note-border);padding:2px 7px;border-radius:999px;font-weight:700;text-transform:none;letter-spacing:.25px}.audio-bubble .audio-author{background:#00a88426;color:#00a884;border:1px solid rgba(0,168,132,.35);padding:2px 8px;border-radius:12px;font-weight:600}.audio-bubble .audio-time{color:var(--note-meta);margin-left:auto;font-variant-numeric:tabular-nums}.media-fullscreen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0b141a;display:flex;flex-direction:column;z-index:100}.media-fullscreen-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:#0b141af2;border-bottom:1px solid #1f2a30;min-height:56px}.media-fullscreen-close{width:40px;height:40px;border-radius:50%;background:transparent;color:#e9edef;border:none;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:background .2s}.media-fullscreen-close:hover{background:#ffffff1a}.media-fullscreen-toolbar{display:flex;align-items:center;gap:.5rem;flex:1;justify-content:center}.toolbar-btn{width:40px;height:40px;border-radius:50%;background:transparent;border:none;color:#e9edef;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.toolbar-btn:hover:not(:disabled){background:#ffffff1a}.toolbar-btn.active{background:#00a884;color:#0b141a}.toolbar-btn:disabled{opacity:.3;cursor:not-allowed}.toolbar-btn svg{width:20px;height:20px}.toolbar-divider{width:1px;height:24px;background:#2a3942;margin:0 .25rem}.media-fullscreen-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:#0b141a;padding:1rem;gap:0}.media-image-container{max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;position:relative}.media-fullscreen-img{max-width:100%;max-height:100%;object-fit:contain;display:block}.media-edit-canvas{max-width:100%;max-height:100%;cursor:crosshair;display:block}.media-edit-panel{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);background:#0b141af2;border:1px solid #2a3942;border-radius:10px;padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem;z-index:10}.edit-controls{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.edit-label{color:#8696a0;font-size:.9rem;white-space:nowrap}.color-picker{display:flex;gap:.5rem}.color-btn{width:32px;height:32px;border-radius:50%;border:2px solid #2a3942;cursor:pointer;transition:transform .2s}.color-btn:hover{transform:scale(1.1);border-color:#00a884}.thickness-slider{width:120px;accent-color:#00a884}.text-input{background:#1f2a30;border:1px solid #2a3942;border-radius:6px;color:#e9edef;padding:.5rem .75rem;font-size:.95rem;min-width:200px}.text-input:focus{outline:none;border-color:#00a884}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.5rem}.emoji-btn{width:36px;height:36px;border:none;background:transparent;font-size:1.5rem;cursor:pointer;border-radius:6px;transition:background .2s}.emoji-btn:hover{background:#ffffff1a}.edit-btn{background:#00a884;color:#0b141a;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;cursor:pointer;transition:background .2s}.edit-btn:hover{background:#06cf9c}.media-fullscreen-footer{padding:.9rem 1.2rem 1.1rem;background:#0b141af2;border-top:1px solid #1f2a30;display:flex;flex-direction:column;gap:.9rem;align-items:center}.media-caption-wrapper{width:100%;max-width:min(760px,100%);display:flex;align-items:center;justify-content:center;padding:0;position:relative}.media-caption-textarea{width:100%;max-width:100%;background:#1f2a30;border:1px solid #2a3942;border-radius:12px;color:#e9edef;padding:.95rem 4.2rem .95rem 1rem;font-family:inherit;font-size:1rem;line-height:1.4;min-height:52px;max-height:100px}.media-caption-textarea::placeholder{color:#8696a0}.media-caption-textarea:focus{outline:none;border-color:#00a884}.media-send-btn{width:48px;height:48px;border:0;border-radius:50%;background:#00a884;color:#041512;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:background .16s ease,transform .16s ease,opacity .16s ease;position:absolute;right:8px;bottom:2px;box-shadow:0 6px 16px #00a88447}.media-send-btn:hover:not(:disabled){background:#06cf9c;transform:translateY(-1px)}.media-send-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.media-thumbs-row{display:flex;gap:8px;align-items:center;justify-content:center;overflow-x:auto;max-width:min(760px,100%);align-self:center}.media-thumb{width:56px;height:56px;flex-shrink:0;padding:0;border-radius:8px;border:2px solid #1f2a30;background:#111c21;cursor:pointer;overflow:hidden;transition:border-color .2s}.media-thumb img{width:100%;height:100%;object-fit:cover;display:block}.media-thumb.active{border-color:#00a884;border-width:3px}.media-add-btn{width:56px;height:56px;flex-shrink:0;border-radius:8px;border:2px dashed #2a3942;background:#111c21;color:#8696a0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:20px;transition:all .2s}.media-add-btn:hover:not(.disabled){background:#1f2a30;border-color:#00a884;color:#00a884}.media-add-btn.disabled{opacity:.4;cursor:not-allowed}.audio-bubble .audio-body{display:flex;align-items:center;gap:8px}.audio-bubble .audio-play{width:31px;height:31px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#252d31c7;color:#f3fffb;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:12px;flex:0 0 auto}.audio-bubble .audio-play-icon{width:0;height:0;margin-left:2px;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid currentColor}.audio-bubble .audio-pause-icon{display:inline-flex;gap:3px;align-items:center}.audio-bubble .audio-pause-icon span{width:4px;height:13px;border-radius:2px;background:currentColor}.audio-bubble .audio-play:hover{background:#2d383df2}.audio-bubble .audio-play:disabled{opacity:.5;cursor:not-allowed}.audio-bubble .audio-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 0}.audio-bubble .audio-track{position:relative;width:100%;max-width:none;height:18px;border-radius:8px;cursor:pointer;display:flex;align-items:center;overflow:visible}.audio-bubble .audio-progress{position:absolute;top:0;left:0;bottom:0;width:0%;background:#00a884;border-radius:999px}.audio-bubble .audio-wave{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:0;width:100%;height:16px;padding:0}.audio-bubble .audio-wave .audio-bar{width:2px;border-radius:999px;background:#dbf4ec57}.audio-bubble .audio-wave.overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:0;overflow:hidden;pointer-events:none;background:transparent;clip-path:inset(0 calc(100% - var(--audio-progress, 0%)) 0 0)}.audio-bubble.audio-client-sent .audio-wave.overlay .audio-bar{background:#9ae6c7}.audio-bubble.audio-client-received .audio-wave.overlay .audio-bar{background:#53d68f}.audio-bubble.audio-internal .audio-wave.overlay .audio-bar{background:var(--note-author-text)}.audio-bubble .audio-progress-dot{position:absolute;top:50%;width:7px;height:7px;border-radius:50%;background:#7fd6ff;transform:translate(-50%,-50%);z-index:2;pointer-events:none;box-shadow:0 0 0 2px #0f171c47}.audio-bubble.audio-client-sent .audio-progress-dot{background:#8ad8ff}.audio-bubble.audio-client-received .audio-progress-dot{background:#6ee7b7}.audio-bubble .audio-footer{display:flex;align-items:center;justify-content:flex-start;min-height:12px}.audio-bubble .audio-duration{color:#e9edefd1;font-variant-numeric:tabular-nums;font-size:11px;min-width:24px;text-align:left}.message-content.message-content-audio{width:min(430px,calc(100% - 16px));max-width:none;padding:5px 64px 14px 7px}.message-content.message-content-audio .message-time-row{right:8px;bottom:4px}.audio-bubble .audio-error{color:var(--danger);font-size:12px}.note-audio-row{display:flex;flex-direction:column;gap:10px;margin-top:10px}.client-audio-bar,.client-audio-preview{margin-top:8px}.client-audio-bar{display:inline-flex;align-items:center;gap:10px;background:#1a232a;border:1px solid #27343d;border-radius:10px;padding:8px 12px;min-height:36px}.client-audio-preview{display:flex;flex-direction:column;gap:8px}.client-audio-actions{display:flex;gap:8px;justify-content:flex-end}.note-recorder{display:flex;flex-direction:column;gap:10px}.note-mic-btn{border-radius:8px}.note-mic-btn:disabled{opacity:.6;cursor:not-allowed}.note-recording-bar{display:inline-flex;align-items:center;gap:12px;background:#1f2225;border:1px solid rgba(255,255,255,.04);border-radius:30px;padding:0 10px;min-height:58px;width:auto}.note-recording-bar.sending{opacity:.8;justify-content:center}.recording-dot{width:12px;height:12px;border-radius:50%;background:#ff8da1;box-shadow:0 0 8px #ff8da159}.recording-time{color:#f3f5f6;font-variant-numeric:tabular-nums;font-size:.95rem;font-weight:700}.recording-main{flex:0 0 auto;min-width:auto;display:flex;align-items:center;gap:12px}.recording-waveform{flex:0 0 auto;min-width:84px;display:flex;align-items:center;gap:2px;height:22px}.recording-wave-bar{width:3px;border-radius:999px;background:#ffffffb8;opacity:.9}.recording-pause-glyph{display:inline-flex;align-items:center;gap:3px;margin-left:2px}.recording-pause-glyph span{width:4px;height:16px;border-radius:999px;background:#ff8da1}.recording-icon-btn{flex:0 0 auto;width:42px;height:42px;border-radius:50%;border:2px solid rgba(255,255,255,.76);background:transparent;color:#f3f5f6;display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer;transition:transform .16s ease,background .16s ease,border-color .16s ease}.recording-icon-btn:hover{transform:scale(1.03)}.recording-icon-btn svg{width:20px;height:20px}.recording-icon-btn.discard{color:#ffffffe6}.recording-icon-btn.discard:hover{background:#ffffff14}.recording-icon-btn.send{background:#fff;border-color:#fff;color:#101417}.recording-icon-btn.send:hover{background:#f4f4f4;border-color:#f4f4f4}.tags-dropdown-container{position:relative}.tags-btn{display:flex;align-items:center;gap:.3rem}.tags-dropdown-popover{position:absolute;top:calc(100% + .5rem);right:0;width:280px;background:#233138;border-radius:8px;box-shadow:0 2px 5px #0b141a42,0 2px 10px #0b141a29;z-index:1000;overflow:hidden;display:flex;flex-direction:column}.tags-list-scroll{max-height:300px;overflow-y:auto;background:#233138;padding-top:4px;padding-bottom:4px}.tags-list-scroll::-webkit-scrollbar{width:6px}.tags-list-scroll::-webkit-scrollbar-track{background:#233138}.tags-list-scroll::-webkit-scrollbar-thumb{background:#374850;border-radius:3px}.tags-list-scroll::-webkit-scrollbar-thumb:hover{background:#3e5360}.tags-loading,.tags-empty{padding:16px;text-align:center;color:#8696a0;font-size:14px}.tag-item{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;cursor:pointer;transition:background .1s;-webkit-user-select:none;user-select:none}.tag-item:hover{background:#182229}.tag-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tag-color-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.poll-card{background:#1f2a30;border:1px solid #2a3942;border-radius:10px;padding:10px 12px;margin:6px 0;color:#e9edef}.poll-title{font-weight:700;margin-bottom:6px}.poll-options{display:flex;flex-direction:column;gap:4px}.poll-option{display:flex;align-items:center;gap:6px;color:#d1d7db}.poll-bullet{color:#00a884}.poll-option-text{overflow:hidden;text-overflow:ellipsis}.poll-fallback{color:#8696a0;font-size:.9rem}.poll-meta{display:flex;gap:10px;margin-top:6px;font-size:.8rem;color:#94a3b8}.poll-state{text-transform:capitalize}.template-card{display:flex;flex-direction:column;gap:.55rem;min-width:220px}.template-card-header{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.template-card-badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;background:#00a88429;color:#7ee7c8;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.template-card-language{color:var(--text-secondary);font-size:.78rem;font-weight:500}.template-card-title{font-size:.94rem;font-weight:700;color:var(--text-primary)}.template-card-meta{font-size:.8rem;color:var(--text-secondary);white-space:pre-wrap}.template-card-body{font-size:.92rem;line-height:1.4;color:var(--text-primary);white-space:pre-wrap}.template-card-footer{font-size:.78rem;line-height:1.35;color:var(--text-secondary);white-space:pre-wrap}.template-card-buttons{display:flex;flex-direction:column;gap:.35rem}.template-card-button{display:flex;flex-direction:column;align-items:center;gap:.12rem;text-align:center;padding:.58rem .75rem;border:1px solid rgba(0,168,132,.28);border-radius:10px;background:#00a88414;width:100%}.template-card-button.is-clickable{cursor:pointer}.template-card-button:disabled{opacity:.8;cursor:wait}.template-card-button-text{color:#7ee7c8;font-size:.88rem;font-weight:600}.interactive-list-card,.list-reply-card{display:flex;flex-direction:column;gap:.55rem;min-width:220px;margin:4px 0 2px;padding:.7rem .8rem;border-radius:12px;background:#1f2a30e6;border:1px solid rgba(92,112,122,.28)}.interactive-list-card-header,.list-reply-card-header{display:flex;align-items:center;gap:.45rem;flex-wrap:wrap}.interactive-list-card-badge,.list-reply-card-badge{display:inline-flex;align-items:center;padding:.18rem .5rem;border-radius:999px;background:#00a88424;color:#7ee7c8;font-size:.7rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.interactive-list-card-button-text{color:var(--text-secondary);font-size:.78rem;font-weight:500}.interactive-list-card-body,.list-reply-card-title{color:var(--text-primary);font-size:.92rem;line-height:1.4;white-space:pre-wrap}.interactive-list-card-section{color:var(--text-secondary);font-size:.76rem;text-transform:uppercase;letter-spacing:.03em}.interactive-list-card-rows{display:flex;flex-direction:column;gap:.38rem}.interactive-list-card-row{display:flex;align-items:flex-start;gap:.5rem;padding:.45rem .5rem;border-radius:10px;background:#ffffff08;border:1px solid rgba(92,112,122,.2)}.interactive-list-card-row-index{width:1.15rem;flex:0 0 1.15rem;color:#7ee7c8;font-size:.78rem;font-weight:700;line-height:1.35}.interactive-list-card-row-copy{display:flex;flex-direction:column;gap:.08rem;min-width:0}.interactive-list-card-row-title{color:var(--text-primary);font-size:.88rem;line-height:1.35}.interactive-list-card-row-description,.list-reply-card-description{color:var(--text-secondary);font-size:.78rem;line-height:1.3;white-space:pre-wrap}.template-card-button-subtitle{color:var(--text-secondary);font-size:.72rem;line-height:1.2;word-break:break-word}.template-card-button-hint{color:var(--text-secondary);font-size:.68rem;line-height:1.2}html[data-theme=light] .template-card-badge{background:#0f9d7a24;color:var(--primary-strong)}html[data-theme=light] .template-card-button{background:#0f9d7a14;border-color:#0f9d7a38}html[data-theme=light] .template-card-button-text{color:var(--primary-strong)}.tag-item-name{color:#e9edef;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-checkbox{width:18px;height:18px;accent-color:#00a884;cursor:pointer;flex-shrink:0}.tag-create-btn{width:100%;padding:12px 16px;background:#233138;color:#00a884;border:none;border-top:1px solid #374850;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s;text-align:left}.tag-create-btn:hover{background:#182229}.tag-create-inline{background:#1f2a30;border-top:1px solid #374850;padding:12px}.tag-create-inline-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.tag-color-picker{width:36px;height:36px;border:none;border-radius:6px;cursor:pointer;flex-shrink:0}.tag-color-picker::-webkit-color-swatch-wrapper{padding:0}.tag-color-picker::-webkit-color-swatch{border:none;border-radius:6px}.tag-name-input{flex:1;background:#2a3942;border:1px solid #374850;border-radius:6px;padding:8px 10px;color:#e9edef;font-size:14px;outline:none}.tag-name-input:focus{border-color:#00a884;background:#111b21}.tag-name-input::placeholder{color:#8696a0}.tag-create-inline-actions{display:flex;justify-content:flex-end;gap:8px}.tag-create-btn-cancel,.tag-create-btn-save{padding:6px 16px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background .1s}.tag-create-btn-cancel{background:transparent;color:#8696a0}.tag-create-btn-cancel:hover{background:#374850}.tag-create-btn-save{background:#00a884;color:#111b21}.tag-create-btn-save:hover{background:#06d6a0}.tag-create-btn-save:disabled{background:#374850;color:#5a6d78;cursor:not-allowed}.tag-more{background:#374850;color:#8696a0;font-weight:600}html[data-theme=light] .message-view-container{background:var(--bg-app);color:var(--text-primary)}html[data-theme=light] .message-view-header{background:var(--bg-surface);border-bottom-color:var(--border-color);box-shadow:0 2px 10px #0f172a0a}html[data-theme=light] .messages-container{background:var(--bg-app)}html[data-theme=light] .message.inbound .message-content{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color)}html[data-theme=light] .message.outbound .message-content{background:#0f9d7a1f;color:var(--text-primary);border:1px solid rgba(15,157,122,.18)}html[data-theme=light] .message-time,html[data-theme=light] .msg-status,html[data-theme=light] .author-label,html[data-theme=light] .conversation-subtitle,html[data-theme=light] .agent-info-row{color:var(--text-secondary)}html[data-theme=light] .bot-flag.bot{background:#d93d3d1f;color:var(--danger);border-color:#d93d3d33}html[data-theme=light] .bot-flag.human{background:#0f9d7a1f;color:var(--primary-strong);border-color:#0f9d7a33}html[data-theme=light] .media-error,html[data-theme=light] .video-link,html[data-theme=light] .document-link,html[data-theme=light] .audio-link,html[data-theme=light] .composer,html[data-theme=light] .composer-tabs,html[data-theme=light] .composer-panel.nota .internal-input{background:var(--bg-surface);border-color:var(--border-color)}html[data-theme=light] .video-link,html[data-theme=light] .document-link{color:var(--accent)}html[data-theme=light] .doc-card{background:#0000000a;border-color:var(--border-color)}html[data-theme=light] .doc-card:hover{background:#00000014}html[data-theme=light] .doc-card-name{color:var(--text-primary)}html[data-theme=light] .doc-card-meta{color:var(--text-secondary)}html[data-theme=light] .message.outbound .doc-card{background:#0f9d7a14;border-color:#0f9d7a26}html[data-theme=light] .composer{border-top:1px solid var(--border-color)}html[data-theme=light] .composer-input-wrapper textarea,html[data-theme=light] .note-textarea,html[data-theme=light] .composer-panel.nota .internal-input textarea{background:var(--bg-input);color:var(--text-primary);border-color:var(--border-strong)}html[data-theme=light] .composer-tab{color:var(--text-secondary);background:transparent}html[data-theme=light] .composer-tab.is-active{color:var(--primary-strong);background:var(--primary-soft)}html[data-theme=light] .agent-dropdown-menu,html[data-theme=light] .bot-dropdown-menu,html[data-theme=light] .quick-replies-flyout,html[data-theme=light] .lightbox-content,html[data-theme=light] .modal-content{background:var(--bg-surface);border-color:var(--border-color)}html[data-theme=light] .agent-dropdown-item,html[data-theme=light] .bot-dropdown-item,html[data-theme=light] .quick-reply-item{color:var(--text-primary)}html[data-theme=light] .agent-dropdown-item:hover,html[data-theme=light] .bot-dropdown-item:hover,html[data-theme=light] .quick-reply-item:hover{background:var(--bg-surface-2)}html[data-theme=light] .state-pill,html[data-theme=light] .assignment-badge,html[data-theme=light] .conversation-locked-notice{color:var(--text-primary);border-color:var(--border-color)}html[data-theme=light] .state-pill.open,html[data-theme=light] .state-pill--open{background:#22c55e24}html[data-theme=light] .state-pill.closed,html[data-theme=light] .state-pill--closed{background:#f9731624}html[data-theme=light] .state-pill--pending{background:#eab30824}html[data-theme=light] .media-btn,html[data-theme=light] .note-mic-btn{color:var(--text-secondary)}html[data-theme=light] .system-event{background:var(--note-bg);border-color:var(--note-border);color:var(--note-text)}html[data-theme=light] .system-event-time{color:var(--note-meta)}html[data-theme=light] .internal-note-audio{background:var(--bg-surface-2);border-color:var(--border-color)}html[data-theme=light] .message-view-right-panel{background:var(--bg-surface);border-left-color:var(--border-color)}html[data-theme=light] .contact-vars-section{background:var(--bg-surface-2);border-color:var(--border-color)}html[data-theme=light] .contact-vars-section-header{background:var(--bg-surface-2);color:var(--text-primary);border-bottom-color:var(--border-color)}html[data-theme=light] .contact-var-row{border-bottom-color:var(--border-color)}html[data-theme=light] .contact-var-key{color:var(--text-secondary)}html[data-theme=light] .contact-var-value{color:var(--text-primary)}html[data-theme=light] .note-tab-panel,html[data-theme=light] .message-tab-panel{background:var(--bg-surface)}html[data-theme=light] .qr-flyout,html[data-theme=light] .quick-replies-flyout{background:var(--bg-surface);border-color:var(--border-color)}html[data-theme=light] .qr-flyout-item:hover,html[data-theme=light] .quick-reply-item:hover{background:var(--bg-surface-2)}html[data-theme=light] .quoted-message-preview{background:var(--bg-surface-2);border-left-color:var(--primary)}html[data-theme=light] .quoted-preview-text,html[data-theme=light] .message-status-row{color:var(--text-secondary)}html[data-theme=light] .transcript-row{background:var(--bg-surface-2);border-color:var(--border-color);color:var(--text-secondary)}html[data-theme=light] .note-internal-content{background:#eab30814;border-color:#eab30840}html[data-theme=light] .empty-messages,html[data-theme=light] .message-load-more{color:var(--text-secondary)}.voice-call-card{align-self:center;width:min(420px,92%);margin:10px auto;padding:12px 14px;background:var(--bg-surface);border:1px solid var(--border-color);border-left:3px solid var(--primary, #00a884);border-radius:12px}.voice-call-card-title{font-weight:600;color:var(--text-primary);margin-bottom:6px}.voice-call-card-row{color:var(--text-secondary);font-size:.85rem;margin:3px 0}.voice-call-card-btn{width:auto;display:inline-flex;margin-top:8px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);border-radius:999px;padding:5px 10px;font-size:.8rem;cursor:pointer}.chat-shell{display:flex;height:100%;overflow:hidden;background:var(--bg-app);color:var(--text-primary)}.chat-list-panel{width:clamp(460px,35vw,520px);min-width:400px;max-width:520px;border-right:1px solid var(--border-color);background:var(--bg-surface);height:100%;overflow:hidden}.chat-detail-panel{flex:1;display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden}.chat-list-panel.is-hidden,.chat-detail-panel.is-hidden{display:none}.chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem;background:var(--bg-surface)}@media(max-width:1024px){.chat-list-panel{width:clamp(340px,38vw,420px);min-width:320px}}@media(max-width:900px){.chat-shell{display:block}.chat-list-panel{width:100%;max-width:none;min-width:0;height:100%;border-right:none}.chat-detail-panel{height:100%}}.settings-layout{width:100%;height:100%;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-primary);overflow:hidden}.settings-header{height:60px;background:var(--bg-surface-2);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 20px;flex-shrink:0}.settings-header-left{display:flex;align-items:center;gap:16px}.settings-header h1{font-size:20px;font-weight:600;margin:0;color:var(--text-primary)}.settings-header-right{display:flex;align-items:center;gap:12px}.current-user{font-size:14px;color:var(--text-secondary);background:var(--bg-surface-3);padding:6px 12px;border-radius:12px;border:1px solid var(--border-strong)}.settings-content{flex:1;display:flex;min-height:0;overflow:hidden}.settings-main{flex:1;width:100%;background:var(--bg-app);overflow-y:auto;padding:24px 32px}.settings-main::-webkit-scrollbar{width:6px}.settings-main::-webkit-scrollbar-track{background:transparent}.settings-main::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.settings-main::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}@media(max-width:768px){.settings-layout{height:100%}.settings-header{min-height:56px;height:auto;padding:10px 16px;gap:10px;flex-wrap:wrap}.settings-header-left,.settings-header-right{width:100%;justify-content:space-between}.settings-main{padding:16px 20px}.settings-header h1{font-size:18px}.current-user{padding:5px 10px;font-size:13px}}.color-picker-visual{display:flex;flex-direction:column;gap:1rem;width:100%;position:relative}.color-grid{display:grid;grid-template-columns:repeat(10,32px);justify-content:start;gap:.75rem;padding:.75rem;background:var(--bg-surface-2);border-radius:8px;max-width:100%;overflow:hidden;box-sizing:border-box}.color-dot{width:32px;height:32px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:all .2s ease;position:relative;display:flex;align-items:center;justify-content:center;padding:0}.color-dot:hover{transform:scale(1.05);border-color:var(--border-strong);box-shadow:0 0 8px #0000001f}.color-dot.selected{border-color:var(--text-primary);border-width:3px;box-shadow:0 0 12px #00000029;transform:scale(1.03)}.color-dot-check{color:var(--text-primary);font-size:16px;font-weight:700;text-shadow:0 0 4px rgba(0,0,0,.8)}.color-picker-tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:var(--bg-elevated);color:var(--text-primary);padding:.4rem .8rem;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000002e;z-index:100;margin-bottom:.5rem}.color-picker-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:var(--bg-elevated)}.color-picker-selected{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:var(--bg-surface-2);border-radius:6px}.color-preview-circle{width:24px;height:24px;border-radius:50%;border:2px solid var(--border-strong);flex-shrink:0}.color-selected-label{color:var(--text-secondary);font-size:13px}@media(max-width:768px){.color-grid{grid-template-columns:repeat(5,32px)}.color-dot{width:28px;height:28px}}.tags-management{max-width:1000px;margin:0 auto}.tags-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border-color)}.tags-header h2{font-size:24px;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.tags-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.btn-create-tag,.btn-create-tag-primary{background:var(--primary);color:#0b141a;border:none;padding:7px 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;min-height:34px;width:auto}.btn-create-tag:hover,.btn-create-tag-primary:hover{background:var(--primary-hover)}.tags-empty-state{text-align:center;padding:60px 20px;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color)}.empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.45;color:var(--primary)}.empty-icon svg{width:64px;height:64px}.tags-empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text-primary)}.tags-empty-state p{font-size:14px;color:var(--text-secondary);margin:0 0 24px}.tags-loading-state{text-align:center;padding:40px;color:var(--text-secondary);font-size:14px}.tags-table-container{background:var(--bg-surface);border-radius:12px;border:1px solid var(--border-color);overflow:hidden}.tags-table{width:100%;border-collapse:collapse}.tags-table thead{background:var(--bg-surface-2);border-bottom:1px solid var(--border-color)}.tags-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.tags-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.tags-table tbody tr:last-child{border-bottom:none}.tags-table tbody tr:hover{background:var(--bg-surface-2)}.tags-table td{padding:14px 16px;font-size:14px;color:var(--text-primary)}.tag-color-preview{width:20px;height:20px;border-radius:50%;display:inline-block;border:2px solid var(--border-strong)}.tag-name-cell{font-weight:500}.tag-color-hex{font-family:Courier New,monospace;font-size:13px;color:var(--text-secondary);background:var(--bg-surface-3);padding:4px 8px;border-radius:4px}.tag-color-display{display:flex;align-items:center;gap:8px}.tag-color-circle{width:32px;height:32px;border-radius:50%;border:2px solid var(--border-strong);display:inline-block}.tag-actions-cell{text-align:right}.tag-actions-cell{display:flex;gap:4px}.btn-edit-tag,.btn-delete-tag{background:transparent;border:none;cursor:pointer;font-size:18px;padding:4px 8px;border-radius:6px;transition:background .15s;opacity:.6}.btn-edit-tag:hover{background:#00a8841a;opacity:1}.btn-delete-tag:hover{background:#ff3b301a;opacity:1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:var(--bg-surface);border-radius:12px;width:90%;max-width:480px;box-shadow:0 8px 24px #0006;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.modal-header h3{font-size:18px;font-weight:600;margin:0;color:var(--text-primary)}.modal-close-btn{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;border:none;color:#8696a0;cursor:pointer;font-size:18px;line-height:1;transition:background .15s,color .15s}.modal-close-btn:hover{background:#ffffff0f;color:var(--text-primary)}.modal-body{padding:24px}.modal-error{background:#ff3b301a;border:1px solid rgba(255,59,48,.3);color:#ff3b30;padding:12px 16px;border-radius:8px;font-size:14px;margin-bottom:16px}.form-group{margin-bottom:20px}.form-group:last-child{margin-bottom:0}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;padding:12px 14px;color:var(--text-primary);font-size:14px;outline:none;transition:all .2s;box-sizing:border-box}.form-input:focus{border-color:var(--primary);background:var(--bg-input)}.form-input::placeholder{color:var(--text-secondary)}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker-input{width:60px;height:40px;border:1px solid var(--border-strong);border-radius:8px;cursor:pointer;background:transparent}.color-picker-input::-webkit-color-swatch-wrapper{padding:2px}.color-picker-input::-webkit-color-swatch{border:none;border-radius:6px}.color-picker-value{font-family:Courier New,monospace;font-size:14px;color:var(--text-secondary);background:var(--bg-input);padding:8px 12px;border-radius:6px;border:1px solid var(--border-strong)}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:var(--bg-surface);border-top:1px solid var(--border-color)}.btn-cancel,.btn-save{padding:8px 14px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:var(--bg-surface-2);color:var(--text-primary)}.btn-cancel:hover{background:var(--bg-surface-3)}.btn-save{background:var(--primary);color:#0b141a}.btn-save:hover{background:var(--primary-hover)}.btn-save:disabled{background:#00a88466;color:#5a6d78;cursor:not-allowed}@media(max-width:768px){.tags-header{flex-direction:column;gap:16px}.tags-table-container{overflow-x:auto}.modal-content{width:95%}}.history-container{height:calc(100dvh - 108px);display:flex;flex-direction:column;gap:16px;color:var(--text-primary);overflow:hidden}.history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.history-header h2{margin:0 0 6px;font-size:20px}.history-header p{margin:0;color:var(--text-secondary);font-size:14px}.history-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.history-actions input,.history-actions select{background:var(--bg-surface);border:1px solid var(--border-strong);color:var(--text-primary);padding:8px 12px;border-radius:999px;font-size:13px}.history-actions input{min-width:240px;flex:1 1 240px}.history-actions button{background:var(--primary);color:#0b141a;border:none;border-radius:999px;padding:8px 14px;cursor:pointer;font-weight:700;font-size:13px;min-height:34px;width:auto}.history-layout{flex:1;min-height:0;display:grid;grid-template-columns:360px minmax(0,1fr);gap:16px;overflow:hidden}.history-sidebar,.history-detail{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;min-width:0;overflow:hidden}.history-sidebar{display:flex;flex-direction:column}.history-sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-weight:700}.history-state,.history-empty,.history-placeholder{padding:16px;color:var(--text-secondary)}.history-error{color:#ffb366}.history-list{flex:1;min-height:0;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:8px}.history-item{text-align:left;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:10px;padding:12px;color:var(--text-primary);cursor:pointer;display:flex;flex-direction:column;gap:8px}.history-item:hover{border-color:var(--border-strong);background:var(--bg-surface-3)}.history-item.active{border-color:var(--primary);box-shadow:0 0 0 1px #00a8842e inset}.history-item-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.history-item-title-wrap{display:flex;flex-direction:column;gap:2px;min-width:0}.history-item-title{font-weight:700;line-height:1.2}.history-item-subtitle,.history-item-meta,.history-item-footer,.history-detail-subhead,.history-detail-head p,.history-message-meta,.history-message-foot,.history-quote span{color:var(--text-secondary);font-size:12px}.history-item-meta,.history-item-footer,.history-detail-subhead,.history-message-meta,.history-message-foot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.history-item-preview{font-size:13px;color:var(--text-primary);line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.history-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:11px;font-weight:700}.state-open{background:var(--primary-soft);color:var(--primary-strong)}.state-closed{background:#ff950014;color:var(--warning)}.history-detail{display:flex;flex-direction:column}.history-detail-head,.history-detail-subhead{flex-shrink:0;padding:14px 16px;border-bottom:1px solid var(--border-color)}.history-detail-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.history-detail-head h3{margin:0 0 4px;font-size:18px}.history-detail-head p{margin:0}.history-detail-metrics{display:flex;gap:12px;flex-wrap:wrap}.history-detail-metrics>div{min-width:110px;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}.history-detail-metrics span{color:var(--text-secondary);font-size:12px}.history-detail-metrics strong{font-size:14px}.history-messages{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.history-message{display:flex;flex-direction:column;gap:6px;max-width:82%}.history-message.inbound{align-self:flex-start}.history-message.outbound{align-self:flex-end}.history-message-bubble{border-radius:14px;padding:12px 14px;border:1px solid var(--border-color);background:var(--bg-surface-2)}.history-message.outbound .history-message-bubble{background:#00a88414;border-color:#00a8842e}.history-message.inbound .history-message-bubble{background:var(--bg-surface)}.history-message-text{white-space:pre-wrap;word-break:break-word;font-size:14px;color:var(--text-primary);line-height:1.45}.history-quote{border-left:3px solid #00a884;padding-left:10px;margin-bottom:10px;display:flex;flex-direction:column;gap:2px}.history-quote strong{font-size:12px;color:var(--primary-strong)}.history-message-foot{margin-top:6px;font-size:11px;color:var(--text-secondary)}.history-media{display:flex;flex-direction:column;gap:6px}.history-media-thumb{display:block;max-width:220px;max-height:180px;border-radius:8px;object-fit:cover;cursor:pointer}.history-audio{max-width:260px;height:36px}.history-media-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--accent);text-decoration:none}.history-media-link:hover{text-decoration:underline}.history-media-caption{font-size:12px;color:var(--text-secondary)}.history-transcript{font-size:12px;color:var(--text-secondary);font-style:italic}.history-no-content{color:var(--text-muted);font-size:13px;font-style:italic}html[data-theme=light] .history-sidebar,html[data-theme=light] .history-detail,html[data-theme=light] .history-actions input,html[data-theme=light] .history-actions select,html[data-theme=light] .history-item,html[data-theme=light] .history-message-bubble,html[data-theme=light] .history-detail-metrics>div{background:var(--bg-surface)}html[data-theme=light] .history-item:hover{background:var(--bg-surface-2)}@media(max-width:1100px){.history-layout{grid-template-columns:1fr}.history-sidebar,.history-detail{min-height:auto}.history-message{max-width:100%}}.team-container{display:flex;flex-direction:column;gap:12px;color:var(--text-primary)}.team-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.team-header h2{margin:0;font-size:20px;font-weight:600}.team-page-copy{margin:4px 0 0;color:var(--text-secondary);font-size:13px}.team-tabs{display:flex;gap:10px;border-bottom:1px solid var(--border-color)}.team-tab{background:transparent;border:none;color:var(--text-secondary);padding:7px 12px;cursor:pointer;font-size:13px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.team-tab:hover{color:var(--text-primary);background:var(--bg-surface-2)}.team-tab.active{color:var(--primary-strong);border-bottom-color:var(--primary);font-weight:700}.team-body{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:16px}.team-body-members,.team-body-groups{width:min(100%,1180px)}.team-toolbar{margin-bottom:12px}.team-search-input{width:min(100%,540px);background:var(--bg-input);border:1px solid var(--border-strong);border-radius:999px;color:var(--text-primary);padding:9px 14px;font-size:13px}.team-table{display:flex;flex-direction:column;gap:6px}.team-table-head,.team-table-row{display:grid;grid-template-columns:1.35fr 1.15fr .85fr .8fr .55fr .85fr;gap:8px;align-items:center}.team-table-groups .team-table-head,.team-table-groups .team-table-row{grid-template-columns:2fr 1fr 1fr}.team-groups-card{width:100%;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:0 10px 24px #00000024}.team-groups-card-header{min-height:64px;padding:16px 20px;border-bottom:1px solid var(--border-color);background:#ffffff04;display:flex;align-items:center;justify-content:space-between;gap:12px}.team-groups-card-header h3{margin:0;font-size:20px}.team-groups-table,.team-groups-members-list{display:flex;flex-direction:column}.team-groups-table-head,.team-groups-table-row{display:grid;grid-template-columns:minmax(0,1.35fr) .55fr .85fr;align-items:center;gap:16px;padding:14px 20px}.team-groups-table-head,.team-groups-members-head{color:var(--text-secondary);font-weight:700;border-bottom:1px solid var(--border-color)}.team-groups-table-row{border-bottom:1px solid var(--border-color);background:var(--bg-surface)}.team-groups-table-row:nth-child(2n){background:#ffffff05}.team-groups-table-row:last-child{border-bottom:none}.team-groups-name{width:auto;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--text-primary);display:inline-flex;align-items:center;justify-self:start;max-width:100%;text-align:left;font:inherit;cursor:pointer;box-shadow:none;transform:none;transition:color .15s ease;-webkit-user-select:none;user-select:none}.team-groups-name:hover,.team-groups-name:focus,.team-groups-name:focus-visible,.team-groups-name:active{background:transparent;box-shadow:none;outline:none;transform:none}.team-groups-name:hover,.team-groups-name:focus-visible{color:var(--primary-strong);text-decoration:underline;text-underline-offset:3px}.team-groups-name::selection{background:#00a88438;color:var(--text-primary)}.team-groups-detail{display:flex;flex-direction:column;gap:16px;max-width:1180px}.team-groups-breadcrumb{display:flex;align-items:center;gap:10px;padding:4px 2px 12px;border-bottom:1px solid var(--border-color)}.team-groups-breadcrumb .team-secondary-btn{margin-left:auto}.team-groups-header-actions{display:flex;align-items:center;gap:8px}.team-groups-breadcrumb strong{color:var(--text-primary);font-size:18px}.team-groups-members-head,.team-groups-member-row{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:16px;align-items:center;padding:16px 20px}.team-groups-member-row{border-bottom:1px solid var(--border-color);background:var(--bg-surface)}.team-groups-member-row:nth-child(2n){background:#ffffff05}.team-groups-member-row:last-child{border-bottom:none}.team-group-member-cell{display:inline-flex;align-items:center;gap:12px;min-width:0}.team-group-member-cell strong,.team-group-member-cell small{display:block}.team-group-member-cell strong{color:var(--text-primary);font-weight:700}.team-group-member-cell small{margin-top:3px;color:var(--text-secondary);font-size:12px}.team-role-cell{color:var(--text-primary);font-weight:600}.team-member-avatar{width:30px;height:30px;border-radius:50%;background:var(--primary-soft);color:var(--primary-strong);display:inline-flex;align-items:center;justify-content:center;font-weight:800;margin-right:10px}.team-table-row+.team-table-row{border-top:1px solid var(--border-color);padding-top:6px}.team-table-head{font-weight:700;color:var(--text-secondary);padding-bottom:4px;border-bottom:1px solid var(--border-color)}.team-strong{font-weight:600;color:var(--text-primary)}.team-clickable{cursor:pointer;color:var(--accent)}.team-clickable:hover{text-decoration:underline}.team-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.badge-on{background:var(--primary-soft);color:var(--primary-strong);border-color:#00a8842e}.badge-off{background:#ff950014;color:var(--warning);border-color:#ff95002e}.team-actions{display:flex;gap:8px}.team-radio-row{display:flex;gap:12px;align-items:center;flex-wrap:nowrap}.team-radio-row label{display:flex;gap:6px;align-items:center;color:#e9edef;font-size:13px;white-space:nowrap}.team-toggle{display:inline-flex;gap:8px;align-items:center;color:#e9edef;font-size:13px}.team-link-btn{background:transparent;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:12px}.team-link-btn.danger{color:var(--danger)}.team-link-btn:disabled{color:var(--text-secondary);cursor:not-allowed}.team-primary-btn{background:var(--primary);color:#0b141a;border:none;padding:7px 14px;border-radius:999px;cursor:pointer;font-weight:700;font-size:13px;min-height:34px;width:auto;white-space:nowrap}.team-danger-btn{background:var(--danger);color:#fff}.team-secondary-btn{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-strong);padding:7px 14px;border-radius:999px;cursor:pointer;font-size:13px;min-height:34px;white-space:nowrap}.team-loading,.team-empty,.team-error{color:var(--text-secondary);padding:12px 0}.team-error{color:var(--warning)}.team-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:2000}.team-modal{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:20px;width:480px;max-width:94vw;display:flex;flex-direction:column;gap:12px;color:var(--text-primary)}.team-confirm-modal{width:420px}.team-modal h3{margin:0}.team-modal input[type=text],.team-modal input[type=password],.team-modal input[type=email]{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:999px;padding:8px 12px;color:var(--text-primary);font-size:13px}.team-modal input[type=radio],.team-modal input[type=checkbox]{width:auto;margin:0;flex:0 0 auto}.team-modal-subtitle{color:var(--text-secondary);font-size:13px}.team-password-row{display:flex;flex-direction:column;gap:8px}.team-password-input{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;letter-spacing:.2px}.team-password-actions{display:flex;gap:8px}.team-error-inline{margin-top:6px;padding:8px 10px;border-radius:6px;background:#ef444414;color:#fca5a5;border:1px solid rgba(239,68,68,.18);font-size:13px}html[data-theme=light] .team-body,html[data-theme=light] .team-modal{background:var(--bg-surface)}html[data-theme=light] .team-modal input{background:var(--bg-input)}.team-modal-actions{display:flex;justify-content:flex-end;gap:10px}.team-modal .team-modal-actions button{width:auto!important;min-width:110px;flex:0 0 auto}.team-container button{width:auto}.team-members-list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:8px;padding-right:6px}.team-member-item{display:flex;align-items:center;gap:8px;background:#1c252c;border:1px solid #2a3942;border-radius:8px;padding:8px 10px}.team-muted{color:#7f8c93;font-size:12px}.team-user-contact{display:flex;flex-direction:column;gap:.1rem;line-height:1.3}.team-user-contact .team-muted{font-size:.73rem}.team-header-actions{display:flex;gap:8px;align-items:center}.team-form-label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:-4px;text-transform:uppercase;letter-spacing:.04em}.team-helper-text{font-size:11px;color:var(--text-secondary);font-weight:400}.team-toggle-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;color:var(--text-primary)}.team-toggle-switch input[type=checkbox]{display:none}.team-toggle-track{width:36px;height:20px;background:var(--border-strong);border-radius:999px;position:relative;transition:background .2s;flex-shrink:0}.team-toggle-switch input:checked+.team-toggle-track{background:var(--primary)}.team-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:left .2s}.team-toggle-switch input:checked+.team-toggle-track .team-toggle-thumb{left:18px}.team-toggle-label{color:var(--text-primary)}.team-select{width:100%;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:8px;padding:8px 12px;color:var(--text-primary);font-size:13px;cursor:pointer}.team-invite-link-box{background:var(--primary-soft);border:1px solid rgba(0,168,132,.25);border-radius:8px;padding:10px 12px;word-break:break-all}.team-invite-link-text{font-size:12px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;color:var(--primary-strong)}.team-invitations-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:12px 16px}.team-section-title{font-size:12px;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.team-invitations-table{display:flex;flex-direction:column;gap:4px}.team-inv-head,.team-inv-row{display:grid;grid-template-columns:1fr 1fr 1fr .8fr 1.2fr;gap:8px;align-items:center;font-size:12px}.team-inv-head{font-weight:700;color:var(--text-secondary);padding-bottom:4px;border-bottom:1px solid var(--border-color)}.team-inv-row+.team-inv-row{border-top:1px solid var(--border-color);padding-top:4px}html[data-theme=light] .team-toggle-track{background:#ccc}html[data-theme=light] .team-member-item{background:var(--bg-surface-2);border-color:var(--border-color)}html[data-theme=light] .team-muted{color:var(--text-secondary)}html[data-theme=light] .team-radio-row label,html[data-theme=light] .team-toggle-label{color:var(--text-primary)}html[data-theme=light] .team-invitations-section{background:var(--bg-surface)}.settings-panel{max-width:1100px;margin:0 auto;color:var(--text-primary)}.settings-panel.quick-replies{max-width:780px;width:100%;margin:0 auto}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color);gap:12px}.settings-title{font-size:22px;font-weight:600}.settings-subtitle{font-size:14px;color:var(--text-secondary)}.settings-actions{display:flex;gap:8px}.settings-list{display:flex;flex-direction:column;gap:12px}.quick-replies{--qr-cols: 24% 1fr 56px}.quick-replies .qr-header-row{display:grid;grid-template-columns:var(--qr-cols);gap:10px;position:sticky;top:0;z-index:5;background:var(--bg-app);padding:8px 0 6px;border-bottom:1px solid var(--border-color);margin-bottom:10px}.quick-replies .qr-col-actions-placeholder{height:1px}.quick-replies .qr-item-row{display:grid;grid-template-columns:var(--qr-cols);gap:10px;align-items:center;padding:8px 10px;border-radius:12px;background:var(--bg-surface-3);border:1px solid var(--border-strong)}.quick-replies .qr-item-label{font-weight:700;font-size:14px;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-replies .qr-item-text{font-size:13px;color:var(--text-secondary);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-replies .qr-col-actions{display:flex;justify-content:center;align-items:center}.quick-replies .btn-ghost{border:1px solid var(--border-strong);background:var(--bg-surface)}.quick-replies .btn-ghost:hover{background:var(--bg-surface-2)}.quick-replies .danger-hover:hover{color:#f15b5b;border-color:#f15b5b99}.quick-replies .qr-confirm-inline{display:inline-flex;align-items:center;gap:6px}.quick-replies .qr-confirm-text{color:var(--text-primary);font-size:12px}.qr-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:9999}.qr-modal{width:min(640px,92vw);background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;padding:16px;box-shadow:0 18px 40px #00000073}.qr-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.qr-modal-title{font-size:18px;font-weight:700;color:var(--text-primary)}.qr-modal-close{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:transparent;border:none;color:var(--text-secondary);font-size:18px;cursor:pointer;line-height:1}.qr-modal-close:hover{background:#ffffff0f;color:var(--text-primary)}.settings-error-banner{background:#f15b5b1a;border:1px solid rgba(241,91,91,.3);color:#f15b5b;padding:10px 12px;border-radius:8px;margin-bottom:16px;font-size:14px}.loading{padding:24px;text-align:center;color:var(--text-secondary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.qr-modal-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.qr-modal-label{font-size:13px;color:var(--text-primary);font-weight:600}.qr-modal-label-row{display:flex;align-items:center;justify-content:space-between}.qr-modal-count{font-size:12px;color:var(--text-secondary)}.qr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.qr-modal-error{font-size:12px;color:var(--danger)}.input-error{border-color:#f15b5b99}.qr-modal-delete{display:flex;flex-direction:column;gap:10px;margin:6px 0}.qr-modal-delete-question{font-size:14px;color:var(--text-primary);font-weight:600}.qr-modal-delete-meta{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:6px}.qr-modal-delete-chip{display:inline-flex;width:fit-content;padding:2px 8px;border-radius:999px;background:var(--bg-surface-3);border:1px solid var(--border-color);color:var(--text-primary);font-weight:700;font-size:13px}.qr-modal-delete-preview{font-size:13px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list-item{display:grid;grid-template-columns:30% 62% 8%;gap:10px;align-items:center;background:var(--bg-surface-3);border:1px solid var(--border-strong);border-radius:10px;padding:12px}.quick-replies .qr-columns-header{position:sticky;top:0;z-index:5;background:var(--bg-app);padding-top:8px}.quick-replies .settings-list-item{grid-template-columns:24% 1fr 56px;padding:8px 10px;border-radius:12px}.quick-replies .settings-list-item.is-display{min-height:52px}.quick-replies .settings-list-item.is-editing{min-height:66px}.quick-replies .qr-display{background:transparent;border:none;padding:0}.quick-replies .qr-display:hover{background:transparent;border-color:transparent}.quick-replies .qr-chip{padding:2px 8px;font-size:13px}.quick-replies .qr-text-preview{max-height:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:var(--text-secondary)}.quick-replies .qr-placeholder{color:var(--text-secondary)}.quick-replies .qr-col-actions{justify-content:center}.quick-replies .qr-actions{display:inline-flex;gap:6px}.quick-replies .btn-icon{min-width:32px;min-height:32px;padding:6px;border-radius:10px;font-size:13px}.quick-replies .btn-ghost{background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-primary)}.quick-replies .btn-ghost:hover{background:var(--bg-surface-3)}.quick-replies .danger-hover{color:var(--text-secondary)}.quick-replies .danger-hover:hover{color:var(--danger);border-color:var(--danger)}.quick-replies .input-compact,.quick-replies .textarea-compact{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-primary)}.quick-replies .textarea-compact{resize:none}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary)}.input-compact{padding:6px 10px;min-height:32px}.input.textarea{min-height:40px;resize:vertical}.textarea-compact{min-height:32px;resize:none}.btn-primary,.btn-secondary,.btn-danger{border:none;border-radius:8px;padding:9px 14px;font-size:14px;cursor:pointer;font-weight:600}.btn-primary{background:var(--primary);color:#0b141a}.btn-secondary{background:var(--bg-surface-2);color:var(--text-primary);border:1px solid var(--border-strong)}.btn-danger{background:var(--danger);color:#fff}.empty{padding:16px;text-align:center;color:var(--text-secondary);border:1px dashed var(--border-strong);border-radius:8px;background:var(--bg-surface)}.qr-columns-header{display:grid;grid-template-columns:30% 70%;gap:10px;margin:0 0 12px;padding:0 0 6px;border-bottom:1px solid var(--border-color)}.qr-col-header{display:flex;flex-direction:column;gap:4px}.qr-col-title{font-size:13px;font-weight:600;color:var(--text-primary)}.qr-col-sub{font-size:12px;color:var(--text-secondary)}.qr-col{min-width:0}.qr-display{cursor:pointer;padding:6px 10px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border-color);color:var(--text-primary);transition:background .15s ease,border-color .15s ease}.qr-display:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.qr-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--bg-surface-3);border:1px solid var(--border-color);color:var(--text-primary);font-weight:600}.qr-text-preview{max-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}.qr-placeholder{color:var(--text-secondary)}.qr-col-actions{display:flex;justify-content:center;align-items:center}.btn-ghost{border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);border-radius:10px;padding:8px 10px;cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:var(--bg-surface-3)}.danger-hover:hover{color:var(--danger);border-color:var(--danger)}.btn-icon{padding:6px 8px;min-width:36px;min-height:32px;font-size:14px}.qr-confirm-inline{display:inline-flex;align-items:center;gap:6px}.qr-confirm-text{color:var(--text-primary);font-size:12px}.notification-toggle-btn{width:auto;min-width:72px;display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);cursor:pointer;font-size:12px;font-weight:700;line-height:1;flex:0 0 auto}.notification-toggle-btn:hover{background:var(--bg-surface-2);border-color:var(--border-strong)}.metrics-container{display:flex;flex-direction:column;gap:1.5rem;padding:1.25rem 1.5rem;height:100%;overflow-y:auto}.metrics-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}.metrics-header-left h2{margin:0 0 .2rem;font-size:1.25rem;font-weight:700;color:var(--text-primary)}.metrics-subtitle{margin:0;font-size:.82rem;color:var(--text-muted)}.metrics-header-right{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.metrics-period-selector{display:flex;gap:.25rem;background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:8px;padding:.2rem}.metrics-period-btn{background:transparent;border:none;border-radius:6px;padding:.3rem .65rem;font-size:.78rem;color:var(--text-secondary);cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}.metrics-period-btn:hover{background:var(--bg-surface-3, rgba(255,255,255,.06));color:var(--text-primary)}.metrics-period-btn.active{background:var(--accent);color:#fff;font-weight:600}.metrics-refresh-btn{background:var(--bg-surface-2);border:1px solid var(--border-color);border-radius:8px;width:34px;height:34px;font-size:1.1rem;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}.metrics-refresh-btn:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.metrics-kpi-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.9rem}.metrics-kpi-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px;padding:1rem 1.1rem;display:flex;flex-direction:column;gap:.25rem;border-left:4px solid var(--border-color)}.metrics-kpi-card.blue{border-left-color:#3b82f6}.metrics-kpi-card.green{border-left-color:#22c55e}.metrics-kpi-card.orange{border-left-color:#f97316}.metrics-kpi-card.purple{border-left-color:#a855f7}.metrics-kpi-value{font-size:2rem;font-weight:700;color:var(--text-primary);line-height:1}.metrics-kpi-label{font-size:.8rem;color:var(--text-secondary);font-weight:500}.metrics-kpi-sub{font-size:.75rem;color:var(--text-muted)}.metrics-table-wrapper{overflow-x:auto;border:1px solid var(--border-color);border-radius:10px}.metrics-table{width:100%;border-collapse:collapse;font-size:.875rem;background:var(--bg-surface)}.metrics-table thead tr{background:var(--bg-surface-2);border-bottom:2px solid var(--border-color)}.metrics-table th{padding:.7rem 1rem;text-align:left;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;cursor:default}.metrics-table th:not(:first-child){text-align:center}.metrics-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .1s}.metrics-table tbody tr:last-child{border-bottom:none}.metrics-table tbody tr:hover{background:var(--bg-surface-2)}.metrics-table td{padding:.7rem 1rem;color:var(--text-primary);vertical-align:middle}.metrics-num{text-align:center;font-variant-numeric:tabular-nums;font-weight:500}.metrics-slow{color:#f97316}.metrics-agent-cell{display:flex;align-items:center;gap:.6rem}.metrics-agent-avatar{width:34px;height:34px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.metrics-agent-info{display:flex;flex-direction:column}.metrics-agent-name{font-weight:600;color:var(--text-primary);font-size:.875rem}.metrics-agent-username{font-size:.73rem;color:var(--text-muted)}.metrics-rate-cell{display:flex;align-items:center;gap:.5rem;min-width:100px}.metrics-rate-bar{height:6px;border-radius:3px;background:var(--accent);min-width:4px;max-width:80px;flex-shrink:0;transition:width .4s ease}.metrics-loading{text-align:center;padding:3rem;color:var(--text-muted);font-size:.9rem}.metrics-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.75rem 1rem;color:#ef4444;font-size:.875rem}.metrics-empty{text-align:center;color:var(--text-muted);padding:2rem;font-style:italic}.metrics-footer{font-size:.75rem;color:var(--text-muted);text-align:right;padding-bottom:.5rem}@media(max-width:700px){.metrics-header{flex-direction:column}.metrics-period-selector{flex-wrap:wrap}.metrics-kpi-row{grid-template-columns:repeat(2,1fr)}.metrics-agent-username{display:none}}.distribution-page{padding:1.5rem;max-width:780px}.distribution-loading{padding:2rem;color:var(--text-secondary)}.distribution-error,.distribution-success{border-radius:8px;padding:.6rem 1rem;margin-bottom:1rem;font-size:.9rem}.distribution-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.distribution-success{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.25)}.distribution-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:8px;padding:1.1rem;margin-bottom:.9rem}.distribution-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.distribution-toggle-label,.distribution-section-title{font-weight:700;color:var(--text-primary)}.distribution-toggle-label{font-size:.95rem;margin-bottom:.2rem}.distribution-section-title{margin:0 0 .25rem;font-size:1rem}.distribution-toggle-desc,.distribution-section-desc{color:var(--text-secondary);font-size:.82rem}.distribution-section-desc{margin:0 0 .75rem}.distribution-toggle-btn{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;gap:.5rem;width:auto!important;min-width:116px;flex:0 0 auto;justify-content:center;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:999px;cursor:pointer;font-size:.85rem;color:var(--text-secondary);padding:.42rem .72rem;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.distribution-toggle-btn.enabled{color:var(--primary-strong, #00a884);background:#00a88414;border-color:#00e5c03d}.distribution-toggle-btn.enabled .toggle-track{background:var(--primary-strong, #00a884)}.distribution-toggle-btn.enabled .toggle-thumb{transform:translate(16px)}.distribution-next-agent{font-size:.82rem;background:#00a8841a;border:1px solid rgba(0,168,132,.25);color:var(--primary-strong, #00a884);border-radius:6px;padding:.4rem .75rem;margin-bottom:.75rem}.distribution-agents-list,.distribution-hours-list,.distribution-holiday-list{display:flex;flex-direction:column;gap:.45rem}.distribution-empty{color:var(--text-secondary);font-size:.85rem;padding:.5rem 0}.distribution-agent-item{border-radius:8px;padding:.5rem .75rem;border:1px solid transparent;transition:background .15s,border-color .15s}.distribution-agent-item:hover{background:var(--bg-surface-2)}.distribution-agent-item.in-pool{background:#00a8840f;border-color:#00a8842e}.distribution-agent-label{display:flex;align-items:center;gap:.6rem;cursor:pointer;width:100%}.distribution-agent-label input[type=checkbox],.distribution-hours-agent input[type=checkbox]{accent-color:var(--primary-strong, #00a884);width:15px;height:15px;flex-shrink:0}.distribution-agent-avatar{width:28px;height:28px;border-radius:50%;background:var(--bg-surface-2);border:1px solid var(--border-strong);display:inline-flex;align-items:center;justify-content:center;font-size:.65rem;font-weight:700;flex-shrink:0}.distribution-agent-name{flex:1;min-width:0;font-size:.88rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:.4rem}.distribution-agent-username{font-size:.75rem;color:var(--text-secondary);font-weight:400}.distribution-agent-badge{font-size:.68rem;background:#00a88426;color:var(--primary-strong, #00a884);border-radius:20px;padding:1px 6px;font-weight:700}.distribution-strategy-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem}.strategy-option{display:flex;align-items:flex-start;gap:.65rem;padding:.85rem .9rem;border-radius:8px;border:1px solid var(--border-color);cursor:pointer;background:#111b21a6;transition:border-color .15s,background .15s,transform .15s}.strategy-option:hover{background:#1f2a30e6}.strategy-option.active{border-color:var(--primary-strong, #00a884);background:#00a8840f}.strategy-option input[type=radio]{accent-color:var(--primary-strong, #00a884);margin-top:2px}.strategy-option-top{display:flex;align-items:center;gap:.45rem;margin-bottom:.22rem;flex-wrap:wrap}.strategy-option-label{font-weight:700;font-size:.88rem;color:var(--text-primary)}.strategy-option-badge{display:inline-flex;align-items:center;min-height:18px;padding:0 .42rem;border-radius:999px;border:1px solid rgba(134,150,160,.22);background:#ffffff08;color:var(--text-secondary);font-size:.64rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.strategy-option.active .strategy-option-badge{border-color:#00e5c03d;background:#00a8841f;color:var(--primary-strong, #00a884)}.strategy-option-desc{font-size:.78rem;color:var(--text-secondary);line-height:1.35}.distribution-holiday-form{display:grid;grid-template-columns:150px minmax(0,1fr) auto;gap:.6rem;align-items:center;margin:.8rem 0}.distribution-time-slot input[type=time],.distribution-holiday-form input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font:inherit;outline:none}.distribution-holiday-form input,.distribution-time-slot input[type=time]{height:42px;padding:0 .8rem}.distribution-hours-agent-card{background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:.75rem}.distribution-hours-agent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.65rem}.distribution-hours-agent{display:flex;align-items:center;gap:.55rem;font-weight:700;color:var(--text-primary)}.distribution-day-list{display:flex;flex-direction:column;gap:.45rem}.distribution-day-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:.6rem;align-items:start;border-radius:8px;padding:.45rem .55rem;border:1px solid transparent}.distribution-day-row.active{background:#00a8840d;border-color:#00a88426}.distribution-day-label{display:flex;align-items:center;gap:.45rem;min-height:42px;font-weight:700;color:var(--text-primary)}.distribution-day-label input[type=checkbox]{accent-color:var(--primary-strong, #00a884)}.distribution-day-slots{display:flex;flex-wrap:wrap;gap:.45rem}.distribution-time-slot{display:flex;align-items:center;gap:.4rem}.distribution-time-slot input[type=time]{width:108px}.distribution-time-slot span{color:var(--text-secondary);font-size:.82rem}.distribution-slot-add,.distribution-slot-remove{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:auto!important;min-width:0;flex:0 0 auto;height:42px;border:1px solid var(--border-color);border-radius:999px;padding:0 .9rem;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease}.distribution-slot-add{background:#00a8841f;color:var(--primary-strong, #00a884);border-color:#00e5c02e}.distribution-slot-remove{background:transparent;color:var(--danger, #ff4d4f);border-color:#f15b5b24}.distribution-slot-add:hover:not(:disabled){background:#00a8842e;border-color:#00e5c047}.distribution-slot-remove:hover:not(:disabled){background:#f15b5b14;border-color:#f15b5b38}.distribution-slot-add:disabled,.distribution-slot-remove:disabled{opacity:.55;cursor:not-allowed}.distribution-holiday-form button,.distribution-template-actions button,.distribution-file-button,.distribution-holiday-item button{border:0;border-radius:999px;font-weight:700;cursor:pointer;white-space:nowrap}.distribution-holiday-form button,.distribution-template-actions button,.distribution-file-button{height:42px;padding:0 1rem;background:var(--primary, #00a884);color:#061513}.distribution-holiday-form button:disabled,.distribution-template-actions button:disabled,.distribution-file-button:has(input:disabled){opacity:.55;cursor:not-allowed}.distribution-holiday-template{display:flex;justify-content:space-between;gap:.9rem;align-items:center;background:#00a8840f;border:1px solid rgba(0,168,132,.18);border-radius:8px;padding:.75rem;margin:.8rem 0}.distribution-template-title{margin-bottom:.2rem;color:var(--text-primary);font-weight:700}.distribution-holiday-template p{margin:0;color:var(--text-secondary);font-size:.82rem;line-height:1.35}.distribution-template-actions{display:flex;flex-shrink:0;gap:.5rem}.distribution-template-actions button,.distribution-file-button{display:inline-flex;align-items:center;justify-content:center}.distribution-file-button input{display:none}.distribution-template-actions button:hover,.distribution-file-button:hover,.distribution-holiday-form button:hover{filter:brightness(1.05)}.distribution-holiday-list{margin-bottom:.8rem}.distribution-holiday-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem;background:var(--bg-input);border:1px solid var(--border-color);border-radius:8px;padding:.55rem .75rem}.distribution-holiday-item span{display:flex;align-items:baseline;gap:.5rem;min-width:0}.distribution-holiday-item small{color:var(--text-secondary)}.distribution-holiday-item button{background:transparent;color:var(--danger, #ff4d4f);padding:.25rem .4rem}@media(max-width:900px){.distribution-page{max-width:none}.distribution-strategy-options,.distribution-holiday-form,.distribution-day-row{grid-template-columns:1fr}.distribution-holiday-template,.distribution-template-actions{align-items:stretch;flex-direction:column}}.wa-templates-page,.wa-template-editor-page{display:flex;flex-direction:column;gap:20px;color:#0f1720}.wa-templates-page{max-width:1120px}.wa-templates-topbar{display:flex;flex-direction:column;gap:14px;padding-bottom:10px;border-bottom:1px solid #d8dee5}.wa-templates-brand{display:flex;align-items:center;gap:12px;font-size:1.05rem;font-weight:700;color:#111b21}.wa-logo-mark{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,#29d366,#0aa35b);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.92rem;font-weight:800}.wa-templates-tabs{display:flex;gap:8px}.wa-templates-tab{border:1px solid transparent;background:transparent;color:#556371;padding:10px 14px;border-radius:10px 10px 0 0;cursor:default;font-size:.96rem}.wa-templates-tab.active{color:#111b21;border-color:var(--primary);border-bottom-color:transparent;box-shadow:inset 0 -2px #fff}.wa-templates-list-card,.wa-template-editor-card,.wa-template-sidebar{background:#fff;border:1px solid #d8dee5;border-radius:12px;box-shadow:0 8px 24px #0f17200f}.wa-templates-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 16px;border-bottom:1px solid #e5eaf0}.wa-templates-list-head h2{margin:0 0 8px;font-size:1.3rem}.wa-templates-list-head p{margin:0;max-width:620px;font-size:.92rem;color:#667483;line-height:1.45}.wa-templates-list-actions{display:flex;align-items:center;gap:10px;flex-wrap:nowrap;justify-content:flex-end}.wa-primary-btn,.wa-secondary-btn,.wa-text-btn,.wa-link-btn,.wa-icon-btn{border:none;cursor:pointer;transition:.18s ease}.wa-primary-btn{align-self:flex-start;min-height:34px;padding:7px 14px;border-radius:999px;background:var(--primary);color:#0b141a;font-weight:700;font-size:.84rem;box-shadow:none;width:auto;white-space:nowrap}.wa-primary-btn:hover:not(:disabled){background:var(--primary-hover)}.wa-secondary-btn{min-height:34px;padding:7px 14px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);border:1px solid rgba(0,168,132,.24);font-weight:700;font-size:.84rem}.wa-secondary-btn:hover:not(:disabled){background:#00a88433;border-color:#00a8845c}.wa-primary-btn:disabled,.wa-secondary-btn:disabled{opacity:.6;cursor:wait}.wa-link-btn:disabled,.wa-icon-btn:disabled,.wa-header-option:disabled,.wa-field input:disabled,.wa-field select:disabled,.wa-field textarea:disabled{opacity:.6;cursor:not-allowed}.wa-language-remove.disabled{opacity:.45;cursor:not-allowed}.wa-templates-table-wrap{overflow-x:auto}.wa-templates-table{width:100%;border-collapse:collapse}.wa-templates-table th,.wa-templates-table td{padding:14px 16px;text-align:left;border-bottom:1px solid #edf1f5;vertical-align:middle}.wa-templates-table th{color:#576474;font-size:.8rem;font-weight:700}.wa-templates-table td{color:#111b21;font-size:.9rem}.wa-templates-table th:last-child,.wa-templates-table td:last-child{width:1%;white-space:nowrap}.wa-row-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:nowrap}.wa-format-options{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-text-btn{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:6px 12px;border-radius:999px;background:var(--primary-soft);color:var(--primary-strong);font-weight:700;white-space:nowrap}.wa-text-btn:hover:not(:disabled){background:#00a88433}.wa-text-btn.danger{background:#d645451f;color:#ff6b6b}.wa-text-btn.danger:hover:not(:disabled){background:#d6454533}.wa-empty-cell{text-align:center!important;color:#667483!important;padding:28px 16px!important}.wa-inline-banner{border-radius:12px;padding:12px 16px;font-size:.92rem}.wa-inline-banner.error{background:#fff0f0;color:#a12a2a;border:1px solid #f4c7c7}.wa-inline-banner.success{background:#ecfbf3;color:#117447;border:1px solid #bfe8d0}.wa-carousel-cards{display:grid;gap:14px}.wa-carousel-card-editor{display:grid;gap:12px;padding:14px;border:1px solid var(--border-strong);border-radius:12px;background:var(--bg-surface-2)}.wa-carousel-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.wa-carousel-card-editor textarea{width:100%;min-height:90px;padding:12px 14px;border-radius:12px;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text-primary);resize:vertical}.wa-preview-message-stack.is-carousel{gap:14px}.wa-preview-carousel{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px}.wa-preview-carousel-card{min-width:220px;display:grid;gap:8px}.wa-preview-media-placeholder.small{min-height:120px}.wa-preview-bubble.compact{padding:12px}.wa-preview-buttons.compact{gap:6px}.wa-inline-banner.warning{background:#fff9e8;color:#8a5a00;border:1px solid #f2d58b}.wa-template-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.92rem;color:#61707e}.wa-template-breadcrumb a{color:var(--primary-strong);text-decoration:none}.wa-template-breadcrumb strong{color:#111b21;font-size:1.95rem;line-height:1.1}.wa-template-editor-shell{display:grid;grid-template-columns:240px minmax(0,1fr) 360px;gap:24px;align-items:start}.wa-template-sidebar{padding:24px;display:flex;flex-direction:column;gap:20px}.wa-field{display:flex;flex-direction:column;gap:8px}.wa-field span,.wa-language-title,.wa-section-label{color:#111b21;font-weight:700;font-size:.96rem}.wa-template-warning-copy{margin:10px 0 0;color:#8a5a00;font-size:.9rem;line-height:1.45}.wa-field em,.wa-section-label span{font-style:normal;color:#7a8895;font-weight:500}.wa-field input,.wa-field select,.wa-field textarea,.wa-language-adder select{width:100%;border:1px solid #ccd5dd;border-radius:10px;padding:11px 12px;font-size:.95rem;color:#111b21;background:#fff;resize:vertical}.wa-field textarea{min-height:126px;line-height:1.45}.wa-language-section{display:flex;flex-direction:column;gap:12px}.wa-language-adder{display:flex;flex-direction:column;gap:10px;align-items:flex-start;position:relative}.wa-link-btn{background:transparent;color:var(--primary-strong);padding:0;text-align:left;font-weight:700}.wa-language-picker{width:100%;max-width:190px;padding:10px;border:1px solid #d8dee5;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172014}.wa-language-search-wrap{position:relative;margin-bottom:10px}.wa-language-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#7a8895;font-size:.9rem;pointer-events:none}.wa-language-search{width:100%;border:1px solid #ccd5dd;border-radius:8px;padding:9px 12px 9px 32px;font-size:.9rem;color:#111b21;background:#fff}.wa-language-options{max-height:228px;overflow-y:auto;display:flex;flex-direction:column}.wa-language-option{border:none;background:transparent;text-align:left;padding:10px;color:#334250;font-size:.92rem;border-radius:6px}.wa-language-option:hover{background:#f3f6f8}.wa-language-empty{padding:10px;color:#7a8895;font-size:.9rem}.wa-language-list{display:flex;flex-direction:column;gap:10px}.wa-language-chip{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:#f4f7fb;border:1px solid #dde5ed;border-radius:10px;padding:10px 12px;color:#0f1720;cursor:pointer}.wa-language-chip.active{border-color:#00a88452;background:var(--primary-soft)}.wa-language-remove{color:#9aa7b4;font-size:1rem;line-height:1}.wa-template-canvas{min-width:0}.wa-template-editor-card{padding:22px 24px;display:flex;flex-direction:column;gap:18px}.wa-template-editor-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.wa-template-editor-head h2{margin:0 0 8px;font-size:1.7rem;color:#111b21}.wa-template-editor-head p{margin:0;color:#6a7785;line-height:1.45;max-width:500px;font-size:.92rem}.wa-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:nowrap;justify-content:flex-end;align-self:flex-start;margin-left:auto}.wa-template-status{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:6px 11px;font-size:.8rem;font-weight:700;white-space:nowrap}.wa-editor-actions .wa-primary-btn,.wa-editor-actions .wa-secondary-btn{min-height:32px;padding:6px 12px}.wa-template-status--draft{background:#eef2f6;color:#5f6d7b}.wa-template-status--review{background:var(--primary-soft);color:var(--primary-strong)}.wa-template-status--approved{background:#ecfbf3;color:#14804b}.wa-template-status--rejected{background:#fff0f0;color:#b23c3c}.wa-editor-section{display:flex;flex-direction:column;gap:10px}.wa-header-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.wa-header-option{border:1px dashed #c7d0d9;border-radius:14px;background:#fff;padding:14px 10px;font-weight:600;color:#334250}.wa-header-option.active{border-style:solid;border-color:#00a88452;background:var(--primary-soft);color:var(--primary-strong)}.wa-header-option.subtle{font-weight:500}.wa-header-upload{display:flex;flex-direction:column;gap:8px}.wa-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wa-header-upload-dropzone{width:100%;min-height:58px;border:2px dashed rgba(0,168,132,.45);border-radius:14px;background:#00a8840a;color:var(--primary-strong);font-size:.92rem;font-weight:700;text-align:center}.wa-header-upload-dropzone:hover{background:#00a88414;border-color:#00a8849e}.wa-header-upload-hint{margin:0;color:#7a8895;font-size:.84rem;line-height:1.4}.wa-header-upload-warning{margin:0;color:#f5c56a;font-size:.84rem;line-height:1.45}.wa-header-upload-file{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid rgba(0,168,132,.18);border-radius:10px;background:#00a8840f}.wa-header-upload-file-name{min-width:0;color:#dfe8ef;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-section-help{margin:-2px 0 0;color:#7a8895;font-size:.86rem;line-height:1.45}.wa-buttons-editor{display:flex;flex-direction:column;gap:10px}.wa-buttons-editor.quick-replies-mode{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}.wa-button-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px;gap:10px}.wa-button-row.compact{grid-template-columns:minmax(0,1fr) 36px}.wa-buttons-editor.quick-replies-mode .wa-link-btn{grid-column:1 / -1;justify-self:flex-start}.wa-button-row input{border:1px solid #ccd5dd;border-radius:10px;padding:9px 11px}.wa-icon-btn{width:36px;height:36px;border-radius:10px;background:#f3f6f9;color:#697786;font-size:1.1rem}.wa-icon-btn:hover:not(:disabled){background:var(--primary-soft);color:var(--primary-strong)}.wa-template-empty-state{min-height:640px;background:#fff;border:1px solid #d8dee5;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#7a8895;text-align:center;padding:40px}.wa-template-empty-state.with-illustration{flex-direction:column;gap:24px}.wa-empty-art{width:118px;height:118px;border-radius:30px;background:radial-gradient(circle at top left,#ffe45b,#29d366 55%,#0d8c5c);color:#fffffff5;display:inline-flex;align-items:center;justify-content:center;font-size:3rem;font-weight:900}.wa-preview-rail{display:flex;justify-content:center}.wa-phone-frame{width:320px;min-height:650px;border-radius:42px;padding:18px 14px;background:#fff;border:1px solid #d9e0e7;box-shadow:0 12px 38px #0f172014;position:sticky;top:24px}.wa-phone-header{background:#008069;color:#fff;border-radius:28px 28px 0 0;padding:16px 16px 14px;font-weight:700;display:flex;align-items:center;gap:10px}.wa-phone-back,.wa-phone-menu{flex:0 0 auto;font-size:1.2rem;line-height:1}.wa-phone-avatar{width:26px;height:26px;border-radius:50%;background:#e6f4f1;color:#008069;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1}.wa-phone-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-phone-chat{min-height:510px;background:linear-gradient(#f8f2eaf5,#f8f2eaf5),radial-gradient(circle at 20% 20%,rgba(0,128,105,.05) 0 2px,transparent 2px 100%);padding:18px 14px;display:flex;flex-direction:column;gap:10px}.wa-preview-message-stack{display:flex;flex-direction:column;gap:8px}.wa-preview-header-text{align-self:flex-start;background:#d4f2db;color:#0b3b2b;font-size:.76rem;font-weight:700;border-radius:12px;padding:6px 10px}.wa-preview-media-placeholder{align-self:flex-start;width:100%;min-height:120px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#dfe7ec,#eff4f7);color:#64727d;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.wa-preview-media-image{display:block;width:100%;height:100%;min-height:120px;object-fit:cover}.wa-preview-bubble{align-self:flex-start;max-width:100%;background:#fff;border-radius:8px;padding:12px 13px 8px;box-shadow:0 1px #0000000d}.wa-preview-body{white-space:pre-wrap;color:#111b21;line-height:1.45;font-size:.93rem}.wa-preview-footer{margin-top:6px;color:#7d8994;font-size:.8rem;line-height:1.2}.wa-preview-buttons{display:flex;flex-direction:column;gap:8px}.wa-preview-button{width:100%;border:1px solid #d7dde2;border-radius:6px;background:#fff;color:#1f6fff;font-size:.88rem;font-weight:700;text-align:center;padding:8px 12px}.wa-phone-input{border-top:1px solid #e5eaf0;background:#f6f8fa;color:#7d8994;border-radius:0 0 28px 28px;padding:10px 12px;display:flex;align-items:center;gap:10px}.wa-phone-input-text{flex:1;font-size:.92rem}.wa-phone-input-emoji,.wa-phone-input-attach,.wa-phone-input-camera{color:#6a7785;font-size:1.08rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.wa-phone-input-mic{width:38px;height:38px;border-radius:50%;background:#008069;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;box-shadow:0 3px 10px #00806938}html[data-theme=dark] .wa-templates-page,html[data-theme=dark] .wa-template-editor-page{color:#dfe8ef}html[data-theme=dark] .wa-templates-brand,html[data-theme=dark] .wa-field span,html[data-theme=dark] .wa-language-title,html[data-theme=dark] .wa-section-label,html[data-theme=dark] .wa-template-editor-head h2,html[data-theme=dark] .wa-template-breadcrumb strong,html[data-theme=dark] .wa-templates-list-head h2,html[data-theme=dark] .wa-templates-table td{color:#e9edef}html[data-theme=dark] .wa-templates-tab,html[data-theme=dark] .wa-template-breadcrumb,html[data-theme=dark] .wa-templates-list-head p,html[data-theme=dark] .wa-template-editor-head p,html[data-theme=dark] .wa-section-help,html[data-theme=dark] .wa-empty-cell,html[data-theme=dark] .wa-field em,html[data-theme=dark] .wa-section-label span{color:#9fb0be}html[data-theme=dark] .wa-templates-list-card,html[data-theme=dark] .wa-template-editor-card,html[data-theme=dark] .wa-template-sidebar,html[data-theme=dark] .wa-template-empty-state{background:#111b21;border-color:#26343d;box-shadow:none}html[data-theme=dark] .wa-templates-topbar{border-bottom-color:#26343d}html[data-theme=dark] .wa-templates-tab.active{border-color:var(--primary);box-shadow:inset 0 -2px #111b21}html[data-theme=dark] .wa-templates-table th,html[data-theme=dark] .wa-templates-table td,html[data-theme=dark] .wa-templates-list-head,html[data-theme=dark] .wa-preview-footer,html[data-theme=dark] .wa-preview-buttons,html[data-theme=dark] .wa-phone-input{border-color:#223039}html[data-theme=dark] .wa-field input,html[data-theme=dark] .wa-field select,html[data-theme=dark] .wa-field textarea,html[data-theme=dark] .wa-language-search,html[data-theme=dark] .wa-button-row input{background:#0d141a;border-color:#33424c;color:#e9edef}html[data-theme=dark] .wa-language-picker{background:#111b21;border-color:#26343d;box-shadow:none}html[data-theme=dark] .wa-language-search-icon,html[data-theme=dark] .wa-language-empty{color:#9fb0be}html[data-theme=dark] .wa-language-option{color:#dce7ee}html[data-theme=dark] .wa-language-option:hover{background:#1a262d}html[data-theme=dark] .wa-language-chip,html[data-theme=dark] .wa-icon-btn{background:#1a262d;border-color:#32414b;color:#d9e5eb}html[data-theme=dark] .wa-language-chip.active,html[data-theme=dark] .wa-header-option.active{background:var(--primary-soft)}html[data-theme=dark] .wa-header-option{background:#111b21;border-color:#3a4b56;color:#dce7ee}html[data-theme=dark] .wa-header-upload-dropzone{background:#00a88414;border-color:#00e5c061;color:var(--primary-strong)}html[data-theme=dark] .wa-header-upload-hint{color:#9fb0be}html[data-theme=dark] .wa-header-upload-warning{color:#f5c56a}@media(max-width:1280px){.wa-template-editor-shell{grid-template-columns:240px minmax(0,1fr)}.wa-preview-rail{grid-column:1 / -1}}@media(max-width:900px){.wa-templates-list-head,.wa-template-editor-head{flex-direction:column;align-items:stretch}.wa-templates-list-actions,.wa-row-actions{flex-wrap:wrap}.wa-template-editor-shell{grid-template-columns:1fr}.wa-header-options{grid-template-columns:repeat(2,minmax(0,1fr))}.wa-button-row,.wa-buttons-editor.quick-replies-mode{grid-template-columns:1fr}}.campaigns-page,.campaigns-editor-page{color:var(--text-primary)}.campaigns-list-card,.campaigns-editor-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;overflow:hidden}.campaigns-list-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;border-bottom:1px solid var(--border-color)}.campaigns-list-head h2{margin:0 0 6px;font-size:22px}.campaigns-list-head p{margin:0;color:var(--text-secondary);max-width:760px;line-height:1.5}.campaigns-list-actions,.campaigns-editor-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:flex-end}.campaigns-primary-btn,.campaigns-secondary-btn,.campaigns-text-btn,.campaigns-step{border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2);color:var(--text-primary);cursor:pointer;transition:.18s ease}.campaigns-primary-btn{align-self:flex-start;min-height:34px;width:auto;padding:7px 14px;border-radius:999px;background:#00a884;border-color:#00a884;color:#03281f;font-weight:700;font-size:.84rem;white-space:nowrap}.campaigns-secondary-btn,.campaigns-text-btn,.campaigns-step{padding:7px 14px}.campaigns-secondary-btn{min-height:34px;width:auto;border-radius:999px;font-size:.84rem;font-weight:700;white-space:nowrap}.campaigns-link-btn{border:0;background:transparent;color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:700;padding:6px 4px;white-space:nowrap}.campaigns-link-btn:hover{color:var(--text-primary)}.campaigns-primary-btn:hover,.campaigns-secondary-btn:hover,.campaigns-step:hover{filter:brightness(1.05)}.campaigns-primary-btn:disabled,.campaigns-secondary-btn:disabled,.campaigns-text-btn:disabled{cursor:not-allowed;opacity:.55;filter:none}.campaigns-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 24px;border-bottom:1px solid var(--border-color)}.campaigns-list-toolbar-left{display:flex;flex:1;align-items:center;gap:12px;flex-wrap:wrap}.campaigns-list-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.campaigns-list-tabs--archive{flex:0 0 auto}.campaigns-filter-select-wrap{display:inline-flex;align-items:center;gap:10px;flex:0 0 auto}.campaigns-filter-select-label{color:var(--text-secondary);font-size:12px;font-weight:700}.campaigns-filter-select{min-height:34px;padding:7px 36px 7px 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);font-size:.84rem;font-weight:700;outline:none;cursor:pointer}.campaigns-filter-select:focus{border-color:#00a884;box-shadow:0 0 0 1px #00a88433}.campaigns-search-wrap{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-left:auto}.campaigns-search-input{min-width:260px;min-height:34px;padding:7px 14px;border-radius:999px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);outline:none}.campaigns-search-input:focus{border-color:#00a884;box-shadow:0 0 0 1px #00a88433}.campaigns-search-count{color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.campaigns-tab-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:auto;min-width:0;max-width:100%;border:1px solid var(--border-color);border-radius:999px;background:var(--bg-surface-2);color:var(--text-secondary);cursor:pointer;font-size:.84rem;font-weight:700;min-height:34px;padding:7px 14px;transition:.18s ease}.campaigns-list-tabs .campaigns-tab-btn.active{background:#00a88429;border-color:#00a884;color:#00f5c3}.campaigns-list-tabs .campaigns-tab-btn:hover{filter:brightness(1.05)}.campaigns-table-wrap{overflow-x:auto}.campaigns-table{width:100%;border-collapse:collapse}.campaigns-table th,.campaigns-table td{padding:16px 20px;border-bottom:1px solid var(--border-color);text-align:left}.campaigns-table th{color:var(--text-secondary);font-size:13px;font-weight:600}.campaigns-check-cell{width:42px;min-width:42px;padding-right:0!important}.campaigns-check-cell input{accent-color:#00a884;cursor:pointer}.campaigns-empty-cell{text-align:center;color:var(--text-secondary);padding:28px 20px}.campaigns-subtle{margin-top:4px;color:var(--text-secondary);font-size:12px}.campaigns-status{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.campaigns-status--draft{background:#8c99ae2e;color:#c7d1e0}.campaigns-status--review{background:#f1c15e2e;color:#f1c15e}.campaigns-status--approved{background:#00a8842e;color:#4dd4b5}.campaigns-status--rejected{background:#f15b5b29;color:#ff8b8b}.campaigns-editor-shell{display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px}.campaigns-steps{display:flex;flex-direction:column;gap:10px}.campaigns-step{text-align:left;min-height:34px;border-radius:14px}.campaigns-step.active{border-color:#00a884;background:#00a88424}.campaigns-editor-card{padding:24px}.campaigns-step-panel{display:flex;flex-direction:column;gap:18px}.campaigns-step-panel--campaign{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:20px;align-items:start}.campaigns-step-main{display:flex;flex-direction:column;gap:18px;min-width:0}.campaigns-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaigns-field{display:flex;flex-direction:column;gap:8px}.campaigns-field label{font-size:13px;font-weight:600}.campaigns-field input,.campaigns-field select{min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary)}.campaigns-readonly-field{min-height:44px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);display:flex;align-items:center}.campaigns-template-preview,.campaigns-source-card,.campaigns-preview-card{border:1px solid var(--border-color);border-radius:12px;background:var(--bg-surface-2);padding:16px}.campaigns-template-preview--side{position:sticky;top:24px;padding:14px}.campaigns-template-preview-head,.campaigns-source-head,.campaigns-preview-row,.campaigns-current-state,.campaigns-manual-toolbar,.campaigns-actions-row,.campaigns-runtime-actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px}.campaigns-preview-row,.campaigns-source-head,.campaigns-current-state{justify-content:space-between}.campaigns-runtime-panel{display:grid;gap:12px;margin-bottom:18px}.campaigns-runtime-notice,.campaigns-runtime-detail{padding:12px 14px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface-2)}.campaigns-runtime-notice{font-size:14px}.campaigns-runtime-notice--approved{background:#00a8841f;border-color:#00a88447;color:#54d2b6}.campaigns-runtime-notice--review{background:#f1c15e1f;border-color:#f1c15e47;color:#f1c15e}.campaigns-runtime-notice--rejected{background:#f15b5b1f;border-color:#f15b5b47;color:#ff8b8b}.campaigns-runtime-detail{display:grid;gap:6px}.campaigns-runtime-detail strong{font-size:13px}.campaigns-runtime-detail span{color:var(--text-secondary);line-height:1.45}.campaigns-runtime-detail--error{border-color:#f15b5b38}.campaigns-runtime-detail--failures{padding-top:10px;border-top:1px solid rgba(255,255,255,.06)}.campaigns-runtime-detail-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaigns-runtime-detail-head span{font-size:12px}.campaigns-failures-list{display:grid;gap:10px;margin-top:10px}.campaigns-failure-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff05}.campaigns-failure-main,.campaigns-failure-meta{display:grid;gap:4px}.campaigns-failure-main strong{font-size:13px}.campaigns-failure-main span,.campaigns-failure-meta span{color:var(--text-secondary);font-size:12px;line-height:1.45}.campaigns-failure-meta{max-width:420px;text-align:right}.campaigns-template-preview-head,.campaigns-source-head{margin-bottom:12px}.campaigns-source-help{margin:-4px 0 14px;color:var(--text-secondary);font-size:.9rem;line-height:1.45}.campaigns-phone-frame{width:320px;min-height:650px;margin:0 auto;border-radius:42px;padding:18px 14px;background:#fff;border:1px solid #d9e0e7;box-shadow:0 12px 38px #0f172014}.campaigns-phone-header{background:#008069;color:#fff;border-radius:28px 28px 0 0;padding:16px 16px 14px;font-weight:700;display:flex;align-items:center;gap:10px}.campaigns-phone-back,.campaigns-phone-menu{flex:0 0 auto;font-size:1.2rem;line-height:1}.campaigns-phone-avatar{width:26px;height:26px;border-radius:50%;background:#e6f4f1;color:#008069;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;line-height:1}.campaigns-phone-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaigns-phone-chat{min-height:510px;background:linear-gradient(#f8f2eaf5,#f8f2eaf5),radial-gradient(circle at 20% 20%,rgba(0,128,105,.05) 0 2px,transparent 2px 100%);padding:18px 14px;display:flex;flex-direction:column;gap:10px}.campaigns-phone-input{border-top:1px solid #e5eaf0;background:#f6f8fa;color:#7d8994;border-radius:0 0 28px 28px;padding:10px 12px;display:flex;align-items:center;gap:10px}.campaigns-phone-input-text{flex:1;font-size:.92rem}.campaigns-phone-input-emoji,.campaigns-phone-input-attach,.campaigns-phone-input-camera{color:#6a7785;font-size:1.08rem;line-height:1;display:inline-flex;align-items:center;justify-content:center}.campaigns-phone-input-mic{width:38px;height:38px;border-radius:50%;background:#008069;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1rem;line-height:1;box-shadow:0 3px 10px #00806938}.campaigns-template-header-text{align-self:flex-start;background:#d4f2db;color:#0b3b2b;font-size:.76rem;font-weight:700;border-radius:12px;padding:6px 10px}.campaigns-template-media-placeholder{align-self:flex-start;width:100%;min-height:120px;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#dfe7ec,#eff4f7);color:#64727d;font-size:.88rem;font-weight:700;display:flex;align-items:center;justify-content:center}.campaigns-template-message-stack{display:flex;flex-direction:column;gap:8px}.campaigns-template-card{align-self:flex-start;max-width:100%;display:flex;flex-direction:column;gap:8px;padding:12px 13px 8px;border-radius:8px;background:#fff;color:#111b21;box-shadow:0 1px #0000000d}.campaigns-template-footer{font-size:.8rem;color:#7d8994;line-height:1.2}.campaigns-template-body{white-space:pre-wrap;font-size:.93rem;line-height:1.45}.campaigns-template-buttons{width:100%;display:flex;flex-direction:column;gap:8px}.campaigns-actions-row--compact{justify-content:flex-start}.campaigns-actions-row--between{justify-content:space-between;align-items:flex-end;column-gap:24px;row-gap:16px;margin-top:10px}.campaigns-actions-cluster{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.campaigns-runtime-actions{margin-top:20px;padding-top:4px;row-gap:14px;column-gap:16px}.campaigns-actions-row .campaigns-primary-btn,.campaigns-actions-row .campaigns-secondary-btn,.campaigns-runtime-actions .campaigns-secondary-btn{flex:0 0 auto}.campaigns-template-button{width:100%;border:1px solid #d7dde2;border-radius:6px;background:#fff;color:#1f6fff;font-size:.88rem;font-weight:700;text-align:center;padding:8px 12px}.campaigns-placeholder{color:var(--text-secondary)}.campaigns-tag-grid,.campaigns-contact-preview{display:flex;flex-wrap:wrap;gap:10px}.campaigns-tag-chip,.campaigns-contact-chip{display:inline-flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface)}.campaigns-tag-chip{min-width:220px;cursor:pointer;transition:.18s ease;border-color:color-mix(in srgb,var(--campaign-tag-color, var(--border-color)) 72%,var(--border-color));box-shadow:inset 3px 0 color-mix(in srgb,var(--campaign-tag-color, transparent) 88%,transparent)}.campaigns-tag-chip.active,.campaigns-manual-item.active{border-color:#00a884;background:#00a8841f}.campaigns-tag-chip.active{border-color:var(--campaign-tag-color, #00a884);background:color-mix(in srgb,var(--campaign-tag-color, #00a884) 14%,transparent)}.campaigns-tag-chip input{display:none}.campaigns-tag-chip-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.campaigns-tag-chip-count{display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;padding:0 8px;border-radius:999px;background:color-mix(in srgb,var(--campaign-tag-color, #00a884) 18%,transparent);color:var(--campaign-tag-color, #54d2b6);font-size:.8rem;font-weight:700}.campaigns-tag-chip-sample{color:var(--text-secondary);font-size:.84rem;line-height:1.4}.campaigns-tag-impact{margin-top:14px;padding-top:14px;border-top:1px solid var(--border-color)}.campaigns-tag-impact-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.campaigns-tag-impact-head span{color:var(--text-secondary);font-size:.88rem}.campaigns-tag-audience-list{display:grid;gap:10px;max-height:300px;overflow:auto}.campaigns-manual-toolbar{margin-bottom:12px}.campaigns-manual-toolbar input{flex:1;min-height:42px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary)}.campaigns-manual-list{display:grid;gap:10px;max-height:380px;overflow:auto}.campaigns-manual-item{display:grid;grid-template-columns:20px minmax(0,1fr) auto;gap:12px;align-items:center;padding:10px 12px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface)}.campaigns-manual-name{font-weight:600}.campaigns-manual-phone{color:var(--text-secondary);font-size:12px}.campaigns-source-card--muted p{margin:0;color:var(--text-secondary)}.campaigns-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.campaigns-preview-layout{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(420px,1.08fr);gap:16px;align-items:start}.campaigns-preview-sidebar,.campaigns-preview-main{display:grid;gap:16px}.campaigns-preview-controls{width:min(100%,720px)}.campaigns-preview-row{padding:8px 0;border-bottom:1px solid var(--border-color)}.campaigns-preview-row:last-child{border-bottom:none}.campaigns-manual-item--readonly{grid-template-columns:minmax(0,1fr) auto}.campaigns-inline-check{display:inline-flex;align-items:center;gap:10px}.campaigns-error-banner,.campaigns-success-banner{margin-bottom:16px;padding:10px 12px;border-radius:10px;font-size:14px}.campaigns-error-banner{background:#f15b5b1f;border:1px solid rgba(241,91,91,.28);color:#ff8b8b}.campaigns-success-banner{background:#00a8841f;border:1px solid rgba(0,168,132,.28);color:#54d2b6}.campaigns-loading{color:var(--text-secondary);padding:24px}@media(max-width:1100px){.campaigns-editor-shell{grid-template-columns:1fr}.campaigns-steps{flex-direction:row;flex-wrap:wrap}.campaigns-step-panel--campaign{grid-template-columns:1fr}.campaigns-template-preview--side{position:static}.campaigns-phone-frame{width:100%;max-width:320px}.campaigns-preview-layout,.campaigns-preview-grid{grid-template-columns:1fr}.campaigns-preview-controls{width:100%}}@media(max-width:800px){.campaigns-list-head,.campaigns-actions-row,.campaigns-current-state,.campaigns-manual-toolbar,.campaigns-runtime-actions{flex-direction:column;align-items:stretch}.campaigns-list-actions,.campaigns-editor-head{justify-content:stretch}.campaigns-actions-cluster{width:100%}.campaigns-grid-2,.campaigns-preview-grid{grid-template-columns:1fr}}.wa-settings{max-width:1260px;margin:0 auto;padding:32px 28px 48px;color:#f4fbff}.wa-settings-top{display:grid;grid-template-columns:minmax(260px,360px) auto;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.wa-settings-top h2{margin:0 0 6px;font-size:26px;line-height:1.15}.wa-settings-top p{margin:0;color:#9db8ca;font-size:15px;line-height:1.45}.wa-settings-tabs{display:inline-flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid rgba(130,165,181,.22);margin-bottom:16px;padding-bottom:10px;width:100%}.wa-settings-tabs button{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:auto;min-width:112px;flex:0 0 auto;border:1px solid transparent;border-radius:999px;background:transparent!important;color:#9db8ca;padding:9px 16px;font:inherit;font-weight:700;cursor:pointer;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.wa-settings-tabs button.active{color:#00f0c8;background:#00b89424!important;border-color:#00f0c88f}.wa-settings-tabs button:hover:not(.active){color:#f4fbff;background:#1f3038c7!important;border-color:#82a5b538}.wa-settings-panel{border:1px solid rgba(130,165,181,.2);border-radius:8px;background:#0f1f26b8;padding:18px}.wa-account-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wa-settings-card{background:#1f3038;border-radius:8px;padding:18px;min-height:210px}.wa-settings-card h3{margin:0 0 18px;font-size:20px}.wa-settings-field{display:grid;grid-template-columns:minmax(120px,1fr) minmax(120px,1fr);gap:18px;align-items:center;padding:9px 0;color:#dff4ff}.wa-settings-field span{color:#9db8ca}.wa-settings-field strong{justify-self:end;max-width:260px;overflow-wrap:anywhere;font-weight:800}.wa-settings-badge{display:inline-flex;align-items:center;min-height:28px;border-radius:999px;padding:4px 12px;font-size:13px;line-height:1}.wa-settings-badge.ok{color:#00f0c8;background:#00b89433}.wa-settings-badge.warn{color:#ffcb57;background:#ffcb5729}.wa-settings-badge.bad{color:#ff6b6b;background:#ff6b6b29}.wa-settings-badge.muted{color:#9db8ca;background:#9db8ca24}.wa-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:920px}.wa-form-field{display:flex;flex-direction:column;gap:8px;color:#f4fbff;font-weight:800}.wa-form-field.wide,.wa-toggle-row.wide,.wa-form-actions{grid-column:1 / -1}.wa-form-field span{color:#f4fbff}.wa-form-field input,.wa-form-field textarea,.wa-form-field select{width:100%;border:1px solid rgba(130,165,181,.3);border-radius:8px;background:#08161c;color:#f4fbff;padding:13px 14px;font:inherit;font-weight:500;resize:vertical}.wa-form-field input:focus,.wa-form-field textarea:focus,.wa-form-field select:focus{outline:2px solid rgba(0,240,200,.32);border-color:#00b894}.wa-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:8px;background:#1f3038;padding:16px}.wa-toggle-row strong,.wa-toggle-row span{display:block}.wa-toggle-row span{margin-top:5px;color:#9db8ca}.wa-switch{position:relative;display:inline-flex;align-items:center;cursor:pointer}.wa-switch input{position:absolute;opacity:0;pointer-events:none}.wa-switch span{width:44px;height:24px;border-radius:999px;background:#334751;border:1px solid rgba(130,165,181,.32)}.wa-switch span:after{content:"";display:block;width:18px;height:18px;margin:2px;border-radius:50%;background:#f4fbff;transition:transform .16s ease}.wa-switch input:checked+span{background:#00b894;border-color:#00f0c8}.wa-switch input:checked+span:after{transform:translate(20px)}.wa-form-actions{display:flex;justify-content:flex-start;gap:10px}.wa-settings-btn{width:auto;max-width:max-content;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;min-height:36px;padding:0 16px;font:inherit;font-weight:800;cursor:pointer;line-height:1;transition:background-color .16s ease,border-color .16s ease,color .16s ease}.wa-settings-btn.primary{background:#00b894!important;color:#03161a}.wa-settings-btn.primary:hover:not(:disabled){background:#06d6a0!important;border-color:#00f0c86b}.wa-settings-btn.secondary{background:#1f3038!important;border-color:#82a5b547;color:#f4fbff}.wa-settings-btn.secondary:hover:not(:disabled){background:#263943!important;border-color:#00f0c847}.wa-settings-btn:disabled{cursor:not-allowed;opacity:.55}.wa-settings-alert{display:flex;flex-direction:column;gap:4px;border-radius:8px;margin:0 0 14px;padding:13px 15px;font-weight:700}.wa-settings-alert.error,.wa-settings-alert.warn{color:#ffb5b5;background:#74272e6b;border:1px solid rgba(255,107,107,.45)}.wa-settings-alert.ok{color:#00f0c8;background:#00b89426;border:1px solid rgba(0,184,148,.45);animation:wa-notice 2.4s ease forwards}.wa-settings-empty{color:#9db8ca;padding:24px}@keyframes wa-notice{0%,75%{opacity:1}to{opacity:0}}@media(max-width:1100px){.wa-account-grid,.wa-form-grid{grid-template-columns:1fr}}@media(max-width:720px){.wa-settings{padding:24px 16px 40px}.wa-settings-top{grid-template-columns:1fr;align-items:flex-start}}.assets-library .asset-search{max-width:320px;margin-bottom:14px}.asset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.asset-card{border:1px solid var(--border-color, #2a3942);border-radius:10px;background:var(--panel-bg, #111b21);overflow:hidden}.asset-card-thumb{position:relative;height:110px;background:#ffffff0a}.asset-card-thumb .asset-thumb{width:100%;height:100%}.asset-thumb{object-fit:cover;background:#ffffff0a;display:block}.asset-thumb-icon{display:flex;align-items:center;justify-content:center;font-size:34px}.asset-card-info{padding:8px 10px 10px}.asset-card-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-card-meta{display:flex;align-items:center;gap:8px;margin-top:5px;font-size:11px;opacity:.75}.asset-type-badge{padding:1px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;background:#00a88426;color:#00a884}.asset-in-use{font-size:10px;color:#8696a0;white-space:nowrap}.asset-delete-btn{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:8px;border:none;background:#0000008c;color:#e9edef;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s ease}.asset-card:hover .asset-delete-btn{opacity:1}.asset-delete-btn:hover{background:#f45c5cbf}.asset-delete-btn:disabled{opacity:.25!important;cursor:not-allowed}.flows-tabs{display:flex;gap:10px;margin-bottom:14px;border-bottom:1px solid var(--border-color)}.flows-tab{width:auto;flex:0 0 auto;background:transparent;border:none;color:var(--text-secondary);padding:7px 12px;cursor:pointer;font-size:13px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.flows-tab:hover{color:var(--text-primary);background:var(--bg-surface-2)}.flows-tab.active{color:var(--primary-strong);border-bottom-color:var(--primary);font-weight:700}.flows-inbox{margin-bottom:12px}.flows-inbox-title{font-size:12px;font-weight:600;color:#f0b132}.flow-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border-color, #2a3942);border-radius:10px;margin-bottom:8px;background:var(--panel-bg, #111b21)}.flow-row-main{flex:1;min-width:0;cursor:default}.flow-row-name{font-size:14px;font-weight:600}.flow-row-meta{display:flex;align-items:center;gap:12px;margin-top:4px;font-size:11px;opacity:.75}.flow-status{padding:1px 8px;border-radius:999px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px}.flow-status.status-draft{background:#8696a02e;color:#8696a0}.flow-status.status-proposed{background:#f0b13229;color:#f0b132}.flow-status.status-approved{background:#00a88429;color:#00a884}.flow-status.status-rejected{background:#f45c5c29;color:#f45c5c}.flow-row-assignees{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:8px}.flow-assignee-label{font-size:11px;opacity:.6;margin-right:2px}.flow-assignee-chip{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:11px;font-weight:500;background:#00a8841f;color:#4fd1b3;border:1px solid rgba(0,168,132,.25)}.flow-assignee-empty{font-size:11px;opacity:.5;font-style:italic}.flow-rejection{margin-top:4px;font-size:11px;color:#f45c5c}.flow-row-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.btn-pill{border-radius:999px;padding:4px 14px;font-size:12px}.flow-editor-modal{width:min(680px,94vw);max-height:88vh;overflow-y:auto}.flows-panel .qr-modal-header,.flow-editor-modal .qr-modal-header,.flow-asset-picker .qr-modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.flows-panel .qr-modal-title,.flow-editor-modal .qr-modal-title,.flow-asset-picker .qr-modal-title{flex:1;min-width:0;padding-right:8px}.flows-panel .qr-modal-title{line-height:1.25}.flows-panel .qr-modal-close,.flow-editor-modal .qr-modal-close,.flow-asset-picker .qr-modal-close{flex:0 0 auto;width:30px;height:30px;min-width:30px;min-height:30px;padding:0;border:none;border-radius:8px;background:transparent;color:inherit;opacity:.7;cursor:pointer;display:flex;align-items:center;justify-content:center}.flows-panel .qr-modal-close:hover,.flow-editor-modal .qr-modal-close:hover,.flow-asset-picker .qr-modal-close:hover{background:#ffffff14;opacity:1}.flow-step-btn{width:24px;height:22px;padding:0;border:none;border-radius:6px;background:transparent;color:inherit;opacity:.65;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex:0 0 auto}.flow-step-btn:hover:not(:disabled){background:#ffffff14;opacity:1}.flow-step-btn:disabled{opacity:.2;cursor:not-allowed}.flow-step-remove{font-size:12px}.flow-step-remove:hover:not(:disabled){background:#f45c5c33;color:#f45c5c}.flow-step-textarea{width:100%;box-sizing:border-box;resize:vertical;min-height:52px;font:inherit}.flow-editor-hint{font-size:11px;color:#f0b132;margin-bottom:10px}.flow-steps-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin:10px 0 8px}.flow-steps-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.flow-steps-actions .btn-pill{width:auto;min-width:0;flex:0 0 auto;padding:6px 14px;font-size:13px;line-height:1.1}.flow-step-row{display:flex;align-items:flex-start;gap:8px;padding:8px;border:1px solid var(--border-color, #2a3942);border-radius:8px;margin-bottom:6px}.flow-step-order{display:flex;flex-direction:column;align-items:center;gap:2px}.flow-step-number{font-size:11px;font-weight:700;opacity:.6}.flow-step-body{flex:1;min-width:0}.flow-step-asset{display:flex;align-items:center;gap:10px}.flow-step-asset-info{flex:1;min-width:0}.flow-step-asset-name{font-size:13px;font-weight:600;white-space:normal;word-break:break-word}.flow-caption-input{margin-top:6px;font-size:12px}.flow-asset-picker{width:min(480px,92vw)}.flow-asset-picker-toolbar{display:flex;justify-content:flex-end;margin-bottom:10px}.flow-asset-picker-list{max-height:320px;overflow-y:auto;margin-top:10px;display:flex;flex-direction:column;gap:4px}.flow-asset-picker-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border:1px solid transparent;border-radius:8px;background:transparent;color:inherit;cursor:pointer;text-align:left}.flow-asset-picker-item:hover{background:#ffffff0d}.flow-asset-picker-name{flex:1;min-width:0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.flow-assign-list{display:flex;flex-direction:column;gap:4px;max-height:300px;overflow-y:auto;margin:8px 0}.flow-assign-item{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:8px;cursor:pointer;font-size:13px}.flow-assign-item-all{margin-top:4px;margin-bottom:6px;border:1px solid var(--border-color, #2a3942);background:#ffffff08}.flow-assign-item-all.is-partial{border-color:#00a88461}.flow-assign-item:hover{background:#ffffff0d}.flow-assign-all-label{font-weight:600}.flow-assign-role{margin-left:auto;font-size:11px;opacity:.6}.flows-panel .qr-modal-actions{display:flex;justify-content:flex-end;align-items:center;gap:10px;flex-wrap:wrap;margin-top:14px}.flows-panel .qr-modal-actions .btn-primary,.flows-panel .qr-modal-actions .btn-secondary,.flows-panel .qr-modal-actions .btn-danger{width:auto;min-width:132px;flex:0 0 auto;padding:9px 18px;border-radius:999px}.react-flow{direction:ltr}.react-flow__container{position:absolute;width:100%;height:100%;top:0;left:0}.react-flow__pane{z-index:1;cursor:-webkit-grab;cursor:grab}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__viewport{transform-origin:0 0;z-index:2;pointer-events:none}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{pointer-events:none;overflow:visible}.react-flow__edge-path,.react-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{pointer-events:visibleStroke;cursor:pointer}.react-flow__edge.animated path{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;-webkit-animation:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;-webkit-animation:dashdraw .5s linear infinite;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:-webkit-grab;cursor:grab}.react-flow__node.dragging{cursor:-webkit-grabbing;cursor:grabbing}.react-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.react-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:-webkit-grab;cursor:grab}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-bottom{top:auto;left:50%;bottom:-4px;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{top:50%;left:-4px;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{position:absolute;z-index:5;margin:15px}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translate(-50%)}.react-flow__attribution{font-size:10px;background:#ffffff80;padding:2px 3px;margin:0}.react-flow__attribution a{text-decoration:none;color:#999}@-webkit-keyframes dashdraw{0%{stroke-dashoffset:10}}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-input,.react-flow__node-output,.react-flow__node-group{padding:10px;border-radius:3px;width:150px;font-size:12px;color:#222;text-align:center;border-width:1px;border-style:solid;border-color:#1a192b;background-color:#fff}.react-flow__node-default.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover,.react-flow__node-group.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{border:none;background:#fefefe;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:5px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.top,.react-flow__resize-control.bottom{cursor:ns-resize}.react-flow__resize-control.top.left,.react-flow__resize-control.bottom.right{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{width:4px;height:4px;border:1px solid #fff;border-radius:1px;background-color:#3367d9;transform:translate(-50%,-50%)}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.top.left,.react-flow__resize-control.handle.bottom.left{left:0}.react-flow__resize-control.handle.top.right,.react-flow__resize-control.handle.bottom.right{left:100%}.react-flow__resize-control.line{border-color:#3367d9;border-width:0;border-style:solid}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{width:1px;transform:translate(-50%);top:0;height:100%}.react-flow__resize-control.line.left{left:0;border-left-width:1px}.react-flow__resize-control.line.right{left:100%;border-right-width:1px}.react-flow__resize-control.line.top,.react-flow__resize-control.line.bottom{height:1px;transform:translateY(-50%);left:0;width:100%}.react-flow__resize-control.line.top{top:0;border-top-width:1px}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}.autoflow-panel{max-width:100%}.autoflow-listview{display:flex;flex-direction:column;gap:16px}.autoflow-listview-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.autoflow-listview-head .btn-pill{width:auto;flex:0 0 auto;white-space:nowrap}.autoflow-listview-head .autoflow-list-title{margin-bottom:0;white-space:nowrap}.autoflow-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.autoflow-card{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.autoflow-card:hover{border-color:#00a88473;background:#00a8840f}.autoflow-card .autoflow-list-name{font-size:15px;font-weight:700}.autoflow-canvas-shell{display:block;min-height:74vh}.autoflow-back{align-self:center}.autoflow-inspector-overlay{position:absolute;top:12px;left:12px;bottom:12px;z-index:25;width:320px;max-width:calc(100% - 24px);display:flex;flex-direction:column;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface-2, #16232a);box-shadow:0 16px 40px #00000080;overflow:hidden}.autoflow-inspector-overlay-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;font-weight:700;border-bottom:1px solid var(--border-color)}.autoflow-inspector-overlay-body{flex:1;overflow-y:auto;padding:12px 14px}.autoflow-panel .settings-actions{display:flex;align-items:center;gap:10px}.autoflow-panel .settings-actions .btn-pill{white-space:nowrap;min-height:38px}.autoflow-priority-field{display:inline-flex;flex-direction:column;gap:2px}.autoflow-field-label{font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);padding-left:2px}.autoflow-list,.autoflow-toolbar,.autoflow-canvas,.autoflow-inspector,.autoflow-panel-block{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:10px}.autoflow-list{padding:12px}.autoflow-list-title,.autoflow-panel-title{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin-bottom:10px}.autoflow-panel-title-row,.autoflow-execution-header,.autoflow-history-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.autoflow-list-items,.autoflow-trigger-list,.autoflow-event-list,.autoflow-history-list,.autoflow-issues{display:flex;flex-direction:column;gap:8px}.autoflow-list-item{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);cursor:pointer}.autoflow-list-item:hover,.autoflow-list-item.is-selected,.autoflow-history-item:hover{border-color:#00a88473;background:#00a88414}.autoflow-list-name{font-size:13px;font-weight:600;text-align:left}.autoflow-badge,.autoflow-history-status{padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase}.autoflow-badge.status-draft{background:#8696a02e;color:#8696a0}.autoflow-badge.status-active,.autoflow-history-status.status-running,.autoflow-history-status.status-waiting_input{background:#00a88429;color:#00a884}.autoflow-badge.status-inactive,.autoflow-history-status.status-completed{background:#ffb86b24;color:#ffb86b}.autoflow-badge.status-archived,.autoflow-history-status.status-failed,.autoflow-history-status.status-cancelled{background:#f15b5b24;color:#f15b5b}.autoflow-history-status.status-handed_off{background:#7fbaff29;color:#7fbaff}.autoflow-workspace{display:flex;flex-direction:column;gap:12px;min-width:0}.autoflow-toolbar{display:flex;align-items:center;flex-wrap:nowrap;gap:12px;padding:0;margin:0 0 10px;background:transparent;border:none;border-radius:0}.autoflow-toolbar .input{min-height:34px;padding-top:6px;padding-bottom:6px}.autoflow-toolbar .btn-pill,.autoflow-toolbar .btn-icon{min-height:34px}.autoflow-inspector-overlay-body .autoflow-panel-block{background:transparent;border:none;border-radius:0;padding:0}.autoflow-meta{display:flex;flex:0 1 auto;min-width:0}.autoflow-trigger-row{display:flex;align-items:center;gap:6px;padding:5px 6px;border:1px solid rgba(0,0,0,.08);border-radius:7px;background:#fff}.autoflow-trigger-type{font-size:10px;font-weight:700;text-transform:uppercase;color:#00876a;white-space:nowrap}.autoflow-trigger-input{flex:1;min-width:0;border:none;border-bottom:1px solid rgba(0,0,0,.18);background:transparent;color:#1e2733;font-size:12px;padding:2px;outline:none}.autoflow-trigger-remove{width:auto;min-width:20px;flex:0 0 auto;border:none;background:transparent;color:#9ca3af;cursor:pointer;font-size:15px;line-height:1;padding:0 2px}.autoflow-trigger-remove:hover{color:#ef4444}.autoflow-trigger-add{width:100%;margin-top:6px;padding:7px;border:1px dashed rgba(0,168,132,.5);border-radius:7px;background:transparent;color:#00a884;font-size:12px;font-weight:600;cursor:pointer}.autoflow-trigger-add:hover{background:#00a88414}.autoflow-modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#0000008c}.autoflow-modal{width:min(460px,92%);max-height:86%;overflow-y:auto;padding:20px;border-radius:14px;border:1px solid var(--border-color);background:#11181d;box-shadow:0 24px 60px #00000080}.autoflow-modal-title{font-size:18px;font-weight:700;color:var(--text-primary)}.autoflow-modal-sub{margin:4px 0 14px;font-size:13px;color:var(--text-secondary)}.autoflow-modal-list{display:flex;flex-direction:column;gap:8px}.autoflow-modal-item{display:flex;flex-direction:column;gap:2px;width:100%;text-align:left;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);cursor:pointer}.autoflow-modal-item:hover{border-color:#00a88473;background:#00a88414}.autoflow-modal-item-title{font-size:14px;font-weight:700}.autoflow-modal-item-help{font-size:12px;color:var(--text-secondary)}.autoflow-modal-actions{display:flex;justify-content:flex-end;margin-top:14px}.autoflow-name-input{font-weight:700;width:auto;min-width:140px;max-width:480px;field-sizing:content}.autoflow-priority-input{max-width:100px}.autoflow-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;margin-left:auto}.autoflow-toolbar-actions .btn-pill,.autoflow-toolbar .btn-pill,.autoflow-toolbar .btn-icon{width:auto;white-space:nowrap}.autoflow-save-status{font-size:12px;white-space:nowrap;color:var(--text-secondary, #9aa4b2)}.autoflow-save-status-saving{color:var(--text-secondary, #9aa4b2)}.autoflow-save-status-saved{color:#4ade80}.autoflow-save-status-dirty{color:#fbbf24}.autoflow-save-status-error{color:#f87171}.autoflow-canvas{height:78vh;min-height:520px;position:relative;overflow:hidden;background:#0c0f13}.autoflow-canvas .react-flow{background:#0c0f13}.autoflow-fab-wrap{position:absolute;top:14px;right:14px;z-index:20}.autoflow-fab{display:flex;align-items:center;justify-content:center;width:46px;height:46px;padding:0;border-radius:50%;border:none;background:#2d7ff9;color:#fff;cursor:pointer;box-shadow:0 8px 20px #2d7ff973}.autoflow-fab svg{display:block}.autoflow-fab:hover{background:#1f6fe8}.autoflow-add-menu.autoflow-add-menu-fab{left:auto;right:0}.autoflow-add-menu.autoflow-add-menu-context{top:0;left:0;margin:0}.autoflow-more-wrap{position:relative;display:inline-block}.autoflow-add-menu.autoflow-more-menu{left:auto;right:0;min-width:180px}.autoflow-menu-danger{color:#ff8a8a}.autoflow-menu-danger:hover{background:#ef444424}.autoflow-inspector{padding:12px;display:flex;flex-direction:column;gap:12px}.autoflow-panel-block{padding:12px}.autoflow-trigger-item,.autoflow-test-row{display:grid;grid-template-columns:120px 1fr auto;gap:8px}.autoflow-test-row{grid-template-columns:minmax(0,1fr) auto}.autoflow-remove-trigger{align-self:stretch}.autoflow-checkbox{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;color:var(--text-primary)}.autoflow-ok,.autoflow-execution-meta,.autoflow-event-message,.autoflow-history-phone{font-size:12px;color:var(--text-secondary)}.autoflow-ok{color:var(--primary)}.autoflow-issue-item,.autoflow-event-item,.autoflow-history-item{padding:8px 10px;border:1px solid var(--border-color);border-radius:10px;background:var(--bg-surface-2)}.autoflow-history-item{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;color:var(--text-primary);cursor:pointer}.autoflow-history-title,.autoflow-execution-title{font-size:13px;font-weight:700;color:var(--text-primary)}.autoflow-event-list,.autoflow-history-list{max-height:220px;overflow:auto}.autoflow-event-type{font-size:11px;font-weight:700;color:var(--primary);text-transform:uppercase;margin-bottom:4px}.autoflow-node{--accent: #3b82f6;min-width:210px;max-width:252px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:#f4f5ef;color:#1e2733;box-shadow:0 6px 18px #00000057;overflow:hidden}.autoflow-node.is-selected{box-shadow:0 0 0 2px var(--accent),0 6px 18px #0006}.autoflow-node-head{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;background:color-mix(in srgb,var(--accent) 16%,#f4f5ef);border-bottom:1px solid color-mix(in srgb,var(--accent) 34%,transparent)}.autoflow-node-content{padding:8px 10px 10px}.autoflow-node-kind{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:0;color:#374151}.autoflow-node-icon{font-size:13px;line-height:1}.autoflow-add-menu-wrap{position:relative;display:inline-block}.autoflow-add-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40}.autoflow-add-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:50;min-width:200px;display:flex;flex-direction:column;padding:6px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2, #16232a);box-shadow:0 16px 40px #0000006b}.autoflow-add-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:7px;background:transparent;color:var(--text-primary);font-size:13px;text-align:left;cursor:pointer}.autoflow-add-menu-item:hover{background:#00a88424}.autoflow-add-menu-icon{font-size:15px;line-height:1;width:18px;text-align:center}.autoflow-branch-list{display:flex;flex-direction:column;gap:5px}.autoflow-branch-row{position:relative;display:flex;align-items:center;padding:6px 14px 6px 9px;font-size:11px;color:#1e2733;background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:7px}.autoflow-branch-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.autoflow-branch-handle.react-flow__handle{position:absolute;right:-6px;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--accent);border:2px solid #f4f5ef;transition:transform .12s ease}.autoflow-branch-handle.react-flow__handle:hover{transform:translateY(-50%) scale(1.4)}.autoflow-branch-new-handle.react-flow__handle{width:10px;height:10px;background:#10b981;border:2px solid #f4f5ef;transition:transform .12s ease}.autoflow-branch-new-handle.react-flow__handle:hover{transform:scale(1.4)}.autoflow-node-id{font-size:11px;color:#9ca3af}.autoflow-node-body{font-size:12px;line-height:1.4;color:#374151}.autoflow-node-bubble{font-size:12px;line-height:1.4;color:#1e2733;background:#fff;border:1px solid rgba(0,0,0,.07);border-radius:7px;padding:6px 8px;white-space:pre-wrap;word-break:break-word}.autoflow-node-hint{font-size:11px;color:#6b7280;margin-top:4px}.autoflow-node-options{display:flex;flex-direction:column;gap:5px;margin-top:6px}.autoflow-node-option{font-size:11px;text-align:center;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:7px;padding:5px 6px;background:#fff;font-weight:600}.autoflow-node-trigger{--accent: #00a884}.autoflow-node-message{--accent: #3b82f6}.autoflow-node-buttons{--accent: #f59e0b}.autoflow-node-condition{--accent: #8b5cf6}.autoflow-node-action{--accent: #10b981}.autoflow-node-media{--accent: #14b8a6}.autoflow-node-start_flow{--accent: #d97706}.autoflow-node-handoff{--accent: #ef4444}.autoflow-node-delay{--accent: #6366f1}.autoflow-node-comment{--accent: #6b7280}.react-flow__node{background:transparent;border:0;padding:0;box-shadow:none}.react-flow__node.selected{box-shadow:none}.react-flow__handle{width:10px;height:10px;background:var(--accent, #00a884);border:2px solid #f4f5ef;transition:transform .12s ease;cursor:default}.react-flow__handle:hover{transform:scale(1.4)}.react-flow__handle.connectionindicator{cursor:default}.react-flow__handle-left{top:18px}.react-flow__handle-right{top:auto;bottom:10px;transform:translate(0)}.react-flow__edge-path{stroke:#ffffff47;stroke-width:1.5}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke:var(--primary);stroke-width:2}.react-flow__edge-interaction{cursor:pointer}.react-flow__controls{display:flex;flex-direction:column;gap:8px;box-shadow:none;background:transparent;border:none}.react-flow__controls-button{width:34px;height:34px;border-radius:50%;background:#1b2730;border:1px solid var(--border-color);color:#e5e7eb;box-shadow:0 2px 8px #00000059}.react-flow__controls-button:hover{background:#243440}.react-flow__controls-button svg{fill:#e5e7eb}@media(max-width:1200px){.autoflow-layout,.autoflow-canvas-shell{grid-template-columns:1fr}.autoflow-meta{width:100%}.autoflow-name-input{max-width:none}.autoflow-toolbar{flex-direction:column}.autoflow-toolbar-actions{justify-content:flex-start;margin-left:0}}.calls-page{padding:1.5rem;max-width:980px}.calls-header h2{margin:0 0 .35rem;font-size:1.3rem;font-weight:700;color:var(--text-primary)}.calls-subtitle{margin:0 0 1.5rem;color:var(--text-secondary);font-size:.92rem;max-width:800px}.calls-loading{padding:2rem;color:var(--text-secondary)}.calls-error,.calls-success{border-radius:8px;padding:.7rem 1rem;margin-bottom:1rem;font-size:.9rem}.calls-error{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.calls-success{background:#00a8841a;color:var(--primary-strong, #00a884);border:1px solid rgba(0,168,132,.25)}.calls-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-bottom:1rem}.calls-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;margin-bottom:1rem}.calls-card-title,.calls-section-title{margin:0 0 .3rem;color:var(--text-primary);font-size:1rem;font-weight:600}.calls-section-desc{margin:0;color:var(--text-secondary);font-size:.82rem}.calls-status-list{display:flex;flex-direction:column;gap:.7rem}.calls-status-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:var(--text-primary);font-size:.9rem}.calls-status-row span{color:var(--text-secondary)}.calls-bullets{margin:0;padding-left:1.1rem;color:var(--text-secondary);font-size:.88rem;display:flex;flex-direction:column;gap:.45rem}.calls-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.calls-toggle-label{font-weight:600;font-size:.95rem;color:var(--text-primary);margin-bottom:.2rem}.calls-toggle-desc{font-size:.82rem;color:var(--text-secondary);max-width:620px}.calls-toggle-btn{display:flex;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;font-size:.85rem;color:var(--text-secondary);padding:0;white-space:nowrap}.calls-toggle-btn.enabled{color:var(--primary-strong, #00a884)}.toggle-track{display:inline-block;width:36px;height:20px;border-radius:20px;background:var(--border-strong);position:relative;transition:background .2s}.toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .2s;box-shadow:0 1px 3px #0000004d}.calls-toggle-btn.enabled .toggle-track{background:var(--primary-strong, #00a884)}.calls-toggle-btn.enabled .toggle-thumb{transform:translate(16px)}.calls-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:.9rem}.calls-pill{border-radius:999px;border:1px solid rgba(0,168,132,.25);background:#00a88414;color:var(--primary-strong, #00a884);padding:.3rem .75rem;font-size:.78rem;font-weight:600;white-space:nowrap}.calls-channel-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.calls-channel-item{display:flex;gap:.75rem;border-radius:10px;border:1px solid var(--border-color);padding:.95rem 1rem;cursor:pointer;transition:border-color .15s,background .15s}.calls-channel-item.active{border-color:#00a88459;background:#00a8840f}.calls-channel-item input[type=checkbox],.calls-consent-row input[type=checkbox]{accent-color:var(--primary-strong, #00a884);width:15px;height:15px;margin-top:2px;flex-shrink:0}.calls-channel-title{color:var(--text-primary);font-size:.9rem;font-weight:600;margin-bottom:.15rem}.calls-channel-desc{color:var(--text-secondary);font-size:.8rem}.calls-consent-row{display:flex;gap:.65rem;align-items:center;margin-top:1rem;color:var(--text-primary);font-size:.88rem}.calls-notes{width:100%;min-height:96px;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);padding:.85rem .95rem;resize:vertical;font:inherit}.calls-notes:focus{outline:none;border-color:#00a88473;box-shadow:0 0 0 1px #00a88426}.calls-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.calls-field{display:flex;flex-direction:column;gap:.35rem}.calls-field span{color:var(--text-primary);font-size:.82rem;font-weight:600}.calls-field input,.calls-field select{width:100%;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);padding:.75rem .85rem;font:inherit}.calls-field input:focus,.calls-field select:focus{outline:none;border-color:#00a88473;box-shadow:0 0 0 1px #00a88426}.calls-field--wide{grid-column:1 / -1}.calls-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.calls-presets{display:flex;flex-wrap:wrap;gap:.65rem}.calls-preset-btn,.calls-create-btn{border-radius:999px;font:inherit;font-size:.84rem;font-weight:600;padding:.55rem 1rem;cursor:pointer;transition:transform .15s ease,border-color .15s ease,background .15s ease}.calls-preset-btn{border:1px solid rgba(0,168,132,.28);background:#00a88414;color:var(--primary-strong, #00a884)}.calls-create-btn{border:1px solid transparent;background:var(--primary-strong, #00a884);color:#03231c}.calls-preset-btn:hover,.calls-create-btn:hover{transform:translateY(-1px)}.calls-preset-btn:disabled,.calls-create-btn:disabled{opacity:.6;cursor:default;transform:none}.calls-empty{padding:1rem;border-radius:10px;border:1px dashed var(--border-color);color:var(--text-secondary);font-size:.84rem}.calls-events-list{display:flex;flex-direction:column;gap:.7rem}.calls-event-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-radius:10px;border:1px solid var(--border-color);background:var(--bg-surface-2);padding:.85rem 1rem}.calls-event-name{color:var(--text-primary);font-size:.92rem;font-weight:600;margin-bottom:.2rem}.calls-event-meta{display:flex;flex-wrap:wrap;gap:.45rem;color:var(--text-secondary);font-size:.77rem}.calls-event-side{text-align:right;color:var(--text-secondary);font-size:.78rem;display:flex;flex-direction:column;gap:.18rem}@media(max-width:900px){.calls-page{padding:1rem}.calls-grid,.calls-channel-grid,.calls-form-grid{grid-template-columns:1fr}.calls-toggle-row,.calls-section-head,.calls-event-item,.calls-actions{flex-direction:column;align-items:flex-start}.calls-event-side{text-align:left}}.voice-field{display:flex;flex-direction:column;gap:6px;margin:12px 0;color:var(--text-secondary);font-size:.82rem}.voice-field textarea,.voice-sim-row input{width:auto;display:block;background:var(--bg-surface-2);border:1px solid var(--border-color);color:var(--text-primary);border-radius:8px;padding:8px 10px;font:inherit}.voice-sim-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;align-items:center}.voice-sim-row input{min-width:180px}.voice-table-wrap{overflow-x:auto;margin-top:10px}.voice-table{width:100%;border-collapse:collapse;font-size:.85rem}.voice-table th,.voice-table td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--border-color);color:var(--text-primary)}.voice-table tr{cursor:pointer}.voice-table tr:hover td{background:var(--bg-surface-2)}.voice-transcript{margin-top:12px;padding:10px 12px;background:var(--bg-surface-2);border-radius:8px;color:var(--text-secondary);white-space:pre-wrap;font-size:.82rem}.calls-mini-btn{width:auto;display:inline-flex;align-items:center;border:1px solid var(--border-color);background:var(--bg-surface-2);color:var(--text-primary);border-radius:999px;padding:6px 12px;font-size:.82rem;cursor:pointer}.utility-rail{width:52px;background:var(--bg-surface);border-right:1px solid var(--border-color);display:flex;flex-direction:column;align-items:center;padding:8px 5px;gap:6px;height:100%;transition:width .15s ease;overflow:visible}.utility-rail.expanded{width:200px;align-items:stretch;padding:8px 10px}.utility-rail-top{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:visible;scrollbar-width:none}.utility-rail-top::-webkit-scrollbar{display:none}.utility-rail.expanded .utility-rail-top{align-items:stretch}.utility-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:8px;padding-top:6px;padding-bottom:8px;flex-shrink:0}.utility-rail.expanded .utility-rail-bottom{align-items:stretch}.utility-rail-btn{width:40px;height:40px;border-radius:11px;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;color:var(--text-muted)}.utility-rail.expanded .utility-rail-btn{width:100%;height:40px;justify-content:flex-start;padding:0 10px;gap:12px}.utility-rail-label{font-size:.85rem;font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.utility-rail-btn:hover{background:var(--bg-surface-2);border-color:var(--border-color)}.utility-rail-btn.active{background:var(--primary-soft);border-color:#00a88459}.bug-report-btn:hover{color:#ffb86b;border-color:#ffb86b59;background:#ffb86b14}.utility-rail-divider{width:34px;height:1px;background:var(--border-strong);margin:6px 0}.utility-rail-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px;line-height:1}.utility-rail-icon svg{width:18px;height:18px;color:inherit;flex-shrink:0}.utility-rail-btn[data-tooltip]:after,.utility-rail-avatar-container[data-tooltip]:after{content:attr(data-tooltip);position:fixed;top:var(--tip-y, -9999px);left:var(--tip-x-end, -9999px);transform:translateY(-50%);background:var(--surface-opaque);border:1px solid var(--border-strong);color:var(--text-primary);padding:6px 10px;border-radius:8px;font-size:12px;font-weight:500;line-height:1.2;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s ease,visibility .12s ease;z-index:10050;box-shadow:0 6px 18px #00000059}.utility-rail-btn[data-tooltip]:hover:after,.utility-rail-btn[data-tooltip]:focus-visible:after,.utility-rail-avatar-container[data-tooltip]:hover:after,.utility-rail-avatar-container[data-tooltip]:focus-within:after{opacity:1;visibility:visible}.utility-rail.expanded [data-tooltip]:after{display:none}.utility-rail-collapse-btn .utility-rail-icon svg{transition:transform .15s ease}.utility-rail-collapse-btn .utility-rail-icon.is-expanded svg{transform:rotate(180deg)}.utility-rail-avatar-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;padding-bottom:2px}.utility-rail.expanded .utility-rail-avatar-container{justify-content:flex-start;padding:0 10px;gap:12px}.utility-rail.expanded .utility-rail-avatar-btn{flex-shrink:0}.utility-rail.expanded .utility-rail-profile-menu{left:calc(100% + 4px)}.utility-rail-avatar-btn{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-surface-3);color:var(--text-primary);font-weight:700;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s,border-color .15s;overflow:hidden;padding:0}.utility-rail-avatar-btn.has-image{border-color:transparent}.utility-rail-avatar-btn:hover{background:var(--bg-surface-2);border-color:#00a884}.utility-rail-avatar-btn .avatar-img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block}.utility-rail-avatar-btn .avatar-img[alt]{font-size:0;color:transparent}.utility-rail-profile-menu{position:absolute;bottom:0;left:64px;width:260px;background:var(--bg-elevated);border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:10002;border:1px solid var(--border-strong);display:flex;flex-direction:column;animation:popIn .15s ease-out}@keyframes popIn{0%{opacity:0;transform:scale(.95) translate(-10px)}to{opacity:1;transform:scale(1) translate(0)}}.profile-menu-header{padding:20px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid var(--border-strong);background:var(--bg-surface-2);border-radius:8px 8px 0 0}.profile-menu-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg-surface-3);display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;border:2px solid var(--border-strong)}.profile-menu-avatar img{width:100%;height:100%;object-fit:cover;object-position:center center;display:block;font-size:0;color:transparent}.avatar-placeholder{font-size:2rem;font-weight:700;color:var(--text-primary)}.profile-menu-info{text-align:center}.profile-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.profile-role{font-size:.85rem;color:var(--text-secondary);text-transform:capitalize}.profile-menu-actions{padding:8px 0}.menu-action-btn{width:100%;padding:12px 20px;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-size:.95rem;transition:background .1s}.menu-action-btn:hover:not(:disabled){background:var(--bg-surface-2)}.menu-action-btn:disabled{opacity:.5;cursor:default}.menu-divider{height:1px;background:var(--border-strong);margin:4px 0}.logout-btn{color:#ef4444}.logout-btn:hover{background:#ef44441a!important}@media(max-width:900px){.utility-rail,.utility-rail.expanded{width:100%;flex-direction:row;align-items:center;justify-content:space-between;gap:6px;padding:8px 10px;overflow-x:auto;overflow-y:hidden;border-right:none;border-bottom:1px solid var(--border-color)}.utility-rail.expanded .utility-rail-btn{width:40px;padding:0;justify-content:center}.utility-rail-label,.utility-rail-collapse-btn{display:none}.utility-rail-top{flex-direction:row;overflow-x:auto;overflow-y:hidden;flex:0 1 auto}.utility-rail-bottom{flex-direction:row;margin-left:auto;gap:8px;padding-bottom:0;padding-top:0}.utility-rail-avatar-container{width:auto;margin-top:0;padding-bottom:0}.utility-rail-btn[data-tooltip]:after,.utility-rail-avatar-container[data-tooltip]:after{top:var(--tip-y-bottom, calc(var(--tip-y, 0px) + 26px));left:var(--tip-x, 0px);transform:translate(-50%)}}.app-shell{display:flex;height:100dvh;overflow:hidden;background:var(--bg-app);color:var(--text-primary)}.app-shell-rail{flex:0 0 auto;height:100dvh;overflow:visible;background:var(--bg-surface);border-right:1px solid var(--border-color);position:relative;z-index:10}.app-shell-content{flex:1;min-width:0;display:flex;flex-direction:column;height:100dvh;overflow:hidden;background:var(--bg-app)}.app-shell-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;background:#080f188c;display:flex;align-items:center;justify-content:center;padding:24px}.app-shell-modal{width:min(100%,460px);border-radius:16px;border:1px solid var(--border-color);background:var(--bg-surface-2);box-shadow:0 22px 64px #00000061;padding:22px;display:flex;flex-direction:column;gap:12px}.app-shell-modal-title{font-size:20px;font-weight:700;color:var(--text-primary)}.app-shell-modal-name{font-size:16px;font-weight:700;color:#00a884}.app-shell-modal-copy{color:var(--text-secondary);line-height:1.5}.app-shell-modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.app-shell-modal-btn{min-width:120px;min-height:42px;padding:0 18px;border-radius:10px;border:1px solid #00a884;background:#00a884;color:#fff;font-weight:700;cursor:pointer;transition:background-color .18s ease,border-color .18s ease,opacity .18s ease}.app-shell-modal-btn:hover{background:#008f71;border-color:#008f71}.app-shell-modal-btn:active{background:#007b61;border-color:#007b61}.app-shell-modal-btn--secondary{background:#00a88414;color:#00a884}.app-shell-modal-btn--secondary:hover{background:#00a88424;border-color:#00a884}.bug-report-modal{width:min(100%,520px)}.bug-report-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.bug-report-subtitle{margin-top:4px;color:var(--text-secondary);font-size:14px;line-height:1.4}.bug-report-close{width:32px;min-width:32px;height:32px;min-height:32px;padding:0;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;background:transparent;color:var(--text-muted);font-size:24px;line-height:1;cursor:pointer}.bug-report-close:hover{background:var(--bg-surface-3);border-color:var(--border-color);color:var(--text-primary)}.bug-report-textarea{width:100%;min-height:120px;resize:vertical;border-radius:12px;border:1px solid var(--border-color);background:var(--bg-surface);color:var(--text-primary);padding:12px 14px;font:inherit;line-height:1.45;outline:none}.bug-report-textarea:focus{border-color:#00a884a6;box-shadow:0 0 0 3px #00a8841f}.bug-report-textarea::placeholder{color:var(--text-muted)}.bug-report-attachments{display:flex;flex-direction:column;gap:10px}.bug-report-file-input{display:none}.bug-report-attach-row{display:flex;align-items:center;gap:10px}.bug-report-attach-btn{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 16px;border-radius:999px;border:1px solid rgba(0,168,132,.28);background:#00a8841a;color:var(--text-primary);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.bug-report-attach-btn:hover{background:#00a8842e}.bug-report-attach-btn:disabled{opacity:.5;cursor:not-allowed}.bug-report-record-btn{align-self:flex-start;display:inline-flex;align-items:center;justify-content:center;gap:6px;width:36px;height:36px;padding:0 8px;border-radius:999px;border:1px solid rgba(0,168,132,.28);background:#00a8841a;color:var(--text-primary);cursor:pointer;transition:background .15s,border-color .15s,width .15s}.bug-report-record-btn:hover{background:#00a8842e}.bug-report-record-btn.recording{width:auto;border-color:#ef444480;background:#ef44441f;color:#ff8a8a;animation:bug-report-record-pulse 1.4s ease-in-out infinite}@keyframes bug-report-record-pulse{0%,to{box-shadow:0 0 #ef444459}50%{box-shadow:0 0 0 6px #ef444400}}.bug-report-record-icon{width:18px;height:18px;flex-shrink:0}.bug-report-record-time{font-size:12px;font-variant-numeric:tabular-nums}.bug-report-file-list{display:flex;flex-wrap:wrap;gap:8px}.bug-report-file-chip{max-width:100%;display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid rgba(0,168,132,.28);background:#00a8841a;color:var(--text-primary);padding:6px 8px 6px 10px;font-size:13px}.bug-report-file-chip button{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px;padding:0;border-radius:50%;border:none;background:#ffffff14;color:var(--text-secondary);cursor:pointer;line-height:1;font-size:14px}.bug-report-file-chip button:hover{background:#ef44442e;color:#ff8a8a}.bug-report-status{border-radius:10px;padding:10px 12px;font-size:14px;line-height:1.35}.bug-report-status.success{border:1px solid rgba(0,168,132,.35);background:#00a8841f;color:#7ee7d0}.bug-report-status.error{border:1px solid rgba(239,68,68,.35);background:#ef44441f;color:#ff9a9a}@media(max-width:900px){.app-shell{flex-direction:column}body.mobile-conversation-open .app-shell-rail{display:none}.app-shell-rail{width:100%;height:auto;position:sticky;top:0;z-index:40;border-right:none;border-bottom:1px solid var(--border-color)}.app-shell-content{height:calc(100dvh - 64px)}body.mobile-conversation-open .app-shell-content{height:100dvh}.app-shell-modal-overlay{padding:16px}}.invite-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:1rem}.invite-card{background:#fff;padding:2rem 2.5rem;border-radius:12px;box-shadow:0 8px 32px #0000002e;width:100%;max-width:420px;display:flex;flex-direction:column;gap:.75rem}.invite-logo{font-size:2.5rem;text-align:center;margin-bottom:.25rem}.invite-title{color:#1a1a2e;font-size:1.5rem;font-weight:700;margin:0;text-align:center}.invite-subtitle{color:#555;font-size:.9rem;margin:0;text-align:center;line-height:1.5}.invite-msg{color:#888;text-align:center;margin:1rem 0}.invite-form{display:flex;flex-direction:column;gap:.85rem;margin-top:.5rem}.invite-field{display:flex;flex-direction:column;gap:.3rem}.invite-field label{font-size:.8rem;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:.04em}.invite-optional{font-weight:400;text-transform:none;color:#999}.invite-field input{width:100%;padding:.65rem .85rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;color:#222;background:#fafafa;box-sizing:border-box;transition:border-color .15s}.invite-field input:focus{outline:none;border-color:#667eea;background:#fff}.invite-field input:disabled{opacity:.6}.invite-error{background:#fff0f0;color:#c0392b;border:1px solid #f9c7c7;border-radius:6px;padding:.6rem .85rem;font-size:.875rem}.invite-btn{width:100%;padding:.75rem;background:#667eea;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s;margin-top:.25rem}.invite-btn:hover:not(:disabled){background:#5568d3}.invite-btn:disabled{opacity:.6;cursor:not-allowed}.invite-footer{font-size:.85rem;color:#888;text-align:center;margin-top:.25rem}.invite-link{color:#667eea;text-decoration:none;font-weight:600}.invite-link:hover{text-decoration:underline}.App{width:100%;min-height:100vh;background:var(--bg-app);color:var(--text-primary)}:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .08);--shadow-md: 0 10px 30px rgba(0, 0, 0, .18);--transition-fast: .16s ease;--rail-width: 56px}:root,html[data-theme=dark]{--bg-app: #0b141a;--bg-surface: #111b21;--bg-surface-2: #202c33;--bg-surface-3: #1f2a30;--bg-elevated: #233138;--bg-input: #2a3942;--bg-overlay: rgba(11, 20, 26, .78);--text-primary: #e9edef;--text-secondary: #8696a0;--text-muted: #9fb0b7;--border-color: #1f2a30;--border-strong: #2a3942;--primary: #00a884;--primary-strong: #00e5c0;--primary-soft: rgba(0, 168, 132, .12);--primary-hover: #06d6a0;--accent: #53bdeb;--danger: #f15b5b;--warning: #ffb366;--surface-opaque: rgba(17, 27, 33, .95);--note-bg: #182923;--note-border: #365247;--note-text: #d7ebe2;--note-meta: #8ea79c;--note-meta-strong: #b7d0c5;--note-label-bg: #21362e;--note-label-text: #cfe6db;--note-author-bg: #1f332b;--note-author-text: #9fd3ba;--note-author-border: #4f7f6b}html[data-theme=light]{--bg-app: #edf3f6;--bg-surface: #ffffff;--bg-surface-2: #f6f8fa;--bg-surface-3: #e7edf2;--bg-elevated: #ffffff;--bg-input: #f1f5f9;--bg-overlay: rgba(8, 15, 20, .36);--text-primary: #10212b;--text-secondary: #5f7180;--text-muted: #6b7b88;--border-color: #d8e0e6;--border-strong: #c8d3db;--primary: #0f9d7a;--primary-strong: #0a7f64;--primary-soft: rgba(15, 157, 122, .12);--primary-hover: #19b38c;--accent: #1760ff;--danger: #d93d3d;--warning: #b86f1e;--surface-opaque: rgba(255, 255, 255, .94);--note-bg: #eef7f2;--note-border: #b8d2c7;--note-text: #234236;--note-meta: #5f7f72;--note-meta-strong: #35584a;--note-label-bg: #dceee5;--note-label-text: #2f5a49;--note-author-bg: #cfe5da;--note-author-text: #284d3e;--note-author-border: #7ea894}*{margin:0;padding:0;box-sizing:border-box}html{height:100%;overflow:hidden;background:var(--bg-app);color-scheme:dark}html[data-theme=light]{color-scheme:light}body{height:100%;overflow:hidden;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-app);color:var(--text-primary)}button,input,textarea,select{font:inherit}button,a{color:inherit}#root{width:100%;height:100%;overflow:hidden;background:var(--bg-app)}::selection{background:#00a88438;color:var(--text-primary)}