:root{--bg-1: #0b1220;--bg-2: #0e1730;--bg-3: #0a1120;--glow-1: .2;--glow-2: .16;--glow-3: .1;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--text-1: #f8fafc;--text-2: #e2e8f0;--text-3: #94a3b8;--text-muted: #64748b;--text-info: #93c5fd;--text-info-2: #7dd3fc;--text-success: #6ee7b7;--text-success-strong: #a7f3d0;--text-danger: #fca5a5;--text-warn: #fcd34d;--text-amt: #fda4af;--stat-from: #60a5fa;--stat-to: #22d3ee;--chip-bg: rgba(255, 255, 255, .05);--chip-bg-2: rgba(255, 255, 255, .04);--row-hover: rgba(255, 255, 255, .045);--row-divider: rgba(255, 255, 255, .13);--item-bg: rgba(255, 255, 255, .03);--panel-bg: rgba(255, 255, 255, .025);--input-bg: rgba(255, 255, 255, .06);--modal-bg: rgba(13, 20, 36, .94);--popover-bg: rgba(13, 20, 36, .97);--topbar-bg: rgba(11, 18, 32, .72);--track-bg: rgba(255, 255, 255, .08);--option-bg: #0e1730;--option-text: #f1f5f9;--scroll-hint: rgba(255, 255, 255, .05);--scheme: dark;--accent: #3b82f6;--accent-2: #06b6d4;--purple: #8b5cf6;--green: #10b981;--amber: #f59e0b;--red: #ef4444;--rose: #f43f5e;--success: var(--green);--danger: var(--red);--warning: var(--amber);--r-lg: 22px;--r-md: 14px;--r-sm: 10px;--shadow: 0 24px 60px rgba(0, 0, 0, .35);--shadow-sm: 0 10px 24px rgba(0, 0, 0, .22);--font: "Microsoft YaHei", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display: Georgia, "Times New Roman", serif;--safe-t: env(safe-area-inset-top);--safe-b: env(safe-area-inset-bottom);--safe-l: env(safe-area-inset-left);--safe-r: env(safe-area-inset-right);color-scheme:dark}:root[data-theme=light]{--bg-1: #eef3f9;--bg-2: #e7edf5;--bg-3: #f6f8fb;--glow-1: .1;--glow-2: .08;--glow-3: .06;--surface: rgba(255, 255, 255, .92);--surface-2: #eef2f7;--surface-3: #e2e8f0;--border: #e2e8f0;--border-strong: #cbd5e1;--text-1: #0f172a;--text-2: #1e293b;--text-3: #475569;--text-muted: #94a3b8;--text-info: #1d4ed8;--text-info-2: #2563eb;--text-success: #059669;--text-success-strong: #065f46;--text-danger: #dc2626;--text-warn: #b45309;--text-amt: #dc2626;--stat-from: #2563eb;--stat-to: #0891b2;--chip-bg: #f1f5f9;--chip-bg-2: #f8fafc;--row-hover: #f1f5f9;--row-divider: #e5e7eb;--row-divider-strong: #cbd5e1;--item-bg: #f8fafc;--panel-bg: #f8fafc;--input-bg: #ffffff;--modal-bg: #ffffff;--popover-bg: #ffffff;--topbar-bg: rgba(255, 255, 255, .8);--track-bg: #e2e8f0;--option-bg: #ffffff;--option-text: #0f172a;--scroll-hint: rgba(15, 23, 42, .06);--scheme: light;--shadow: 0 16px 40px rgba(15, 23, 42, .12);--shadow-sm: 0 6px 16px rgba(15, 23, 42, .08);color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;overflow-x:hidden}body{font-family:var(--font);color:var(--text-2);overflow-x:hidden;background:radial-gradient(1000px 560px at 12% -12%,rgba(59,130,246,var(--glow-1)),transparent 62%),radial-gradient(820px 520px at 112% 112%,rgba(139,92,246,var(--glow-2)),transparent 60%),radial-gradient(600px 400px at 92% -8%,rgba(6,182,212,var(--glow-3)),transparent 55%),linear-gradient(158deg,var(--bg-1) 0%,var(--bg-2) 52%,var(--bg-3) 100%);min-height:100vh}::selection{background:#3b82f659;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,.portal-card:focus-visible,.ss-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:#94a3b859;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b88c}::-webkit-scrollbar-track{background:transparent}img{max-width:100%}button{cursor:pointer;font-family:inherit;color:inherit}input,textarea,select{width:100%;font-family:inherit}.page{min-height:100vh;display:flex;flex-direction:column}.loading{display:flex;min-height:100vh;align-items:center;justify-content:center;color:var(--text-3);font-size:18px}.container{flex:1;width:100%;max-width:1240px;margin:0 auto;padding:14px calc(12px + var(--safe-r)) 48px calc(12px + var(--safe-l))}.grid-2{display:grid;grid-template-columns:1fr;gap:16px;align-items:start}.empty{color:var(--text-muted);text-align:center;padding:28px 0}.wa-mobile-top{display:none;align-items:center;gap:10px;min-height:46px;padding:0 12px;background:var(--topbar-bg);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:40}.wa-mobile-title{font-weight:700;color:var(--text-1);font-size:15px;white-space:nowrap}.wa-mobile-top>.muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.wa-mobile-top-actions{display:flex;align-items:center;gap:8px}.wa-mobile-top .theme-toggle,.wa-mobile-top .btn{min-height:30px;padding:0 10px;font-size:12px}.topbar{position:sticky;top:0;z-index:40;display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:var(--safe-t) calc(12px + var(--safe-r)) 0 calc(12px + var(--safe-l));background:var(--topbar-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--input-bg)}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(37,99,235,.55),rgba(6,182,212,.45),transparent)}.topbar-title{display:flex;align-items:center;gap:9px;min-width:0;font-size:15px;font-weight:700;color:var(--text-1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logo-text{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:16px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);font-family:var(--font-display);box-shadow:0 4px 12px #2563eb66}.logo-img{height:30px;max-width:120px;object-fit:contain;border-radius:6px;flex-shrink:0}.role-tag{flex-shrink:0;font-size:11.5px;background:var(--chip-bg-2);border:1px solid var(--border-strong);padding:3px 9px;border-radius:20px;font-weight:400;color:var(--text-3)}.topbar-user{display:flex;align-items:center;gap:10px;flex-shrink:0}.topbar-user>span{font-size:13px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--chip-bg-2);border:1px solid var(--border-strong);color:var(--text-2);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s}.theme-toggle:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent);color:var(--text-1);transform:translateY(-1px)}.theme-toggle:active:not(:disabled){transform:scale(.94)}.theme-toggle svg{display:block}.home-btn{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:transparent;border:1px solid var(--border-strong);color:var(--text-2);cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .15s}.home-btn:hover{background:var(--surface-2);border-color:var(--accent);color:var(--text-1);transform:translateY(-1px)}.home-btn:active{transform:scale(.94)}.home-btn svg{display:block}.card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;margin-bottom:16px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--input-bg),var(--shadow-sm)}.card:has(.table){overflow-x:auto;-webkit-overflow-scrolling:touch}.card:has(.table):after{content:"";position:absolute;top:0;right:0;bottom:0;width:16px;background:linear-gradient(90deg,transparent,var(--scroll-hint));pointer-events:none;z-index:2}.card>h3{font-size:15.5px;margin-bottom:12px;color:var(--text-1);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.card-head h3{font-size:15.5px;color:var(--text-1);display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:0}.count{background:#3b82f629;color:var(--text-info);padding:2px 9px;border-radius:20px;font-size:12.5px;font-weight:600;white-space:nowrap}.user-group{margin-bottom:18px}.user-group:last-child{margin-bottom:0}.user-group-title{display:flex;align-items:center;gap:8px;margin-bottom:8px}.user-group-tag{font-size:12px;font-weight:700;color:#fff;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 2px 8px #2563eb4d}.finance-grid{display:flex;flex-direction:column;gap:16px}.finance-grid>.card{min-width:0}.stat-row{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:16px}.stat-card{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px 8px;text-align:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 var(--input-bg);overflow:hidden}.stat-card b{display:block;font-size:26px;line-height:1.2;font-weight:800;background:linear-gradient(120deg,var(--stat-from),var(--stat-to));-webkit-background-clip:text;background-clip:text;color:transparent}.stat-card span{color:var(--text-3);font-size:13px}.form{display:flex;flex-direction:column;gap:12px}.form>b{font-size:13px;color:var(--text-info);border-bottom:1px solid var(--border);padding-bottom:5px}.form label{font-size:13px;color:var(--text-3);display:flex;flex-direction:column;gap:6px}.form-label{font-size:13px;color:var(--text-3);display:block;margin-bottom:6px}.row2,.row3{display:grid;grid-template-columns:1fr;gap:12px}input,textarea,select{padding:10px 12px;border:1px solid var(--border-strong);border-radius:var(--r-sm);font-size:16px;background:var(--input-bg);color:var(--text-1);transition:border-color .2s,box-shadow .2s,background .2s}input::placeholder,textarea::placeholder{color:var(--text-muted)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}textarea{resize:vertical}select option{background:var(--option-bg);color:var(--option-text)}input[type=checkbox],input[type=radio]{width:auto;accent-color:var(--accent)}input[type=date],input[type=time]{color-scheme:var(--scheme)}.total-box{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:var(--r-sm);padding:10px 12px;font-size:13.5px;color:var(--text-2);display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:8px}.total-box b{color:var(--text-info);font-size:15px}.mini-total{background:#3b82f61a;border:1px solid rgba(59,130,246,.25);border-radius:var(--r-sm);padding:8px 10px;font-size:13.5px;color:var(--text-info);font-weight:600}.inline-chk{display:inline-flex;align-items:center;gap:6px;font-size:13px;cursor:pointer;color:var(--text-2)}.manual-adjust{display:flex;gap:8px}.btn{border:none;border-radius:var(--r-sm);padding:9px 16px;font-size:14px;min-height:44px;transition:transform .15s,box-shadow .2s,filter .2s,background .2s,border-color .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(0) scale(.98)}.btn-primary{background:linear-gradient(135deg,#2563eb,#0f3460);color:#fff;box-shadow:0 8px 20px #2563eb59}.btn-primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn-success{background:linear-gradient(135deg,#10b981,#0f766e);color:#fff;box-shadow:0 8px 20px #10b9814d}.btn-success:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg,#ef4444,#991b1b);color:#fff;box-shadow:0 8px 20px #ef44444d}.btn-danger:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.btn-ghost{background:var(--chip-bg-2);color:var(--text-2);border:1px solid var(--border-strong)}.btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--accent)}.btn-block{width:100%}.btn-small{min-height:38px;padding:6px 12px;font-size:13px}.btn-mini{min-height:34px;padding:4px 9px;font-size:12.5px;background:var(--chip-bg);border:1px solid var(--border-strong);border-radius:7px;color:var(--text-2)}.btn-mini:hover:not(:disabled){background:var(--surface-2)}.btn-icon{display:inline-flex;align-items:center;justify-content:center;padding:4px;width:30px;min-height:30px}.btn-icon svg{display:block}.table{width:100%;min-width:720px;border-collapse:collapse;font-size:12.5px}.table th{text-align:left;padding:9px;background:var(--chip-bg);color:var(--text-3);font-size:12px;font-weight:600;border-bottom:1px solid var(--border-strong);white-space:nowrap}.table td{padding:11px 10px;border-bottom:1px solid var(--row-divider);vertical-align:middle;word-break:break-word;color:var(--text-2)}.table tr:hover td{background:var(--row-hover)}.table td.actions{display:table-cell;text-align:center}.table td.actions .btn{margin:2px 3px}.table td.order-no{white-space:nowrap;color:var(--text-info-2);font-weight:600}.table td.amt{white-space:nowrap;color:var(--text-amt);font-weight:600}.table td.note-cell{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table .btn-small{min-height:32px;padding:4px 9px;font-size:12px}.idx{font-weight:700;color:var(--text-info-2)}.total-qty{font-weight:700;color:var(--text-danger);font-size:14px}.items-table{overflow-x:auto;border:1px solid var(--border);border-radius:var(--r-sm)}.items-table .table th{white-space:nowrap}.items-table .table input{width:92px;padding:5px 7px;font-size:13px;border-radius:6px;background:#ffffff14;border-color:var(--border-strong)}.items-table .table td{padding:6px}.items-table .actions{white-space:nowrap}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.sort-btns{display:flex;gap:4px}.muted{color:var(--text-muted)}.remark{background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;font-size:13.5px;margin:8px 0;color:var(--text-2)}.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;border:1px solid;white-space:nowrap;font-weight:500}.badge.ok{background:#10b98124;color:var(--text-success);border-color:#10b98166}.badge.off{background:#ef44441f;color:var(--text-danger);border-color:#ef444466}.badge.warn{background:#f59e0b24;color:var(--text-warn);border-color:#f59e0b73}.token-tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.token-tab{border:1px solid var(--border-strong);background:var(--chip-bg);color:var(--text-2);padding:8px 14px;border-radius:20px;font-size:13.5px;cursor:pointer;transition:all .18s}.token-tab:hover{border-color:var(--accent);color:var(--text-1)}.token-tab.active{background:linear-gradient(135deg,#2563eb,#0f3460);color:#fff;border-color:transparent;box-shadow:0 6px 16px #2563eb59}.stat-row-4{grid-template-columns:repeat(2,1fr)}.trend-block{display:flex;flex-direction:column}.trend-chart{width:100%;height:190px}.trend-axis{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted);margin-top:6px}.scenario-list{display:flex;flex-direction:column;gap:14px}.scenario-item{display:flex;flex-direction:column;gap:5px}.scenario-head{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--text-2);flex-wrap:wrap}.scenario-val{font-size:12.5px;font-weight:600;color:var(--text-info-2)}.bar-track{height:8px;border-radius:6px;background:var(--track-bg);overflow:hidden}.bar-track.mini{width:90px;height:6px;display:inline-block;vertical-align:middle;margin-right:6px}.bar-fill{height:100%;border-radius:6px;background:linear-gradient(90deg,#3b82f6,#22d3ee);min-width:2px}.filter-row{align-items:end}.checkbox-row{flex-direction:row!important;align-items:center;gap:8px!important;padding-top:8px}.pager{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:14px}@media (min-width: 768px){.stat-row-4{grid-template-columns:repeat(4,1fr)}}.list{display:flex;flex-direction:column;gap:10px;max-height:620px;overflow:auto}.order-item{border:1px solid var(--border);border-radius:var(--r-sm);padding:12px 14px;cursor:pointer;background:var(--item-bg);transition:border-color .18s,background .18s,transform .18s}.order-item:hover{border-color:#3b82f68c;background:#3b82f612;transform:translateY(-1px)}.order-item.highlight{border-color:#10b98173;background:#10b98112}.order-item-top{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px}.order-no{color:var(--text-info-2);font-weight:600;font-size:13px}.order-item-body{display:flex;align-items:center;gap:12px;font-size:13.5px;flex-wrap:wrap;color:var(--text-2)}.completed-tip{margin-top:6px;font-size:12px;color:var(--text-success)}.order-cards{display:flex;flex-direction:column;gap:10px}.order-products{border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;margin:8px 0}.order-product{display:grid;grid-template-columns:1fr auto;gap:3px 14px;padding:8px 12px;align-items:center}.order-product+.order-product{border-top:1px solid var(--border)}.order-product-name{font-size:13.5px;font-weight:600;color:var(--text-1)}.order-product-spec{font-size:12px;color:var(--text-3)}.order-product-remark{font-size:11.5px;color:var(--text-muted)}.order-product-amt{font-size:13px;font-weight:600;color:var(--text-amt);white-space:nowrap}.order-cards .order-item,.list .order-item{padding:10px 12px}.order-cards .order-item-top,.list .order-item-top{margin-bottom:4px}.order-cards .order-item-body,.list .order-item-body{gap:8px}.order-cards .order-item .actions,.list .order-item .actions{margin-top:8px}.warn-tip{color:var(--text-warn);background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:var(--r-sm);padding:8px 12px;font-size:13px;margin-top:6px}.modifying-banner{background:#ef44441a;border:1px solid rgba(239,68,68,.35);color:var(--text-danger);border-radius:var(--r-sm);padding:10px 12px;font-size:13px;margin:12px 0}.locked-tip{color:var(--text-muted);font-size:13px;padding:6px 0}.load-tip{background:#3b82f61a;border:1px solid rgba(59,130,246,.35);color:var(--text-info);border-radius:var(--r-sm);padding:8px 12px;font-size:13px;margin-bottom:10px}.sync-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#10b98114;border:1px solid rgba(16,185,129,.3);color:var(--text-success-strong);border-radius:var(--r-sm);padding:8px 12px;font-size:13px;margin-bottom:12px}.sync-bar.err{background:#ef444414;border-color:#ef444459;color:var(--text-danger)}.sync-ok{font-weight:600;color:var(--text-success)}.sync-err{font-weight:600;color:var(--text-danger)}.sync-issues{background:#f59e0b14;border:1px solid rgba(245,158,11,.35);border-radius:var(--r-sm);padding:10px 12px;margin-bottom:12px}.multi-tip{font-size:12px;color:var(--text-warn);background:#f59e0b1a;border:1px solid rgba(245,158,11,.35);border-radius:10px;padding:1px 8px;margin-left:4px;white-space:nowrap}.filterbar{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:14px;padding:10px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--r-sm)}.filterbar input,.filterbar select{min-width:0;min-height:42px;font-size:16px}.filterbar .filter-date{display:flex;gap:6px}.filterbar .filter-date input{flex:1;min-width:0}.filter-actions{display:flex;gap:8px}.filter-actions .btn{flex:1}.export-btns{display:flex;gap:8px;flex-wrap:wrap}.sort-row{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-size:14px;flex-wrap:wrap;color:var(--text-2)}.sort-row select{width:auto}.view-tabs{display:flex;gap:8px;margin-bottom:14px}.tab{padding:9px 18px;border:1px solid var(--border-strong);background:var(--chip-bg-2);border-radius:var(--r-sm);font-size:14px;color:var(--text-2);flex:1;text-align:center;transition:background .2s,border-color .2s,color .2s}.tab:hover{background:var(--surface-2)}.tab.active{background:linear-gradient(135deg,#2563eb,#0f3460);color:#fff;border-color:transparent;box-shadow:0 6px 16px #2563eb59}.board-group{display:flex;flex-direction:column;gap:14px}.board-section{border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 10px 6px;background:var(--panel-bg)}.board-section.in-prod{border-left:4px solid var(--purple);background:#8b5cf60f}.board-section.approved{border-left:4px solid var(--accent);background:#3b82f60d}.board-section-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;flex-wrap:wrap;gap:6px}.board-section-head h4{margin:0;display:flex;align-items:center;gap:8px;font-size:14.5px;color:var(--text-1)}.board-sort-tip{font-size:12px;color:var(--text-muted)}.completed-panel{border-left:4px solid var(--green)}.completed-panel .card-head h3{color:var(--text-success)}.uploader{border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:12px}.uploader-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px;color:var(--text-3)}.thumb-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.thumb{position:relative}.thumb img{width:64px;height:64px;object-fit:cover;border-radius:8px;cursor:zoom-in;border:1px solid var(--border-strong)}.thumb-del{position:absolute;top:-6px;right:-6px;width:22px;height:22px;border-radius:50%;background:var(--danger);color:#fff;border:none;font-size:12px;line-height:1}.feedback{border:1px solid rgba(16,185,129,.35);background:#10b98112;border-radius:var(--r-sm);padding:12px}.feedback-inline{border-left:3px solid var(--green)}.feedback-thumb{display:flex;flex-direction:column;align-items:center}.thumb-time{font-size:11px;color:var(--text-muted);margin-top:2px;white-space:nowrap}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;display:flex;align-items:center;justify-content:center;z-index:100}.lightbox img{max-width:90%;max-height:90%;border-radius:8px}.logo-img{height:30px;border-radius:6px}.dropzone{border:2px dashed var(--border-strong);border-radius:var(--r-sm);padding:12px;text-align:center;color:var(--text-3);font-size:13px;cursor:pointer;margin-top:8px;transition:border-color .15s,background .15s}.dropzone:hover{border-color:var(--primary);color:var(--text-2)}.dropzone.drag-over{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 10%,transparent)}.drawer-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081280;display:flex;justify-content:flex-end;z-index:60}.drawer{background:var(--modal-bg);border-left:1px solid var(--border-strong);height:100%;width:100%;max-width:580px;display:flex;flex-direction:column;animation:drawer-in .22s ease;box-shadow:var(--shadow)}@keyframes drawer-in{0%{transform:translate(40px);opacity:0}to{transform:none;opacity:1}}.drawer-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:16px 18px;border-bottom:1px solid var(--border)}.drawer-head h3{font-size:15.5px;color:var(--text-1)}.drawer-body{flex:1;overflow:auto;padding:14px 18px}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0408129e;display:flex;align-items:flex-end;justify-content:center;z-index:50}.modal{background:var(--modal-bg);border:1px solid var(--border-strong);border-radius:18px 18px 0 0;padding:18px 14px calc(20px + var(--safe-b));width:100%;max-width:100%;max-height:92vh;overflow:auto;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow)}.modal-wide,.modal-sm{width:100%}.modal-sm p{margin:10px 0;font-size:14px;color:var(--text-2)}.modal-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px}.modal-head h3{font-size:15.5px;color:var(--text-1);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.detail-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.detail-grid>div{background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:7px 10px}.detail-grid label{display:block;font-size:12px;color:var(--text-muted)}.detail-grid span{font-size:13.5px;color:var(--text-2)}.modal-sec{margin:12px 0}.modal-sec b{display:block;margin-bottom:6px;font-size:13px;color:var(--text-3)}.field-val{font-size:14px;color:var(--text-1)}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px;flex-wrap:wrap}.modal-actions .btn{flex:1}.modal textarea{margin-top:10px}.modal .table{min-width:640px}.confirm-modal{max-width:380px;border-radius:16px;padding:18px 18px 16px}.confirm-modal .modal-head{margin-bottom:6px}.confirm-modal-body{color:var(--text-2);font-size:14px;line-height:1.6}.confirm-modal-body p{margin:0;white-space:pre-wrap}.confirm-modal-input{margin-top:12px;width:100%}.confirm-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:16px}.confirm-modal-actions .btn{min-width:88px}.modal-split{display:flex;flex-direction:column;padding:18px 0 calc(20px + var(--safe-b));max-height:92vh;overflow:hidden}.modal-split .modal-head{padding:0 20px;flex-wrap:wrap}.editor-split{flex:1;min-height:0;display:grid;grid-template-columns:minmax(400px,1fr) minmax(0,1.2fr);gap:14px;padding:0 20px}.editor-left{overflow-y:auto;min-height:0;padding-right:6px;scrollbar-width:thin}.editor-left .form{gap:12px}.ed-col{display:flex;flex-direction:column;gap:12px;min-width:0}.editor-right{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--panel-bg);overflow:hidden}.preview-toolbar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);font-size:12.5px;color:var(--text-2);flex-wrap:wrap}.preview-toolbar span:first-child{font-weight:600;color:var(--text-1)}.pdf-frame{flex:1;width:100%;border:0;background:#fff;min-height:0}.preview-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px}.party-block{border:1px dashed var(--border-strong);border-radius:var(--r-sm);padding:10px;display:flex;flex-direction:column;gap:10px;background:var(--panel-bg)}.party-block>b{font-size:12.5px;color:var(--text-info)}.item-edit{border:1px solid var(--border);border-radius:var(--r-sm);padding:10px;display:flex;flex-direction:column;gap:10px;background:var(--panel-bg)}.item-actions{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12.5px}.item-actions input{padding:6px 8px;font-size:13px}.translate-result{margin-top:16px;border:1px solid rgba(139,92,246,.35);background:#8b5cf612;border-radius:var(--r-sm);padding:12px}.translate-result ul{margin:6px 0 12px;padding-left:18px;font-size:13.5px;color:var(--text-2);line-height:1.9}.translate-result b{color:var(--text-1)}.trade-entry-bar{display:flex;align-items:center;gap:12px;padding:14px 16px;margin-bottom:16px;cursor:pointer;border-radius:var(--r-md);border:1px solid rgba(37,99,235,.3);background:linear-gradient(120deg,#2563eb1f,#06b6d41a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .15s,border-color .2s}.trade-entry-bar:hover{transform:translateY(-1px);border-color:var(--accent)}.trade-entry-bar b{display:block;font-size:15px;color:var(--text-1)}.trade-entry-bar .muted{font-size:12.5px}.trade-entry-icon{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 4px 12px #2563eb59}.trade-entry-arrow{margin-left:auto;font-size:18px;color:var(--text-3)}.timeline{padding-left:4px}.timeline-item{display:flex;gap:10px;padding:6px 0}.timeline-dot{width:10px;height:10px;border-radius:50%;margin-top:5px;flex-shrink:0;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 0 0 3px #3b82f62e}.timeline-body{font-size:13px;color:var(--text-2)}.timeline-trans{font-weight:600;color:var(--text-info)}.timeline-note{color:var(--text-3)}.timeline-meta{font-size:12px}.log-line{font-size:13px;padding:4px 0;border-bottom:1px dashed var(--border);color:var(--text-2)}.danger-text{color:var(--text-danger);font-weight:700}.search-select{position:relative;display:inline-block;width:100%}.ss-trigger{width:100%;display:flex;align-items:center;gap:6px;padding:7px 10px;font-size:15px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--input-bg);color:var(--text-1);cursor:pointer;min-height:42px;transition:border-color .2s,box-shadow .2s}.ss-trigger.open{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f62e}.ss-trigger .ss-val.placeholder{color:var(--text-muted)}.ss-trigger .ss-val{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-caret{margin-left:auto;color:var(--text-muted);font-size:11px;flex-shrink:0}.ss-img{width:26px;height:26px;object-fit:cover;border-radius:4px;flex-shrink:0}.ss-panel{position:absolute;z-index:60;top:calc(100% + 4px);left:0;right:0;min-width:200px;background:var(--popover-bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.ss-search{width:100%;padding:9px 10px;border:none;border-bottom:1px solid var(--border);font-size:13px;background:#ffffff0a}.ss-search:focus{box-shadow:none;border-bottom-color:var(--accent)}.ss-list{max-height:220px;overflow:auto}.ss-item{display:flex;align-items:center;gap:8px;padding:9px 10px;font-size:13px;cursor:pointer;color:var(--text-2)}.ss-item:hover{background:var(--surface-2)}.ss-item.active{background:#3b82f626;color:var(--text-info);font-weight:600}.ss-loading,.ss-empty{padding:12px;text-align:center;color:var(--text-muted);font-size:13px}.ss-clear{display:block;width:100%;padding:8px;border:none;border-top:1px solid var(--border);background:var(--chip-bg-2);color:var(--text-danger);font-size:12px;cursor:pointer}.dd-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px;align-items:center}.dd-tab{padding:8px 14px;border:1px solid var(--border-strong);border-radius:var(--r-sm);background:var(--chip-bg-2);cursor:pointer;font-size:13px;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;transition:background .2s,border-color .2s}.dd-tab:hover{background:var(--surface-2)}.dd-tab.active{background:linear-gradient(135deg,#2563eb,#0f3460);color:#fff;border-color:transparent}.dd-count{background:var(--chip-bg);color:var(--text-3);border-radius:10px;padding:0 7px;font-size:12px}.dd-tab.active .dd-count{background:#ffffff38;color:#fff}.dd-off{font-size:11px;color:var(--text-danger)}.dd-tab.active .dd-off{color:#fecaca}.dd-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;flex-direction:column;align-items:stretch}.dd-toolbar .dd-tabs{margin-bottom:10px}.dd-toolbar-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.dd-toolbar-actions .dd-search{flex:1;min-width:0}.dd-search{max-width:240px;margin-bottom:10px}.dd-img{width:40px;height:40px;object-fit:cover;border-radius:6px;border:1px solid var(--border-strong)}.dd-img-big{width:80px;height:80px;object-fit:cover;border-radius:8px;border:1px solid var(--border-strong)}.dd-img-upload{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.dd-code-actions{display:inline-flex;gap:6px}.dd-logs{margin-top:16px;border-top:1px solid var(--border);padding-top:12px}.dd-logs>b{font-size:13px;display:block;margin-bottom:8px;color:var(--text-3)}.dd-log-list{max-height:200px;overflow:auto}.bk-config{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px 0;border-bottom:1px dashed var(--border);margin-bottom:10px}.bk-config label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-3);flex:1;min-width:130px}.bk-config label.bk-toggle{flex-direction:row;align-items:center;gap:6px;align-self:center;font-weight:600;color:var(--text-1)}.bk-config input[type=number],.bk-config input[type=time],.bk-config select{min-width:90px}.bk-tip{font-size:12px;margin:6px 0 10px}.bk-progress{margin:10px 0 14px}.bk-progress-label{font-size:13px;color:var(--text-info);font-weight:600;margin-bottom:6px}.progress-track{height:10px;background:var(--track-bg);border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#06b6d4);border-radius:6px;transition:width .3s ease}.bk-table{margin-top:4px}.bk-table .actions{white-space:nowrap}.prod-group{border:1px solid var(--border);border-radius:var(--r-sm);padding:12px;margin-bottom:12px;background:var(--panel-bg);box-shadow:inset 0 1px 0 var(--chip-bg-2)}.prod-group-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.prod-group-head b{color:var(--text-info);font-size:14px}.prod-group-head .actions{display:flex;gap:6px}.item-remarks{margin-top:8px;border-top:1px dashed var(--border);padding-top:8px}.error-boundary{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;text-align:center;color:var(--text-2)}.error-boundary h2{color:var(--text-danger)}.error-boundary pre{background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:16px;max-width:720px;white-space:pre-wrap;word-break:break-all;color:var(--text-3)}.error{color:var(--text-danger);font-size:13px}.toast{background:#065f46eb;color:#d1fae5;padding:10px 20px;border-radius:10px;border:1px solid rgba(16,185,129,.35);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:14px}.toast.err{background:#991b1beb;color:#fecaca;border-color:#ef444466}.toast-stack{position:fixed;top:calc(64px + var(--safe-t));left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none}.login-wrap{--text-1: #f8fafc;--text-2: #e2e8f0;--text-3: #94a3b8;--text-muted: #64748b;--surface: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--chip-bg: rgba(255, 255, 255, .05);--chip-bg-2: rgba(255, 255, 255, .04);--input-bg: rgba(255, 255, 255, .06);--item-bg: rgba(255, 255, 255, .03);--panel-bg: rgba(255, 255, 255, .025);--text-info: #93c5fd;--text-info-2: #7dd3fc;--text-success: #6ee7b7;--text-danger: #fca5a5;--text-warn: #fcd34d;--text-amt: #fda4af;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:calc(20px + var(--safe-t)) 16px calc(24px + var(--safe-b));color:var(--text-2);background:radial-gradient(1000px 560px at 12% -12%,rgba(59,130,246,.2),transparent 62%),radial-gradient(820px 520px at 112% 112%,rgba(139,92,246,.16),transparent 60%),radial-gradient(600px 400px at 92% -8%,rgba(6,182,212,.1),transparent 55%),linear-gradient(158deg,#0b1220,#0e1730 52%,#0a1120);position:relative;overflow-x:hidden;overflow-y:auto}.login-brand{width:100%;max-width:460px;padding:8px 0 6px;display:flex;flex-direction:column;align-items:center;text-align:center}.login-logo{font-size:52px;line-height:1;margin-bottom:22px}.login-logo-text{width:72px;height:72px;border-radius:18px;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:800;color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);box-shadow:0 12px 28px #2563eb59;font-family:var(--font-display)}.login-logo-img{width:72px;height:72px;object-fit:contain;border-radius:18px;margin-bottom:14px}.logo-ph{width:72px;height:72px;border-radius:18px;background:var(--chip-bg);border:1px solid var(--border);flex-shrink:0;margin-bottom:14px}.logo-ph-sm{width:30px;height:30px;border-radius:8px;margin-bottom:0}.login-logo-img,.logo-img{border:0;background:transparent}.login-brand h1{font-size:24px;line-height:1.25;font-weight:800;letter-spacing:.5px;color:var(--text-1)}.login-brand-sub{margin-top:10px;font-size:13px;color:var(--text-3);line-height:1.7}.login-features{list-style:none;margin-top:22px;display:none;flex-direction:column;gap:12px}.login-features li{display:flex;align-items:center;gap:12px;font-size:13.5px;color:#cbd5e1}.login-features li span{font-size:11px;color:var(--text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid rgba(148,163,184,.28);padding:2px 6px;border-radius:5px}.login-panel,.portal-panel{width:100%;max-width:460px;margin:14px 0 0;padding:26px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center}.login-panel-head h2{font-size:21px;font-weight:800;color:var(--text-1)}.login-panel-head span{display:block;margin-top:6px;font-size:13px;color:var(--text-3)}.role-select{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 18px}.role-card{position:relative;display:flex;align-items:center;gap:8px;padding:10px 8px;text-align:left;color:var(--text-2);background:var(--chip-bg-2);border:1px solid var(--border);border-radius:var(--r-md);transition:transform .18s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.role-card:hover{transform:translateY(-2px);border-color:var(--rc)}.role-card.active{background:var(--rc-soft);border-color:var(--rc);box-shadow:0 0 0 3px var(--rc-soft),var(--shadow-sm)}.role-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--rc);background:var(--input-bg);flex-shrink:0}.role-card.active .role-icon{background:var(--rc-soft)}.role-info{min-width:0;display:flex;flex-direction:column;gap:2px}.role-info b{font-size:14px;font-weight:700;color:var(--text-1)}.role-info small{font-size:11px;color:var(--text-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.role-check{position:absolute;top:8px;right:8px;width:18px;height:18px;border-radius:50%;background:var(--rc);color:#fff;font-size:11px;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.5);transition:opacity .25s,transform .25s}.role-card.active .role-check{opacity:1;transform:scale(1)}.login-form{display:flex;flex-direction:column;gap:12px;animation:loginFormIn .38s cubic-bezier(.22,.9,.3,1.1) both}.server-actions{display:flex;gap:8px}.server-actions .btn-login{flex:1}@keyframes loginFormIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.login-field{display:flex;flex-direction:column;gap:6px}.login-field span{font-size:12.5px;color:var(--text-3)}.login-field input{background:var(--input-bg);border:1px solid var(--border-strong);color:var(--text-1);border-radius:var(--r-sm);padding:12px 14px;font-size:16px;transition:border-color .2s,box-shadow .2s}.login-field input::placeholder{color:var(--text-muted)}.login-field input:focus{outline:none;border-color:var(--panel-color);box-shadow:0 0 0 3px var(--panel-soft)}.btn-login{margin-top:4px;padding:13px;font-size:15.5px;font-weight:700;border-radius:var(--r-sm);color:#fff;background:linear-gradient(135deg,var(--panel-color),#0f3460);box-shadow:0 10px 24px var(--panel-soft);transition:transform .15s,box-shadow .2s,filter .2s}.btn-login:hover:not(:disabled){transform:translateY(-1px);filter:brightness(1.08)}.btn-login:disabled{opacity:.55}.login-hint{margin-top:16px;font-size:12px;color:var(--text-muted);text-align:center}.portal-grid{display:grid;grid-template-columns:1fr;gap:10px;margin:20px 0 8px}.portal-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px 12px;text-align:left;cursor:pointer;color:var(--text-2);background:var(--chip-bg-2);border:1px solid var(--border);border-radius:var(--r-md);transition:transform .18s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}.portal-card:hover{transform:translateY(-2px);border-color:var(--pc);background:var(--pc-soft);box-shadow:var(--shadow-sm)}.portal-card:active{transform:translateY(0) scale(.985)}.portal-card:focus-visible{outline:none;border-color:var(--pc);box-shadow:0 0 0 3px var(--pc-soft)}.portal-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--pc);background:var(--pc-soft);flex-shrink:0}.portal-info{min-width:0;display:flex;flex-direction:column;gap:3px;flex:1}.portal-info b{font-size:15px;font-weight:700;color:var(--text-1)}.portal-info small{font-size:11.5px;color:var(--text-3);line-height:1.5;white-space:normal}.portal-arrow{font-size:18px;color:var(--pc);opacity:0;transform:translate(-6px);transition:opacity .2s,transform .2s;flex-shrink:0}.portal-card:hover .portal-arrow{opacity:1;transform:none}.portal-back{color:var(--text-muted);text-decoration:none;transition:color .2s}.portal-back:hover{color:var(--text-2)}@media (min-width: 768px){.container{padding:20px calc(20px + var(--safe-r)) 56px calc(20px + var(--safe-l))}.row2{grid-template-columns:1fr 1fr}.detail-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-row{grid-template-columns:repeat(4,1fr);gap:14px}.stat-card{padding:16px 10px}.stat-card b{font-size:28px}.card{padding:16px}.card>h3,.card-head h3{font-size:16px}.view-tabs .tab{flex:none;padding:9px 24px}.filterbar{grid-template-columns:1fr 1fr}.filterbar .filter-date{grid-column:1 / -1}.filter-actions{grid-column:1 / -1;display:flex}.filter-actions .btn{flex:1}.dd-toolbar{flex-direction:row;align-items:center}.modal-mask{padding:20px;align-items:center}.modal{border-radius:var(--r-md);padding:22px;max-width:620px}.modal-wide{max-width:760px}.modal-sm{max-width:420px}.modal-split{max-width:calc(100vw - 40px)}.modal-actions{justify-content:flex-end}.modal-actions .btn{flex:none}.modal .table{min-width:0}.login-wrap{padding-top:calc(28px + var(--safe-t))}.login-brand{max-width:520px;padding:10px 0 14px}.login-features{display:flex}.login-panel,.portal-panel{max-width:520px}}@media (min-width: 1024px){.container{padding:24px 24px 60px}.grid-2{grid-template-columns:420px 1fr;gap:20px}.row3{grid-template-columns:1fr 1fr 1fr}.topbar{min-height:60px;padding:0 28px}.topbar-title{font-size:18px;gap:10px}.logo-text{width:32px;height:32px;font-size:17px}.logo-img{height:34px}.role-tag{font-size:12px}.topbar-user{gap:14px}.topbar-user>span{max-width:none;font-size:13.5px}.btn{min-height:38px}.btn-small{min-height:34px}.btn-mini{min-height:30px}.table{min-width:0;font-size:13.5px}.card:has(.table):after{display:none}.table th{padding:10px;font-size:13px}.table td{padding:12px 10px}input,textarea,select{font-size:14px;padding:9px 12px}.filterbar{display:flex;flex-wrap:wrap;gap:8px;padding:12px}.filterbar input,.filterbar select{width:auto;min-width:120px;min-height:0;font-size:13px}.filterbar .filter-date input{min-width:130px}.filter-actions{display:flex}.filter-actions .btn{flex:none}.board-section{padding:12px 12px 8px}.board-section-head{flex-direction:row;align-items:center}.board-group{flex-direction:row;align-items:flex-start}.board-group .board-section{flex:1;min-width:0}.finance-grid{flex-direction:row;align-items:flex-start}.finance-grid>.card{flex:1}.actions{flex-wrap:nowrap}.bk-config label{flex:none;min-width:0}.dd-toolbar-actions .dd-search{flex:none;max-width:240px}.modal-actions .btn{flex:none}.modal .table{min-width:0}.modal{max-height:94vh}.login-wrap{flex-direction:row;align-items:stretch;justify-content:center;padding:0;overflow:hidden}.login-brand{flex:1.15;min-width:0;max-width:none;padding:72px 48px 72px 9%;align-items:flex-start;text-align:left;justify-content:center}.login-logo-text,.login-logo-img{width:96px;height:96px;border-radius:24px;font-size:52px;margin-bottom:22px;box-shadow:0 16px 40px #2563eb66}.logo-ph{width:96px;height:96px;border-radius:24px;margin-bottom:22px}.login-brand h1{font-size:34px}.login-brand-sub{margin-top:14px;font-size:14px}.login-features{margin-top:28px}.login-panel{width:460px;max-width:none;margin:44px 6% 44px 0;padding:34px 30px}.portal-panel{width:520px;max-width:none;margin:44px 6% 44px 0;padding:34px 30px}.login-panel-head h2{font-size:24px}.role-select{gap:10px;margin:22px 0 20px}.role-card{padding:12px;gap:10px}.role-icon{width:42px;height:42px}.role-info b{font-size:14.5px}.portal-grid{grid-template-columns:1fr 1fr;gap:12px;margin:22px 0 8px}.portal-card{padding:16px 14px}.portal-icon{width:46px;height:46px}.portal-info b{font-size:16px}.portal-info small{white-space:normal}.portal-arrow{opacity:0}}@media (min-width: 1200px){.modal-split{max-height:96vh}.editor-split{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.editor-left .form{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;align-content:start}.editor-left .modal-actions{grid-column:1 / -1}.editor-left .grid-2{grid-template-columns:1fr;gap:14px}}@media (min-width: 1600px){.modal-split{width:calc(100vw - 32px)}}@media (max-width: 480px){.login-brand h1{font-size:22px}.login-panel-head h2{font-size:20px}.role-info small{display:none}.table{min-width:660px}.stat-row{grid-template-columns:repeat(2,1fr)}.topbar-user>span{max-width:88px}.role-tag{display:none}}@media (max-width: 360px){.container{padding:12px 8px 40px}.card{padding:12px}.stat-card b{font-size:22px}.table{min-width:600px}.login-panel,.portal-panel{padding:20px 14px}.login-brand h1{font-size:20px}.role-card{padding:8px 6px;gap:6px}.role-icon{width:30px;height:30px;border-radius:9px}.role-info b{font-size:13px}.role-check{top:5px;right:5px;width:16px;height:16px}.modal{padding:16px 12px calc(16px + var(--safe-b))}.modal-head h3{font-size:14.5px}.filterbar{grid-template-columns:1fr}.btn-login{font-size:15px}}@media (max-width: 900px){.editor-split{display:flex;flex-direction:column;overflow:hidden}.editor-left{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden}.editor-right{flex:0 0 44vh;min-height:0;order:99}}.resp-cards{display:none}@media (max-width: 768px){.card:has(.resp-list-table){overflow-x:visible}.card:has(.resp-list-table):after{display:none}.resp-list-table{display:none}.resp-cards{display:grid;grid-template-columns:1fr;gap:12px;margin-top:4px}.resp-cards .card{padding:12px;margin-bottom:0;min-width:0}.resp-cards .resp-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:8px}.resp-cards .resp-card-head .card-title{font-weight:700;color:var(--text-1);min-width:0;flex:1}.resp-cards .resp-card-row{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12.5px;padding:5px 0;color:var(--text-muted);border-bottom:1px dashed var(--row-divider)}.resp-cards .resp-card-row:last-of-type{border-bottom:none}.resp-cards .resp-card-row b,.resp-cards .resp-card-row .val{color:var(--text-2);text-align:right;font-weight:600;min-width:0}.resp-cards .resp-card-row b.amt{color:var(--text-amt)}.resp-cards .resp-card-row b,.resp-cards .resp-card-row .val,.resp-cards .card-title{word-break:break-word;overflow-wrap:anywhere}.resp-cards .resp-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px 12px;margin-top:2px}.resp-cards .resp-cell{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:12.5px}.resp-cards .resp-cell>span{color:var(--text-muted);font-size:11px}.resp-cards .resp-cell>b{color:var(--text-2);font-weight:600;word-break:break-word;overflow-wrap:anywhere}.resp-cards .resp-cell>b.amt{color:var(--text-amt)}.resp-cards .actions{margin-top:10px}}html.theme-switching,html.theme-switching *{transition:background-color .28s ease,color .28s ease,border-color .28s ease,box-shadow .28s ease!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@supports (min-height: 100dvh){.page,.loading,.login-wrap,.error-boundary{min-height:100dvh}}.wa-inbox-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 150px);min-height:480px}.wa-sidebar{display:flex;flex-direction:column;overflow:hidden;padding:12px}.wa-inbox-plat-tabs{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.wa-plat-tab{flex:1;white-space:nowrap;font-size:12.5px}.wa-plat-tab.active,.wa-report-tab.active{background:#3b82f624;color:#3b82f6;border-color:#3b82f666}.wa-sidebar-head{margin-bottom:8px;display:flex;gap:8px;align-items:center}.wa-sidebar-head .form-input{flex:1;min-width:0}.wa-sound-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px 7px}.wa-sound-toggle.active{background:#10b98124;color:#10b981;border-color:#10b98166}.wa-filter-notice{display:flex;align-items:center;gap:6px;margin-bottom:8px;padding:6px 10px;border-radius:8px;background:#60a5fa1f;color:#3b82f6;border:1px solid rgba(96,165,250,.3);font-size:12px;line-height:1.3}.wa-filter-notice .wa-icn{flex-shrink:0}.wa-ai-reply-toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px 7px;color:var(--text-3)}.wa-ai-reply-toggle.active{background:#10b98124;color:#10b981;border-color:#10b98166}.wa-cust-ai-toggle{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;color:var(--text-2)}.wa-cust-ai-toggle .wa-icn{width:16px;height:16px}.wa-cust-ai-toggle.active{background:#10b98124;color:#10b981;border-color:#10b98166}.wa-cust-ai-toggle.off{opacity:.8}.wa-cust-list{flex:1;overflow:auto;display:flex;flex-direction:column;gap:6px;scrollbar-gutter:stable}.wa-cust-list-virt{display:block}.wa-cust-item{display:flex;gap:10px;padding:10px;border-radius:10px;cursor:pointer;border:1px solid transparent;height:64px;flex-shrink:0;box-sizing:border-box;align-items:center;overflow:hidden}.wa-cust-item:hover{background:var(--chip-bg)}.wa-cust-item.active{background:#3b82f61a;border-color:var(--border-strong)}.wa-cust-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#22d3ee);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0;font-size:16px}.wa-cust-avatar.sm{width:30px;height:30px;font-size:13px}.wa-cust-avatar-img{width:40px;height:40px;border-radius:50%;object-fit:cover;flex-shrink:0}.wa-cust-avatar-img.sm{width:30px;height:30px}.wa-cust-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;overflow:hidden}.wa-cust-line1{display:flex;justify-content:space-between;align-items:center;gap:6px;min-width:0}.wa-cust-name{font-weight:600;color:var(--text-1);font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.wa-name-ellipsis{display:inline-block;max-width:min(55%,220px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom}.wa-cust-table .wa-cust-name{display:flex;align-items:center;gap:4px}.wa-cust-table .wa-name-ellipsis{flex:0 1 auto;min-width:0;max-width:none}.wa-cust-table .wa-cust-name .wa-src-tag{flex-shrink:0}.resp-cards .card-title .wa-name-ellipsis{max-width:min(90%,320px)}.wa-cust-line1-right{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;margin-left:auto}.wa-cust-datebox{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}.wa-cust-date{font-size:10.5px;color:var(--text-muted);opacity:.8}.wa-unread{background:#ef4444;color:#fff;border-radius:20px;padding:1px 8px;font-size:11px;font-weight:700;flex-shrink:0}.wa-cust-line2{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-3);margin-top:0;overflow:hidden;white-space:nowrap;min-width:0}.wa-cat-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.wa-cat-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1;min-width:0}.wa-tag-mini{background:var(--chip-bg-2);border:1px solid var(--border-strong);border-radius:10px;padding:0 6px;font-size:11px;color:var(--text-2);flex-shrink:0}.wa-cust-table .wa-tag-cell{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-remark-cell{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-cust-table{table-layout:fixed}.wa-cust-table th:first-child,.wa-cust-table td:first-child{width:40px}.wa-cust-table th:nth-child(2),.wa-cust-table td:nth-child(2){width:17%}.wa-cust-table th:nth-child(3),.wa-cust-table td:nth-child(3){width:7%}.wa-cust-table th:nth-child(4),.wa-cust-table td:nth-child(4){width:5%}.wa-cust-table th:nth-child(5),.wa-cust-table td:nth-child(5){width:17%}.wa-cust-table th:nth-child(6),.wa-cust-table td:nth-child(6){width:25%}.wa-cust-table th:nth-child(7),.wa-cust-table td:nth-child(7){width:8%}.wa-cust-table th:nth-child(8),.wa-cust-table td:nth-child(8){width:11%}.wa-cust-table th:nth-child(9),.wa-cust-table td:nth-child(9){width:4%}.wa-cust-table th:nth-child(10),.wa-cust-table td:nth-child(10){width:9%}.wa-cust-table .wa-remark-cell{max-width:none}.wa-cust-table td:nth-child(8){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-cust-table td:nth-child(2){overflow:hidden}.wa-cust-table td:nth-child(2) .wa-cust-name-cell{min-width:0}.wa-cust-table td:nth-child(2) .wa-cust-name-cell>div{min-width:0}.wa-cust-table td:nth-child(3),.wa-cust-table td:nth-child(4){white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-assignee-tag{display:inline-flex;align-items:center;background:#10b9811f;border:1px solid rgba(16,185,129,.35);color:#10b981;border-radius:10px;padding:0 7px;font-size:11px;flex-shrink:0;white-space:nowrap}.wa-device-assignee{display:inline-flex;align-items:center;gap:6px;margin-left:10px}.wa-assignee-label{font-size:12px;color:var(--text-muted)}.wa-assignee-select{width:auto;min-width:120px;padding:2px 8px;font-size:12px;height:28px}.wa-cust-time{font-size:11px;color:var(--text-muted)}.wa-chat{display:flex;flex-direction:column;overflow:hidden;padding:0}.wa-chat-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-wrap:wrap}.wa-chat-head b{font-size:16px;color:var(--text-1);margin-right:8px}.wa-chat-jid{color:var(--text-muted);font-size:12px;margin-right:8px}.wa-chat-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.wa-chat-head-btns{display:flex;gap:8px;margin-top:10px}.wa-tag-chip{display:inline-flex;align-items:center;gap:2px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);color:var(--text-info);border-radius:12px;padding:2px 8px;font-size:12px;cursor:pointer;margin-right:4px}.wa-tag-chip.wa-tag-ai,.wa-tag-mini.wa-tag-ai{border-style:dashed;cursor:default;opacity:.85;background:#10b9811a;border-color:#10b98173;color:var(--text-2)}.wa-tag-menu{display:flex;flex-wrap:wrap;gap:6px;padding:8px 16px;background:var(--chip-bg);border-bottom:1px solid var(--border)}.wa-tag-custom{display:flex;gap:6px;width:100%;align-items:center}.wa-tag-custom .wa-tag-input{flex:1;min-width:0}.wa-tag-menu-label{width:100%;font-size:11.5px;color:var(--text-muted);margin-top:2px}.wa-tag-count{opacity:.7;font-size:10.5px}.wa-msgs{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:8px;background:var(--track-bg)}.wa-msgs.detail{max-height:560px;flex:none}.wa-msg{display:flex}.wa-msg.in{justify-content:flex-start}.wa-msg.out{justify-content:flex-end}.wa-msg-bubble{max-width:72%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.55;color:var(--text-1);word-break:break-word;white-space:pre-wrap}.wa-msg.in .wa-msg-bubble{background:var(--chip-bg);border:1px solid var(--border);border-bottom-left-radius:4px}.wa-msg.out .wa-msg-bubble{background:linear-gradient(135deg,#2563eb,#0f3460);color:#fff;border-bottom-right-radius:4px}.wa-msg-time{font-size:11px;opacity:.65;margin-top:4px;color:inherit}.wa-msg-foot{display:flex;align-items:center;gap:6px;margin-top:4px}.wa-msg-foot .wa-msg-time{margin-top:0}.wa-msg-ai-tag{font-size:10px;line-height:1;padding:3px 6px;border-radius:8px;flex-shrink:0;background:#ffffff38;border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:700;letter-spacing:.5px}.wa-reply{display:flex;gap:8px;padding:10px 14px;border-top:1px solid var(--border);align-items:center}.wa-reply-wrap{position:relative}.wa-reply-drawer{position:absolute;left:10px;bottom:calc(100% + 8px);width:252px;z-index:30;background:var(--modal-bg);border:1px solid var(--border-strong);border-radius:12px;padding:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;box-shadow:0 8px 24px #00000047}.wa-drawer-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:12px 4px;border:1px solid transparent;border-radius:10px;background:transparent;color:var(--text-2);font-size:13px;cursor:pointer}.wa-drawer-item:hover:not(:disabled){background:var(--chip-bg);color:var(--text-1)}.wa-drawer-item:disabled{opacity:.4;cursor:not-allowed}.wa-drawer-sel{grid-column:1 / -1;display:flex;flex-direction:column;gap:5px;padding:8px 2px 2px;border-top:1px solid var(--border);margin-top:3px}.wa-drawer-sel span{font-size:12px}.wa-drawer-sel select{width:100%;height:34px;font-size:12.5px;padding:0 8px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-plus-btn{min-width:36px;font-size:18px;flex-shrink:0;color:var(--text-2)}.wa-plus-btn.active{color:var(--accent);border-color:var(--accent)}.wa-reply .form-input{flex:1;min-width:0}.wa-reply .btn{height:34px;padding:0 12px}.wa-translate-toggle.active{background:#10b98126;border-color:#10b98173;color:#10b981}.wa-reply-lang{width:96px;flex-shrink:0;height:34px;font-size:12.5px;padding:0 6px;border-radius:8px}.wa-reply .wa-convert-btn{flex-shrink:0;height:34px}.wa-reply .wa-icn-btn{width:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-2)}.wa-reply .wa-icn-btn:hover{color:var(--accent);border-color:var(--accent)}.wa-icn{width:18px;height:18px;flex-shrink:0}.wa-reply .wa-convert-btn.rec{color:#fff;background:#ef4444d9;border-color:#ef444499;animation:wa-rec-pulse 1.2s ease-in-out infinite}.wa-reply .wa-convert-btn.rec .wa-icn{color:#fff}.wa-spin{width:16px;height:16px;border:2px solid rgba(128,128,128,.28);border-top-color:currentColor;border-radius:50%;animation:wa-rotate .8s linear infinite;flex-shrink:0}@keyframes wa-rotate{to{transform:rotate(360deg)}}@keyframes wa-rec-pulse{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}.wa-reply .wa-ai-suggest-btn{color:var(--accent);border-style:dashed;white-space:nowrap;width:auto;min-width:0;flex-shrink:0;padding:0 10px}.wa-msg-translated{font-size:13.5px;line-height:1.5}.wa-prod-picker{display:flex;flex-direction:column;gap:4px;max-height:40vh;overflow-y:auto;border:1px solid var(--border);border-radius:var(--r-sm);padding:6px}.wa-prod-item{display:flex;align-items:center;gap:8px;padding:7px 8px;border-radius:6px;cursor:pointer;font-size:13px}.wa-prod-item:hover{background:var(--chip-bg)}.wa-prod-item input{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.wa-msg-original{font-size:11.5px;opacity:.75;margin-top:4px;border-top:1px dashed rgba(255,255,255,.3);padding-top:4px;word-break:break-word;white-space:pre-wrap}.wa-msg.in .wa-msg-original{border-top-color:var(--border-strong)}.wa-msg.out .wa-msg-original{border-top-color:#ffffff59}.wa-media-img{max-width:240px;max-height:320px;border-radius:8px;display:block;cursor:zoom-in;margin-bottom:4px}.wa-media-video{max-width:260px;max-height:320px;border-radius:8px;display:block;margin-bottom:4px}.wa-media-audio{max-width:260px;display:block;margin-bottom:4px}.wa-msg-transcript{margin-top:6px;padding-top:5px;border-top:1px dashed rgba(255,255,255,.25);min-width:0}.wa-msg.in .wa-msg-transcript{border-top-color:var(--border-strong)}.wa-msg.out .wa-msg-transcript{border-top-color:#ffffff59}.wa-media-doc{display:inline-block;font-size:12.5px;color:#2563eb;text-decoration:underline;margin-bottom:2px;word-break:break-all}.wa-msg.out .wa-media-doc{color:#fff}.wa-media-fallback{font-size:12.5px;opacity:.8}.wa-media-send{display:flex;align-items:center;gap:12px;padding:10px 16px;border-top:1px solid var(--border);background:var(--chip-bg);flex-wrap:wrap}.wa-media-send-preview{max-width:140px;max-height:120px;border-radius:8px;display:block}.wa-media-send-file{min-width:140px}.wa-media-send-name{font-size:13px;font-weight:600;color:var(--text-1);word-break:break-all}.wa-media-send-size{font-size:12px;color:var(--text-muted);margin-top:2px}.wa-media-send-meta{flex:1;display:flex;gap:8px;min-width:240px}.wa-media-send-meta .form-input{flex:1}.wa-chat-empty{flex:1;display:flex;align-items:center;justify-content:center}.wa-stats-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px}.wa-stat-item{background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:10px 16px;display:flex;flex-direction:column;min-width:90px}.wa-stat-item b{font-size:20px;color:var(--text-1)}.wa-stat-item span{font-size:12px;color:var(--text-muted)}.wa-bulk-bar{display:flex;gap:8px;align-items:center;padding:10px;margin-bottom:10px;background:#3b82f614;border:1px solid rgba(59,130,246,.25);border-radius:var(--r-sm);flex-wrap:wrap}.wa-bulk-tag{width:140px}.wa-cust-name-cell{display:flex;align-items:center;gap:8px}.wa-country-tag{display:inline-block;margin-left:6px;font-size:10.5px;padding:0 6px;line-height:15px;border-radius:8px;background:#10b98124;color:#10b981;vertical-align:1px}.wa-nick-mini{margin-left:6px;color:var(--text-muted)}.wa-profile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px 16px}.wa-profile-item{display:flex;flex-direction:column;gap:2px;min-width:0}.wa-profile-label{font-size:11px;color:var(--text-muted)}.wa-profile-item b{color:var(--text);font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-endtype-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;border-radius:20px;padding:2px 10px;white-space:nowrap}.wa-endtype-badge.c{background:#3b82f61f;color:#3b82f6;border:1px solid rgba(59,130,246,.45)}.wa-endtype-badge.b{background:#10b9811f;color:#10b981;border:1px solid rgba(16,185,129,.45)}.wa-manager-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;flex-wrap:wrap}.wa-manager-tabs{display:flex;gap:6px;padding:4px;background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);width:fit-content;flex-wrap:wrap}.wa-manager-back{flex-shrink:0}.wa-detail-preset{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.wa-preset-tag{padding:3px 10px;border-radius:20px;font-size:12px;cursor:pointer;color:var(--text-2);background:var(--chip-bg);border:1px solid var(--border-strong);transition:all .15s;-webkit-user-select:none;user-select:none}.wa-preset-tag:hover{border-color:var(--accent);color:var(--accent)}.wa-preset-tag.has{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}.wa-cust-detail-drawer{max-width:520px}.wa-cust-detail-body{display:flex;flex-direction:column;gap:14px;padding:16px 18px}.wa-cust-detail-body .form-input{min-height:34px;font-size:13px}.wa-cust-detail-body .form-label{font-size:12px}.wa-cust-detail-body .wa-profile-item b{font-size:13px;white-space:normal;word-break:break-word}.wa-voice-modal{display:flex;flex-direction:column;gap:10px;padding:6px 0}.wa-voice-textarea{width:100%;min-height:96px;resize:vertical;padding:8px 10px;font-size:13.5px;line-height:1.6;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--chip-bg);color:var(--text-1);box-sizing:border-box;font-family:inherit}.wa-voice-textarea:focus{outline:none;border-color:var(--accent)}.wa-voice-lang-row{display:flex;align-items:center;gap:8px}.wa-voice-lang-row .form-select{width:auto}.wa-doc-list{display:flex;flex-direction:column;gap:6px}.wa-doc-item{display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--border);background:var(--chip-bg);border-radius:var(--r-sm);padding:6px 10px}.wa-doc-info{display:flex;flex-direction:column;min-width:0}.wa-doc-info b{font-size:13px;color:var(--text-1);word-break:break-all}.wa-doc-meta{font-size:11.5px;color:var(--text-muted)}.wa-kb-add{display:flex;flex-direction:column;gap:6px;margin-top:8px;padding:10px;border:1px dashed var(--border-strong);border-radius:var(--r-sm)}.wa-kb-search{margin-top:10px;padding-top:10px;border-top:1px dashed var(--border)}.wa-kb-results{display:flex;flex-direction:column;gap:6px;margin-top:8px}.wa-agent-result{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--border);background:var(--chip-bg);border-radius:var(--r-sm)}.wa-agent-section{display:flex;flex-direction:column;gap:6px}.wa-agent-section>b{font-size:12px;color:var(--text-3)}.wa-agent-result b{font-size:12px;color:var(--accent)}.wa-agent-line{font-size:12px;color:var(--text-2);white-space:pre-wrap;word-break:break-word}.wa-ai-suggest{padding:0 12px 8px}.call-bar{position:sticky;top:0;z-index:45;display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--topbar-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);box-shadow:inset 0 1px 0 var(--input-bg)}.call-bar[data-phase=ringing]{border-top:2px solid var(--accent)}.call-bar-main{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.call-status{font-weight:700;color:var(--accent);font-size:13px}.call-peer{font-size:14px;font-weight:600;color:var(--text-1)}.call-video-tag{font-size:11px;color:var(--text-3);border:1px solid var(--border-strong);border-radius:20px;padding:2px 8px}.call-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.call-actions .btn{min-height:36px}.ptt-btn{flex:1;min-width:140px;font-weight:700;background:var(--accent);color:#fff;border-radius:var(--r-md)}.ptt-btn:active{background:var(--danger, #dc2626)}.call-stt{display:flex;flex-direction:column;gap:4px;max-height:160px;overflow-y:auto;padding:4px 0}.call-stt-line{display:flex;gap:10px;align-items:baseline}.call-stt-orig{font-size:13px;color:var(--text-1);word-break:break-word}.call-stt-trans{font-size:13px;color:var(--accent);font-weight:600;word-break:break-word}.wa-ai-suggest-card{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border:1px solid var(--accent);background:var(--chip-bg);border-radius:var(--r-sm)}.wa-ai-suggest-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wa-ai-suggest-body{font-size:13px;color:var(--text-1);white-space:pre-wrap;word-break:break-word;padding:4px 6px;background:var(--bg);border-radius:var(--r-sm)}.wa-rec-products{display:flex;flex-direction:column;gap:6px}.wa-rec-product{padding:6px 8px;border:1px solid var(--border);background:var(--bg);border-radius:var(--r-sm)}.wa-rec-product-name{font-size:13px;font-weight:600;color:var(--text-1)}.wa-rec-product-meta{display:flex;flex-wrap:wrap;gap:8px;margin-top:2px;font-size:11px;color:var(--text-2)}.wa-trend-table{margin-top:8px;overflow-x:auto}.wa-trend-table table{width:100%;border-collapse:collapse;font-size:12.5px}.wa-trend-table th,.wa-trend-table td{padding:7px 10px;border-bottom:1px solid var(--row-divider);text-align:right;white-space:nowrap}.wa-trend-table th{color:var(--text-3);font-weight:600;background:var(--chip-bg)}.wa-trend-table td:first-child,.wa-trend-table th:first-child{text-align:left}.wa-trend-table td.amt{color:var(--text-amt);font-weight:600}.wa-cust-stats{display:flex;flex-direction:column;gap:6px;margin-top:8px}.wa-kb-result-msg{padding:6px 10px;margin-bottom:8px;font-size:12px;color:var(--accent);background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm)}.wa-preview-mask{z-index:70;align-items:center}.page:has(.wa-list-container){height:100vh;min-height:0;overflow:hidden}.wa-list-container{display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 0 0;max-width:1720px}.card.wa-fixed-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;margin-bottom:0}.wa-settings-scroll .card{margin-bottom:0}.card.wa-fixed-list .items-table,.card.wa-fixed-list .wa-cust-scroll{flex:1;min-height:0;overflow:auto}.card.wa-fixed-list .items-table thead th,.card.wa-fixed-list .wa-cust-scroll thead th{position:sticky;top:0;z-index:1}.card.wa-fixed-list .card-head{margin-bottom:8px}.card.wa-fixed-list .wa-stats-row{margin-bottom:8px;gap:8px}.card.wa-fixed-list .wa-stat-item{padding:6px 12px;min-width:68px}.card.wa-fixed-list .wa-stat-item b{font-size:16px}.card.wa-fixed-list .filterbar{margin-bottom:8px;padding:8px 10px}.card.wa-fixed-list .filterbar input{min-height:32px;font-size:13px}.card.wa-fixed-list .wa-bulk-bar{margin-bottom:8px;padding:6px 10px}.card.wa-fixed-list .table th,.card.wa-fixed-list .table td{padding:7px 8px}.card.wa-fixed-list .pager{margin-top:6px}table.trade-wa-table{table-layout:fixed;min-width:1120px}table.trade-wa-table th,table.trade-wa-table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.trade-wa-table th:nth-child(1){width:44px}table.trade-wa-table th:nth-child(2){width:120px}table.trade-wa-table th:nth-child(3){width:90px}table.trade-wa-table th:nth-child(4){width:90px}table.trade-wa-table th:nth-child(5){width:150px}table.trade-wa-table th:nth-child(6){width:80px}table.trade-wa-table th:nth-child(7){width:100px}table.trade-wa-table th:nth-child(8){width:auto;min-width:110px}table.trade-wa-table th:nth-child(9){width:130px}table.trade-wa-table th:nth-child(10){width:90px}table.trade-wa-table th:nth-child(11){width:130px}table.trade-wa-table td.note-cell{min-width:0}.btn.wa-btn-pushed{background:linear-gradient(135deg,#10b981,#059669);border:none;color:#fff;font-weight:600;box-shadow:0 4px 12px #10b9814d}.btn.wa-btn-pushed:hover:not(:disabled),.btn.wa-btn-pushed:active:not(:disabled),.btn.wa-btn-pushed:focus-visible{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.wa-settings-scroll{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;gap:12px}.wa-agent-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:stretch}.wa-agent-row>.card{display:flex;flex-direction:column;min-width:0}.wa-agent-sec+.wa-agent-sec{border-top:1px solid var(--border);margin-top:14px;padding-top:14px}.wa-agent-sec-title{display:flex;align-items:baseline;gap:8px;font-size:13.5px;font-weight:600;color:var(--text-1);margin-bottom:10px}.wa-identity-card .wa-identity-body{display:flex;flex-direction:column;gap:12px;flex:1;min-height:0}.wa-identity-prompt{display:flex;flex-direction:column;flex:1;min-height:0}.wa-identity-prompt textarea{flex:1;min-height:120px;resize:vertical}.wa-identity-footer{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.wa-acc{display:flex;flex-direction:column}.wa-acc-head{cursor:pointer;-webkit-user-select:none;user-select:none;margin-bottom:8px}.wa-acc-chev{display:inline-block;margin-left:6px;font-size:12px;color:var(--text-muted);transition:transform .2s}.wa-acc-chev.open{transform:rotate(180deg)}.wa-stats-row-search{align-items:center;gap:10px}.wa-stats-row-search .wa-stats-search{margin-left:auto;width:320px;min-height:34px;font-size:13px;flex-shrink:0}@media (max-width: 760px){.wa-stats-row-search{justify-content:flex-start}.wa-stats-row-search .wa-stats-search{width:100%;margin-left:0}}.wa-filterbar-right{justify-content:flex-end;display:flex}.wa-filterbar-right .filter-actions{display:flex;gap:8px}.wa-filterbar-right .filter-actions .form-input{width:300px;min-height:34px;font-size:13px}@media (max-width: 760px){.wa-filterbar-right .filter-actions .form-input{width:100%}}.wa-cust-filterbar{grid-template-columns:minmax(120px,1.4fr) minmax(120px,1.2fr) minmax(130px,1.4fr) 110px auto;align-items:center}.card.wa-fixed-list .wa-cust-filterbar input,.card.wa-fixed-list .wa-cust-filterbar select{min-height:34px;font-size:13px}.wa-cust-filterbar .btn{white-space:nowrap}@media (max-width: 900px){.wa-cust-filterbar{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.wa-cust-filterbar{grid-template-columns:1fr 1fr}}.wa-manager-tab{border:none;background:transparent;color:var(--text-2);padding:7px 18px;border-radius:8px;font-size:13.5px;cursor:pointer;transition:all .15s}.wa-manager-tab:hover{color:var(--text)}.wa-manager-tab.active{background:var(--accent);color:#fff;font-weight:600}.wa-manager-body{display:flex;flex-direction:column;flex:1;min-height:0}.wa-manager-page{display:flex;flex-direction:column;flex:1 1 0;min-height:0}.wa-manager-page[hidden]{display:none}.wa-embedded{display:flex;flex-direction:column;flex:1;min-height:0}.wa-embedded .wa-inbox-layout{height:calc(100vh - 215px)}.wa-device-net{display:flex;align-items:center;gap:6px;flex:1 1 100%;flex-wrap:wrap;padding:8px 0 0;margin-top:6px;border-top:1px dashed var(--border)}.wa-device-net .form-input{flex:1;min-width:220px;height:30px;font-size:12.5px}.wa-device-net .wa-assignee-label{flex-shrink:0}.wa-src-tag{font-size:10.5px;padding:1px 6px;border-radius:8px;margin-left:4px;background:#8b5cf624;color:#8b5cf6}.wa-plat-tag{display:inline-flex;align-items:center;justify-content:center;padding:2px 3px;line-height:0}.wa-src-tag.ai{background:#10b98124;color:#10b981}.wa-src-tag.rule{background:#3b82f624;color:#3b82f6}.wa-src-tag.warn{background:#ef444429;color:#ef4444;border:1px solid rgba(239,68,68,.4);font-weight:600}.wa-src-tag.ch-sb{background:#f9731629;color:#ea580c;border:1px solid rgba(249,115,22,.35)}.wa-src-tag.ch-{background:#8b5cf624;color:#8b5cf6}.wa-device-list{display:flex;flex-direction:column;gap:8px}.wa-device-item{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--r-sm);flex-wrap:wrap}.wa-device-name{cursor:pointer;border-bottom:1px dashed transparent;transition:border-color .15s}.wa-device-name:hover{border-bottom-color:var(--accent);color:var(--accent)}.wa-device-name-input{width:200px;height:30px;font-size:13.5px;font-weight:600}.wa-device-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wa-device-info{flex:1;min-width:0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.wa-status-label{font-size:12px;color:var(--text-2);border:1px solid var(--border-strong);border-radius:10px;padding:1px 8px}.wa-create-device{display:flex;gap:8px;margin-bottom:12px;padding:12px;background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);flex-wrap:wrap}.wa-create-device .form-input{flex:1;min-width:160px}.wa-create-device .form-select{flex:1.4;min-width:200px}.wa-pair-body{display:flex;flex-direction:column;gap:12px}.wa-pair-qr{display:flex;flex-direction:column;align-items:center;gap:12px;padding:8px 0}.wa-pair-img{width:240px;height:240px;image-rendering:pixelated;border:8px solid #fff;border-radius:10px;background:#fff}.wa-pair-loading{width:240px;height:240px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border:1px dashed var(--border-strong);border-radius:10px}.wa-pair-ok{color:var(--text-success);font-weight:600;padding:24px 8px;text-align:center}.wa-pair-err{color:var(--text-danger);text-align:center;padding:16px 8px;display:flex;flex-direction:column;gap:12px;align-items:center}.wa-pair-code{background:var(--chip-bg);border:1px solid var(--border);border-radius:var(--r-sm);padding:14px}.wa-pair-code code{display:block;font-size:18px;letter-spacing:2px;margin:8px 0;color:var(--text-info-2)}.wa-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wa-detail-block{margin-top:16px;border-top:1px dashed var(--border);padding-top:14px;display:flex;flex-direction:column;gap:8px}.wa-detail-block b{color:var(--text-3);font-size:13px}.wa-detail-block .wa-detail-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.wa-tag-input{width:130px}.wa-guard-toggle{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-2);border:1px solid var(--border);background:var(--chip-bg);border-radius:var(--r-sm);padding:10px 12px;cursor:pointer}.wa-guard-toggle input{width:16px;height:16px;accent-color:var(--primary);flex-shrink:0}.wa-device-checks{display:flex;flex-wrap:wrap;gap:8px}.wa-device-checks .wa-guard-toggle{padding:6px 10px}.wa-proxy-body{display:flex;flex-direction:column;gap:10px}.wa-proxy-row{display:flex;gap:8px;flex-wrap:wrap}.wa-tunnel-dot{width:10px;height:10px;border-radius:50%;display:inline-block;background:#94a3b8}.wa-tunnel-dot.on{background:#10b981;box-shadow:0 0 6px #10b98180}.wa-tunnel-form{display:flex;flex-direction:column;gap:12px}.wa-tunnel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.wa-tunnel-opts{display:flex;gap:16px;flex-wrap:wrap}.wa-tunnel-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.wa-tunnel-log{background:#0d1117;color:#c9d1d9;border-radius:var(--r-sm);padding:10px;max-height:240px;overflow:auto;font-family:monospace;font-size:12px;margin-top:8px}.wa-tunnel-log b{display:block;margin-bottom:6px;color:#8b949e}.wa-tunnel-log-line{line-height:1.5;white-space:pre-wrap;word-break:break-all}@media (max-width: 640px){.wa-tunnel-grid{grid-template-columns:1fr}}@media (max-width: 1080px){.wa-inbox-layout{grid-template-columns:280px 1fr}}@media (max-width: 760px){.wa-mobile-top{display:none}.wa-inbox{display:flex;flex-direction:column;flex:1;min-height:0;padding:8px 0 0}.wa-inbox-layout{grid-template-columns:1fr;height:calc(100dvh - 84px);min-height:0}.wa-embedded .wa-inbox-layout{flex:1;min-height:0;height:auto}.wa-manager-container{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding-bottom:4px}.page:has(.wa-manager-container),.page:has(.wa-inbox){height:100dvh;min-height:0;overflow:hidden}.wa-sidebar{max-height:none;min-height:0}.wa-inbox-layout.mobile-list .wa-chat,.wa-inbox-layout.mobile-chat .wa-sidebar{display:none}.wa-back-btn{margin-right:6px;vertical-align:middle;flex-shrink:0}.wa-chat-head{flex-wrap:wrap;padding:10px 12px}.wa-chat-head b{font-size:15px}.wa-chat-head-btns{flex-wrap:wrap;margin-top:8px}.wa-reply{padding:8px 10px;gap:6px}.wa-reply .btn{height:32px;padding:0 8px}.wa-reply-lang{width:84px;height:32px;font-size:12px}.wa-reply .wa-convert-btn{height:32px}.wa-media-send{padding:6px 10px;gap:8px}.wa-media-send-meta{min-width:0;flex-wrap:wrap}.wa-detail-grid,.wa-agent-row{grid-template-columns:1fr}.wa-manager-head{margin-bottom:8px;gap:8px}.wa-fixed-list .items-table{border:none;background:transparent}.page:has(.wa-list-container){height:100dvh}}@media (min-width: 761px){.wa-inbox{display:flex;flex-direction:column;flex:1;min-height:0;max-width:1720px;padding:8px 0 0}.page:has(.wa-manager-container),.page:has(.wa-inbox){height:100vh;min-height:0;overflow:hidden}.wa-manager-container{display:flex;flex-direction:column;min-height:0;overflow:hidden;max-width:1720px;padding:14px 20px 8px}.wa-embedded .wa-inbox-layout{flex:1;min-height:360px;height:auto}}@media (max-width: 480px){.wa-cust-item{height:60px;padding:8px;gap:8px}.wa-cust-avatar{width:36px;height:36px;font-size:14px}.wa-cust-name{font-size:13px}.wa-cust-line2{font-size:11px}}.panel-perm-editor{display:flex;flex-direction:column;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--chip-bg);max-height:320px;overflow:auto}.panel-perm-group{display:flex;flex-direction:column;gap:6px;padding-bottom:8px;border-bottom:1px dashed var(--border)}.panel-perm-group:last-child{border-bottom:none;padding-bottom:0}.panel-perm-main{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--text-1);cursor:pointer}.panel-perm-main input{width:16px;height:16px;accent-color:var(--primary)}.panel-perm-subs{display:flex;flex-wrap:wrap;gap:8px 14px;padding-left:24px}.panel-perm-sub{display:flex;align-items:center;gap:5px;font-size:12.5px;color:var(--text-2);cursor:pointer}.panel-perm-sub input{width:15px;height:15px;accent-color:var(--primary)}.form .form-group{display:flex;flex-direction:column;gap:6px}.form .form-group>label{color:var(--text-2);font-weight:600}.wa-mail-container{display:flex;flex-direction:column;flex:1;min-height:0;max-width:1720px;width:100%;padding:8px 0 0}.wa-mail-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 14px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--chip-bg);font-size:13px;color:var(--text-1)}.wa-mail-layout{display:grid;grid-template-columns:320px 1fr;gap:14px;height:calc(100vh - 150px);min-height:480px}.wa-embedded .wa-mail-layout{height:auto;flex:1 1 auto;min-height:360px;width:100%}.wa-mail-side{display:flex;flex-direction:column;overflow:hidden;padding:12px;min-width:0}.wa-mail-side-head{margin-bottom:8px}.wa-mail-main{min-width:0;min-height:0;display:flex;flex-direction:column}.wa-mail-side-tip{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12.5px;color:var(--text-3);background:var(--chip-bg);padding:6px 8px;border-radius:8px;margin:0 0 8px}.wa-mail-unmatched{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:8px;padding:7px 12px;border:1px solid var(--border);border-radius:10px;background:transparent;cursor:pointer;font-size:13px;color:var(--text-1);text-align:left}.wa-mail-unmatched:hover{background:var(--chip-bg)}.wa-mail-unmatched.active{background:#3b82f624;color:#3b82f6;border-color:#3b82f666}.wa-mail-cust-list{flex:1;min-height:0}.wa-mail-cust-email{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:55%;flex-shrink:1;min-width:0}.wa-mail-cust-time{flex-shrink:0;margin-left:auto;font-size:12px}.wa-mail-pane{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}.wa-mail-pane-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border)}.wa-mail-pane-head h4{display:flex;align-items:center;gap:8px;min-width:0;margin:0}.wa-mail-pane-title{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.wa-mail-pane-body{flex:1;overflow-y:auto;padding:10px 14px}.wa-mail-empty{align-items:center;justify-content:center;text-align:center;gap:8px}@media (max-width: 1340px){.wa-mail-layout{grid-template-columns:280px 1fr}}.wa-mail-card{border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:8px;background:var(--bg-card);cursor:pointer}.wa-mail-card.unread{border-left:3px solid var(--primary)}.wa-mail-card.expanded{border-color:var(--primary)}.wa-mail-card-head{display:flex;align-items:center;gap:8px;padding:9px 12px;font-size:13px;flex-wrap:wrap}.wa-mail-dir{flex-shrink:0;font-size:11px;font-weight:700;padding:1px 6px;border-radius:4px;background:var(--chip-bg)}.wa-mail-dir.in{color:var(--primary)}.wa-mail-dir.out{color:var(--success)}.wa-mail-card-from{color:var(--text-1);max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-mail-card-subject{flex:1;min-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-1)}.wa-mail-card-time{flex-shrink:0;font-size:11.5px}.wa-mail-paperclip{font-size:12px}.wa-mail-card-body{border-top:1px dashed var(--border);padding:12px;font-size:13.5px;line-height:1.7;color:var(--text-1)}.wa-mail-html{word-break:break-word;overflow-wrap:anywhere}.wa-mail-html img{max-width:100%}.wa-mail-compose{padding:12px 14px;display:flex;flex-direction:column;gap:10px;overflow-y:auto;flex:1}.wa-mail-compose-body{min-height:200px;resize:vertical;font-family:inherit}.wa-mail-attach-list{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:6px}.wa-mail-attach-list li,.wa-mail-attach-item{display:flex;align-items:center;gap:10px;font-size:12.5px}.wa-mail-attach-item a{color:var(--primary);text-decoration:none}.wa-mail-attach-item a:hover{text-decoration:underline}.wa-mail-topbar-actions{position:fixed;top:64px;right:16px;z-index:5}.drawer.wa-mail-settings{width:520px;max-width:94vw}.mail-cfg-form{display:flex;flex-direction:column;gap:10px}.mail-cfg-sec{margin:8px 0 0;padding-bottom:4px;border-bottom:1px solid var(--border);color:var(--text-2);font-size:13px}.form-row{display:flex;gap:10px}.form-row .grow{flex:1}.form-row .w80{width:90px}.form-row .w110{width:120px}.mail-test-result{padding:10px 12px;border-radius:var(--r-sm);font-size:12.5px;display:flex;flex-direction:column;gap:4px}.mail-test-result.ok{background:var(--success-soft, #e6f6ee);color:var(--success)}.mail-test-result.fail{background:var(--danger-soft, #fdeeee);color:var(--danger)}.hint{font-size:12px;margin-top:4px}.btn-danger-ghost{color:var(--danger);background:transparent;border-color:var(--danger)}.btn-danger-ghost:hover{background:var(--danger-soft, #fdeeee)}.wa-mail-assignee{flex-shrink:0;font-size:11px;padding:0 6px;border-radius:4px;background:var(--chip-bg);color:var(--text-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:90px}.wa-admin-assign{width:560px;max-width:96vw}.wa-admin-assign-list{display:flex;flex-direction:column;gap:8px}.wa-admin-assign-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-card)}.wa-admin-assign-row .grow{flex:1;min-width:0}.wa-admin-assign-subj{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px;border-bottom:1px dashed var(--border)}@media (max-width: 760px){.wa-mail-layout{grid-template-columns:1fr;height:calc(100dvh - 84px);min-height:0}.wa-embedded .wa-mail-layout{height:auto;min-height:0}.wa-mail-layout.mobile-list .wa-mail-main,.wa-mail-layout.mobile-chat .wa-mail-side{display:none}.wa-mail-side{min-width:0}.wa-mail-topbar-actions{position:static;margin-top:8px}}