html.embedded-widget-mode,body.embedded-widget-mode,body.embedded-widget-mode #root{width:100%;height:100%;margin:0;overflow:hidden;background:transparent}.embedded-widget-page,.embedded-widget-page .chat-widget-container{width:100%;height:100%}.embedded-widget-page .chat-widget-container{position:static;display:block}.embedded-widget-page .widget-window{width:100%;height:100%;max-height:none;margin:0;border-radius:0}.embedded-widget-page .chat-launcher-fab,.embedded-widget-page .widget-peek-banner{display:none}html,body,#root{min-height:100vh}body{margin:0;padding:0}:root{--bg-space: #06080d;--bg-canvas: #090c12;--surface-panel: rgba(13, 17, 26, .94);--surface-panel-solid: #0d111a;--surface-card: rgba(18, 24, 36, .75);--surface-card-hover: rgba(28, 38, 56, .9);--surface-subtle: rgba(229, 230, 65, .05);--surface-subtle-hover: rgba(229, 230, 65, .1);--border-glass: rgba(255, 255, 255, .09);--border-glass-strong: rgba(255, 255, 255, .16);--border-focus: #e5e641;--accent-amber: #e5e641;--accent-amber-light: #fbf237;--accent-amber-dark: #ffc600;--accent-glow: rgba(229, 230, 65, .35);--accent-glow-subtle: rgba(255, 198, 0, .15);--status-open: #10b981;--status-open-glow: rgba(16, 185, 129, .25);--status-pending: #f59e0b;--status-pending-glow: rgba(245, 158, 11, .25);--status-resolved: #94a3b8;--status-urgent: #ef4444;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-widget: 0 24px 60px -12px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-glow: 0 10px 25px -5px rgba(229, 230, 65, .4);--shadow-card: 0 4px 20px -2px rgba(0, 0, 0, .35);--transition-bounce: all .35s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: all .22s cubic-bezier(.16, 1, .3, 1)}[data-theme=light],body[data-theme=light]{--bg-space: #f8fafc;--bg-canvas: #ffffff;--surface-panel: rgba(255, 255, 255, .96);--surface-panel-solid: #ffffff;--surface-card: #ffffff;--surface-card-hover: #f1f5f9;--surface-subtle: rgba(205, 219, 84, .08);--surface-subtle-hover: rgba(205, 219, 84, .16);--border-glass: rgba(15, 23, 42, .08);--border-glass-strong: rgba(15, 23, 42, .14);--border-focus: #ffc600;--accent-amber: #ffc600;--accent-amber-light: #e5e641;--accent-amber-dark: #f59e0b;--accent-glow: rgba(255, 198, 0, .3);--accent-glow-subtle: rgba(255, 198, 0, .12);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-dim: #94a3b8;--shadow-widget: 0 24px 54px -10px rgba(30, 41, 59, .18), 0 0 0 1px rgba(15, 23, 42, .07);--shadow-glow: 0 10px 25px -4px rgba(255, 198, 0, .35);--shadow-card: 0 2px 10px rgba(15, 23, 42, .04)}body{background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;background-image:radial-gradient(ellipse at top left,rgba(229,230,65,.06) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,198,0,.04) 0%,transparent 60%)}.app-host{min-height:100vh;display:flex;flex-direction:column}.app-navbar{height:68px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass);background:#0c0f1799;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.navbar-brand{display:flex;align-items:center;gap:12px}.brand-glyph{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-dark));display:flex;align-items:center;justify-content:center;color:#0c0f17;box-shadow:0 0 16px var(--accent-glow)}.brand-glyph svg{width:18px;height:18px}.brand-title{font-family:var(--font-display);font-weight:800;font-size:1.15rem;letter-spacing:.04em;color:#fff}.brand-title span{color:var(--accent-amber);font-weight:400;margin-left:2px}.user-pill{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:999px;font-size:.85rem}.status-indicator.online{width:8px;height:8px;border-radius:50%;background:var(--status-open);box-shadow:0 0 8px var(--status-open)}.user-role{font-size:.72rem;padding:2px 7px;border-radius:999px;background:var(--accent-glow-subtle);color:var(--accent-amber-light);font-weight:600}.host-content{max-width:1080px;margin:0 auto;padding:64px 24px;flex:1}.host-badge{display:inline-block;padding:6px 14px;font-size:.78rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-amber);background:var(--accent-glow-subtle);border:1px solid rgba(245,158,11,.3);border-radius:999px;margin-bottom:20px}.host-hero h1{font-family:var(--font-display);font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:18px;background:linear-gradient(135deg,#ffffff 40%,var(--text-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.host-hero p{color:var(--text-secondary);font-size:1.1rem;max-width:680px;line-height:1.6;margin-bottom:32px}.host-controls{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:56px}.host-btn{display:inline-flex;align-items:center;gap:10px;padding:12px 22px;border-radius:12px;font-size:.95rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth);border:1px solid transparent}.host-btn.primary{background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-dark));color:#0b0e14;box-shadow:var(--shadow-glow)}.host-btn.primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.host-btn.outline{background:var(--surface-subtle);border-color:var(--border-glass-strong);color:var(--text-primary)}.host-btn.outline:hover{background:var(--surface-subtle-hover);border-color:#ffffff4d}.host-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}.feature-card{padding:26px;border-radius:18px;background:var(--surface-subtle);border:1px solid var(--border-glass);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.card-icon{font-size:1.8rem;margin-bottom:14px}.feature-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:8px;color:#fff}.feature-card p{font-size:.88rem;color:var(--text-muted);line-height:1.5}.chat-widget-container{position:fixed;bottom:28px;right:28px;z-index:99999;display:flex;flex-direction:column;align-items:flex-end;font-family:var(--font-body)}.widget-peek-banner{display:flex;align-items:center;gap:12px;padding:10px 16px;background:var(--surface-panel);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass-strong);border-radius:16px;box-shadow:0 12px 32px #0006;margin-bottom:14px;cursor:pointer;transition:var(--transition-bounce);animation:slideInPeek .5s cubic-bezier(.16,1,.3,1);max-width:320px}@keyframes slideInPeek{0%{opacity:0;transform:translateY(12px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.widget-peek-banner:hover{border-color:#f59e0b66;transform:translateY(-2px)}.peek-avatar-stack{position:relative}.peek-avatar{width:36px;height:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:2px solid var(--border-glass-strong)}.peek-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--status-open);border:2px solid #121722;border-radius:50%}.peek-text{flex:1}.peek-author{font-size:.85rem;font-weight:700;color:#fff}.peek-sub{font-size:.74rem;color:var(--text-muted)}.peek-close{background:none;border:none;color:var(--text-dim);font-size:1.2rem;cursor:pointer;padding:0 4px;transition:color .15s}.peek-close:hover{color:#fff}.chat-launcher-fab{width:60px;height:60px;border-radius:50%;border:none;background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 28px -2px #e5e64180,0 0 0 1px #fff3;transition:var(--transition-bounce)}.chat-launcher-fab:hover{transform:scale(1.06);box-shadow:0 14px 34px #e5e641a6}.chat-launcher-fab:active{transform:scale(.95)}.fab-unread-counter{position:absolute;top:-3px;right:-3px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:800;font-family:var(--font-mono);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #ef444499;border:2px solid var(--bg-space);z-index:10;animation:pulseFabBadge 2s infinite ease-in-out}@keyframes pulseFabBadge{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.fab-icon-state{position:absolute;width:26px;height:26px;display:flex;align-items:center;justify-content:center;transition:var(--transition-bounce)}.fab-icon-state svg{width:100%;height:100%}.chat-widget-container.closed .fab-icon-closed{opacity:1;transform:rotate(0) scale(1)}.chat-widget-container.closed .fab-icon-open{opacity:0;transform:rotate(-90deg) scale(.5);pointer-events:none}.chat-widget-container.open .fab-icon-closed{opacity:0;transform:rotate(90deg) scale(.5);pointer-events:none}.chat-widget-container.open .fab-icon-open{opacity:1;transform:rotate(0) scale(1)}.fab-unread-badge{position:absolute;top:-4px;right:-4px;background:#ef4444;color:#fff;font-size:.72rem;font-weight:800;font-family:var(--font-mono);min-width:22px;height:22px;padding:0 6px;border-radius:999px;display:flex;align-items:center;justify-content:center;border:2px solid var(--bg-space);box-shadow:0 2px 8px #ef444499;animation:pulseBadge 2s infinite}@keyframes pulseBadge{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.widget-window{width:410px;height:640px;max-height:calc(100vh - 120px);background:var(--surface-panel);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border:1px solid var(--border-glass-strong);border-radius:24px;box-shadow:var(--shadow-widget);margin-bottom:16px;display:flex;flex-direction:column;overflow:hidden;transition:var(--transition-smooth);transform-origin:bottom right}.chat-widget-container.closed .widget-window{opacity:0;transform:scale(.85) translateY(30px);pointer-events:none;visibility:hidden}.chat-widget-container.open .widget-window{opacity:1;transform:scale(1) translateY(0);pointer-events:auto;visibility:visible}.widget-header{padding:14px 18px;background:linear-gradient(180deg,#ffffff0d,#ffffff03);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;gap:10px}.widget-header-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1}.header-brand-icon{position:relative;width:38px;height:38px;border-radius:12px;background:var(--surface-subtle);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--accent-amber);flex-shrink:0;box-shadow:0 2px 8px #0000001f}.header-online-dot{position:absolute;bottom:-2px;right:-2px;width:9px;height:9px;border-radius:50%;background:#10b981;border:2px solid var(--surface-panel-solid);box-shadow:0 0 6px #10b981}.header-info{display:flex;flex-direction:column;min-width:0;gap:2px;flex:1}.header-title{font-family:var(--font-display);font-size:1.02rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;white-space:nowrap;line-height:1.2}.header-subtitle{font-size:.74rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.widget-header-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.header-action-btn{background:none;border:none;color:var(--text-muted);width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.header-action-btn:hover{background:var(--surface-subtle-hover);color:var(--text-primary)}.widget-nav-bar{display:flex;padding:6px 12px;background:#0a0d1466;border-bottom:1px solid var(--border-glass);gap:6px}.nav-tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;border:1px solid transparent;background:none;color:var(--text-muted);font-size:.82rem;font-weight:600;font-family:var(--font-body);border-radius:10px;cursor:pointer;transition:var(--transition-smooth);white-space:nowrap;flex-shrink:0}.nav-tab:hover{color:var(--text-primary);background:var(--surface-subtle)}.nav-tab.active{color:#fff;background:var(--surface-card);border-color:var(--border-glass);box-shadow:0 2px 8px #0003}.nav-tab.active svg{color:var(--accent-amber)}.nav-badge{font-size:.7rem;font-family:var(--font-mono);background:var(--accent-glow-subtle);color:var(--accent-amber-light);padding:2px 7px;border-radius:999px;border:1px solid rgba(245,158,11,.3);white-space:nowrap;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;line-height:1}.widget-body{flex:1;overflow:hidden;position:relative;display:flex;flex-direction:column}.view-panel{display:none;height:100%;width:100%;box-sizing:border-box;animation:fadeInView .2s cubic-bezier(.16,1,.3,1)}.view-panel.active{display:flex;flex-direction:column;flex:1;min-height:0}@keyframes fadeInView{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}#view-home{padding:18px;gap:18px;overflow-y:auto}.home-hero-card{padding:20px;border-radius:18px;background:linear-gradient(135deg,#f59e0b1f,#12172299);border:1px solid rgba(245,158,11,.25);position:relative;overflow:hidden}.home-hero-badge{display:inline-block;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-amber);margin-bottom:8px}.home-hero-card h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:#fff;margin-bottom:6px;line-height:1.3}.home-hero-card p{font-size:.82rem;color:var(--text-secondary);line-height:1.45;margin-bottom:16px}.btn-create-lead{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;background:linear-gradient(135deg,var(--accent-amber),var(--accent-amber-dark));border:none;color:#0c0f17;cursor:pointer;transition:var(--transition-smooth);text-align:left;box-shadow:0 4px 14px #f59e0b4d}.btn-create-lead:hover{transform:translateY(-2px);filter:brightness(1.08)}.btn-create-lead .btn-icon{width:32px;height:32px;border-radius:8px;background:#00000026;display:flex;align-items:center;justify-content:center}.btn-create-lead .btn-text{flex:1;display:flex;flex-direction:column}.btn-create-lead .btn-text strong{font-size:.88rem;font-weight:700}.btn-create-lead .btn-text small{font-size:.72rem;opacity:.85}.btn-create-lead .chevron-arrow{color:#00000080}.home-section{display:flex;flex-direction:column;gap:10px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h4{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.link-btn{background:none;border:none;color:var(--accent-amber-light);font-size:.78rem;font-weight:600;cursor:pointer;transition:color .15s}.link-btn:hover{color:#fff;text-decoration:underline}.recent-tickets-list{display:flex;flex-direction:column;gap:8px}.ticket-card{padding:12px 14px;background:var(--surface-card);border:1px solid var(--border-glass);border-radius:14px;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;gap:6px}.ticket-card:hover{background:var(--surface-card-hover);border-color:var(--border-glass-strong);transform:translateY(-1px)}.ticket-card-header{display:flex;align-items:center;justify-content:space-between}.ticket-card-id{font-family:var(--font-mono);font-size:.75rem;font-weight:600;color:var(--accent-amber)}.status-badge{font-size:.7rem;font-weight:700;padding:3px 9px;border-radius:999px;display:inline-flex;align-items:center;gap:5px;line-height:1.2;white-space:nowrap;flex-shrink:0}.status-badge.new{background:#e5e64129;color:#e5e641;border:1px solid rgba(229,230,65,.4)}.status-badge.open{background:#10b98129;color:#34d399;border:1px solid rgba(16,185,129,.35)}.status-badge.pending{background:#f59e0b29;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.status-badge.resolved{background:#94a3b82e;color:#e2e8f0;border:1px solid rgba(148,163,184,.35)}.status-badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.ticket-card.has-unread{border-left:3px solid var(--accent-amber);background:#e5e6410d;box-shadow:0 4px 16px #00000059,0 0 16px #e5e6411a}.ticket-card.has-unread:hover{background:#e5e64117;box-shadow:0 6px 20px #00000073,0 0 20px #e5e6412e}.ticket-card-meta-left{display:flex;align-items:center;gap:8px}.ticket-card-badges{display:flex;align-items:center;gap:6px}.unread-pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-amber);box-shadow:0 0 8px var(--accent-amber);animation:unreadPulseDot 1.8s infinite ease-in-out;flex-shrink:0}@keyframes unreadPulseDot{0%,to{transform:scale(1);opacity:1;box-shadow:0 0 6px var(--accent-amber)}50%{transform:scale(1.3);opacity:.7;box-shadow:0 0 14px var(--accent-amber)}}.badge-unread-count{display:inline-flex;align-items:center;padding:2px 7px;background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;font-size:.68rem;font-weight:800;font-family:var(--font-mono);border-radius:999px;letter-spacing:.02em;box-shadow:0 2px 8px #e5e64159}.ticket-card.has-unread .ticket-card-subject{font-weight:700;color:#fff}.ticket-card-subject{font-size:.88rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-card-footer{display:flex;align-items:center;justify-content:space-between;font-size:.73rem;color:var(--text-muted)}.quick-topics-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-topic-pill{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-secondary);font-size:.78rem;font-weight:500;text-align:left;cursor:pointer;transition:var(--transition-smooth)}.quick-topic-pill:hover{background:var(--surface-subtle-hover);border-color:#f59e0b59;color:#fff}.topic-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-amber)}#view-tickets{padding:16px 18px 12px;gap:8px;overflow:hidden;height:100%;box-sizing:border-box}.tickets-filter-bar{display:flex;flex-direction:column;gap:12px;margin-bottom:6px;flex-shrink:0}.tickets-bar-top{display:flex;align-items:center;gap:10px}.search-input-wrap{position:relative;display:flex;align-items:center;flex:1}.search-input-wrap svg{position:absolute;left:13px;color:var(--text-muted);pointer-events:none}.search-input-wrap input{width:100%;height:40px;padding:0 14px 0 38px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-body);outline:none;transition:var(--transition-smooth)}.search-input-wrap input:focus{border-color:var(--accent-amber);box-shadow:0 0 0 3px var(--accent-glow-subtle);background:var(--surface-card)}.btn-quick-new-ticket{height:40px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 16px;background:linear-gradient(135deg,#ffc600,#e5e641);border:none;border-radius:12px;color:#000;font-size:.82rem;font-weight:700;font-family:var(--font-body);cursor:pointer;white-space:nowrap;box-shadow:0 2px 12px #e5e64159;transition:var(--transition-smooth)}.btn-quick-new-ticket:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 4px 16px #e5e64180}.status-pills-row{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:4px 2px 8px}.filter-pill{padding:6px 14px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:999px;color:var(--text-muted);font-size:.78rem;font-weight:600;cursor:pointer;white-space:nowrap;box-shadow:0 2px 6px #0000002e;transition:var(--transition-smooth)}.filter-pill:hover{color:var(--text-primary);background:var(--surface-subtle-hover);border-color:var(--border-glass-strong);box-shadow:0 4px 12px #00000047;transform:translateY(-1px)}.filter-pill.active{background:var(--accent-glow-subtle);color:var(--accent-amber-light);border-color:#f59e0b73;box-shadow:0 4px 14px var(--accent-glow);transform:translateY(-1px)}.tickets-full-list{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px;padding:6px 2px 12px;scrollbar-gutter:stable}.empty-state{padding:48px 20px;text-align:center;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}.empty-state-icon{font-size:2.2rem;opacity:.7}.empty-state h4{color:#fff;font-size:1rem}.empty-state p{font-size:.82rem;max-width:240px;line-height:1.4}#view-new-ticket{padding:16px 18px;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;scrollbar-gutter:stable}.bespoke-form{display:flex;flex-direction:column;gap:14px}.form-group label .req{color:var(--accent-amber)}.bespoke-form input[type=text],.bespoke-form input[type=email],.bespoke-form select,.bespoke-form textarea{width:100%;padding:9px 12px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-primary);font-size:.85rem;font-family:var(--font-body);outline:none;transition:var(--transition-smooth)}.bespoke-form select{cursor:pointer;background-color:var(--surface-panel-solid)}.bespoke-form textarea{resize:vertical;min-height:80px;line-height:1.45}.bespoke-form input:focus,.bespoke-form select:focus,.bespoke-form textarea:focus{border-color:var(--accent-amber);box-shadow:0 0 0 3px var(--accent-glow-subtle);background:#00000040}.form-row-2{display:grid;grid-template-columns:1fr 1.3fr;gap:10px}.file-drop-zone{border:1px dashed var(--border-glass-strong);border-radius:12px;padding:14px;text-align:center;background:var(--surface-subtle);color:var(--text-muted);font-size:.78rem;display:flex;flex-direction:column;align-items:center;gap:6px;cursor:pointer;transition:var(--transition-smooth)}.file-drop-zone:hover{border-color:var(--accent-amber);background:var(--surface-subtle-hover)}.btn-file-browse{background:none;border:none;color:var(--accent-amber-light);font-weight:600;text-decoration:underline;cursor:pointer}.attached-files-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.file-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-card);border:1px solid var(--border-glass);border-radius:999px;font-size:.74rem;color:#fff}.file-chip-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.9rem}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:8px}.btn-secondary{padding:10px 16px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:12px;color:var(--text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;transition:var(--transition-smooth)}.btn-secondary:hover{background:var(--surface-subtle-hover);color:#fff}.btn-submit-ticket{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:linear-gradient(135deg,#ffc600,#e5e641);border:none;border-radius:12px;color:#000;font-size:.85rem;font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 14px #e5e64159;transition:var(--transition-smooth)}.btn-submit-ticket:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 6px 18px #e5e64180}#view-chat-detail{display:none;height:100%;flex-direction:column}#view-chat-detail.active{display:flex}.chat-thread-meta{padding:10px 18px;background:var(--surface-subtle);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.back-to-tickets-btn{display:inline-flex;align-items:center;gap:7px;background:var(--surface-subtle-hover);border:1px solid var(--border-glass);padding:6px 12px;border-radius:10px;color:var(--text-primary);font-size:.8rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth)}.back-to-tickets-btn:hover{background:var(--surface-card-hover);border-color:var(--accent-amber)}.back-to-tickets-btn svg{transition:transform .2s}.back-to-tickets-btn:hover svg{transform:translate(-3px)}.thread-ticket-meta-info{display:flex;align-items:center;gap:8px}.thread-ticket-code{font-family:var(--font-mono);font-size:.76rem;font-weight:700;color:var(--accent-amber-light)}.chat-ticket-title-bar{padding:12px 18px;border-bottom:1px solid var(--border-glass);background:var(--surface-subtle)}.chat-ticket-title-bar h3{font-size:.95rem;font-weight:700;color:#fff;line-height:1.35;margin-bottom:4px}.ticket-extra-details{display:flex;align-items:center;gap:6px;font-size:.73rem;color:var(--text-muted)}.dot-sep{opacity:.4}.chat-messages-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 18px;display:flex;flex-direction:column;gap:14px;scrollbar-gutter:stable;box-sizing:border-box}.msg-time-stamp{font-size:.68rem;color:var(--text-muted);align-self:flex-end;margin-top:3px;display:inline-flex;align-items:center;gap:4px}.typing-indicator-row{display:flex;align-items:center;gap:10px;padding:6px 16px 10px}.typing-avatar img{width:24px;height:24px;border-radius:50%}.typing-bubble{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--surface-card);border:1px solid var(--border-glass);border-radius:999px}.typing-name{font-size:.72rem;color:var(--text-muted)}.typing-dots{display:flex;gap:3px}.typing-dots span{width:4px;height:4px;background:var(--accent-amber);border-radius:50%;animation:typingBounce 1.2s infinite ease-in-out}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}}.chat-reply-bar{padding:12px 16px;background:var(--surface-panel-solid);border-top:1px solid var(--border-glass)}.reply-input-box{background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:14px;padding:10px 12px;display:flex;flex-direction:column;gap:8px;transition:var(--transition-smooth)}.reply-input-box:focus-within{border-color:var(--accent-amber);box-shadow:0 0 0 2px var(--accent-glow-subtle)}.reply-input-box textarea{width:100%;background:none;border:none;color:var(--text-primary);font-size:.85rem;font-family:var(--font-body);outline:none;resize:none;max-height:100px;line-height:1.4}.reply-input-box textarea::-moz-placeholder{color:var(--text-muted);opacity:.7}.reply-input-box textarea::placeholder{color:var(--text-muted);opacity:.7}.reply-bottom-tools{display:flex;align-items:center;justify-content:space-between}.reply-attachments-trigger{display:flex;gap:4px}.tool-btn{background:none;border:none;color:var(--text-muted);width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.tool-btn:hover{background:var(--surface-subtle-hover);color:#fff}.btn-send-message{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;border:none;border-radius:9px;font-size:.78rem;font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:0 2px 8px #e5e64159;transition:var(--transition-smooth)}.btn-send-message:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 14px #e5e64180}.widget-status-footer{padding:8px 18px;background:#07090eb3;border-top:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;font-size:.68rem;color:var(--text-dim)}.encrypted-pill{display:flex;align-items:center;gap:4px}[data-theme=light] body{background-image:radial-gradient(ellipse at top left,rgba(229,230,65,.04) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,198,0,.03) 0%,transparent 60%)}[data-theme=light] .app-navbar{background:#ffffffd9;border-bottom:1px solid rgba(15,23,42,.08)}[data-theme=light] .brand-title{color:#0f172a}[data-theme=light] .host-hero h1{background:linear-gradient(135deg,#0f172a 30%,#475569);-webkit-background-clip:text;-webkit-text-fill-color:transparent}[data-theme=light] .feature-card{background:#fff;border-color:#0f172a14;box-shadow:0 4px 14px #0f172a0a}[data-theme=light] .feature-card h3{color:#0f172a}[data-theme=light] .widget-header{background:linear-gradient(180deg,#fffffffa,#f8fafcf2);border-bottom:1px solid var(--border-glass)}[data-theme=light] .header-title{color:#0f172a}[data-theme=light] .header-subtitle{color:#64748b}[data-theme=light] .header-brand-icon{background:transparent;border-color:transparent;color:#111827;box-shadow:none}[data-theme=light] .header-online-dot{border-color:#fff}[data-theme=light] .header-action-btn{color:#64748b}[data-theme=light] .header-action-btn:hover{background:#0f172a12;color:#0f172a}[data-theme=light] .widget-nav-bar{background:#f1f5f9;border-bottom:1px solid var(--border-glass)}[data-theme=light] .nav-tab{color:#64748b}[data-theme=light] .nav-tab:hover{color:#0f172a;background:#fff9}[data-theme=light] .nav-tab.active{color:#111827;background:#fff;border-color:#ffc60059;box-shadow:0 2px 10px #ffc6001f}[data-theme=light] .nav-tab.active svg{color:#857600}[data-theme=light] .nav-badge{background:#fefce8;color:#857600;border-color:#e5e64166}[data-theme=light] .ticket-card{background:#fff;border-color:#0f172a14;box-shadow:0 2px 6px #0f172a08}[data-theme=light] .ticket-card:hover{background:#fff;border-color:#ffc60066;box-shadow:0 6px 18px #ffc6001f;transform:translateY(-2px)}[data-theme=light] .ticket-card-id,[data-theme=light] .thread-ticket-code{color:#857600;font-weight:700}[data-theme=light] .ticket-card-subject{color:#0f172a}[data-theme=light] .search-input-wrap input,[data-theme=light] .bespoke-form input,[data-theme=light] .bespoke-form select,[data-theme=light] .bespoke-form textarea,[data-theme=light] .reply-input-box{background:#fff;border-color:#0f172a1f;color:#0f172a}[data-theme=light] .search-input-wrap input:focus,[data-theme=light] .bespoke-form input:focus,[data-theme=light] .bespoke-form select:focus,[data-theme=light] .bespoke-form textarea:focus,[data-theme=light] .reply-input-box:focus-within{background:#fff;border-color:#ffc600;box-shadow:0 0 0 3px #ffc60033}[data-theme=light] .btn-quick-new-ticket,[data-theme=light] .btn-submit-ticket{background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;box-shadow:0 4px 14px #ffc60066}[data-theme=light] .btn-quick-new-ticket:hover,[data-theme=light] .btn-submit-ticket:hover{filter:brightness(1.08);box-shadow:0 6px 18px #ffc6008c}[data-theme=light] .filter-pill{color:#64748b;border-color:#0f172a14;background:#fff;box-shadow:0 2px 6px #0f172a0d,0 1px 2px #0f172a08}[data-theme=light] .filter-pill:hover{color:#0f172a;background:#fff;border-color:#ffc60066;box-shadow:0 4px 12px #ffc6001a;transform:translateY(-1px)}[data-theme=light] .filter-pill.active{background:#fefce8;color:#857600;border-color:#e5e64180;box-shadow:0 4px 14px #e5e64133,0 1px 3px #e5e6411a;transform:translateY(-1px)}[data-theme=light] .chat-launcher-fab{background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;box-shadow:0 10px 25px -2px #ffc60073,0 0 0 1px #00000014}[data-theme=light] .chat-launcher-fab:hover{box-shadow:0 14px 32px #ffc600a6}[data-theme=light] .status-badge.new{background:#fefce8;color:#857600;border-color:#e5e64199}[data-theme=light] .status-badge.open{background:#dcfce7;color:#15803d;border-color:#86efac}[data-theme=light] .status-badge.pending{background:#fef3c7;color:#b45309;border-color:#fde68a}[data-theme=light] .status-badge.resolved{background:#f1f5f9;color:#334155;border-color:#cbd5e1}[data-theme=light] .ticket-card.has-unread{border-left:3px solid #ffc600;background:#fffdf5;border-color:#ffc60059;box-shadow:0 4px 14px #ffc6001f}[data-theme=light] .ticket-card.has-unread:hover{background:#fffbeb;border-color:#ffc60080}[data-theme=light] .ticket-card.has-unread .ticket-card-subject{color:#0f172a;font-weight:700}[data-theme=light] .fab-unread-counter{border-color:#fff}[data-theme=light] .chat-thread-meta{background:#f8fafc;border-bottom:1px solid rgba(15,23,42,.07)}[data-theme=light] .back-to-tickets-btn{background:#fff;border-color:#0f172a1a;color:#0f172a;box-shadow:0 1px 3px #0f172a0a}[data-theme=light] .back-to-tickets-btn:hover{background:#f1f5f9;border-color:#ffc600;color:#857600}[data-theme=light] .chat-ticket-title-bar{background:#fff;border-bottom:1px solid rgba(15,23,42,.07)}[data-theme=light] .chat-ticket-title-bar h3{color:#0f172a}[data-theme=light] .chat-msg-row.incoming .msg-bubble{background:#fff;border:1px solid rgba(15,23,42,.08);color:#0f172a;box-shadow:0 2px 6px #0f172a0a}[data-theme=light] .chat-msg-row.incoming .msg-bubble code{background:#fefce8;color:#857600}[data-theme=light] .chat-msg-row.outgoing .msg-bubble{background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;font-weight:600;box-shadow:0 4px 14px #ffc60040}[data-theme=light] .chat-msg-row.outgoing .msg-time-stamp{color:#64748b}[data-theme=light] .chat-msg-row.outgoing .msg-status-check.status-read{color:#0284c7}[data-theme=light] .chat-msg-row.outgoing .msg-status-check.status-sent{color:#94a3b8}[data-theme=light] .chat-reply-bar{background:#fff;border-top:1px solid rgba(15,23,42,.08)}[data-theme=light] .btn-send-message{background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;font-weight:700}[data-theme=light] .btn-send-message:hover{filter:brightness(1.08)}[data-theme=light] .widget-status-footer{background:#f8fafc;border-top:1px solid rgba(15,23,42,.07);color:#64748b}[data-theme=light] .agent-avatar,[data-theme=light] .agent-status-badge{border-color:#fff}[data-theme=light] .file-chip{background:#f1f5f9;border-color:#0f172a1a;color:#0f172a}[data-theme=light] .typing-bubble{background:#fff;border-color:#0f172a17;box-shadow:0 2px 8px #0f172a0a}[data-theme=light] .typing-dots span{background:#ffc600}@media (max-width: 480px){.chat-widget-container{bottom:0;right:0;left:0;top:0;width:100vw;height:100vh;pointer-events:none}.chat-widget-container.open{pointer-events:auto}.chat-widget-container.closed{pointer-events:none;display:block;top:auto;left:auto;bottom:20px;right:20px;width:auto;height:auto}.widget-window{width:100vw;height:100vh;max-height:100vh;border-radius:0;margin-bottom:0;border:none}.chat-launcher-fab{position:fixed;bottom:20px;right:20px}.chat-widget-container.open .chat-launcher-fab{display:none}}.login-page-wrap{min-height:100vh;width:100vw;display:flex;align-items:center;justify-content:center;background:var(--bg-space);padding:24px;position:relative}.login-theme-toggle{position:absolute;top:24px;right:24px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:10px;padding:8px 12px;cursor:pointer;font-size:1.1rem;transition:var(--transition-smooth)}.login-theme-toggle:hover{background:var(--surface-subtle-hover);transform:scale(1.05)}.login-card{width:100%;max-width:420px;background:var(--surface-panel-solid);border:1px solid var(--border-glass-strong);border-radius:20px;box-shadow:0 20px 50px -10px #00000080,0 0 0 1px #ffffff0d;padding:36px 32px;display:flex;flex-direction:column;gap:24px;animation:fadeInMsg .3s cubic-bezier(.16,1,.3,1)}[data-theme=light] .login-card{background:#fff;border-color:#0f172a1f;box-shadow:0 20px 50px -12px #0f172a29}.login-card-header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.login-card-subtitle{font-size:.85rem;color:var(--text-muted);margin:0}.login-form-body{display:flex;flex-direction:column;gap:18px}.login-form-body .form-group{display:flex;flex-direction:column;gap:6px}.login-form-body label{font-size:.8rem;font-weight:600;color:var(--text-secondary)}.login-form-body input{width:100%;height:42px;padding:0 14px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-size:.92rem;font-family:var(--font-body);outline:none;transition:var(--transition-smooth)}[data-theme=light] .login-form-body input{background:#f8fafc;border-color:#0f172a24;color:#0f172a}.login-form-body input:focus{border-color:var(--accent-amber);box-shadow:0 0 0 3px var(--accent-glow-subtle);background:var(--surface-card)}.login-error-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#ef44441f;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#ef4444;font-size:.82rem;font-weight:600}.btn-login-submit{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffc600,#e5e641);border:none;border-radius:12px;color:#000;font-size:.92rem;font-weight:800;font-family:var(--font-body);cursor:pointer;box-shadow:0 4px 16px #e5e64159;transition:var(--transition-smooth)}.btn-login-submit:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 6px 20px #e5e64180}.btn-login-submit:active{transform:translateY(0)}.btn-login-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}:root{--bg-space: #06080d;--bg-canvas: #090c12;--bg-header: rgba(10, 14, 20, .94);--bg-sidebar: #090c12;--bg-registry: #0b0f17;--bg-workspace: #06080d;--surface-panel: rgba(13, 17, 26, .95);--surface-panel-solid: #0d111a;--surface-card: rgba(18, 24, 36, .75);--surface-card-hover: rgba(28, 38, 56, .9);--surface-card-active: rgba(38, 50, 74, .95);--surface-subtle: rgba(229, 230, 65, .05);--surface-subtle-hover: rgba(229, 230, 65, .1);--border-glass: rgba(255, 255, 255, .09);--border-glass-strong: rgba(255, 255, 255, .16);--border-focus: #e5e641;--border-active-card: #e5e641;--accent-primary: #e5e641;--accent-primary-hover: #ffc600;--accent-primary-light: #fbf237;--accent-glow: rgba(229, 230, 65, .35);--accent-glow-subtle: rgba(255, 198, 0, .15);--status-open: #10b981;--status-open-bg: rgba(16, 185, 129, .14);--status-pending: #f59e0b;--status-pending-bg: rgba(245, 158, 11, .14);--status-resolved: #94a3b8;--status-resolved-bg: rgba(148, 163, 184, .14);--status-urgent: #ef4444;--status-new: #e5e641;--status-new-bg: rgba(229, 230, 65, .16);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-dim: #64748b;--font-display: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-body: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--shadow-widget: 0 24px 60px -12px rgba(0, 0, 0, .7), 0 0 0 1px rgba(255, 255, 255, .1);--shadow-glow: 0 10px 25px -5px rgba(229, 230, 65, .4);--shadow-card: 0 4px 18px -2px rgba(0, 0, 0, .35);--shadow-dropdown: 0 16px 36px -6px rgba(0, 0, 0, .6), 0 0 0 1px rgba(255, 255, 255, .1);--transition-smooth: all .22s cubic-bezier(.16, 1, .3, 1);--transition-fast: all .15s ease}[data-theme=light],body[data-theme=light]{--bg-space: #ffffff;--bg-canvas: #f8fafc;--bg-header: #ffffff;--bg-sidebar: #f8fafc;--bg-registry: #f1f5f9;--bg-workspace: #ffffff;--surface-panel: rgba(255, 255, 255, .98);--surface-panel-solid: #ffffff;--surface-card: #ffffff;--surface-card-hover: #f8fafd;--surface-card-active: #fefce8;--surface-subtle: rgba(205, 219, 84, .08);--surface-subtle-hover: rgba(205, 219, 84, .16);--border-glass: rgba(15, 23, 42, .09);--border-glass-strong: rgba(15, 23, 42, .16);--border-focus: #ffc600;--border-active-card: #ffc600;--accent-primary: #e5e641;--accent-primary-hover: #ffc600;--accent-primary-light: #ffc600;--accent-glow: rgba(255, 198, 0, .35);--accent-glow-subtle: rgba(255, 198, 0, .12);--status-open: #059669;--status-open-bg: rgba(16, 185, 129, .12);--status-pending: #d97706;--status-pending-bg: rgba(245, 158, 11, .12);--status-resolved: #64748b;--status-resolved-bg: rgba(100, 116, 139, .12);--status-new: #b45309;--status-new-bg: rgba(245, 158, 11, .15);--text-primary: #0f172a;--text-secondary: #334155;--text-muted: #64748b;--text-dim: #94a3b8;--shadow-widget: 0 20px 48px -10px rgba(30, 41, 59, .15), 0 0 0 1px rgba(15, 23, 42, .06);--shadow-glow: 0 8px 20px -4px rgba(255, 198, 0, .35);--shadow-card: 0 2px 10px rgba(15, 23, 42, .04);--shadow-dropdown: 0 16px 36px -6px rgba(30, 41, 59, .16), 0 0 0 1px rgba(15, 23, 42, .08)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background-color:var(--bg-space);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.operator-mode,body.admin-mode{overflow:hidden;height:100vh}body:not([data-theme=light]){background-image:radial-gradient(ellipse at top left,rgba(229,230,65,.06) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(255,198,0,.04) 0%,transparent 60%)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff24;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}[data-theme=light] ::-webkit-scrollbar-thumb{background:#0f172a24}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#0f172a40}.hidden{display:none!important}.operator-app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.operator-header{height:64px;background:var(--bg-header);border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:50;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-left{display:flex;align-items:center;gap:16px}.header-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;transition:var(--transition-smooth)}.header-brand:hover{opacity:.9}.brand-logo-icon{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 16px var(--accent-glow)}.brand-logo-icon svg{width:20px;height:20px}.brand-text-group{display:flex;align-items:center;gap:8px}.brand-title{font-family:var(--font-display);font-size:1.2rem;font-weight:800;letter-spacing:-.01em;color:var(--text-primary)}.brand-badge{font-family:var(--font-mono);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:2px 7px;background:#e5e64129;border:1px solid rgba(229,230,65,.4);border-radius:6px;color:#e5e641;display:inline-flex;align-items:center;white-space:nowrap;line-height:1.2}[data-theme=light] .brand-badge{color:#713f12;border-color:#ca8a0480;background:#fefce8;box-shadow:0 1px 3px #ca8a041a}.header-center{flex:1;max-width:480px;margin:0 24px}.header-search-wrap{position:relative;display:flex;align-items:center;width:100%}.header-search-wrap .search-icon{position:absolute;left:12px;color:var(--text-dim);pointer-events:none}.header-search-wrap input{width:100%;height:38px;padding:0 40px 0 36px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-size:.86rem;font-family:var(--font-body);outline:none;transition:var(--transition-smooth)}[data-theme=light] .header-search-wrap input{background:#fff;border-color:#0f172a1f}.header-search-wrap input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow-subtle);background:#0f141ff2}[data-theme=light] .header-search-wrap input:focus{background:#fff}.header-search-wrap input::-moz-placeholder{color:var(--text-dim)}.header-search-wrap input::placeholder{color:var(--text-dim)}.search-shortcut{position:absolute;right:12px;font-family:var(--font-mono);font-size:.72rem;padding:2px 6px;background:#ffffff0f;border:1px solid var(--border-glass);border-radius:4px;color:var(--text-dim);pointer-events:none}[data-theme=light] .search-shortcut{background:#0f172a0d}.search-clear-btn{position:absolute;right:10px;background:none;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;padding:2px 6px;line-height:1}.header-right{display:flex;align-items:center;gap:16px}.connection-status{display:flex;align-items:center;gap:6px;font-size:.78rem;color:var(--text-muted)}.pulse-dot{width:7px;height:7px;border-radius:50%;background:var(--status-open);box-shadow:0 0 8px var(--status-open);animation:streamPulse 2s infinite}@keyframes streamPulse{0%{transform:scale(.95);opacity:.8}50%{transform:scale(1.25);opacity:1}to{transform:scale(.95);opacity:.8}}.conn-text{font-weight:500;color:var(--text-secondary)}.conn-sep{color:var(--text-dim)}.conn-state{color:var(--status-open);font-weight:600}.btn-incoming-ticket{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#000;border:none;border-radius:10px;font-size:.84rem;font-weight:700;font-family:var(--font-body);cursor:pointer;box-shadow:var(--shadow-glow);transition:var(--transition-smooth)}.btn-incoming-ticket:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 12px 28px -4px #e5e64173}.btn-incoming-ticket:active{transform:translateY(0)}.quick-tools{display:flex;align-items:center;gap:6px}.tool-icon-btn{background:none;border:1px solid var(--border-glass);color:var(--text-muted);width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth)}.tool-icon-btn:hover{background:var(--surface-subtle-hover);color:var(--text-primary);border-color:var(--border-glass-strong)}.operator-profile-pill{display:flex;align-items:center;gap:10px;padding:4px 12px 4px 6px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:999px;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=light] .operator-profile-pill{background:#f8fafc}.operator-avatar{position:relative;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#fff;font-family:var(--font-display);font-weight:700;font-size:.78rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px var(--accent-glow-subtle)}.operator-status-dot.online{position:absolute;bottom:0;right:0;width:8px;height:8px;border-radius:50%;background:var(--status-open);border:1.5px solid var(--surface-panel-solid);box-shadow:0 0 6px var(--status-open)}.operator-info{display:flex;flex-direction:column}.operator-name{font-size:.82rem;font-weight:600;color:var(--text-primary);line-height:1.2}.operator-meta{font-size:.68rem;font-family:var(--font-mono);color:var(--accent-primary-light);line-height:1.2}[data-theme=light] .operator-meta{color:var(--accent-primary)}.operator-workspace{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar-column{width:240px;min-width:240px;background:var(--bg-sidebar);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;padding:18px 14px;gap:22px;overflow-y:auto}.sidebar-section{display:flex;flex-direction:column;gap:8px}.section-caption{font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;padding:0 6px}.projects-list{display:flex;flex-direction:column;gap:3px}.project-filter-item{display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-radius:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:var(--transition-smooth)}.project-filter-item:hover{background:var(--surface-subtle)}.project-filter-left{display:flex;align-items:center;gap:8px}.custom-checkbox{width:16px;height:16px;border-radius:4px;border:1.5px solid var(--border-glass-strong);background:#ffffff05;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}[data-theme=light] .custom-checkbox{background:#fff;border-color:#0f172a33}.project-filter-item.active .custom-checkbox{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow-subtle)}.custom-checkbox svg{width:11px;height:11px;stroke:#fff;stroke-width:3;opacity:0;transform:scale(.5);transition:var(--transition-fast)}.project-filter-item.active .custom-checkbox svg{opacity:1;transform:scale(1)}.project-name{font-size:.84rem;font-weight:500;color:var(--text-secondary)}.project-filter-item.active .project-name{color:var(--text-primary);font-weight:600}.project-count{font-family:var(--font-mono);font-size:.74rem;color:var(--text-dim)}.status-filters-list{display:flex;flex-direction:column;gap:2px}.status-filter-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);color:var(--text-secondary)}.status-filter-btn:hover{background:var(--surface-subtle);color:var(--text-primary)}.status-filter-btn.active{background:var(--surface-card);border-color:var(--border-glass);color:var(--text-primary);box-shadow:var(--shadow-card)}.status-btn-left{display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;border-radius:50%}.status-dot.dot-new{background:var(--status-new);box-shadow:0 0 6px var(--status-new)}.status-dot.dot-open{background:var(--status-open);box-shadow:0 0 6px var(--status-open)}.status-dot.dot-pending{background:var(--status-pending);box-shadow:0 0 6px var(--status-pending)}.status-dot.dot-resolved{background:var(--status-resolved)}.status-dot.dot-all{background:var(--text-muted)}.status-label{font-size:.84rem;font-weight:500;font-family:var(--font-body)}.status-count{font-family:var(--font-mono);font-size:.74rem;color:var(--text-dim)}.status-filter-btn.active .status-count{color:var(--accent-primary);font-weight:600}.view-toggle-card{display:flex;align-items:center;gap:10px;padding:8px 10px}.switch-control{position:relative;display:inline-block;width:34px;height:20px;flex-shrink:0;cursor:pointer}.switch-control input{opacity:0;width:0;height:0}.switch-slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ffffff1f;border-radius:20px;transition:var(--transition-fast)}[data-theme=light] .switch-slider{background-color:#0f172a1f}.switch-slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:var(--transition-fast);box-shadow:0 1px 3px #0003}.switch-control input:checked+.switch-slider{background-color:var(--accent-primary);box-shadow:0 0 8px var(--accent-glow-subtle)}.switch-control input:checked+.switch-slider:before{transform:translate(14px)}.switch-label{font-size:.82rem;color:var(--text-secondary);-webkit-user-select:none;-moz-user-select:none;user-select:none;cursor:pointer}.sidebar-bottom{margin-top:auto;display:flex;flex-direction:column;gap:12px}.sidebar-stats-card{background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:12px;padding:12px;display:flex;flex-direction:column;gap:8px}.stat-row{display:flex;align-items:center;justify-content:space-between;font-size:.76rem}.stat-name{color:var(--text-dim)}.stat-value{font-family:var(--font-mono);color:var(--text-secondary);font-weight:600}.stat-value.highlight{color:var(--status-open)}.btn-client-view-link{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:500;transition:var(--transition-smooth)}.btn-client-view-link:hover{background:var(--surface-subtle-hover);color:var(--text-primary);border-color:var(--border-glass-strong)}.registry-column{width:360px;min-width:340px;max-width:400px;background:var(--bg-registry);border-right:1px solid var(--border-glass);display:flex;flex-direction:column;overflow:hidden}.registry-header{height:54px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-glass);background:var(--bg-registry)}.registry-header-title-wrap{display:flex;align-items:center;gap:8px}.registry-title{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--text-primary)}.registry-badge{font-family:var(--font-mono);font-size:.72rem;background:var(--accent-glow-subtle);border:1px solid rgba(229,230,65,.35);padding:2px 8px;border-radius:999px;color:var(--accent-primary-light);font-weight:600}[data-theme=light] .registry-badge{color:#111827;background:#ffc60026;border-color:#ffc60059}.registry-refresh-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)}.registry-refresh-btn:hover{color:var(--text-primary);background:var(--surface-subtle)}.registry-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:8px}.ticket-item-card{position:relative;padding:14px 16px;background:var(--surface-card);border:1px solid var(--border-glass);border-radius:14px;cursor:pointer;transition:var(--transition-smooth);display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow-card)}.ticket-item-card:hover{background:var(--surface-card-hover);border-color:var(--border-glass-strong);transform:translateY(-1px)}.ticket-item-card.active{background:var(--surface-card-active);border-color:var(--border-active-card);box-shadow:0 0 0 1.5px var(--border-active-card),var(--shadow-card)}.ticket-item-card-top{display:flex;align-items:flex-start;gap:8px}.ticket-unread-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-primary-light);margin-top:5px;flex-shrink:0;box-shadow:0 0 6px var(--accent-primary-light)}.ticket-item-subject{font-size:.92rem;font-weight:700;color:var(--text-primary);line-height:1.3;flex:1}.ticket-item-snippet{font-size:.8rem;color:var(--text-muted);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ticket-item-tags-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:3px}.tag-status-pill{font-family:var(--font-mono);font-size:.65rem;font-weight:700;text-transform:uppercase;padding:2px 7px;border-radius:5px;letter-spacing:.04em;white-space:nowrap;flex-shrink:0}.tag-status-pill.status-new{background:var(--status-new-bg);color:var(--status-new);border:1px solid rgba(229,230,65,.35)}.tag-status-pill.status-open{background:var(--status-open-bg);color:var(--status-open);border:1px solid rgba(16,185,129,.25)}.tag-status-pill.status-resolved{background:var(--status-resolved-bg);color:var(--status-resolved);border:1px solid rgba(148,163,184,.25)}.tag-project-pill{font-family:var(--font-mono);font-size:.66rem;padding:2px 7px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:5px;color:var(--text-secondary)}[data-theme=light] .tag-project-pill{background:#0f172a0a;border-color:#0f172a14}.tag-assignee-pill{font-size:.68rem;padding:2px 7px;border-radius:5px;background:var(--surface-subtle);color:var(--text-muted);border:1px solid var(--border-glass)}[data-theme=light] .tag-assignee-pill{background:#0f172a08;border-color:#0f172a12}.tag-time-ago{font-size:.68rem;font-family:var(--font-mono);color:var(--text-dim);margin-left:auto}.empty-registry-state{padding:40px 20px;text-align:center;color:var(--text-dim);display:flex;flex-direction:column;align-items:center;gap:10px}.empty-registry-state svg{color:var(--text-dim);opacity:.6}.conversation-column{flex:1;background:var(--bg-workspace);display:flex;flex-direction:column;min-width:0;overflow:hidden;position:relative}.ticket-workspace{display:flex;flex-direction:column;height:100%;min-height:0;position:relative}.conversation-header{padding:16px 28px;border-bottom:1px solid var(--border-glass);background:var(--bg-header);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0;min-height:70px;position:relative;z-index:50}[data-theme=light] .conversation-header{background:#fff;border-bottom-color:#0f172a14}.conv-header-main{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.conv-ticket-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);letter-spacing:-.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.25}.conv-meta-row{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-muted);white-space:nowrap}.conv-meta-sep{color:var(--text-dim);opacity:.6}.conv-ticket-id{font-family:var(--font-mono);color:var(--accent-primary);font-weight:700;font-size:.82rem}.conv-project-name{color:var(--text-secondary);font-weight:600;padding:2px 8px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:6px;font-size:.74rem;font-family:var(--font-mono)}[data-theme=light] .conv-project-name{background:#f1f5f9;border-color:#0f172a14;color:#334155}.conv-visitor-name{color:var(--text-secondary);font-weight:500;font-family:var(--font-mono)}.conv-time-ago{color:var(--text-dim)}.conv-header-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.status-dropdown-wrap{position:relative;z-index:60}.status-chip-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;font-family:var(--font-mono);font-size:.74rem;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;white-space:nowrap;flex-shrink:0}.status-chip-btn.status-new{background:var(--status-new-bg);border-color:#e5e64159;color:var(--status-new)}.status-chip-btn.status-open{background:var(--status-open-bg);border-color:#10b9814d;color:var(--status-open)}.status-chip-btn.status-pending{background:var(--status-pending-bg);border-color:#f59e0b4d;color:var(--status-pending)}.status-chip-btn.status-resolved{background:var(--status-resolved-bg);border-color:#94a3b84d;color:var(--status-resolved)}.status-chip-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.status-chip-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.status-dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;left:auto;background:var(--surface-panel-solid);border:1px solid var(--border-glass-strong);border-radius:14px;padding:6px;min-width:200px;box-shadow:0 16px 40px -4px #00000073,0 0 0 1px #ffffff14;z-index:1050;display:flex;flex-direction:column;gap:3px;animation:fadeInMsg .15s ease-out}[data-theme=light] .status-dropdown-menu{background:#fff;border-color:#0f172a1f;box-shadow:0 20px 48px -6px #0f172a33,0 0 0 1px #0f172a14}[data-theme=light] .status-option-check{color:#857600}.status-option-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:9px 12px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-size:.84rem;font-weight:500;cursor:pointer;text-align:left;transition:var(--transition-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none}.status-option-left{display:flex;align-items:center;gap:10px}.status-option-btn:hover{background:var(--surface-subtle-hover);color:var(--text-primary)}[data-theme=light] .status-option-btn:hover{background:#f1f5f9;color:#0f172a}.status-option-btn.selected{background:var(--surface-subtle);color:var(--text-primary);font-weight:600}[data-theme=light] .status-option-btn.selected{background:#ffc60026;color:#111827}.status-option-check{font-size:.82rem;font-weight:700;color:var(--accent-primary);opacity:0;transition:var(--transition-fast)}.status-option-btn.selected .status-option-check{opacity:1}.messages-history-scroll{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px;display:flex;flex-direction:column;gap:14px;scrollbar-gutter:stable;box-sizing:border-box}.date-divider{display:flex;align-items:center;justify-content:center;margin:6px 0 14px;position:relative}.date-divider:before{content:"";position:absolute;left:0;right:0;height:1px;background:var(--border-glass)}.date-divider span{position:relative;background:var(--bg-workspace);padding:0 14px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase}.messages-thread{display:flex;flex-direction:column;gap:14px}.chat-msg-row{display:flex;gap:10px;max-width:88%}.chat-msg-row.new-msg-fade{animation:fadeInMsg .22s ease-out}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-msg-row.incoming{align-self:flex-start}.chat-msg-row.outgoing{align-self:flex-end;flex-direction:row-reverse}.msg-sender-avatar{width:30px;height:30px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:1px solid var(--border-glass-strong)}.msg-bubble-wrap{display:flex;flex-direction:column;gap:4px}.msg-author-tag{font-size:.7rem;font-weight:600;color:var(--text-muted)}.chat-msg-row.outgoing .msg-author-tag{text-align:right}.msg-bubble{padding:11px 14px;border-radius:16px;font-size:.85rem;line-height:1.45;position:relative;word-break:break-word}.chat-msg-row.incoming .msg-bubble{background:var(--surface-card);border:1px solid var(--border-glass);color:var(--text-primary);border-top-left-radius:4px}.chat-msg-row.outgoing .msg-bubble{background:linear-gradient(135deg,#ffc600,#e5e641);color:#000;font-weight:600;border-top-right-radius:4px;box-shadow:0 4px 14px #e5e64140}.msg-bubble code{font-family:var(--font-mono);font-size:.78rem;background:#0000004d;padding:2px 6px;border-radius:6px}.msg-time-stamp{font-size:.68rem;color:var(--text-muted);align-self:flex-end;margin-top:3px;display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono)}.chat-msg-row.outgoing .msg-time-stamp{color:var(--text-muted)}.msg-status-check{display:inline-flex;align-items:center;justify-content:center;line-height:1;transition:var(--transition-smooth)}.msg-status-check svg{display:block}.msg-status-check.status-sent{color:var(--text-muted);opacity:.85}.msg-status-check.status-read{color:#38bdf8;animation:checkPop .28s cubic-bezier(.34,1.56,.64,1)}@keyframes checkPop{0%{transform:scale(.6);opacity:.5}70%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.msg-row.internal-note{align-self:stretch;max-width:100%}.internal-note-box{background:#f59e0b14;border:1px dashed rgba(245,158,11,.4);border-radius:12px;padding:12px 16px;display:flex;flex-direction:column;gap:6px}.note-header{display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:#d97706;font-weight:700}[data-theme=light] .note-header{color:#b45309}.note-header-left{display:flex;align-items:center;gap:6px}.note-content{font-size:.86rem;color:var(--text-primary);line-height:1.48}.visitor-typing-row{display:flex;align-items:center;gap:8px}.visitor-typing-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:var(--surface-card);border:1px solid var(--border-glass);border-radius:999px;font-size:.76rem;color:var(--text-muted)}.typing-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-primary-light);animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typingBounce{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1.1);opacity:1}}.operator-reply-dock{background:var(--bg-header);border-top:1px solid var(--border-glass);padding:14px 24px 18px;display:flex;flex-direction:column;gap:10px;flex-shrink:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.reply-mode-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 2px 4px}.mode-tabs-left{display:flex;align-items:center;gap:4px}.mode-tab-btn{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--text-muted);font-size:.82rem;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:var(--transition-smooth)}.mode-tab-btn:hover{color:var(--text-primary);background:var(--surface-subtle)}.mode-tab-btn.active{background:var(--surface-card);border-color:var(--border-glass);color:var(--text-primary);box-shadow:0 1px 3px #0000000d}[data-theme=light] .mode-tab-btn.active{background:#fff;border-color:#0f172a1a;box-shadow:0 1px 4px #0f172a0f}.mode-hint-right{display:flex;align-items:center;gap:16px;font-size:.74rem;color:var(--text-dim);font-family:var(--font-body);letter-spacing:.01em}[data-theme=light] .mode-hint-right{color:#94a3b8}.reply-input-wrapper{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:14px;padding:12px 16px;display:flex;flex-direction:column;gap:8px;transition:var(--transition-smooth)}[data-theme=light] .reply-input-wrapper{background:#fff;border-color:#0f172a1f}.reply-input-wrapper:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow-subtle)}.reply-input-wrapper.note-mode{background:#f59e0b0d;border-color:#f59e0b59}.reply-input-wrapper.note-mode:focus-within{border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}#operator-reply-textarea{width:100%;background:transparent;border:none;color:var(--text-primary);font-family:var(--font-body);font-size:.92rem;line-height:1.5;resize:none;outline:none}#operator-reply-textarea::-moz-placeholder{color:var(--text-dim)}#operator-reply-textarea::placeholder{color:var(--text-dim)}.reply-attachments-preview{display:flex;flex-wrap:wrap;gap:6px;padding-top:4px;border-top:1px solid var(--border-glass)}.attached-file-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:6px;font-size:.76rem;color:var(--text-secondary)}.attached-file-remove{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.9rem;line-height:1}.attached-file-remove:hover{color:var(--status-urgent)}.reply-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.reply-tools-group{display:flex;align-items:center;gap:6px}.reply-tool-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;background:none;border:1px solid transparent;border-radius:6px;color:var(--text-muted);font-size:.8rem;font-family:var(--font-body);cursor:pointer;transition:var(--transition-fast)}.reply-tool-btn:hover{background:var(--surface-subtle);color:var(--text-primary);border-color:var(--border-glass)}.macros-dropdown-wrap{position:relative}.macros-menu{position:absolute;bottom:calc(100% + 8px);left:0;background:var(--surface-panel-solid);border:1px solid var(--border-glass-strong);border-radius:12px;padding:8px;min-width:320px;box-shadow:var(--shadow-dropdown);z-index:100;display:flex;flex-direction:column;gap:4px}.macros-menu-header{font-family:var(--font-mono);font-size:.68rem;font-weight:700;color:var(--text-dim);padding:4px 8px;text-transform:uppercase}.macro-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px 10px;background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:var(--transition-fast)}.macro-item:hover{background:var(--surface-subtle-hover)}.macro-title{font-size:.82rem;font-weight:600;color:var(--text-primary)}.macro-desc{font-size:.72rem;color:var(--text-muted)}.btn-send-reply{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));border:none;color:#000;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-glow)}.btn-send-reply:hover{transform:scale(1.06);filter:brightness(1.08);box-shadow:0 6px 20px #e5e64180}.btn-send-reply:active{transform:scale(.95)}.empty-conversation-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:40px;text-align:center;gap:12px}.empty-icon-wrap{width:64px;height:64px;border-radius:16px;background:var(--surface-subtle);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.empty-conversation-state h3{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--text-primary)}.empty-conversation-state p{font-size:.86rem;color:var(--text-muted);max-width:380px;line-height:1.5}.btn-tracker-export{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:9px;background:var(--surface-subtle);border:1px solid var(--border-glass);color:var(--text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.btn-tracker-export:hover{background:#fc3f1d26;border-color:#fc3f1d66;color:#fff;box-shadow:0 0 12px #fc3f1d40}.tracker-badge-icon{width:18px;height:18px;border-radius:4px;background:linear-gradient(135deg,#fc3f1d,#e02807);color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #fc3f1d4d}.admin-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#080c12cc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:20px;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1)}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.admin-modal-box{background:var(--surface-panel);border:1px solid var(--border-glass);border-radius:16px;width:100%;max-width:580px;box-shadow:0 24px 48px #0009;display:flex;flex-direction:column;overflow:hidden}[data-theme=light] .admin-modal-box{background:#fff;border-color:#0f172a1a;box-shadow:0 20px 40px #0f172a26}.modal-header{padding:16px 20px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.btn-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;line-height:1;padding:4px;border-radius:6px;transition:var(--transition-fast)}.btn-modal-close:hover{color:var(--text-primary);background:var(--surface-subtle)}.modal-body-form{padding:20px;display:flex;flex-direction:column;gap:14px}.form-group label{font-size:.76rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.form-group input,.form-group select,.form-group textarea{background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:8px;padding:9px 12px;color:var(--text-primary);font-size:.84rem;font-family:inherit;transition:var(--transition-fast)}.form-group textarea{font-family:var(--font-mono);font-size:.8rem;resize:vertical}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #d9770626}.modal-footer{padding-top:10px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn-modal-cancel{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);font-size:.82rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-modal-cancel:hover{color:var(--text-primary);background:var(--surface-subtle-hover)}.btn-modal-submit{display:inline-flex;align-items:center;gap:7px;padding:8px 18px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));border:none;border-radius:8px;color:#000;font-size:.84rem;font-weight:700;cursor:pointer;transition:var(--transition-fast);box-shadow:0 4px 12px #e5e64159}.btn-modal-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.admin-main-pane{flex:1;overflow-y:auto;padding:28px 36px 60px;display:flex;flex-direction:column;gap:24px;background:var(--bg-workspace)}[data-theme=light] .admin-main-pane{background:#f8fafc}.admin-tab-pane{display:none;flex-direction:column;gap:24px;animation:fadeInMsg .2s ease-out}.admin-tab-pane.active{display:flex}.pane-header-row{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap}.pane-tag{font-size:.72rem;font-family:var(--font-mono);color:var(--accent-primary);font-weight:700;text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.pane-title{font-family:var(--font-display);font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.pane-subtitle{font-size:.86rem;color:var(--text-muted);margin-top:4px}.pane-header-actions{display:flex;align-items:center;gap:12px}.search-input-wrap{position:relative;display:flex;align-items:center;width:250px}.search-input-wrap svg{position:absolute;left:12px;color:var(--text-dim);pointer-events:none}.search-input-wrap input{width:100%;height:38px;padding:0 14px 0 36px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:10px;color:var(--text-primary);font-size:.84rem;outline:none;transition:var(--transition-smooth)}[data-theme=light] .search-input-wrap input{background:#fff;border-color:#0f172a1f}.search-input-wrap input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow-subtle)}.btn-primary-action{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 18px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#000;border:none;border-radius:10px;font-size:.84rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-glow)}.btn-primary-action:hover{transform:translateY(-1px);filter:brightness(1.08);box-shadow:0 10px 24px -4px #e5e64173}.admin-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.metric-card{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:14px;padding:16px 20px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--shadow-card)}[data-theme=light] .metric-card{background:#fff;border-color:#0f172a14}.metric-label{font-size:.76rem;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.metric-value{font-family:var(--font-display);font-size:1.8rem;font-weight:800;color:var(--text-primary);line-height:1.1}.metric-value.highlight-green{color:#10b981}.metric-value.highlight-indigo{color:var(--accent-primary)}.metric-value.highlight-amber{color:#f59e0b}.admin-table-card{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:16px;overflow:hidden;box-shadow:var(--shadow-card)}[data-theme=light] .admin-table-card{background:#fff;border-color:#0f172a14}.admin-data-table{width:100%;border-collapse:collapse;text-align:left}.admin-data-table th{padding:14px 20px;font-size:.74rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;color:var(--text-dim);letter-spacing:.06em;border-bottom:1px solid var(--border-glass);background:var(--surface-subtle)}[data-theme=light] .admin-data-table th{background:#f8fafc;border-bottom-color:#0f172a14}.admin-data-table td{padding:16px 20px;font-size:.86rem;color:var(--text-secondary);border-bottom:1px solid var(--border-glass);vertical-align:middle}[data-theme=light] .admin-data-table td{border-bottom-color:#0f172a0f}.admin-data-table tr:last-child td{border-bottom:none}.admin-data-table tr:hover td{background:var(--surface-subtle)}[data-theme=light] .admin-data-table tr:hover td{background:#f8fafc}.company-cell{display:flex;align-items:center;gap:12px}.company-logo-badge{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));color:#000;font-family:var(--font-display);font-weight:800;font-size:.86rem;display:flex;align-items:center;justify-content:center}.company-meta-name{font-weight:700;color:var(--text-primary);font-size:.92rem}.company-meta-desc{font-size:.74rem;color:var(--text-dim)}.slug-badge{font-family:var(--font-mono);font-size:.76rem;background:var(--surface-subtle);padding:3px 8px;border-radius:6px;border:1px solid var(--border-glass);color:var(--accent-primary);font-weight:600}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:.74rem;font-weight:600}.status-badge.active{background:var(--status-open-bg);color:var(--status-open)}.status-badge.paused{background:var(--status-pending-bg);color:var(--status-pending)}.status-badge-dot{width:6px;height:6px;border-radius:50%;background:currentColor}.table-actions-cell{display:flex;align-items:center;justify-content:flex-end;gap:6px}.btn-table-action{background:none;border:1px solid transparent;color:var(--text-muted);padding:6px 10px;border-radius:8px;font-size:.8rem;font-weight:500;cursor:pointer;transition:var(--transition-fast);display:inline-flex;align-items:center;gap:4px}.btn-table-action:hover{background:var(--surface-subtle);border-color:var(--border-glass);color:var(--text-primary)}.btn-table-action.delete:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.macros-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:16px}.macro-card-item{background:var(--surface-card);border:1px solid var(--border-glass);border-radius:14px;padding:18px 20px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-card);transition:var(--transition-smooth)}[data-theme=light] .macro-card-item{background:#fff;border-color:#0f172a14}.macro-card-item:hover{transform:translateY(-2px);border-color:var(--border-glass-strong);box-shadow:0 8px 24px -4px #0000001a}.macro-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.macro-card-title{font-size:.95rem;font-weight:700;color:var(--text-primary);line-height:1.3}.macro-shortcut-tag{font-family:var(--font-mono);font-size:.72rem;padding:2px 7px;border-radius:6px;background:var(--surface-subtle);border:1px solid var(--border-glass);color:var(--accent-primary);font-weight:600;flex-shrink:0}.macro-card-body{font-size:.84rem;color:var(--text-secondary);line-height:1.5;background:var(--surface-subtle);padding:10px 12px;border-radius:8px;border:1px solid var(--border-glass);flex:1}[data-theme=light] .macro-card-body{background:#f8fafc;border-color:#0f172a0f}.macro-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:4px}.macro-project-scope{font-size:.72rem;font-family:var(--font-mono);color:var(--text-dim)}.admin-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#07090ebf;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:20px}.admin-modal-box{background:var(--surface-panel-solid);border:1px solid var(--border-glass-strong);border-radius:18px;width:100%;max-width:520px;box-shadow:var(--shadow-dropdown);display:flex;flex-direction:column;overflow:hidden;animation:fadeInMsg .2s ease-out}[data-theme=light] .admin-modal-box{background:#fff;border-color:#0f172a1f;box-shadow:0 24px 60px -12px #0f172a40}.modal-header{padding:18px 24px;border-bottom:1px solid var(--border-glass);display:flex;align-items:center;justify-content:space-between}.modal-title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--text-primary)}.btn-modal-close{background:none;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer;line-height:1;padding:4px}.btn-modal-close:hover{color:var(--text-primary)}.modal-body-form{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:9px 14px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-primary);font-size:.86rem;font-family:var(--font-body);outline:none;transition:var(--transition-smooth)}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:#fff;border-color:#0f172a24}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-glow-subtle)}.form-group-row{display:flex;gap:12px}.form-group-row .form-group{flex:1}.modal-projects-checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-height:140px;overflow-y:auto;padding:6px;background:var(--surface-subtle);border-radius:8px;border:1px solid var(--border-glass)}.modal-project-check-item{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.modal-footer{padding-top:8px;display:flex;align-items:center;justify-content:flex-end;gap:10px}.btn-modal-cancel{padding:8px 16px;background:none;border:1px solid var(--border-glass);border-radius:8px;color:var(--text-muted);font-size:.84rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-modal-cancel:hover{color:var(--text-primary);background:var(--surface-subtle)}.btn-modal-submit{padding:8px 20px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));border:none;border-radius:8px;color:#000;font-size:.84rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:var(--shadow-glow)}.btn-modal-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}.integrations-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:20px}@media (max-width: 1100px){.integrations-grid{grid-template-columns:1fr}}.integration-card{background:var(--surface-panel);border:1px solid var(--border-glass);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 10px 25px #00000040;transition:var(--transition-smooth)}.integration-card:hover{border-color:#ffffff24;box-shadow:0 14px 32px #00000059}.integration-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.integration-brand{display:flex;align-items:center;gap:14px}.integration-icon-wrap{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.25rem;flex-shrink:0}.integration-icon-yandex{background:linear-gradient(135deg,#fc3f1d,#e02807);color:#fff;box-shadow:0 4px 12px #fc3f1d59}.integration-icon-telegram{background:linear-gradient(135deg,#229ed9,#08c);color:#fff;box-shadow:0 4px 12px #229ed959}.integration-icon-webhook{background:linear-gradient(135deg,#8b5cf6,#6d28d9);color:#fff;box-shadow:0 4px 12px #8b5cf659}.integration-icon-email{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 4px 12px #f59e0b59}.integration-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--text-primary)}.integration-meta{font-size:.78rem;color:var(--text-muted);margin-top:2px}.integration-toggle-wrap{display:flex;align-items:center;gap:10px}.integration-status-badge{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:uppercase;letter-spacing:.04em}.integration-status-badge.badge-active{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.3)}.integration-status-badge.badge-paused{background:#94a3b81a;color:#94a3b8;border:1px solid rgba(148,163,184,.25)}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:var(--surface-subtle);border:1px solid var(--border-glass);transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#94a3b8;transition:.3s;border-radius:50%}input:checked+.toggle-slider{background-color:#d9770640;border-color:var(--accent-primary)}input:checked+.toggle-slider:before{transform:translate(20px);background-color:var(--accent-primary)}.integration-form{display:flex;flex-direction:column;gap:14px}.integration-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 600px){.integration-form-grid{grid-template-columns:1fr}}.input-with-action{position:relative;display:flex;align-items:center}.input-with-action input{width:100%;padding-right:38px}.btn-input-icon{position:absolute;right:6px;background:none;border:none;cursor:pointer;padding:6px;font-size:.9rem;opacity:.7;transition:var(--transition-fast)}.btn-input-icon:hover{opacity:1;transform:scale(1.1)}.form-group-checkbox{margin-top:4px}.custom-checkbox-row{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.custom-checkbox-row input[type=checkbox]{accent-color:var(--accent-primary);width:15px;height:15px;cursor:pointer}.integration-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:6px;padding-top:14px;border-top:1px solid var(--border-glass)}.btn-secondary-action{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;background:var(--surface-subtle);border:1px solid var(--border-glass);border-radius:8px;color:var(--text-secondary);font-size:.8rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-secondary-action:hover{color:var(--text-primary);background:#ffffff14}.btn-save-integration{display:inline-flex;align-items:center;gap:6px;padding:7px 16px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-primary-hover));border:none;border-radius:8px;color:#000;font-size:.82rem;font-weight:700;cursor:pointer;transition:var(--transition-fast);box-shadow:0 2px 8px #e5e64159}.btn-save-integration:hover{filter:brightness(1.08);transform:translateY(-1px)}.aura-toast{position:fixed;bottom:24px;right:24px;z-index:10000;background:var(--surface-panel);border:1px solid var(--border-glass);border-radius:12px;padding:12px 18px;color:var(--text-primary);font-size:.84rem;font-weight:600;display:flex;align-items:center;gap:10px;box-shadow:0 16px 36px #00000080;animation:toastSlideUp .3s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}[data-theme=light] .aura-toast{background:#fff;border-color:#0f172a1a;box-shadow:0 12px 28px #0f172a1f}@keyframes toastSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.assignment-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}.assignment-controls select,.assignment-controls button,.widget-history-access input,.widget-history-access button{border:1px solid var(--border-glass-strong);border-radius:8px;background:var(--surface-panel);color:var(--text-primary);padding:6px 8px;font:inherit}.assignment-controls button,.widget-history-access button,.message-attachments button{cursor:pointer}.widget-history-access{margin:12px;padding:10px;border:1px solid var(--border-glass);border-radius:10px;font-size:12px}.widget-history-access summary{cursor:pointer;font-weight:700}.widget-history-access form,.message-attachments{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.widget-history-access input{min-width:0;max-width:100%}.message-attachments{margin-top:6px}.agent-typing-indicator{padding:8px 14px;font-size:12px;color:var(--text-secondary)}.msg-sender-avatar{display:inline-flex;align-items:center;justify-content:center;flex:none}.workflow-integrations{padding:24px;max-width:720px}.workflow-integrations .modal-body-form{padding:0}.workflow-integrations h3{margin:20px 0 10px}.workflow-integrations .workflow-check{display:flex;align-items:center;gap:8px;margin:8px 0;color:var(--text-primary)}#admin-app .admin-sidebar{width:260px;min-width:260px}#admin-app .team-project-list{display:flex;flex-wrap:wrap;gap:4px}.mobile-workspace-nav{display:none}@media (max-width: 1100px){#operator-app,#admin-app{width:100%;height:100vh;height:100dvh}#operator-app .operator-workspace,#admin-app .operator-workspace{min-width:0}#operator-app .sidebar-column,#operator-app .registry-column,#operator-app .conversation-column{width:100%;min-width:0;max-width:none;height:100%;border-right:0}#operator-app[data-mobile-view=queue] .sidebar-column,#operator-app[data-mobile-view=queue] .conversation-column,#operator-app[data-mobile-view=filters] .registry-column,#operator-app[data-mobile-view=filters] .conversation-column,#operator-app[data-mobile-view=conversation] .sidebar-column,#operator-app[data-mobile-view=conversation] .registry-column{display:none}#operator-app .mobile-workspace-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0;min-height:60px;padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:var(--bg-header);border-top:1px solid var(--border-glass);z-index:80}.mobile-workspace-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:48px;border:0;border-radius:9px;background:transparent;color:var(--text-muted);font:600 .72rem var(--font-body);cursor:pointer}.mobile-workspace-nav button.active{color:var(--accent-primary);background:var(--accent-glow-subtle)}[data-theme=light] .mobile-workspace-nav button.active{color:var(--text-primary)}.mobile-workspace-nav button:disabled{opacity:.4;cursor:default}#admin-app .operator-workspace{flex-direction:column}#admin-app .admin-sidebar{width:100%;min-width:0;flex-direction:row;flex-shrink:0;overflow-x:auto;overflow-y:hidden;padding:8px 12px;gap:0;border-right:0;border-bottom:1px solid var(--border-glass);scrollbar-width:thin}#admin-app .admin-sidebar .sidebar-section{flex:none}#admin-app .admin-sidebar .sidebar-section:last-child,#admin-app .admin-sidebar .section-caption{display:none}#admin-app .admin-sidebar .status-filters-list{display:flex;flex-direction:row;gap:6px}#admin-app .admin-sidebar .admin-nav-item{width:auto;min-height:42px;padding:8px 12px;white-space:nowrap}#admin-app .admin-sidebar .status-count{display:none}#admin-app .admin-main-pane{min-width:0;min-height:0;padding:24px 24px 40px}}@media (max-width: 700px){#operator-app .operator-header,#admin-app .operator-header{height:auto;min-height:100px;flex-shrink:0;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:8px;padding:8px 12px}#operator-app .header-left,#admin-app .header-left{min-width:0}#operator-app .header-center,#admin-app .header-center{grid-column:1 / -1;grid-row:2;max-width:none;min-width:0;margin:0}#operator-app .header-right,#admin-app .header-right{grid-column:2;grid-row:1;gap:6px}#operator-app .connection-status,#admin-app .connection-status,#operator-app .search-shortcut,#admin-app .search-shortcut,#operator-app .operator-info,#admin-app .operator-info{display:none}#operator-app .operator-profile-pill,#admin-app .operator-profile-pill{padding:3px 4px}#operator-app .registry-header{flex-shrink:0}#operator-app .sidebar-column{padding-bottom:24px}#operator-app .conversation-header{flex-wrap:wrap;align-items:flex-start;gap:10px;min-height:0;padding:12px 14px}#operator-app .conv-header-main,#operator-app .conv-header-actions{width:100%;min-width:0}#operator-app .conv-ticket-title{font-size:1.05rem}#operator-app .conv-meta-row{overflow-x:auto;padding-bottom:3px;scrollbar-width:none}#operator-app .conv-header-actions{flex-wrap:wrap;gap:8px}#operator-app .assignment-controls{flex:1;min-width:0}#operator-app .assignment-controls select{max-width:150px;min-width:0}#operator-app .messages-history-scroll{min-height:0;padding:14px}#operator-app .chat-msg-row{max-width:96%}#operator-app .operator-reply-dock{padding:8px 10px 10px;gap:5px}#operator-app .reply-mode-bar{gap:4px}#operator-app .mode-tab-btn{padding:6px 8px;font-size:.75rem}#operator-app .mode-hint-right span:not(#char-counter){display:none}#operator-app .mode-hint-right{font-size:.68rem}#operator-app .reply-input-wrapper{padding:7px 9px}#operator-app #operator-reply-textarea{min-height:50px;max-height:100px}#operator-app .macros-menu{min-width:0;width:min(320px,calc(100vw - 24px));max-height:45dvh;overflow-y:auto}#admin-app .admin-main-pane{padding:16px 12px 32px}#admin-app .admin-tab-pane{gap:16px}#admin-app .pane-header-row,#admin-app .pane-header-actions{width:100%}#admin-app .pane-title{font-size:1.35rem}#admin-app .pane-header-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}#admin-app .search-input-wrap{width:100%;min-width:0}#admin-app .btn-primary-action{justify-content:center;padding:0 10px}#admin-app .admin-metrics-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}#admin-app .metric-card{min-width:0;padding:12px}#admin-app .metric-label{font-size:.66rem;overflow-wrap:anywhere}#admin-app .metric-value{font-size:1.45rem}#admin-app .admin-table-card{background:transparent;border:0;box-shadow:none;overflow:visible}#admin-app .admin-data-table,#admin-app .admin-data-table tbody,#admin-app .admin-data-table tr{display:block;width:100%}#admin-app .admin-data-table thead{display:none}#admin-app .admin-data-table tbody{display:grid;gap:10px}#admin-app .admin-data-table tr{overflow:hidden;border:1px solid var(--border-glass);border-radius:12px;background:var(--surface-card)}#admin-app .admin-data-table td{display:grid;grid-template-columns:100px minmax(0,1fr);align-items:start;gap:8px;min-width:0;padding:9px 12px;font-size:.8rem;overflow-wrap:anywhere}#admin-app .admin-data-table td:before{content:attr(data-label);color:var(--text-muted);font:600 .7rem var(--font-mono);text-transform:uppercase}#admin-app .admin-data-table td:first-child,#admin-app .admin-data-table td:last-child{display:block}#admin-app .admin-data-table td:first-child:before,#admin-app .admin-data-table td:last-child:before,#admin-app .admin-data-table .admin-empty-row td:before{display:none}#admin-app .admin-data-table .company-cell,#admin-app .admin-data-table .company-cell>div:last-child{min-width:0}#admin-app .admin-data-table .company-meta-desc{overflow-wrap:anywhere}#admin-app .admin-data-table .table-actions-cell{justify-content:flex-start;flex-wrap:wrap}#admin-app .macros-cards-grid,#admin-app .integrations-grid{grid-template-columns:minmax(0,1fr)}#admin-app .macro-card-item,#admin-app .integration-card{min-width:0;padding:14px}#admin-app .integration-card-header,#admin-app .integration-toggle-wrap{flex-wrap:wrap}#admin-app .workflow-integrations{min-width:0;padding:0}}@media (max-width: 480px){#operator-app .brand-badge,#admin-app .brand-badge,#operator-app #btn-sound-toggle,#admin-app #btn-sound-toggle{display:none}#operator-app .brand-title,#admin-app .brand-title{font-size:1rem}#admin-app .pane-header-actions{grid-template-columns:1fr}#admin-app .btn-primary-action{width:100%}#admin-app .admin-modal-overlay,#operator-app .admin-modal-overlay{align-items:flex-end;padding:8px}#admin-app .admin-modal-box,#operator-app .admin-modal-box{max-height:calc(100dvh - 16px - env(safe-area-inset-bottom));border-radius:14px}#admin-app .modal-header,#operator-app .modal-header{padding:12px 16px;gap:8px}#admin-app .modal-body-form,#operator-app .modal-body-form{min-height:0;overflow-y:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom))}#admin-app .form-group-row{flex-direction:column}#admin-app .modal-projects-checkbox-grid{grid-template-columns:1fr}#admin-app .modal-body-form>textarea{width:100%;min-width:0}}.invite-card{max-height:calc(100dvh - 32px);overflow-y:auto}.invite-title{color:var(--text-primary);font:700 1.25rem var(--font-display)}.invite-identity{color:var(--text-primary);font-weight:700;line-height:1.5;overflow-wrap:anywhere}.invite-identity span,.invitation-hint,.invitation-link-panel p{color:var(--text-muted);font-size:.82rem;line-height:1.5}.invite-error{padding:10px 12px;border:1px solid var(--status-urgent);border-radius:8px;color:var(--status-urgent);font-size:.85rem}.invite-login-link{align-self:center;color:var(--text-secondary);font-size:.8rem}.invitation-link-panel input{font-family:var(--font-mono);font-size:.78rem}@media (max-width: 480px){.invite-card{padding:20px 16px}.invitation-link-panel .modal-footer{flex-wrap:wrap}}