:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--blue: #168af2;--blue-700: #0f5fc9;--text: #1f2937;--muted: #8a94a6;--line: #e4e9f2;--bg: #d9dcdf;--panel: #ffffff;--bubble-in: #ffffff;--bubble-out: #dcedfb;--chip-green: #e9f9ec;--chip-red: #fff0ef}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:360px minmax(0,1fr);width:100vw;height:100vh;overflow:hidden}.left-pane{background:var(--panel);border-right:1px solid var(--line);overflow:hidden}.chat-pane-wrap{min-width:0;background:var(--bg)}.sidebar-header{display:flex;align-items:center;gap:16px;padding:22px 18px;border-bottom:1px solid var(--line)}.sidebar-header strong{font-size:20px}.sidebar-header select,.search-box{border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted)}.sidebar-header select{flex:1;padding:10px}.search-box{display:flex;gap:8px;margin:14px 18px;padding:10px 12px}.search-box input{width:100%;border:0;outline:0}.tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}.tab{height:46px;border:0;background:transparent;color:#4b5563;font-weight:700}.tab.is-active{color:var(--blue-700);border-bottom:3px solid var(--blue-700)}.conversation-list{height:100%;overflow:auto}.conversation-item{display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:12px;width:100%;padding:14px 18px;border:0;border-bottom:1px solid #eef1f5;background:#fff;text-align:left}.conversation-item.is-active,.conversation-item:hover{background:#eef6ff}.avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#42c6ff,#0f7be8);color:#fff;font-weight:800}.conversation-main{display:grid;gap:4px;min-width:0}.conversation-title,.conversation-preview,.conversation-meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title{font-weight:800}.conversation-meta{color:var(--muted);font-size:13px}.conversation-preview{color:#4b5563;font-size:14px}.media-marker{margin-right:4px;color:var(--blue-700)}.unread{align-self:center;padding:2px 7px;border-radius:999px;background:#ef2929;color:#fff;font-size:12px}.chat-pane{display:grid;grid-template-rows:78px minmax(0,1fr) auto auto;height:100vh}.chat-header{display:flex;align-items:center;gap:14px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--line)}.chat-header h1{margin:0;font-size:20px;line-height:1.2}.chat-header p{margin:4px 0 0;color:var(--muted)}.header-actions{display:flex;gap:10px;margin-left:auto}.header-actions button{width:36px;height:36px;border:0;border-radius:8px;background:#f4f7fb;color:#9aa4b2}.message-thread{display:flex;flex-direction:column;gap:8px;overflow:auto;padding:20px 28px 30px}.message-row{display:flex}.message-row.outbound{justify-content:flex-end}.bubble{max-width:min(520px,66%);padding:10px 12px 8px;border:1px solid rgb(15 23 42 / 6%);border-radius:8px;background:var(--bubble-in);box-shadow:0 1px 2px #0f172a0f}.outbound .bubble{background:var(--bubble-out);border-color:#c9ddf2}.sender{margin-bottom:4px;color:#243b65;font-size:14px;font-weight:800}.bubble p{margin:0;line-height:1.42;word-break:break-word}.bubble footer{display:flex;justify-content:flex-end;gap:8px;margin-top:4px;color:var(--muted);font-size:11px}.reply-quote{display:grid;gap:4px;margin-bottom:8px;padding:8px 10px;border-left:3px solid var(--blue);border-radius:6px;background:#168af21a}.media-box{display:grid;gap:4px;min-width:160px;margin-top:8px;padding:12px;border-radius:8px;background:#f2f5f8}.media-box span{font-weight:800}.media-box small{color:var(--muted)}.call-line{color:#344054;font-weight:700}.status-badge{color:#b42318}.quick-tags,.composer{display:flex;gap:8px;padding:8px 18px;background:#fff;border-top:1px solid var(--line)}.quick-tags{overflow-x:auto}.quick-tags button{min-height:30px;padding:4px 10px;border:1px solid #8bd19b;border-radius:4px;background:var(--chip-green);color:#257a37;font-size:13px;font-weight:700;white-space:nowrap}.quick-tags button:nth-child(3),.quick-tags button:nth-child(4){border-color:#ffb4ad;background:var(--chip-red);color:#d92d20}.composer-wrap{background:#fff;border-top:1px solid var(--line)}.composer{border-top:0}.composer input{flex:1;border:0;outline:0;color:var(--text);font-size:15px}.composer button{min-width:34px;min-height:32px;padding:0 12px;border:0;border-radius:6px;background:#f2f5fb;color:#94a3b8}.composer button.primary{min-width:66px;background:var(--blue-700);color:#fff;font-weight:800}.composer button:disabled{cursor:not-allowed;opacity:.55}.composer-error{padding:0 18px 10px;color:#b42318;font-size:13px}.state{display:grid;place-items:center;min-height:160px;padding:24px;color:var(--muted)}.state-error{color:#b42318}@media(max-width:840px){.app-shell{grid-template-columns:1fr}.left-pane{display:none}.bubble{max-width:82%}}