:root{--bg-primary: #0e1621;--bg-secondary: #17212b;--bg-tertiary: #242f3d;--bg-hover: #2b3a4a;--bubble-user: #2b5278;--bubble-agent: #182533;--bubble-system: #1e2d3d;--text-primary: #ffffff;--text-secondary: #8a9ba8;--text-muted: #627c8e;--accent: #5288c1;--accent-hover: #6a9fd4;--verified: #5288c1;--danger: #e53935;--success: #43a047;--warning: #fb8c00;--input-bg: #242f3d;--font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;overflow:hidden;-webkit-text-size-adjust:100%}#root{position:fixed;top:var(--app-top, 0px);left:0;right:0;height:var(--app-height, 100dvh);overflow:hidden}body{font-family:var(--font);background:var(--bg-primary);color:var(--text-primary);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}.scroll-y{overflow-y:scroll;-webkit-overflow-scrolling:touch;touch-action:pan-y}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;outline:none;background:none;font-family:var(--font);font-size:14px;color:inherit;-webkit-tap-highlight-color:transparent}input,textarea,select{font-family:var(--font);font-size:14px;outline:none;border:none}@media(max-width:768px){input,textarea,select{font-size:16px!important}}@media(max-width:768px){.sidebar-mobile-hidden,.main-mobile-hidden{display:none!important}.sidebar{width:100%!important;min-width:unset!important}.chat-main{width:100%!important}.info-panel{border-left:none!important}.chat-bubble img,.chat-bubble video{max-width:100%!important;height:auto!important}.input-bar-safe{padding-bottom:max(10px,env(safe-area-inset-bottom))!important}body{overscroll-behavior-y:none}}.agent-top-bar{display:none}@media(max-width:768px){.agent-top-bar{display:flex}}img,video{max-width:100%}button:hover{opacity:.85}@keyframes spin{to{transform:rotate(360deg)}}@keyframes wsPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.75)}}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.portal-v3{--v3-space-1: 4px;--v3-space-2: 8px;--v3-space-3: 12px;--v3-space-4: 16px;--v3-radius-sm: 8px;--v3-radius-md: 12px;--v3-focus: color-mix(in srgb, var(--accent) 78%, white);--text-muted: color-mix(in srgb, var(--text-primary) 62%, transparent);color-scheme:dark;font-size:14px}.portal-v3.theme-snow,.portal-v3.theme-warm{color-scheme:light}.portal-v3 ::selection{color:var(--text-primary);background:color-mix(in srgb,var(--accent) 48%,transparent)}.portal-v3 button:focus-visible,.portal-v3 a:focus-visible,.portal-v3 input:focus-visible,.portal-v3 textarea:focus-visible,.portal-v3 select:focus-visible,.portal-v3 [tabindex]:focus-visible{outline:3px solid var(--v3-focus)!important;outline-offset:2px!important}.portal-v3 .sidebar{width:360px!important;min-width:360px!important}.portal-v3 .v3-menu-section{padding:9px 10px 4px;color:var(--text-muted);font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.portal-v3 .v3-menu-item{min-height:48px}.portal-v3 .v3-menu-item>div:first-child{color:var(--text-secondary);background:var(--bg-tertiary)!important}.portal-v3 .v3-empty-state{margin:auto;display:flex;align-items:center;gap:14px;max-width:380px;padding:20px;color:var(--text-muted)}.portal-v3 .v3-empty-state>svg{flex-shrink:0;color:var(--accent)}.portal-v3 .v3-empty-state div{display:flex;flex-direction:column;gap:3px}.portal-v3 .v3-empty-state strong{color:var(--text-primary);font-size:15px}.portal-v3 .v3-empty-state span{color:var(--text-muted);font-size:13px}.portal-v3 .v3-queue-tabs{gap:6px!important;padding:10px 10px 8px!important}.portal-v3 .v3-queue-tab{min-height:36px;border-radius:var(--v3-radius-sm)!important;gap:6px!important}.portal-v3 .v3-search-box{min-height:42px}.portal-v3 .v3-conversation-list input{min-width:0}.portal-v3 .v3-conversation-list button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px}.portal-v3 .conversation-item-v3{min-height:82px;padding:11px 14px!important;content-visibility:auto;contain-intrinsic-size:82px}.portal-v3 .conversation-item-v3:hover{background:color-mix(in srgb,var(--bg-hover) 72%,transparent);text-decoration:none}.portal-v3 .conversation-item-v3[aria-current=page]{background:var(--bg-hover);box-shadow:inset 3px 0 0 var(--accent)}.chat-window-v3 .v3-chat-header{min-height:68px;padding:10px 14px!important;gap:10px!important;border-bottom-width:1px!important}.chat-window-v3 .v3-icon-button{width:40px;height:40px;padding:0!important}.chat-window-v3 .v3-chat-identity{min-width:120px;overflow:hidden}.chat-window-v3 .v3-chat-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window-v3 .v3-header-actions{position:relative;display:flex;align-items:center;gap:6px;flex-shrink:0}.chat-window-v3 .v3-header-action{min-height:40px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);border-radius:10px;font-size:13px;font-weight:650}.chat-window-v3 .v3-header-action:hover,.chat-window-v3 .v3-header-action.is-active{color:var(--text-primary);background:var(--bg-hover);opacity:1}.chat-window-v3 .v3-header-action-primary{color:#fff;background:var(--success);border-color:color-mix(in srgb,var(--success) 75%,white)}.chat-window-v3 .v3-header-action-primary:hover{color:#fff;background:color-mix(in srgb,var(--success) 86%,white)}.chat-window-v3 .v3-action-menu,.chat-window-v3 .v3-quick-menu{position:absolute;z-index:90;display:flex;flex-direction:column;width:250px;padding:6px;color:var(--text-primary);background:var(--menu-bg);border:1px solid var(--border);border-radius:var(--v3-radius-md);box-shadow:0 18px 42px #0000004d}.chat-window-v3 .v3-action-menu{top:calc(100% + 8px);right:0}.chat-window-v3 .v3-action-menu button,.chat-window-v3 .v3-quick-menu button{width:100%;min-height:42px;padding:9px 10px;display:flex;align-items:center;gap:10px;color:var(--text-primary);border-radius:var(--v3-radius-sm);text-align:left}.chat-window-v3 .v3-action-menu button:hover,.chat-window-v3 .v3-quick-menu button:hover{background:var(--bg-hover);opacity:1}.chat-window-v3 .v3-quick-bar-legacy{display:none!important}.chat-window-v3 .v3-quick-actions{position:relative;display:flex;align-items:center;gap:6px;padding:7px 12px 3px;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:visible;scrollbar-width:none}.chat-window-v3 .v3-quick-actions::-webkit-scrollbar{display:none}.chat-window-v3 .v3-quick-action{min-height:38px;padding:0 11px;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--border);border-radius:10px;font-size:12px;font-weight:650}.chat-window-v3 .v3-quick-action:hover,.chat-window-v3 .v3-quick-action.is-active{color:var(--text-primary);background:var(--bg-hover);opacity:1}.chat-window-v3 .v3-quick-menu{position:fixed;right:20px;bottom:92px;max-height:min(420px,calc(100dvh - 140px));overflow-y:auto}.chat-window-v3 .v3-menu-glyph,.chat-window-v3 .v3-menu-variable{width:20px;display:inline-flex;justify-content:center;font-weight:800;color:var(--accent)}.chat-window-v3 .v3-info-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:390;width:100%;height:100%;background:#0000006b;cursor:default}.chat-window-v3 .v3-info-panel{width:340px!important;color:var(--text-primary)}.chat-window-v3 .v3-customer-brief{padding:16px;border-bottom:1px solid var(--border)}.chat-window-v3 .v3-customer-brief-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.chat-window-v3 .v3-customer-name{min-width:0;overflow:hidden;color:var(--text-primary);font-size:15px;font-weight:750;text-overflow:ellipsis;white-space:nowrap}.chat-window-v3 .v3-customer-status{padding:3px 8px;flex-shrink:0;color:var(--accent);background:var(--card-bg);border:1px solid var(--border);border-radius:999px;font-size:11px;font-weight:750}.chat-window-v3 .v3-customer-status.is-paid{color:var(--success)}.chat-window-v3 .v3-customer-status.is-expired{color:var(--danger)}.chat-window-v3 .v3-customer-status.is-frozen{color:#29b6f6}.chat-window-v3 .v3-customer-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px 16px}.chat-window-v3 .v3-customer-facts div{min-width:0;display:flex;flex-direction:column;gap:2px}.chat-window-v3 .v3-customer-facts span{color:var(--text-muted);font-size:11px}.chat-window-v3 .v3-customer-facts strong{overflow:hidden;color:var(--text-primary);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.chat-window-v3 .v3-info-tabs{position:sticky;top:0;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;background:var(--panel-bg);border-bottom:1px solid var(--border)}.chat-window-v3 .v3-info-tabs button{min-height:36px;color:var(--text-muted);border-radius:var(--v3-radius-sm);font-size:11px;font-weight:700}.chat-window-v3 .v3-info-tabs button.is-active{color:var(--text-primary);background:var(--bg-hover)}.chat-window-v3 .v3-info-section{padding:16px!important;gap:8px!important}.chat-window-v3 .v3-info-section button,.chat-window-v3 .v3-info-section select{min-height:40px}.chat-window-v3 .message-menu-trigger{min-width:34px;min-height:34px;margin:-8px -6px -8px 2px;display:inline-flex;align-items:center;justify-content:center}@media(pointer:coarse){.portal-v3 button,.portal-v3 a[role=button]{min-height:44px}.chat-window-v3 .message-menu-trigger{min-width:44px;min-height:44px}}@media(max-width:1023px){.portal-v3 .sidebar-mobile-hidden,.portal-v3 .main-mobile-hidden{display:none!important}.portal-v3 .sidebar,.portal-v3 .chat-main{width:100%!important;min-width:0!important}.chat-window-v3 .v3-chat-header{min-height:64px;padding:8px 10px!important}.chat-window-v3 .v3-info-panel{width:100%!important;max-height:min(88dvh,760px)!important;border-left:0!important}}@media(max-width:600px){.chat-window-v3 .v3-chat-header{gap:6px!important}.chat-window-v3 .v3-chat-header>.v3-icon-button,.chat-window-v3 .v3-header-action{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.chat-window-v3 .v3-action-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.chat-window-v3 .v3-header-subtitle{display:none}.chat-window-v3 .v3-action-menu{position:fixed;top:auto;right:8px;bottom:max(8px,env(safe-area-inset-bottom));left:8px;width:auto;padding:8px;border-radius:16px}.chat-window-v3 .v3-action-menu button,.chat-window-v3 .v3-quick-menu button{min-height:48px;font-size:14px}.chat-window-v3 .v3-quick-actions{padding:6px 8px 3px}.chat-window-v3 .v3-quick-action{min-height:42px;padding-right:8px;padding-left:8px}.chat-window-v3 .v3-quick-menu{right:8px;bottom:calc(92px + env(safe-area-inset-bottom));left:8px;width:auto}.chat-window-v3 .v3-customer-facts{gap:10px 14px}}@media(prefers-reduced-motion:reduce){.portal-v3 *,.portal-v3 *:before,.portal-v3 *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}