/* Approved Figma roles: Menu 14/20 500; Status 12/16 500; Body 15/24 400; Heading 24/32 600. */
:root{--type-menu:500 14px/20px var(--font);--type-status:500 12px/16px var(--font);--type-body:400 15px/24px var(--font);--type-heading:600 24px/32px var(--font);--nav-bg:#101215;--nav-selected:#272e36;--nav-text:#bec2c9;--nav-accent:#5be0c5}
body,textarea{font:var(--type-body)}h1,h2{font:var(--type-heading);letter-spacing:-.015em}h3,button,label{font:var(--type-menu)}.type-menu{font:var(--type-menu)}.type-status,.status,.pill,.eyebrow,.preview-bar{font:var(--type-status)}.type-status,.eyebrow{text-transform:uppercase}.muted{font:var(--type-body)}
.sidebar{background:var(--nav-bg);color:var(--nav-text);border-color:var(--nav-selected)}.sidebar .brand{background:#fff;border-radius:12px;min-height:56px;padding:4px 12px}.sidebar .brand img{display:block;width:178px;height:48px}.sidebar .workspace-switch{border-color:#42464d}.sidebar .workspace-switch strong,.sidebar-bottom strong{color:#fff;font:var(--type-menu)}.sidebar .workspace-switch small,.sidebar-bottom small{color:#a1a1aa;font:var(--type-status)}.sidebar .nav-item{color:var(--nav-text);font:var(--type-menu);border-left:3px solid transparent}.sidebar .nav-item.active{color:#fff;background:var(--nav-selected);border-left-color:var(--nav-accent)}.sidebar .nav-item:hover,.sidebar .icon-button:hover{background:var(--nav-selected)}.sidebar .business-avatar,.sidebar .owner-avatar{color:#101215}.sidebar .icon-button{color:var(--nav-text)}
.studio-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;background:#fff;color:#171a20;font:var(--type-body)}.studio-shell *{box-sizing:border-box}.studio-shell button,.studio-shell input,.studio-shell textarea,.studio-shell select{font-family:var(--font)}.studio-shell button:focus-visible,.studio-shell input:focus-visible,.studio-shell select:focus-visible,.studio-shell textarea:focus-visible{outline:3px solid #2563eb;outline-offset:3px}.studio-preview-note{grid-column:1/-1;background:#eef3f8;color:#48566b;text-align:center;padding:5px 16px;font:var(--type-status)}
.studio-sidebar{background:var(--nav-bg);color:var(--nav-text);padding:24px 16px 20px;display:flex;flex-direction:column;min-width:0}.studio-brand{display:flex;align-items:center;background:#fff;border-radius:12px;width:250px;height:56px;padding:4px 15px;margin-left:8px}.studio-brand img{display:block;width:178px;height:48px}.studio-workspace-label{color:#8a8d94;margin:38px 12px 25px}.studio-sidebar nav{display:grid;gap:12px}.studio-nav{display:flex;align-items:center;gap:10px;min-height:46px;width:224px;padding:10px 13px;border:0;border-left:3px solid transparent;background:transparent;border-radius:10px;color:var(--nav-text);font:var(--type-menu);text-align:left}.studio-nav:hover{background:#1c2026}.studio-nav.selected{color:#fff;background:var(--nav-selected);border-left-color:var(--nav-accent)}.studio-nav[aria-disabled=true]{opacity:.55}.studio-nav-icon{width:26px;flex-shrink:0;color:#9aa0aa}.studio-nav.selected .studio-nav-icon{color:#9decdf}.studio-account{margin-top:auto;padding:48px 8px 0;display:flex;align-items:center;gap:10px;overflow-wrap:anywhere}.studio-account-avatar{display:grid;place-items:center;width:38px;height:38px;background:#d9e8ff;color:#192e48;border-radius:10px;flex-shrink:0}.studio-account small{display:block;color:#a1a1aa;margin-top:3px}.studio-account .type-menu{color:#fff}
.studio-main{display:grid;grid-template-columns:minmax(400px,min(35vw,560px)) minmax(0,1fr);min-width:0}.studio-editor{min-width:0;background:#fff}.studio-breadcrumb{height:80px;padding:28px 40px;border-bottom:1px solid #e8e8eb;font:var(--type-body);color:#71717a}.studio-editor-content{padding:30px 40px 40px}.studio-subtitle{margin-top:8px;color:#626974}.studio-settings{margin-top:48px;display:flex;flex-direction:column;gap:16px;min-width:0}.studio-settings h2{margin:0}.studio-settings label{display:grid;gap:8px;min-width:0;font:var(--type-menu)}.studio-settings input:not([type=checkbox]):not([type=color]),.studio-settings select,.studio-settings textarea{display:block;width:100%;min-width:0;color:#171a20;background:#fafafa;border:1px solid #e4e4e7;border-radius:9px;padding:11px 14px;font:var(--type-body)}.studio-settings input,.studio-settings select{min-height:48px}.studio-settings textarea{resize:vertical;min-height:144px}.studio-settings hr{border:0;border-top:1px solid #e8e8eb;width:100%;margin:8px 0}.studio-settings .studio-checkbox{display:flex;align-items:center;gap:10px}.studio-checkbox input{min-height:20px;width:20px;height:20px}.studio-color{grid-template-columns:1fr auto;align-items:center}.studio-color input{width:64px;height:44px;padding:3px;border:1px solid #e4e4e7;border-radius:8px;background:#fff}.studio-save{align-self:flex-start;background:#000;color:#fff;border:0;border-radius:10px;min-height:44px;padding:12px 16px;font:var(--type-menu)}.studio-save:disabled{cursor:wait}.studio-save-status{font:var(--type-status);color:#15735b}.studio-form-error{font:var(--type-body);color:#b33131}.studio-save-status:empty,.studio-form-error:empty{display:none}.studio-knowledge-card{margin-top:48px;background:#f8f9fb;padding:20px;border-radius:14px}.studio-knowledge-card>div{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.studio-knowledge-card .type-status{color:#15735b;background:#ecfcf6;border-radius:20px;padding:7px 12px}.studio-knowledge-card p{margin-top:12px}.studio-knowledge-card button{margin-top:12px;background:none;border:0;padding:0;color:#626974;text-align:left}.studio-knowledge-list{margin-top:24px;display:grid;gap:12px}.studio-knowledge-list article{padding:16px;border:1px solid #e4e4e7;border-radius:10px;overflow-wrap:anywhere}.studio-knowledge-list p{margin-top:8px}.studio-history-row{display:block;width:100%;margin-top:16px;padding:16px;text-align:left;background:#f8f9fb;border:1px solid #e4e4e7;border-radius:10px}.studio-history-row small{display:block;margin-top:6px;color:#626974;font:var(--type-status)}
.studio-preview{min-width:0;background:linear-gradient(180deg,#60a5fa 0%,#bbf7d0 48%,#f3f4f6 100%);min-height:calc(100vh - 26px)}.studio-preview-heading{padding:44px 56px 0;color:#183c46}.studio-preview-heading>.type-status{display:block;color:#2c5461;margin-bottom:18px}.studio-preview-heading h2{margin-bottom:8px}.studio-preview-heading p{color:#355b63}.studio-preview-stage{padding:64px 32px 60px;display:flex;flex-direction:column;align-items:center;gap:24px}.customer-widget{width:400px;height:620px;background:#fff;border-radius:20px;box-shadow:0 24px 40px #142a2c26;overflow:hidden;display:flex;flex-direction:column;flex-shrink:0;border:1px solid #e8edf0;color:#171a20}.customer-header{height:84px;min-height:84px;display:flex;align-items:center;gap:12px;padding:20px 22px;border-bottom:1px solid #e5e7eb}.customer-avatar{width:41px;height:41px;background:#000;border-radius:50%;color:#fff;display:grid;place-items:center;flex-shrink:0}.customer-header>div{min-width:0}.customer-header strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:240px}.customer-header small{display:block;color:#059669;margin-top:3px;text-transform:none}.widget-reset{margin-left:auto;flex-shrink:0;border:0;background:none;color:#64748b;width:32px;height:40px}.customer-tabs{height:64px;min-height:64px;display:flex;align-items:center;gap:8px;padding:12px;border-bottom:1px solid #e5e7eb}.customer-tabs button{flex:1;border:0;background:#fff;border-radius:10px;min-height:40px;color:#64748b;font:var(--type-menu)}.customer-tabs button[aria-selected=true]{background:#eff6ff;color:var(--widget-accent)}.customer-transcript{flex:1;min-height:0;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scroll-behavior:smooth}.customer-message{font:var(--type-body);padding:12px 14px;white-space:pre-wrap;overflow-wrap:anywhere;flex-shrink:0}.customer-message.assistant{align-self:flex-start;max-width:352px;background:#f5f6f8;border-radius:17px}.customer-message.user{align-self:flex-end;max-width:290px;background:var(--widget-accent);color:#fff;border-radius:16px;min-width:180px}.customer-time{text-align:center;color:#737b88;text-transform:none}.customer-error{padding:12px;color:#a92727;background:#fff2f2;border-radius:8px}.customer-article{padding:14px;background:#f5f6f8;border-radius:10px;overflow-wrap:anywhere}.customer-article p{white-space:pre-wrap;margin-top:8px}.customer-empty{padding:20px 0}.customer-composer{border-top:1px solid #e5e7eb;height:92px;min-height:92px;padding:16px;position:relative}.customer-composer input{width:100%;height:60px;border:1px solid #e4e4e7;border-radius:12px;padding:14px 62px 14px 14px;color:#171a20;background:#fff;font:var(--type-body)}.customer-composer input::placeholder{color:#737b88}.customer-composer button{position:absolute;right:25px;top:25px;width:42px;height:42px;border:0;border-radius:11px;background:var(--widget-accent);color:#fff;font:var(--type-menu)}.customer-footer{height:42px;min-height:42px;border-top:1px solid #f1f1f2;display:flex;align-items:center;justify-content:center;gap:10px;color:#626974;font:var(--type-body)}.sep22-badge{width:22px;height:22px;border-radius:7px;background:#000;color:#fff;display:grid;place-items:center;font:var(--type-menu)}.studio-inspect{background:#fff;border:1px solid #d8e1e5;border-radius:10px;min-height:44px;padding:12px 28px;min-width:250px;font:var(--type-menu)}.studio-preview-caption{color:#355b63;font:var(--type-body)}
.studio-dialog{width:min(520px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;padding:28px;border:0;border-radius:20px;color:#171a20;font:var(--type-body)}.studio-dialog::backdrop{background:#0005}.studio-dialog h2{margin-bottom:20px}.studio-dialog h3{margin:20px 0 12px}.studio-dialog article{margin:14px 0;border:1px solid #e4e4e7;border-radius:8px;padding:12px;overflow-wrap:anywhere}.studio-dialog article p{white-space:pre-wrap}.studio-dialog a{color:#164fc5}.studio-dialog small{display:block;margin-top:20px;color:#626974;font:var(--type-status)}.studio-dialog .studio-save{display:block;width:100%;margin-top:24px}
@media(max-width:1200px){.studio-shell{grid-template-columns:240px minmax(0,1fr)}.studio-sidebar{padding-left:12px;padding-right:12px}.studio-brand{width:208px;padding:4px 12px;margin-left:4px}.studio-nav{width:100%}.studio-main{grid-template-columns:minmax(320px,420px) minmax(400px,1fr)}.studio-editor-content{padding:30px 24px}.studio-breadcrumb{padding-left:24px;padding-right:24px}.studio-preview-heading{padding:44px 28px 0}.studio-preview-stage{padding-left:16px;padding-right:16px}.customer-widget{width:358px}.customer-header strong{max-width:198px}.customer-footer{font-size:15px}.studio-preview-note{font-size:12px}}
@media(max-width:1100px){.studio-shell{grid-template-columns:200px minmax(0,1fr)}.studio-brand{width:178px;height:56px;padding:4px 0;margin:0}.studio-sidebar{padding:20px 11px}.studio-main{display:flex;flex-direction:column}.studio-editor-content{max-width:720px;margin:auto}.studio-preview-heading{padding:32px 32px 0}.studio-preview-stage{padding-top:32px}.studio-preview{min-height:0}.customer-widget{width:400px}.studio-sidebar nav{gap:6px}.studio-account{padding-top:40px}.studio-account-avatar{display:none}}
@media(max-width:600px){.studio-shell{display:block}.studio-sidebar{padding:12px 16px;display:block}.studio-brand{margin-bottom:12px}.studio-workspace-label,.studio-account{display:none}.studio-sidebar nav{display:flex;overflow:auto;gap:6px;padding-bottom:4px}.studio-nav{width:auto;min-width:max-content;min-height:40px;padding:8px 12px}.studio-nav-icon{display:none}.studio-main{display:block}.studio-breadcrumb{height:60px;padding:18px 20px}.studio-editor-content{padding:24px 20px 32px}.studio-settings{margin-top:28px}.studio-settings textarea{min-height:120px}.studio-knowledge-card{margin-top:28px}.studio-preview-heading{padding:28px 20px 0}.studio-preview-stage{padding:28px 16px 40px;gap:20px}.customer-widget{width:min(400px,100%);height:620px}.customer-header{padding:16px}.customer-header strong{max-width:calc(100vw - 170px)}.customer-message.user{min-width:0}.customer-footer{font-size:15px}.studio-preview-note{padding:7px 16px}.studio-knowledge-card h2{overflow-wrap:anywhere}}