:root{--ops-bg: #f8fafc;--ops-surface: #ffffff;--ops-surface-sunken: #f1f5f9;--ops-surface-hover: #f8fafc;--ops-border: #e2e8f0;--ops-border-subtle: #f1f5f9;--ops-border-strong: #cbd5e1;--ops-border-hover: #94a3b8;--ops-text: #0f172a;--ops-text-muted: #475569;--ops-text-subtle: #64748b;--ops-text-placeholder: #94a3b8;--ops-text-inverse: #ffffff;--ops-primary: #1d4ed8;--ops-primary-hover: #1e40af;--ops-primary-soft: #eff6ff;--ops-secondary: #0369a1;--ops-focus-ring: #1d4ed8;--ops-focus-ring-width: 2px;--ops-focus-ring-offset: 2px;--ops-sidebar-bg: #ffffff;--ops-sidebar-text: #475569;--ops-sidebar-text-muted: #94a3b8;--ops-sidebar-hover-bg: #f8fafc;--ops-sidebar-active-bg: #eff6ff;--ops-sidebar-active-text: #1d4ed8;--ops-sidebar-focus-ring: #1d4ed8;--ops-brand-mark-bg: #1d4ed8;--ops-chip-ok-dot: #059669;--ops-chip-ok-bg: #ecfdf5;--ops-chip-ok-border: #a7f3d0;--ops-chip-ok-text: #065f46;--ops-chip-warn-dot: #d97706;--ops-chip-warn-bg: #fffbeb;--ops-chip-warn-border: #fde68a;--ops-chip-warn-text: #92400e;--ops-chip-crit-dot: #dc2626;--ops-chip-crit-bg: #fef2f2;--ops-chip-crit-border: #fecaca;--ops-chip-crit-text: #991b1b;--ops-chip-neutral-dot: #64748b;--ops-chip-neutral-bg: #f8fafc;--ops-chip-neutral-border: #e2e8f0;--ops-chip-neutral-text: #334155;--ops-font: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--ops-font-heading: var(--ops-font);--ops-font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--ops-numeric: "tnum" 1;--ops-text-2xs: 10.5px;--ops-text-xs: 11px;--ops-text-sm: 12px;--ops-text-md: 13px;--ops-text-lg: 15px;--ops-text-xl: 22px;--ops-line: 18px;--ops-weight-normal: 400;--ops-weight-medium: 500;--ops-weight-bold: 600;--ops-weight-heavy: 700;--ops-tracking-label: .04em;--ops-tracking-heading: -.015em;--ops-sp-1: 4px;--ops-sp-2: 8px;--ops-sp-3: 12px;--ops-sp-4: 16px;--ops-sp-5: 24px;--ops-sp-6: 32px;--ops-radius-sm: 4px;--ops-radius: 4px;--ops-radius-lg: 8px;--ops-radius-pill: 9999px;--ops-shadow-popover: 0 1px 2px 0 rgba(15, 23, 42, .05), 0 4px 6px -1px rgba(15, 23, 42, .03);--ops-shadow-overlay: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -2px rgba(15, 23, 42, .04);--ops-scrim: rgba(15, 23, 42, .25);--ops-scrim-blur: 1px;--ops-row-h: 36px;--ops-row-h-dense: 32px;--ops-control-h: 32px;--ops-chip-h: 20px;--ops-chip-dot: 6px;--ops-avatar: 28px;--ops-brand-mark: 28px;--ops-icon: 18px;--ops-sidebar-w: 240px;--ops-topbar-h: 56px;--ops-content-max: 1440px;--ops-search-max-w: 448px;--ops-palette-w: 640px;--ops-identity-max-w: 240px;--ops-z-topbar: 40;--ops-z-sidebar: 50;--ops-z-palette: 9000}:root{--ib-auto-bg: color-mix(in srgb, var(--ops-secondary) 6%, var(--ops-surface));--ib-auto-border: color-mix(in srgb, var(--ops-secondary) 40%, var(--ops-surface));--ib-auto-text: var(--ops-secondary);--ib-rail-w: 64px;--ib-list-w: 360px;--ib-ctx-w: 300px;--ib-bar-h: 28px;--ib-nav-h: 56px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--ops-bg);color:var(--ops-text);font-family:var(--ops-font);font-size:var(--ops-text-md);line-height:var(--ops-line);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--ops-primary);text-decoration:none}a:hover{color:var(--ops-primary-hover);text-decoration:underline}h1,h2,h3{font-family:var(--ops-font-heading);margin:0;letter-spacing:var(--ops-tracking-heading)}.mono{font-family:var(--ops-font-mono);font-feature-settings:var(--ops-numeric)}.spacer{flex:1}.material-symbols-outlined{font-size:var(--ops-icon);line-height:1;flex-shrink:0;-webkit-user-select:none;user-select:none}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1}:focus-visible{outline:var(--ops-focus-ring-width) solid var(--ops-focus-ring);outline-offset:var(--ops-focus-ring-offset)}.chip{display:inline-flex;align-items:center;gap:var(--ops-sp-1);height:var(--ops-chip-h);padding:2px 6px;border:1px solid var(--ops-chip-neutral-border);border-radius:var(--ops-radius-sm);background:var(--ops-chip-neutral-bg);color:var(--ops-chip-neutral-text);font-size:var(--ops-text-xs);font-weight:var(--ops-weight-bold);white-space:nowrap}.chip-dot{width:var(--ops-chip-dot);height:var(--ops-chip-dot);border-radius:var(--ops-radius-pill);background:var(--ops-chip-neutral-dot);flex:0 0 auto}.chip-icon{font-size:var(--ops-text-md)}.chip-ok{background:var(--ops-chip-ok-bg);border-color:var(--ops-chip-ok-border);color:var(--ops-chip-ok-text)}.chip-ok .chip-dot{background:var(--ops-chip-ok-dot)}.chip-warn{background:var(--ops-chip-warn-bg);border-color:var(--ops-chip-warn-border);color:var(--ops-chip-warn-text)}.chip-warn .chip-dot{background:var(--ops-chip-warn-dot)}.chip-crit{background:var(--ops-chip-crit-bg);border-color:var(--ops-chip-crit-border);color:var(--ops-chip-crit-text)}.chip-crit .chip-dot{background:var(--ops-chip-crit-dot)}.brand-pill{display:inline-flex;align-items:center;gap:5px;height:var(--ops-chip-h);font-size:var(--ops-text-xs);font-weight:var(--ops-weight-medium);color:var(--ops-text-muted);white-space:nowrap}.brand-pill .material-symbols-outlined{font-size:var(--ops-text-md)}.brand-pill.unbranded{color:var(--ops-text-subtle);font-style:italic}.brand-dot{width:8px;height:8px;border-radius:var(--ops-radius-pill);flex-shrink:0;background:var(--ops-border-strong);box-shadow:0 0 0 1px var(--ops-border)}.brand-dot.unknown{background:transparent;border:1px dashed var(--ops-border-hover)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--ops-sp-1);height:var(--ops-control-h);padding:0 var(--ops-sp-3);border:1px solid var(--ops-border-strong);border-radius:var(--ops-radius);background:var(--ops-surface);color:var(--ops-text);cursor:pointer;font-size:var(--ops-text-sm);font-weight:var(--ops-weight-bold)}.btn:hover:not(:disabled){border-color:var(--ops-border-hover);background:var(--ops-surface-hover)}.btn-primary{background:var(--ops-primary);border-color:var(--ops-primary);color:var(--ops-text-inverse)}.btn-primary:hover:not(:disabled){background:var(--ops-primary-hover);border-color:var(--ops-primary-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{height:26px;padding:0 var(--ops-sp-2)}.btn-block{width:100%;justify-content:flex-start}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--ops-control-h);height:var(--ops-control-h);border:0;border-radius:var(--ops-radius);background:transparent;color:var(--ops-text-muted);cursor:pointer}.icon-btn:hover{background:var(--ops-surface-sunken);color:var(--ops-text)}.icon-btn.on{background:var(--ops-primary-soft);color:var(--ops-primary)}.inbox{display:grid;grid-template-columns:var(--ib-rail-w) var(--ib-list-w) minmax(0,1fr) var(--ib-ctx-w);grid-template-rows:minmax(0,1fr) var(--ib-bar-h);grid-template-areas:"rail list main ctx" "bar bar bar bar";height:100vh;height:100dvh;height:var(--ib-vvh, 100dvh);overflow:hidden;position:relative}.pane{min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--ops-surface)}.rail{grid-area:rail}.pane-list{grid-area:list}.pane-main{grid-area:main}.pane-context{grid-area:ctx}.bottombar{grid-area:bar}.scrim{display:none}.rail{display:flex;flex-direction:column;align-items:center;background:var(--ops-sidebar-bg);border-right:1px solid var(--ops-border);padding:var(--ops-sp-2) 0;min-height:0}.rail-mark{width:36px;height:36px;border-radius:var(--ops-radius-lg);margin-bottom:var(--ops-sp-3);background:var(--ops-brand-mark-bg);color:var(--ops-text-inverse);display:grid;place-items:center}.rail-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.rail-item{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:40px;border-radius:var(--ops-radius-lg);border:0;background:transparent;color:var(--ops-sidebar-text);cursor:pointer;text-decoration:none}.rail-item .material-symbols-outlined{font-size:22px}.rail-item:hover:not(:disabled){background:var(--ops-sidebar-hover-bg);color:var(--ops-text);text-decoration:none}.rail-item.active{background:var(--ops-sidebar-active-bg);color:var(--ops-sidebar-active-text)}.rail-item:disabled{color:var(--ops-sidebar-text-muted);cursor:not-allowed}.rail-tabs,.rail-sheet,.sheet-scrim{display:none}.rail-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.rail-badge{position:absolute;top:2px;right:1px;min-width:17px;height:15px;padding:0 4px;border-radius:var(--ops-radius-pill);background:var(--ops-chip-neutral-dot);color:var(--ops-text-inverse);font-size:9.5px;font-weight:var(--ops-weight-heavy);line-height:15px;text-align:center;font-feature-settings:var(--ops-numeric)}.rail-badge.hot{background:var(--ops-chip-warn-dot)}.rail-item.active .rail-badge{background:var(--ops-primary)}.rail-foot{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:var(--ops-sp-2);padding-top:var(--ops-sp-2)}.rail-avatar{width:var(--ops-avatar);height:var(--ops-avatar);border-radius:var(--ops-radius-pill);background:var(--ops-primary-soft);color:var(--ops-primary);display:grid;place-items:center;font-size:var(--ops-text-xs);font-weight:var(--ops-weight-heavy)}.pane-list{border-right:1px solid var(--ops-border)}.list-head{padding:var(--ops-sp-3) var(--ops-sp-3) var(--ops-sp-2);border-bottom:1px solid var(--ops-border);display:flex;flex-direction:column;gap:var(--ops-sp-2)}.list-title-row{display:flex;align-items:baseline;gap:var(--ops-sp-2)}.list-fresh{margin-left:auto;font-size:var(--ops-text-xs);color:var(--ops-text-subtle);white-space:nowrap}.list-fresh.stale{color:var(--ops-chip-warn-text);font-weight:var(--ops-weight-bold)}.bb-warn{color:var(--ops-chip-warn-text)}.list-title{font-size:var(--ops-text-lg);font-weight:var(--ops-weight-heavy)}.list-filters{display:flex;align-items:center;gap:var(--ops-sp-2)}.brand-switch{position:relative;display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;height:var(--ops-control-h);padding:0 var(--ops-sp-2);border:1px solid var(--ops-border-strong);border-radius:var(--ops-radius);background:var(--ops-surface)}.brand-switch select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;flex:1;min-width:0;font-size:var(--ops-text-sm);font-weight:var(--ops-weight-bold);padding-right:18px;cursor:pointer;outline:none}.brand-switch:focus-within{border-color:var(--ops-focus-ring)}.select-caret{position:absolute;right:6px;pointer-events:none;color:var(--ops-text-subtle)}.seg{display:inline-flex;border:1px solid var(--ops-border-strong);border-radius:var(--ops-radius);overflow:hidden;flex-shrink:0}.seg-btn{display:inline-flex;align-items:center;gap:3px;height:30px;padding:0 var(--ops-sp-2);border:0;border-right:1px solid var(--ops-border);background:var(--ops-surface);color:var(--ops-text-muted);font-size:var(--ops-text-sm);font-weight:var(--ops-weight-bold);cursor:pointer}.seg-btn:last-child{border-right:0}.seg-btn .material-symbols-outlined{font-size:15px}.seg-btn.on{background:var(--ops-primary-soft);color:var(--ops-primary)}.search{display:flex;align-items:center;gap:var(--ops-sp-2);height:var(--ops-control-h);padding:0 var(--ops-sp-2);border-radius:var(--ops-radius);background:var(--ops-surface-sunken);border:1px solid transparent}.search:focus-within{background:var(--ops-surface);border-color:var(--ops-focus-ring)}.search .material-symbols-outlined{color:var(--ops-text-subtle)}.search input{flex:1;min-width:0;border:0;background:transparent;outline:none;font-size:var(--ops-text-sm)}.search input::placeholder{color:var(--ops-text-placeholder)}.list-body{flex:1;min-height:0;overflow-y:auto}.conv-list{list-style:none;margin:0;padding:0}.conv-row{display:flex;flex-direction:column;gap:3px;padding:10px var(--ops-sp-3) 10px calc(var(--ops-sp-3) - 2px);border-bottom:1px solid var(--ops-border-subtle);border-left:2px solid transparent;color:inherit;text-decoration:none}.conv-row:hover{background:var(--ops-surface-hover);text-decoration:none;color:inherit}.conv-row.selected{background:var(--ops-primary-soft);border-left-color:var(--ops-primary)}.conv-line1,.conv-line2,.conv-line3{display:flex;align-items:center;gap:6px;min-width:0}.conv-line3{overflow:hidden}.conv-line3 .brand-pill{min-width:0;overflow:hidden;text-overflow:ellipsis;flex-shrink:1}.conv-line3 .chip{flex-shrink:0}.conv-who{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:var(--ops-weight-bold);color:var(--ops-text)}.unread .conv-who{font-weight:var(--ops-weight-heavy)}.unread-dot{width:7px;height:7px;border-radius:var(--ops-radius-pill);background:var(--ops-primary);flex-shrink:0}.conv-time{font-size:var(--ops-text-xs);color:var(--ops-text-subtle);white-space:nowrap}.unread .conv-time{color:var(--ops-primary);font-weight:var(--ops-weight-bold)}.conv-snippet{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ops-text-muted);font-size:var(--ops-text-sm)}.unread .conv-snippet{color:var(--ops-text);font-weight:var(--ops-weight-bold)}.channel-icon{font-size:15px;color:var(--ops-text-subtle)}.tag-enquiry{font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-heavy);text-transform:uppercase;letter-spacing:var(--ops-tracking-label);color:var(--ops-secondary);border:1px solid var(--ib-auto-border);border-radius:var(--ops-radius-sm);padding:0 4px;flex-shrink:0}.deal-ref{font-size:var(--ops-text-xs);color:var(--ops-text-muted)}.assignee-avatar{width:20px;height:20px;border-radius:var(--ops-radius-pill);display:inline-grid;place-items:center;background:var(--ops-surface-sunken);color:var(--ops-text-muted);font-size:9.5px;font-weight:var(--ops-weight-heavy);border:1px solid var(--ops-border)}.assignee-avatar.none{background:transparent;border-style:dashed;color:var(--ops-text-placeholder)}.assignee-avatar .material-symbols-outlined{font-size:12px}.load-more{padding:var(--ops-sp-3);text-align:center}.ds{display:flex;flex-wrap:wrap;align-items:center;gap:var(--ops-sp-2);padding:var(--ops-sp-4) var(--ops-sp-3);color:var(--ops-text-muted);font-size:var(--ops-text-sm)}.ds-loading{color:var(--ops-text-subtle)}.me-warning{position:absolute;left:calc(var(--ib-rail-w) + var(--ops-sp-2));bottom:calc(var(--ib-bar-h) + var(--ops-sp-2));z-index:20;max-width:420px;background:var(--ops-surface);border:1px solid var(--ops-chip-warn-border);border-radius:var(--ops-radius-lg);box-shadow:var(--ops-shadow-popover)}.me-warning .ds{padding:var(--ops-sp-2) var(--ops-sp-3)}.pane-main{background:var(--ops-bg);container-type:inline-size}.tabs{display:flex;gap:2px;padding:0 var(--ops-sp-3);border-bottom:1px solid var(--ops-border);background:var(--ops-surface);overflow-x:auto;flex-shrink:0}.tab{display:inline-flex;align-items:center;gap:5px;height:40px;padding:0 var(--ops-sp-3);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--ops-text-muted);font-size:var(--ops-text-sm);font-weight:var(--ops-weight-bold);white-space:nowrap;cursor:pointer}.tab.on{color:var(--ops-primary);border-bottom-color:var(--ops-primary)}.tab:disabled{color:var(--ops-text-placeholder);cursor:not-allowed}.soon{font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-bold);text-transform:uppercase;letter-spacing:var(--ops-tracking-label);color:var(--ops-text-subtle);border:1px solid var(--ops-border);border-radius:var(--ops-radius-sm);padding:0 4px}.thread-head{background:var(--ops-surface);border-bottom:1px solid var(--ops-border);padding:var(--ops-sp-3) var(--ops-sp-4) var(--ops-sp-2);flex-shrink:0}.thread-title-row{display:flex;align-items:center;gap:var(--ops-sp-2)}.thread-title{flex:1;min-width:0;font-size:var(--ops-text-lg);font-weight:var(--ops-weight-heavy);overflow-wrap:anywhere}.thread-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:var(--ops-sp-2)}.thread-phone{display:inline-flex;align-items:center;gap:3px;font-size:var(--ops-text-xs);color:var(--ops-text-muted)}.thread-phone .material-symbols-outlined{font-size:14px}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:1px}.tool-btn{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 var(--ops-sp-2);border:0;border-radius:var(--ops-radius);background:transparent;color:var(--ops-text-muted);font-size:var(--ops-text-sm);white-space:nowrap}.tool-btn .material-symbols-outlined{font-size:17px}.tool-btn:disabled{opacity:.5;cursor:not-allowed}.tool-label-short{display:none}@container (max-width: 760px){.tool-label{display:none}.tool-label-short{display:block;font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-bold);line-height:1.1}.thread-sub .toolbar{flex-basis:100%;gap:2px}.thread-sub .toolbar>*{flex:1 1 0;min-width:0}.thread-sub .tool-btn{flex-direction:column;width:100%;height:auto;min-height:44px;padding:4px 2px;gap:2px}}.tool-btn:not(:disabled):hover{background:var(--ops-surface-hover);color:var(--ops-text);cursor:pointer}.tool-btn[aria-busy=true]{color:var(--ops-primary)}.tool-menu{position:relative}.tool-menu>summary{list-style:none;cursor:pointer}.tool-menu>summary::-webkit-details-marker{display:none}.tool-menu[open]>summary{background:var(--ops-surface-hover);color:var(--ops-text)}.tool-menu-list{position:absolute;right:0;top:calc(100% + 4px);z-index:var(--ops-z-topbar);min-width:260px;display:flex;flex-direction:column;padding:var(--ops-sp-1);background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);box-shadow:var(--ops-shadow-popover)}.tool-menu-item{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--ops-sp-2);border:0;border-radius:var(--ops-radius);background:transparent;color:var(--ops-text);font-size:var(--ops-text-sm);text-align:left;cursor:pointer}.tool-menu-item:hover,.tool-menu-item:focus-visible{background:var(--ops-surface-hover)}.tool-menu-when{font-size:var(--ops-text-xs);color:var(--ops-text-muted)}.tool-menu-item:disabled{color:var(--ops-text-muted);cursor:default;background:transparent}.tool-menu-note{display:flex;flex-direction:column;align-items:flex-start;gap:var(--ops-sp-2);padding:var(--ops-sp-2);font-size:var(--ops-text-sm);color:var(--ops-text-muted)}.tool-menu-list{max-height:min(60vh,420px);overflow-y:auto}.thread-assignee,.thread-snooze{display:inline-flex;align-items:center;gap:3px;font-size:var(--ops-text-xs);color:var(--ops-text-muted)}.thread-assignee .material-symbols-outlined,.thread-snooze .material-symbols-outlined{font-size:14px}.workflow-notice{align-items:center;margin-top:var(--ops-sp-2)}.thread-body{flex:1;min-height:0;overflow-y:auto;padding:var(--ops-sp-4);display:flex;flex-direction:column;gap:var(--ops-sp-3)}.thread-content{display:flex;flex-direction:column;gap:inherit}.thread-sms .thread-content{margin-top:auto}.thread-sms{overflow-anchor:none}.new-below{position:sticky;bottom:0;align-self:center;flex-shrink:0;box-shadow:var(--ops-shadow-popover)}.banner,.callout{display:flex;gap:var(--ops-sp-2);align-items:flex-start;padding:var(--ops-sp-2) var(--ops-sp-3);border-radius:var(--ops-radius-lg);border:1px solid;font-size:var(--ops-text-sm)}.banner-warn,.callout-warn{background:var(--ops-chip-warn-bg);color:var(--ops-chip-warn-text);border-color:var(--ops-chip-warn-border)}.banner-neutral{background:var(--ops-surface-sunken);color:var(--ops-text-muted);border-color:var(--ops-border)}.callout{margin:var(--ops-sp-3) 0 var(--ops-sp-1)}.msg{background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);padding:var(--ops-sp-3) var(--ops-sp-4)}.msg-outbound.msg-tone-staff{border-left:3px solid var(--ops-primary)}.msg-inbound{border-left:3px solid var(--ops-border-strong)}.msg.msg-tone-automated,.msg.msg-tone-system{background:var(--ib-auto-bg);border:1px dashed var(--ib-auto-border);border-left:3px dashed var(--ib-auto-text)}.msg.msg-tone-unknown{border-style:dashed}.msg-head{display:flex;align-items:flex-start;gap:var(--ops-sp-2)}.avatar{width:30px;height:30px;border-radius:var(--ops-radius-pill);display:inline-grid;place-items:center;flex-shrink:0;background:var(--ops-surface-sunken);color:var(--ops-text-muted);font-size:var(--ops-text-xs);font-weight:var(--ops-weight-heavy)}.avatar-staff{background:var(--ops-primary-soft);color:var(--ops-primary)}.avatar-bot{background:var(--ops-surface);color:var(--ib-auto-text);border:1px dashed var(--ib-auto-border)}.msg-meta{flex:1;min-width:0}.msg-from-row{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:2px var(--ops-sp-3)}.msg-from{font-weight:var(--ops-weight-heavy);overflow-wrap:anywhere}.msg-time,.sms-time{font-size:var(--ops-text-xs);color:var(--ops-text-subtle);white-space:nowrap}.msg-to{font-size:var(--ops-text-xs);color:var(--ops-text-subtle);overflow-wrap:anywhere}.msg-tags{margin-top:4px}.msg-subject{font-weight:var(--ops-weight-bold);margin-top:var(--ops-sp-2)}.msg-body{margin-top:6px;white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--ops-text-md);line-height:1.55}.msg-body-gone{display:flex;gap:var(--ops-sp-2);align-items:flex-start;white-space:normal;color:var(--ops-text-muted);background:var(--ops-surface-sunken);border:1px dashed var(--ops-border-strong);border-radius:var(--ops-radius);padding:var(--ops-sp-2) var(--ops-sp-3);font-size:var(--ops-text-sm)}.kind-tag{display:inline-flex;align-items:center;gap:3px;height:18px;padding:0 6px;border-radius:var(--ops-radius-sm);border:1px solid;font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-bold);white-space:nowrap}.kind-tag .material-symbols-outlined{font-size:13px}.kind-customer{background:var(--ops-surface-sunken);color:var(--ops-text-muted);border-color:var(--ops-border)}.kind-staff{background:var(--ops-primary-soft);color:var(--ops-primary);border-color:var(--ib-auto-border)}.kind-automated,.kind-system{background:var(--ops-surface);color:var(--ib-auto-text);border-color:var(--ib-auto-border);border-style:dashed}.kind-internal{background:var(--ops-chip-neutral-bg);color:var(--ops-chip-neutral-text);border-color:var(--ops-chip-neutral-border)}.kind-unknown{background:var(--ops-chip-warn-bg);color:var(--ops-chip-warn-text);border-color:var(--ops-chip-warn-border);border-style:dashed}.kind-note{font-weight:var(--ops-weight-medium)}.attachments{list-style:none;padding:0;margin:var(--ops-sp-2) 0 0;display:flex;flex-wrap:wrap;gap:6px}.attachment{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 var(--ops-sp-2);border:1px solid var(--ops-border-strong);border-radius:var(--ops-radius);background:var(--ops-surface-sunken);font-size:var(--ops-text-sm)}.att-name{font-weight:var(--ops-weight-bold);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.att-size{color:var(--ops-text-subtle);font-size:var(--ops-text-xs)}.thread-sms{gap:var(--ops-sp-3)}.sms{display:flex;flex-direction:column;max-width:min(560px,85%)}.sms-inbound{align-self:flex-start;align-items:flex-start}.sms-outbound{align-self:flex-end;align-items:flex-end}.sms-meta{display:flex;align-items:center;gap:var(--ops-sp-2);font-size:var(--ops-text-xs);color:var(--ops-text-subtle);margin-bottom:4px}.sms-bubble{padding:var(--ops-sp-2) var(--ops-sp-3);border-radius:14px;background:var(--ops-surface);border:1px solid var(--ops-border)}.sms-bubble .msg-body{margin:0}.sms-inbound .sms-bubble{border-bottom-left-radius:var(--ops-radius-sm)}.sms-outbound.msg-tone-staff .sms-bubble{background:var(--ops-primary);color:var(--ops-text-inverse);border-color:var(--ops-primary);border-bottom-right-radius:var(--ops-radius-sm)}.sms-outbound.msg-tone-automated .sms-bubble,.sms-outbound.msg-tone-system .sms-bubble{background:var(--ib-auto-bg);border:1px dashed var(--ib-auto-text);border-bottom-right-radius:var(--ops-radius-sm)}.delivery{display:inline-flex;align-items:center;gap:4px;margin-top:4px;font-size:var(--ops-text-xs);font-weight:var(--ops-weight-bold)}.delivery .material-symbols-outlined{font-size:15px}.delivery-crit{color:var(--ops-chip-crit-text);background:var(--ops-chip-crit-bg);border:1px solid var(--ops-chip-crit-border);border-radius:var(--ops-radius-sm);padding:1px 6px}.delivery-pos{color:var(--ops-chip-ok-text)}.delivery-neutral,.delivery-unknown{color:var(--ops-text-subtle)}.composer{flex-shrink:0;display:flex;gap:var(--ops-sp-2);align-items:flex-end;margin:0 var(--ops-sp-4) var(--ops-sp-3);padding:var(--ops-sp-2);background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg)}.composer-box{flex:1;display:flex;gap:var(--ops-sp-2);align-items:flex-start;min-height:44px;padding:var(--ops-sp-2);border-radius:var(--ops-radius);background:var(--ops-surface-sunken);color:var(--ops-text-subtle);font-size:var(--ops-text-sm)}.composer-actions{display:flex;gap:var(--ops-sp-1)}.banner-crit{background:var(--ops-chip-crit-bg);color:var(--ops-chip-crit-text);border-color:var(--ops-chip-crit-border)}.banner-pos{background:var(--ops-chip-ok-bg);color:var(--ops-chip-ok-text);border-color:var(--ops-chip-ok-border)}.composer-live{flex-direction:column;align-items:stretch}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"field actions" "foot foot";gap:var(--ops-sp-1) var(--ops-sp-2);align-items:end}.composer-field{grid-area:field;position:relative;display:flex;min-width:0}.composer-foot{grid-area:foot;display:flex;align-items:center;gap:var(--ops-sp-2);min-width:0}.quick-toggle{display:none}.composer-input{flex:1;min-width:0;min-height:64px;max-height:40vh;resize:none;overflow-y:auto;padding:var(--ops-sp-2);border:1px solid var(--ops-border-strong);border-radius:var(--ops-radius);background:var(--ops-surface);color:var(--ops-text);font-family:var(--ops-font);font-size:var(--ops-text-sm);line-height:1.45}.composer-input:focus-visible{outline:var(--ops-focus-ring-width) solid var(--ops-focus-ring);outline-offset:0;border-color:var(--ops-focus-ring)}.composer-input:disabled{background:var(--ops-surface-sunken);color:var(--ops-text-subtle);cursor:progress}.canned{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.canned-label{font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-bold);text-transform:uppercase;letter-spacing:var(--ops-tracking-label);color:var(--ops-text-subtle);margin-right:2px}.canned-btn{height:24px;padding:0 var(--ops-sp-2);border:1px solid var(--ops-border);border-radius:999px;background:var(--ops-surface-sunken);color:var(--ops-text-muted);font-size:var(--ops-text-xs);white-space:nowrap;cursor:pointer}.canned-btn:hover:not(:disabled){border-color:var(--ops-primary);color:var(--ops-primary)}.canned-btn:disabled{opacity:.5;cursor:not-allowed}.composer-counter{display:flex;flex-wrap:wrap;gap:var(--ops-sp-2);min-width:0;font-size:var(--ops-text-xs);color:var(--ops-text-subtle)}.counter-count{font-feature-settings:var(--ops-numeric);white-space:nowrap}.counter-warn{color:var(--ops-chip-warn-text)}.counter-crit{color:var(--ops-chip-crit-text);font-weight:var(--ops-weight-bold)}.send-notice{align-items:center}.ai-notice{align-items:flex-start}.ai-list{margin:var(--ops-sp-1) 0 0;padding-left:var(--ops-sp-4)}.ai-retry{margin-top:var(--ops-sp-2)}.ai-live{display:flex;flex-direction:column;gap:var(--ops-sp-2)}.ai-live:empty{display:none}.ai-todo{list-style:none;margin:var(--ops-sp-1) 0 0;padding:0;display:flex;flex-direction:column;gap:2px}.ai-todo li{display:flex;align-items:flex-start;gap:6px;padding:4px var(--ops-sp-2);border-radius:var(--ops-radius);background:var(--ops-surface);color:var(--ops-text);font-weight:var(--ops-weight-bold)}.ai-todo .material-symbols-outlined{font-size:18px;flex-shrink:0;color:var(--ops-chip-warn-text)}.composer-live .composer-actions{grid-area:actions;flex-direction:column;align-items:stretch}.composer-actions .ai-btn{white-space:nowrap}.ai-btn.is-drafting,.ai-btn.is-drafting:disabled{opacity:1;background:var(--ops-primary-soft);border-color:var(--ops-primary);color:var(--ops-primary);cursor:progress}.spin{animation:spin .9s linear infinite}.composer-field[data-drafting] .composer-input{background:var(--ops-surface-sunken);color:var(--ops-text-subtle)}.composer-field[data-drafting]:after{content:"";position:absolute;top:1px;right:1px;bottom:1px;left:1px;border-radius:var(--ops-radius);pointer-events:none;background:linear-gradient(100deg,transparent 30%,color-mix(in srgb,var(--ops-primary) 16%,transparent) 50%,transparent 70%);background-size:250% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-150% 0}}@media (prefers-reduced-motion: reduce){.spin,.composer-field[data-drafting]:after{animation:none}}.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}@media (max-width: 719px){.composer-row{grid-template-areas:"field field" "foot actions"}.composer-live .composer-actions{flex-direction:row}.quick-toggle{display:inline-flex;flex:none}.quick-toggle[aria-expanded=true]{border-color:var(--ops-primary);color:var(--ops-primary);background:var(--ops-primary-soft)}.composer-live[data-quick=closed] .canned,.canned-label{display:none}.composer-input{min-height:44px;max-height:30vh}.counter-warn .counter-note{display:none}}.mms{display:flex;flex-wrap:wrap;gap:var(--ops-sp-2);margin-top:var(--ops-sp-1)}.sms-outbound .mms{justify-content:flex-end}.mms-image{display:block;border-radius:var(--ops-radius-lg);overflow:hidden;border:1px solid var(--ops-border);background:var(--ops-surface-sunken)}.mms-image img{display:block;width:180px;height:180px;max-width:100%;object-fit:cover}.mms-file{display:inline-flex;align-items:center;gap:var(--ops-sp-1);min-height:44px;padding:0 var(--ops-sp-3);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);background:var(--ops-surface);color:var(--ops-text);font-size:var(--ops-text-sm);text-decoration:none}.mms-type{font-size:var(--ops-text-xs);color:var(--ops-text-muted)}.send-notice-text{flex:1}.pane-context{border-left:1px solid var(--ops-border);overflow-y:auto}.ctx-head{display:flex;align-items:center;justify-content:space-between;height:40px;padding:0 var(--ops-sp-4);border-bottom:1px solid var(--ops-border);font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-bold);letter-spacing:var(--ops-tracking-label);text-transform:uppercase;color:var(--ops-text-subtle);flex-shrink:0}.ctx-body{padding:var(--ops-sp-3) var(--ops-sp-4) var(--ops-sp-5)}.ctx-body.ctx-none{padding-top:var(--ops-sp-4)}.ctx-link-state{display:flex;align-items:center;gap:var(--ops-sp-2);flex-wrap:wrap}.ctx-source{font-size:var(--ops-text-xs);color:var(--ops-text-subtle)}.ctx-section{padding:var(--ops-sp-3) 0;border-bottom:1px solid var(--ops-border-subtle)}.ctx-section:last-child{border-bottom:0}.ctx-heading{display:flex;align-items:center;gap:6px;margin-bottom:6px;font-size:var(--ops-text-2xs);font-weight:var(--ops-weight-bold);color:var(--ops-text-subtle);text-transform:uppercase;letter-spacing:var(--ops-tracking-label)}.ctx-heading .material-symbols-outlined{font-size:15px}.ctx-primary{font-weight:var(--ops-weight-bold);overflow-wrap:anywhere}.ctx-none{color:var(--ops-text-subtle);font-size:var(--ops-text-sm)}.ext-link{display:inline-flex;align-items:center;gap:3px}.ext-icon{font-size:14px}.ctx-dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:4px var(--ops-sp-3);font-size:var(--ops-text-sm)}.ctx-dl .ctx-primary{grid-column:1 / -1;margin-bottom:2px}.ctx-dl dt{color:var(--ops-text-subtle)}.ctx-dl dd{margin:0;text-align:right}.quick-actions{display:flex;flex-direction:column;gap:6px}.bottombar{display:flex;align-items:center;gap:var(--ops-sp-4);padding:0 var(--ops-sp-3);border-top:1px solid var(--ops-border);background:var(--ops-surface);color:var(--ops-text-subtle);font-size:var(--ops-text-xs);white-space:nowrap;overflow:hidden}.bb-item{display:inline-flex;align-items:center;gap:4px}.bb-item .material-symbols-outlined{font-size:14px}.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--ops-sp-6) var(--ops-sp-5);color:var(--ops-text-subtle);gap:4px;flex:1}.empty-icon{font-size:40px;color:var(--ops-border-strong);margin-bottom:var(--ops-sp-2)}.empty-title{font-weight:var(--ops-weight-heavy);color:var(--ops-text);font-size:var(--ops-text-lg)}.empty-sub{font-size:var(--ops-text-sm)}.full-state{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--ops-sp-5);gap:var(--ops-sp-3);background:var(--ops-bg)}.inline-state{padding:var(--ops-sp-6) var(--ops-sp-4);display:flex;justify-content:center}.state-card{max-width:460px;text-align:center;background:var(--ops-surface);border:1px solid var(--ops-border);border-radius:var(--ops-radius-lg);padding:var(--ops-sp-6) var(--ops-sp-6) var(--ops-sp-5)}.full-state .state-card{box-shadow:var(--ops-shadow-popover)}.state-icon{font-size:36px;color:var(--ops-primary);margin-bottom:var(--ops-sp-2)}.state-title{font-size:var(--ops-text-lg);font-weight:var(--ops-weight-heavy);margin-bottom:var(--ops-sp-2)}.state-body{color:var(--ops-text-muted);margin:0 0 var(--ops-sp-4)}.state-ref{margin-top:var(--ops-sp-3);font-size:var(--ops-text-xs);color:var(--ops-text-subtle);font-family:var(--ops-font-mono)}.spinner{width:16px;height:16px;border:2px solid var(--ops-border);border-top-color:var(--ops-primary);border-radius:var(--ops-radius-pill);animation:spin .8s linear infinite;display:inline-block}.full-state .spinner{width:28px;height:28px;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}.only-medium,.only-narrow{display:none}@media (max-width: 1279px){.inbox{grid-template-columns:var(--ib-rail-w) 320px minmax(0,1fr);grid-template-areas:"rail list main" "bar bar bar"}.only-medium{display:inline-flex}.pane-context{position:absolute;top:0;right:0;bottom:var(--ib-bar-h);width:min(340px,92vw);z-index:30;transform:translate(100%);visibility:hidden;transition:transform .18s ease,visibility .18s}.context-open .pane-context{transform:none;visibility:visible;box-shadow:var(--ops-shadow-overlay)}.context-open .scrim{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background:var(--ops-scrim);z-index:25}.pane-context-empty{display:none}}@media (max-width: 959px){.inbox{grid-template-columns:var(--ib-rail-w) 280px minmax(0,1fr)}.seg-btn .material-symbols-outlined{display:none}}@media (max-width: 719px){.inbox{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) calc(var(--ib-nav-h) + env(safe-area-inset-bottom,0px));grid-template-areas:"screen" "rail"}:root[data-keyboard=open] .inbox{grid-template-rows:minmax(0,1fr) 0}:root[data-keyboard=open] .rail{display:none}.pane-list,.pane-main,.pane-context{grid-area:screen}.bottombar,.me-warning{display:none}.only-narrow,.only-medium{display:inline-flex}.rail{flex-direction:row;align-items:stretch;padding:0 0 env(safe-area-inset-bottom,0px);border-right:0;border-top:1px solid var(--ops-border);overflow:visible}.rail-mark,.rail-foot,.rail-list{display:none}.rail-tabs{display:flex;flex:1;min-width:0;list-style:none;margin:0;padding:0}.rail-tab-li{flex:1 1 0;min-width:0;display:flex}.rail-tab{position:relative;flex:1;min-width:0;height:var(--ib-nav-h);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;background:transparent;color:var(--ops-sidebar-text);text-decoration:none;cursor:pointer}.rail-tab .material-symbols-outlined{font-size:22px}.rail-tab.active{color:var(--ops-sidebar-active-text);background:var(--ops-sidebar-active-bg)}.rail-tab-label{font-size:var(--ops-text-xs);font-weight:var(--ops-weight-bold);line-height:1.1;white-space:nowrap}.rail-tab .rail-badge{top:4px;right:auto;left:calc(50% + 6px)}.sheet-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--ops-scrim)}.rail-sheet{display:block;position:fixed;left:0;right:0;z-index:41;bottom:calc(var(--ib-nav-h) + env(safe-area-inset-bottom,0px));background:var(--ops-surface);border-top:1px solid var(--ops-border);border-radius:var(--ops-radius-lg) var(--ops-radius-lg) 0 0;box-shadow:var(--ops-shadow-overlay);padding:var(--ops-sp-2)}.rail-sheet-list{list-style:none;margin:0;padding:0}.sheet-item{display:flex;align-items:center;gap:var(--ops-sp-3);width:100%;min-height:48px;padding:0 var(--ops-sp-3);border:0;border-radius:var(--ops-radius);background:transparent;color:var(--ops-text);font-size:var(--ops-text-md);text-decoration:none;text-align:left;cursor:pointer}.sheet-item.active{background:var(--ops-sidebar-active-bg);color:var(--ops-sidebar-active-text)}.sheet-label{flex:1}.sheet-count{font-size:var(--ops-text-xs);color:var(--ops-text-muted)}.tool-btn,.icon-btn{min-width:44px;min-height:44px;justify-content:center}.btn,.seg-btn,.brand-switch,.search{min-height:44px}.search input,.brand-switch select,.composer-input{font-size:16px}.canned{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.canned-btn{min-height:44px;flex:none}.tab{min-height:44px;min-width:44px;justify-content:center}.tab:disabled .tab-label,.tab:disabled .soon{display:none}.tool-menu-list{position:fixed;left:var(--ops-sp-2);right:var(--ops-sp-2);top:auto;min-width:0}.tool-menu-item{min-height:48px}.inbox[data-pane=list] .pane-main,.inbox[data-pane=list] .pane-context,.inbox[data-pane=thread] .pane-list,.inbox[data-pane=thread] .pane-context,.inbox[data-pane=context] .pane-list,.inbox[data-pane=context] .pane-main{display:none}.pane-context{position:static;width:auto;transform:none;visibility:visible;box-shadow:none;transition:none}.context-open .scrim{display:none}.thread-head{padding:var(--ops-sp-2) var(--ops-sp-3)}.thread-body{padding:var(--ops-sp-3) var(--ops-sp-2)}.msg{padding:var(--ops-sp-3)}.composer{margin:0 var(--ops-sp-2) var(--ops-sp-2)}.tab{padding:0 var(--ops-sp-2)}.sms{max-width:92%}}