:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eef1f3;--panel:#fff;--panel-muted:#f7f8f9;--panel-strong:#18211f;--text:#17201d;--text-soft:#48534f;--muted:#75807b;--line:#d9dfdc;--line-strong:#c3cbc7;--accent:#147a53;--accent-soft:#e5f4ed;--blue:#2867b2;--blue-soft:#e7f0fb;--purple:#8b4db8;--purple-soft:#f2eafb;--red:#b7372f;--red-soft:#fbe8e6;--amber:#9b650f;--amber-soft:#fff3d8;--xhs:#d82f3a;--shadow:0 10px 24px #11181c14;--focus:0 0 0 3px #147a5338}*{box-sizing:border-box}html{background:var(--bg)}body{background:var(--bg);color:var(--text);margin:0;font-family:Noto Sans TC,Noto Sans CJK TC,PingFang TC,Microsoft JhengHei,Arial,Helvetica,sans-serif;font-size:13px}::selection{color:var(--text);background:#bde8d4}button,textarea,input,select{font:inherit}button,select,textarea,a{outline:none}button:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{box-shadow:var(--focus)}button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;justify-content:center;align-items:center;min-height:32px;padding:0 12px;font-weight:650;display:inline-flex}button:hover:not(:disabled){filter:brightness(.96)}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}.workspace-shell{grid-template-columns:280px minmax(520px,1fr) 300px;min-height:100vh;display:grid}.conversation-list,.customer-sidebar,.conversation-workspace{min-width:0}.conversation-list,.customer-sidebar{background:var(--panel);border-color:var(--line);border-style:solid}.conversation-list{border-width:0 1px 0 0;grid-template-rows:auto auto auto 1fr;max-height:100vh;padding:14px 12px;display:grid;overflow:hidden}.panel-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.panel-heading__actions{align-items:center;gap:8px;display:flex}.panel-heading h1,.customer-sidebar h2,.customer-sidebar h3,.conversation-header h2{margin:0}.panel-heading h1{font-size:18px;line-height:1.2}.panel-heading p,.conversation-header p,.conversation-header span,.customer-sidebar p{color:var(--muted);margin:4px 0 0}.count-pill,.conversation-row__meta span,.tag-row span,.channel-badge,.section-title span,.timeline-date{border-radius:999px;padding:5px 7px;font-size:12px;line-height:1}.count-pill{background:var(--accent-soft);color:var(--accent)}.queue-list{border-bottom:1px solid var(--line);gap:4px;margin:12px -4px 0;padding:0 0 12px;display:grid}.queue-item{color:var(--text-soft);text-align:left;background:0 0;justify-content:space-between;min-height:30px;padding:0 8px;font-weight:600;display:flex}.queue-item strong{color:var(--muted);font-size:12px}.queue-item--active{background:var(--panel-strong);color:#fff}.queue-item--active strong{color:#d8e3df}.filter-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:12px 0;display:grid}.filter-chip,.button-secondary,.icon-button,.text-button{color:var(--text);background:#edf0ef}.text-button{border-radius:6px;align-items:center;min-height:30px;padding:0 10px;font-size:13px;font-weight:650;display:inline-flex}.filter-chip{min-height:30px;font-size:13px}.filter-chip--active{background:var(--accent-soft);color:var(--accent)}.conversation-list__items{gap:8px;padding-right:2px;display:grid;overflow:auto}.conversation-row{background:var(--panel-muted);border:1px solid #0000;border-radius:8px;gap:6px;padding:10px;display:grid}.conversation-row:hover{border-color:var(--line-strong)}.conversation-row--active{border-color:var(--accent);box-shadow:var(--shadow);background:#fff}.conversation-row__topline,.conversation-row__topline>div,.conversation-row__meta,.message__meta,.composer__footer,.composer__footer>div,.composer-tools,.conversation-header,.conversation-header__meta,.mode-banner__actions,.section-title,.ai-actions,.customer-card{align-items:center;gap:8px;display:flex}.conversation-row__topline,.composer__footer,.conversation-header,.section-title{justify-content:space-between}.conversation-row strong{font-size:13px}.conversation-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.conversation-row p{color:var(--text-soft);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.45;display:-webkit-box;overflow:hidden}.conversation-row time,.message time,.attachment-list small{color:var(--muted);white-space:nowrap;font-size:12px}.conversation-row__meta{flex-wrap:wrap}.conversation-row__meta span{color:var(--text-soft);background:#edf0ef}.conversation-row__meta .sla-chip{background:var(--amber-soft);color:var(--amber)}.conversation-row__meta b{background:var(--red);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;font-size:12px;display:inline-flex}.channel-badge{font-weight:700}.channel-badge--line{background:var(--accent-soft);color:var(--accent)}.channel-badge--ig{background:var(--purple-soft);color:var(--purple)}.channel-badge--fb{background:var(--blue-soft);color:var(--blue)}.channel-badge--xhs{background:var(--red-soft);color:var(--xhs)}.conversation-workspace{background:#f4f6f5;grid-template-rows:auto auto 1fr auto;max-height:100vh;display:grid}.preview-banner{color:#eef8f3;background:#17201d;justify-content:space-between;align-items:center;gap:12px;padding:8px 16px;display:flex}.preview-banner strong,.preview-banner span{display:block}.preview-banner strong{white-space:nowrap}.preview-banner span{color:#c7d6d0;font-size:13px}.empty-state{text-align:center;align-content:center;justify-items:center;gap:8px;padding:24px;display:grid}.empty-state h2,.empty-state p{margin:0}.empty-state p{color:var(--muted)}.empty-state--warning{background:var(--amber-soft);border:1px solid #ecc375;border-radius:8px;margin:24px}.empty-state--warning h2{color:var(--amber)}.empty-state--warning p{color:#6b4a18}.conversation-header{background:var(--panel);border-bottom:1px solid var(--line);padding:10px 14px}.conversation-header p{text-transform:uppercase;margin:0 0 3px;font-size:12px;font-weight:700}.conversation-header h2{font-size:17px}.conversation-header span{font-size:13px;display:block}.conversation-header__meta label{color:var(--muted);gap:4px;font-size:12px;display:grid}.conversation-header__meta span{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:5px 9px}.assignment-control{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:flex}.conversation-header select,.composer select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:6px;min-height:32px;padding:0 9px}.mode-banner__actions{flex-wrap:wrap;justify-content:flex-end}.action-status{color:var(--muted);font-size:12px}.composer-status{color:var(--muted);margin:0;font-size:12px}.timeline{flex-direction:column;gap:10px;padding:16px 18px;display:flex;overflow:auto}.timeline-date{color:var(--muted);background:#e8ecea;align-self:center}.message{max-width:min(680px,86%)}.message--outbound{align-self:flex-end}.message--internal{align-self:center;max-width:min(720px,92%)}.message__meta{color:var(--muted);margin:0 0 5px;font-size:12px}.message__meta span{color:var(--text-soft)}.message__body{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:11px 13px;box-shadow:0 5px 14px #11181c0d}.message--outbound .message__body{background:var(--accent-soft);border-color:#c2e3d2}.message--internal .message__body{background:var(--blue-soft);border-style:dashed}.message__body p{margin:0;line-height:1.55}.composer{background:var(--panel);border-top:1px solid var(--line);gap:8px;padding:10px 14px;display:grid}.composer:has(textarea:disabled){background:#fafbfa}.composer__tabs{gap:6px;display:flex}.composer__tabs button{color:var(--text);background:#edf0ef;min-height:30px}.composer__tabs button[aria-selected=true]{background:var(--panel-strong);color:#fff}.composer textarea{border:1px solid var(--line);resize:vertical;background:#fff;border-radius:8px;width:100%;min-height:74px;padding:10px 11px}.composer textarea::placeholder{color:#8a948f}.composer-tools{flex-wrap:wrap}.customer-sidebar{border-width:0 0 0 1px;align-content:start;gap:12px;max-height:100vh;padding:12px;display:grid;overflow:auto}.side-tabs{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.side-tabs button{color:var(--text-soft);background:0 0;min-height:28px;font-size:13px}.side-tabs button[aria-selected=true]{color:var(--text);background:#fff;box-shadow:0 1px 5px #11181c14}.ai-panel,.customer-card,.context-grid,.attachment-list a{background:var(--panel-muted);border:1px solid var(--line);border-radius:8px}.ai-panel{gap:10px;padding:12px;display:grid}.ai-panel p{color:var(--text-soft);margin:0;line-height:1.55}.section-title h2,.section-title h3{margin:0;font-size:15px}.section-title span{color:var(--text-soft);background:#e9eeeb}.ai-actions{grid-template-columns:1fr 1fr;display:grid}.customer-card{padding:12px}.customer-avatar{background:var(--accent-soft);color:var(--accent);border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;font-weight:750;display:flex;overflow:hidden}.customer-avatar img{object-fit:cover;width:100%;height:100%}.customer-sidebar p{overflow-wrap:anywhere;font-size:12px}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{color:var(--text-soft);background:#e9eeeb}.context-grid{grid-template-columns:1fr 1fr;gap:1px;display:grid;overflow:hidden}.context-grid div{background:var(--panel);gap:5px;padding:10px;display:grid}.context-grid span{color:var(--muted);font-size:12px}.context-grid strong{font-size:14px}.attachment-list{gap:8px;margin-top:10px;display:grid}.attachment-list a{gap:4px;padding:10px;display:grid}.settings-shell{grid-template-columns:300px minmax(0,1fr);min-height:100vh;display:grid}.settings-rail{background:var(--panel);border-right:1px solid var(--line);grid-template-rows:auto 1fr auto;gap:12px;max-height:100vh;padding:14px 12px;display:grid;overflow:auto}.settings-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-heading h1,.settings-heading p,.settings-toolbar h2,.settings-toolbar p,.settings-form h2,.settings-form h3,.settings-empty h3,.settings-empty p{margin:0}.settings-heading h1{font-size:18px;line-height:1.2}.settings-note,.credential-note{border:1px solid var(--line);background:#f3f6f5;border-radius:8px;gap:5px;padding:10px;display:grid}.settings-note strong,.credential-note strong{font-size:13px}.settings-note span,.credential-note span{color:var(--text-soft);font-size:12px;line-height:1.5}.settings-heading p,.settings-toolbar p,.settings-muted,.settings-form label{color:var(--muted)}.settings-tenant-list{align-content:start;gap:8px;display:grid}.tenant-button{background:var(--panel-muted);color:var(--text);text-align:left;border:1px solid #0000;place-items:flex-start start;gap:4px;min-height:50px;padding:9px 10px;display:grid}.tenant-button small{color:var(--muted);font-size:12px}.tenant-button--active{border-color:var(--accent);box-shadow:var(--shadow);background:#fff}.settings-main{align-content:start;gap:14px;padding:16px 18px;display:grid}.settings-toolbar{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.settings-toolbar h2{font-size:18px}.settings-preview{border-radius:8px}.settings-grid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:14px;display:grid}.settings-section,.settings-form{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:10px;padding:12px;display:grid}.settings-form--compact{background:var(--panel-muted)}.settings-form label{gap:5px;font-size:12px;display:grid}.settings-form input,.settings-form select{border:1px solid var(--line);color:var(--text);background:#fff;border-radius:6px;width:100%;min-height:34px;padding:0 10px}.settings-form input:focus,.settings-form select:focus{border-color:var(--accent);box-shadow:var(--focus);outline:none}.channel-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.channel-table__row{border-top:1px solid var(--line);background:#fff;grid-template-columns:68px minmax(110px,1fr) minmax(130px,1.15fr) minmax(170px,1.35fr) 68px;align-items:center;gap:10px;min-height:44px;padding:8px 10px;display:grid}.channel-table__row:first-child{border-top:0}.channel-table__row--head{background:var(--panel-muted);color:var(--muted);font-size:12px;font-weight:700}.channel-table code{color:var(--text-soft);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.status-dot{color:var(--text-soft);text-align:center;background:#e9eeeb;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.status-dot--active{background:var(--accent-soft);color:var(--accent)}.settings-empty{text-align:center;gap:6px;padding:18px;display:grid}.settings-empty p,.settings-status{color:var(--muted)}.settings-status{margin:0;font-size:13px}@media (max-width:1120px){.workspace-shell{grid-template-columns:280px minmax(420px,1fr)}.settings-grid{grid-template-columns:1fr}.customer-sidebar{border-width:1px 0 0;grid-column:1/-1;max-height:none}}@media (max-width:760px){.workspace-shell,.settings-shell{grid-template-columns:1fr}.settings-rail{border-width:0 0 1px;grid-template-rows:auto auto auto;max-height:none}.settings-toolbar,.settings-heading{flex-direction:column;align-items:stretch}.channel-table{border:0;gap:8px;display:grid}.channel-table__row{border:1px solid var(--line);border-radius:8px;grid-template-columns:1fr}.channel-table__row--head{display:none}.conversation-list,.customer-sidebar{border-width:0 0 1px;max-height:none}.conversation-workspace{max-height:none}.conversation-header,.composer__footer,.preview-banner{flex-direction:column;align-items:stretch}.conversation-header__meta,.mode-banner__actions,.composer__footer>div{grid-template-columns:1fr 1fr;display:grid}.message{max-width:100%}}