:root{--bg:#f4f6f8;--surface:#fff;--border:#d8dee4;--text:#1a2332;--text-muted:#5c6b7a;--accent:#0b6e4f;--accent-hover:#095a41;--danger:#b42318;--radius:8px;--shadow:0 1px 2px #1018280f;--font:"Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);color:var(--text);background:var(--bg);line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{flex-direction:column;height:100vh;display:flex;overflow:hidden}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:30;flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;height:52px;padding:0 1rem;display:flex}.topbar-left{align-items:center;gap:.75rem;min-width:0;display:flex}.topbar-right{align-items:center;gap:.75rem;display:flex}.hamburger-btn{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:36px;height:36px;color:var(--text);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.hamburger-btn:hover{background:#eef2f6}.topbar-badge{color:var(--text-muted);background:var(--bg);border:1px solid var(--border);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:.2rem .6rem;font-size:.8125rem;overflow:hidden}.nav-drawer-backdrop{z-index:40;background:#10182859;position:fixed;inset:0}.nav-drawer{background:var(--surface);border-right:1px solid var(--border);z-index:50;flex-direction:column;gap:1rem;width:260px;max-width:85vw;padding:1rem;transition:transform .18s ease-out;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:0 8px 24px #10182824}.nav-drawer.open{transform:translate(0)}.nav-drawer-header{justify-content:space-between;align-items:center;display:flex}.nav-drawer-body{flex:1;overflow-y:auto}.nav-sections{flex-direction:column;gap:1.25rem;display:flex}.brand{letter-spacing:-.02em;font-weight:700}.workspace-label{margin:0}.workspace-switcher{position:relative}.workspace-switcher-trigger{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:.5rem;margin:0;padding:.35rem .5rem;font-size:.875rem;display:flex}.workspace-switcher-trigger:hover{color:var(--text);background:#eef2f6}.workspace-switcher-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-switcher-chevron{flex-shrink:0;font-size:.75rem}.workspace-menu{z-index:20;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;padding:.25rem;list-style:none;position:absolute;top:calc(100% + .25rem);left:0;right:0}.workspace-menu-item{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;padding:.5rem .625rem;font-size:.875rem;display:block}.workspace-menu-item:hover,.workspace-menu-item.selected{background:#eef2f6}.nav-section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:0 0 .5rem;font-size:.75rem}.nav-list{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-link{border-radius:var(--radius);color:var(--text-muted);padding:.5rem .75rem;display:block}.nav-link.active,.nav-link:hover{color:var(--text);background:#eef2f6}.main-content{flex:1;min-height:0;padding:1.5rem 2rem;overflow-y:auto}.main-content-inbox{flex-direction:column;padding:0;display:flex;overflow:hidden}.page-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.page-header h1{margin:0;font-size:1.5rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem}.stack{flex-direction:column;gap:.75rem;display:flex}.row{align-items:center;gap:.75rem;display:flex}.btn{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:var(--radius);cursor:pointer;padding:.5rem .875rem}.btn:hover{background:#f0f3f6}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover)}.social-auth{width:100%}.btn-social{letter-spacing:.01em;cursor:pointer;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;gap:.75rem;width:100%;min-height:40px;padding:0 .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.btn-social-icon{flex-shrink:0;width:18px;height:18px}.btn-google{color:#1f1f1f;background:#fff;border-color:#747775}.btn-google:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c404326}.btn-google:focus-visible{outline-offset:2px;outline:2px solid #0b57d0}.btn-facebook{color:#fff;background:#1877f2;border-color:#1877f2}.btn-facebook:hover{background:#166fe5}.btn-facebook:focus-visible{outline-offset:2px;outline:2px solid #1877f2}.field label{margin-bottom:.25rem;font-size:.875rem;display:block}.field input{border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:.5rem .625rem}.auth-layout{place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{width:min(440px,100%)}.auth-divider{border:0;border-top:1px solid var(--border);margin:.25rem 0}.connect-banner{border-color:color-mix(in srgb, var(--accent) 40%, var(--border));background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.connect-banner-compact{padding:.875rem 1rem}.connect-banner-body{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;display:flex}.page-subtitle{margin:.35rem 0 0}.page-subtitle-meta{font-weight:400}.business-page{max-width:36rem}.business-hero{gap:.85rem}.business-status,.business-status-ok{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:.75rem;font-weight:600}.business-hero-title{margin:0;font-size:1.25rem;line-height:1.3}.business-hero-copy{margin:0}.business-phone{margin:0;font-size:1.35rem;font-weight:600}.business-steps{margin:0;padding-left:1.25rem}.business-steps li{margin:.25rem 0}.business-actions{margin-top:.25rem}.muted{color:var(--text-muted);font-size:.875rem}.error-text{color:var(--danger);font-size:.875rem}.upgrade-cta{border:1px dashed var(--accent);border-radius:var(--radius);background:#ecfdf5;padding:1rem}.table{border-collapse:collapse;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--border);padding:.5rem}.thread-list{flex-direction:column;gap:.5rem;display:flex}.thread-item{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:.75rem}.inbox-container{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.inbox-split-layout{background:var(--surface);flex:1;grid-template-columns:360px 1fr;height:100%;min-height:0;display:grid}@media (width<=768px){.inbox-split-layout{grid-template-columns:280px 1fr}}.inbox-sidebar{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;min-height:0;display:flex}.inbox-sidebar-header{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.inbox-sidebar-title-row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.inbox-number-select{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);max-width:210px;padding:.25rem .5rem;font-size:.8rem}.inbox-search-wrapper{align-items:center;display:flex;position:relative}.inbox-search-input{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);width:100%;padding:.45rem 1.85rem .45rem .65rem;font-size:.85rem}.inbox-search-input:focus{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);background:var(--surface)}.inbox-search-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:.2rem .35rem;font-size:.8rem;position:absolute;right:.35rem}.inbox-thread-list{flex-direction:column;flex:1;display:flex;overflow-y:auto}.inbox-thread-item{border-bottom:1px solid var(--border);background:var(--surface);flex-direction:column;gap:.2rem;padding:.75rem .85rem;transition:background .12s;display:flex}.inbox-thread-item:hover{background:#f5f8fa}.inbox-thread-item.active{background:color-mix(in srgb, var(--accent) 10%, var(--surface));border-left:3px solid var(--accent);padding-left:calc(.85rem - 3px)}.inbox-thread-top{justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.inbox-thread-name{text-overflow:ellipsis;white-space:nowrap;font-size:.925rem;font-weight:600;overflow:hidden}.inbox-thread-time{color:var(--text-muted);flex-shrink:0;font-size:.75rem}.inbox-thread-phone{color:var(--text-muted);font-size:.775rem}.inbox-thread-bottom{align-items:center;gap:.4rem;min-width:0;margin-top:.1rem;display:flex}.inbox-tag-filter-bar{flex-wrap:wrap;align-items:center;gap:.35rem;display:flex}.inbox-filter-chip{border:1px solid var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.inbox-filter-chip:hover{color:var(--text);background:#eaeff4}.inbox-filter-chip.active{background:var(--text);border-color:var(--text);color:#fff}.inbox-filter-needs-reply{border:1px solid color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--accent);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-flex}.inbox-filter-needs-reply:hover{background:color-mix(in srgb, var(--accent) 18%, var(--surface))}.inbox-filter-needs-reply.active{background:var(--accent);border-color:var(--accent);color:#fff}.inbox-filter-needs-reply.active .needs-reply-indicator{background:#fff}.inbox-filter-mode-btn{border:1px dashed var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:.18rem .45rem;font-size:.7rem;font-weight:600}.needs-reply-indicator{background:var(--accent);border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.inbox-thread-tags{flex-wrap:wrap;gap:.3rem;margin-top:.15rem;display:flex}.inbox-needs-reply-dot{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.08rem .45rem;font-size:.7rem;font-weight:600;display:inline-flex}.inbox-thread-tag{color:#344054;border:1px solid var(--border);background:#eef2f6;border-radius:999px;align-items:center;padding:.08rem .45rem;font-size:.7rem;font-weight:500;display:inline-flex}.conversation-header-main{flex-direction:column;gap:.45rem;min-width:0;display:flex}.conversation-tags-bar{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.inbox-needs-reply-toggle{border:1px dashed var(--border);background:var(--bg);color:var(--text-muted);cursor:pointer;border-radius:999px;align-items:center;gap:.35rem;padding:.18rem .55rem;font-size:.75rem;font-weight:600;display:inline-flex}.inbox-needs-reply-toggle .needs-reply-indicator{background:var(--text-muted)}.inbox-needs-reply-toggle.active{border-style:solid;border-color:color-mix(in srgb, var(--accent) 45%, var(--border));background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent)}.inbox-needs-reply-toggle.active .needs-reply-indicator{background:var(--accent)}.inbox-tag-pill{color:#344054;border:1px solid var(--border);background:#eef2f6;border-radius:999px;align-items:center;gap:.25rem;padding:.15rem .4rem .15rem .55rem;font-size:.75rem;font-weight:500;display:inline-flex}.inbox-tag-remove{color:var(--text-muted);cursor:pointer;background:0 0;border:0;padding:0 .15rem;font-size:.85rem;line-height:1}.inbox-tag-remove:hover{color:var(--danger)}.tag-picker-wrapper{position:relative}.inbox-add-tag-btn{border:1px dashed var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;border-radius:999px;padding:.15rem .55rem;font-size:.75rem;font-weight:500}.inbox-add-tag-btn:hover{background:var(--bg);color:var(--text)}.tag-picker-popover{z-index:35;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.5rem;width:240px;padding:.6rem;display:flex;position:absolute;top:calc(100% + .35rem);left:0;box-shadow:0 6px 18px #1018281f}.tag-picker-form{gap:.35rem;display:flex}.tag-picker-input{border:1px solid var(--border);border-radius:calc(var(--radius) - 2px);flex:1;min-width:0;padding:.3rem .5rem;font-size:.8rem}.tag-picker-submit{padding:.3rem .55rem;font-size:.775rem}.tag-picker-list{flex-direction:column;gap:.2rem;max-height:180px;display:flex;overflow-y:auto}.tag-picker-option{border-radius:calc(var(--radius) - 2px);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;padding:.35rem .5rem;font-size:.8rem;display:flex}.tag-picker-option:hover,.tag-picker-option.selected{background:#eef2f6}.inbox-thread-preview{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.825rem;overflow:hidden}.inbox-chat-pane{background:var(--bg);flex-direction:column;height:100%;min-height:0;display:flex}.inbox-empty-chat{flex:1;place-items:center;padding:2rem;display:grid}.conversation-page{flex-direction:column;flex:1;height:100%;min-height:0;display:flex}.conversation-header{background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.conversation-title{margin:0;font-size:1.05rem}.thread-scroller{flex:1;min-height:0;padding:1rem 1.25rem;overflow-y:auto}.composer-bar{background:var(--surface);border-top:1px solid var(--border);flex-shrink:0;align-items:flex-end;gap:.65rem;padding:.75rem 1rem;display:flex}.composer-bar textarea{border:1px solid var(--border);border-radius:var(--radius);resize:vertical;min-height:44px;max-height:120px;font:inherit;flex:1;padding:.5rem .75rem}.msg{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);max-width:85%;padding:.625rem .75rem}.msg.out{background:color-mix(in srgb, var(--accent) 12%, var(--surface));margin-left:auto}.msg.in{margin-right:auto}.msg-media-block{flex-direction:column;gap:.4rem;display:flex}.msg-image-link{display:inline-block}.msg-image{border-radius:calc(var(--radius) - 2px);object-fit:cover;border:1px solid var(--border);max-width:min(320px,100%);max-height:320px;display:block}.msg-video{border-radius:calc(var(--radius) - 2px);max-width:min(360px,100%);max-height:320px;display:block}.msg-audio{max-width:100%}.msg-doc-card{border-radius:calc(var(--radius) - 2px);border:1px solid var(--border);background:var(--bg);flex-direction:column;gap:.4rem;padding:.5rem .65rem;display:flex}.msg-doc-title{word-break:break-word;font-size:.875rem;font-weight:600}.msg-caption{white-space:pre-wrap;margin:0}.jump-new{align-self:center}.composer textarea,.field textarea{border:1px solid var(--border);border-radius:var(--radius);width:100%;min-height:96px;font:inherit;padding:.625rem}.wizard-steps{flex-wrap:wrap;gap:.5rem;display:flex}.wizard-step{border:1px solid var(--border);border-radius:999px;padding:.375rem .625rem;font-size:.8125rem}.wizard-step.active{background:var(--accent);color:#fff;border-color:var(--accent)}.auth-legal-links{margin-top:.25rem}.legal-layout{background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.legal-header{background:var(--surface);border-bottom:1px solid var(--border)}.legal-header-inner{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;max-width:48rem;margin:0 auto;padding:1rem 1.25rem;display:flex}.legal-header h1{margin:.15rem 0 0;font-size:1.35rem}.legal-eyebrow{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.7rem}.legal-nav{flex-wrap:wrap;gap:.75rem 1rem;font-size:.875rem;display:flex}.legal-nav a{color:var(--text-muted);text-decoration:underline}.legal-nav a:hover{color:var(--text)}.legal-main{flex:1;width:100%;max-width:48rem;margin:0 auto;padding:1.25rem}.legal-doc article{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem 1.5rem;font-size:.925rem;line-height:1.65}.legal-doc h2{margin:1.5rem 0 .5rem;font-size:1.1rem}.legal-doc h3{margin:1.1rem 0 .4rem;font-size:1rem}.legal-doc p,.legal-doc ul{margin:.65rem 0}.legal-doc ul{padding-left:1.25rem}.legal-doc a{color:var(--accent);text-decoration:underline}