:root{--bg:#f4f5f7;--surface:#fff;--surface-2:#f6f7f9;--sidebar:#fff;--sidebar-soft:#eef1f5;--thread-bg:#fff;--in-bubble:#eef0f3;--out-bubble:#0967ff;--nav-bg:#1b2430;--nav-text:#d8dce3;--nav-muted:#8a94a4;--border:#e4e7ec;--border-strong:#d3d8e0;--text:#131a24;--text-2:#495568;--muted:#8a94a3;--accent:#3b6cf6;--accent-strong:#2c56d4;--accent-soft:#edf2ff;--accent-border:#ccdcff;--on-accent:#fff;--c-blue:#0866ff;--c-teal:#0ea5b7;--c-amber:#eba413;--c-orange:#e07b06;--c-red:#e5484d;--c-green:#2e9e5b;--c-green-2:#16a34a;--c-indigo:#5b5bd6;--c-purple:#7c3aed;--c-pink:#db2777;--c-gray:#8a94a4;--gold:#c9a227;--brand-fb:#0866ff;--brand-line:#06c755;--brand-tg:#229ed9;--ok-soft:#e9f6ee;--ok-text:#1a7f4b;--ok-border:#b9dfc9;--warn-soft:#fdf6e0;--warn-text:#96700a;--warn-border:#f0d98a;--orange-text:#b45309;--danger-soft:#fdecec;--danger-text:#c0303a;--danger-border:#f3c2c4;--info-soft:#eaf2ff;--purple-soft:#f4efff;--summary-bg:#eef1f6;--summary-border:#d7dde6;--summary-text:#1a2230;--summary-line:#c2cad6;--cart-bg:#fff6da;--cart-border:#efe0ad;--radius-sm:12px;--radius:18px;--radius-lg:20px;--radius-full:999px;--shadow-sm:0 1px 2px #0f172a0a;--shadow-md:0 4px 16px #0f172a12;--shadow-lg:0 14px 40px #0f172a1f;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--font:-apple-system, BlinkMacSystemFont, "Segoe UI", "Sarabun", "Noto Sans Thai", sans-serif;font-family:var(--font);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html[data-theme=dark]{--bg:#0f141b;--surface:#171d26;--surface-2:#1d2430;--sidebar:#171d26;--sidebar-soft:#232b38;--thread-bg:#121821;--in-bubble:#313d4e;--out-bubble:#3560d8;--nav-bg:#10151d;--border:#2a3342;--border-strong:#3a4454;--text:#e8ecf3;--text-2:#b7c0cd;--muted:#8993a3;--accent:#5c8bff;--accent-strong:#85a9ff;--accent-soft:#1c2a49;--accent-border:#31477c;--on-accent:#fff;--c-blue:#5ea1ff;--c-teal:#38c3d3;--c-amber:#f0b429;--c-orange:#f0913a;--c-red:#f26a72;--c-green:#43c081;--c-green-2:#3ecb7f;--c-indigo:#8f8fff;--c-purple:#ab87ff;--c-pink:#f272b0;--c-gray:#94a0b0;--gold:#e3bd45;--ok-soft:#16301f;--ok-text:#5cd795;--ok-border:#2c5a3e;--warn-soft:#33290f;--warn-text:#eec863;--warn-border:#6b5a22;--orange-text:#f0a45f;--danger-soft:#3a1d20;--danger-text:#f2868d;--danger-border:#6d3236;--info-soft:#182740;--purple-soft:#29203e;--summary-bg:#0f1620;--summary-border:#2a3342;--summary-text:#e8ecf3;--summary-line:#3a4454;--cart-bg:#2b2718;--cart-border:#4a4127;--shadow-sm:0 1px 2px #00000059;--shadow-md:0 8px 24px #00000073;--shadow-lg:0 18px 48px #0000008c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility}.centered{text-align:center;place-items:center;height:100%;padding:24px;display:grid}.muted{color:var(--muted)}.login-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:12px;width:100%;max-width:340px;padding:32px;display:flex;box-shadow:0 4px 24px #0000000d}.login-brand{font-size:22px;font-weight:700}.login-sub{margin-bottom:8px;font-size:14px}.login-card input{border:1px solid var(--border);border-radius:var(--radius-sm);padding:11px 13px;font-size:15px}.login-card input:focus{outline:2px solid var(--accent);border-color:#0000}.login-card button{border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;padding:11px;font-size:15px;font-weight:600}.login-card button:disabled{opacity:.6;cursor:default}.login-error{color:var(--danger-text);font-size:13px}.app{background:var(--bg);grid-template-columns:360px 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);color:var(--text);border-right:1px solid var(--border);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-head{border-bottom:1px solid var(--border);padding:14px 16px 12px;padding-top:calc(14px + var(--safe-top));flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.brand{letter-spacing:-.01em;font-size:18px;font-weight:800}.link-btn{background:var(--sidebar-soft);color:var(--text-2);cursor:pointer;border-radius:var(--radius-full);white-space:nowrap;border:0;padding:6px 10px;font-size:12.5px;line-height:1.4}.link-btn:hover{background:var(--border)}.conv-list{background:var(--sidebar);flex:1;min-width:0;min-height:0;overflow:hidden auto}.empty{color:var(--muted);padding:28px 20px;font-size:14px;line-height:1.5}.conv{text-align:left;cursor:pointer;width:100%;color:var(--text);border:0;border-bottom:1px solid var(--surface-2);content-visibility:auto;contain-intrinsic-size:auto 88px;background:0 0;align-items:center;gap:12px;padding:11px 16px;display:flex;position:relative;overflow:hidden}.conv:hover{background:var(--surface-2)}.conv.active{background:var(--accent-soft)}.conv>.avatar{flex-shrink:0;margin-right:0}.conv-chdot{border:2px solid var(--surface);width:13px;height:13px;box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:50px;left:50px}.conv-main{flex:1;min-width:0}.conv-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.conv-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14.5px;font-weight:600;overflow:hidden}.conv.unread .conv-name{font-weight:800}.conv-time{color:var(--muted);flex-shrink:0;font-size:11.5px}.conv-bottom{justify-content:space-between;align-items:center;gap:8px;margin-top:2px;display:flex}.conv-preview{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.conv.unread .conv-preview{color:var(--text-2)}.badge{background:var(--accent);color:var(--on-accent);border-radius:var(--radius-sm);flex-shrink:0;place-items:center;min-width:19px;height:19px;padding:0 6px;font-size:11px;font-weight:700;display:grid}.conv-channel{font-size:11px;display:inline-block}.thread-pane{background:var(--thread-bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.thread-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:5;padding:10px 16px;padding-top:calc(10px + var(--safe-top));box-shadow:var(--shadow-sm);align-items:center;gap:10px;display:flex;position:sticky;top:0}.thread-title{font-size:16px;font-weight:700}.thread-channel{margin-left:auto;font-size:12px;font-weight:600}.back-btn{cursor:pointer;color:var(--accent);background:0 0;border:0;padding:0 6px 0 0;font-size:30px;line-height:1;display:none}.scroll-latest{left:50%;bottom:calc(84px + var(--safe-bottom));z-index:8;background:var(--surface);width:40px;height:40px;color:var(--text-2);border:1px solid var(--border-strong);box-shadow:var(--shadow-md);cursor:pointer;border-radius:50%;place-items:center;animation:.16s pop-in;display:grid;position:absolute;transform:translate(-50%)}.scroll-latest:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.thread{flex-direction:column;flex:1;gap:6px;min-height:0;padding:16px 14px 18px;scroll-padding-bottom:16px;display:flex;overflow-y:auto}.msg-row{max-width:100%;font-size:0}.msg-row.inbound{text-align:left}.msg-row.outbound{text-align:right}.msg-row .avatar{vertical-align:bottom;flex-shrink:0;margin:0 7px 2px 0}.msg-avatar-gap{vertical-align:bottom;width:28px;margin-right:7px;display:inline-block}.bubble{vertical-align:bottom;text-align:left;border-radius:var(--radius-lg);min-width:0;max-width:74%;padding:8px 13px;font-size:14.5px;line-height:1.4;display:inline-block}.bubble.inbound{background:var(--in-bubble);color:var(--text);border-bottom-left-radius:5px}.bubble.inbound .bubble-text{font-weight:500}.bubble.outbound{background:var(--out-bubble);color:var(--on-accent);border-bottom-right-radius:5px}.bubble.outbound .bubble-text{font-weight:500}.bubble-text{white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;-webkit-user-select:text;user-select:text;-webkit-touch-callout:default;cursor:text}.bubble-img{border-radius:14px;width:auto;max-width:240px;height:auto;max-height:300px;display:block}.bubble.media{color:var(--text);padding:0;line-height:0;background:0 0!important}.bubble.media>a{vertical-align:top;display:inline-block}.msg-row.outbound .bubble.media{text-align:right}.bubble.media .bubble-meta{opacity:.7;margin-top:2px;line-height:1.4}.bubble-file{color:inherit;font-size:14px;text-decoration:underline}.loading-older{text-align:center;color:var(--muted);padding:8px;font-size:12px}.note-bubble{background:var(--warn-soft);border:1px solid var(--warn-border);border-radius:var(--radius-sm);align-self:center;max-width:80%;margin:6px 0;padding:8px 12px}.note-label{color:var(--warn-text);margin-bottom:3px;font-size:10px;font-weight:700}.note-body{color:var(--warn-text);white-space:pre-wrap;word-break:break-word;font-size:13px}.note-meta{color:var(--warn-text);text-align:right;margin-top:3px;font-size:10px}.composer-row{align-items:flex-end;gap:8px;display:flex}.composer-row .composer-input{flex:1}.composer-tools{align-items:center;gap:8px;padding:0 2px;display:flex}.composer-tools .tpl-btn{width:38px;height:38px;font-size:17px}.avatar{background:var(--accent);color:var(--on-accent);vertical-align:middle;border-radius:50%;flex:none;justify-content:center;align-items:center;margin-right:6px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.avatar-initial{line-height:1}.avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;position:absolute;inset:0}.thread-title{align-items:center;gap:8px;min-width:0;display:flex}.thread-title .avatar{flex-shrink:0}.thread-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.composer-mode{gap:6px;display:flex}.composer-mode button{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--radius-full);cursor:pointer;padding:6px 14px;font-size:12.5px;font-weight:600;line-height:1.4}.composer-mode button.active{background:var(--accent);color:var(--on-accent);border-color:#0000}.composer.comment-mode button.active{background:var(--gold)}.composer.comment-mode .composer-input{background:var(--warn-soft);border-color:var(--warn-border)}.info-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--text-2);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.info-btn:hover{background:var(--sidebar-soft)}.followup-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;color:var(--muted);white-space:nowrap;border-radius:14px;flex-shrink:0;padding:4px 10px;font-size:12px}.followup-btn.active{background:var(--warn-soft);border-color:var(--gold);color:var(--warn-text);font-weight:600}.close-sale-btn,.reopen-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;white-space:nowrap;border-radius:14px;flex-shrink:0;padding:4px 12px;font-size:12px}.close-sale-btn{color:var(--c-green);border-color:var(--ok-border)}.reopen-btn{color:var(--muted)}.closed-banner{background:var(--ok-soft);color:var(--ok-text);border-bottom:1px solid var(--border);text-align:center;padding:6px 18px;font-size:12px;font-weight:600}.conv-closed{color:var(--ok-text);background:var(--ok-soft);border-radius:6px;padding:1px 6px;font-size:10px}.modal-backdrop{z-index:60;background:#0000004d;position:fixed;inset:0}.close-modal{z-index:70;background:var(--bg);border-radius:14px;flex-direction:column;gap:8px;width:320px;max-width:90vw;padding:18px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000040}.close-modal-title{font-size:15px;font-weight:700}.close-outcome{gap:8px;margin:4px 0;display:flex}.close-outcome button{border:1px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:8px;flex:1;padding:8px;font-size:13px}.close-outcome button.active{background:var(--accent);color:var(--on-accent);border-color:#0000}.close-modal label{color:var(--muted);font-size:12px}.close-modal input{border:1px solid var(--border);border-radius:8px;padding:9px 11px;font-size:15px}.close-modal-actions{gap:8px;margin-top:8px;display:flex}.dispatch-sec{border-bottom:1px solid var(--border-strong);padding:10px 0;font-size:13.5px;line-height:1.7}.dispatch-sec:first-child{padding-top:0}.dispatch-sec-last{border-bottom:0}.dispatch-item{font-size:13.5px}.dispatch-pay{color:var(--ok-text,var(--c-green));font-size:15px;font-weight:800}.btn-ghost{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);cursor:pointer;flex:1;padding:9px}.btn-primary{border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;flex:1;padding:9px;font-weight:600}.btn-secondary{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text,inherit);cursor:pointer;padding:7px 12px;font-size:13px;font-weight:600}.btn-secondary:hover{background:var(--in-bubble)}.btn-secondary:disabled{opacity:.6;cursor:default}.sidebar-head-actions{align-items:center;gap:10px;display:flex;position:relative}.head-menu-btn{background:var(--sidebar-soft);color:var(--text-2);cursor:pointer;border:0;border-radius:50%;place-items:center;width:40px;height:40px;font-size:19px;display:grid}.head-menu-btn:hover{background:var(--border)}.head-menu-backdrop{z-index:40;position:fixed;inset:0}.head-menu{z-index:50;background:var(--surface);border:1px solid var(--border);min-width:200px;box-shadow:var(--shadow-md);border-radius:14px;flex-direction:column;padding:6px;display:flex;position:absolute;top:46px;right:0}.head-menu .link-btn{text-align:left;border-radius:var(--radius-sm);color:var(--text);background:0 0;padding:10px 12px;font-size:14px}.head-menu .link-btn:hover{background:var(--sidebar-soft)}.head-menu .link-btn.danger{color:var(--c-red)}.head-menu-sep{background:var(--border);height:1px;margin:5px 4px}.ar-modal{z-index:70;background:var(--bg);border-radius:14px;flex-direction:column;width:460px;max-width:94vw;max-height:86vh;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000040}.ar-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;font-size:15px;font-weight:700;display:flex}.ar-body{flex-direction:column;gap:8px;padding:16px 18px;display:flex;overflow-y:auto}.ar-body>*{flex-shrink:0}.ar-body textarea{min-height:58px}.ar-body label{color:var(--muted);margin-top:6px;font-size:12px}.ar-body input,.ar-body textarea,.ar-body select{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:14px}.ar-add{margin-bottom:6px}.ar-checkbox{color:var(--text);align-items:center;gap:8px;margin-top:10px;font-size:13px;display:flex}.ar-checkbox input{width:auto}.ar-rule{border:1px solid var(--border);border-radius:var(--radius-sm);gap:10px;padding:10px 12px;display:flex}.ar-rule-main{flex:1;min-width:0}.ar-rule-top{align-items:center;gap:8px;display:flex}.ar-type{border-radius:8px;padding:1px 8px;font-size:10px;font-weight:700}.ar-type.welcome{color:var(--c-blue);background:#0866ff1a}.ar-type.keyword{color:var(--c-green);background:#2e9e5b1a}.ar-scope{color:var(--muted);font-size:11px}.ar-off{color:var(--c-red);background:#e5484d1a;border-radius:6px;padding:1px 6px;font-size:10px}.ar-keywords{color:var(--muted);margin-top:4px;font-size:12px}.ar-reply{white-space:pre-wrap;word-break:break-word;margin-top:3px;font-size:13px}.ar-rule-actions{flex-direction:column;gap:2px;display:flex}.ar-rule-actions button{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px;font-size:14px}.ar-rule-actions button:hover{background:var(--border)}.ar-timeout{color:var(--warn-text);margin-top:4px;font-size:11px}.ar-step{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--in-bubble);flex-direction:column;gap:6px;padding:10px;display:flex}.ar-step-head{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;font-weight:600;display:flex}.ar-step-del{color:var(--c-red);cursor:pointer;background:0 0;border:0;font-size:12px}.ar-step-row{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.ar-delay{width:70px}.ar-step-img{align-items:center;gap:8px;display:flex}.ar-attach{color:var(--accent);cursor:pointer;border:1px dashed var(--border);border-radius:8px;padding:6px 10px;font-size:12px;display:inline-block}.ar-add-step{border:1px dashed var(--border);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;align-self:flex-start;padding:6px 12px;font-size:12px}.ar-manual{color:var(--warn-text);background:var(--warn-soft);border-radius:6px;padding:1px 6px;font-size:10px}.ar-name{margin-top:3px;font-size:13px;font-weight:600}.rule-set-section{border-bottom:1px solid var(--border);padding:6px 0}.rule-set-head{color:var(--muted);padding:6px 18px;font-size:11px}.rule-set-item{cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 18px;font-size:13px;font-weight:600;display:flex}.rule-set-item:hover{background:var(--in-bubble)}.rule-set-item span{color:var(--muted);font-size:11px;font-weight:400}.team-card{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:10px 12px;display:flex}.team-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.team-name{font-size:14px;font-weight:600}.team-role{border:1px solid var(--border);border-radius:8px;padding:4px 8px;font-size:12px}.team-channels{flex-direction:column;gap:4px;padding-left:4px;display:flex}.team-chan{align-items:center;gap:8px;font-size:13px;display:flex}.team-chan input{width:auto}.invite-created{border:1px solid var(--c-green);border-radius:var(--radius-sm);background:#2e9e5b14;flex-direction:column;gap:4px;padding:10px 12px;font-size:13px;display:flex}.followup-filter{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:100%;color:var(--muted);border-radius:8px;margin-top:8px;padding:7px;font-size:12px}.followup-filter.active{background:var(--warn-soft);border-color:var(--gold);color:var(--warn-text);font-weight:600}.filter-bar{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.filter-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg);min-width:0;color:var(--text);flex:1;padding:8px 10px;font-size:13px}.filter-select:focus{outline:2px solid var(--accent);border-color:#0000}.followup-toggle-row{color:var(--text);justify-content:space-between;align-items:center;margin-top:10px;font-size:13px;display:flex}.switch{border-radius:var(--radius-full);cursor:pointer;background:var(--border-strong);border:0;flex-shrink:0;width:42px;height:24px;padding:0;transition:background .18s;position:relative}.switch.on{background:linear-gradient(90deg, var(--gold), var(--gold))}.switch-knob{background:var(--surface);border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0006}.switch.on .switch-knob{transform:translate(18px)}.panel-backdrop{z-index:40;background:#00000040;position:fixed;inset:0}.info-panel{z-index:50;background:var(--surface);border-left:1px solid var(--border);flex-direction:column;width:340px;max-width:88vw;animation:.18s slideIn;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-4px 0 16px #0000001f}@keyframes slideIn{0%{transform:translate(100%)}to{transform:translate(0)}}.panel-tabs{border-bottom:1px solid var(--border);scrollbar-width:none;align-items:center;gap:4px;padding:10px 12px;display:flex;overflow-x:auto}.panel-tabs::-webkit-scrollbar{display:none}.panel-tabs button{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:13px}.panel-tabs button.active{background:var(--in-bubble);color:var(--text);font-weight:600}.panel-close{background:var(--surface);box-shadow:-6px 0 6px var(--surface);margin-left:auto;font-size:14px;position:sticky;right:0}.panel-body{flex-direction:column;gap:6px;padding:14px 16px;display:flex;overflow-y:auto}.panel-body>*{flex-shrink:0}.panel-body textarea{min-height:58px}.panel-body label{color:var(--text-2);margin-top:8px;font-size:12.5px;font-weight:600}.panel-body input,.panel-body textarea,.note-input{border:1px solid var(--border-strong);resize:vertical;background:var(--surface);color:var(--text);border-radius:10px;padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.panel-body input::placeholder,.panel-body textarea::placeholder{color:var(--muted)}.panel-body input:focus,.panel-body textarea:focus,.note-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.panel-save{border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;margin-top:12px;padding:10px;font-weight:600}.panel-save:disabled{opacity:.5;cursor:default}.panel-note{background:var(--warn-soft);border:1px solid var(--warn-border);color:var(--warn-text);border-radius:8px;padding:8px 10px;font-size:13px}.panel-note-head{color:var(--warn-text);margin-bottom:2px;font-size:11px;font-weight:700}.note-input{margin-top:10px}.bubble-meta{opacity:.7;text-align:right;margin-top:3px;font-size:10px}.status.failed{color:var(--danger-border);font-weight:600}.composer{padding:8px 14px calc(10px + var(--safe-bottom));border-top:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:stretch;gap:6px;display:flex}.composer-warn{color:var(--warn-text);background:#f0c83c1f;border:1px solid #f0c83c66;border-radius:8px;padding:8px 12px;font-size:12px;line-height:1.5}.conv-expired{color:var(--warn-text);white-space:nowrap;background:#f0c83c24;border-radius:6px;padding:1px 6px;font-size:11px}.ptr-indicator{color:var(--muted);justify-content:center;align-items:center;font-size:12px;transition:height .15s;display:flex;overflow:hidden}.composer-input{border:1px solid var(--border);resize:none;background:var(--bg);border-radius:22px;flex:1;max-height:140px;padding:10px 15px;font-family:inherit;font-size:15px;line-height:1.4;overflow-y:auto}.composer-input:focus{outline:2px solid var(--accent);background:var(--surface);border-color:#0000}.composer button[type=submit]{background:var(--accent);width:42px;height:42px;color:var(--on-accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;font-size:18px;font-weight:600;display:grid}.composer button[type=submit]:disabled{opacity:.4;cursor:default}.tpl-btn{background:var(--bg);cursor:pointer;width:40px;height:40px;color:var(--text-2);border:0;border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;display:grid}.tpl-btn:hover{background:var(--border)}.tpl-btn:disabled{opacity:.4;cursor:default}.search-wrap{border-bottom:1px solid var(--border);background:var(--surface);padding:10px 14px}.search{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);padding:10px 14px;font-size:14px}.search::placeholder{color:var(--muted)}.search:focus{outline:2px solid var(--accent);background:var(--surface);border-color:#0000}.tag-chip{color:var(--on-accent);background:var(--tc,var(--muted));border-radius:var(--radius-sm);align-items:center;gap:3px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.tag-chip.sm{padding:1px 6px;font-size:9px}.tag-x{color:var(--on-accent);cursor:pointer;opacity:.8;background:0 0;border:0;padding:0 0 0 2px;font-size:13px;line-height:1}.tag-x:hover{opacity:1}.tag-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 18px;display:flex}.tag-add,.tag-new{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;padding:2px 8px;font-size:11px}.tpl-btn,.tpl-save{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:16px}.tpl-panel{border-top:1px solid var(--border);background:var(--bg);max-height:200px;overflow-y:auto}.tpl-empty{color:var(--muted);padding:14px 18px;font-size:13px}.tpl-add-current{text-align:left;cursor:pointer;background:var(--accent-soft);border:0;border-bottom:1px solid var(--border);width:100%;color:var(--accent);padding:10px 18px;font-size:13px;font-weight:600}.tpl-add-current:hover{background:#2f6df024}.tpl-item{border-bottom:1px solid var(--border);align-items:center;width:100%;display:flex}.tpl-item:hover{background:var(--in-bubble)}.tpl-pick{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;align-items:center;gap:10px;min-width:0;padding:10px 12px 10px 18px;display:flex;overflow:hidden}.tpl-pick-text,.tpl-suggest-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.tpl-thumb{object-fit:cover;border-radius:6px;flex-shrink:0;width:40px;height:40px}.tpl-pick-text strong{align-items:center;gap:6px;min-width:0;font-size:13px;display:flex}.tpl-scope{border-radius:6px;padding:1px 6px;font-size:10px;font-weight:600}.tpl-scope.all{color:var(--muted);background:var(--in-bubble)}.tpl-scope.page{color:var(--accent);background:#2f6df01a}.tpl-pick-text>span{color:var(--muted);-webkit-line-clamp:2;overflow-wrap:anywhere;word-break:break-word;-webkit-box-orient:vertical;max-width:100%;font-size:12px;display:-webkit-box;overflow:hidden}.tpl-actions{flex-shrink:0;gap:2px;padding-right:12px;display:flex}.tpl-edit,.tpl-del{cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px;font-size:14px}.tpl-edit:hover,.tpl-del:hover{background:var(--border)}.conv-foot{flex-wrap:wrap;align-items:center;gap:8px;margin-top:4px;display:flex}.conv-assignee{color:var(--gold);background:#c9a2271f;border-radius:6px;padding:1px 6px;font-size:10px}.thread-title-wrap{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.thread-page{font-size:11px;font-weight:600}.viewing{color:var(--gold);font-size:11px}.tpl-suggest{border-top:1px solid var(--border);background:var(--bg);max-height:180px;overflow-y:auto}.tpl-suggest-head{color:var(--muted);padding:6px 18px;font-size:11px}.tpl-suggest-item{text-align:left;border:0;border-top:1px solid var(--border);cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;padding:8px 18px;display:flex}.tpl-suggest-item:hover{background:var(--in-bubble)}.tpl-suggest-text strong{color:var(--accent);font-size:13px}.tpl-suggest-text>span{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.assign-control{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:flex;position:relative}.claim-btn,.release-btn,.takeover-btn{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;white-space:nowrap;border-radius:8px;flex-shrink:0;padding:5px 12px;font-size:12px;font-weight:600}.claim-btn{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.assigned-me{color:var(--c-green);font-size:12px;font-weight:600}.assigned-other{color:var(--gold);font-size:12px;font-weight:600}.typing{color:var(--muted);padding:4px 18px;font-size:12px;font-style:italic}.composer-locked{border-top:1px solid var(--border);color:var(--warn-text);background:#c9a22714;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;font-size:13px;display:flex}.takeover-btn{flex-shrink:0}@media (width<=720px){.app{grid-template-columns:1fr;height:100dvh}.thread-pane,.app.viewing-thread .sidebar{display:none}.app.viewing-thread .thread-pane{display:flex}.back-btn{display:block}.thread-head{gap:6px;padding-left:10px;padding-right:10px}.thread-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:15px;overflow:hidden}.thread-channel{display:none}.assign-control{gap:6px}.claim-btn,.release-btn,.openbill-btn{padding:5px 9px;font-size:12px}.bubble{max-width:80%;font-size:15px;line-height:1.4}.sidebar-head{padding:calc(12px + var(--safe-top)) 14px 10px}.brand{font-size:17px}.link-btn{padding:6px 9px;font-size:12px}.conv{padding:12px 14px}.conv>.avatar{width:50px!important;height:50px!important}.conv-chdot{top:52px;left:50px}.conv-name{font-size:15.5px}.conv-preview{font-size:13.5px}.thread{padding:14px 12px 16px}.composer-input,.panel-body input,.panel-body textarea,.panel-body select,.ar-body input,.ar-body textarea,.ar-body select{font-size:16px}}.conv-more{text-align:center;color:var(--muted);padding:12px;font-size:12.5px}.conv-more-end{opacity:.7}.conv-source{color:var(--warn-text);background:var(--warn-soft);border-radius:6px;padding:1px 6px;font-size:11px}.bubble-interactive .ia-btns{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.ia-btn-preview{border-radius:var(--radius);opacity:.85;border:1px solid;padding:4px 12px;font-size:13px;display:inline-block}.tpl-btn.plus-btn{background:var(--accent);color:var(--on-accent);font-size:26px;font-weight:400;line-height:1}.tpl-btn.plus-btn:hover{background:var(--accent-strong)}.fab-template{display:none}.fab-backdrop{z-index:60;background:#00000047;position:fixed;inset:0}.fab-sheet{z-index:61;background:var(--surface);border-radius:var(--radius-lg) 18px 0 0;box-shadow:var(--shadow-md);max-height:70vh;padding-bottom:var(--safe-bottom);flex-direction:column;animation:.2s fab-up;display:flex;position:fixed;bottom:0;left:0;right:0}@keyframes fab-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.fab-sheet-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 16px;font-size:15px;font-weight:700;display:flex}.fab-sheet-body{padding:8px;overflow-y:auto}.fab-sheet-label{color:var(--muted);padding:8px 8px 4px;font-size:12px;font-weight:700}.fab-item{text-align:left;background:var(--bg);width:100%;color:var(--text);cursor:pointer;border:0;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;padding:12px 14px;font-size:14.5px;display:flex}.fab-item:hover{background:var(--sidebar-soft)}.fab-item-text{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.fab-item .tpl-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:34px;height:34px}.fab-actions{gap:8px;padding:4px 4px 8px;display:flex}.fab-action{background:var(--accent-soft);cursor:pointer;color:var(--accent);border:0;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px;font-size:22px;display:flex}.fab-action span{color:var(--accent-strong);font-size:12.5px;font-weight:600}.fab-action:active{transform:scale(.96)}@media (width>=721px){.fab-sheet{border-radius:var(--radius-lg);width:420px;margin:0 auto;bottom:16px;left:50%;right:auto;transform:translate(-50%)}@keyframes fab-up{0%{opacity:0;transform:translate(-50%,30px)}to{opacity:1;transform:translate(-50%)}}}.ia-card{text-align:left;cursor:pointer;background:var(--bg);border:1px solid var(--border);border-radius:14px;width:100%;margin-bottom:8px;padding:12px 14px;display:block}.ia-card:hover{background:var(--sidebar-soft)}.ia-card:active{transform:scale(.99)}.ia-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.ia-card-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:14.5px;font-weight:700;overflow:hidden}.ia-card-kind{color:var(--muted);flex-shrink:0;font-size:11px;font-weight:600}.ia-card-kind.card{color:var(--warn-text)}.ia-card-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ia-card-thumb{object-fit:cover;border-radius:50%;flex-shrink:0;width:30px;height:30px}.composer-chevron{background:var(--bg);color:var(--accent);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:24px;font-weight:700;line-height:1;display:grid}.composer-chevron:hover{background:var(--border)}.ia-card-chip{color:var(--accent);background:var(--accent-soft);border-radius:14px;padding:4px 12px;font-size:12.5px}.conv-star{color:var(--gold);flex-shrink:0;align-self:center;margin-left:2px;font-size:18px;line-height:1}.star-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;width:36px;height:36px;color:var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;font-size:18px;line-height:1;transition:color .12s,background .12s;display:grid}.star-btn:hover{background:var(--sidebar-soft)}.star-btn.on{color:var(--gold);border-color:var(--warn-border);background:var(--warn-soft)}.ar-step-actions{align-items:center;gap:4px;display:flex}.ar-step-move{border:1px solid var(--border);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:7px;width:28px;height:28px;font-size:11px;line-height:1}.ar-step-move:hover:not(:disabled){background:var(--sidebar-soft)}.ar-step-move:disabled{opacity:.35;cursor:default}.auto-tag-edit{background:var(--bg);border-radius:12px;margin:-4px 0 10px;padding:12px 14px}.tag-pick{border:1.5px solid var(--tc,var(--muted));background:var(--surface);color:var(--tc,var(--text-2));cursor:pointer;border-radius:14px;padding:5px 12px;font-size:13px;font-weight:600}.tag-pick.on{background:var(--tc,var(--muted));color:var(--on-accent)}.conv-av-wrap{flex-shrink:0;width:48px;height:48px;position:relative}.conv-chbadge{border:2px solid var(--surface);width:20px;height:20px;color:var(--on-accent);border-radius:50%;place-items:center;font-size:11px;font-weight:800;line-height:1;display:grid;position:absolute;bottom:-2px;right:-2px;box-shadow:0 1px 2px #0003}.conv-unassigned{color:var(--muted);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);padding:1px 8px;font-size:11px}.conv-assignee{color:var(--accent);border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);padding:1px 8px;font-size:11px}.conv-tabbar{border-top:1px solid var(--border);background:var(--surface);padding-bottom:var(--safe-bottom,0);flex-shrink:0;display:flex}.conv-tab{cursor:pointer;color:var(--muted);background:0 0;border:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:9px 4px 8px;font-size:12px;font-weight:600;display:flex}.conv-tab-ic{font-size:19px;line-height:1}.conv-tab.on{color:var(--accent)}.composer-attach{background:var(--bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;display:flex}.composer-attach-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.composer-attach-file{color:var(--text);font-size:13px}.composer-attach-label{color:var(--muted);flex:1;font-size:12px;line-height:1.3}.composer-attach-x{background:var(--border);color:var(--text-2);cursor:pointer;border:0;border-radius:50%;flex-shrink:0;width:26px;height:26px;font-size:13px}.composer-attach-x:hover{background:var(--border-strong)}.ar-ch-pick{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.addr-detect-btn{cursor:pointer;border:1px solid var(--c-blue);color:var(--c-blue);background:var(--surface);border-radius:var(--radius-full);margin-top:6px;padding:6px 12px;font-size:12.5px;display:block}.addr-detect-btn:hover{background:var(--accent-soft)}.addr-detect-btn:disabled{opacity:.55;cursor:default}.bubble.outbound .addr-detect-btn{display:none}.addr-parsed{background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid #0866ff59;margin-bottom:12px;padding:10px 12px;font-size:13px;line-height:1.55}.addr-parsed-head{justify-content:space-between;align-items:center;margin-bottom:4px;font-weight:600;display:flex}.addr-parsed-x{cursor:pointer;color:var(--text-2);background:0 0;border:0;font-size:13px}.addr-parsed-warn{color:var(--orange-text);margin-top:6px;font-size:12px}.tambon-wrap{position:relative}.tambon-suggest{z-index:60;background:var(--surface);border:1px solid var(--line,var(--border-strong));border-radius:var(--radius-sm);max-height:min(52vh,360px);position:absolute;top:100%;left:0;right:0;overflow:hidden auto;box-shadow:0 10px 28px #0000002e}.tambon-suggest button{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--surface-2);background:0 0;width:100%;padding:9px 12px;font-size:13px;display:block}.tambon-suggest button:hover{background:var(--accent-soft)}.prod-suggest{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-height:min(56vh,400px);overflow-y:auto;box-shadow:0 14px 36px #0000003d}.prod-suggest button{text-align:left;cursor:pointer;border:0;border-bottom:1px solid var(--surface-2);width:100%;color:var(--text);background:0 0;padding:11px 13px;font-size:14px;display:block}.prod-suggest button:last-child{border-bottom:0}.prod-suggest button:hover{background:var(--accent-soft)}.prod-suggest .tambon-zip{color:var(--muted);font-size:12.5px}.tambon-zip{color:var(--muted);font-size:12px}.addr-grid{grid-template-columns:1fr 1fr;gap:0 10px;display:grid}.field-warn{border-color:var(--c-red)!important;background:var(--danger-soft)!important}.addr-src{background:var(--surface);color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #0866ff40;border-radius:8px;max-height:120px;margin:6px 0 8px;padding:8px 10px;font-size:12.5px;overflow-y:auto}.addr-src-label{color:var(--muted);margin-bottom:3px;font-size:11px;font-weight:600}.addr-grid>div{min-width:0}.addr-grid input{box-sizing:border-box;width:100%}.locked-field{color:var(--text-2);cursor:not-allowed;background:var(--surface-2)!important;border-style:dashed!important}.order-addr{border:1px solid var(--line,var(--border-strong));background:var(--surface-2);border-radius:var(--radius-sm);margin-bottom:12px;padding:10px 12px;font-size:13px}.order-addr.warn{background:var(--warn-soft);border-color:#f5a62399}.order-item{background:var(--cart-bg);border:1px solid var(--cart-border);border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:9px 11px;display:flex}.order-item-name{flex:1;min-width:0;font-size:13px;font-weight:600}.order-qty{align-items:center;gap:4px;display:flex}.order-qty button{border:1px solid var(--line,var(--border-strong));background:var(--surface);cursor:pointer;border-radius:7px;width:26px;height:26px;font-size:15px;line-height:1}.order-qty input{text-align:center;border:1px solid var(--line,var(--border-strong));border-radius:7px;width:40px;padding:4px 2px;font-size:13px}.order-item-total{text-align:right;min-width:64px;font-size:13px;font-weight:600}.order-item-rm{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:4px;font-size:13px}.order-summary{background:var(--summary-bg);border:1.5px solid var(--summary-border);color:var(--summary-text);box-shadow:var(--shadow-sm);border-radius:12px;margin-top:10px;padding:13px 15px;font-size:13px}.order-summary>div{justify-content:space-between;gap:10px;padding:2px 0;display:flex}.summary-item{opacity:.9;font-size:12.5px}.summary-item>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.summary-item>span:last-child{flex-shrink:0}.summary-sep{border-top:1px solid var(--summary-line);margin-top:4px;font-weight:600;padding-top:6px!important}.summary-pay{font-weight:600}.summary-note{opacity:.9;font-size:12.5px}.summary-note>span:last-child{text-align:right;overflow-wrap:anywhere}.summary-weight{opacity:.8;font-size:12px}.order-grand{border-top:2px solid var(--summary-line);align-items:baseline;margin-top:6px;font-size:17px;font-weight:800;padding-top:9px!important}.order-grand>span:last-child{color:var(--accent);font-size:19px}.order-ok{background:var(--ok-soft);color:var(--ok-text);border-radius:var(--radius-sm);border:1px solid #2e9e5b66;margin-top:10px;padding:9px 12px;font-size:13px}.order-err{background:var(--danger-soft);color:var(--danger-text);border-radius:var(--radius-sm);border:1px solid #e5484d66;margin-top:10px;padding:9px 12px;font-size:13px}.order-card{border:1px solid var(--line,var(--border-strong));border-radius:var(--radius-sm);margin-bottom:8px;padding:9px 11px}.order-chip{color:var(--oc);border:1px solid var(--oc);border-radius:var(--radius-full);white-space:nowrap;padding:1px 9px;font-size:11.5px;font-weight:600}.pay-radios{flex-wrap:wrap;gap:18px;margin:2px 0 10px;font-size:13.5px;display:flex}.pay-radios label{cursor:pointer;align-items:center;gap:6px;display:flex}.order-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.order-actions .btn-secondary{padding:5px 10px;font-size:12px}.order-actions .order-del{color:var(--danger-text);border-color:#e5484d73}.order-editing-bar{background:var(--purple-soft);border-radius:var(--radius-sm);border:1px solid #8b5cf673;margin:8px 0;padding:8px 11px;font-size:12.5px}.slip-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:6px 0;display:grid}.slip-thumb{border:2px solid var(--line,var(--border-strong));border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;aspect-ratio:1;padding:0;position:relative;overflow:hidden}.slip-thumb img{object-fit:cover;width:100%;height:100%;display:block}.slip-thumb.on{border-color:var(--c-blue);box-shadow:0 0 0 2px #0866ff33}.slip-check{background:var(--c-blue);color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:12px;display:flex;position:absolute;top:4px;right:4px}.slip-verdict{border-radius:var(--radius-sm);border:1px solid var(--line,var(--border-strong));background:var(--surface-2);margin-bottom:12px;padding:8px 11px;font-size:12.5px}.slip-verdict.ok{background:var(--ok-soft);color:var(--ok-text);border-color:#2e9e5b73}.slip-verdict.warn{background:var(--warn-soft);color:var(--warn-text);border-color:#f5a6238c}.slip-badge{color:var(--on-accent);text-align:center;background:#1c7c46e0;padding:2px 4px;font-size:10.5px;position:absolute;bottom:0;left:0;right:0}.conv-name,.conv-preview,.ar-name,.ar-scope,.tpl-suggest-text>span,.fab-item-text,.ia-card-name,.order-item-name,.conv-source,.conv-assignee,.conv-unassigned,.conv-closed,.conv-expired,.tag-chip,.order-chip,.panel-tabs button{line-height:1.65}.ctag-box{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;padding:10px 12px}.bill-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);margin-bottom:10px;padding:11px 12px}.bill-card-head{color:var(--text-2);margin-bottom:8px;font-size:12.5px;font-weight:700}.bill-card .addr-grid{margin-bottom:0}.bill-card>label:first-of-type{margin-top:0}.bill-card textarea{width:100%}.ctag-head{margin-bottom:6px;font-size:12px;font-weight:600}.ctag-chips{flex-wrap:wrap;gap:6px;display:flex}.buy-summary{text-align:left;background:var(--accent-soft);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0866ff47;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:10px;padding:9px 12px;font-family:inherit;font-size:12.5px;line-height:1.65;display:flex}.buy-summary b{color:var(--c-blue)}.buy-summary-warn{color:var(--c-red);font-size:12px;font-weight:600}.buy-summary-go{color:var(--c-blue);white-space:nowrap;margin-left:auto;font-size:12px;font-weight:600}.ph-hero{background:linear-gradient(135deg, var(--accent-soft), var(--accent-soft));border:1px solid #0866ff47;border-radius:12px;padding:12px 14px;position:relative}.ph-hero-line{font-size:14px;line-height:1.65}.ph-hero-line b{color:var(--c-blue);font-size:20px}.ph-hero-amount{color:var(--muted);font-size:13px;line-height:1.65}.ph-hero-amount b{color:var(--text);font-size:17px}.ph-repeat{color:var(--c-purple);background:var(--purple-soft);border-radius:var(--radius-full);border:1px solid #7c3aed59;padding:2px 9px;font-size:11px;font-weight:600;line-height:1.65;position:absolute;top:10px;right:12px}.ph-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.ph-stat{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);text-align:center;flex-direction:column;gap:1px;padding:7px 4px;display:flex}.ph-stat b{font-size:16px}.ph-stat span{color:var(--muted);font-size:10.5px;line-height:1.65}.ph-warn{background:var(--danger-soft);color:var(--danger-text);border-radius:var(--radius-sm);border:1px solid #e5484d66;margin-top:8px;padding:8px 11px;font-size:12.5px;line-height:1.65}.panel-tabs .ptab{padding:6px 9px 9px;position:relative}.panel-tabs .ptab.active{color:var(--tabc,var(--text));background:0 0;font-weight:700}.panel-tabs .ptab.active:after{content:"";background:var(--tabc,var(--c-blue));border-radius:3px;height:3px;position:absolute;bottom:1px;left:7px;right:7px}.notes-divider{border-top:1px dashed var(--border);margin-top:16px;padding-top:12px;font-size:12.5px;font-weight:700;line-height:1.65}.close-order-card{background:var(--accent-soft);border-radius:var(--radius-sm);border:1px solid #0866ff47;flex-direction:column;gap:3px;margin:2px 0 10px;padding:9px 11px;font-size:13px;line-height:1.65;display:flex}.close-order-card b{color:var(--c-blue)}.ar-modal.op-modal{width:1040px;max-width:96vw}.orders-page-full{z-index:60;background:var(--surface);animation:.15s fadeIn;position:fixed;inset:0;overflow:hidden auto}.op-page-head{padding-top:var(--safe-top);align-items:center;gap:10px;margin-bottom:4px;display:flex}.op-page-head h2{flex:1;margin:0;font-size:18px;font-weight:800}.op-form-wrap{background:var(--surface);border:1px solid var(--border-strong);width:100%;max-width:600px;box-shadow:var(--shadow-sm);border-radius:14px;margin:10px auto 48px;padding:6px 20px 20px;overflow:visible}.op-back{margin:0;display:inline-block!important}.op-tabs .ptab .pack-count{margin-left:5px}.op-topbar{align-items:center;gap:8px;display:flex}.op-search{border:1px solid var(--border);border-radius:var(--radius-sm);flex:1;min-width:0;padding:8px 12px;font-size:13.5px}.op-topbar .btn-primary{white-space:nowrap;border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;border:0;padding:9px 14px;font-size:13.5px}.op-tabs{border-bottom:1px solid var(--border-strong);scrollbar-width:none;gap:2px;margin-top:6px;display:flex;overflow-x:auto}.op-tabs::-webkit-scrollbar{display:none}.op-tabs .ptab{color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px 8px 0 0;flex-shrink:0;padding:7px 10px 10px;font-size:13px;line-height:1.65}.pack-tabs{justify-content:center}.ptab-wrap{flex-shrink:0;align-items:center;display:inline-flex}.tab-arrow{color:var(--muted);-webkit-user-select:none;user-select:none;flex-shrink:0;padding:0 2px;font-size:14px;font-weight:800}.op-filters{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.op-filters label{color:var(--muted);font-size:12px}.op-filters select,.op-filters input[type=datetime-local]{border:1px solid var(--border-strong);background:var(--surface);color:var(--text);border-radius:8px;padding:6px 9px;font-size:13px}.op-table-wrap{border:1px solid var(--border-strong);border-radius:var(--radius-sm);margin-top:8px;overflow-x:auto}.op-table{border-collapse:collapse;width:100%;min-width:860px;font-size:13px}.op-table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border-strong);background:var(--surface-2);white-space:nowrap;padding:9px 10px;font-size:12px;font-weight:600}.op-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:9px 10px;line-height:1.65}.op-table tbody tr:last-child td{border-bottom:0}.op-addr{white-space:normal;overflow-wrap:break-word;word-break:break-word;min-width:280px;max-width:340px;font-size:12.5px;line-height:1.5}.op-addr-clamp{-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.op-items{min-width:190px;max-width:300px;font-size:11.5px;line-height:1.55}.op-item-line{white-space:normal;overflow-wrap:break-word;word-break:break-word}.op-cod{color:var(--ok-text);font-size:12.5px;font-weight:700}.op-cod div{color:var(--muted);font-size:11.5px;font-weight:400}.op-pager{align-items:center;gap:8px;margin-top:8px;display:flex}.op-sources{flex-wrap:wrap;gap:6px 16px;margin-bottom:4px;font-size:13.5px;display:flex}.op-sources label{cursor:pointer;align-items:center;gap:5px;line-height:1.65;display:flex}.op-row-sel td{background:var(--accent-soft)}.op-actions{white-space:nowrap;text-align:center;border-left:2px solid var(--border-strong);background:var(--surface-2)}.op-actions .op-act{margin:0 1.5px}.op-table th:last-child{z-index:3;background:var(--surface-2);border-left:2px solid var(--border-strong);text-align:center;position:sticky;right:0;box-shadow:-6px 0 8px -6px #0f172a2e}.op-table td.op-actions{z-index:2;background:var(--surface-2);position:sticky;right:0;box-shadow:-6px 0 8px -6px #0f172a2e}.op-table tbody tr.op-row-sel td.op-actions{background:var(--accent-soft)}.op-act{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:8px;margin-right:4px;padding:4px 8px;font-size:13px;line-height:1.4}.op-act-icon{border:1px solid var(--border-strong);width:32px;height:32px;color:var(--text-2);vertical-align:middle;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.op-act-icon:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.op-act-icon.op-act-del{color:var(--c-red);border-color:color-mix(in srgb, var(--c-red) 45%, transparent)}.op-act-icon.op-act-del:hover{background:var(--danger-soft);color:var(--c-red);border-color:var(--c-red)}.btn-ico{align-items:center;gap:5px;display:inline-flex}.op-act:hover{background:var(--accent-soft)}.op-act-del:hover{background:var(--danger-soft);border-color:#e5484d80}.op-dispatch-bar{justify-content:flex-end;margin-top:8px;display:flex}.op-dispatch{border-radius:var(--radius-sm);cursor:pointer;background:var(--c-green);color:var(--on-accent);border:0;padding:10px 18px;font-size:14px;font-weight:600;line-height:1.65}.op-dispatch:disabled{background:var(--ok-border);cursor:default}.op-view-backdrop{z-index:80}.ar-modal.op-view{z-index:90;width:480px}.ar-modal.ai-modal{width:1100px;max-width:97vw;height:92vh;max-height:92vh}@media (width<=700px){.ar-modal.ai-modal{border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;top:0;left:0;transform:none}}.op-view-sec{border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:10px 12px;line-height:1.65;display:flex}.pack-page{background:var(--surface);flex-direction:column;gap:6px;max-width:1280px;min-height:100dvh;margin:0 auto;padding:14px 16px 40px;display:flex}.pack-actions{z-index:20;padding:12px 16px calc(12px + var(--safe-bottom));background:var(--surface);border-top:1px solid var(--border-strong);justify-content:center;gap:10px;margin:10px 0 0;position:sticky;bottom:0;box-shadow:0 -4px 16px #0f172a0f}.pack-head{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0 12px;font-size:16px;line-height:1.65;display:flex}.pack-tabs{margin-top:8px}.pack-tabs .ptab{align-items:center;gap:6px;padding:8px 12px 11px;font-size:13.5px;display:inline-flex}.pack-count{color:#fff;background:color-mix(in srgb, var(--tc,var(--muted)) 88%, #000);border-radius:var(--radius-full);padding:1px 8px;font-size:11.5px;font-weight:800;line-height:1.65}@supports not (background:color-mix(in srgb, red 10%, white)){.pack-count{background:var(--tc,var(--muted));color:#fff}}.pack-actions{gap:8px}.pack-print{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);padding:10px 18px;font-size:14px;font-weight:600;line-height:1.65}.pack-print:disabled{color:var(--muted);cursor:default}.pack-addtrack{color:var(--c-green-2);cursor:pointer;background:0 0;border:0;font-size:12.5px;font-weight:700;line-height:1.65}.pack-track-edit{align-items:center;gap:4px;display:inline-flex}.pack-track-edit input{border:1px solid var(--border);border-radius:7px;width:150px;padding:4px 8px;font-size:12.5px}.pack-check{color:#fff;cursor:pointer;background:#c8920e;border:1px solid #b8860b;border-radius:8px;margin:0 1.5px;padding:4px 10px;font-size:12px;font-weight:700;line-height:1.65}.pack-check:hover{background:#a87d0c}.pack-checkall-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.pack-checkall{color:#fff;cursor:pointer;background:#c8920e;border:1px solid #b8860b;border-radius:10px;padding:8px 14px;font-size:13px;font-weight:700;line-height:1.65}.pack-checkall:hover{background:#a87d0c}.pack-checkall-alt{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:10px;padding:8px 12px;font-size:13px;line-height:1.65}.pack-checkall-alt:hover{background:var(--accent-soft);color:var(--accent);border-color:var(--accent)}.ar-modal.vision-modal{z-index:92;width:640px;max-width:96vw}.vision-help{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12.5px;line-height:1.7}.vision-drop{border:2px dashed var(--border-strong);text-align:center;color:var(--text-2);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:28px 16px;font-size:13px;display:flex}.vision-drop:hover{border-color:var(--accent);background:var(--accent-soft)}.vision-preview img{object-fit:contain;border:1px solid var(--border);background:var(--surface-2);border-radius:10px;width:100%;max-height:40vh}.vision-results{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:10px;display:flex}.vision-results-head{flex-direction:column;gap:2px;margin-bottom:4px;display:flex}.vision-row{border:1px solid var(--border);cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:8px 10px;display:flex}.vision-row:hover{background:var(--surface-2)}.vision-row-nomatch{opacity:.6}.vision-row input{margin-top:3px}.vision-row-main{flex:1;min-width:0}.vision-row-trk{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;font-weight:600;display:flex}.trk-icon{cursor:pointer;vertical-align:middle;justify-content:center;align-items:center;width:30px;height:30px;margin:0 1.5px;padding:0;font-size:15px;line-height:1;display:inline-flex}.trk-icon:hover{filter:brightness(.94);transform:translateY(-1px)}.ar-modal.trkinfo-modal{z-index:93;width:420px;max-width:94vw}.trkinfo-row{justify-content:space-between;align-items:center;gap:12px;font-size:13.5px;display:flex}.trkinfo-tip{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:10px;padding:9px 11px;font-size:12.5px;line-height:1.7}.ar-modal.pack-track-modal{z-index:90;width:860px;max-width:96vw}.pack-track-note{background:var(--danger-soft);color:var(--orange-text);border-radius:var(--radius-sm);text-align:center;border:1px solid #e5484d59;padding:9px 12px;font-size:13px;line-height:1.65}.pack-track-frame{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;height:52vh}.pack-delivered{border-radius:var(--radius-sm);cursor:pointer;background:var(--c-purple);color:var(--on-accent);border:0;padding:10px 18px;font-size:14px;font-weight:600;line-height:1.65}.pack-printed{color:var(--c-green-2);font-size:12.5px;font-weight:700;line-height:1.65}.pack-notprinted{color:var(--orange-text);font-size:12.5px;font-weight:700;line-height:1.65}.pack-reprint{color:var(--orange-text);background:var(--warn-soft);border-radius:var(--radius-full);border:1px solid #c2410c73;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.65;display:inline-block}.nav-toggle{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);cursor:pointer;margin-right:10px;padding:5px 10px;font-size:15px;line-height:1.4}.navdrawer-backdrop{z-index:45;background:#00000059;position:fixed;inset:0}.navdrawer{z-index:46;background:var(--nav-bg);width:260px;max-width:82vw;color:var(--nav-text);flex-direction:column;transition:transform .18s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 16px #00000038}.navdrawer.open{transform:translate(0)}.navdrawer-head{padding:calc(14px + var(--safe-top,0px)) 16px 12px;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;font-size:15px;font-weight:700;line-height:1.65;display:flex}.navdrawer-close{color:var(--nav-muted);cursor:pointer;background:0 0;border:0;font-size:15px}.navdrawer-items{padding:8px 8px calc(16px + var(--safe-bottom,0px));flex-direction:column;gap:2px;display:flex;overflow-y:auto}.navdrawer-item{text-align:left;width:100%;color:var(--nav-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;align-items:center;gap:10px;padding:10px 12px;font-size:13.5px;line-height:1.65;display:flex}.navdrawer-item:hover{color:var(--on-accent);background:#ffffff12}.navdrawer-item.soon{color:var(--nav-muted)}.navdrawer-ic{text-align:center;flex-shrink:0;width:20px}.navdrawer-lb{flex:1;min-width:0}.navdrawer-soon{color:var(--nav-text);border-radius:var(--radius-full);border:1px solid #ffffff2e;flex-shrink:0;padding:0 7px;font-size:10.5px;font-weight:700;line-height:1.65}.navdrawer-sep{color:var(--nav-muted);text-transform:uppercase;letter-spacing:.4px;border-top:1px solid #ffffff12;margin-top:8px;padding:12px 12px 4px;font-size:11px;font-weight:700;line-height:1.65}.navdrawer-item.active{color:var(--on-accent);background:#0866ff38;font-weight:700}.navdrawer-theme{border-top:1px solid #ffffff14;border-radius:0;flex-shrink:0;margin:4px 8px 0;padding-top:12px}.navdrawer-foot{padding:10px 16px calc(12px + var(--safe-bottom,0px));color:var(--nav-muted);border-top:1px solid #ffffff14;font-size:12px;line-height:1.65}.dash-page{gap:10px}.dash-scope{color:var(--c-blue);background:var(--accent-soft);border-radius:var(--radius-full);border:1px solid #0866ff59;margin-left:10px;padding:1px 9px;font-size:11.5px;font-weight:700;line-height:1.65}.dash-cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;display:grid}.dash-card{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:2px;padding:12px 14px;line-height:1.65;display:flex}.dash-card span{color:var(--muted);font-size:12px}.dash-card b{font-size:22px}.dash-card i{color:var(--muted);font-size:11.5px;font-style:normal}.dash-card.hi{background:var(--accent-soft);border-color:#0866ff59}.dash-card.hi b{color:var(--c-blue)}.dash-status{flex-wrap:wrap;gap:6px;display:flex}.dash-recent{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 12px;font-size:13px;line-height:1.65;display:flex}.dash-recent-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.sched-check{cursor:pointer;align-items:center;gap:7px;margin:8px 0 4px;font-size:13px;font-weight:600;line-height:1.65;display:flex}.sched-toggle{cursor:pointer;border:1px solid var(--border-strong);background:var(--surface);-webkit-user-select:none;user-select:none;border-radius:8px;flex-shrink:0;align-items:center;gap:5px;padding:0 11px;font-size:17px;line-height:1;display:inline-flex}.sched-toggle input{cursor:pointer;margin:0}.sched-toggle.on{border-color:var(--accent);background:var(--accent-soft)}.sched-chip{color:var(--orange-text);background:var(--warn-soft);border-radius:var(--radius-full);white-space:nowrap;border:1px solid #b4530966;margin-top:2px;padding:1px 8px;font-size:11px;font-weight:700;line-height:1.65;display:inline-block}.bell-wrap{position:relative}.bell-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:50%;flex-shrink:0;width:38px;height:38px;font-size:16px;position:relative}.bell-btn:hover{border-color:var(--c-purple)}.bell-badge{border-radius:var(--radius-full);background:var(--c-red);min-width:18px;height:18px;color:var(--on-accent);border:2px solid var(--surface);box-sizing:content-box;padding:0 4px;font-size:10.5px;font-weight:800;line-height:18px;position:absolute;top:-5px;right:-5px}.bell-backdrop{z-index:96;position:fixed;inset:0}.bell-panel{z-index:97;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;width:340px;max-width:88vw;display:flex;position:absolute;top:46px;right:0;overflow:hidden;box-shadow:0 10px 36px #0000002e}.bell-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:12px 14px;font-size:14px;line-height:1.65;display:flex}.bell-count{color:var(--c-purple);font-size:13px;font-weight:700}.bell-list{max-height:46vh;overflow-y:auto}.bell-empty{text-align:center;padding:26px 14px;font-size:13.5px;line-height:1.65}.bell-ok{background:var(--c-green);width:40px;height:40px;color:var(--on-accent);border-radius:50%;margin:0 auto 10px;font-size:20px;line-height:40px;display:block}.bell-item{border-bottom:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 14px;font-size:13px;line-height:1.65;display:flex}.bell-item:last-child{border-bottom:0}.bell-item.over{background:var(--danger-soft)}.bell-item.today{background:var(--warn-soft)}.bell-item-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.bell-flag{border-radius:var(--radius-full);padding:1px 8px;font-size:10.5px;font-weight:800;line-height:1.65}.bell-flag.over{color:var(--on-accent);background:var(--c-red)}.bell-flag.today{color:var(--on-accent);background:var(--c-amber)}.bell-flag.soon{color:var(--warn-text);background:var(--warn-soft)}.bell-foot{border:0;border-top:1px solid var(--border);color:var(--c-purple);cursor:pointer;background:0 0;padding:11px;font-size:13px;font-weight:700;line-height:1.65}.cust-info{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (width<=700px){.cust-info{grid-template-columns:1fr}}.cust-info-col{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;gap:5px;padding:12px 14px;font-size:13.5px;line-height:1.65;display:flex}.cust-info-head{margin:2px 0;font-size:13px;font-weight:700;line-height:1.65}.ph-bare{flex-direction:column;gap:6px;display:flex}.ph-bare>*{flex-shrink:0}.cust-picked{background:var(--ok-soft);color:var(--ok-text);border-radius:var(--radius-sm);border:1px solid #2e9e5b66;margin:2px 0 4px;padding:7px 11px;font-size:12.5px;line-height:1.65}.carrier-row{align-items:center;gap:8px;margin-bottom:6px;display:flex}.carrier-row.off{opacity:.5}.carrier-def{cursor:pointer;flex-shrink:0;justify-content:center;width:26px;display:flex}.carrier-name{text-overflow:ellipsis;white-space:nowrap;flex-shrink:0;width:130px;font-size:13px;line-height:1.65;overflow:hidden}.carrier-name-in{border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:130px;padding:7px 9px;font-size:13px}.carrier-url{border:1px solid var(--border);border-radius:8px;flex:1;min-width:0;padding:7px 9px;font-family:monospace;font-size:12.5px}.call-sel{border:1px solid color-mix(in srgb, var(--cc,var(--muted)) 55%, var(--surface));color:var(--cc,var(--muted));background:color-mix(in srgb, var(--cc,var(--muted)) 8%, var(--surface));border-radius:var(--radius-full);cursor:pointer;max-width:130px;margin-top:3px;padding:1px 6px;font-size:11px;font-weight:700;line-height:1.65}@supports not (background:color-mix(in srgb, red 10%, white)){.call-sel{border-color:var(--cc,var(--muted));background:var(--surface)}}.bell-call{flex-wrap:wrap;align-items:center;gap:6px;margin-top:2px;display:flex}.bell-quick{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);cursor:pointer;padding:2px 9px;font-size:11px;font-weight:700;line-height:1.65}.bell-quick.ok{color:var(--ok-text);background:var(--ok-soft);border-color:#2e9e5b80}.crm-over td{background:var(--danger-soft)}.crm-note{min-width:200px;max-width:300px;font-size:12px;line-height:1.65}.crm-note-body{-webkit-line-clamp:3;word-break:break-word;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.crm-cards{display:none}@media (width<=720px){.crm-table-wrap{display:none}.crm-cards{flex-direction:column;gap:10px;display:flex}.crm-card{padding-right:68px}}.crm-card{background:var(--surface);border:1px solid var(--border);border-left:4px solid var(--border);border-radius:12px;flex-direction:column;gap:8px;padding:12px 13px;display:flex;position:relative;box-shadow:0 1px 3px #0000000d}.crm-card.crm-soon{border-left-color:var(--c-amber,#e0a800);background:color-mix(in srgb, var(--c-amber,#e0a800) 5%, var(--surface))}.crm-card.crm-over{border-left-color:var(--c-red,#d64545);background:color-mix(in srgb, var(--c-red,#d64545) 6%, var(--surface))}.crm-card.crm-card-sel{outline:2px solid var(--c-blue);outline-offset:-1px}.crm-card-top{align-items:center;gap:8px;display:flex}.crm-card-chk{flex-shrink:0;width:17px;height:17px}.crm-card-no{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.crm-card-no b{font-size:14px}.crm-card-tel{font-size:12.5px}.crm-card-cust{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.crm-card-cust .crm-cust-name{font-size:15px}.crm-card-meta{flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;line-height:1.6;display:flex}.crm-card-typebox{flex-direction:column;align-items:stretch;gap:8px;display:flex}.crm-card-type{background:color-mix(in srgb, currentColor 8%, transparent);border:1.5px solid;border-radius:999px;align-self:flex-start;padding:3px 12px;font-size:15px;font-weight:800;line-height:1.4;display:inline-block}.crm-call-fab{color:#fff;background:#22b14c;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;font-size:20px;text-decoration:none;transition:filter .12s,transform .12s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%);box-shadow:0 2px 8px #22b14c66}.crm-call-fab:hover{filter:brightness(1.06)}.crm-call-fab:active{transform:translateY(-50%)scale(.93)}.crm-promo-btn{background:var(--c-purple,#8b5cf6);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:600;line-height:1.5}.crm-promo-btn:hover{filter:brightness(1.07)}.crm-promo-btn:disabled{opacity:.5;cursor:default}.crm-promo-old{background:var(--c-red,#d64545)}.crm-promo-new{background:var(--c-blue,#2f78e0)}.ar-modal.promo-modal{z-index:94;width:500px;max-width:96vw}.promo-info{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;padding:9px 11px;font-size:12.5px;line-height:1.65}.promo-presets{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.promo-preset{border:1.5px solid var(--border);background:var(--surface);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:1px;padding:8px 4px;font-size:13px;line-height:1.4;display:flex}.promo-preset span{color:var(--text-2);font-size:10.5px}.promo-preset:hover{border-color:var(--c-purple,#8b5cf6)}.promo-preset.on{border-color:var(--c-purple,#8b5cf6);background:color-mix(in srgb, var(--c-purple,#8b5cf6) 10%, var(--surface))}.crm-card-note{background:var(--surface-2);border-radius:8px;padding:7px 9px;font-size:12.5px;line-height:1.6}.crm-card-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.crm-card-next{color:var(--c-blue);font-size:12.5px;font-weight:600}.crm-card-acts{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:6px;padding-top:8px;display:flex}.crm-card-acts .crm-manage{flex:1}.crm-lv{color:var(--lc,var(--c-purple));border:1px solid var(--lc,var(--c-purple));border-radius:6px;margin-left:6px;padding:0 5px;font-size:10px;font-weight:800;line-height:1.65}.crm-link{padding:0;font-size:12px}.crm-cust-name{color:var(--c-blue);text-align:left;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600}.crm-cust-name:hover{text-decoration:underline}.crm-manage{background:var(--accent-soft);color:var(--c-blue);cursor:pointer;border:1px solid #0866ff66;border-radius:8px;margin-right:4px;padding:4px 9px;font-size:12px;font-weight:700;line-height:1.65}.crm-manage:hover{background:var(--accent-soft)}.crm-notes{flex-direction:column;gap:6px;max-height:180px;display:flex;overflow-y:auto}.crm-note-item{border:1px solid var(--border);background:var(--surface-2);border-radius:var(--radius-sm);padding:7px 10px;font-size:12.5px;line-height:1.65}.crm-note-head{justify-content:space-between;gap:8px;margin-bottom:1px;font-size:11.5px;display:flex}.crm-auto-row{align-items:center;gap:6px;margin:2px 0 6px;display:flex}.crm-auto{background:var(--accent-soft);color:var(--c-blue);border-radius:var(--radius-full);cursor:pointer;border:1px solid #0866ff66;padding:3px 12px;font-size:12px;font-weight:700;line-height:1.65}.crm-auto:hover{background:var(--accent-soft)}.crm-tag-rm{color:inherit;cursor:pointer;background:0 0;border:0;padding:0 0 0 2px;font-size:10px}.crm-tag-add{border:1px dashed var(--border);background:var(--surface);border-radius:var(--radius-full);cursor:pointer;padding:2px 8px;font-size:11.5px;line-height:1.65}.crm-soon td{background:var(--warn-soft)}.crm-overdue-txt{color:var(--orange-text);font-size:11px;font-weight:700;line-height:1.65}.crm-note-step{color:var(--sc,var(--muted));border:1px solid var(--sc,var(--muted));border-radius:var(--radius-full);margin-left:6px;padding:0 6px;font-size:10px;font-weight:800;line-height:1.65}.crm-auto-row{flex-wrap:wrap}.crm-bulk-bar{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;padding:9px 12px;display:flex}.crm-bulk-bar select,.crm-bulk-bar input{border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:7px 9px;font-size:13px}.crm-bulk-note{flex:1;min-width:180px}.openbill-btn{background:var(--purple-soft);color:var(--c-purple);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #8b5cf673;flex-shrink:0;padding:5px 11px;font-size:12.5px;font-weight:700;line-height:1.65}.openbill-btn:hover{background:var(--purple-soft)}.note-del{cursor:pointer;opacity:.55;background:0 0;border:0;margin-left:6px;padding:0 2px;font-size:11px;line-height:1.65}.note-del:hover{opacity:1}.cod-hero{background:var(--c-indigo);color:var(--on-accent);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:18px 22px;display:flex}.cod-hero-num{font-size:34px;font-weight:800;line-height:1.3}.cod-grid{grid-template-columns:340px 1fr;align-items:start;gap:12px;display:grid}.cod-grid>*{min-width:0}@media (width<=900px){.cod-grid{grid-template-columns:1fr}}@media (width<=640px){.cod-hero{padding:14px 16px}.cod-hero-num{word-break:break-word;font-size:clamp(22px,7.5vw,34px)}}.cod-panel{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;padding:14px 16px;display:flex}.cod-panel textarea{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);resize:vertical;width:100%;padding:9px 11px;font-family:monospace;font-size:13px;line-height:1.65}.cod-drop{text-align:center;border:2px dashed var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text-2);margin-top:10px;padding:14px 10px;font-size:12.5px;line-height:1.65;display:block}.cod-drop:hover{border-color:var(--c-indigo);color:var(--c-indigo)}.cod-files{flex-direction:column;gap:3px;margin-top:8px;font-size:12px;line-height:1.65;display:flex}.cod-file-err{color:var(--orange-text)}.rp-filter{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 2px;padding:9px 12px;display:flex}.rp-filter input{border:1px solid var(--border);border-radius:8px;padding:6px 8px;font-size:13px}.rp-preset{border:1px solid var(--border);background:var(--surface);border-radius:var(--radius-full);cursor:pointer;padding:5px 13px;font-size:12.5px;font-weight:600;line-height:1.65}.rp-preset.active{border-color:var(--c-indigo);background:var(--purple-soft);color:var(--c-indigo)}.rp-body{flex-direction:column;gap:12px;margin-top:10px;display:flex}.rp-sec{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:13px 15px}.rp-sec-head{align-items:center;gap:8px;margin-bottom:8px;font-size:14px;line-height:1.65;display:flex}.rp-2col{grid-template-columns:1fr 1fr;gap:12px;display:grid}@media (width<=860px){.rp-2col{grid-template-columns:1fr}}.rp-group{margin-bottom:14px}.rp-group-head{align-items:center;gap:8px;margin-bottom:5px;font-size:13.5px;line-height:1.65;display:flex}.trk-chip{border-radius:8px;max-width:260px;margin-top:4px;padding:2px 8px;font-size:11px;font-weight:700;line-height:1.65;display:inline-block}.trk-chip.ok{color:var(--ok-text);background:var(--ok-soft);border:1px solid #2e9e5b73}.trk-chip.bad{color:var(--danger-text);background:var(--danger-soft);border:1px solid #e5484d73}.trk-chip.mid{color:var(--text-2);background:var(--surface-2);border:1px solid var(--border)}.trk-chip.waiting{color:var(--c-red);background:var(--danger-soft);border:1px solid #e5484d73}.op-track{white-space:nowrap}.track-cell{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.track-no{align-items:center;font-size:12.5px;display:flex}.ex-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:12px;display:grid}.ex-card{border:1px solid var(--border);background:var(--surface);border-radius:14px;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.ex-head{align-items:center;gap:8px;font-size:14px;line-height:1.65;display:flex}.ex-icon{font-size:20px}.ex-range{margin-left:auto;font-size:13px}.order-dispatch-btn{background:var(--ok-soft);color:var(--ok-text);border-radius:var(--radius-sm);cursor:pointer;border:1px solid #2e9e5b80;padding:6px 12px;font-size:12.5px;font-weight:700;line-height:1.65}.order-dispatch-btn:hover{background:var(--ok-soft)}.order-warn-inline{color:var(--orange-text);font-size:12.5px;font-weight:700}.toast-box{z-index:120;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(92vw,430px);display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.toast{pointer-events:auto;cursor:pointer;background:var(--surface);color:var(--text);border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:pre-wrap;overflow-wrap:anywhere;padding:11px 14px;font-size:13.5px;line-height:1.65;animation:.18s toast-in}.toast-ok{border-left-color:var(--c-green)}.toast-err{border-left-color:var(--c-red)}.toast-out{opacity:0;transition:opacity .2s,transform .2s;transform:translateY(-6px)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}.skel{background:var(--surface-2);border-radius:8px;position:relative;overflow:hidden}.skel:after{content:"";background:linear-gradient(90deg,#0000,#ffffff8c,#0000);animation:1.25s infinite skel-slide;position:absolute;inset:0;transform:translate(-100%)}html[data-theme=dark] .skel:after{background:linear-gradient(90deg,#0000,#ffffff12,#0000)}@keyframes skel-slide{to{transform:translate(100%)}}.skel-line{height:13px;margin:9px 0}.skel-w2{width:72%}.skel-w3{width:46%}.spinner{border:2.5px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;width:24px;height:24px;margin-bottom:10px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;color:var(--muted);padding:34px 14px;font-size:13.5px;line-height:1.65}.empty-state .es-ic{opacity:.85;margin-bottom:8px;font-size:34px;display:block}.empty{text-align:center;padding:40px 20px}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%)scale(.98)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.ar-modal{animation:.16s modal-in}.head-menu{transform-origin:100% 0;animation:.14s pop-in}.bell-panel{animation:.16s pop-in}.close-modal{animation:.16s modal-in}.modal-backdrop,.panel-backdrop,.fab-backdrop,.navdrawer-backdrop,.head-menu-backdrop{animation:.15s fade-in}button{transition:background-color .15s,color .15s,border-color .15s,box-shadow .15s,opacity .15s,transform 60ms}button:active:not(:disabled):not(.conv):not(.navdrawer-item){transform:scale(.97)}.panel-tabs .ptab{transition:color .15s}@media (width<=720px){.ar-modal{width:100%;max-width:100%;max-height:calc(100dvh - var(--safe-top) - 24px);border-radius:var(--radius-lg) var(--radius-lg) 0 0;padding-bottom:var(--safe-bottom);animation:.2s sheet-up;inset:auto 0 0;transform:none}.ar-modal .ar-body{-webkit-overflow-scrolling:touch}.toast-box{width:calc(100vw - 20px)}}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.settings-page-wrap{max-width:760px;margin:0 auto;padding:4px 14px 40px}.settings-embed{box-shadow:none;background:0 0;border:none;width:100%;max-height:none}.settings-embed .ar-head{background:var(--bg);z-index:2;border-bottom:1px solid var(--border);margin-bottom:8px;padding:10px 2px;position:sticky;top:0}.settings-embed .ar-body{max-height:none;padding:0 2px;overflow:visible}.bubble{position:relative}.bubble-text{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.bubble-copy{z-index:2;color:#fff;text-align:center;cursor:pointer;opacity:0;-webkit-tap-highlight-color:transparent;background:#00000024;border:none;border-radius:6px;width:22px;height:22px;padding:0;font-size:11px;line-height:22px;transition:opacity .12s;position:absolute;top:3px;right:3px}.bubble:hover .bubble-copy{opacity:.55}.bubble-copy:hover{background:#00000047;opacity:1!important}.bubble.outbound .bubble-copy{background:#ffffff40}.bubble.outbound .bubble-copy:hover{background:#fff6}@media (hover:none){.bubble-copy{opacity:.4;width:26px;height:26px;font-size:13px;line-height:26px}}.bubble-menu-backdrop{z-index:60;position:fixed;inset:0}.bubble-menu{z-index:61;background:var(--surface);border:1px solid var(--border);border-radius:12px;min-width:170px;padding:4px;position:fixed;overflow:hidden;box-shadow:0 8px 28px #00000038}.bubble-menu button{text-align:left;cursor:pointer;width:100%;color:var(--text);background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;padding:11px 14px;font-size:15px;display:flex}.bubble-menu button:hover{background:var(--surface-2)}.bubble-selected{outline:2px solid var(--c-blue);outline-offset:1px}.bubble-check{z-index:3;background:var(--c-blue);color:#fff;text-align:center;border:2px solid var(--surface);border-radius:50%;width:20px;height:20px;font-size:12px;line-height:20px;position:absolute;top:-7px;left:-7px;box-shadow:0 1px 3px #0003}.bubble-check:not(.on){background:var(--surface);border-color:var(--border)}.select-bar{z-index:62;background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;max-width:94vw;padding:10px 14px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0003}.msg-group{vertical-align:bottom;flex-direction:column;gap:3px;min-width:0;max-width:74%;display:inline-flex}.msg-row.inbound .msg-group{align-items:flex-start}.msg-row.outbound .msg-group{align-items:flex-end}.msg-group .bubble{max-width:100%}.msg-group .bubble.media{align-self:inherit}.oldcust-alert{background:color-mix(in srgb, var(--c-amber,#f0a020) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--c-amber,#f0a020) 45%, var(--border));border-radius:10px;margin:8px 0;padding:10px 30px 10px 12px;line-height:1.6;position:relative}.phone-match{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--c-blue) 35%, var(--border));border-radius:9px;margin:6px 0 2px;padding:8px 10px}.ad-source{color:var(--c-blue);background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--c-blue) 30%, var(--border));border-radius:999px;align-items:center;gap:4px;max-width:100%;margin-top:2px;padding:1px 8px;font-size:11.5px;font-weight:600;display:inline-flex;overflow:hidden}.ad-source a{color:var(--c-blue);text-overflow:ellipsis;text-decoration:underline;overflow:hidden}.ad-copy{cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:11px}.ad-title-box{background:var(--accent-soft);border:1px solid color-mix(in srgb, var(--c-blue) 30%, var(--border));border-radius:10px;margin:8px 0;padding:9px 12px;font-size:13px;line-height:1.6}.ai-test-wrap{flex-direction:column;width:100%;max-width:860px;height:calc(100dvh - 56px);margin:0 auto;padding:0 12px 12px;display:flex}.ai-test-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 0;display:flex}.ai-test-bar select{max-width:320px}.ai-test-thread{background:var(--bg);border:1px solid var(--border);border-radius:14px;flex-direction:column;flex:1;gap:8px;padding:12px;display:flex;overflow-y:auto}.ai-test-empty{text-align:center;margin:auto;padding:20px}.ai-test-row{display:flex}.ai-test-row.customer{justify-content:flex-end}.ai-test-row.ai{justify-content:flex-start}.ai-test-bubble{border-radius:16px;max-width:78%;padding:9px 13px;font-size:14px;line-height:1.65}.ai-test-bubble.customer{background:var(--c-blue);color:#fff;border-bottom-right-radius:5px}.ai-test-bubble.ai{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:5px}.ai-test-bubble.ai.err{border-color:var(--c-red)}.ai-test-composer{gap:8px;margin-top:10px;display:flex}.ai-test-composer input{flex:1}.ar-tabs{border-bottom:1px solid var(--border);gap:6px;padding:8px 14px 0;display:flex}.ar-tabs button{color:var(--text-2);cursor:pointer;background:0 0;border:none;border-bottom:2.5px solid #0000;border-radius:8px 8px 0 0;padding:8px 12px;font-size:13.5px;font-weight:600}.ar-tabs button.on{color:var(--c-blue);border-bottom-color:var(--c-blue);background:var(--accent-soft)}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial;--tw-content:"";--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0}}}@layer theme{:root,:host{--color-black:#000;--color-white:#fff;--spacing:.25rem;--font-weight-normal:400;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--leading-tight:1.25;--radius-sm:var(--radius-sm);--radius-lg:var(--radius);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.z-60{z-index:60}.z-70{z-index:70}.z-\[95\]{z-index:95}.m-0{margin:0}.m-1{margin:var(--spacing)}.mx-auto{margin-inline:auto}.mt-1{margin-top:var(--spacing)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-3\.5{margin-top:calc(var(--spacing) * 3.5)}.mr-1{margin-right:var(--spacing)}.mb-0\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:var(--spacing)}.mb-1\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-2\.5{margin-left:calc(var(--spacing) * 2.5)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.hidden\!{display:none!important}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-11{height:calc(var(--spacing) * 11)}.h-\[18px\]{height:18px}.h-\[22px\]{height:22px}.h-\[38px\]{height:38px}.h-\[110px\]{height:110px}.h-\[130px\]{height:130px}.max-h-\[280px\]{max-height:280px}.min-h-0{min-height:0}.min-h-\[58px\]{min-height:58px}.w-6{width:calc(var(--spacing) * 6)}.w-9{width:calc(var(--spacing) * 9)}.w-\[18px\]{width:18px}.w-\[40px\]{width:40px}.w-\[70\%\]{width:70%}.w-\[85\%\]{width:85%}.w-full{width:100%}.w-px{width:1px}.max-w-\[340px\]{max-width:340px}.max-w-\[1280px\]{max-width:1280px}.min-w-0{min-width:0}.min-w-\[180px\]{min-width:180px}.min-w-\[var\(--radix-select-trigger-width\)\]{min-width:var(--radix-select-trigger-width)}.flex-1{flex:1}.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)!important}.animate-\[fade-in_\.15s_ease\]{animation:.15s fade-in}.animate-\[pop-in_\.12s_ease\]{animation:.12s pop-in}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-\[repeat\(auto-fit\,minmax\(170px\,1fr\)\)\]{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-\[8px\]{border-radius:8px}.rounded-\[12px\]{border-radius:12px}.rounded-\[14px\]{border-radius:14px}.rounded-\[16px\]{border-radius:16px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md,.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-\[color-mix\(in_srgb\,var\(--c-blue\)_35\%\,transparent\)\]{border-color:var(--c-blue)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--c-blue\)_35\%\,transparent\)\]{border-color:color-mix(in srgb,var(--c-blue) 35%,transparent)}}.border-\[var\(--bc\)\]{border-color:var(--bc)}.border-accent{border-color:var(--accent)}.border-border{border-color:var(--border)}.border-c-amber{border-color:var(--c-amber)}.border-c-green{border-color:var(--c-green)}.border-c-red{border-color:var(--c-red)}.bg-accent{background-color:var(--accent)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-bg{background-color:var(--bg)}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab, red, red)){.bg-black\/30{background-color:color-mix(in oklab, var(--color-black) 30%, transparent)}}.bg-c-green{background-color:var(--c-green)}.bg-c-red{background-color:var(--c-red)}.bg-danger-soft{background-color:var(--danger-soft)}.bg-ok-soft{background-color:var(--ok-soft)}.bg-surface{background-color:var(--surface)}.bg-transparent{background-color:#0000}.bg-warn-soft{background-color:var(--warn-soft)}.bg-white{background-color:var(--color-white)}.bg-white\/25{background-color:#ffffff40}@supports (color:color-mix(in lab, red, red)){.bg-white\/25{background-color:color-mix(in oklab, var(--color-white) 25%, transparent)}}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.p-\[2px\]{padding:2px}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-\[18px\]{padding-inline:18px}.py-1{padding-block:var(--spacing)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-px{padding-block:1px}.pt-0{padding-top:0}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.text-center{text-align:center}.text-left{text-align:left}.align-middle{vertical-align:middle}.align-top{vertical-align:top}.text-\[11\.5px\]{font-size:11.5px}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[34px\]{font-size:34px}.leading-\[1\.65\]{--tw-leading:1.65;line-height:1.65}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-extrabold{--tw-font-weight:var(--font-weight-extrabold);font-weight:var(--font-weight-extrabold)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--bc\)\]{color:var(--bc)}.text-accent{color:var(--accent)}.text-c-blue{color:var(--c-blue)}.text-danger-text{color:var(--danger-text)}.text-muted{color:var(--muted)}.text-ok-text{color:var(--ok-text)}.text-on-accent{color:var(--on-accent)}.text-text{color:var(--text)}.text-text-2{color:var(--text-2)}.text-warn-text{color:var(--warn-text)}.text-white{color:var(--color-white)}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration-line:underline}.opacity-85{opacity:.85}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.\!outline{outline-style:var(--tw-outline-style)!important;outline-width:1px!important}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.placeholder\:text-muted::placeholder{color:var(--muted)}.last\:border-0:last-child{border-style:var(--tw-border-style);border-width:0}@media (hover:hover){.hover\:bg-accent-soft:hover{background-color:var(--accent-soft)}.hover\:bg-accent-strong:hover{background-color:var(--accent-strong)}.hover\:bg-sidebar-soft:hover{background-color:var(--sidebar-soft)}.hover\:bg-surface-2:hover{background-color:var(--surface-2)}.hover\:text-text:hover{color:var(--text)}.hover\:opacity-90:hover{opacity:.9}}.focus-visible\:border-transparent:focus-visible{border-color:#0000}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-offset-0:focus-visible{outline-offset:0px}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--accent)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-55:disabled{opacity:.55}.data-\[highlighted\]\:bg-accent-soft[data-highlighted]{background-color:var(--accent-soft)}.data-\[state\=active\]\:text-\[var\(--tabc\,var\(--accent\)\)\][data-state=active]{color:var(--tabc,var(--accent))}.data-\[state\=active\]\:after\:absolute[data-state=active]:after{content:var(--tw-content);position:absolute}.data-\[state\=active\]\:after\:inset-x-2[data-state=active]:after{content:var(--tw-content);inset-inline:calc(var(--spacing) * 2)}.data-\[state\=active\]\:after\:-bottom-px[data-state=active]:after{content:var(--tw-content);bottom:-1px}.data-\[state\=active\]\:after\:h-\[3px\][data-state=active]:after{content:var(--tw-content);height:3px}.data-\[state\=active\]\:after\:rounded-\[3px\][data-state=active]:after{content:var(--tw-content);border-radius:3px}.data-\[state\=active\]\:after\:bg-\[var\(--tabc\,var\(--accent\)\)\][data-state=active]:after{content:var(--tw-content);background-color:var(--tabc,var(--accent))}.data-\[state\=active\]\:after\:content-\[\'\'\][data-state=active]:after{--tw-content:"";content:var(--tw-content)}.data-\[state\=checked\]\:translate-x-\[18px\][data-state=checked]{--tw-translate-x:18px;translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=checked\]\:bg-accent[data-state=checked]{background-color:var(--accent)}.data-\[state\=checked\]\:font-bold[data-state=checked]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-\[state\=checked\]\:text-accent[data-state=checked]{color:var(--accent)}.data-\[state\=unchecked\]\:bg-border-strong[data-state=unchecked]{background-color:var(--border-strong)}@media not all and (width>=720px){.max-\[720px\]\:inset-x-0{inset-inline:0}.max-\[720px\]\:top-auto{top:auto}.max-\[720px\]\:bottom-0{bottom:0}.max-\[720px\]\:max-h-\[calc\(100dvh-var\(--safe-top\)-24px\)\]{max-height:calc(100dvh - var(--safe-top) - 24px)}.max-\[720px\]\:w-full{width:100%}.max-\[720px\]\:animate-\[sheet-up_\.2s_ease\]{animation:.2s sheet-up}.max-\[720px\]\:rounded-t-xl{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.max-\[720px\]\:rounded-b-none{border-bottom-right-radius:0;border-bottom-left-radius:0}.max-\[720px\]\:pb-\[var\(--safe-bottom\)\]{padding-bottom:var(--safe-bottom)}.max-\[720px\]\:text-\[16px\]{font-size:16px}}@media not all and (width>=40rem){.max-sm\:hidden{display:none}}@media (width>=721px){.min-\[721px\]\:top-1\/2{top:50%}.min-\[721px\]\:left-1\/2{left:50%}.min-\[721px\]\:max-h-\[86vh\]{max-height:86vh}.min-\[721px\]\:w-\[460px\]{width:460px}.min-\[721px\]\:max-w-\[94vw\]{max-width:94vw}.min-\[721px\]\:-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.min-\[721px\]\:-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.min-\[721px\]\:animate-\[modal-in_\.16s_ease\]{animation:.16s modal-in}.min-\[721px\]\:rounded-\[14px\]{border-radius:14px}}@media (width>=40rem){.sm\:inline{display:inline}}@media (width>=48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.\[\&\>\*\]\:shrink-0>*{flex-shrink:0}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}