:root{--page: #f6f8fc;--bg: #ffffff;--bg-2: #f9fafc;--bg-3: #eef1f6;--text: #111827;--text-2: #475467;--muted: #667085;--muted-2: #98a2b3;--border: #e7ebf3;--card-edge: transparent;--accent: #2f6bff;--accent-2: #1f4fd6;--accent-soft: #eef4ff;--accent-line: #c7d7fe;--area: #2aa58e;--danger: #b42318;--neg: #f04438;--neg-soft: #fef1f0;--neg-ink: #b42318;--success: #067647;--pos-soft: #eaf7f0;--pos-ink: #067647;--warn: #b54708;--warn-soft: #fff4e5;--warn-ink: #b54708;--violet-soft: #f3f0ff;--violet-line: #e0d9ff;--violet-ink: #5b21b6;--info-soft: #e0e7ff;--info-ink: #3730a3;--note: #fff4e5;--note-border: #f6d9a8;--radius: 10px;--r: 14px;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);--msg-cust: #ffffff;--msg-cust-line: #dfe4ee;--msg-us: #eaf1ff;--msg-us-line: #c3d4fb;--sidebar-w: 232px;--list-w: 360px;color-scheme:light}[data-theme=dark]{--page: #0b0d12;--bg: #12151c;--bg-2: #171b24;--bg-3: #1e232e;--text: #f2f4f8;--text-2: #a9b2c3;--muted: #8b95a8;--muted-2: #767f92;--border: #232935;--card-edge: #232935;--accent: #6f9bff;--accent-2: #9bb8ff;--accent-soft: #16203a;--accent-line: #2a3a66;--danger: #fca5a5;--neg: #f87171;--neg-soft: #2c1616;--neg-ink: #fca5a5;--success: #5fe0ab;--pos-soft: #0f2a20;--pos-ink: #5fe0ab;--warn: #fcd34d;--warn-soft: #2a2113;--warn-ink: #fcd34d;--violet-soft: #1f1a33;--violet-line: #3a3160;--violet-ink: #c4b5fd;--info-soft: #1a2040;--info-ink: #a5b4fc;--note: #2a2113;--note-border: #4a3a1a;--shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 8px 28px rgba(0, 0, 0, .4);--msg-cust: #1d222c;--msg-cust-line: #313948;--msg-us: #13264f;--msg-us-line: #27468a;--link: #9bb8ff;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv11","ss01";font-size:14px;line-height:1.45;color:var(--text);background:var(--page);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em}h1{font-size:24px;font-weight:700;letter-spacing:-.02em}h2{font-size:17px}h3{font-size:15px}p{margin:0}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;background:var(--bg-3);padding:1px 5px;border-radius:4px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;height:100%}.sidebar{background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:14px 10px;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 14px;font-weight:700;font-size:15px}.brand .logo{width:28px;height:28px;border-radius:8px;background:var(--area);display:grid;place-items:center;color:#fff}.nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;color:var(--muted);font-weight:500}.nav a:hover{background:var(--bg-2);color:var(--text)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.nav .count{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}.nav .section{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);padding:14px 10px 4px}.sidebar .me{margin-top:auto;display:flex;align-items:center;gap:10px;padding:10px;border-top:1px solid var(--border)}.sidebar .me .name{font-weight:600;font-size:13px}.sidebar .me .sub{font-size:12px;color:var(--muted)}.main{min-width:0;height:100%;overflow:hidden;display:flex;flex-direction:column}.page{padding:22px 26px;overflow:auto;flex:1}.page-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:18px;flex-wrap:wrap}.page-head .actions{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg);cursor:pointer;font-weight:600;white-space:nowrap;box-shadow:0 1px 2px #1018280a}.btn:hover{background:var(--bg-2)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.danger{color:var(--danger)}.btn.sm{padding:4px 9px;font-size:12.5px}.btn.ghost{border-color:transparent;background:transparent}.btn:disabled{opacity:.5;cursor:default}.input,select.input,textarea.input{width:100%;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}textarea.input{resize:vertical;min-height:80px}label.field{display:block;margin-bottom:12px}label.field>span{display:block;font-size:12.5px;font-weight:600;margin-bottom:4px;color:var(--muted)}.row{display:flex;gap:10px;align-items:center}.row.wrap{flex-wrap:wrap}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{background:var(--bg);border:1px solid var(--card-edge);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card h3{margin-bottom:10px}.muted{color:var(--muted)}.small{font-size:12.5px}.tag{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--bg-3);font-size:12px;color:var(--muted)}.tag button{border:0;background:none;padding:0;cursor:pointer;color:var(--muted-2)}.pill{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11.5px;font-weight:600;text-transform:capitalize}.pill.open{background:var(--pos-soft);color:var(--pos-ink)}.pill.pending{background:var(--warn-soft);color:var(--warn-ink)}.pill.on_hold{background:var(--violet-soft);color:var(--violet-ink)}.pill.snoozed{background:var(--info-soft);color:var(--info-ink)}.pill.solved,.pill.closed{background:var(--bg-3);color:var(--muted)}.pill.suspended,.pill.urgent{background:var(--neg-soft);color:var(--neg-ink)}.pill.high{background:var(--warn-soft);color:var(--warn-ink)}.pill.live{background:var(--pos-soft);color:var(--pos-ink)}.pill.draft,.pill.paused,.pill.ended{background:var(--bg-3);color:var(--muted)}.pill.published{background:var(--pos-soft);color:var(--pos-ink)}.avatar{width:30px;height:30px;border-radius:50%;background:var(--bg-3);display:inline-grid;place-items:center;font-size:11px;font-weight:600;color:var(--muted);overflow:hidden;flex:none}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.sm{width:22px;height:22px;font-size:9px}.avatar.lg{width:44px;height:44px;font-size:15px}table.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:12px;color:var(--muted);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--border)}.table td{padding:10px;border-bottom:1px solid var(--border);vertical-align:top}.table tr:hover td{background:var(--bg-2)}.empty{padding:40px;text-align:center;color:var(--muted)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);padding:10px 16px;border-radius:10px;box-shadow:var(--shadow);z-index:50;font-size:13px}.toast.error{background:var(--neg);color:#fff}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:grid;place-items:center;z-index:40}.modal{background:var(--bg);border-radius:var(--r);padding:20px;width:520px;max-width:calc(100vw - 32px);max-height:calc(100vh - 40px);overflow:auto;box-shadow:var(--shadow)}.modal h2{margin-bottom:12px}.modal .foot{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:16px}.tabs button{border:0;background:none;padding:8px 12px;cursor:pointer;color:var(--muted);font-weight:500;border-bottom:2px solid transparent;margin-bottom:-1px}.tabs button.on{color:var(--text);border-bottom-color:var(--accent)}.kpis{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-bottom:18px}.kpi{background:var(--bg);border:1px solid var(--card-edge);border-radius:var(--r);padding:16px;box-shadow:var(--shadow)}.kpi .v{font-size:26px;font-weight:700;letter-spacing:-.025em;font-variant-numeric:tabular-nums}.kpi .l{font-size:12px;color:var(--muted)}.kpi .d{font-size:12px;margin-top:4px}.kpi .d.up{color:var(--success)}.kpi .d.down{color:var(--danger)}.bars{display:flex;align-items:flex-end;gap:3px;height:120px}.bars div{flex:1;background:var(--accent);border-radius:3px 3px 0 0;min-height:2px;opacity:.85}.switch{position:relative;width:36px;height:20px;border-radius:999px;background:var(--muted-2);border:0;cursor:pointer;flex:none}.switch.on{background:var(--accent)}.switch-row{display:flex;align-items:center;gap:8px;background:none;border:0;padding:0;margin-bottom:8px;font:inherit;color:inherit;text-align:left;cursor:pointer}.switch-row:disabled{cursor:default;opacity:.6}span.switch{display:inline-block}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}.switch.on:after{transform:translate(16px)}.kbd{font-size:11px;border:1px solid var(--border);border-radius:4px;padding:0 4px;color:var(--muted);background:var(--bg-2)}.inbox{display:grid;grid-template-columns:var(--list-w) 1fr;height:100%}.inbox.with-side{grid-template-columns:var(--list-w) 1fr 300px}.convlist{border-right:1px solid var(--border);display:flex;flex-direction:column;min-height:0;background:var(--bg)}.convlist .head{padding:14px 14px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px}.convlist .head h2{font-size:15px}.convlist .filters{padding:0 14px 10px;display:flex;gap:6px;flex-wrap:wrap}.convlist .items{overflow:auto;flex:1}.convitem{display:block;padding:12px 14px;border-bottom:1px solid var(--border);cursor:pointer}.convitem:hover{background:var(--bg-2)}.convitem.active{background:var(--accent-soft)}.convitem .top{display:flex;justify-content:space-between;gap:8px;align-items:center}.convitem .who{font-weight:600;font-size:13.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convitem .when{font-size:11.5px;color:var(--muted-2);flex:none}.convitem .subj{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.convitem .snip{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.convitem .meta{display:flex;gap:6px;align-items:center;margin-top:6px;flex-wrap:wrap}.convitem .unread{width:8px;height:8px;border-radius:50%;background:var(--accent);flex:none}.convitem .sla{font-size:11px;color:var(--warn)}.convitem .sla.late{color:var(--danger);font-weight:600}.thread{display:flex;flex-direction:column;min-height:0;min-width:0}.thread .head{padding:12px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.thread .head h2{font-size:15px;flex:1;min-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thread .msgs{flex:1;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:14px;background:var(--bg-2)}.msg{display:flex;gap:10px;max-width:760px}.msg.agent,.msg.ai{align-self:flex-end;flex-direction:row-reverse}.msg .bubble{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:10px 14px;min-width:120px;max-width:100%}.msg.agent .bubble{background:var(--accent-soft);border-color:var(--accent-line)}.msg .from{font-size:12px;color:var(--muted);margin-bottom:4px;display:flex;gap:8px;align-items:center}.msg .body{white-space:pre-wrap;word-wrap:break-word}.msg .body.html{white-space:normal}.msg .body.html img{max-width:100%}.msg .body.html blockquote{border-left:3px solid var(--border);margin:6px 0;padding-left:10px;color:var(--muted)}.msg .atts{margin-top:8px;display:flex;gap:6px;flex-wrap:wrap}.msg.email-wide{max-width:100%;align-self:stretch}.msg.email-wide .bubble{flex:1;min-width:0}.msg .atts a.att-inline{padding:0;background:none;display:block}.msg .atts a.att-inline img{display:block;max-width:min(100%,320px);max-height:320px;height:auto;border-radius:8px}.msg .atts a{font-size:12px;background:var(--bg-3);padding:3px 8px;border-radius:6px}.msg .status{font-size:11px;color:var(--muted-2);margin-top:6px}.msg .status.failed{color:var(--danger)}.event{align-self:center;font-size:12px;color:var(--muted);background:var(--bg-3);padding:3px 10px;border-radius:999px}.composer{border-top:1px solid var(--border);padding:12px 18px 14px;background:var(--bg)}.composer .modes{display:flex;gap:4px;margin-bottom:8px}.composer .modes button{border:0;background:none;padding:4px 10px;border-radius:6px;cursor:pointer;color:var(--muted);font-weight:500}.composer .modes button.on{background:var(--bg-3);color:var(--text)}.composer .modes button.note.on{background:var(--note)}.composer textarea{width:100%;border:1px solid var(--border);border-radius:10px;padding:10px 12px;min-height:90px;resize:vertical;outline:none}.composer textarea.note{background:var(--note);border-color:var(--note-border)}.composer textarea:focus{border-color:var(--accent)}.composer .bar{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.composer .bar .spacer{flex:1}.composer .files{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}.sidepanel{border-left:1px solid var(--border);overflow:auto;padding:14px;font-size:13px}.sidepanel h4{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted-2);margin:16px 0 8px}.sidepanel .kv{display:flex;justify-content:space-between;gap:8px;padding:4px 0}.sidepanel .kv span:first-child{color:var(--muted)}.sidepanel .kv span:last-child{text-align:right;word-break:break-word}.sidepanel .ident{display:flex;gap:10px;align-items:center}.sidepanel .plan{padding:8px 10px;border-radius:8px;background:var(--accent-soft);margin-top:8px;font-weight:500}.sidepanel .plan.past{background:var(--neg-soft)}.dropdown{position:relative}.dropdown .menu{position:absolute;top:100%;right:0;margin-top:4px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);min-width:220px;z-index:20;max-height:320px;overflow:auto;padding:4px}.macro-menu .menu{min-width:300px;max-height:380px}.macro-menu .macro-search{position:sticky;top:-4px;z-index:1;width:100%;margin-bottom:4px}.dropdown .menu.up{top:auto;bottom:100%;margin-top:0;margin-bottom:4px}.dropdown .menu button{display:flex;width:100%;text-align:left;border:0;background:none;padding:7px 10px;border-radius:6px;cursor:pointer;gap:8px;align-items:center}.dropdown .menu button:hover{background:var(--bg-2)}.dropdown .menu .hint{font-size:11.5px;color:var(--muted-2);margin-left:auto}.presence{font-size:12px;color:var(--warn)}.typing{font-size:12px;color:var(--muted);padding:0 18px 6px;background:var(--bg-2)}.selectbar{padding:8px 14px;background:var(--accent-soft);display:flex;gap:8px;align-items:center;font-size:13px;flex-wrap:wrap}.login{min-height:100%;display:grid;place-items:center;background:var(--page)}.login .box{background:var(--bg);border:1px solid var(--card-edge);border-radius:16px;padding:32px;width:380px;box-shadow:var(--shadow)}.login h1{margin-bottom:4px}.login .btn{width:100%;justify-content:center;padding:10px;margin-top:10px}.error{color:var(--danger);font-size:13px}.cond{display:grid;grid-template-columns:1.2fr 1fr 1.4fr auto;gap:6px;margin-bottom:6px}.md-editor{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:400px}.md-editor textarea{min-height:400px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.preview{border:1px solid var(--border);border-radius:10px;padding:14px;overflow:auto}.preview img{max-width:100%}@media(max-width:1100px){.inbox.with-side{grid-template-columns:var(--list-w) 1fr}.sidepanel{display:none}}@media(max-width:800px){.shell{grid-template-columns:1fr}.sidebar{display:none}.inbox,.inbox.with-side{grid-template-columns:1fr}.convlist{display:none}.inbox.list-only .convlist{display:flex}.inbox.list-only .thread{display:none}}html[data-in-hq] .shell{grid-template-columns:1fr}html[data-in-hq] .sidebar{display:none}:root{--ptr-top: env(safe-area-inset-top, 0px)}.tpm-ptr{--surface: var(--bg)}[data-theme=dark] .btn.primary:hover{background:#5b8af5;border-color:#5b8af5}.notice-stack{position:fixed;top:14px;right:14px;z-index:60;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 28px))}.notice{display:flex;flex-direction:column;gap:3px;text-align:left;background:var(--bg);color:var(--text);border:1px solid var(--border);border-left:3px solid var(--area);border-radius:var(--radius);padding:10px 14px;box-shadow:var(--shadow);cursor:pointer;font:inherit;animation:notice-in .18s ease-out}.notice b{font-size:13.5px}.notice span{font-size:12.5px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notice:hover{border-color:var(--accent-line)}.notice.quiet{cursor:default;font-size:12.5px;color:var(--muted);border-left-color:var(--warn)}@keyframes notice-in{0%{transform:translateY(-6px);opacity:0}to{transform:none;opacity:1}}.team-page .chart{width:100%;height:auto;display:block;margin-top:8px}.team-banner{margin-bottom:14px;border-left:3px solid var(--area)}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.legend span{display:inline-flex;align-items:center;gap:5px}.legend i{width:10px;height:10px;border-radius:3px;display:inline-block}.heat{display:flex;flex-direction:column;gap:2px;margin-top:8px;overflow-x:auto}.heat-row{display:grid;grid-template-columns:34px repeat(24,minmax(9px,1fr));gap:2px;align-items:center}.heat-row span{font-size:11px;color:var(--muted)}.heat-row em{font-style:normal;font-size:9.5px;color:var(--muted)}.heat-row i{display:block;height:16px;border-radius:3px;background:var(--area)}.event-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:10px}.event-form input:not([type]){flex:1 1 180px}.team-page .grid2{grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr))}.team-page .card{min-width:0;overflow-x:auto}.pulse-stack{position:fixed;bottom:16px;right:16px;z-index:59;display:flex;flex-direction:column;gap:8px;width:min(360px,calc(100vw - 32px))}.pulse{display:flex;flex-direction:column;gap:4px;background:var(--bg);color:var(--text);border:1px solid var(--border);border-left:3px solid var(--area);border-radius:var(--radius);padding:10px 12px 10px 14px;box-shadow:var(--shadow);animation:notice-in .18s ease-out}.pulse.cheer{border-left-color:var(--accent)}.pulse.win{border-left-color:var(--violet-ink);background:var(--violet-soft)}.pulse.morning{border-left-color:var(--warn)}.pulse-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start}.pulse b{font-size:13.5px}.pulse span,.pulse ul{font-size:12.5px;color:var(--text-2)}.pulse ul{margin:2px 0 0;padding-left:16px}.pulse-x{background:none;border:0;color:var(--muted);font-size:18px;line-height:1;cursor:pointer;padding:0 2px}.ai-state{font-size:12.5px;font-weight:600;padding:4px 10px;border-radius:999px}.ai-state.on{background:var(--pos-soft);color:var(--pos-ink)}.ai-state.off{background:var(--bg-3);color:var(--text-2)}.ai-modes{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:8px;margin-top:12px}.ai-mode{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;cursor:pointer}.ai-mode.on{border-color:var(--accent);background:var(--accent-soft)}.ai-mode>span{display:flex;flex-direction:column;gap:2px}.ai-mode input{margin-top:3px}.ai-days{margin-top:14px;display:flex;flex-direction:column;gap:8px}.ai-day{display:grid;grid-template-columns:96px 1fr auto;gap:10px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border)}.ai-day-name{font-weight:600;font-size:13px}.ai-ranges{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.ai-range{display:inline-flex;gap:6px;align-items:center}.ai-range .input{width:118px;padding:4px 6px}@media(max-width:700px){.ai-day{grid-template-columns:1fr}}:root{--chat: #7c3aed;--chat-soft: #f3efff;--email: #2563eb;--email-soft: #eef4ff}[data-theme=dark]{--chat: #a78bfa;--chat-soft: rgba(167, 139, 250, .16);--email: #7aa2ff;--email-soft: rgba(122, 162, 255, .14)}.tag.ch-chat{background:var(--chat-soft);color:var(--chat);border-color:transparent;font-weight:600}.tag.ch-email{background:var(--email-soft);color:var(--email);border-color:transparent}.convitem.ch-chat{box-shadow:inset 3px 0 0 var(--chat)}.spaces{display:flex;gap:6px;padding:0 14px 8px}.space-tab{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);border-radius:999px;padding:4px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.space-tab .count{font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums}.space-tab:hover{border-color:var(--accent-line)}.space-tab.chat.on{background:var(--chat-soft);color:var(--chat);border-color:var(--chat)}.space-tab.email.on{background:var(--email-soft);color:var(--email);border-color:var(--email)}.space-tab.all.on{background:var(--bg-3);color:var(--text);border-color:var(--border)}.space-tab.on .count{color:inherit}.spam-snippet{margin:12px 0;padding:10px 12px;border-left:3px solid var(--border);background:var(--bg-2);color:var(--text-2);white-space:pre-wrap;font-size:13px}.spam-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 14px 4px;flex-wrap:wrap}.spam-bulk{display:flex;align-items:center;gap:8px;padding:6px 14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.spam-bulk-all{display:inline-flex;align-items:center;gap:6px;font-size:13px;margin-right:auto}.spam-row{display:flex;align-items:flex-start;border-bottom:0}.spam-tick{width:16px;height:16px;margin:14px 0 0 12px;flex:none}.menu-note{padding:8px 12px 6px;font-size:11.5px;color:var(--muted);border-top:1px solid var(--border)}.spam-back{display:none;margin-bottom:8px}@media(max-width:800px){.spam-back{display:inline-flex}}.spam-rules{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px;margin-top:10px}.spam-rule-group{border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px}.spam-rule-group.allow{border-left:3px solid var(--success)}.spam-rule-group.block{border-left:3px solid var(--warn)}.spam-rule-group h4{margin:0 0 6px;font-size:13px}.spam-rule-list{display:flex;flex-wrap:wrap;gap:6px}.tag.spam-rule{display:inline-flex;align-items:center;gap:4px}.tag.spam-rule button{background:none;border:0;color:var(--muted);cursor:pointer;font-size:14px;line-height:1;padding:0 0 0 2px}.tag.spam-reason{background:var(--warn-soft);color:var(--warn-ink);border-color:transparent}.tag.from-intercom{margin-left:6px;background:var(--chat-soft);color:var(--chat);border-color:transparent;font-size:11px}.tag.from-zendesk{margin-left:6px;background:var(--email-soft);color:var(--email);border-color:transparent;font-size:11px}.menu-label{padding:8px 12px 4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--chat);border-top:1px solid var(--border)}.pill-filter{display:flex;gap:6px;flex-wrap:wrap}.pill-filter button{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:var(--bg);color:var(--text-2);border-radius:999px;padding:4px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.pill-filter button .count{font-weight:500;color:var(--muted)}.pill-filter button.on{background:var(--bg-3);color:var(--text)}.pill-filter button.intercom.on{background:var(--chat-soft);color:var(--chat);border-color:var(--chat)}.pill-filter button.zendesk.on{background:var(--email-soft);color:var(--email);border-color:var(--email)}.pill-filter button.on .count{color:inherit}.oldstore-line{color:var(--success);font-size:11.5px;line-height:1.4;padding:0 0 6px}.oldstore-line a{color:inherit;text-decoration:underline}.compose{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px}.compose-side{border-left:1px solid var(--border);padding-left:16px}@media(max-width:760px){.compose{grid-template-columns:1fr}.compose-side{border-left:0;padding-left:0;border-top:1px solid var(--border);padding-top:12px}}.rich-pop-wrap.static{position:static}.picker{position:absolute;top:42px;right:0;z-index:35;max-width:calc(100% - 8px);background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);width:300px;padding:8px}.emoji-scroll,.gif-scroll{max-height:240px;overflow:auto;margin-top:6px}.emoji-group{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:6px 2px 2px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-grid button{border:0;background:none;font-size:20px;line-height:1;padding:4px;border-radius:6px;cursor:pointer}.emoji-grid button:hover{background:var(--bg-2)}.gif-grid{columns:2;column-gap:6px}.gif-grid button{display:block;width:100%;border:0;background:none;padding:0;margin:0 0 6px;cursor:pointer;border-radius:6px;overflow:hidden}.gif-grid img{display:block;width:100%;height:auto}.rich-area img,.rich-body img{max-width:320px;height:auto;border-radius:8px;display:block}.rich.resizable .rich-area img{max-width:100%;cursor:pointer}.img-frame{position:absolute;z-index:5;outline:2px solid var(--accent, #2563eb);pointer-events:none}.img-sizes{position:absolute;top:4px;left:4px;display:flex;gap:2px;background:var(--bg, #fff);border:1px solid var(--border);border-radius:6px;padding:2px;pointer-events:auto}.img-sizes button{border:0;background:transparent;color:var(--text);font:inherit;font-size:12px;padding:2px 6px;border-radius:4px;cursor:pointer}.img-sizes button:hover{background:var(--bg-2)}.img-handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;background:var(--accent, #2563eb);border:2px solid #fff;border-radius:3px;cursor:nwse-resize;pointer-events:auto;touch-action:none}.rich{position:relative}.rich-toolbar{display:flex;align-items:center;gap:2px;flex-wrap:wrap;padding:4px;border:1px solid var(--border);border-bottom:0;border-radius:8px 8px 0 0;background:var(--bg-2, var(--bg))}.rich-btn{border:0;background:transparent;color:var(--text);border-radius:6px;min-width:28px;height:28px;padding:0 7px;font:inherit;font-size:13px;cursor:pointer}.rich-btn:hover,.rich-btn.on{background:var(--hover, rgba(127, 127, 127, .16))}.rich-sep{width:1px;height:18px;background:var(--border);margin:0 4px}.rich-a{font-weight:700;border-bottom:3px solid #c2391f;line-height:1}.rich-hl{background:#fbeb9a;color:#2f3941;padding:0 3px;border-radius:3px;font-weight:600}.rich-area{display:block;border-radius:0 0 8px 8px;padding:10px 12px;line-height:1.5;overflow:auto;max-height:55vh;white-space:normal;outline:none}.rich-area:focus{border-color:var(--accent, #2563eb)}.rich-area:empty:before{content:attr(data-placeholder);color:var(--muted);pointer-events:none}.rich-area p,.rich-body p{margin:0 0 .7em}.rich-area ul,.rich-area ol,.rich-body ul,.rich-body ol{margin:0 0 .7em 1.4em;padding:0}.rich-area a,.rich-body a{color:var(--link, #2563eb);text-decoration:underline}.rich-body{white-space:normal}.rich-pop-wrap{position:relative;display:inline-block}.rich-pop{position:absolute;top:100%;left:0;z-index:30;margin-top:4px;padding:10px 12px;background:var(--bg);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);width:236px}.rich-pop-title{font-size:12.5px;font-weight:600;margin:4px 0 6px}.swatches{display:flex;gap:6px;margin-bottom:6px}.swatch{width:24px;height:24px;border-radius:5px;border:1px solid rgba(127,127,127,.4);cursor:pointer;padding:0}.swatch.none{background:linear-gradient(135deg,transparent 45%,#c2391f 46%,#c2391f 54%,transparent 55%),var(--bg)}.rich-link{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--border);border-bottom:0;background:var(--bg)}.rich-link .input{flex:1;min-width:240px}.composer .rich-area{border-radius:0 0 8px 8px;min-height:90px}.composer .rich-area{max-height:clamp(90px,calc(100vh - 470px),55vh)}.composer .rich-area img{max-height:40vh;width:auto;object-fit:contain}.composer .bar{position:sticky;bottom:0;z-index:3;background:inherit;padding-bottom:2px}.composer .bar .macro-menu .menu{left:0;right:auto}.macro-chip{display:inline-flex;align-items:center;gap:6px;margin:4px 0;padding:2px 4px 2px 10px;border-radius:999px;background:var(--bg-soft, #eef2f6);font-size:12px}.macro-chip button{border:0;background:none;cursor:pointer;padding:0 6px;color:inherit;line-height:1.4}.ratings .rating-head{padding:12px 14px;border-bottom:1px solid var(--border)}.convitem.rating{display:block;padding:10px 14px;border-bottom:1px solid var(--border);color:inherit;text-decoration:none}.convitem.rating.active{background:var(--accent-soft)}.rating-face{font-size:20px;white-space:nowrap}.rating-comment{margin:4px 0;font-size:13.5px}.feedback-banner{margin:10px 16px 0;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg);display:grid;gap:6px}.feedback-badge{display:inline-block;padding:3px 10px;border-radius:6px;font-weight:600;font-size:13px;white-space:nowrap;background:var(--bg-3);color:var(--text)}.feedback-badge.good{background:#067647;color:#fff}.feedback-badge.bad{background:var(--danger);color:#fff}.feedback-comment{white-space:pre-wrap;overflow-wrap:anywhere}.feedback-comment.folded{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feedback-report td{vertical-align:top}.feedback-report .feedback-cell{white-space:pre-wrap;overflow-wrap:anywhere;min-width:260px;max-width:460px}.collision{margin:0 14px 8px;padding:8px 12px;border-radius:8px;background:var(--warn-soft, #fff4d6);color:var(--warn-ink, #7a5200);font-size:13px;font-weight:500}.nav .count.hot{background:#1f4fd6;color:#fff;border-radius:999px;padding:0 7px}[data-theme=dark] .nav .count.hot{background:#9bb8ff;color:#0b1b4d}.phone-nav{display:none}@media(max-width:800px){.shell{grid-template-rows:auto minmax(0,1fr)}.phone-nav{display:block;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--bg)}.phone-nav{display:flex;gap:8px}.phone-nav select{flex:1;min-width:0;padding:8px 10px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font:inherit}}html[data-in-hq] .phone-nav{display:none}html[data-in-hq] .shell{grid-template-rows:none}.placeholder-menu{min-width:300px;max-height:320px;overflow:auto;padding:6px 0}.placeholder-row{display:flex;justify-content:space-between;gap:10px;align-items:baseline;width:100%;text-align:left;background:none;border:0;padding:6px 10px;cursor:pointer;color:var(--text)}.placeholder-row:hover{background:var(--bg-3)}.placeholder-row code{font-size:11px;color:var(--muted)}.assign-prominent>.btn{border-color:var(--accent);color:var(--accent);font-weight:600}.search-status{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.search-status .chip{border:1px solid var(--border);background:var(--bg);color:var(--text-2);border-radius:999px;padding:3px 10px;font-size:12px;cursor:pointer}.search-status .chip.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent);font-weight:600}.closed-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 12px;margin:6px 0;border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px;font-size:13px}.snooze-menu{display:flex;flex-direction:column;min-width:240px}.snooze-menu>button{display:flex;justify-content:space-between;gap:12px;text-align:left}.snooze-menu .hint{color:var(--muted);font-size:11px}.snooze-menu .snooze-custom .snooze-back{color:var(--muted);font-size:12px;padding:2px 4px}.snooze-custom{display:grid;gap:6px;padding:8px 10px;border-top:1px solid var(--border)}.dropdown .menu .snooze-custom>button.snooze-confirm{justify-content:center;align-items:center;width:100%;box-sizing:border-box;margin-top:.35rem;padding:.65em 1em;min-height:2.75rem;font-size:1rem;font-weight:700;line-height:1.3;white-space:normal;text-align:center;border-radius:8px;border:1px solid var(--accent-2);background:var(--accent-2);color:#fff;box-shadow:none}.dropdown .menu .snooze-custom>button.snooze-confirm:hover{background:#1a43b6;border-color:#1a43b6;color:#fff}.dropdown .menu .snooze-custom>button.snooze-confirm:focus-visible{outline:3px solid var(--text);outline-offset:2px;background:var(--accent-2);color:#fff}[data-theme=dark] .dropdown .menu .snooze-custom>button.snooze-confirm,[data-theme=dark] .dropdown .menu .snooze-custom>button.snooze-confirm:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--page)}[data-theme=dark] .dropdown .menu .snooze-custom>button.snooze-confirm:hover{background:var(--accent-2);border-color:var(--accent-2);color:var(--page)}.dropdown .menu:has(.snooze-custom){max-height:min(70vh,40rem)}.sectioned{display:grid;grid-template-columns:minmax(200px,260px) 1fr;gap:18px;align-items:start}.sectioned-list{display:grid;gap:4px;position:sticky;top:8px}.sectioned-list button{text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:8px 10px;cursor:pointer;color:var(--text);font:inherit;display:grid;gap:2px}.sectioned-list button small{color:var(--muted);font-size:12px}.sectioned-list button:hover{background:var(--bg-3)}.sectioned-list button.on{background:var(--accent-soft);border-color:var(--accent-line)}.unsaved-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-left:6px}.sectioned-panel{min-width:0}.sectioned-panel .card{border:0;padding:0;box-shadow:none;max-width:none!important;margin:0!important;background:none}.sectioned-panel .card>h3:first-child{display:none}.sectioned-panel .platform-notify .card{border:1px solid var(--card-edge);padding:16px;box-shadow:var(--shadow);background:var(--bg)}.sectioned-panel .platform-notify .card+.card{margin-top:14px!important}.sectioned-panel .platform-notify .card>h3:first-child{display:block}.platform-notify select.input{width:auto;max-width:100%}@media(max-width:760px){.sectioned{grid-template-columns:1fr}.sectioned-list{position:static;grid-auto-flow:row}}.chat-who{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 18px;border-bottom:1px solid var(--border);font-size:13px;word-break:break-all}.chat-who .tag.ident{font-weight:600;white-space:nowrap}.chat-who .tag.ident.ok{background:var(--pos-soft);color:var(--pos-ink)}.chat-who .tag.ident.warn{background:var(--warn-soft);color:var(--warn-ink)}.composer{position:relative}.composer.dropping{outline:2px dashed var(--accent);outline-offset:-6px}.composer .drop-hint{position:absolute;top:6px;right:6px;bottom:6px;left:6px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:8px;font-weight:600;z-index:2;pointer-events:none}.composer .files .att-thumb{width:28px;height:28px;object-fit:cover;border-radius:4px;vertical-align:middle}.compose{position:relative}.compose.dropping{outline:2px dashed var(--accent);outline-offset:2px;border-radius:8px}.compose .drop-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:8px;font-weight:600;z-index:5;pointer-events:none}.compose .files .att-thumb{width:28px;height:28px;object-fit:cover;border-radius:4px;vertical-align:middle}.submit-as{display:inline-flex;align-items:stretch}.submit-as>.btn{border-top-right-radius:0;border-bottom-right-radius:0}.submit-as .submit-more{display:flex}.submit-as .submit-more>.btn{border-top-left-radius:0;border-bottom-left-radius:0;margin-left:1px;background:var(--accent);border-color:var(--accent);color:#fff;padding:7px 11px}.submit-as .submit-more>.btn:hover{background:var(--accent-2)}.submit-as .menu{min-width:240px}.submit-as .menu button{font-size:15px;padding:10px 12px}.submit-dot{width:13px;height:13px;border-radius:3px;flex:none}.note-submit .menu{min-width:220px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.ident .copy-name,.email-notes .copy-name{padding:2px 5px;margin-left:4px;vertical-align:middle;color:var(--muted)}.ident .copy-name:hover,.email-notes .copy-name:hover{color:var(--text)}.macro-pick{display:flex;align-items:flex-start;gap:6px}.macro-pick .macro-list{flex:0 0 300px;min-width:0}.macro-pick .macro-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.macro-pick .macro-row{display:flex;align-items:center}.macro-pick .macro-row>button:first-child{flex:1;min-width:0}.dropdown .menu .macro-row>.macro-eye{flex:0 0 28px;width:28px;padding:5px 0;justify-content:center;color:var(--muted);opacity:0}.macro-pick .macro-row:hover .macro-eye,.macro-pick .macro-eye:focus-visible,.macro-pick .macro-row.previewing .macro-eye{opacity:1}.macro-pick .macro-eye[aria-pressed=true]{color:var(--accent)}.macro-pick .macro-row.previewing>button:first-child{background:var(--accent-soft)}.macro-preview{flex:1 1 340px;min-width:0;border-left:1px solid var(--border);padding:6px 10px 8px;position:sticky;top:0;align-self:stretch}.macro-menu .menu:has(.with-preview){width:680px;max-width:calc(100vw - 48px);max-height:420px}@media(max-width:760px){.macro-pick{flex-wrap:wrap}.macro-preview{border-left:0;border-top:1px solid var(--border)}}.macro-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.macro-preview-head b{white-space:normal}.macro-preview p{margin:0 0 6px}.macro-preview-body{white-space:pre-wrap;font:inherit;font-size:13px;line-height:1.45;background:var(--bg-2);border-radius:8px;padding:8px 10px;max-height:260px;overflow:auto;margin:0 0 8px}.event.auto-confirm .linkish{border:0;background:none;color:var(--accent);cursor:pointer;font:inherit;padding:0 2px}.ident .name-edit{padding:2px 5px;margin-left:2px;vertical-align:middle;color:var(--muted);font-weight:500;font-size:12px}.ident .name-edit:hover{color:var(--text)}.ident .name-form{display:flex;gap:6px;align-items:center;margin-top:4px}.ident .name-form .input{flex:1;min-width:0;padding:5px 8px;font-size:13px;font-weight:500}.tag.ai-answering{background:var(--chat-soft);color:var(--chat);font-weight:600}.tag.ai-handoff{background:var(--warn-soft);color:var(--warn-ink);font-weight:600}.inbox{gap:12px;padding:12px;background:var(--page)}.inbox>.convlist,.inbox>.thread,.inbox>.sidepanel{background:var(--bg);border:1px solid var(--border);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;min-height:0}.inbox>.convlist{border-right:1px solid var(--border)}.convlist .head{padding:14px 16px 10px}.convlist .head h2{font-size:16px;font-weight:700}.convlist .items{padding:6px 8px 8px;display:flex;flex-direction:column;gap:3px}.convlist .items>.empty{padding:24px 12px}.convitem.with-av{display:grid;grid-template-columns:32px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border:1px solid transparent;border-bottom:1px solid transparent;border-radius:12px;color:inherit;text-decoration:none}.convitem.with-av:hover{background:var(--bg-2)}.convitem.with-av.active{background:var(--accent-soft);border-color:var(--accent-line)}.convitem.with-av .avatar{width:32px;height:32px;font-size:12px;margin-top:1px}.convitem.with-av .ci-body{min-width:0}.convitem.with-av.ch-chat{box-shadow:inset 3px 0 0 var(--chat)}.convitem.with-av:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inbox>.thread .head{padding:14px 18px}.inbox>.thread .head h2{font-size:16px;font-weight:700}.inbox>.thread .msgs{padding:20px 22px}.msg .bubble{border-radius:16px}.msg.contact .bubble,.msg:not(.agent):not(.ai):not(.note) .bubble{border-top-left-radius:6px}.msg.agent .bubble,.msg.ai .bubble{border-top-right-radius:6px}.inbox>.thread .composer{margin:10px 12px 12px;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:10px 14px 12px}.inbox>.sidepanel{background:var(--bg-2);padding:10px;display:flex;flex-direction:column;gap:10px;overflow:auto}.side-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:12px 14px;flex:none}.side-card>.ident{margin-bottom:4px}.side-card>.btn,.side-card>a.btn{margin-top:8px}.side-sec{padding:0}.side-sec>summary{list-style:none;display:flex;align-items:center;gap:8px;padding:11px 14px;font-weight:600;font-size:13.5px;cursor:pointer;border-radius:12px}.side-sec>summary::-webkit-details-marker{display:none}.side-sec>summary:after{content:"";margin-left:auto;width:7px;height:7px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(45deg);transition:transform .15s ease}.side-sec[open]>summary:after{transform:rotate(-135deg)}.side-sec>summary:hover{background:var(--bg-2)}.side-sec>summary:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.side-sec-body{padding:0 14px 12px}.side-sec-body>.plan:first-child{margin-top:0}.side-sec-body h4{margin:10px 0 6px}.side-sec-body h4:first-child{margin-top:0}@media(prefers-reduced-motion:reduce){.side-sec>summary:after{transition:none}}@media(max-width:1100px){.inbox>.sidepanel{display:none}}@media(max-width:800px){.inbox{gap:8px;padding:8px}.inbox>.thread .composer{margin:8px}}.convlist .head{flex-wrap:wrap}.convlist .head .row,.thread .head .row{flex-wrap:wrap;min-width:0}.convlist,.thread{min-width:0}.dropdown .menu{max-width:calc(100vw - 16px)}:root{--card-rest: 0 1px 2px rgba(16, 24, 40, .05), 0 4px 12px rgba(16, 24, 40, .06);--card-lift: 0 4px 8px rgba(16, 24, 40, .08), 0 12px 26px rgba(16, 24, 40, .11)}[data-theme=dark]{--card-rest: 0 1px 2px rgba(0, 0, 0, .5), 0 4px 14px rgba(0, 0, 0, .35);--card-lift: 0 4px 10px rgba(0, 0, 0, .55), 0 14px 30px rgba(0, 0, 0, .45)}.convlist .items.cards{background:var(--page);padding:10px;gap:8px;border-top:1px solid var(--border)}.convitem.with-av{position:relative;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:12px 12px 11px 15px;background:var(--bg);border:1px solid var(--border);border-radius:14px;box-shadow:var(--card-rest);transition:transform .12s ease,box-shadow .12s ease}.convitem.with-av:before{content:"";position:absolute;left:0;top:12px;bottom:12px;width:3px;border-radius:0 3px 3px 0;background:var(--ch-edge, transparent)}.convitem.with-av.ch-chat{--ch-edge: var(--chat);box-shadow:var(--card-rest)}.convitem.with-av.ch-email{--ch-edge: var(--email)}.convitem.with-av:hover{background:var(--bg);transform:translateY(-1px);box-shadow:var(--card-lift)}.convitem.with-av.active{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--card-lift)}.convitem.with-av .avatar{width:38px;height:38px;border-radius:11px;font-size:13px;font-weight:700;background:var(--av, var(--bg-3));color:#fff;box-shadow:inset 0 -2px #0000001f}.convitem.with-av .who{font-size:14.5px;font-weight:700}.convitem.with-av .subj{font-size:13.5px;font-weight:600;margin-top:3px}.convitem.with-av .snip{margin-top:3px}.convitem.with-av .meta{margin-top:9px}@media(prefers-reduced-motion:reduce){.convitem.with-av{transition:none}.convitem.with-av:hover{transform:none}}.nav .drawer{--dt: var(--accent);--dt-soft: var(--accent-soft);background:var(--bg);border:1px solid var(--border);border-top:3px solid var(--dt);border-radius:14px;box-shadow:var(--card-rest);margin:0 0 12px;overflow:hidden}.nav .drawer-chat{--dt: var(--chat);--dt-soft: var(--chat-soft)}.nav .drawer-email{--dt: var(--email);--dt-soft: var(--email-soft)}.nav .drawer-head{display:flex;align-items:center;gap:11px;width:100%;padding:12px 12px 11px;border:0;background:linear-gradient(180deg,var(--dt-soft),var(--bg));color:var(--text);font:inherit;text-align:left;cursor:pointer}.nav .drawer-head:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.nav .drawer .dicon{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:var(--bg);color:var(--dt);box-shadow:0 1px 2px #10182814}.nav .drawer .dtext{flex:1;min-width:0;display:flex;flex-direction:column}.nav .drawer .dname{font-size:17px;font-weight:800;letter-spacing:-.01em;line-height:1.15}.nav .drawer .dsub{font-size:12px;font-weight:500;line-height:1.3;color:var(--muted);margin-top:2px}.nav .drawer .dbadge{align-self:flex-start;margin-top:5px;font-size:11.5px;font-weight:700;padding:3px 9px;border-radius:999px;background:var(--bg-3);color:var(--muted);white-space:nowrap}.nav .drawer .dbadge.hot{background:#fdeceb;color:#b42318}[data-theme=dark] .nav .drawer .dbadge.hot{background:#2c1616;color:#fca5a5}.nav .drawer .chev{flex:none;width:7px;height:7px;margin-right:4px;border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);transform:rotate(-45deg);transition:transform .15s ease}.nav .drawer.open .chev{transform:rotate(45deg)}.nav .drawer-body{border-top:1px solid var(--border);padding:6px 8px 8px}.nav .drawer a.active{background:var(--dt-soft);color:var(--dt);font-weight:600}@media(prefers-reduced-motion:reduce){.nav .drawer .chev{transition:none}}.theme-switch{margin:auto 10px 0;display:flex;padding:2px;gap:2px;border:1px solid var(--border);border-radius:9px;background:var(--bg-2)}.theme-switch+.me{margin-top:8px}.theme-switch button{flex:1;border:0;background:transparent;color:var(--muted);font-size:12px;padding:4px 6px;border-radius:7px;cursor:pointer}.theme-switch button:hover{color:var(--text)}.theme-switch button.on{background:var(--bg);color:var(--text);font-weight:600;box-shadow:0 0 0 1px var(--border)}.theme-switch button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.theme-select{padding:8px 6px;border-radius:8px;border:1px solid var(--border);background:var(--bg-2);color:var(--text);font:inherit;max-width:112px}.phone-nav{align-items:center}.inbox>.thread .msgs{gap:20px;padding:22px 24px}.msg{gap:12px}.msg>.avatar{flex:none;align-self:flex-start}.msg .bubble{background:var(--msg-cust);border-color:var(--msg-cust-line);padding:14px 18px 16px;overflow:hidden}.msg.agent .bubble{background:var(--msg-us);border-color:var(--msg-us-line)}.msg.ai .bubble{background:var(--violet-soft);border-color:var(--violet-line)}.msg.note .bubble{background:var(--note);border-color:var(--note-border)}.msg .from{flex-wrap:wrap;gap:4px 10px;margin-bottom:10px;line-height:1.4;font-size:12.5px}.msg .from b{color:var(--text);font-size:13.5px;overflow-wrap:anywhere;min-width:0}.msg .body{line-height:1.6;font-size:14.5px;overflow-wrap:anywhere}.msg .atts{margin-top:12px}.msg .status{margin-top:10px}.msg .event,.event{margin:2px 0}[data-theme=dark] .msg .rich-body *:not(a){color:inherit!important;background:transparent!important}[data-theme=dark] .msg .rich-body a{color:var(--link)!important}@media(max-width:800px){.inbox>.thread .msgs{padding:14px 12px;gap:16px}.msg .bubble{padding:12px 14px 14px}}.view-chips,.phone-reply,.sheet-close{display:none}@media(max-width:800px){.inbox>.thread{--phone-head: 48px;--phone-reply: 52px}.inbox:not(.list-only){gap:0;padding:0;background:var(--bg)}.inbox:not(.list-only)>.thread{border:0;border-radius:0;box-shadow:none}.inbox>.thread .head.phone-head{height:var(--phone-head);min-height:var(--phone-head);max-height:var(--phone-head);flex-wrap:nowrap;padding:0 6px 0 2px;gap:2px;overflow:hidden}.phone-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:0;background:none;font:inherit;font-weight:700;font-size:15px;text-align:left;color:var(--text);padding:6px 4px;cursor:pointer}.phone-title:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.inbox>.thread .msgs{flex:1 1 auto;min-height:0;overflow-x:hidden}.phone-reply{display:flex;align-items:center;width:100%;flex:none;height:calc(var(--phone-reply) + env(safe-area-inset-bottom,0px));box-sizing:border-box;padding:0 14px env(safe-area-inset-bottom,0px);border:0;border-top:1px solid var(--border);background:var(--bg);color:var(--muted);text-align:left;font:inherit;cursor:pointer;margin-bottom:var(--hq-tab-inset, 0px)}.phone-reply-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.inbox>.thread .composer.phone-open{position:fixed;left:0;right:0;z-index:36;bottom:calc(var(--kb-bottom, 0px) + var(--hq-tab-inset, 0px));margin:0;border-radius:16px 16px 0 0;max-height:min(46dvh,calc(100dvh - var(--kb-bottom, 0px) - var(--hq-tab-inset, 0px) - var(--phone-head) - 12px));overflow:auto;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}.modes.phone-modes{gap:0;margin-bottom:8px;align-items:center}.modes.phone-modes button{border-radius:999px;padding:4px 12px;font-size:13px}.modes.phone-modes button.on{background:var(--bg-3)}.phone-collapse{border:0;background:none;color:var(--muted);font-size:16px;padding:4px 8px;cursor:pointer}.phone-send{display:inline-flex;align-items:center;gap:6px}.msg,.msg.email-wide{max-width:100%}.msg .bubble{min-width:0}.msg .body img,.msg .rich-body img,.msg .atts a.att-inline img{max-width:100%;height:auto}.quote-toggle{margin-top:6px}.quote-fold{margin-top:8px}.quote-fold summary{cursor:pointer;color:var(--accent);font-size:13px}.quote-fold .quoted{margin-top:6px;color:var(--muted);white-space:pre-wrap}.spaces,.view-chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.view-chips{display:flex;gap:6px;padding:0 12px 8px}.view-chips button{flex:none;border:1px solid var(--border);background:var(--bg);color:var(--text-2);border-radius:999px;padding:4px 10px;font:inherit;font-size:12.5px;font-weight:600;cursor:pointer}.view-chips button.on{background:var(--accent-soft);color:var(--accent);border-color:var(--accent-line)}.view-chips button:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.convlist.phone-list .head .dropdown{display:none}.convitem.with-av{grid-template-columns:minmax(0,1fr);gap:0;padding:8px 10px 8px 12px}.convitem.with-av .avatar,.convitem.with-av .subj,.convitem.with-av .meta{display:none}.convitem.with-av .snip{margin-top:1px}.sheet-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;border:0;padding:0;margin:0;width:100%;background:#0f172a73;display:flex;align-items:flex-end;cursor:pointer}.sheet-bg.customer-bg{background:#0f172a73}.sheet{background:var(--bg);color:var(--text);width:100%;max-height:min(78dvh,680px);overflow:auto;border-radius:16px 16px 0 0;padding:8px 12px calc(16px + env(safe-area-inset-bottom,0px) + var(--hq-tab-inset, 0px));box-shadow:var(--shadow);cursor:default}.sheet.ptr-hold{position:fixed;width:0;height:0;max-height:0;padding:0;overflow:hidden;border:0}.composer.phone-open.sheet{width:auto;max-height:min(46dvh,calc(100dvh - var(--kb-bottom, 0px) - var(--hq-tab-inset, 0px) - var(--phone-head) - 12px));padding:10px 14px calc(12px + env(safe-area-inset-bottom,0px));border-radius:16px 16px 0 0}.sheet h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:14px 4px 4px;font-weight:700}.sheet .sheet-row,.sheet .snooze-menu>button{display:flex;width:100%;text-align:left;border:0;background:none;padding:11px 8px;border-radius:8px;font:inherit;color:inherit;cursor:pointer;gap:8px;align-items:center}.sheet .sheet-row:hover,.sheet .snooze-menu>button:hover{background:var(--bg-2)}.sheet .snooze-custom>button.snooze-confirm{justify-content:center;width:100%;margin-top:.35rem;padding:.65em 1em;min-height:2.75rem;font-size:1rem;font-weight:700;border-radius:8px;border:1px solid var(--accent-2);background:var(--accent-2);color:#fff}.inbox.phone-customer>.sidepanel{display:flex;position:fixed;left:0;right:0;z-index:41;bottom:var(--hq-tab-inset, 0px);max-height:min(78dvh,640px);border-radius:16px 16px 0 0;box-shadow:var(--shadow)}.sidepanel .sheet-close{display:none}.inbox.phone-customer>.sidepanel .sheet-close{display:inline-flex;align-self:flex-end}}