:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7f6;--surface:#fff;--surface-2:#f8faf9;--surface-3:#edf3f1;--surface-hover:#f1f6f4;--ink:#111c19;--ink-soft:#384d47;--muted:#6c827b;--line:#dbe5e1;--line-strong:#c4d5cf;--primary:#087f69;--primary-strong:#066553;--primary-soft:#ddf3ec;--sidebar:#072e26;--sidebar-active:#0f4e42;--success:#10b981;--warning:#d97706;--danger:#e11d48;--danger-soft:#fff1f3;--question:#6366f1;--order:#ea580c;--bubble-in:#fff;--bubble-out:#dcf8c6;--chat-bg:#eae6df;--shadow-sm:0 1px 3px #072e260a, 0 1px 2px #072e2605;--shadow-md:0 8px 24px #072e2612, 0 2px 6px #072e2608;--shadow-lg:0 20px 48px #072e261f, 0 4px 12px #072e260a;--radius-xs:6px;--radius-sm:8px;--radius:12px;--radius-lg:18px;--radius-full:9999px;--sidebar-width:224px;color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:14px;line-height:1.45}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b1311;--surface:#131f1c;--surface-2:#182723;--surface-3:#1f332e;--surface-hover:#1c2e29;--ink:#eaf3f0;--ink-soft:#b8ccc6;--muted:#859c95;--line:#243833;--line-strong:#334d46;--primary:#34d399;--primary-strong:#5eead4;--primary-soft:#12382f;--sidebar:#081714;--sidebar-active:#133930;--success:#34d399;--warning:#fbbf24;--danger:#fb7185;--danger-soft:#381a20;--bubble-in:#1a2925;--bubble-out:#134235;--chat-bg:#0e1715;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 8px 28px #0006;--shadow-lg:0 20px 48px #00000080}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}.svg-icon,.ui-icon{vertical-align:middle;flex:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.boot-screen,.login-page{color:#fff;background:radial-gradient(circle at 15% 15%,#34d3992e,#0000 38%),radial-gradient(circle at 85% 85%,#064e3b66,#0000 45%),linear-gradient(145deg,#051e18,#072e26 55%,#063d32);place-items:center;min-height:100%;padding:24px;display:grid}.boot-screen{gap:12px;font-weight:700;display:flex}.login-card{color:#111c19;background:#fffffffa;border:1px solid #ffffff26;border-radius:22px;gap:18px;width:min(420px,100%);padding:36px 32px;display:grid;box-shadow:0 30px 80px #0000004d}.login-card h1{letter-spacing:-.03em;font-size:26px;font-weight:800}.login-card p{color:#526661;margin-top:-8px;font-size:13px}.login-card label{color:#2c3f39;gap:6px;font-size:12px;font-weight:700;display:grid}.login-card input{background:#fff;border:1px solid #cad8d3;border-radius:10px;min-height:44px;padding:10px 14px;font-size:13px}.login-card input:focus{border-color:#087f69;outline:none;box-shadow:0 0 0 3px #087f6926}.brand-kicker,.eyebrow,.section-kicker{color:var(--primary);letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:800}.form-error{color:#a82e43;background:#fff0f2;border:1px solid #fecdd3;border-radius:9px;padding:10px 14px;font-size:12px}.login-card .button.primary{color:#fff;background:#087f69;border-color:#087f69;box-shadow:0 1px 4px #087f6940}.login-card .button.primary:hover:not(:disabled){background:#066553;border-color:#066553;box-shadow:0 2px 8px #087f6959}.login-card .button.primary:focus-visible{outline-offset:2px;outline:2px solid #066553;box-shadow:0 0 0 3px #087f6940}.app-shell{background:var(--bg);height:100%;display:flex;overflow:hidden}.sidebar{width:var(--sidebar-width);flex:0 0 var(--sidebar-width);background:var(--sidebar);color:#d6eee7;z-index:30;border-right:1px solid #ffffff0f;flex-direction:column;min-height:0;padding:20px 12px;display:flex}.brand-block{gap:2px;padding:4px 10px 22px;display:grid}.brand-block span{color:#5eead4;letter-spacing:.16em;text-transform:uppercase;font-size:10px;font-weight:900}.brand-block strong{color:#fff;letter-spacing:-.02em;font-size:18px;font-weight:800}.sidebar-nav{gap:4px;display:grid}.sidebar-link,.sidebar-logout{color:#b7dbd2;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:11px;width:100%;min-height:42px;padding:9px 12px;font-size:13px;font-weight:650;transition:all .16s;display:flex}.sidebar-link:hover{color:#fff;background:#ffffff14}.sidebar-link.active{background:var(--sidebar-active);color:#fff;font-weight:750;box-shadow:0 2px 8px #0000002e}.sidebar-link .svg-icon,.sidebar-logout .svg-icon{color:#72dfc4}.sidebar-link.active .svg-icon{color:#5eead4}.sidebar-link b{color:#042f2e;text-align:center;background:#34d399;border-radius:99px;min-width:20px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:800}.sidebar-bottom{border-top:1px solid #ffffff14;gap:10px;margin-top:auto;padding:12px 10px 4px;display:grid}.sidebar-version{color:#bde7dc;text-align:left;background:#ffffff0b;border:1px solid #ffffff21;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:36px;padding:7px 9px;transition:border-color .16s,background .16s,color .16s;display:flex}.sidebar-version:hover{color:#fff;background:#ffffff17;border-color:#5eead473}.sidebar-version-label{letter-spacing:.04em;font-size:10px;font-weight:700}.sidebar-version strong{color:#5eead4;font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:10px;font-weight:850}.sidebar-version:focus-visible{outline-color:#5eead4}.connection-badge{color:#bde7dc;align-items:center;gap:7px;font-size:11px;font-weight:650;display:inline-flex}.connection-badge i,.live-state i,.health-pill i{background:#34d399;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #34d39933}.sidebar-logout{opacity:.85;padding:8px 4px}.sidebar-logout:hover{opacity:1;color:#fff;background:#ffffff0f}.sidebar-backdrop{display:none}.main-area{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.topbar{border-bottom:1px solid var(--line);background:var(--surface);flex:none;align-items:center;gap:18px;min-height:72px;padding:12px 24px;display:flex;box-shadow:0 1px 2px #00000005}.topbar-copy{flex:1;min-width:0}.topbar-copy .eyebrow{margin-bottom:2px}.topbar-copy h1{color:var(--ink);letter-spacing:-.03em;text-overflow:ellipsis;white-space:nowrap;font-size:20px;font-weight:800;line-height:1.2;overflow:hidden}.topbar-copy>p:last-child{color:var(--muted);margin-top:2px;font-size:12px}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.live-state{color:var(--success);white-space:nowrap;align-items:center;gap:7px;margin-right:4px;font-size:11px;font-weight:750;display:inline-flex}.menu-button{border:1px solid var(--line);background:var(--surface);border-radius:9px;align-items:center;gap:7px;padding:7px 10px;display:none}.text-action,.action-button,.button{border:1px solid var(--line);background:var(--surface);min-height:36px;color:var(--ink-soft);border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px 13px;font-size:12px;font-weight:650;text-decoration:none;transition:all .16s;display:inline-flex}.text-action:hover,.action-button:hover:not(:disabled),.button:hover:not(:disabled){border-color:var(--line-strong);background:var(--surface-hover);color:var(--ink)}.action-button.primary,.button.primary{border-color:var(--primary);background:var(--primary);color:#fff;font-weight:700;box-shadow:0 1px 4px #087f6940}.action-button.primary:hover:not(:disabled),.button.primary:hover:not(:disabled){border-color:var(--primary-strong);background:var(--primary-strong);color:#fff;box-shadow:0 2px 8px #087f6959}.action-button.secondary,.button.secondary{background:var(--surface-2)}.action-button.danger,.button.danger{border-color:var(--danger);color:var(--danger);background:var(--surface)}.action-button.danger:hover:not(:disabled),.button.danger:hover:not(:disabled){background:var(--danger-soft)}.action-button.ghost{color:var(--primary);background:0 0;border-color:#0000}.button.sm{border-radius:7px;min-height:30px;padding:4px 10px;font-size:11px}.button.full{width:100%}.topbar-actions select,.select-wrap select{border:1px solid var(--line);background-color:var(--surface);min-height:36px;color:var(--ink-soft);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23087f69' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:9px;outline:none;padding:6px 30px 6px 12px;font-size:12px;font-weight:600;transition:all .16s}.topbar-actions select:hover,.select-wrap select:hover{border-color:var(--primary);background-color:var(--surface-hover)}.topbar-actions select:focus,.select-wrap select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #087f6924}html[data-theme=dark] .topbar-actions select,html[data-theme=dark] .select-wrap select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.spinner{border:2px solid var(--line-strong);border-top-color:var(--primary);border-radius:50%;flex:0 0 16px;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}.spinner.large{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}.inbox-shell{background:var(--surface);flex:1;grid-template-columns:340px minmax(420px,1fr);width:100%;min-width:0;min-height:0;margin:0;display:grid;overflow:hidden}.conversation-pane{border-right:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:flex}.search-bar{border-bottom:1px solid var(--line);background:var(--surface);gap:8px;padding:12px;display:flex}.search-wrap{flex:1;min-width:0;position:relative}.search-wrap>span{color:var(--muted);pointer-events:none;place-items:center;display:grid;position:absolute;top:50%;left:11px;transform:translateY(-50%)}.search-wrap input{background:var(--surface-2);width:100%;min-height:38px;color:var(--ink);border:1px solid #0000;border-radius:10px;outline:0;padding:8px 10px 8px 36px;font-size:12px}.search-wrap input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #087f691c}.filter-select{border:1px solid var(--line);background-color:var(--surface-2);width:118px;min-height:38px;color:var(--ink);cursor:pointer;appearance:none;box-shadow:var(--shadow-sm);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23087f69' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;border-radius:10px;outline:none;padding:8px 28px 8px 12px;font-size:12px;font-weight:650;transition:all .16s}.filter-select:hover{border-color:var(--primary);background-color:var(--surface-hover)}.filter-select:focus{border-color:var(--primary);background-color:var(--surface);box-shadow:0 0 0 3px #087f6924}html[data-theme=dark] .filter-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.conversation-summary{border-bottom:1px solid var(--line);background:var(--surface);padding:10px 12px}.conversation-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.conversation-metric{border:1px solid var(--line);background:var(--surface-2);min-width:0;min-height:52px;color:var(--ink);text-align:left;border-radius:9px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1px 6px;padding:7px 8px;display:grid}.conversation-metric>span{color:var(--muted);text-overflow:ellipsis;text-transform:uppercase;letter-spacing:.035em;white-space:nowrap;font-size:9px;font-weight:750;overflow:hidden}.conversation-metric>strong{color:var(--ink);grid-area:1/2/span 2;font-size:18px;line-height:1}.conversation-metric>small{color:var(--muted);grid-column:1;font-size:9px}.conversation-metric.clickable{appearance:none;font:inherit;cursor:pointer;transition:border-color .14s,background .14s,box-shadow .14s}.conversation-metric.clickable:hover{border-color:var(--primary);background:var(--surface-hover)}.conversation-metric.clickable:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.conversation-metric.clickable.active{border-color:var(--primary);background:var(--primary-soft);box-shadow:inset 2px 0 var(--primary)}.mark-all-read{border:1px solid var(--primary);width:100%;min-height:32px;color:var(--primary);cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;gap:7px;margin-top:7px;padding:6px 10px;font-size:10px;font-weight:800;display:inline-flex}.mark-all-read:hover:not(:disabled){background:var(--primary-soft)}.mark-all-read:disabled{border-color:var(--line);color:var(--muted);cursor:default;opacity:.7}.panel-content{flex:1;min-height:0;overflow:auto}.list-count{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:7px;padding:10px 14px 6px;font-size:10px;font-weight:800;display:flex}.conv-list{padding:0 8px 10px}.conv-row{width:100%;min-height:78px;color:var(--ink);text-align:left;content-visibility:auto;contain-intrinsic-size:78px;background:0 0;border:0;border-radius:11px;grid-template-columns:42px minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 9px;transition:background .12s;display:grid}.conv-row:hover{background:var(--surface-hover)}.conv-row.selected{background:var(--primary-soft);box-shadow:inset 3px 0 var(--primary)}.avatar{background:linear-gradient(145deg, var(--primary), var(--primary-strong));color:#fff;-webkit-user-select:none;user-select:none;border-radius:50%;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:12px;font-style:normal;font-weight:800;display:grid}.avatar.large{flex-basis:54px;width:54px;height:54px;font-size:16px}.avatar.mini,.mini-avatar{flex-basis:34px;width:34px;height:34px;font-size:11px}.conv-body{gap:3px;min-width:0;display:grid}.conv-body strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:700;overflow:hidden}.conv-body small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.conv-meta{color:var(--muted);white-space:nowrap;justify-items:end;gap:5px;font-size:9px;display:grid}.unread-badge{background:var(--primary);color:#fff;text-align:center;border-radius:99px;min-width:19px;padding:2px 6px;font-size:10px;font-weight:850}.conversation-tags{flex-wrap:wrap;gap:4px;min-width:0;margin-top:2px;display:flex}.status-badge,.mini-status{background:var(--surface-3);max-width:120px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:750;overflow:hidden}.status-badge.success{color:#15754d;background:#ddf5e8}.status-badge.warning{color:#946009;background:#fff1d4}.status-badge.danger{color:#9e3447;background:#ffe2e7}.status-badge.question{color:var(--question);background:#eee8ff}.status-badge.order{color:var(--order);background:#ffeadf}.mini-status.open{color:var(--question)}.mini-status.paused{color:var(--warning)}.load-more-wrap{justify-content:center;padding:8px 10px 14px;display:flex}.load-more{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink-soft);cursor:pointer;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex}.load-more:hover:not(:disabled){border-color:var(--primary);background:var(--surface-hover);color:var(--primary)}.chat{background:var(--chat-bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.chat-empty{text-align:center;color:var(--muted);flex:1;place-items:center;padding:30px;display:grid}.chat-empty>div{justify-items:center;gap:10px;max-width:340px;display:grid}.chat-empty strong{color:var(--ink);font-size:18px}.chat-head{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:11px;min-height:66px;padding:9px 16px;display:flex;box-shadow:0 1px 2px #00000005}.chat-head-info{flex:1;min-width:0}.chat-head-info strong,.chat-head-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-head-info strong{font-size:14px;font-weight:750}.chat-head-info span{color:var(--muted);font-size:11px}.mobile-back{color:var(--ink);background:0 0;border:0;display:none}.chat-actions{display:none}.conversation-control-bar{border-bottom:1px solid var(--line);background:var(--surface-2);align-items:center;gap:12px;padding:9px 16px;display:flex}.conversation-control-bar.active{background:color-mix(in srgb, var(--primary-soft) 65%, var(--surface))}.conversation-control-bar.paused{background:color-mix(in srgb, #fff0cf 65%, var(--surface))}.conversation-control-copy{flex:1;gap:1px;min-width:0;display:grid}.conversation-control-copy strong{font-size:12px;font-weight:750}.conversation-control-copy span{color:var(--muted);font-size:11px}.conversation-control-actions{gap:6px;display:flex}.ticket-banner{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:10px;padding:9px 16px;display:flex}.ticket-banner .badge{background:var(--surface-3);color:var(--ink-soft);border-radius:99px;flex:none;padding:3px 8px;font-size:9px;font-weight:850}.ticket-banner.order .badge{color:var(--order);background:#ffeadf}.ticket-banner.question .badge{color:var(--question);background:#eee8ff}.banner-text{min-width:0;color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.window-status{border-bottom:1px solid var(--line);background:var(--surface);align-items:center;gap:9px;padding:8px 16px;display:flex}.window-status.closed{background:color-mix(in srgb, #fff1d4 60%, var(--surface))}.window-status-copy{flex:1;min-width:0;display:grid}.window-status-copy strong{font-size:11px;font-weight:700}.window-status-copy span{color:var(--muted);font-size:10px}.chat-error{background:var(--danger-soft);color:var(--danger);justify-content:space-between;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:flex}.messages{overscroll-behavior:contain;flex-direction:column;flex:1;gap:6px;min-width:0;min-height:0;padding:18px 24px;display:flex;overflow:auto}.message-date-separator{width:min(100%,560px);color:var(--muted);letter-spacing:.02em;text-transform:uppercase;align-self:center;align-items:center;gap:10px;margin:8px 0 2px;font-size:10px;font-weight:800;display:flex}.message-date-separator:before,.message-date-separator:after{content:"";background:var(--line);flex:1;height:1px}.message-date-separator span{border:1px solid var(--line);background:var(--surface-2);white-space:nowrap;border-radius:99px;padding:4px 10px}.older-link{border:1px solid var(--line);background:var(--surface);color:var(--muted);box-shadow:var(--shadow-sm);border-radius:99px;align-self:center;margin-bottom:8px;padding:6px 14px;font-size:10px;font-weight:700}.older-link:hover{border-color:var(--primary);color:var(--primary)}.message-bubble{background:var(--bubble-in);max-width:min(72%,620px);box-shadow:var(--shadow-sm);color:var(--ink);overflow-wrap:anywhere;border:1px solid #0000000d;border-radius:4px 14px 14px;align-self:flex-start;padding:8px 12px 6px;position:relative}.message-bubble.outgoing{background:var(--bubble-out);border-radius:14px 4px 14px 14px;align-self:flex-end}.message-bubble.failed{border-color:var(--danger)}.message-text{white-space:pre-wrap;font-size:13px;line-height:1.45}.message-text a{color:var(--primary-strong);font-weight:600;text-decoration:underline}.message-bubble time{color:var(--muted);text-align:right;margin-top:4px;font-size:9px;font-weight:600;display:block}.delivery{margin-left:4px}.retry-link{color:var(--danger);background:0 0;border:0;margin-left:5px;font-size:9px;font-weight:700;text-decoration:underline}.message-actions{z-index:4;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-md);white-space:nowrap;border-radius:8px;flex-flow:row;gap:2px;width:max-content;padding:3px;display:none;position:absolute;top:-38px;right:0}.message-bubble:hover .message-actions,.message-bubble:focus-within .message-actions,.message-bubble.actions-visible .message-actions{display:flex}.message-actions button,.message-actions a{color:var(--muted);white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:4px;min-height:28px;padding:5px 8px;font-size:10px;font-weight:600;text-decoration:none;display:inline-flex}.message-actions button:hover,.message-actions a:hover{background:var(--surface-hover);color:var(--ink)}.message-actions button:focus-visible,.message-actions a:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.message-actions button.action-copied{color:var(--primary-strong);background:#087f691a}.message-actions-trigger{z-index:3;border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;top:0}.message-bubble.incoming .message-actions-trigger{right:-34px}.message-bubble.outgoing .message-actions-trigger{left:-34px}.message-bubble:hover .message-actions-trigger,.message-actions-trigger:focus-visible{opacity:1;pointer-events:auto}@media (width<=768px),(width<=950px) and (height<=500px){.message-actions-trigger{opacity:1;pointer-events:auto;background:0 0;border:none;width:24px;height:24px;margin-top:4px;margin-left:auto;display:flex;position:static}.message-bubble.outgoing .message-actions-trigger{margin-left:0;margin-right:auto}}.quoted-message{border-left:3px solid var(--primary);background:#087f6914;border-radius:6px;align-items:stretch;gap:7px;min-width:180px;margin-bottom:6px;padding:5px 8px;display:flex}.quoted-message>img{object-fit:cover;border-radius:5px;flex:0 0 42px;width:42px;height:42px}.quoted-message>span{align-content:center;gap:1px;min-width:0;display:grid}.quoted-message b{color:var(--primary-strong);font-size:10px;font-weight:750}.quoted-message small{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.image-button{background:var(--surface-2);color:#fff;border:0;border-radius:10px;min-width:220px;max-width:460px;padding:0;display:grid;position:relative;overflow:hidden}.image-button img{z-index:1;object-fit:contain;background:#dce5e2;width:100%;max-height:340px;position:relative}.image-placeholder{background:linear-gradient(100deg, var(--surface-3) 25%, var(--surface-2) 45%, var(--surface-3) 65%);background-size:220% 100%;min-height:180px;animation:1.4s infinite shimmer}@keyframes shimmer{to{background-position:-220% 0}}.image-label{z-index:2;background:#00000094;border-radius:7px;padding:4px 7px;font-size:9px;position:absolute;bottom:7px;right:7px}.media-state{background:var(--surface-2);min-width:210px;color:var(--muted);border-radius:8px;align-items:center;gap:7px;padding:12px;font-size:10px;display:flex}.video-card{background:var(--surface-2);border-radius:10px;gap:7px;min-width:220px;max-width:460px;padding:7px;display:grid}.video-card video{background:#0e1d1a;border-radius:7px;width:100%;max-height:340px;display:block}.file-card{background:#ffffff80;border-radius:9px;align-items:center;gap:9px;min-width:250px;padding:9px;display:flex}.file-card>span:nth-child(2){flex:1;min-width:0}.file-card b{font-size:11px;font-weight:700}.file-card small{color:var(--muted);font-size:10px}.file-icon{background:var(--surface);width:36px;height:40px;color:var(--danger);border-radius:7px;place-items:center;font-size:10px;font-weight:900;display:grid}.file-download{color:var(--primary);align-items:center;gap:4px;font-size:10px;font-weight:700;display:inline-flex}.composer{border-top:1px solid var(--line);background:var(--surface);flex:none;padding:10px 16px}.composer.disabled{opacity:.72}.composer-main{max-width:960px;margin:0 auto;position:relative}.composer-input{align-items:flex-end;gap:8px;display:flex}.composer-input textarea{resize:none;border:1px solid var(--line);background:var(--surface-2);border-radius:12px;outline:0;flex:1;min-width:0;min-height:42px;max-height:120px;padding:10px 14px;font-size:13px}.composer-input textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #087f6917}.comp-btn,.send-btn{border:1px solid var(--line);background:var(--surface);min-width:40px;min-height:40px;color:var(--muted);border-radius:10px;place-items:center;display:grid}.comp-btn{cursor:pointer;flex:0 0 40px;position:relative;overflow:hidden}.comp-btn:hover{border-color:var(--primary);color:var(--primary)}.comp-btn>span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.comp-btn>input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.send-btn{border-color:var(--primary);background:var(--primary);color:#fff;gap:6px;padding:0 14px;font-size:11px;font-weight:800;display:inline-flex}.send-btn:hover:not(:disabled){background:var(--primary-strong);border-color:var(--primary-strong)}.emoji-picker{justify-content:center;align-items:center;display:inline-flex;position:relative}.emoji-popup{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);z-index:100;border-radius:8px;gap:4px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 8px);left:0}.emoji-popup button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:6px;font-size:20px;display:flex}.emoji-popup button:hover,.emoji-popup button:focus-visible{background:var(--surface-hover)}.reply-bar{border-left:3px solid var(--primary);background:#087f6912;border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px 6px 10px;display:flex;overflow:hidden}.reply-bar__label{min-width:0;color:var(--primary-strong);flex:1;align-items:center;gap:6px;display:flex;overflow:hidden}.reply-bar__text{gap:1px;min-width:0;display:grid;overflow:hidden}.reply-bar__text b{color:var(--primary-strong);white-space:nowrap;font-size:10px;font-weight:750}.reply-bar__text span{text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft);font-size:11px;overflow:hidden}.reply-bar__dismiss{border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:6px;flex:none;align-items:center;gap:4px;min-height:28px;padding:4px 8px;font-size:10px;font-weight:600;display:inline-flex}.reply-bar__dismiss:hover{border-color:var(--danger);color:var(--danger);background:#dc26260f}.reply-bar__dismiss:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.file-bar{border-left:3px solid var(--muted);background:var(--surface-2);border-radius:6px;align-items:center;gap:8px;margin-bottom:6px;padding:6px 8px 6px 10px;display:flex;overflow:hidden}.file-bar__info{flex:1;gap:1px;min-width:0;display:grid;overflow:hidden}.file-bar__info b{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.file-bar__info span{color:var(--muted);font-size:10px}.contact-drawer{border-left:1px solid var(--line);background:var(--surface);flex-direction:column;min-width:0;min-height:0;display:none}.contact-drawer.open{display:flex}.drawer-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px;display:flex}.drawer-head>div{flex:1;min-width:0}.drawer-head h2{font-size:14px;font-weight:800}.drawer-head p{color:var(--muted);font-size:11px}.drawer-body{align-content:start;gap:14px;min-height:0;padding:14px;display:grid;overflow:auto}.drawer-profile{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding-bottom:13px;display:flex}.drawer-profile>div{gap:2px;min-width:0;display:grid}.drawer-profile strong{font-size:13px;font-weight:750}.drawer-profile span{color:var(--muted);font-size:10px}.drawer-body>label{color:var(--muted);gap:5px;font-size:10px;font-weight:750;display:grid}.drawer-body>label input,.drawer-body>label select,.drawer-body>label textarea{border:1px solid var(--line);background:var(--surface-2);width:100%;min-height:36px;color:var(--ink);border-radius:8px;outline:0;padding:8px 10px;font-size:12px}.drawer-body>label textarea{resize:vertical;min-height:86px}.drawer-body>label input:focus,.drawer-body>label select:focus,.drawer-body>label textarea:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #087f6914}.facts{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:7px;padding-top:13px;display:grid}.facts>div{background:var(--surface-2);border-radius:8px;gap:2px;min-width:0;padding:8px 10px;display:grid}.facts span{color:var(--muted);font-size:9px;font-weight:600}.facts b{font-size:11px;font-weight:750}.drawer-section{border-bottom:1px solid var(--line);gap:9px;padding-bottom:13px;display:grid}.drawer-section:last-child{border:0}.drawer-section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:800}.drawer-section label{color:var(--muted);gap:5px;font-size:10px;font-weight:750;display:grid}.drawer-section input,.drawer-section select,.drawer-section textarea{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;outline:0;width:100%;padding:8px 10px;font-size:12px}.main-view{background:var(--bg);flex:1;min-width:0;min-height:0;padding:24px 28px 40px;overflow:auto}.main-view>*{width:min(1500px,100%);margin:0 auto}.data-page{flex-direction:column;gap:16px;display:flex}.dashboard-layout{flex-direction:column;gap:20px;display:flex}.dashboard-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:radial-gradient(circle at 90% 10%, #087f6926, transparent 45%), linear-gradient(135deg, var(--surface) 0%, var(--surface-2) 100%);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:24px;padding:26px 32px;display:flex}.hero-content{gap:6px;display:grid}.hero-badge{background:var(--primary-soft);width:fit-content;color:var(--primary-strong);letter-spacing:.04em;border-radius:99px;align-items:center;gap:8px;padding:4px 10px;font-size:11px;font-weight:800;display:inline-flex}.pulse-dot{background:var(--success);border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 0 3px #10b98140}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}}.dashboard-hero h2{letter-spacing:-.035em;color:var(--ink);font-size:24px;font-weight:850}.dashboard-hero p{color:var(--muted);max-width:650px;font-size:13px}.hero-btn{border-radius:10px;padding:10px 18px;font-size:13px}.hero-pill{color:var(--primary-strong);background:#fff;border-radius:99px;padding:1px 7px;font-size:11px;font-weight:850}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);cursor:pointer;flex-direction:column;justify-content:space-between;padding:20px 22px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex}.stat-card:hover{border-color:var(--primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:700}.stat-icon-wrap{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.stat-icon-wrap.emerald{background:var(--primary-soft);color:var(--primary-strong)}.stat-icon-wrap.blue{color:#0284c7;background:#e0f2fe}.stat-icon-wrap.amber{color:#b45309;background:#fef3c7}.stat-icon-wrap.orange{color:#ea580c;background:#ffedd5}.stat-body{gap:4px;margin:16px 0 12px;display:grid}.stat-value{letter-spacing:-.04em;color:var(--ink);font-size:32px;font-weight:850;line-height:1}.stat-hint{color:var(--muted);font-size:11px;font-weight:600}.stat-footer{border-top:1px solid var(--surface-3);color:var(--primary);justify-content:space-between;align-items:center;padding-top:12px;font-size:11px;font-weight:750;display:flex}.dashboard-split{grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr);gap:16px;display:grid}.dash-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);padding:22px 24px}.dash-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.dash-card-header h3{letter-spacing:-.02em;color:var(--ink);margin-top:3px;font-size:17px;font-weight:800}.card-badge{background:var(--surface-3);color:var(--muted);border-radius:99px;padding:3px 8px;font-size:10px;font-weight:750}.status-pill{background:var(--surface-2);border:1px solid var(--line);color:var(--muted);border-radius:99px;align-items:center;gap:7px;padding:4px 10px;font-size:11px;font-weight:750;display:inline-flex}.status-pill.ok{color:var(--success);background:#ecfdf5;border-color:#a7f3d0}.status-pill.warn{color:var(--warning);background:#fffbeb;border-color:#fde68a}.operations-list{gap:10px;display:grid}.op-item{border:1px solid var(--line);background:var(--surface-2);cursor:pointer;border-radius:11px;align-items:center;gap:14px;padding:14px 16px;transition:all .16s;display:flex}.op-item:hover{border-color:var(--primary);background:var(--surface-hover);transform:translate(3px)}.op-bullet{border-radius:50%;flex:0 0 10px;width:10px;height:10px}.op-bullet.emerald{background:var(--success);box-shadow:0 0 0 3px #10b98133}.op-bullet.blue{background:#0284c7;box-shadow:0 0 0 3px #0284c733}.op-bullet.orange{background:#ea580c;box-shadow:0 0 0 3px #ea580c33}.op-info{flex:1;gap:2px;min-width:0;display:grid}.op-info strong{color:var(--ink);font-size:13px;font-weight:750}.op-info span{color:var(--muted);font-size:11px}.op-count{background:var(--primary);color:#fff;text-align:center;border-radius:99px;min-width:26px;padding:3px 8px;font-size:11px;font-weight:850}.op-action-link{color:var(--primary);font-size:12px;font-weight:750}.system-nodes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.node-item{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;gap:3px;padding:13px 15px;display:grid}.node-top{align-items:center;gap:7px;margin-bottom:2px;display:flex}.node-dot{border-radius:50%;flex:0 0 7px;width:7px;height:7px}.node-dot.green{background:#10b981;box-shadow:0 0 0 3px #10b98133}.node-dot.amber{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.node-dot.blue{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.node-dot.rose{background:#f43f5e;box-shadow:0 0 0 3px #f43f5e33}.node-title{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:750}.node-value{color:var(--ink);font-size:13px;font-weight:800}.node-sub{color:var(--muted);font-size:10px}.view-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.toolbar-search-wrap{flex:1;align-items:center;min-width:320px;display:flex;position:relative}.search-icon{color:var(--muted);pointer-events:none;position:absolute;left:13px}.toolbar-search{border:1px solid var(--line);background:var(--surface);width:100%;min-height:42px;color:var(--ink);box-shadow:var(--shadow-sm);border-radius:11px;outline:none;padding:9px 36px 9px 38px;font-size:13px;transition:all .16s}.toolbar-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px #087f691f}.clear-btn{color:var(--muted);background:0 0;border:0;border-radius:50%;padding:4px;font-size:18px;line-height:1;position:absolute;right:10px}.clear-btn:hover{color:var(--ink);background:var(--surface-3)}.toolbar-filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.select-wrap{position:relative}.select-wrap select{min-height:42px;padding:9px 32px 9px 13px;font-size:12px}.status-tab-bar{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:12px;align-items:center;gap:6px;padding:4px;display:flex;overflow-x:auto}.status-tab{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:12px;font-weight:700;transition:all .14s}.status-tab:hover{color:var(--ink);background:var(--surface-hover)}.status-tab.active{background:var(--primary);color:#fff;box-shadow:0 2px 6px #087f6940}.data-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);overflow:hidden}.table-responsive{overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;width:100%;max-width:100%;overflow-x:auto}.modern-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%}.modern-table th{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:13px 18px;font-size:11px;font-weight:800}.modern-table td{border-bottom:1px solid var(--line);color:var(--ink-soft);vertical-align:middle;padding:14px 18px;transition:background .12s}.modern-table tr:last-child td{border-bottom:0}.interactive-row{cursor:pointer}.interactive-row:hover td{background:var(--surface-hover)}.cell-primary{gap:2px;display:grid}.cell-title{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.cell-subtitle{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.cell-extra{color:var(--muted);font-size:11px}.mono-phone{letter-spacing:-.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.cell-time{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:600}.action-cell-btn{padding:4px 10px;font-size:11px}.contact-meta-cell{align-items:center;gap:12px;display:flex}.chip-badge{white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-size:11px;font-weight:750;display:inline-flex}.chip-badge .dot{background:currentColor;border-radius:50%;width:6px;height:6px}.chip-count{color:currentColor;white-space:nowrap;letter-spacing:-.02em;background:#0000001a;border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;min-width:17px;height:16px;margin-left:2px;padding:0 4px;font-size:10px;font-weight:800;line-height:1;display:inline-flex}html[data-theme=dark] .chip-count{background:#ffffff29}.chip-orange{color:#c2410c;background:#ffedd5;border-color:#fed7aa}.chip-purple{color:#6d28d9;background:#ede9fe;border-color:#ddd6fe}.chip-emerald,.tone-emerald,.tone-green{color:#15803d;background:#dcfce7;border-color:#bbf7d0}.chip-amber,.tone-amber{color:#b45309;background:#fef3c7;border-color:#fde68a}.chip-blue,.tone-blue{color:#0369a1;background:#e0f2fe;border-color:#bae6fd}.chip-rose,.tone-rose{color:#be123c;background:#ffe4e6;border-color:#fecdd3}.chip-neutral{background:var(--surface-3);color:var(--muted);border-color:var(--line)}.tag-pill{background:var(--surface-3);color:var(--ink-soft);border-radius:6px;margin-right:4px;padding:2px 7px;font-size:10px;font-weight:650;display:inline-block}.tag-empty{color:var(--muted);font-size:11px;font-style:italic}.tags-container{flex-wrap:wrap;gap:4px;display:flex}.order-tag-id{background:var(--surface-3);color:var(--ink);border-radius:6px;padding:3px 8px;font-family:ui-monospace,monospace;font-size:12px;font-weight:800;display:inline-block}.order-detail-snippet{text-overflow:ellipsis;white-space:nowrap;max-width:420px;color:var(--ink-soft);font-size:12px;overflow:hidden}.order-total-highlight{color:var(--primary-strong);letter-spacing:-.02em;font-size:14px;font-weight:850}.row-actions-group{justify-content:flex-end;align-items:center;gap:6px;display:flex}.icon-only{width:32px;height:32px;min-height:0;padding:0}.danger-hover:hover{border-color:var(--danger);color:var(--danger);background:var(--danger-soft)}.table-footer{border-top:1px solid var(--line);background:var(--surface-2);color:var(--muted);justify-content:space-between;align-items:center;gap:16px;padding:13px 20px;font-size:12px;display:flex}.table-footer-controls{align-items:center;gap:10px;display:flex}.page-indicator{color:var(--ink-soft);font-size:11px;font-weight:700}.templates-banner{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;gap:18px;padding:16px 20px;display:flex}.banner-left{align-items:center;gap:14px;display:flex}.wa-official-icon{color:#fff;background:#25d366;border-radius:12px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 4px 12px #25d36640}.banner-left strong{color:var(--ink);font-size:14px;font-weight:800}.banner-left p{color:var(--muted);margin-top:2px;font-size:12px}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.template-card-modern{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:12px;padding:18px;display:flex}.template-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.template-badges{align-items:center;gap:6px;display:flex}.category-pill{background:var(--surface-3);color:var(--muted);letter-spacing:.06em;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:800}.lang-pill{background:var(--surface-2);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:10px;font-weight:700}.template-status-pill.ok{color:#15803d;background:#dcfce7;border-radius:99px;align-items:center;gap:5px;padding:2px 8px;font-size:10px;font-weight:850;display:inline-flex}.template-name-bar strong{color:var(--ink);font-size:13px;font-weight:750}.template-preview-bubble{background:var(--chat-bg);color:var(--ink);white-space:pre-wrap;border:1px solid #0000000f;border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.5;position:relative}.template-card-footer{justify-content:flex-end;margin-top:auto;display:flex}.copy-template-btn{font-size:11px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#061713b8;place-items:center;padding:20px;animation:.18s ease-out modalFadeIn;display:grid;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-sheet{background:var(--surface);width:min(580px,100%);max-height:min(760px,90vh);box-shadow:var(--shadow-lg);color:var(--ink);border:1px solid #ffffff26;border-radius:20px;flex-direction:column;gap:18px;padding:26px 28px;animation:.2s cubic-bezier(.16,1,.3,1) sheetPop;display:flex;overflow:auto}@keyframes sheetPop{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.sheet-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;display:flex}.sheet-header-left{flex:1;gap:3px;min-width:0;display:grid}.order-id-badge{background:var(--primary-soft);width:fit-content;color:var(--primary-strong);border-radius:6px;align-items:center;gap:6px;margin-bottom:4px;padding:2px 8px;font-size:11px;font-weight:850;display:inline-flex}.sheet-header h2{letter-spacing:-.03em;font-size:20px;font-weight:850}.sheet-header p{color:var(--muted);font-size:12px}.sheet-close-btn{background:var(--surface-2);width:34px;height:34px;color:var(--muted);border:0;border-radius:8px;place-items:center;font-size:20px;line-height:1;display:grid}.sheet-close-btn:hover{color:var(--ink);background:var(--surface-hover)}.sheet-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.summary-item{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;gap:4px;padding:12px 14px;display:grid}.summary-label{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:800}.summary-value{color:var(--ink);font-size:13px;font-weight:750}.grand-total-item{background:var(--primary-soft);border-color:#a7f3d0;grid-column:span 2}.summary-total-amount{color:var(--primary-strong);letter-spacing:-.03em;font-size:22px;font-weight:850}.sheet-section{gap:8px;display:grid}.sheet-section-title{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:800}.order-items-table-wrap{border:1px solid var(--line);border-radius:10px;overflow:hidden}.order-items-table{border-collapse:collapse;width:100%;font-size:12px}.order-items-table th{background:var(--surface-2);color:var(--muted);text-transform:uppercase;border-bottom:1px solid var(--line);padding:9px 14px;font-size:10px;font-weight:800}.order-items-table td{border-bottom:1px solid var(--line);padding:10px 14px}.order-items-table tr:last-child td{border-bottom:0}.qty-badge{background:var(--surface-3);border-radius:99px;padding:2px 8px;font-size:11px;font-weight:800}.price-tag{color:var(--ink);font-weight:750}.order-detail-box{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);white-space:pre-wrap;border-radius:10px;max-height:180px;padding:14px;font-size:13px;line-height:1.5;overflow:auto}.sheet-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;padding-top:14px;display:flex}.sheet-form{gap:16px;display:grid}.form-group{gap:6px;display:grid}.form-group label{color:var(--ink);font-size:12px;font-weight:750}.form-group input{border:1px solid var(--line);background:var(--surface-2);min-height:44px;color:var(--ink);border-radius:10px;outline:none;padding:10px 14px;font-size:13px}.form-group input:focus{border-color:var(--primary);background:var(--surface);box-shadow:0 0 0 3px #087f691f}.form-helper{color:var(--muted);font-size:11px}.form-error-banner{background:var(--danger-soft);color:var(--danger);border-radius:8px;padding:10px 14px;font-size:12px;font-weight:600}.close-modal-sheet{gap:16px}.modal-scroll-area{flex-direction:column;flex:1;gap:12px;display:flex;overflow-y:auto}.modal-label{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.modal-select{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:10px;font-size:14px}.message-preview{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:8px;padding:12px;font-size:13px;font-style:italic}.modal-actions{border-top:1px solid var(--line);gap:10px;margin-top:auto;padding-top:12px;display:flex}.modal-actions .button{flex:1;justify-content:center}.lightbox{z-index:120;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.lightbox img{object-fit:contain;border-radius:12px;max-width:min(1100px,94vw);max-height:90vh;box-shadow:0 20px 80px #0009}.lightbox>button{position:fixed;top:20px;right:20px}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.animate-fade-in{animation:.28s cubic-bezier(.16,1,.3,1) both fadeInSlide}.analytics-layout{flex-direction:column;gap:22px;width:100%;display:flex}.analytics-header-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:20px 24px;display:flex;position:relative;overflow:hidden}.analytics-header-card:before{content:"";background:linear-gradient(90deg, var(--primary), #06b6d4, #6366f1);height:3px;position:absolute;top:0;left:0;right:0}.analytics-header-main{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.analytics-badge-title{align-items:center;gap:14px;display:flex}.analytics-badge-icon{width:44px;height:44px;color:var(--primary);background:linear-gradient(135deg,#10b98126,#06b6d426);border:1px solid #10b98140;border-radius:12px;flex-shrink:0;place-items:center;display:grid}.analytics-title-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analytics-title-row h2{letter-spacing:-.025em;color:var(--ink);margin:0;font-size:19px;font-weight:850}.live-pill{color:var(--primary-strong);background:#10b9811f;border:1px solid #10b98140;border-radius:99px;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.live-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 6px var(--success);border-radius:50%;animation:2s ease-in-out infinite pulseLive}.analytics-subtitle{color:var(--muted);margin-top:3px;font-size:13px;font-weight:500}.analytics-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.period-segmented-control{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;gap:3px;padding:3px;display:inline-flex}.period-seg-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:700;transition:all .15s;display:inline-flex}.period-seg-btn:hover{color:var(--ink);background:var(--surface-hover)}.period-seg-btn.active{background:var(--surface);color:var(--primary-strong);border:1px solid var(--line-strong);font-weight:800;box-shadow:0 1px 4px #00000014}.refresh-btn{border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:12px;font-weight:750;display:inline-flex}.custom-date-drawer{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:10px;flex-wrap:wrap;align-items:center;gap:14px;padding:12px 16px;display:flex}.date-input-group{align-items:center;gap:10px;display:flex}.date-input-label{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.date-input-label input[type=date]{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:7px;padding:5px 9px;font-size:12px}.date-sep{color:var(--muted);font-weight:800}.drawer-actions{align-items:center;gap:10px;display:flex}.range-error-text{color:var(--danger);font-size:11px;font-weight:700}.analytics-ribbon{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.ribbon-left{color:var(--ink-soft);align-items:center;gap:8px;font-size:12px;display:flex}.ribbon-right{align-items:center;gap:8px;display:flex}.ribbon-event-badge{color:var(--primary-strong);background:var(--primary-soft);border:1px solid #10b98133;border-radius:6px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.analytics-kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.modern-kpi{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;gap:14px;padding:18px 20px;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;position:relative;overflow:hidden}.modern-kpi:hover{box-shadow:var(--shadow-md);border-color:var(--line-strong);transform:translateY(-2px)}.stat-header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.stat-label-wrap{flex-direction:column;display:flex}.stat-category{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10.5px;font-weight:800}.modern-kpi .stat-label{color:var(--ink);margin-top:2px;font-size:13.5px;font-weight:800}.stat-icon-circle{border-radius:10px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.stat-main-figure{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.modern-kpi .stat-value{letter-spacing:-.03em;color:var(--ink);font-size:28px;font-weight:900;line-height:1}.stat-unit{color:var(--muted);font-size:12px;font-weight:700}.stat-badge-chip{border-radius:6px;padding:2px 8px;font-size:11px;font-weight:800}.stat-meta-row{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-top:10px;padding-top:10px;font-size:11px;display:flex}.meta-pill{color:var(--ink-soft);align-items:center;gap:4px;font-weight:700;display:inline-flex}.meta-sub{color:var(--muted);white-space:nowrap;font-size:10.5px}.stat-bottom-bar{height:3px;position:absolute;bottom:0;left:0;right:0}.stat-card-actionable{cursor:pointer;-webkit-user-select:none;user-select:none}.stat-card-actionable:hover{border-color:var(--primary);box-shadow:var(--shadow-md), 0 0 0 1px var(--primary-soft)}.stat-card-actionable:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.stat-action-hint{color:var(--primary);align-items:center;gap:4px;margin-top:4px;font-size:11px;font-weight:750;transition:transform .15s;display:inline-flex}.stat-card-actionable:hover .stat-action-hint{color:var(--primary-strong);transform:translate(2px)}.bg-blue-subtle{background:#0ea5e91f}.text-blue{color:#0284c7}.bg-blue{background:#0ea5e9}.bg-emerald-subtle{background:#10b9811f}.text-emerald{color:#059669}.bg-emerald{background:#10b981}.bg-rose-subtle{background:#f43f5e1f}.text-rose{color:#e11d48}.bg-rose{background:#f43f5e}.bg-amber-subtle{background:#f59e0b1f}.text-amber{color:#d97706}.bg-amber{background:#f59e0b}.analytics-funnel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.modern-funnel-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:16px;padding:18px 22px;display:flex}.funnel-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.funnel-title-group{align-items:center;gap:12px;display:flex}.funnel-title-group h5{color:var(--ink);margin:0;font-size:14px;font-weight:850}.funnel-desc{color:var(--muted);margin-top:1px;font-size:11.5px;display:block}.funnel-icon{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.funnel-tag{white-space:nowrap;border-radius:99px;padding:4px 10px;font-size:11px;font-weight:800}.funnel-pipeline{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;align-items:center;gap:12px;padding:12px 16px;display:flex}.pipeline-stage{flex:1;align-items:center;gap:10px;display:flex}.stage-num{color:var(--muted);opacity:.6;font-family:ui-monospace,monospace;font-size:11px;font-weight:900}.stage-info{flex-direction:column;gap:1px;display:flex}.stage-name{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:10.5px;font-weight:700}.stage-val{color:var(--ink);font-size:18px;font-weight:900;line-height:1.1}.pipeline-connector{color:var(--muted);opacity:.5}.analytics-section-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);flex-direction:column;gap:18px;min-width:0;padding:22px 24px;display:flex}.section-card-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.section-title-wrap{align-items:center;gap:12px;min-width:0;display:flex}.section-title-wrap>div:last-child{min-width:0}.section-icon-badge{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.section-title-wrap h3{letter-spacing:-.02em;color:var(--ink);margin:0;font-size:16px;font-weight:850}.section-title-wrap p{color:var(--muted);margin-top:2px;font-size:12px;line-height:1.45}.section-counter{color:var(--muted);background:var(--surface-3);border-radius:99px;padding:4px 10px;font-size:11px;font-weight:750}.contact-activity-summary{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.contact-activity-counter{border:1px solid var(--line);background:var(--surface-2);color:var(--ink-soft);white-space:nowrap;border-radius:99px;align-items:center;gap:6px;padding:4px 9px;font-size:11px;font-weight:800;display:inline-flex}.contact-activity-counter i{background:#10b981;border-radius:50%;width:7px;height:7px}.contact-activity-counter.returning i{background:#38bdf8}.contact-activity-average{border-left:1px solid var(--line);color:var(--muted);white-space:nowrap;align-items:center;gap:6px;margin-left:4px;padding:3px 0 3px 10px;font-size:10px;display:inline-flex}.contact-activity-controls{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.analytics-export-button{white-space:nowrap}.contact-activity-average small{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800}.contact-activity-average strong{color:var(--ink-soft);align-items:center;gap:4px;font-size:11px;font-weight:800;display:inline-flex}.contact-activity-average i{background:#10b981;border-radius:99px;width:10px;height:2px}.contact-activity-average i.returning{background:#38bdf8}.chart-date-filter-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.chart-date-filter{background:var(--surface-2);border:1px solid var(--line);border-radius:8px;align-items:center;gap:4px;padding:2px 6px;display:inline-flex}.chart-date-input-wrap{color:var(--muted);align-items:center;gap:4px;display:inline-flex}.chart-date-input{border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:5px;padding:2px 4px;font-family:inherit;font-size:11px}.chart-date-sep{color:var(--muted);font-size:10px;font-weight:700}.chart-date-clear{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:2px;transition:color .15s,background .15s;display:grid}.chart-date-clear:hover{color:var(--danger);background:var(--surface-hover)}.chart-container-wrapper{flex-direction:column;gap:14px;display:flex}.chart-series-filters{background:var(--surface-2);border:1px solid var(--line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex}.filters-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:800}.series-toggle-chip{background:var(--surface);color:var(--muted);cursor:pointer;opacity:.45;border:1px solid;border-radius:99px;align-items:center;gap:6px;padding:4px 10px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.series-toggle-chip.active{opacity:1;background:var(--surface);color:var(--ink);font-weight:800;box-shadow:0 1px 3px #0000000f}.series-dot{border-radius:50%;width:7px;height:7px}.recharts-responsive-box{width:100%;height:320px;min-height:320px}.analytics-chart-tooltip{background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:9px;min-width:180px;padding:10px 14px;font-size:12px}.tooltip-header{border-bottom:1px solid var(--line);color:var(--ink);align-items:center;gap:6px;margin-bottom:8px;padding-bottom:8px;font-size:12px;font-weight:800;display:flex}.tooltip-list{flex-direction:column;gap:5px;display:flex}.tooltip-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.tooltip-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.tooltip-label{color:var(--muted);font-size:11.5px}.tooltip-val{color:var(--ink);font-weight:800}.recharts-bar-box{width:100%;height:260px;min-height:260px}.empty-chart-state{color:var(--muted);background:var(--surface-2);border:1px dashed var(--line);text-align:center;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 16px;font-size:13px;font-weight:600;display:flex}.empty-chart-icon{color:var(--muted);opacity:.5}.custom-tooltip{background:var(--surface);border:1px solid var(--line-strong);box-shadow:var(--shadow-md);border-radius:8px;min-width:150px;padding:8px 12px;font-size:12px}.tooltip-date{color:var(--ink);margin:0 0 6px;font-size:12px;font-weight:800}.tooltip-row{align-items:center;gap:6px;font-size:11.5px;display:flex}.tooltip-value{color:var(--ink);margin-left:auto;font-weight:800}.analytics-filter-banner{background:#f59e0b1a;border-bottom:1px solid #f59e0b40;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.analytics-filter-banner-text{color:var(--ink);font-size:11.5px;font-weight:700}.analytics-filter-banner-clear{color:#b45309;cursor:pointer;white-space:nowrap;background:#f59e0b26;border:0;border-radius:5px;padding:3px 8px;font-size:11px;font-weight:750;transition:background .15s}.analytics-filter-banner-clear:hover{background:#f59e0b40}.menu-breakdown-split{grid-template-columns:280px 1fr;align-items:center;gap:24px;display:grid}.menu-donut-box{border-right:1px solid var(--line);flex-direction:column;align-items:center;padding-right:24px;display:flex;position:relative}.donut-title{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:4px;font-size:12px;font-weight:800}.donut-chart-container{place-items:center;width:100%;height:230px;display:grid;position:relative}.donut-center-stat{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-stat strong{color:var(--ink);font-size:20px;font-weight:900;line-height:1;display:block}.donut-center-stat span{color:var(--muted);text-transform:uppercase;font-size:10px;font-weight:700}.menu-options-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.menu-option-item-card{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;transition:all .15s;display:flex}.menu-option-item-card:hover{background:var(--surface);border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.option-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.option-badge-wrap{align-items:center;gap:8px;display:flex}.option-num-badge{color:#fff;border-radius:5px;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:10px;font-weight:900;display:grid}.option-figures{align-items:baseline;gap:4px;display:flex}.option-count{color:var(--ink);font-size:14px;font-weight:900}.option-pct{color:var(--muted);font-size:11px;font-weight:700}.option-progress-track{background:var(--surface-3);border-radius:99px;height:5px;overflow:hidden}.option-progress-fill{border-radius:99px;height:100%;transition:width .3s}.option-item-footer{color:var(--muted);justify-content:space-between;align-items:center;font-size:10.5px;font-weight:600;display:flex}.option-unique{align-items:center;gap:4px;display:inline-flex}.tab-pill-group{border:1px solid var(--line);background:var(--surface-2);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.tab-pill{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:11.5px;font-weight:700;transition:all .15s;display:inline-flex}.tab-pill:hover{color:var(--ink)}.tab-pill.active{background:var(--surface);color:var(--ink);font-weight:800;box-shadow:0 1px 3px #00000014}.search-wrap.compact{background:var(--surface);border:1px solid var(--line);border-radius:8px;align-items:center;width:100%;max-width:380px;padding:0 10px;display:flex;position:relative}.search-wrap.compact input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:7px 8px;font-size:12.5px}.clear-search-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;padding:2px;display:grid}.clear-search-btn:hover{color:var(--ink)}.analytics-table{table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left;width:100%}.analytics-table th,.analytics-table td{overflow-wrap:anywhere}.analytics-table th{border-bottom:1px solid var(--line);background:var(--surface-2);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;padding:13px 18px;font-size:11px;font-weight:800}.analytics-table td{border-bottom:1px solid var(--line);color:var(--ink);vertical-align:middle;padding:14px 18px;transition:background .12s}.analytics-table tr:last-child td{border-bottom:0}.analytics-table tbody tr.interactive-row:hover td{background:var(--surface-hover)}.legend-strip{background:var(--surface-2);border-radius:var(--radius-sm);border:1px solid var(--line);flex-direction:column;gap:8px;margin-bottom:14px;padding:12px 18px;display:flex}.legend-strip-head{color:var(--ink);align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.legend-strip-items{color:var(--muted);flex-wrap:wrap;align-items:center;gap:16px;font-size:11.5px;display:flex}.legend-item{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;display:inline-block}.pattern-content-cell{align-items:center;width:100%;min-width:0;display:flex}.pattern-quote-box{background:var(--surface-2);border:1px solid var(--line);max-width:100%;color:var(--ink);border-radius:8px;align-items:center;gap:4px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.pattern-quote-box code{color:var(--ink);white-space:normal;word-break:break-word;font-family:inherit;font-size:13px}.pattern-quote-mark{color:var(--primary);-webkit-user-select:none;user-select:none;font-size:16px;font-weight:900;line-height:1}.media-tag-pill{border-radius:8px;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:750;display:inline-flex}.contact-avatar-pill{width:34px;height:34px;color:var(--primary-strong);background:linear-gradient(135deg,#10b9812e,#06b6d42e);border:1px solid #10b9814d;border-radius:50%;flex-shrink:0;place-items:center;font-size:11.5px;font-weight:850;display:grid}.action-open-chat-btn{background:var(--surface-2);border:1px solid var(--line);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 14px;font-size:11.5px;font-weight:750;transition:all .15s;display:inline-flex}.action-open-chat-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:0 2px 8px #10b9814d}.action-chat-btn{border-radius:6px;align-items:center;gap:5px;padding:5px 10px;font-size:11.5px;font-weight:750;display:inline-flex}.raw-message-box{background:var(--surface-2);border:1px solid var(--line);overflow-wrap:break-word;word-break:break-word;border-radius:6px;max-width:480px;padding:6px 10px}.raw-message-box code{color:var(--ink);white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.raw-message-box.full{max-width:100%}.count-tag{border-radius:6px;align-items:center;padding:3px 8px;font-size:11px;font-weight:750;display:inline-flex}.count-tag.rose{background:var(--danger-soft);color:var(--danger)}.count-tag.blue{color:#0284c7;background:#e0f2fe}.count-tag.emerald{background:var(--primary-soft);color:var(--primary-strong)}.count-tag.gray{background:var(--surface-3);color:var(--muted)}.trend-date{color:var(--ink);font-size:13px;font-weight:750}.timestamp-text{color:var(--muted);font-size:11px;font-weight:600}.status-badge-sm{white-space:nowrap;border:1px solid #0000;border-radius:99px;align-items:center;width:fit-content;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.response-cell{gap:3px;display:grid}.response-cell small{color:var(--muted);font-size:10px;line-height:1.25}.phone-code{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.table-empty-notice{text-align:center;color:var(--muted);background:var(--surface-2);border-radius:var(--radius-sm);padding:28px 16px;font-size:13px}.trend-explainer{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin-bottom:10px;padding:10px 12px;font-size:11px;line-height:1.45;display:flex}.trend-explainer strong{color:var(--ink);font-weight:800}.trend-explainer b{color:var(--ink-soft);font-weight:750}.analytics-footer-card{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;justify-content:center;align-items:center;padding:14px 18px;display:flex}.footer-transparency{color:var(--muted);text-align:center;align-items:center;gap:10px;max-width:800px;font-size:11.5px;line-height:1.4;display:flex}.footer-transparency strong{color:var(--ink-soft)}.view-state{text-align:center;min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:36px 20px;display:flex}.state-icon-wrap{background:var(--surface-3);width:52px;height:52px;color:var(--muted);border-radius:50%;place-items:center;margin-bottom:6px;display:grid}.state-icon-wrap.error-icon{background:var(--danger-soft);color:var(--danger);font-size:24px;font-weight:900}.view-state strong{color:var(--ink);font-size:15px;font-weight:800}.view-state p{color:var(--muted);max-width:420px;font-size:13px}.view-state.error strong{color:var(--danger)}@media (width<=1280px){.dashboard-metrics,.analytics-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-split,.analytics-funnel-grid,.menu-breakdown-split{grid-template-columns:1fr}.menu-donut-box{border-right:0;border-bottom:1px solid var(--line);padding-bottom:20px;padding-right:0}}@media (width<=1024px){:root{--sidebar-width:72px}.sidebar{padding:18px 8px}.brand-block{justify-items:center;padding:4px 0 20px}.brand-block strong{display:none}.brand-block span{font-size:8px}.sidebar-link{justify-content:center;padding:10px}.sidebar-link>span{display:none}.sidebar-link b{margin:-24px 0 0 24px;position:absolute}.sidebar-bottom{justify-items:center;padding:8px 0}.sidebar-version{justify-content:center;padding-inline:4px}.sidebar-version-label{display:none}.connection-badge{font-size:0}.sidebar-logout{justify-content:center}.sidebar-logout span,.topbar-actions .text-action span{display:none}.main-view{padding:20px 18px 30px}}@media (width<=768px),(width<=950px) and (height<=500px){.contact-activity-average{border-left:0;border-top:1px solid var(--line);flex-basis:100%;justify-content:flex-start;margin-left:0;padding:7px 0 0}.app-shell{padding-bottom:calc(62px + env(safe-area-inset-bottom,0px));display:block}.sidebar{z-index:40;width:100%;height:calc(62px + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #ffffff1f;display:block;position:fixed;inset:auto 0 0}.brand-block,.sidebar-bottom{display:none}.sidebar.open .sidebar-bottom{padding:12px 16px max(16px, env(safe-area-inset-bottom,0px));border-top-color:#ffffff1a;justify-items:stretch;gap:9px;margin:0;display:grid}.sidebar.open .sidebar-version{justify-content:space-between;min-height:44px;padding-inline:12px}.sidebar.open .sidebar-version-label{font-size:12px;display:inline}.sidebar.open .sidebar-version strong{font-size:11px}.sidebar.open .connection-badge{min-height:30px;font-size:11px}.sidebar.open .sidebar-logout{justify-content:flex-start;min-height:44px;padding-inline:10px}.sidebar.open .sidebar-logout span{display:inline}.sidebar-nav{gap:0;height:100%;display:flex;overflow-x:auto}.sidebar-link{text-align:center;border-radius:0;flex:1 0 60px;align-content:center;place-items:center;gap:2px;min-width:60px;height:100%;padding:4px;font-size:9px;display:grid}.sidebar-link>span{display:block}.sidebar-link b{margin:-22px 0 0 20px;position:absolute}.main-area{width:100%;height:calc(100vh - 62px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 62px - env(safe-area-inset-bottom,0px))}.topbar{min-height:60px;padding:8px 12px}.topbar-copy h1{font-size:17px}.topbar-copy p{display:none}.dashboard-metrics,.analytics-kpi-grid{grid-template-columns:1fr}.analytics-layout{gap:14px}.analytics-header-card{gap:12px;padding:16px 14px}.analytics-badge-title{align-items:flex-start;gap:10px}.analytics-badge-icon{border-radius:10px;width:38px;height:38px}.analytics-title-row h2{font-size:17px;line-height:1.2}.analytics-subtitle{font-size:12px;line-height:1.4}.analytics-header-main{flex-direction:column;align-items:stretch;gap:14px}.analytics-header-actions{flex-direction:column;align-items:stretch;width:100%}.period-segmented-control{text-align:center;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;display:grid}.period-seg-btn{white-space:normal;justify-content:center;min-height:44px;padding:6px 2px;font-size:10.5px;line-height:1.15}.custom-date-drawer,.date-input-group{flex-direction:column;align-items:stretch}.drawer-actions .button{width:100%}.analytics-ribbon{flex-direction:column;align-items:flex-start;gap:6px}.analytics-section-card{overflow:hidden}.section-card-header{align-items:stretch;gap:12px}.section-title-wrap{align-items:flex-start}.section-title-wrap h3{font-size:15px;line-height:1.25}.section-title-wrap p{font-size:11.5px}.section-header-controls{align-self:flex-start}.section-counter{width:fit-content;display:inline-flex}.menu-options-list{grid-template-columns:1fr}.chart-series-filters{flex-wrap:nowrap;min-height:44px;padding:6px 8px 10px;overflow-x:auto}.chart-series-filters .filters-label{flex:none}.chart-series-filters .series-toggle-chip{flex:none;min-height:36px}.recharts-responsive-box{height:260px;min-height:260px}.funnel-pipeline{flex-direction:column;align-items:stretch;gap:8px;padding:12px}.pipeline-stage{width:100%;min-width:0}.pipeline-connector{align-self:center;transform:rotate(90deg)}.table-responsive .analytics-table{min-width:680px}.table-responsive-trend .analytics-table{min-width:720px}.table-responsive-contacts{overflow:visible}.table-responsive-contacts .table-footer{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:12px}.table-responsive-contacts .table-footer-controls{justify-content:space-between;gap:6px;width:100%}.table-responsive-contacts .table-footer-controls .button{min-width:0;padding-inline:8px}.table-responsive-contacts .page-indicator{text-align:center;white-space:nowrap;flex:1}.table-responsive-contacts .analytics-table{min-width:0;display:block}.table-responsive-contacts .analytics-table thead{display:none}.table-responsive-contacts .analytics-table tbody{gap:10px;display:grid}.table-responsive-contacts .analytics-table tr,.table-responsive-contacts .analytics-table td{width:100%;display:block}.table-responsive-contacts .analytics-table tr{border:1px solid var(--line);background:var(--surface-2);border-radius:10px;padding:12px}.table-responsive-contacts .analytics-table td{border:0;justify-content:space-between;align-items:flex-start;gap:10px;padding:7px 0;display:flex;text-align:left!important}.table-responsive-contacts .analytics-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.04em;text-transform:uppercase;flex:0 0 100px;padding-top:2px;font-size:10px;font-weight:800}.table-responsive-contacts .analytics-table td:first-child{padding-top:0;display:block}.table-responsive-contacts .analytics-table td:first-child:before,.table-responsive-contacts .analytics-table td:last-child:before{display:none}.table-responsive-contacts .analytics-table td:last-child{justify-content:flex-end;padding-bottom:0}.table-responsive-contacts .analytics-table .contact-meta-cell,.table-responsive-contacts .analytics-table .response-cell{flex:1;min-width:0}.table-responsive-contacts .analytics-table .cell-primary{min-width:0}.table-responsive-contacts .analytics-table .action-open-chat-btn{justify-content:center;width:100%}.trend-explainer{min-width:0}.legend-strip-items{gap:10px 14px}.tab-pill{min-height:44px}.action-open-chat-btn{min-height:44px;padding-inline:12px}.analytics-section-card{padding:16px 14px}.tab-pill-group{flex-direction:column;width:100%}.tab-pill{text-align:center;justify-content:center}.dashboard-hero{flex-direction:column;align-items:flex-start;padding:20px}.dashboard-hero .button{width:100%}.system-nodes-grid{grid-template-columns:1fr}.view-toolbar{flex-direction:column;align-items:stretch}.toolbar-search-wrap{min-width:0}.toolbar-filters{width:100%}.toolbar-filters select,.toolbar-filters .button{flex:1}.modal-backdrop{align-items:flex-end;padding:40px 10px 10px}.modal-sheet{max-height:calc(100vh - 80px - env(safe-area-inset-bottom,0px));max-height:calc(100dvh - 80px - env(safe-area-inset-bottom,0px));border-radius:16px;flex-direction:column;padding:20px;display:flex}.modal-sheet h2{font-size:20px}.sheet-summary-grid{grid-template-columns:1fr}.grand-total-item{grid-column:span 1}.inbox-shell{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}.inbox-shell.info-visible{grid-template-columns:1fr}.conversation-pane{border-right:0;flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex}.chat,.chat-empty,body.mobile-chat-open .conversation-pane{display:none}body.mobile-chat-open .chat{flex-direction:column;flex:1;width:100%;min-width:0;height:100%;min-height:0;display:flex;overflow:hidden}body.mobile-chat-open .mobile-back{background:var(--surface-2);color:var(--primary);cursor:pointer;white-space:nowrap;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:750;transition:background .15s,color .15s;display:inline-flex}body.mobile-chat-open .mobile-back:hover{background:var(--surface-hover);color:var(--primary-strong)}.chat-head{gap:8px;min-height:56px;padding:8px 12px}.chat-head-info strong{font-size:13px}.chat-head-info small,.chat-head-info span{font-size:10px}.conversation-control-bar{flex-direction:column;align-items:stretch;gap:8px;padding:8px 12px}.conversation-control-actions{flex-wrap:wrap;gap:6px}.conversation-control-actions .action-button{flex:auto;min-height:32px;padding:4px 10px;font-size:11px}.ticket-banner{flex-wrap:wrap;gap:6px;padding:8px 12px}.ticket-banner .banner-actions{justify-content:flex-end;gap:6px;width:100%;display:flex}.window-status{flex-wrap:wrap;gap:8px;padding:8px 12px}.messages{gap:8px;padding:12px}.message-bubble{max-width:88%}.quoted-message,.image-button,.file-card,.media-state,.video-card{min-width:0;max-width:100%}.message-actions{max-width:calc(100vw - 32px);left:auto;right:0;overflow-x:auto}.message-bubble.outgoing .message-actions{left:0;right:auto}.reply-bar{margin-bottom:5px}.composer{padding:8px 10px}.composer-main{width:100%}.composer-input{gap:6px}.composer-input textarea{min-height:38px;padding:8px 10px;font-size:13px}.comp-btn{flex-basis:36px;min-width:36px;min-height:36px}.send-btn{min-height:36px;padding:0 10px;font-size:11px}.emoji-popup{width:max-content;max-width:calc(100vw - 32px);bottom:calc(100% + 4px);left:0}.contact-drawer{display:none}.contact-drawer.open{inset:0 0 calc(62px + env(safe-area-inset-bottom,0px)) 0;z-index:50;width:100%;height:calc(100vh - 62px - env(safe-area-inset-bottom,0px));height:calc(100dvh - 62px - env(safe-area-inset-bottom,0px));background:var(--surface);border-left:0;flex-direction:column;display:flex;position:fixed}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}:focus-visible{outline-offset:2px;outline:3px solid #087f6959}.ai-view{width:100%;max-width:1120px;caret-color:var(--primary);flex-direction:column;gap:20px;margin:0 auto;padding:28px 24px 40px;display:flex}.ai-view ::selection{color:var(--ink);background:color-mix(in srgb, var(--accent) 28%, transparent)}.ai-control-card,.ai-test-card,.ai-section-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px 24px;box-shadow:0 8px 24px #071f190f}.ai-control-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.ai-control-card.is-enabled{border-color:color-mix(in srgb, var(--success) 38%, var(--line));background:color-mix(in srgb, var(--success-soft) 42%, var(--surface))}.ai-control-copy{gap:8px;max-width:72ch;display:grid}.ai-control-title{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.ai-control-title h2,.ai-test-card h2,.ai-section-card h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:20px}.ai-live-dot{background:var(--muted);width:9px;height:9px;box-shadow:0 2px 7px color-mix(in srgb, var(--muted) 45%, transparent);border-radius:50%}.is-enabled .ai-live-dot{background:var(--success);box-shadow:0 2px 8px color-mix(in srgb, var(--success) 55%, transparent)}.ai-control-card p{color:var(--ink-soft);margin:0;line-height:1.55}.ai-response-contract{align-items:center;gap:22px;padding:2px 4px;display:flex}.ai-response-contract>strong{flex:none;font-size:13px}.ai-response-contract ol{color:var(--muted);align-items:center;gap:24px;margin:0;padding-left:20px;font-size:12px;line-height:1.45;display:flex}.ai-response-contract li::marker{color:var(--primary);font-variant-numeric:tabular-nums;font-weight:800}.ai-workspace-tabs{border:1px solid var(--line);background:var(--surface-2);border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:5px;display:grid}.ai-workspace-tabs button{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:13px;font-weight:800;transition:background .16s ease-out,color .16s ease-out,box-shadow .16s ease-out}.ai-workspace-tabs button:hover{color:var(--ink);background:var(--surface-3)}.ai-workspace-tabs button.active{color:var(--primary-strong);background:var(--surface);box-shadow:inset 0 -2px 0 var(--primary), 0 3px 10px #071f1914}.ai-test-card{flex-direction:column;gap:14px;display:flex}.ai-test-form{align-items:flex-end;gap:12px;display:flex}.ai-test-form textarea,.ai-query-item textarea,.ai-rule-item textarea,.ai-rule-item input{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:11px 12px}.ai-test-form textarea{flex:1;min-height:86px}.ai-test-result{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));background:var(--surface-2);border-radius:10px;padding:14px 16px}.ai-result-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.ai-test-result p{white-space:pre-wrap;max-width:75ch;margin:9px 0 0;line-height:1.55}.ai-notice{color:var(--success);background:var(--success-soft);border:1px solid color-mix(in srgb, var(--success) 25%, var(--line));border-radius:9px;padding:10px 13px;font-size:13px}.ai-queue-tabs{border:1px solid var(--line);background:var(--surface-2);scrollbar-width:thin;border-radius:11px;align-items:stretch;gap:4px;padding:4px;display:flex;overflow-x:auto}.ai-queue-tabs button{min-width:max-content;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex:1 0 auto;justify-content:center;align-items:center;gap:8px;padding:9px 13px;font-size:12px;font-weight:700;transition:background .16s ease-out,color .16s ease-out,box-shadow .16s ease-out;display:flex}.ai-queue-tabs button:hover{color:var(--ink);background:var(--surface-3)}.ai-queue-tabs button.active{color:var(--primary-strong);background:var(--surface);box-shadow:0 3px 10px #071f1914}.ai-queue-tabs strong{background:var(--surface-3);min-width:22px;color:inherit;font-variant-numeric:tabular-nums;border-radius:99px;padding:2px 6px;font-size:10px}.ai-section-card{flex-direction:column;gap:18px;display:flex}.ai-section-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.ai-filters,.ai-filters label{align-items:center;gap:8px;display:flex}.ai-filters input{border:1px solid var(--line-strong);background:var(--surface-2);min-width:250px;color:var(--ink);font:inherit;border-radius:8px;padding:9px 10px;font-size:13px}.ai-query-list,.ai-rules-list{flex-direction:column;gap:12px;display:flex}.ai-section-description{color:var(--muted);max-width:72ch;margin:7px 0 0;font-size:13px;line-height:1.5}.ai-new-label-form{border:1px solid color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent-soft) 35%, var(--surface-2));border-radius:12px;gap:12px;padding:16px;display:grid}.ai-new-label-intro{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ai-new-label-intro strong{color:var(--ink);font-size:15px}.ai-new-label-intro span{color:var(--muted);font-size:12px}.ai-new-label-intro b{color:var(--primary-strong)}.ai-label-input{border:1px solid var(--line);background:var(--surface-2);width:100%;color:var(--ink);font:inherit;border-radius:9px;padding:9px 11px}.ai-label-input:focus{border-color:var(--primary);outline:0;box-shadow:0 0 0 3px #087f691a}.ai-field-label{color:var(--ink-soft);gap:6px;font-size:11px;font-weight:750;display:grid}.ai-label-badge{background:color-mix(in srgb, var(--accent) 13%, var(--surface));width:fit-content;color:var(--primary-strong);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750;display:inline-flex}.ai-aliases{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:11px;display:flex}.ai-aliases span{border:1px solid var(--line);background:var(--surface-2);color:var(--ink);border-radius:999px;padding:4px 7px}.ai-query-item,.ai-rule-item{border:1px solid var(--line);background:var(--surface-2);border-radius:11px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.ai-query-item.is-readonly{padding-block:14px}.ai-label-card{background:var(--surface)}.ai-query-origin{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:10px 16px;padding-bottom:8px;font-size:11px;display:flex}.ai-query-customer,.ai-query-origin time{align-items:center;gap:6px;min-width:0;display:inline-flex}.ai-query-customer strong{color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:750;overflow:hidden}.ai-query-customer small{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.ai-query-origin time{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.ai-label-card-heading,.ai-query-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-label-card-heading>div{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-label-card-heading strong{color:var(--muted);font-size:11px;font-weight:650}.ai-query-item select.ai-label-input{appearance:auto;cursor:pointer}.ai-query-item h3{letter-spacing:-.01em;max-width:75ch;margin:0;font-size:15px;line-height:1.5}.ai-question-copy{gap:3px;display:grid}.ai-question-copy>span,.ai-readonly-answer>span{color:var(--muted);letter-spacing:.035em;text-transform:uppercase;font-size:10px;font-weight:800}.ai-query-item.is-editable textarea{min-height:84px;font-weight:400}.ai-readonly-answer{gap:5px;display:grid}.ai-readonly-answer p{white-space:pre-wrap;max-width:75ch;color:var(--ink);margin:0;font-size:14px;line-height:1.55}.ai-query-meta,.ai-query-actions,.ai-topic-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ai-query-meta{color:var(--muted);font-size:12px}.ai-query-header time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px}.ai-topic-row small{color:var(--muted)}.ai-preview-result{border:1px solid color-mix(in srgb, var(--accent) 32%, var(--line));background:color-mix(in srgb, var(--accent-soft) 42%, var(--surface));border-radius:10px;gap:9px;padding:14px 15px;display:grid}.ai-preview-result.is-unavailable{border-color:color-mix(in srgb, var(--warning) 30%, var(--line));background:color-mix(in srgb, var(--warning-soft) 46%, var(--surface))}.ai-preview-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.ai-preview-heading>div{flex-wrap:wrap;align-items:baseline;gap:9px;display:flex}.ai-preview-heading span{color:var(--primary-strong);letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:850}.ai-preview-heading small{color:var(--muted);font-size:11px}.ai-preview-result p{white-space:pre-wrap;max-width:75ch;color:var(--ink);margin:0;font-size:14px;line-height:1.58}.ai-preview-note{color:var(--muted);font-size:11px;line-height:1.45}.ai-preview-refresh.button{flex:none;min-height:32px;padding:5px 10px}.ai-customer-result{border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:5px;padding:11px 12px;display:grid}.ai-customer-result>span{color:var(--muted);letter-spacing:.02em;text-transform:uppercase;font-size:10px;font-weight:800}.ai-customer-result p{white-space:pre-wrap;max-width:75ch;color:var(--ink-soft);margin:0;font-size:13px;line-height:1.52}.ai-learning-editor{border-top:1px solid var(--line);gap:11px;margin-top:2px;padding-top:14px;display:grid}.ai-editor-heading{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:10px;display:flex}.ai-editor-heading strong{font-size:13px}.ai-editor-heading small{color:var(--muted)}.ai-query-actions{justify-content:space-between}.ai-query-actions>div{flex-wrap:wrap;gap:8px;display:flex}.ai-query-footer{justify-content:space-between;align-items:center;gap:12px;padding-top:2px;display:flex}.ai-query-footer small,.ai-query-actions small,.ai-rule-date{color:var(--muted);font-size:11px}.ai-status,.ai-review-badge{background:var(--surface-3);color:var(--muted);border-radius:999px;padding:4px 8px;font-size:11px;font-weight:750}.ai-status.answered,.ai-status.edited{color:var(--success);background:var(--success-soft)}.ai-status.clarify,.ai-status.handoff{color:var(--primary-strong);background:var(--accent-soft)}.ai-status.unavailable{color:var(--danger);background:var(--danger-soft)}.ai-status.disabled,.ai-status.paused,.ai-review-badge{color:var(--warning);background:var(--warning-soft)}.ai-rule-item input{font-weight:700}.ai-rule-item>textarea{min-height:78px}.ai-rule-item .ai-query-actions>div{gap:8px;display:flex}.ai-editor-hint{color:var(--muted);font-size:11px;line-height:1.45}.ai-editor-hint code{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:2px 4px;font-size:11px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=760px){.ai-view{padding:16px 12px}.ai-control-card,.ai-test-card,.ai-section-card{padding:17px 15px}.ai-control-card,.ai-test-form{flex-direction:column;align-items:stretch}.ai-control-card .button{width:100%}.ai-response-contract{flex-direction:column;align-items:flex-start;gap:8px;padding-inline:2px}.ai-response-contract ol{gap:5px;display:grid}.ai-queue-tabs{margin-inline:-2px}.ai-filters{flex-direction:column;align-items:stretch;width:100%}.ai-filters label,.ai-filters input{width:100%;min-width:0}.ai-query-header{align-items:flex-start}.ai-query-header time{width:100%}.ai-query-origin{flex-direction:column;align-items:flex-start}.ai-query-customer{width:100%}.ai-preview-heading{flex-direction:column;align-items:stretch}.ai-preview-refresh.button{width:100%}.ai-query-actions,.ai-query-footer{flex-direction:column;align-items:stretch}.ai-query-actions>div{width:100%}.ai-query-actions .button,.ai-query-footer .button{flex:1}}.inbox-shell{grid-template-columns:minmax(250px,30%) minmax(0,1fr)}.inbox-shell.info-visible{grid-template-columns:minmax(250px,27%) minmax(0,1fr) 310px}.chat-head,.composer,.chat-control-disclosure{flex-shrink:0}.chat-head-info small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.conversation-control-bar,.ticket-banner,.window-status{flex-wrap:wrap}.conversation-control-actions,.banner-actions{flex-wrap:wrap;gap:6px;display:flex}.conversation-control-actions{min-width:0}.chat-controls-toggle,.topbar-settings-toggle,.mobile-logout{display:none}.message-actions.message-actions-floating{z-index:100;flex-wrap:wrap;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);display:flex;position:fixed;bottom:auto;right:auto;overflow:auto}.message-actions-floating button,.message-actions-floating a{min-height:44px;font-size:12px}.message-actions-trigger{opacity:1;pointer-events:auto}.messages>.message-bubble:first-of-type{margin-top:0}.composer-input textarea{font-size:16px}@media (width<=1350px) and (width>=769px){.inbox-shell.info-visible{grid-template-columns:minmax(250px,30%) minmax(0,1fr)}.contact-drawer.open{z-index:50;width:min(390px,100vw - 72px);position:fixed;inset:0 0 0 auto;box-shadow:-12px 0 40px #0003}}@media (width<=1024px),(height<=600px){.chat-control-disclosure{background:var(--surface);border-bottom:1px solid var(--line);position:relative}.chat-controls-toggle{justify-content:center;width:calc(100% - 16px);min-height:44px;margin:4px 8px;display:flex}.chat-control-panel{z-index:20;max-height:min(380px,100dvh - 160px);box-shadow:var(--shadow-md);background:var(--surface);display:none;position:absolute;top:100%;left:0;right:0;overflow:auto}.chat-control-panel.expanded{display:block}.conversation-control-actions{flex-wrap:wrap}.conversation-control-actions .action-button,.banner-actions .action-button{min-height:44px}.ticket-banner .banner-text{white-space:normal;overflow-wrap:anywhere}.chat-head{min-height:56px;padding:6px 10px}.composer{padding:6px 8px}.composer-input{gap:4px}.comp-btn,.send-btn{flex:0 0 44px;min-width:44px;min-height:44px;padding:0}.send-btn span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.composer-input textarea{min-height:44px;padding:10px 8px;font-size:16px}.messages{padding:10px 12px}.message-actions-trigger{opacity:1;pointer-events:auto;min-width:44px;min-height:44px;margin:0 0 0 auto;position:static}.message-bubble.outgoing .message-actions-trigger{margin:0 auto 0 0}}@media (width<=768px),(width<=950px) and (height<=500px){.topbar{flex-shrink:0;gap:8px;position:relative}.topbar-copy{flex:1;min-width:0}.topbar-copy h1{font-size:17px}.topbar-settings-toggle{justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.topbar-actions{z-index:60;border:1px solid var(--line);background:var(--surface);width:min(290px,100vw - 16px);max-height:calc(100dvh - 135px);box-shadow:var(--shadow-md);border-radius:12px;padding:12px;display:none;position:absolute;top:100%;right:8px;overflow:auto}.topbar-actions.expanded{flex-direction:column;align-items:stretch;gap:8px;display:flex}.topbar-actions .text-action{align-items:center;gap:8px;min-height:44px;display:flex}.topbar-actions .text-action span{display:inline}.topbar-actions select{width:100%;min-height:44px}body.mobile-chat-open .mobile-back{justify-content:center;width:44px;min-height:44px;padding:0}.mobile-back span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.chat-head .avatar{flex-basis:34px;width:34px;height:34px}}@media (width<=360px){.composer-input{grid-template-columns:44px 44px minmax(0,1fr) 44px;align-items:center;display:grid}.composer-input textarea{grid-area:1/1/auto/4;width:100%}.composer-input .send-btn{grid-area:1/4}.composer-input>.comp-btn{grid-area:2/1}.composer-input .emoji-picker{grid-area:2/2}}@media (height<=600px){.topbar{min-height:48px;padding-block:2px}.topbar-copy>p{display:none}.chat-head{min-height:48px;padding-block:2px}.chat-controls-toggle{min-height:36px;margin-block:2px}.chat-control-panel{max-height:calc(100dvh - 145px)}.reply-bar,.file-bar{max-height:55px;overflow:auto}}.mobile-primary-nav,.mobile-nav-heading{display:none}@media (width<=768px),(width<=950px) and (height<=500px){.app-shell{top:var(--visual-top,0px);width:100%;height:var(--visual-height,100dvh);padding-bottom:calc(62px + env(safe-area-inset-bottom,0px));position:fixed;left:0}.main-area{height:100%}.sidebar{padding:0 0 env(safe-area-inset-bottom,0px);border-right:0}.sidebar .sidebar-nav{display:none}.mobile-primary-nav{height:62px;padding-inline:max(4px, env(safe-area-inset-left));grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.mobile-nav-link{color:#b7dbd2;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:48px;padding:4px 2px;font-size:11px;display:flex;position:relative}.mobile-nav-link.active{color:#fff;background:var(--sidebar-active)}.mobile-nav-link b{color:#042f2e;background:#34d399;border-radius:20px;padding:1px 4px;font-size:10px;position:absolute;top:2px;left:calc(50% + 7px)}.sidebar.open{height:auto;max-height:calc(var(--visual-height,100dvh) - 16px);z-index:80;border-radius:18px 18px 0 0;overflow-y:auto}.sidebar.open .mobile-primary-nav{display:none}.sidebar.open .sidebar-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:auto;padding:4px 12px 16px;display:grid;overflow:visible}.sidebar.open .sidebar-link{border-radius:8px;justify-content:flex-start;gap:10px;height:auto;min-height:52px;padding:12px;font-size:14px;display:flex}.sidebar.open .sidebar-link b{margin:0 0 0 auto;position:static}.sidebar.open .mobile-nav-heading{justify-content:space-between;align-items:center;padding:12px 16px 4px;display:flex}.mobile-nav-heading button{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:8px}.sidebar-backdrop{z-index:70;background:#0007;border:0;display:block;position:fixed;inset:0}.keyboard-open .app-shell{padding-bottom:0}.keyboard-open .sidebar:not(.open){display:none}.topbar{padding-top:max(6px, env(safe-area-inset-top));padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right))}.search-bar{flex-wrap:wrap;gap:8px;padding:12px}.search-bar .search-wrap{flex:100%;min-width:0}.search-bar .filter-select{width:100%;max-width:100%}.conversation-pane :is(input,select),.drawer-body>label :is(input,select,textarea),.login-card input{min-width:0;min-height:44px;font-size:16px}.drawer-body>label{font-size:13px}.drawer-head{flex-shrink:0;align-items:flex-start}.drawer-head h2,.drawer-profile strong,.facts b{overflow-wrap:anywhere}.drawer-head .close-btn{flex-shrink:0;min-width:44px;min-height:44px}.contact-drawer.open{top:var(--visual-top,0px);height:var(--visual-height,100dvh);z-index:90;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);bottom:auto}.drawer-body{overscroll-behavior:contain;flex:1;padding-bottom:24px}.drawer-profile span,.facts :is(span,b){font-size:12px}.drawer-body>.button{min-height:44px}.chat-head-info strong{overflow-wrap:anywhere;font-size:15px}.chat-head-info small,.chat-head-info span{font-size:12px}.chat-control-panel{max-height:calc(var(--visual-height,100dvh) - 150px)}.chat-control-panel .action-button{font-size:13px}.message-bubble{max-width:92%;font-size:15px}.message-text{overflow-wrap:anywhere}.emoji-popup{left:12px;right:12px;bottom:calc(62px + env(safe-area-inset-bottom) + 72px);width:auto;max-width:none;max-height:180px;position:fixed;overflow:auto}.keyboard-open .emoji-popup{bottom:72px}.emoji-popup button{min-width:40px;min-height:44px}.login-page{top:var(--visual-top,0px);width:100%;height:var(--visual-height,100dvh);min-height:0;padding:20px 16px;position:fixed;left:0;overflow:auto}.login-card{margin-block:auto;padding:24px}}@media (width<=768px) and (height<=500px){.sidebar.open .sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.sidebar.open .sidebar-link{padding:8px}}@media (pointer:coarse){.login-card input,.drawer-body>label :is(input,select,textarea),.topbar-actions select{font-size:16px}.text-action,.filter-select,.search-wrap input,.drawer-body>.button{min-height:44px}}@media (width<=950px) and (height<=500px){.search-bar{flex-wrap:nowrap;padding:6px 10px}.search-bar .search-wrap{flex:1}.search-bar .filter-select{width:150px}.conversation-summary{padding:6px 10px}.conversation-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.conversation-metric{min-height:44px;padding:4px 6px}.mark-all-read{min-height:44px;margin-top:4px}.sidebar.open .sidebar-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.login-page{height:var(--visual-height,100dvh);min-height:0;padding:16px;position:fixed;inset:0;overflow:auto}.login-card{margin-block:auto}}.data-page,.analytics-layout,.data-page .view-toolbar,.data-page .data-card,.analytics-layout>*,.analytics-layout .modern-funnel-card,.analytics-layout .funnel-title-group,.analytics-layout .funnel-title-group>div{min-width:0}.data-page .status-tab-bar{overscroll-behavior-x:contain;min-width:0;max-width:100%}.data-page .status-tab{flex:none}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr))}.template-card-modern,.template-name-bar,.template-preview-bubble,.templates-banner .banner-left>div{overflow-wrap:anywhere;min-width:0}.template-top,.template-badges{flex-wrap:wrap}.templates-banner .wa-official-icon{flex-shrink:0}.data-page .table-footer,.analytics-layout .table-footer,.analytics-layout .funnel-top{flex-wrap:wrap}.analytics-layout .funnel-title-group{flex:200px}.analytics-layout .funnel-title-group h5,.analytics-layout .funnel-desc{overflow-wrap:anywhere}.order-modal-sheet .sheet-section,.order-modal-sheet .summary-item{min-width:0}.order-modal-sheet .sheet-header,.order-modal-sheet .order-detail-box{overflow-wrap:anywhere}.order-items-table-wrap{overflow-x:auto}@media (width<=768px),(pointer:coarse){:is(.data-page,.analytics-layout,.modal-sheet) :is(button,.button),.analytics-layout .chart-series-filters .series-toggle-chip{min-width:44px;min-height:44px}.data-page :is(input,select,textarea),.analytics-layout :is(input,select,textarea),.analytics-layout .date-input-label input[type=date],.modal-sheet :is(input,select,textarea){min-height:44px;font-size:16px}.data-page .clear-btn{right:0}.modal-sheet .sheet-close-btn{flex-shrink:0}}@media (width<=768px),(width<=950px) and (height<=500px){.data-page .table-footer,.analytics-layout .table-footer{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding:12px}.data-page .table-footer-controls,.analytics-layout .table-footer-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;width:100%;display:grid}.data-page .table-footer-controls .page-indicator,.analytics-layout .table-footer-controls .page-indicator{text-align:center;white-space:normal;grid-area:1/1/auto/-1}.data-page .table-footer-controls .button,.analytics-layout .table-footer-controls .button{justify-content:center;min-width:0;padding-inline:8px}.analytics-layout .period-segmented-control{grid-template-columns:repeat(3,minmax(0,1fr))}.analytics-layout .period-seg-btn:last-child{grid-column:1/-1}.analytics-layout .period-seg-btn{font-size:12px}.analytics-layout .modern-funnel-card{padding:16px 14px}.analytics-layout .chart-date-filter{flex-wrap:wrap;gap:8px;min-width:0;max-width:100%;display:flex}.analytics-layout .chart-date-input-wrap{flex:150px;min-width:0}.analytics-layout .chart-date-input{width:100%;min-width:0}.analytics-layout .chart-date-sep{display:none}.analytics-layout .chart-header-actions,.analytics-layout .section-header-controls{min-width:0;max-width:100%}.modal-sheet .sheet-footer{flex-wrap:wrap}.modal-sheet .sheet-footer .button{flex:150px;justify-content:center}}@media (width<=480px){.order-items-table thead{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.order-items-table tbody{display:block}.order-items-table tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.order-items-table td{overflow-wrap:anywhere;min-width:0;padding:10px}.order-items-table td:first-child{border-bottom:0;grid-column:1/-1;padding-bottom:0}.order-items-table td[data-label]:before{content:attr(data-label);color:var(--muted);margin-bottom:4px;font-size:11px;display:block}.order-items-table td:nth-child(2){text-align:left!important}.order-items-table .price-tag{white-space:normal}}@media (width<=768px),(width<=950px) and (height<=500px){.main-view{padding:16px 12px 24px}.data-page{gap:14px}.data-page .toolbar-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.data-page .toolbar-filters>.select-wrap{grid-column:1/-1;min-width:0}.data-page .toolbar-filters select{width:100%;max-width:100%}.data-page .toolbar-filters>.button{justify-content:center;min-width:0;padding:10px 8px;font-size:14px}.data-page .toolbar-search{padding-right:44px}.data-page .table-responsive{overflow:visible}.data-page .modern-table{width:100%;min-width:0;display:block}.data-page .modern-table thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.data-page .modern-table tbody{display:block}.data-page .modern-table tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px;display:grid}.data-page .modern-table td{overflow-wrap:anywhere;border:0;width:auto;min-width:0;padding:0;display:block;text-align:left!important}.data-page .modern-table td:before{content:attr(data-label);color:var(--muted);margin-bottom:5px;font-size:12px;font-weight:600;display:block}.data-page .modern-table .cell-title{white-space:normal;overflow-wrap:anywhere;font-size:16px;line-height:1.4}.data-page .modern-table .cell-subtitle{white-space:normal;font-size:14px;line-height:1.5}.data-page .modern-table .cell-primary{min-width:0}.data-page .modern-table :is(.cell-time,.cell-extra,.tag-empty,.tag-pill,.chip-badge){font-size:12px}.data-page .modern-table :is(.chip-badge,.tag-pill){white-space:normal;overflow-wrap:anywhere;max-width:100%}.data-page .modern-table .order-detail-snippet{white-space:normal;max-width:100%;font-size:14px}.data-page .modern-table td:last-child{border-top:1px solid var(--line);grid-column:1/-1;padding-top:10px}.data-page .modern-table td:last-child:before{display:none}.data-page .modern-table td:last-child>.button{justify-content:center;width:100%;font-size:14px}.data-page .contact-table-grid td:first-child,.data-page .contact-table-grid td:nth-child(2),.data-page .contact-table-grid td:nth-child(5),.data-page .contact-table-grid td:nth-child(6),.data-page .ticket-table-grid td:nth-child(2),.data-page .order-table-grid td:nth-child(2),.data-page .order-table-grid td:nth-child(3){grid-column:1/-1}.data-page .contact-table-grid td:first-child:before,.data-page .ticket-table-grid td:nth-child(2):before{display:none}.data-page .ticket-table-grid td:nth-child(2){grid-row:1}.data-page .modern-table .row-actions-group{justify-content:flex-end;gap:10px;display:flex}.data-page .modern-table .row-actions-group .button{min-width:48px;min-height:44px}.data-page .modern-table .row-actions-group .button:first-child{flex:1;justify-content:center}.data-page .modern-table .row-actions-group .button:first-child:after{content:"Abrir chat";margin-left:8px;font-size:14px}.dashboard-layout,.dashboard-layout>*,.dashboard-layout .hero-content,.dashboard-layout .hero-actions{min-width:0}.dashboard-layout .hero-actions{width:100%}.dashboard-layout .dashboard-hero{padding:18px}.dashboard-layout .dashboard-hero h2{overflow-wrap:anywhere;font-size:22px}.dashboard-layout :is(.stat-hint,.node-value,.node-desc){overflow-wrap:anywhere}.templates-banner{flex-direction:column;align-items:stretch}.templates-banner .banner-left{min-width:0}.template-preview-bubble{font-size:15px}.analytics-layout .table-responsive:not(.table-responsive-contacts){overscroll-behavior-inline:contain}.analytics-layout .section-card-header{flex-wrap:wrap}.analytics-layout .section-title-wrap,.analytics-layout .section-title-wrap>div{min-width:0}.modal-backdrop{top:var(--visual-top,0px);height:var(--visual-height,100dvh);padding:12px max(12px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));align-items:end;bottom:auto}.modal-sheet{overscroll-behavior:contain;gap:16px;max-height:100%;padding:18px;overflow-y:auto}.modal-sheet>*{flex-shrink:0}.modal-sheet .sheet-header{z-index:2;background:var(--surface);margin:0;padding:0 0 16px;position:sticky;top:0}.modal-sheet .sheet-header h2{font-size:18px}.modal-sheet .sheet-header p{font-size:13px}.modal-sheet .sheet-form{min-width:0}.modal-sheet .sheet-footer{gap:10px}.modal-sheet .sheet-footer .button{white-space:normal;flex:120px;min-width:0}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend){overflow:visible}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend) .analytics-table{width:100%;min-width:0;display:block}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend) thead{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend) tbody{display:block}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend) tr{border-bottom:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend) td{overflow-wrap:anywhere;border:0;min-width:0;padding:0;display:block;text-align:left!important}.analytics-layout :is(.table-responsive-patterns,.table-responsive-recent,.table-responsive-trend) td:before{content:attr(data-label);color:var(--muted);margin-bottom:5px;font-size:12px;display:block}.analytics-layout :is(.table-responsive-patterns,.table-responsive-trend) td:first-child,.analytics-layout .table-responsive-patterns td:last-child,.analytics-layout .table-responsive-recent td{grid-column:1/-1}.analytics-layout .table-responsive-recent td:last-child:before{display:none}.analytics-layout .table-responsive-recent .action-open-chat-btn{justify-content:center;width:100%}.analytics-layout :is(.raw-message-box,.raw-message-box code,.cell-title,.cell-time){white-space:normal;overflow-wrap:anywhere;min-width:0}.analytics-layout .raw-message-box code{font-size:14px}}