:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#25332f;background:#f7f8fa;font-synthesis:none;font-size:14px;--tenant-brand: #6366f1;--tenant-brand-light: #eef2ff;--accent: var(--tenant-brand);--border: #e8ece9;--muted: #78817c}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.5}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--tenant-brand)}button{border:0;background:none}a{text-decoration:none;color:inherit}p,h1,h2,h3{margin:0}svg{flex-shrink:0}small{font-size:11px}.app{display:flex;min-height:100dvh}.sidebar{width:224px;flex-shrink:0;background:#fff;border-right:1px solid var(--border);padding:32px 18px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;font-size:32px;font-weight:750;letter-spacing:-1.4px;padding:0 12px;gap:8px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;font-size:26px;background:var(--tenant-brand);color:#fff;border-radius:10px;letter-spacing:-3px;padding-right:4px}.brand-dot{color:var(--tenant-brand);margin-left:-8px}.business{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:10px;padding:11px;margin:29px 0}.business strong{font-size:12px}.business small{display:block;color:#64736b;margin-top:4px}.business-logo{background:var(--tenant-brand-light);border:1px solid var(--tenant-brand);color:var(--tenant-brand);border-radius:7px;width:31px;height:33px;display:grid;place-items:center;font-family:Georgia,serif;font-size:21px}.nav-caption{display:block;font-size:10px;letter-spacing:1.6px;color:#6a7770;margin:0 12px 13px}.nav-item{display:flex;align-items:center;gap:11px;padding:12px;border-radius:8px;width:100%;font-size:12px;font-weight:500;text-align:left}.nav-item.active{background:var(--tenant-brand-light);color:var(--tenant-brand);font-weight:650}.nav-count{margin-left:auto;font-size:11px;background:var(--tenant-brand-light);border-radius:5px;padding:2px 6px}.nav-future{padding-bottom:7px;color:#6b766f}.nav-future .nav-item{padding-bottom:3px}.nav-future small{display:block;padding-left:42px;color:#7d857f;font-size:10px}.sidebar-bottom{margin-top:auto;padding-top:28px}.demo-note{display:flex;gap:10px;padding:13px 9px;border-bottom:1px solid var(--border);margin-bottom:10px;color:var(--tenant-brand)}.demo-note strong{font-size:11px}.demo-note small{display:block;margin-top:4px;color:#758278}.muted{color:#737d76}.muted small{margin-left:auto;font-size:9px}.operator{display:flex;align-items:center;gap:9px;margin:17px 9px 0;font-size:11px}.online{width:7px;height:7px;background:#4e8a65;border-radius:50%;margin-left:auto}.main{flex:1;min-width:0;padding:0 30px 24px;display:flex;flex-direction:column}.topbar{height:75px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);font-size:12px;gap:12px}.breadcrumb{color:#7b847f}.breadcrumb span{margin:0 13px;color:#b7bfba}.breadcrumb strong{color:#45514a;font-weight:500}.language{display:flex;align-items:center;gap:8px;color:#6b766f;font-size:11px}select{border:1px solid var(--border);background:#fff;border-radius:6px;padding:6px;color:#46564d;font-size:11px}.page-heading{display:flex;align-items:center;justify-content:space-between;padding:29px 0 23px}.eyebrow{color:var(--tenant-brand);font-size:10px;font-weight:700;letter-spacing:1.8px;margin-bottom:9px}h1{font-size:27px;font-weight:620;letter-spacing:-.8px}.page-heading p:not(.eyebrow){margin-top:8px;color:#78827c;font-size:12px}.heading-icon{width:48px;height:48px;background:var(--tenant-brand-light);border:1px solid var(--tenant-brand);color:var(--tenant-brand);border-radius:14px;display:grid;place-items:center}.demo-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#66766b;background:#f0f3ed;border:1px solid #e2e7dc;border-radius:8px;padding:9px 12px;margin-bottom:18px;font-size:10px;flex-wrap:wrap}.demo-context,.demo-safety,.tenant-switcher,.tenant-switcher a{display:flex;align-items:center}.demo-context{gap:14px;min-width:0}.demo-safety{gap:7px}.tenant-badge{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--tenant-brand);border-radius:999px;background:var(--tenant-brand-light);color:var(--tenant-brand);padding:4px 8px;white-space:nowrap}.tenant-badge strong{font-size:10px}.tenant-badge small{color:currentColor;font-size:9px;opacity:.8}.tenant-switcher{gap:5px;margin-left:auto;flex-wrap:wrap;justify-content:flex-end}.tenant-switcher>span{color:#7b877d;margin-right:2px}.tenant-switcher a{border:1px solid #dfe6e0;border-radius:999px;padding:4px 7px;color:#627268;font-size:9px;white-space:nowrap}.tenant-switcher a:hover,.tenant-switcher a.active{border-color:var(--tenant-brand);background:var(--tenant-brand-light);color:var(--tenant-brand)}.demo-bar label{display:flex;gap:8px;align-items:center}.demo-bar select{font-size:10px;max-width:160px}.inbox-layout{display:flex;flex:1;min-height:540px;height:calc(100dvh - 289px);max-height:900px;background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden}.conversation-list{width:305px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--border)}.list-heading{padding:21px 18px 16px;display:flex;align-items:center;gap:9px}h2{font-size:13px;font-weight:650}.pill{font-size:10px;border-radius:5px;background:#f0f2f0;padding:3px 6px;color:#778078}.search{display:flex;align-items:center;margin:0 16px;padding:9px 10px;background:#f8f9f8;border:1px solid #edf0ed;border-radius:7px;gap:7px;color:#7c8880}.search input{background:none;border:0;width:100%;min-width:0;font-size:11px;color:#405046}.search input::placeholder{color:#7d857e}.channel-tabs{display:flex;padding:16px 12px 11px;gap:2px;border-bottom:1px solid var(--border)}.channel-tabs button{font-size:10px;padding:7px 8px;border-radius:6px;white-space:nowrap}.channel-tabs .selected{background:var(--tenant-brand-light);color:var(--tenant-brand);font-weight:650}.list-filter{padding:11px 16px;display:flex;align-items:center;justify-content:space-between}.list-filter select{border:0;padding-left:0;font-size:10px}.list-filter>span{font-size:9px;color:#7f8981}.list-scroll{overflow:auto;flex:1}.conversation-row{display:flex;width:100%;padding:19px 15px;gap:11px;text-align:left;border-left:3px solid transparent;border-bottom:1px solid #f0f2ef}.conversation-row:hover{background:#fafcf9}.conversation-row.chosen{background:#f0f6f1;border-left-color:var(--tenant-brand)}.avatar{width:37px;height:37px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;background:#eeeae2;color:#746c58;font-size:11px;font-weight:600;position:relative}.small{width:31px;height:31px;font-size:10px}.channel-badge{position:absolute;bottom:-4px;right:-3px;width:19px;height:19px;border:2px solid #fff;border-radius:50%;background:#e8f3e8;display:grid;place-items:center;color:#448158}.channel-badge.email{background:#eaf0fa;color:#5876a0}.channel-badge.internal{background:#eeeafa;color:#8475a0}.row-body{flex:1;min-width:0}.row-top{display:flex;align-items:center;justify-content:space-between;gap:4px;margin-bottom:5px}.row-top strong{font-size:11px}.row-top time{font-size:9px;color:#818a84}.subject{display:block;font-size:10px;color:#505e53;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{display:block;font-size:10px;color:#7b857e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:5px;line-height:1.5}.row-meta{display:flex;align-items:center;justify-content:space-between;margin-top:11px;font-size:9px;color:#7a867d}.row-meta>span{display:flex;align-items:center;gap:3px}.open-dot{color:#4f785a}.open-dot:before{content:"";width:4px;height:4px;background:#548365;border-radius:50%;margin-right:2px}.welcome{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px;text-align:center;color:#52645a}.welcome-icon{display:grid;place-items:center;width:83px;height:83px;border:1px solid #dfe9e2;border-radius:24px;background:var(--tenant-brand-light);color:var(--tenant-brand);margin-bottom:22px}.welcome h2{font-size:17px;max-width:260px;line-height:1.5;font-weight:500}.welcome p{font-size:11px;color:#859087;margin-top:13px}.welcome-line{width:44px;height:3px;border-radius:2px;background:#d9e8db;margin-top:25px}.detail-layout{display:flex;flex:1;min-width:0;position:relative}.thread{display:flex;flex-direction:column;flex:1;min-width:0}.thread-header{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--border);padding:18px}.thread-title{flex:1;min-width:0}.thread-title h2{font-size:12px}.thread-title>span{display:flex;align-items:center;gap:4px;font-size:10px;color:#72927a;margin-top:5px}.secondary{display:inline-flex;align-items:center;justify-content:center;gap:5px;border:1px solid #dde4dd;border-radius:6px;background:#fff;padding:7px 9px;font-size:10px;font-weight:550}.secondary:hover{background:#f5f8f3}.icon-button{display:grid;place-items:center;padding:5px;color:#6b7b70;min-width:30px;min-height:30px}.back-button{display:none}.messages{overflow:auto;flex:1;padding:0 22px 20px;background:#fdfefd;display:flex;flex-direction:column;gap:17px}.date-separator{align-self:center;margin:22px 0 8px;color:#8d978e;font-size:9px;background:#f2f4f1;border-radius:5px;padding:5px 10px}.message{max-width:88%;padding:13px 15px;background:#f1f3f0;align-self:flex-start;border-radius:12px 12px 12px 3px}.message p{font-size:12px;line-height:1.8;overflow-wrap:anywhere;white-space:pre-wrap}.message.out{align-self:flex-end;background:#e8f2e9;border-bottom-left-radius:12px;border-bottom-right-radius:3px}.message time{display:flex;align-items:center;justify-content:flex-end;gap:4px;font-size:9px;color:#7a8b7d;margin-top:7px}.composer{margin:14px 18px 18px;border:1px solid #dfe6de;border-radius:9px;padding:12px}.composer-channel{font-size:10px;display:flex;align-items:center;gap:5px;color:#6e7c70}.composer textarea{width:100%;resize:vertical;min-height:67px;max-height:130px;background:transparent;border:0;padding:12px 0;font-size:12px;line-height:1.6;color:#344537}.composer textarea::placeholder{color:#99a196}.composer-footer{display:flex;justify-content:space-between;align-items:center}.composer-footer>span{color:#939b90;font-size:9px}.primary{display:flex;gap:9px;align-items:center;background:var(--tenant-brand);color:#fff;border-radius:7px;padding:10px 12px;font-size:10px;font-weight:550}.primary:hover:not(:disabled){background:var(--tenant-brand);filter:brightness(.86)}.customer-panel{width:244px;border-left:1px solid var(--border);padding:20px 18px;overflow:auto;flex-shrink:0}.customer-panel>header{display:flex;align-items:center;justify-content:space-between}.customer-panel h2{font-size:11px}.customer-identity{text-align:center;padding:25px 0 22px;border-bottom:1px solid var(--border)}.avatar.large{width:59px;height:59px;font-size:18px;margin:0 auto 12px}.customer-identity h3{font-size:13px}.customer-identity>span:last-child{display:block;font-size:10px;color:#8a938b;margin-top:6px}.profile-section{padding:20px 0;border-bottom:1px solid var(--border)}.profile-section h3{font-size:10px;margin-bottom:15px;color:#576c5c}.profile-section p{font-size:10px;line-height:1.7;overflow-wrap:anywhere}.contact-email{display:flex;gap:7px;align-items:center;margin-bottom:15px}.field-label{font-size:9px;color:#929b91;display:block;margin-bottom:4px}.activity{display:flex;align-items:flex-start;gap:8px;margin-bottom:17px;color:#6e8171}.activity:last-child{margin-bottom:0}.activity strong{font-size:10px;color:#495e4e}.activity p{color:#899386;margin-top:5px}.portal-card{display:flex;align-items:center;gap:8px;background:#f4f7f1;border:1px solid #e8edde;border-radius:8px;padding:12px 10px;margin-top:20px;color:#6e866f}.portal-card strong{font-size:10px;color:#53694f}.portal-card p{font-size:9px;line-height:1.6;margin-top:4px}.portal-card>svg:last-child{margin-left:auto}.privacy-note{font-size:9px;color:#8c9589;line-height:1.8;margin-top:13px}.close-profile{display:none}.state{padding:40px 18px;display:flex;align-items:center;flex-direction:column;text-align:center;gap:14px;color:#6f7f71;font-size:12px;line-height:1.7}.state p{font-size:11px}.error-text{font-size:11px;color:#9c3028;padding:10px 0;line-height:1.6}.thread>.error-text{padding:8px 18px}.success-text{font-size:10px;color:#386a47;padding-top:10px;line-height:1.6}.closed-message{font-size:11px;color:#737e70;padding-top:12px;line-height:1.6}.spinner{width:20px;height:20px;border:2px solid #dbe6dc;border-top-color:var(--tenant-brand);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1400px){.main{padding-left:38px;padding-right:38px}.conversation-list{width:330px}.customer-panel{width:260px}.message{max-width:80%}}@media(max-width:1250px){.customer-panel{display:none}.customer-panel.visible{display:block;position:absolute;right:0;top:0;bottom:0;background:#fff;width:270px;z-index:2;border-left:2px solid #dce7dc}.close-profile{display:grid}.sidebar{width:200px;padding-left:12px;padding-right:12px}.main{padding-left:20px;padding-right:20px}.conversation-list{width:285px}}@media(max-width:950px){.sidebar{width:170px;padding-left:8px;padding-right:8px}.brand{font-size:27px}.business{padding:9px 5px;gap:7px}.business strong{font-size:10px}.business small{font-size:9px}.nav-item{font-size:11px;gap:8px}.nav-future small{padding-left:39px}.nav-count{display:none}.conversation-list{width:260px}.channel-tabs{padding-left:6px;padding-right:6px}.channel-tabs button{font-size:9px;padding:7px}.thread-header{gap:6px;padding:15px 10px}.thread-title h2{font-size:11px}.resolve{font-size:9px;padding:6px}.demo-note{gap:6px;padding:12px 3px}.demo-note strong{font-size:10px}h1{font-size:24px}}@media(max-width:760px){.sidebar{display:none}.main{padding:0 12px 12px}.topbar{height:54px}.page-heading{padding:22px 4px 18px}h1{font-size:23px;line-height:1.25}.heading-icon{display:none}.page-heading p:not(.eyebrow){font-size:11px}.demo-bar{align-items:flex-start;flex-direction:column;gap:8px;font-size:10px;margin-bottom:12px}.demo-context{align-items:flex-start;flex-direction:column;gap:7px}.tenant-switcher{width:100%;margin-left:0;justify-content:flex-start}.demo-bar label{width:100%;justify-content:space-between}.inbox-layout{min-height:520px;height:calc(100dvh - 260px);max-height:none}.conversation-list{width:100%}.welcome,.has-selection .conversation-list{display:none}.back-button{display:grid}.thread-header{padding:14px 10px}.thread-title h2{font-size:12px}.channel-tabs{padding:12px 16px;gap:7px}.channel-tabs button{font-size:11px;padding:8px 11px}.row-top strong{font-size:13px}.row-top time,.row-meta{font-size:10px}.subject,.preview{font-size:12px}.conversation-row{padding:18px}.list-heading h2{font-size:15px}.search input{font-size:12px}.list-filter select,.list-filter>span{font-size:11px}.messages{padding-left:14px;padding-right:14px}.composer{margin:10px}.primary{font-size:11px}.message{max-width:90%}.customer-panel.visible{width:100%;border-left:0}.customer-panel h2{font-size:14px}.profile-section p,.activity strong,.portal-card strong{font-size:12px}.privacy-note,.portal-card p{font-size:11px}.close-profile{display:grid}.icon-button{min-width:34px;min-height:34px}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}.seller-workspace{padding:24px 32px;max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:24px}.seller-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px}.card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:16px}.card-title{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.form-group input{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;background:#fafafa;transition:border-color .15s,background-color .15s}.form-group input:focus{background:#fff;border-color:var(--tenant-brand)}.btn-primary{background:var(--tenant-brand);color:#fff;font-weight:600;padding:11px 18px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:opacity .15s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-secondary{background:#fff;border:1px solid var(--border);color:inherit;font-weight:600;padding:9px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-secondary:hover{background:#f8fafc}.btn-danger{background:#fee2e2;border:1px solid #fecaca;color:#b91c1c;font-weight:600;padding:9px 15px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn-danger:hover{background:#fecaca}.alert-error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b;border-radius:8px;padding:12px 16px;font-size:13px;display:flex;align-items:center;gap:10px}.alert-info{background:#f0fdf4;border:1px solid #bbf7d0;color:#166534;border-radius:8px;padding:12px 16px;font-size:13px}.alert-warning{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:8px;padding:12px 16px;font-size:13px}.badge-live{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:4px 8px;border-radius:9999px;background:#dcfce7;color:#15803d}.capabilities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:8px;max-height:240px;overflow-y:auto;padding:4px}.capability-pill{font-size:11px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;background:#f1f5f9;padding:6px 10px;border-radius:6px;display:flex;align-items:center;gap:6px;color:#334155}.capability-dot{width:7px;height:7px;border-radius:50%;background:#22c55e}.nav-item{background:none;border:none;cursor:pointer;color:inherit;font-family:inherit}.catalog-surface{display:flex;flex-direction:column;gap:20px}.catalog-surface .card{max-width:880px}.catalog-toolbar{display:flex;gap:10px;align-items:center}.catalog-search{flex:1;display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:8px;padding:9px 12px;background:#fafafa;color:var(--muted)}.catalog-search input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:inherit}.catalog-state{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;text-align:center;color:var(--muted)}.catalog-state strong{color:inherit;font-size:14px}.catalog-state p{margin:0;font-size:13px}.catalog-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.catalog-row{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border);border-radius:10px;background:#fff;cursor:pointer;text-align:left;font-family:inherit}.catalog-row:hover{border-color:var(--tenant-brand);background:var(--tenant-brand-light)}.catalog-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.catalog-row-main strong{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-row-main small{font-size:11px;color:var(--muted)}.catalog-row-meta{display:flex;align-items:center;gap:10px;color:var(--muted)}.catalog-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:var(--muted)}.catalog-detail-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.catalog-detail h2{font-size:20px;margin:0}.catalog-detail dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0;font-size:13px}.catalog-detail dt{color:var(--muted);font-weight:600}.catalog-detail dd{margin:0}.catalog-detail h3{font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin:0}.catalog-detail p{margin:0;font-size:14px;white-space:pre-wrap}.catalog-note{font-size:12px;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}.catalog-form{display:flex;flex-direction:column;gap:16px}.catalog-form textarea{padding:10px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:inherit;background:#fafafa;resize:vertical}.catalog-form textarea:focus{background:#fff;border-color:var(--tenant-brand);outline:none}.catalog-form-actions{display:flex;gap:10px;flex-wrap:wrap}.field-error{color:#b91c1c;font-size:12px}button:disabled{opacity:.55;cursor:not-allowed}