.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;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:#0b141a;min-height:100vh;color:#e9edef}.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:#00a884;color:#fff;font-weight:700;font-size:.85rem;min-width:28px}.filters-container{background:transparent;border:none;border-radius:0;padding:0;margin:.25rem 0 .45rem;display:flex;flex-direction:row;align-items:center;width:100%;max-width:100%;overflow:hidden;box-sizing:border-box}.filters-row{display:flex;flex-direction:row;align-items:center;gap:6px;flex-wrap:nowrap;width:100%;max-width:100%;padding-right:0;overflow:hidden}.filters-row::-webkit-scrollbar{display:none}.filter-chip{background:#202c33;border:1px solid #263640;color:#d1d7db;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:6px 12px;min-height:30px;cursor:pointer;font-size:.65rem;transition:color .15s,background .15s,border-color .15s;text-align:left;white-space:nowrap;border-radius:999px;margin:0;box-shadow:none;flex:1 1 0;min-width:0}.filter-chip:last-child{margin-right:6px}.filter-chip:hover{color:#e9edef;background:#24323b;border-color:#2b3b45}.filter-chip.active{color:#f1f5f6;font-weight:700;background:#24323b;border-color:#00a88466;box-shadow:inset 0 -2px #00a88466}.filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:999px;background:#00a884;color:#fff;font-weight:700;font-size:.68rem;line-height:1}.header-title-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem}.conversation-list-header h1{color:#e9edef;margin:0;font-size:1.3rem}.header-actions{display:flex;gap:.6rem;align-items:center}.logged-user-badge{padding:.4rem .8rem;background:#000;border-radius:6px;font-size:.8rem;color:#ff9500;font-weight:600;white-space:nowrap;border:1px solid #ff9500}.settings-header-btn{background:transparent;border:1px solid #374850;color:#8696a0;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:#182229;border-color:#00a884;color:#00a884}.search-bar{margin-bottom:.8rem}.search-input{width:100%;padding:10px 14px;min-height:36px;border-radius:999px;border:1px solid #374850;background:#2a3942;color:#e9edef;font-size:.9rem;transition:all .2s}.search-input:focus{outline:none;border-color:#00a884;box-shadow:0 0 0 2px #00a8841a}.search-input::placeholder{color:#8696a0}.status-filter-bar{display:flex;background:#202c33;border-bottom:2px solid #1f2a30;margin-bottom:0}.status-tab{flex:1;padding:.75rem 1rem;border:none;background:transparent;color:#8696a0;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .15s;border-bottom:3px solid transparent;position:relative}.status-tab:hover{background:#00a8840d;color:#e9edef}.status-tab.active{color:#00a884;font-weight:600;border-bottom-color:#00a884;background:#00a88414}.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;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000040}.conversation-item{background:#202c33;padding:.65rem .9rem;border-bottom:1px solid #1f2a30;cursor:pointer;transition:background .15s,border-left .15s;display:flex;justify-content:space-between;align-items:center;border-left:3px solid transparent;min-height:78px}.conversation-item:last-child{border-bottom:none}.conversation-item:hover{background:#2a3942;border-left-color:#00a884}.conversation-item.selected{background:#26343d;border-left-color:#00a884;box-shadow:inset 0 0 0 1px #00a88426}.conversation-item.unread{background:#1a2a33;border-left-color:#667eea}.conversation-info{flex:1;min-width:0;overflow:hidden}.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}.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}.conversation-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.15rem;min-width:120px;max-width:150px;flex:0 0 140px}.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}.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;-webkit-user-select:none;user-select: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}.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.modal-content-small{min-width:360px;max-width:420px}.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-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}.message-view-container{width:100%;max-width:none;margin:0;height:100vh;display:flex;flex-direction:column;background:#0b141a;color:#e9edef;border-radius:0}.conversation-header-info.editable-name{cursor:pointer}.conversation-header-info.editable-name:hover .conversation-title{text-decoration:underline dotted}.message-view-header{background:#202c33;padding:.6rem 1rem;box-shadow:0 2px 6px #00000040;display:flex;align-items:flex-start;gap:.7rem;border-bottom:1px solid #1f2a30;width:100%;border-radius:0}.back-btn{background:none;border:none;color:#53bdeb;cursor:pointer;font-size:.9rem;padding:.3rem}.back-btn:hover{text-decoration:underline}.conversation-name-block{display:flex;flex-direction:column;gap:.1rem}.conversation-title{font-weight:600;color:#e9edef;font-size:.98rem;display:flex;align-items:center;gap:.6rem}.conversation-subtitle{color:#8696a0;font-size:.82rem;line-height:1.2}.agent-info-row{font-size:.75rem;color:#8696a0;margin-top:.15rem}.typing-indicator{font-size:.8rem;color:#00a884;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:1rem;align-items:center;flex:1;flex-wrap:wrap}.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-actions button{padding:.35rem .6rem;border-radius:5px;border:1px solid #1f2a30;background:#2a3942;color:#e9edef;cursor:pointer;transition:all .2s;font-size:.85rem}.conversation-actions button:hover:not(:disabled){background:#374850}.conversation-actions button:disabled{opacity:.5;cursor:not-allowed}.agent-dropdown-btn,.header-action-btn{padding:.35rem .7rem;border-radius:5px;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}.agent-dropdown-btn{border:1px solid #00a884;background:#005c4b}.agent-dropdown-btn:hover:not(:disabled){background:#006b58;box-shadow:0 2px 8px #00a8844d}.agent-dropdown-btn:disabled{opacity:.5;cursor:not-allowed;border-color:#3a4a54;background:#1f2a30;color:#8696a0}.header-action-btn{border:1px solid #1f2a30;background:#2a3942}.header-action-btn:disabled{opacity:.5;cursor:not-allowed;background:#374850;border-color:#374850;color:#8696a0}.edit-name-btn{background:#1f2a30;border:1px solid #3a4a54}.edit-name-btn:hover{background:#2a3942;border-color:#53bdeb}.agent-dropdown-menu{position:fixed;min-width:180px;background:#2a3942;border:1px solid #374850;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1400;overflow:hidden}.agent-dropdown-section-label{padding:.45rem 1rem .25rem;color:#9aa5ab;font-size:.78rem;font-weight:600;-webkit-user-select:none;user-select:none}.agent-dropdown-divider{height:1px;background:#1f2a30;margin:.35rem 0}.agent-dropdown-current{padding:.6rem 1rem;background:#1f2a30;color:#8696a0;font-size:.85rem;font-weight:500;border-bottom:2px solid #374850}.agent-dropdown-item{padding:.7rem 1rem;color:#e9edef;cursor:pointer;transition:background .15s;border-bottom:1px solid #1f2a30}.agent-dropdown-item:last-child{border-bottom:none}.agent-dropdown-item:hover{background:#374850}.agent-dropdown-item.active{background:#005c4b;font-weight:600;color:#00a884}.agent-dropdown-item.chat-action{border-bottom:none;margin-top:.1rem}.agent-dropdown-item.chat-action.close{color:#f08c82}.agent-dropdown-item.chat-action.close:hover{background:#ef444424}.agent-dropdown-item.chat-action.reopen{color:#00b39f;font-weight:600}.agent-dropdown-item.chat-action.reopen:hover{background:#00a88426}.agent-dropdown-item.disabled{opacity:.55;cursor:not-allowed}.agent-dropdown-item.disabled:hover{background:transparent}.bot-dropdown-btn{padding:.4rem .8rem;background:#202c33;color:#e9edef;border:1px solid #263640;border-radius:10px;cursor:pointer;font-size:.86rem;font-weight:600;transition:background .15s,border-color .15s,color .15s}.bot-dropdown-btn:hover{background:#24323b;border-color:#2b3b45}.bot-dropdown-menu{position:fixed;min-width:220px;background:#202c33;border:1px solid #263640;border-radius:12px;box-shadow:0 12px 28px #00000059;z-index:1000;overflow:hidden}.bot-dropdown-header{padding:.6rem 1rem;background:#1a242b;color:#c0c7cb;font-size:.84rem;font-weight:600;border-bottom:1px solid #263640}.bot-dropdown-label{padding:.45rem 1rem .2rem;color:#9aa5ab;font-size:.78rem;font-weight:600;text-transform:none}.bot-dropdown-item{padding:.6rem 1rem;color:#e9edef;cursor:pointer;transition:background .12s,color .12s;border-bottom:1px solid #1f2a30;font-size:.86rem}.bot-dropdown-item:last-child{border-bottom:none}.bot-dropdown-item:hover{background:#24323b}.bot-dropdown-item.resume{background:#00a88414;color:#00b39f;font-weight:700}.bot-dropdown-item.resume:hover{background:#00a88426}.bot-dropdown-item.indefinite{background:#ef444414;color:#f08c82}.bot-dropdown-item.indefinite:hover{background:#ef444424}.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-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-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{padding:.15rem .5rem;border-radius:50%;font-size:.75rem;font-weight:600;text-transform:capitalize;color:#fff}.state-pill.open{background-color:#22c55e}.state-pill.closed{background-color:#f97316}.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:#1f2a30;border:1px solid #374850;border-radius:12px;padding:4px 8px;font-size:13px;font-weight:400;color:#e9edef;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:#2a3942;color:#8696a0;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:#202c33;border-radius:8px;padding:1.5rem;min-width:400px;max-width:500px;box-shadow:0 4px 20px #0006}.modal-content h3{color:#e9edef;margin:0 0 1rem;font-size:1.1rem;font-weight:600}.modal-subtitle{color:#8696a0;font-size:.85rem;margin:-.5rem 0 1rem;font-style:italic}.modal-body{margin-bottom:1.5rem}.modal-body label{display:block;color:#8696a0;font-size:.85rem;margin-bottom:.5rem;font-weight:500}.modal-body input{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{outline:none;border-color:#00a884}.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:#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}.image-preview-container{padding:1rem 1.6rem;background:#202c33;border-top:1px solid #1f2a30}.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:#1f2a30;color:#e9edef;border:1px solid #2f3c44;border-radius:6px;padding:.4rem .75rem;cursor:pointer}.preview-edit-btn:hover{background:#2a3942}.hd-toggle{display:inline-flex;align-items:center;gap:.35rem;color:#c2c8cc;font-size:.9rem}.hd-toggle input{accent-color:#00a884}.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:#0b141a;border:1px solid #1f2a30;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:#e9edef;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;flex:1;overflow-y:auto;padding:1.6rem;background-color:#0b141a}.loading{text-align:center;padding:2rem;color:#666}.empty-state{text-align:center;padding:3rem;color:#999;font-size:1.1rem}.message{margin-bottom:1rem;display:flex;padding:0 .4rem}.message.inbound{justify-content:flex-start}.message.outbound{justify-content:flex-end}.message-content{max-width:70%;padding:.55rem .75rem .3rem;border-radius:12px;word-wrap:break-word;display:flex;flex-direction:column;gap:.25rem;position:relative}.message.inbound .message-content{background-color:#202c33;color:#e9edef;border-bottom-left-radius:4px}.message.outbound .message-content{background-color:#005c4b;color:#e9edef;border-bottom-right-radius:4px}.message-text{margin-bottom:.3rem;line-height:1.5}.message-time{font-size:.7rem;color:#8696a0;font-weight:500;margin-top:.3rem}.message-time-row{display:flex;align-items:center;gap:6px}.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}.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}.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}.composer{display:flex;align-items:center;gap:.4rem;padding:.25rem .55rem;background:#202c33;border-top:1px solid #1f2a30}.composer-left{display:flex;flex-direction:column;flex:1;gap:.18rem;min-width:0}.composer-bar{display:flex;align-items:center;gap:.4rem;width:100%}.composer-icons{display:flex;gap:.4rem;align-items:center}.composer-note-bar{align-items:center}.composer-note-inner{display:flex;flex:1;gap:.5rem;min-width:0;align-items:center}.composer-note-icons{display:flex;align-items:center;flex-shrink:0}.composer-panel.nota .composer-input-wrapper{flex:1;min-width:0}.composer-panel.nota .note-textarea{width:100%;min-width:0}.composer-panel.nota .note-recorder{display:flex;align-items:center}.composer-panel.nota .note-recording-bar{display:flex;align-items:center;gap:8px}.composer-input-wrapper{flex:1;display:flex;flex-direction:column;gap:.15rem;min-width:0;position:relative}.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;font-size:1.5rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;transition:opacity .2s;padding:0;color:#8696a0;flex-shrink: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}}.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}.quoted-block{border-left:3px solid rgba(255,255,255,.25);padding-left:8px;margin:4px 0 8px;opacity:.9;background:#ffffff0d;border-radius:6px;padding-top:4px;padding-bottom:4px;cursor:pointer}.quoted-block:hover{background:#ffffff14}.quoted-snippet{font-size:.85rem;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch}.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{border-left:3px solid rgba(255,255,255,.35);padding-left:8px;margin:4px 0 6px;opacity:.9}.quoted-sender{font-weight:600;font-size:.85rem;color:#ffffffe6}.quoted-snippet{font-size:.85rem;color:#ffffffbf;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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:34px;height:34px;padding:0;border-radius:50%;border:none;background:#53bdeb;color:#0b141a;cursor:pointer;font-size:1.1rem;display:flex;align-items:center;justify-content:center;transition:opacity .2s,background .2s}.send-btn:hover:not(:disabled){background:#5ec7f5}.send-btn:disabled{opacity:.5;cursor:not-allowed}.send-btn-note{background:#d8e4ff;color:#1f3a5f}.send-btn-note:hover:not(:disabled){background:#c7d7fb}.send-btn-note:disabled{opacity:.6}.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-note-bar{align-items:flex-end}.composer-panel.nota .composer-note-inner{width:100%;align-items:flex-end}.composer-panel.nota .icon-audio,.composer-panel.nota .send-btn-note{align-self:flex-end}.internal-note{background:#1c252c;border:1px solid #2a3942;padding:10px 12px;margin:.5rem .8rem;border-radius:8px;font-size:.85rem}.note-header{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;color:#9fb0b7}.note-icon{font-size:1rem}.note-label{font-weight:700;color:#e9edef;font-size:.75rem;padding:2px 8px;border-radius:999px;border:1px solid #2f3b44;background:#1a232a}.note-author{font-weight:600;background:#000;color:#ff9500;padding:.15rem .4rem;border-radius:3px;border:1px solid #ff9500}.note-time{margin-left:auto;color:#667781;font-size:.75rem}.note-body{color:#e9edef;line-height:1.4;white-space:pre-wrap;word-break:break-word}.note-audio-meta{display:flex;flex-direction:column;gap:4px;margin-bottom:8px;font-size:.82rem;color:#9fb0b7}.note-meta-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.note-meta-label{font-weight:600;color:#c2c8cc}.note-meta-value,.note-meta-time,.note-listener-name,.note-listener-time{color:#e9edef}.note-meta-sep,.note-meta-gap{color:#6f7f88}.note-meta-empty{color:#6f7f88;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{background:#1c252c;border:1px solid #2a3942}.system-event{display:flex;align-items:center;gap:10px;padding:8px 12px;margin:.25rem .8rem;border-radius:8px;background:#0f1a1f;border:1px solid #1f2a30;color:#c2c8cc;font-size:.88rem}.system-event-icon{font-size:16px;opacity:.8}.system-event-body{display:flex;flex-direction:column;gap:2px}.system-event-text{line-height:1.3}.system-event-time{font-size:.78rem;color:#8aa0aa}.reply-to-me-badge{display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:#bde5ff;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:2px 6px;gap:4px;margin-bottom:4px;width:fit-content}.audio-bubble{display:flex;flex-direction:column;gap:6px}.audio-bubble.audio-client-sent{background:#015c4b;border:1px solid rgba(0,168,132,.35);border-radius:10px;padding:8px 10px}.audio-bubble.audio-client-received{background:#1f2c33;border:1px solid #2d3c45;border-radius:10px;padding:8px 10px}.audio-bubble.audio-internal{background:#2c2720;border:1px solid #3d3428;border-radius:10px;padding:8px 10px}.audio-message{display:flex;flex-direction:column;gap:8px;background:#0000001a;padding:8px;border-radius:8px}.audio-transcript{display:flex;flex-direction:column;gap:6px;padding:4px 8px}.audio-transcript-badge{display:inline-flex;align-items:center;gap:6px;height:20px;padding:0 10px;border-radius:999px;font-size:11px;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:13.5px;line-height:1.4;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:8px;align-items:center;flex-wrap:wrap;font-size:12px}.audio-bubble .audio-label{background:#243039;color:#8ab4c2;border:1px solid #30414d;padding:2px 8px;border-radius:999px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.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:#7a8a93;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:.75rem 1rem 1rem;background:#0b141af2;border-top:1px solid #1f2a30;display:flex;flex-direction:column;gap:.75rem;align-items:center}.media-caption-wrapper{width:100%;max-width:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem}.media-caption-textarea{width:100%;max-width:min(800px,100%);background:#1f2a30;border:1px solid #2a3942;border-radius:8px;color:#e9edef;padding:.6rem .8rem;font-family:inherit;font-size:.95rem;line-height:1.4;min-height:42px;max-height:100px}.media-caption-textarea::placeholder{color:#8696a0}.media-caption-textarea:focus{outline:none;border-color:#00a884}.media-thumbs-row{display:flex;gap:8px;align-items:center;justify-content:center;overflow-x:auto;max-width: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:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.audio-bubble .audio-play{width:38px;height:38px;border-radius:50%;border:1px solid #2a3942;background:#22303a;color:#e9edef;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.audio-bubble .audio-play:hover{background:#2a3942}.audio-bubble .audio-play:disabled{opacity:.5;cursor:not-allowed}.audio-bubble .audio-track{position:relative;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center}.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;gap:2px;width:100%;height:28px;padding:4px 0}.audio-bubble .audio-wave .audio-bar{width:4px;border-radius:2px;background:#2e414d}.audio-bubble .audio-wave.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;gap:2px;overflow:hidden;pointer-events:none;background:transparent}.audio-bubble.audio-client-sent .audio-wave.overlay .audio-bar{background:#00c3a1}.audio-bubble.audio-client-received .audio-wave.overlay .audio-bar{background:#00a884}.audio-bubble.audio-internal .audio-wave.overlay .audio-bar{background:#71c9ff}.audio-bubble .audio-duration{color:#c2d1d8;font-variant-numeric:tabular-nums;font-size:13px}.audio-bubble .audio-error{color:#ff6b6b;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{background:#1a232a;border:1px solid #2a3942;color:#e9edef;width:40px;height:40px;border-radius:10px;cursor:pointer;font-size:18px;display:inline-flex;align-items:center;justify-content:center;padding:0}.note-mic-btn:hover{background:#22303a}.note-mic-btn:disabled{opacity:.6;cursor:not-allowed}.note-recording-bar{display:inline-flex;align-items:center;gap:10px;background:#1a232a;border:1px solid #27343d;border-radius:10px;padding:8px 12px;min-height:36px;width:fit-content}.note-recording-bar.sending{opacity:.8}.recording-dot{width:10px;height:10px;border-radius:50%;background:#ff4d4d;box-shadow:0 0 6px #ff4d4d}.recording-time{color:#e9edef;font-variant-numeric:tabular-nums;font-size:13px}.recording-action{background:transparent;border:1px solid #2a3942;color:#e9edef;border-radius:6px;padding:4px 8px;cursor:pointer}.recording-action.stop{border-color:#2bb673;color:#2bb673}.recording-action.cancel{border-color:#d9534f;color:#d9534f}.recording-action:disabled{opacity:.5;cursor:not-allowed}.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}.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}.chat-shell{display:flex;min-height:100vh;background:#0b141a;color:#e9edef}.chat-list-panel{width:clamp(280px,30vw,380px);min-width:280px;max-width:420px;border-right:1px solid #1f2a30}.chat-detail-panel{flex:1;display:flex;flex-direction:column;min-width:0}.chat-placeholder{flex:1;display:flex;align-items:center;justify-content:center;color:#94a3b8;font-size:1rem;background:#111b21}.settings-layout{width:100vw;height:100vh;display:flex;flex-direction:column;background:#0b141a;color:#e9edef;overflow:hidden}.settings-header{height:60px;background:#202c33;border-bottom:1px solid #2a3942;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}.back-to-chat-btn{background:transparent;border:1px solid #374850;color:#00a884;padding:8px 16px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.back-to-chat-btn:hover{background:#182229;border-color:#00a884}.settings-header h1{font-size:20px;font-weight:600;margin:0;color:#e9edef}.settings-header-right{display:flex;align-items:center;gap:12px}.current-user{font-size:14px;color:#8696a0;background:#1f2a30;padding:6px 12px;border-radius:12px;border:1px solid #374850}.settings-content{flex:1;display:flex;min-height:0;overflow:hidden}.settings-sidebar{width:260px;background:#111b21;border-right:1px solid #2a3942;flex-shrink:0;overflow-y:auto}.settings-nav{padding:12px 8px;display:flex;flex-direction:column;gap:4px}.settings-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;text-decoration:none;color:#e9edef;font-size:14px;font-weight:500;transition:all .15s;cursor:pointer}.settings-nav-item:hover{background:#182229}.settings-nav-item.active{background:#2a3942;color:#00a884}.settings-nav-icon{font-size:18px;width:20px;text-align:center}.settings-nav-label{flex:1}.settings-main{flex:1;background:#0b141a;overflow-y:auto;padding:24px 32px}.settings-sidebar::-webkit-scrollbar,.settings-main::-webkit-scrollbar{width:6px}.settings-sidebar::-webkit-scrollbar-track,.settings-main::-webkit-scrollbar-track{background:transparent}.settings-sidebar::-webkit-scrollbar-thumb,.settings-main::-webkit-scrollbar-thumb{background:#374850;border-radius:3px}.settings-sidebar::-webkit-scrollbar-thumb:hover,.settings-main::-webkit-scrollbar-thumb:hover{background:#3e5360}@media (max-width: 768px){.settings-sidebar{width:200px}.settings-main{padding:16px 20px}.back-to-chat-btn{font-size:13px;padding:6px 12px}.settings-header h1{font-size:18px}}.color-picker-visual{display:flex;flex-direction:column;gap:1rem;width:100%}.color-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.5rem;padding:.5rem;background:#ffffff0d;border-radius:8px;max-width:100%}.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.15);border-color:#ffffff80;box-shadow:0 0 8px #ffffff4d}.color-dot.selected{border-color:#fff;border-width:3px;box-shadow:0 0 12px #ffffff80;transform:scale(1.1)}.color-dot-check{color:#fff;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:#1f2c33;color:#e9edef;padding:.4rem .8rem;border-radius:6px;font-size:12px;white-space:nowrap;pointer-events:none;box-shadow:0 2px 8px #0000004d;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:#1f2c33}.color-picker-selected{display:flex;align-items:center;gap:.75rem;padding:.75rem;background:#ffffff0d;border-radius:6px}.color-preview-circle{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0}.color-selected-label{color:#8696a0;font-size:13px}@media (max-width: 768px){.color-grid{grid-template-columns:repeat(5,1fr)}.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 #2a3942}.tags-header h2{font-size:24px;font-weight:600;margin:0 0 4px;color:#e9edef}.tags-subtitle{font-size:14px;color:#8696a0;margin:0}.btn-create-tag,.btn-create-tag-primary{background:#00a884;color:#111b21;border:none;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-create-tag:hover,.btn-create-tag-primary:hover{background:#06d6a0}.tags-empty-state{text-align:center;padding:60px 20px;background:#111b21;border-radius:12px;border:1px solid #2a3942}.empty-icon{font-size:64px;display:block;margin-bottom:16px;opacity:.5}.tags-empty-state h3{font-size:18px;font-weight:600;margin:0 0 8px;color:#e9edef}.tags-empty-state p{font-size:14px;color:#8696a0;margin:0 0 24px}.tags-loading-state{text-align:center;padding:40px;color:#8696a0;font-size:14px}.tags-table-container{background:#111b21;border-radius:12px;border:1px solid #2a3942;overflow:hidden}.tags-table{width:100%;border-collapse:collapse}.tags-table thead{background:#182229;border-bottom:1px solid #2a3942}.tags-table th{text-align:left;padding:12px 16px;font-size:13px;font-weight:600;color:#8696a0;text-transform:uppercase;letter-spacing:.5px}.tags-table tbody tr{border-bottom:1px solid #1f2a30;transition:background .15s}.tags-table tbody tr:last-child{border-bottom:none}.tags-table tbody tr:hover{background:#182229}.tags-table td{padding:14px 16px;font-size:14px;color:#e9edef}.tag-color-preview{width:20px;height:20px;border-radius:50%;display:inline-block;border:2px solid #374850}.tag-name-cell{font-weight:500}.tag-color-hex{font-family:Courier New,monospace;font-size:13px;color:#8696a0;background:#1f2a30;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 rgba(255,255,255,.3);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:#0b141ad9;display:flex;align-items:center;justify-content:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#202c33;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 #2a3942}.modal-header h3{font-size:18px;font-weight:600;margin:0;color:#e9edef}.modal-close-btn{background:transparent;border:none;color:#8696a0;cursor:pointer;font-size:20px;padding:4px;line-height:1;transition:color .15s}.modal-close-btn:hover{color:#e9edef}.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:#8696a0;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.form-input{width:100%;background:#111b21;border:1px solid #374850;border-radius:8px;padding:12px 14px;color:#e9edef;font-size:14px;outline:none;transition:all .2s;box-sizing:border-box}.form-input:focus{border-color:#00a884;background:#0b141a}.form-input::placeholder{color:#5a6d78}.color-picker-wrapper{display:flex;align-items:center;gap:12px}.color-picker-input{width:60px;height:40px;border:1px solid #374850;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:#8696a0;background:#111b21;padding:8px 12px;border-radius:6px;border:1px solid #374850}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;background:#1f2a30;border-top:1px solid #2a3942}.btn-cancel,.btn-save{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;border:none}.btn-cancel{background:transparent;color:#8696a0}.btn-cancel:hover{background:#2a3942}.btn-save{background:#00a884;color:#111b21}.btn-save:hover{background:#06d6a0}.btn-save:disabled{background:#374850;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%}}.team-container{display:flex;flex-direction:column;gap:12px;color:#e9edef}.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-tabs{display:flex;gap:10px;border-bottom:1px solid #223038}.team-tab{background:transparent;border:none;color:#d1d7db;padding:8px 12px;cursor:pointer;font-size:14px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s,background .15s}.team-tab:hover{color:#f1f5f6;background:#1c252c}.team-tab.active{color:#00e5c0;border-bottom-color:#00a884;font-weight:700}.team-body{background:#111b21;border:1px solid #1f2a30;border-radius:10px;padding:16px;min-height:320px}.team-table{display:flex;flex-direction:column;gap:6px}.team-table-head,.team-table-row{display:grid;grid-template-columns:1.5fr 1.2fr 1fr .8fr .8fr 1fr;gap:8px;align-items:center}.team-table-row+.team-table-row{border-top:1px solid #1f2a30;padding-top:6px}.team-table-head{font-weight:700;color:#9fb0b7;padding-bottom:4px;border-bottom:1px solid #1f2a30}.team-strong{font-weight:600;color:#e9edef}.team-clickable{cursor:pointer;color:#53bdeb}.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:#00a8841f;color:#00e5c0;border-color:#00a8844d}.badge-off{background:#ff95001a;color:#ffb366;border-color:#ff950040}.team-actions{display:flex;gap:8px}.team-radio-row{display:flex;gap:12px;align-items:center}.team-radio-row label{display:flex;gap:6px;align-items:center;color:#e9edef;font-size:13px}.team-toggle{display:inline-flex;gap:8px;align-items:center;color:#e9edef;font-size:13px}.team-link-btn{background:transparent;border:none;color:#53bdeb;cursor:pointer;padding:0;font-size:13px}.team-link-btn.danger{color:#ff6b6b}.team-link-btn:disabled{color:#4b5a61;cursor:not-allowed}.team-primary-btn{background:#00a884;color:#0b141a;border:none;padding:8px 14px;border-radius:8px;cursor:pointer;font-weight:700}.team-secondary-btn{background:#1f2a30;color:#e9edef;border:1px solid #374850;padding:8px 14px;border-radius:8px;cursor:pointer}.team-loading,.team-empty,.team-error{color:#9fb0b7;padding:12px 0}.team-error{color:#ffb366}.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:#111b21;border:1px solid #1f2a30;border-radius:10px;padding:16px;width:420px;max-width:90vw;display:flex;flex-direction:column;gap:12px;color:#e9edef}.team-modal h3{margin:0}.team-modal input{width:100%;background:#1c252c;border:1px solid #2f3b44;border-radius:8px;padding:10px;color:#e9edef}.team-modal-subtitle{color:#9fb0b7;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:#ef44441a;color:#fca5a5;border:1px solid rgba(239,68,68,.3);font-size:13px}.team-modal-actions{display:flex;justify-content:flex-end;gap:10px}.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}.settings-panel{max-width:1100px;margin:0 auto;color:#e9edef}.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 #2a3942;gap:12px}.settings-title{font-size:22px;font-weight:600}.settings-subtitle{font-size:14px;color:#8696a0}.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:#0b141a;padding:8px 0 6px;border-bottom:1px solid #2a3942;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:#1f2a30;border:1px solid #2a3942}.quick-replies .qr-item-label{font-weight:700;font-size:14px;color:#e9edef;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-replies .qr-item-text{font-size:13px;color:#e9edefe6;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 rgba(255,255,255,.12);background:#ffffff0a}.quick-replies .qr-confirm-inline{display:inline-flex;align-items:center;gap:6px}.quick-replies .qr-confirm-text{color:#c9d6dc;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:#1f2a30;border:1px solid #2a3942;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:#e9edef}.qr-modal-close{background:transparent;border:none;color:#8696a0;font-size:20px;cursor:pointer;padding:4px;line-height:1}.qr-modal-close:hover{color:#e9edef}.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:#8696a0}.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:#c9d6dc;font-weight:600}.qr-modal-label-row{display:flex;align-items:center;justify-content:space-between}.qr-modal-count{font-size:12px;color:#7f8b92}.qr-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:6px}.qr-modal-error{font-size:12px;color:#f15b5b}.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:#e9edef;font-weight:600}.qr-modal-delete-meta{background:#111b21;border:1px solid #2a3942;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:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-weight:700;font-size:13px}.qr-modal-delete-preview{font-size:13px;color:#e9edefe6;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:#1f2a30;border:1px solid #2a3942;border-radius:10px;padding:12px}.quick-replies .qr-columns-header{position:sticky;top:0;z-index:5;background:#0b141a;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:#e9edefeb}.quick-replies .qr-placeholder{color:#7f8b92}.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:#ffffff0a;border:1px solid rgba(255,255,255,.12)}.quick-replies .btn-ghost:hover{background:#ffffff14}.quick-replies .danger-hover{color:#d7e0e6e6}.quick-replies .danger-hover:hover{color:#f15b5b;border-color:#f15b5b99}.quick-replies .input-compact,.quick-replies .textarea-compact{background:#111b21;border:1px solid #2a3942}.quick-replies .textarea-compact{resize:none}.input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #2a3942;background:#111b21;color:#e9edef}.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:#00a884;color:#0b141a}.btn-secondary{background:#2a3942;color:#e9edef;border:1px solid #374850}.btn-danger{background:#f15b5b;color:#0b141a}.empty{padding:16px;text-align:center;color:#8696a0;border:1px dashed #2a3942;border-radius:8px;background:#0b141a}.qr-columns-header{display:grid;grid-template-columns:30% 70%;gap:10px;margin:0 0 12px;padding:0 0 6px;border-bottom:1px solid #2a3942}.qr-col-header{display:flex;flex-direction:column;gap:4px}.qr-col-title{font-size:13px;font-weight:600;color:#c9d6dc}.qr-col-sub{font-size:12px;color:#7f8b92}.qr-col{min-width:0}.qr-display{cursor:pointer;padding:6px 10px;border-radius:8px;background:#0f171d;border:1px solid #1f2a30;color:#e9edef;transition:background .15s ease,border-color .15s ease}.qr-display:hover{background:#14212a;border-color:#274458}.qr-chip{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);font-weight:600}.qr-text-preview{max-height:24px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;line-height:1.3}.qr-placeholder{color:#7f8b92}.qr-col-actions{display:flex;justify-content:center;align-items:center}.btn-ghost{border:1px solid rgba(255,255,255,.15);background:#ffffff0a;color:#d7e0e6;border-radius:10px;padding:8px 10px;cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:#ffffff14}.danger-hover:hover{color:#f15b5b;border-color:#f15b5b99}.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:#c9d6dc;font-size:12px}.utility-rail{width:56px;background:#0b141a;border-right:1px solid #1f2a30;display:flex;flex-direction:column;align-items:center;padding:10px 6px;gap:8px;height:100%}.utility-rail-spacer{flex:1}.utility-rail-bottom{display:flex;flex-direction:column;align-items:center;gap:10px;padding-bottom:12px}.utility-rail-btn{width:44px;height:44px;border-radius:12px;border:1px solid transparent;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;position:relative;color:#c2d1d8}.utility-rail-btn:hover{background:#111c21;border-color:#1f2a30}.utility-rail-btn.active{background:#00a8841f;border-color:#00a88459}.utility-rail-divider{width:34px;height:1px;background:#2a39428c;margin:6px 0}.utility-rail-icon{font-size:18px;line-height:1}.utility-rail-btn:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);background:#111c21f5;border:1px solid #2a3942;color:#e9edef;padding:6px 8px;border-radius:8px;font-size:12px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s ease;z-index:10001}.utility-rail-btn:hover:after{opacity:1}.utility-rail-avatar-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;margin-top:auto;padding-bottom:8px}.utility-rail-avatar-btn{width:44px;height:44px;border-radius:50%;border:1px solid #2a3942;background:#1f2a30;color:#e9edef;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:#24323b;border-color:#00a884}.utility-rail-avatar-btn .avatar-img{width:100%;height:100%;object-fit:cover}.utility-rail-profile-menu{position:absolute;bottom:0;left:64px;width:260px;background:#233138;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:10002;border:1px solid #2f3b43;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 #2f3b43;background:#1c272e;border-radius:8px 8px 0 0}.profile-menu-avatar{width:80px;height:80px;border-radius:50%;background:#1f2a30;display:flex;align-items:center;justify-content:center;margin-bottom:12px;overflow:hidden;border:2px solid #2a3942}.profile-menu-avatar img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:2rem;font-weight:700;color:#e9edef}.profile-menu-info{text-align:center}.profile-name{font-size:1.1rem;font-weight:600;color:#e9edef;margin-bottom:4px}.profile-role{font-size:.85rem;color:#8696a0;text-transform:capitalize}.profile-menu-actions{padding:8px 0}.menu-action-btn{width:100%;padding:12px 20px;background:transparent;border:none;color:#e9edef;text-align:left;cursor:pointer;font-size:.95rem;transition:background .1s}.menu-action-btn:hover:not(:disabled){background:#1c272e}.menu-action-btn:disabled{opacity:.5;cursor:default}.menu-divider{height:1px;background:#2f3b43;margin:4px 0}.logout-btn{color:#ef4444}.logout-btn:hover{background:#ef44441a!important}.app-shell{display:flex;min-height:100vh;background:#0b141a;color:#e9edef}.app-shell-rail{flex:0 0 auto;position:sticky;top:0;height:100vh;background:#0b141a;border-right:1px solid #1f2a30}.app-shell-content{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}.App{width:100%;height:100vh}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5}#root{width:100%;height:100vh}