:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{color:#fff;background:#0b1217;font-family:Arial,sans-serif}:root{--bg-dark:#0b1217;--bg-sidebar:#0f1b22;--bg-input:#ffffff0d;--border-color:#ffffff1a;--primary-green:#2ecc71;--primary-green-dim:#2ecc711a;--text-main:#e2e8f0;--text-muted:#94a3b8;--danger:#e74c3c;--danger-dim:#e74c3c26}body{background-color:var(--bg-dark);color:var(--text-main);margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow:hidden}#root{height:100%}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.app-content{flex:1;min-width:0;min-height:0;display:flex;overflow:hidden}.app-content-inbox{overflow:hidden}.app-content-page{overflow:auto}.inbox-layout{flex:1;min-width:0;min-height:0;display:flex}.inbox-shell{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.inbox-mode-tabs{border-bottom:1px solid var(--border-color);background:#ffffff03;gap:8px;padding:10px 12px;display:flex}.inbox-mode-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff2e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.inbox-mode-tab:hover{color:#fff;background:#ffffff0f}.inbox-mode-tab.active{color:#fff;background:#2ecc7133;border-color:#2ecc7173}.main-nav{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;align-items:center;width:80px;padding:24px 0;display:flex}.nav-logo{color:var(--primary-green);letter-spacing:-1px;margin-bottom:32px;font-size:24px;font-weight:900}.nav-items{flex-direction:column;gap:16px;width:100%;padding:0 8px;display:flex}.nav-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:12px;transition:all .2s;display:flex}.nav-btn:hover{color:#fff;background-color:#ffffff0d}.nav-btn.active{background-color:var(--primary-green-dim);color:var(--primary-green)}.nav-btn span{margin-top:4px;font-size:10px;font-weight:500}.nav-footer{margin-top:auto}.avatar-placeholder{border:1px solid var(--border-color);width:40px;height:40px;color:var(--text-muted);background-color:#1e293b;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.chat-list-panel{background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:10;flex-direction:column;width:320px;display:flex}.chat-list-header{border-bottom:1px solid var(--border-color);padding:16px}.header-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.header-row h2{color:#fff;margin:0;font-size:18px}.badge{color:var(--text-muted);background-color:#ffffff1a;border-radius:99px;padding:2px 8px;font-size:10px}.search-box{position:relative}.search-icon{color:var(--text-muted);position:absolute;top:10px;left:12px}.search-box input{background-color:var(--bg-input);border:1px solid var(--border-color);color:#fff;border-radius:12px;outline:none;width:100%;padding:10px 10px 10px 36px;font-size:14px;transition:border-color .2s}.search-box input:focus{border-color:var(--primary-green)}.inbox-channel-tabs{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.inbox-channel-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.inbox-channel-tab:hover{color:#fff;background:#ffffff0f}.inbox-channel-tab.active{color:#fff;background:#2ecc712e;border-color:#2ecc7173}.chat-list-items{flex:1;padding:8px;overflow-y:auto}.chat-item{text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;width:100%;margin-bottom:4px;padding:12px;transition:background .2s}.chat-item:hover{background-color:#ffffff08}.chat-item.selected{background-color:var(--primary-green-dim);border-color:#2ecc7133}.chat-item-top{justify-content:space-between;margin-bottom:4px;display:flex}.chat-phone{color:#fff;font-size:14px;font-weight:700}.chat-date{color:var(--text-muted);font-size:10px}.chat-tags{gap:6px;margin-bottom:6px;display:flex}.pill{border:1px solid #0000;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:700}.pill-bot{background-color:var(--primary-green-dim);color:var(--primary-green);border-color:#2ecc7133}.pill-human{background-color:var(--danger-dim);color:#e74c3c;border-color:#e74c3c33}.chat-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;opacity:.8;margin:0;font-size:12px;overflow:hidden}.inbox-load-error{color:#ffb7b7;background:#e74c3c24;border:1px solid #e74c3c59;border-radius:10px;margin-top:10px;padding:8px 10px;font-size:12px}.chat-window{background-color:var(--bg-dark);flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.chat-header{border-bottom:1px solid var(--border-color);background-color:var(--bg-dark);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.chat-header-actions{align-items:center;gap:8px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.avatar-circle{color:#fff;background:linear-gradient(135deg,#2ecc71,#16a085);border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:12px;font-weight:700;display:flex;box-shadow:0 4px 6px #0000001a}.chat-title{color:#fff;margin:0;font-size:14px;font-weight:700}.chat-subtitle{color:var(--text-muted);font-size:11px}.takeover-btn{border:1px solid var(--border-color);color:var(--primary-green);cursor:pointer;background-color:#2ecc711a;border-radius:8px;align-items:center;gap:8px;padding:6px 12px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.takeover-btn.active{background-color:var(--danger-dim);color:var(--danger);border-color:#e74c3c33}.mobile-nav-btn{border:1px solid var(--border-color);color:#fff;cursor:pointer;background:#ffffff0a;border-radius:9px;padding:6px 10px;font-size:12px}.mobile-nav-btn:hover{background:#ffffff1a}.messages-area{flex-direction:column;flex:1;gap:24px;padding:24px;display:flex;overflow-y:auto}.message-row{flex-direction:column;max-width:70%;display:flex}.message-row.in{align-self:flex-start;align-items:flex-start}.message-row.out{align-self:flex-end;align-items:flex-end}.message-bubble{border-radius:16px;padding:14px;font-size:14px;line-height:1.5;position:relative;box-shadow:0 1px 2px #0000001a}.message-bubble.in{color:var(--text-main);background-color:#ffffff1a;border:1px solid #ffffff0d;border-bottom-left-radius:2px}.message-bubble.out{color:#fff;background-color:#2ecc7133;border:1px solid #2ecc7133;border-bottom-right-radius:2px}.msg-image-container{background:#0003;border-radius:12px;margin-bottom:12px;overflow:hidden}.msg-image-container img{object-fit:contain;border-radius:12px;max-width:220px;max-height:220px}.msg-text{white-space:pre-wrap}.msg-actions{border-top:1px solid #ffffff1a;margin-top:12px;padding-top:12px}.btn-action{color:#fff;cursor:pointer;background-color:#1e293b;border:1px solid #475569;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:8px;font-size:12px;font-weight:700;display:flex}.btn-action:hover{background-color:#0f172a}.msg-meta{opacity:.6;color:var(--text-muted);gap:6px;margin-top:6px;padding:0 4px;font-size:10px;display:flex}.msg-audio-wave{align-items:flex-end;gap:2px;max-width:280px;height:22px;margin:6px 0 8px;display:flex}.msg-audio-wave span{background:#94a3b8eb;border-radius:999px;width:3px;min-height:4px}.composer-area{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);padding:16px}.composer-input-wrapper{background-color:var(--bg-dark);border:1px solid var(--border-color);border-radius:12px;gap:12px;padding:4px;display:flex}.composer-input-wrapper:focus-within{border-color:var(--primary-green);background-color:#ffffff05}.composer-input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:12px;font-size:14px}.recording-wave-wrap{flex:1;align-items:center;gap:10px;min-width:0;padding:0 10px;display:flex}.recording-dot{background:#ff5f5f;border-radius:999px;width:9px;height:9px;animation:1.2s infinite recPulse;box-shadow:0 0 #ff5f5f73}.recording-time{color:#ffb3b3;font-variant-numeric:tabular-nums;min-width:42px;font-size:12px;font-weight:700}.recording-wave{flex:1;align-items:flex-end;gap:2px;min-width:0;height:22px;display:flex}.recording-wave span{background:#2ecc71f2;border-radius:999px;width:3px;height:8px;min-height:5px;transition:height 80ms linear}.recording-label{opacity:.84;font-size:12px}.typing-indicator{color:var(--text-muted);align-items:center;gap:7px;margin-top:8px;padding:0 6px;font-size:12px;display:inline-flex}.typing-dots{align-items:center;gap:4px;display:inline-flex}.typing-dots span{background:#e2e8f0bf;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite typingDots}.typing-dots span:nth-child(2){animation-delay:.18s}.typing-dots span:nth-child(3){animation-delay:.36s}@keyframes waveBar{0%,to{opacity:.75;height:5px}50%{opacity:1;height:20px}}@keyframes recPulse{0%{box-shadow:0 0 #ff5f5f73}70%{box-shadow:0 0 0 9px #ff5f5f00}to{box-shadow:0 0 #ff5f5f00}}@keyframes typingDots{0%,80%,to{opacity:.55;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.btn-send{background-color:var(--primary-green);color:#0b1217;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .1s;display:flex}.btn-send:active{transform:scale(.95)}.btn-send:disabled{opacity:.5;cursor:not-allowed}.crm-panel{background-color:var(--bg-sidebar);border-left:1px solid var(--border-color);z-index:10;flex-direction:column;width:380px;display:flex}.crm-header{border-bottom:1px solid var(--border-color);padding:24px}.crm-header-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.crm-header h3{color:#fff;align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.icon-green{color:var(--primary-green);display:flex}.crm-content{flex:1;padding:24px;overflow-y:auto}.crm-card-info{border:1px solid var(--border-color);background-color:#ffffff08;border-radius:12px;margin-bottom:24px;padding:16px}.crm-row{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;display:flex}.crm-row:last-child{margin-bottom:0}.crm-label{color:var(--text-muted)}.crm-value.mono{color:#fff;font-family:monospace;font-weight:700}.form-group-row{gap:12px;margin-bottom:16px;display:flex}.form-group{flex-direction:column;flex:1;gap:6px;margin-bottom:16px;display:flex}.form-group label{color:var(--text-muted);font-size:12px;font-weight:700}.flex-label{align-items:center;gap:6px;display:flex}.form-group input,.form-group select{background-color:var(--bg-dark);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;padding:10px;font-size:14px;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-green)}.notes-area{resize:none;background-color:var(--bg-dark);border:1px solid var(--border-color);color:#fff;border-radius:8px;outline:none;min-height:140px;padding:12px;font-family:inherit;font-size:14px;line-height:1.5}.separator{background-color:var(--border-color);height:1px;margin:16px 0 24px}.crm-footer{background-color:var(--bg-sidebar);border-top:1px solid var(--border-color);padding:24px}.btn-save{width:100%;color:var(--text-muted);cursor:not-allowed;background-color:#ffffff0d;border:1px solid #0000;border-radius:12px;padding:14px;font-weight:700;transition:all .2s}.btn-save.dirty{color:#3498db;cursor:pointer;background-color:#3498db26;border-color:#3498db4d}.btn-save.dirty:hover{background-color:#3498db40}.status-msg{text-align:center;color:var(--primary-green);margin-top:12px;font-size:12px}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#fff3}.spacer{height:1px}.placeholder-view{color:var(--text-muted);flex:1;justify-content:center;align-items:center;display:flex}.settings-shell{flex-direction:column;flex:1;gap:10px;min-width:0;min-height:0;padding:14px;display:flex}.settings-topbar{border:1px solid var(--border-color);background:#ffffff05;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;padding:12px;display:flex}.settings-title{color:#fff;margin:0;font-size:20px}.settings-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:12px}.settings-tabs{border:1px solid var(--border-color);background:#0000002e;border-radius:12px;align-items:center;gap:6px;padding:4px;display:inline-flex}.settings-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:8px 12px;font-size:12px;font-weight:700}.settings-tab:hover{color:#fff;background:#ffffff12}.settings-tab.active{color:var(--primary-green);background:#2ecc7126}.settings-tab-panel{border:1px solid var(--border-color);background:#ffffff03;border-radius:14px;flex:1;min-height:0;padding:12px;overflow-y:auto}.btn-attach{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;font-size:0;line-height:0;display:flex}.btn-attach:hover{color:#fff;background:#ffffff0f}.btn-attach svg{flex-shrink:0;width:18px;height:18px}.attach-menu{border:1px solid var(--border-color);z-index:50;background:#0b1217;border-radius:14px;width:220px;padding:8px;position:absolute;bottom:74px;left:16px;box-shadow:0 18px 40px #00000059}.attach-menu button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:10px;width:100%;padding:10px;display:flex}.attach-menu button:hover{background:#ffffff0f}.attach-preview{border:1px solid var(--border-color);background:#ffffff08;border-radius:14px;align-items:center;gap:10px;margin:10px 0 0;padding:10px;display:flex}.attach-preview .ap-meta{flex:1;min-width:0}.attach-preview .ap-title{color:#fff;margin:0;font-size:12px;font-weight:800}.attach-preview .ap-sub{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:11px;overflow:hidden}.attach-preview .ap-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:16px}.attach-preview .ap-remove:hover{color:#fff}.modal-backdrop{z-index:80;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal{border:1px solid var(--border-color);background:#0b1217;border-radius:18px;width:min(720px,100%);overflow:hidden;box-shadow:0 24px 60px #00000080}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.modal-header h4{color:#fff;margin:0;font-size:14px}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:18px}.modal-body{padding:16px 18px}.modal-search{gap:10px;margin-bottom:14px;display:flex}.modal-search input{background:var(--bg-dark);border:1px solid var(--border-color);color:#fff;border-radius:12px;outline:none;flex:1;padding:10px 12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.product-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:14px;align-items:center;gap:10px;padding:12px;display:flex}.product-card img{object-fit:cover;background:#0003;border-radius:12px;width:64px;height:64px}.product-card h5{color:#fff;margin:0;font-size:13px}.product-card p{color:var(--text-muted);margin:4px 0 0;font-size:12px}.product-card .pc-actions{margin-left:auto}.product-card .pc-actions button{color:var(--primary-green);cursor:pointer;background:#2ecc7126;border:1px solid #2ecc7140;border-radius:10px;padding:8px 10px;font-size:12px;font-weight:700}.product-card .pc-actions button:hover{background:#2ecc7140}.btn-attach.recording{color:#fff;background:#e74c3c}.wa-ticks{opacity:.9;font-size:12px}.wa-sent,.wa-delivered{color:#94a3b8}.wa-read{color:#38bdf8}.wa-failed{color:#fb7185}.chat-item.unread{border:1px solid #22c55e59;box-shadow:inset 0 0 0 1px #22c55e14}.chat-title-wrap{align-items:center;gap:8px;min-width:0;display:inline-flex}.unread-dot{background:#22c55e;border-radius:999px;flex:none;width:8px;height:8px;box-shadow:0 0 0 3px #22c55e26}.channel-chip{color:#e2e8f0;background:#ffffff14;border:1px solid #fff3;border-radius:999px;justify-content:center;align-items:center;min-width:34px;padding:2px 7px;font-size:10px;font-weight:800;display:inline-flex}.channel-whatsapp{color:#8cf0b7;background:#25d3662e;border-color:#25d3666b}.channel-facebook{color:#a5d4ff;background:#1877f233;border-color:#1877f273}.channel-instagram{color:#fec7e8;background:#f472b62e;border-color:#f472b66b}.channel-tiktok{color:#a5f3fc;background:#22d3ee2e;border-color:#22d3ee6b}.channel-all{color:#cbd5e1;background:#94a3b82e;border-color:#94a3b859}.inbox-comments-layout{flex-direction:column;flex:1;gap:12px;min-width:0;min-height:0;padding:12px;display:flex;overflow-y:auto}.inbox-comments-toolbar{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;gap:10px;padding:12px;display:grid}.inbox-comment-status-row{flex-wrap:wrap;gap:6px;display:flex}.inbox-comment-status-chip{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #ffffff29;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.inbox-comment-status-chip.active{color:#fff;background:#2ecc712e;border-color:#2ecc7173}.inbox-comment-search-row{grid-template-columns:1fr auto;gap:8px;display:grid}.inbox-comment-search{color:#fff;background:#ffffff05;border:1px solid #ffffff29;border-radius:10px;outline:none;width:100%;padding:9px 10px;font-size:13px}.inbox-comment-select{color:#fff;background:#ffffff05;border:1px solid #ffffff29;border-radius:10px;outline:none;padding:9px 10px;font-size:13px}.inbox-comment-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:9px;padding:8px 11px;font-size:12px}.inbox-comment-btn.primary{background:#2ecc7133;border-color:#2ecc716b}.inbox-comments-main{flex:1;grid-template-columns:340px 1fr;gap:12px;min-height:0;display:grid}.inbox-comments-list,.inbox-comments-thread{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;min-height:0;padding:10px;overflow-y:auto}.inbox-comments-hint{opacity:.78;font-size:12px}.inbox-comment-root{background:#ffffff05;border:1px solid #ffffff1f;border-radius:10px;padding:10px}.inbox-comment-thread-scroll{max-height:240px;overflow-y:auto}.inbox-comment-textarea{resize:vertical;color:#fff;background:#ffffff05;border:1px solid #ffffff29;border-radius:10px;outline:none;width:100%;min-height:96px;padding:10px;font-family:inherit;font-size:13px}.inbox-comment-trigger-card{border:1px solid var(--border-color);background:#ffffff05;border-radius:12px;padding:12px}.inbox-comment-trigger-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.inbox-comment-trigger-item{border:1px solid #ffffff24;border-radius:10px;padding:10px}.inbox-comments-error{color:#ffb7b7;font-size:12px}.inbox-comments-ok{color:#9df0bf;font-size:12px}.filters-bar{flex-wrap:wrap;align-items:center;gap:8px;margin:10px 0 8px;display:flex}.filter-chip{color:#ffffffe0;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff14;border-radius:999px;padding:6px 10px;font-size:12px;transition:all .15s}.filter-chip:hover{background:#ffffff17}.filter-chip.active{color:#fffffff2;background:#2ecc712e;border-color:#2ecc7159}.filter-select-wrap{align-items:center;display:flex}.filter-select{color:#ffffffe0;background:#ffffff0f;border:1px solid #ffffff14;border-radius:10px;outline:none;padding:6px 10px;font-size:12px}.filter-select option{color:#111}.filter-clear{color:#ffffffbf;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;margin-left:auto;padding:6px 10px;font-size:12px}.filter-clear:hover{color:#fffffff2;border-color:#ffffff2e}.pill-tag{background:#3498db26;border:1px solid #3498db40}@media (max-width:1280px){.main-nav{width:72px}.chat-list-panel{width:280px}.crm-panel{width:320px}.chat-header{padding:0 16px}.messages-area{gap:16px;padding:18px}}@media (max-width:980px){body{overflow:hidden}.app-layout{flex-direction:column;height:100dvh}.app-content{width:100%;min-height:0}.main-nav{border-right:none;border-top:1px solid var(--border-color);order:2;width:100%;height:72px;padding:6px 10px}.nav-logo,.nav-footer{display:none}.nav-items{flex-direction:row;justify-content:space-between;gap:6px;width:100%;padding:0}.nav-btn{border-radius:10px;flex:1;min-width:0;padding:8px 6px}.nav-btn span{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.inbox-layout{flex-direction:column}.inbox-mode-tabs{padding:10px}.chat-list-panel,.chat-window,.crm-panel{border-left:none;border-right:none;width:100%;height:100%}.chat-list-header{padding:12px}.inbox-channel-tab{padding:6px 9px;font-size:10px}.inbox-comments-main,.inbox-comment-search-row,.inbox-comment-trigger-grid{grid-template-columns:1fr}.chat-list-items{padding:6px}.chat-header{height:58px;padding:0 10px}.header-info{gap:8px}.chat-title{font-size:13px}.chat-subtitle{font-size:10px}.messages-area{gap:12px;padding:12px}.message-row{max-width:88%}.composer-area{padding:10px}.composer-input-wrapper{gap:6px;padding:4px}.recording-wave-wrap{gap:6px;padding:0 6px}.recording-label{display:none}.recording-wave{height:18px}.msg-audio-wave{max-width:100%}.recording-wave span{width:2px}.btn-attach,.btn-send{width:40px;height:40px}.takeover-btn{gap:6px;padding:6px 8px}.takeover-label{display:none}.crm-header,.crm-content,.crm-footer{padding:14px}.form-group-row{flex-direction:column}.notes-area{min-height:110px}.attach-menu{width:auto;bottom:64px;left:8px;right:8px}.modal{max-height:90vh;overflow:auto}.product-grid{grid-template-columns:1fr}.settings-shell{gap:8px;padding:10px}.settings-topbar{align-items:stretch;padding:10px}.settings-tabs{width:100%}.settings-tab{text-align:center;flex:1;padding:9px 10px}.settings-tab-panel{padding:10px}}@media (max-width:640px){.chat-item{padding:10px}.chat-phone{font-size:13px}.chat-preview{font-size:11px}.message-bubble{padding:11px;font-size:13px}.msg-meta{font-size:9px}.settings-title{font-size:18px}.settings-subtitle{font-size:11px}}.trg-layout{grid-template-columns:minmax(340px,420px) minmax(0,1fr);gap:12px;width:100%;display:grid}.trg-left-col{gap:12px;display:grid}.trg-right-col{min-height:620px}.trg-card{background:radial-gradient(circle at 0 0,#00d9ff14,#0000 48%),#08121cd6;border:1px solid #ffffff1f;border-radius:12px;padding:12px}.trg-title{color:#00d9ff;margin-bottom:10px;font-size:28px;font-weight:700;line-height:1}.trg-grid{gap:8px;display:grid}.trg-two-col{grid-template-columns:1fr 1fr;gap:8px;display:grid}.trg-two-col-auto{grid-template-columns:1fr auto;gap:8px;display:grid}.trg-three-col{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.trg-check{color:#d8ecff;align-items:center;gap:8px;display:flex}.trg-card-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.trg-list{gap:8px;max-height:330px;padding-right:2px;display:grid;overflow-y:auto}.trg-item{background:#ffffff05;border:1px solid #ffffff24;border-radius:10px;gap:8px;padding:8px;display:flex}.trg-item.active{background:#ffffff14}.trg-item-name{font-weight:700}.trg-item-meta{opacity:.78;font-size:12px}.trg-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}.trg-tab{color:#c9dcf6;cursor:pointer;background:#ffffff08;border:1px solid #ffffff29;border-radius:8px;padding:7px 10px}.trg-tab.active{color:#fff;background:#ffffff29}.trg-tab.active.action{background:#57c78533}.trg-stack{gap:10px;display:grid}.trg-add-wrap{position:relative}.trg-add-btn-condition,.trg-add-btn-action{color:#fff;cursor:pointer;border:1px solid #ffffff1f;border-radius:8px;width:100%;padding:11px 14px;font-size:18px;line-height:1}.trg-add-btn-condition{background:#ff4238}.trg-add-btn-action{background:#38b44a}.trg-dropdown{z-index:20;color:#26303a;background:#f2f2f2;border:1px solid #16252e59;border-radius:4px;min-width:300px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 26px #00000061}.trg-dropdown-item{text-align:left;width:100%;color:inherit;cursor:pointer;background:0 0;border:none;padding:11px 14px;font-size:15px;line-height:1}.trg-dropdown-item:hover{background:#e8e8e8}.trg-divider{border-top:1px solid #d7d7d7}.trg-rule{background:#ffffff04;border:1px solid #ffffff21;border-radius:10px;gap:8px;padding:10px;display:grid}.trg-rule-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.trg-rule-actions{gap:6px;display:flex}.trg-chip-wrap{flex-wrap:wrap;gap:6px;display:flex}.trg-chip{color:#d9ffe9;background:#57c78538;border:1px solid #57c7858c;border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.trg-chip-x{color:inherit;cursor:pointer;background:0 0;border:none;font-weight:700}.trg-day{color:inherit;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:16px;padding:4px 9px}.trg-day.on{background:#57c78533;border-color:#57c78599}@media (max-width:1200px){.trg-layout{grid-template-columns:1fr}.trg-right-col{min-height:auto}}@media (max-width:720px){.trg-two-col,.trg-three-col{grid-template-columns:1fr}.trg-dropdown{min-width:260px}}