/* Vazirmatn fallback retained for standalone setup and maintenance surfaces. */
/* AI release readiness uses the same visual contract as the admin surface. */
.ai-release-hero,.ai-release-checks,.ai-release-check,.ai-release-check-icon,.ai-release-runbook{min-width:0}
.runtime-readiness-panel,.runtime-readiness-grid,.runtime-readiness-check,.runtime-readiness-meta{min-width:0}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:100 900;src:url('./fonts/vazirmatn-arabic-wght-normal.woff2') format('woff2-variations');unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:100 900;src:url('./fonts/vazirmatn-latin-ext-wght-normal.woff2') format('woff2-variations');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Vazirmatn';font-style:normal;font-display:swap;font-weight:100 900;src:url('./fonts/vazirmatn-latin-wght-normal.woff2') format('woff2-variations');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#0a0a0a;--muted:#626262;--line:#dadada;--soft:#f5f5f5;--paper:#fff;--dark:#111;--success:#16794d;--success-bg:#ecf8f1;--warning:#a46700;--warning-bg:#fff7e8;--danger:#b42318;--danger-bg:#fff0ef;--info:#175cd3;--radius:4px;--sidebar:258px;--ease:cubic-bezier(.2,.8,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Vazirmatn,"IRANSansX",Tahoma,Arial,sans-serif;font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit;color:inherit}button,a{transition:.2s var(--ease)}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}button{cursor:pointer}.muted{color:var(--muted)}
.eyebrow{font-family:Arial,Tahoma,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;margin:0 0 14px;color:#555}.eyebrow.light{color:#aaa}.brand{display:flex;align-items:center;gap:11px;font-family:Arial,sans-serif;font-size:15px;font-weight:900;letter-spacing:1.6px;line-height:1}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:4px;font-weight:500}.brand-mark{display:grid;place-items:center;width:32px;height:32px;background:#111;color:#fff;font-size:19px;font-weight:900}.brand-inverse{color:#fff}.brand-inverse .brand-mark{background:#fff;color:#111}
.button{min-height:46px;padding:10px 22px;border:1px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:22px;font-weight:700;background:#fff;border-radius:2px}.button:hover{transform:translateY(-1px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#333}.button-light{background:#fff;color:#111;border-color:#fff}.button-ghost{background:transparent}.button-ghost:hover{background:var(--soft)}.button-small{min-height:38px;padding:7px 15px;font-size:13px}.button-block{width:100%}
.site-header{height:84px;border-bottom:1px solid var(--line);padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:20;background:#fff}.site-nav{display:flex;gap:34px;font-size:13px;font-weight:600}.site-nav a:hover,.header-actions>a:not(.button):hover{color:var(--muted)}.header-actions{display:flex;align-items:center;gap:22px;font-size:13px;font-weight:700}
.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:minmax(400px,1fr) minmax(480px,.85fr);border-bottom:1px solid var(--line)}.hero-copy{padding:clamp(70px,8vw,124px) clamp(36px,7vw,110px)}.hero h1{font-size:clamp(54px,6.3vw,104px);line-height:.99;letter-spacing:-4px;margin:0 0 36px;font-weight:900}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-lead{font-size:clamp(16px,1.35vw,21px);line-height:2;max-width:680px;color:#333;margin-bottom:34px}.hero-actions{display:flex;gap:12px;margin-bottom:48px}.hero-proof{display:flex;align-items:center;gap:18px;font-size:12px}.hero-proof span{color:var(--muted);padding-right:18px;border-right:1px solid var(--line)}
.hero-visual{background:var(--soft);border-right:1px solid var(--line);position:relative;margin:46px 4vw 46px 0;align-self:stretch;min-height:620px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000000e}.visual-top,.visual-footer{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:12px;font-weight:700}.visual-top .live-dot{color:var(--success);font-size:11px}.visual-footer{border:0;border-top:1px solid var(--line);color:#999;margin-top:auto}.visual-footer b{width:36px;height:36px;display:grid;place-items:center;background:#111;color:#fff}.mock-chat{padding:38px clamp(20px,3vw,54px);display:flex;flex-direction:column;gap:20px}.mock-date{text-align:center;color:#999;font-size:10px}.bubble{padding:15px 19px;max-width:82%;font-size:14px;line-height:1.8}.bubble.customer{background:#111;color:#fff;align-self:flex-start}.bubble.assistant{background:#fff;border:1px solid var(--line);display:flex;gap:12px;align-self:flex-end}.bubble.assistant p{margin:5px 0 0}.bubble.assistant small{font-size:10px;color:#777}.bot-mark{background:#111;color:#fff;width:28px;height:28px;display:grid;place-items:center;font-family:Arial;font-weight:900;flex:0 0 auto}.lead-detected{background:#fff;border:1px solid var(--ink);padding:14px;display:flex;align-items:center;gap:12px;margin-top:15px}.lead-detected>span{width:34px;height:34px;background:#111;color:#fff;display:grid;place-items:center}.lead-detected div{display:flex;flex-direction:column;flex:1}.lead-detected small{color:var(--muted)}.lead-detected strong{font-size:28px}.floating-metric{position:absolute;left:-35px;bottom:92px;width:160px;background:#111;color:#fff;padding:18px;display:flex;flex-direction:column}.floating-metric b{font-size:32px;line-height:1.2}.floating-metric small{color:#aaa}.floating-metric i{font-size:10px;color:#91d7b2;font-style:normal}
.logo-strip{min-height:116px;padding:25px 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:#888}.logo-strip span{font-size:11px}.logo-strip b{font:700 18px Georgia,serif;letter-spacing:2px;color:#555}.feature-section{padding:clamp(90px,10vw,160px) clamp(24px,7vw,110px)}.section-heading{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;margin-bottom:70px}.section-heading h2{font-size:clamp(45px,5.5vw,82px);line-height:1.05;letter-spacing:-3px;margin:0}.section-heading>p:last-child{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-right:1px solid var(--line)}.feature-grid article{min-height:350px;padding:28px;border-left:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.feature-grid article>span{color:#999;font:11px Arial}.feature-icon{font-size:38px;margin:55px 0 40px}.feature-grid h3{font-size:20px}.feature-grid p{color:var(--muted);line-height:2}.how-section{display:grid;grid-template-columns:1fr 1fr;background:#111;color:#fff;padding:clamp(80px,9vw,150px) clamp(24px,7vw,110px);gap:8vw}.how-sticky{align-self:start;position:sticky;top:50px}.how-sticky h2{font-size:clamp(45px,5vw,76px);line-height:1.1;letter-spacing:-2px;margin-bottom:40px}.how-steps article{display:grid;grid-template-columns:72px 1fr;padding:48px 0;border-top:1px solid #444}.how-steps article>b{font:38px Georgia;color:#777}.how-steps h3{font-size:24px}.how-steps p{color:#aaa;font-size:16px}.pricing-preview,.simple-public{padding:clamp(80px,9vw,140px) clamp(24px,7vw,110px)}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:50px auto 40px;max-width:1200px}.price-card{border:1px solid var(--line);padding:36px;min-height:470px;position:relative;background:#fff}.price-card+.price-card{border-right:0}.price-card.featured{background:#111;color:#fff;border-color:#111;transform:translateY(-18px)}.recommended{position:absolute;top:0;left:0;background:#fff;color:#111;padding:6px 14px;font-size:10px}.price-card h3{font-size:30px;margin:35px 0 14px}.price{font-size:21px;font-weight:800;border-bottom:1px solid currentColor;padding-bottom:28px}.price small{font-size:11px;opacity:.6;display:block}.price-card ul{list-style:none;padding:24px 0;margin:0 0 20px}.price-card li{padding:7px 0;font-size:13px}.price-card li:before{content:'✓';margin-left:9px}.text-arrow{font-weight:700;border-bottom:1px solid #111}.final-cta{padding:110px 7vw;background:#111;color:#fff;text-align:center}.final-cta h2{font-size:clamp(54px,7vw,100px);line-height:1;margin-bottom:25px}.final-cta p{color:#aaa}.site-footer{background:#080808;color:#fff;padding:70px 7vw 30px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.site-footer p,.site-footer a{color:#999;font-size:13px}.site-footer b{margin-bottom:8px}.copyright{grid-column:1/-1;border-top:1px solid #333;padding-top:25px}.page-hero{text-align:center;padding:40px 0 70px;max-width:1050px;margin:auto}.page-hero h1{font-size:clamp(55px,7vw,100px);line-height:1;letter-spacing:-3px}.page-hero>p:last-child{font-size:18px;color:var(--muted);max-width:680px;margin:auto}.pricing-full{grid-template-columns:repeat(4,1fr);max-width:1500px}.pricing-full .price-card{padding:30px}.faq-public{max-width:900px;margin:120px auto}.faq-public h2{font-size:42px}.faq-public details{border-top:1px solid var(--line);padding:20px 0}.faq-public summary{font-weight:700;cursor:pointer}.faq-public p{color:var(--muted)}.orchestration-demo{max-width:1200px;margin:auto}.pipeline{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.pipeline span{padding:14px;text-align:center;border-left:1px solid var(--line);font-size:12px}.pipeline span.active{background:#111;color:#fff}.demo-panels{display:grid;grid-template-columns:1fr 1fr}.demo-panels>article{padding:60px;border:1px solid var(--line);border-top:0;min-height:460px}.demo-message{font-size:24px;padding:25px;border-right:4px solid #111;background:var(--soft);margin:45px 0}.demo-panels dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px}.demo-panels dd{font-weight:700}.dark-panel{background:#111;color:#fff}.check-list{list-style:none;padding:0;color:#bbb}.check-list li{padding:10px 0;border-bottom:1px solid #333}.demo-answer{background:#fff;color:#111;padding:25px;margin-top:35px;line-height:2}.center-cta{text-align:center;padding:80px}.center-cta h2{font-size:40px}.public-alert{max-width:700px;margin:20px auto}

.auth-page{min-height:calc(100vh - 84px);display:grid;grid-template-columns:1fr 1.05fr}.auth-copy{background:#111;color:#fff;padding:clamp(45px,7vw,110px);display:flex;flex-direction:column;justify-content:center;position:relative}.auth-copy .back-link{position:absolute;top:35px;right:45px;color:#aaa;font-size:12px}.auth-copy h1{font-size:clamp(52px,6vw,88px);line-height:1.05;letter-spacing:-3px;margin:0 0 30px}.auth-copy>p:not(.eyebrow){color:#aaa;font-size:17px;max-width:540px}.quote-block{border-top:1px solid #444;margin-top:70px;padding-top:25px;display:flex;gap:20px;color:#ddd}.quote-block span{font-size:40px}.mini-steps{list-style:none;padding:0;margin:45px 0 0;display:flex;gap:30px}.mini-steps li{font-size:12px;color:#aaa}.mini-steps b{display:block;color:#fff;font-size:22px}.auth-form-wrap{display:grid;place-items:center;padding:50px}.auth-form{width:min(100%,590px)}.form-heading{display:flex;gap:22px;border-bottom:1px solid var(--line);padding-bottom:25px;margin-bottom:30px}.form-heading h2{font-size:31px;margin:0}.form-heading p{color:var(--muted);margin:0}.step-index{font:11px Arial;border:1px solid var(--ink);width:36px;height:36px;display:grid;place-items:center}.auth-switch{text-align:center;color:var(--muted);font-size:13px;margin-top:22px}.auth-switch a,.text-link{font-weight:700;color:#111;border-bottom:1px solid #111}.form-row-between{display:flex;justify-content:space-between;margin:8px 0 25px;font-size:12px}

label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;margin-bottom:19px}label small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid #cfcfcf;background:#fff;border-radius:2px;padding:12px 14px;outline:0;min-height:46px}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#111;box-shadow:0 0 0 2px #1111110c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check-label{flex-direction:row;align-items:flex-start;gap:12px;font-weight:400}.check-label input{width:17px;min-height:17px;margin-top:2px;flex:0 0 17px}.check-toggle{padding:16px 17px;border:1px solid #dfe3ea;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:0 4px 16px rgba(31,37,63,.03);min-height:92px}.check-toggle .check-copy{display:flex;flex-direction:column;gap:4px;min-width:0}.check-toggle .check-copy strong{font-size:13px;line-height:1.6;color:#182230}.check-toggle .check-copy small{font-size:10px;line-height:1.7}.check-toggle:focus-within{border-color:#bcb7ff;box-shadow:0 0 0 4px rgba(99,91,255,.08)}.check-toggle:hover{border-color:#c7c2ff;background:#fbfaff}.check-toggle.is-disabled{opacity:.72;background:linear-gradient(180deg,#fff,#fafbfe)}.check-toggle.is-disabled .check-copy strong{color:#667085}.alert{padding:14px 18px;margin-bottom:20px;display:flex;justify-content:space-between;border:1px solid}.alert button{border:0;background:transparent;font-size:20px}.alert-success{background:var(--success-bg);border-color:#b4ddc8;color:#0f613e}.alert-error{background:var(--danger-bg);border-color:#f5b8b3;color:#8e1b13}

.workspace-body{background:var(--soft)}.sidebar{position:fixed;inset:0 0 0 auto;width:var(--sidebar);background:#111;color:#fff;padding:27px 18px;display:flex;flex-direction:column;z-index:50}.sidebar .brand{padding:0 10px 28px;border-bottom:1px solid #333}.side-nav{padding-top:20px;overflow:auto}.nav-label{font:9px Arial;color:#777;letter-spacing:1.5px;margin:20px 12px 8px}.side-nav a{display:flex;align-items:center;gap:13px;padding:10px 12px;color:#aaa;font-size:13px;margin:2px 0;border-right:2px solid transparent}.side-nav a span{width:22px;text-align:center;font-size:16px}.side-nav a:hover{background:#1c1c1c;color:#fff}.side-nav a.active{background:#242424;color:#fff;border-right-color:#fff}.sidebar-footer{margin-top:auto;border-top:1px solid #333;padding:20px 8px 0;display:flex;align-items:center;justify-content:space-between}.user-chip{display:flex;align-items:center;gap:10px;min-width:0}.avatar{width:36px;height:36px;display:grid;place-items:center;background:#e5e5e5;color:#111;border-radius:50%;font-weight:800;flex:0 0 auto}.user-chip>span:last-child{display:flex;flex-direction:column;min-width:0}.user-chip b{font-size:11px}.user-chip small{font-size:9px;color:#777;text-overflow:ellipsis;overflow:hidden;max-width:130px}.icon-button{background:transparent;color:#aaa;border:0;font-size:20px}.workspace-shell{margin-right:var(--sidebar);min-height:100vh}.workspace-topbar{height:66px;background:#fff;border-bottom:1px solid var(--line);padding:0 clamp(20px,3vw,46px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:25;font-size:12px;font-weight:700}.topbar-label{font:10px Arial;color:#999}.help-link{color:var(--muted)}.mobile-menu{display:none;background:transparent;border:0;font-size:22px}.workspace-main{padding:clamp(25px,3.8vw,58px);max-width:1720px;margin:auto}.page-title-row{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.page-title-row h1{font-size:clamp(35px,3.6vw,57px);line-height:1.12;letter-spacing:-1.5px;margin:0 0 8px}.page-title-row>div>p:last-child{margin:0;color:var(--muted)}.panel{background:#fff;border:1px solid var(--line);padding:25px}.panel-head{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:24px}.panel-head h2{font-size:20px;margin:0}.panel-head p{color:var(--muted);margin:4px 0}.count-badge{border:1px solid var(--line);background:#fff;padding:7px 12px;font-size:11px;font-weight:700}.status-strip{background:#111;color:#fff;display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:center;padding:18px 24px;margin-bottom:18px;gap:20px}.status-strip>div{display:flex;gap:12px;align-items:center}.status-strip p,.status-strip small{margin:0;display:block}.status-strip small{color:#999;font-size:10px}.status-strip>a{font-size:11px;color:#ccc}.status-dot{width:9px;height:9px;background:#47b881;border-radius:50%;box-shadow:0 0 0 5px #47b88122}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.metric-card{background:#fff;border:1px solid var(--line);padding:22px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between}.metric-card>div:first-child{display:flex;justify-content:space-between}.metric-card i{font-style:normal}.metric-card strong{font:700 clamp(34px,3vw,48px) Arial,Tahoma}.metric-card small,.metric-card>a{font-size:11px;color:var(--muted)}.primary-metric{grid-column:span 1}.warning-card{border-top:3px solid #b97400}.progress{height:4px;background:#e8e8e8;overflow:hidden}.progress i{display:block;height:100%;background:#111}.dashboard-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:18px}.knowledge-readiness .panel-head>strong{font:700 42px Arial}.knowledge-readiness .panel-head small{font-size:12px;color:#777}.readiness-bar{height:10px;background:var(--soft);margin:35px 0 20px}.readiness-bar i{height:100%;display:block;background:#111}.knowledge-readiness>p{color:var(--muted)}.mini-stats{display:flex;gap:30px;border-top:1px solid var(--line);padding:18px 0}.mini-stats span{font-size:12px}.mini-stats b{font-size:19px;margin-left:5px}.activity-list a{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.activity-list div{display:flex;flex-direction:column}.activity-list small{color:var(--muted);font-size:10px}.activity-list em{font-style:normal;font-size:10px}.activity-icon{width:34px;height:34px;display:grid;place-items:center;background:var(--soft)}.activity-icon.hot{background:var(--danger-bg);color:var(--danger)}.quick-actions{display:grid;grid-template-columns:auto repeat(3,1fr);gap:0;margin-top:18px;background:#fff;border:1px solid var(--line);align-items:center}.quick-actions>.eyebrow{padding:25px;margin:0}.quick-actions a{display:flex;gap:15px;padding:20px;border-right:1px solid var(--line)}.quick-actions a>b{font-size:25px}.quick-actions a span{display:flex;flex-direction:column}.quick-actions small{color:var(--muted)}
.empty-state{text-align:center;padding:38px;color:var(--muted)}.empty-state>span{font-size:35px;color:#aaa}.empty-state h2,.empty-state h3{color:var(--ink);margin:10px 0}.empty-state.large{padding:90px 30px}.knowledge-summary{background:#111;color:#fff;display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:25px;padding:28px 35px}.score-ring{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#fff calc(var(--score)*1%),#333 0);position:relative}.score-ring:after{content:'';position:absolute;inset:7px;background:#111;border-radius:50%}.score-ring span{z-index:1;text-align:center}.score-ring b{font-size:24px;display:block}.score-ring small{font-size:9px;color:#aaa}.knowledge-summary h2{margin:0}.knowledge-summary p{color:#aaa;margin:3px 0}.summary-counts{display:flex;gap:35px}.summary-counts span{font-size:11px;color:#aaa}.summary-counts b{display:block;color:#fff;font-size:22px}.content-tabs{display:flex;border-bottom:1px solid var(--line);margin:28px 0}.content-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 22px;color:var(--muted);font-weight:700}.content-tabs button.active{color:#111;border-color:#111}.content-tabs span{background:#e8e8e8;padding:2px 6px;margin-right:5px}.tab-panel{display:none}.tab-panel.active{display:block}.module-grid{display:grid;grid-template-columns:1fr 1fr}.module-grid a{background:#fff;border:1px solid var(--line);padding:27px;display:grid;grid-template-columns:40px 1fr auto;gap:15px}.module-grid a:nth-child(even){border-right:0}.module-grid a:nth-child(n+3){border-top:0}.module-grid a:hover{background:#fafafa}.module-grid a>span{font:11px Arial;color:#999}.module-grid b{font-size:17px}.module-grid p{color:var(--muted);margin:3px 0}.module-grid em{font-style:normal;font-size:22px}.info-banner{background:#eee;border-right:4px solid #111;padding:18px 22px;margin-top:18px;display:flex;gap:20px}.info-banner p{margin:0;color:var(--muted)}.split-editor{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.form-panel>button{margin-top:8px}.list-panel{max-height:680px;overflow:auto}.knowledge-list article{padding:20px 0;border-top:1px solid var(--line)}.knowledge-list article>div{display:flex;gap:10px;align-items:center}.knowledge-list h3{margin:10px 0 5px}.knowledge-list p{color:var(--muted);margin:0}.status-pill{display:inline-flex;align-items:center;padding:4px 9px;background:#eee;color:#555;font-size:10px;font-weight:700;border-radius:20px}.status-pill.active,.status-pill.published,.status-pill.in_stock{background:var(--success-bg);color:var(--success)}.status-pill.draft{background:var(--warning-bg);color:var(--warning)}.status-pill.out_of_stock{background:var(--danger-bg);color:var(--danger)}
.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:18px}.catalog-toolbar input{max-width:450px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;min-width:750px}th{text-align:right;padding:13px 17px;background:#f0f0f0;font-size:10px;color:#666;border-bottom:1px solid var(--line)}td{padding:16px 17px;border-bottom:1px solid #eee;font-size:13px}td b,td small{display:block}td small{font-size:10px;color:#999;margin-top:3px}.catalog-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.catalog-cards article>div{display:flex;justify-content:space-between}.catalog-cards p{color:var(--muted);min-height:55px}.add-card{border:1px dashed #aaa;background:transparent;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:30px}.add-card span{font-size:13px}.modal{width:min(650px,calc(100% - 30px));max-height:90vh;border:0;padding:0;box-shadow:0 25px 80px #0004}.modal::backdrop{background:#0009;backdrop-filter:blur(2px)}.modal form{padding:28px;overflow:auto;max-height:90vh}.modal-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:22px}.modal-head h2{margin:0}.modal-head>button{border:0;background:transparent;font-size:28px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:18px;margin-top:10px}
.inbox{height:calc(100vh - 210px);min-height:600px;display:grid;grid-template-columns:390px 1fr;background:#fff;border:1px solid var(--line)}.inbox-list{border-left:1px solid var(--line);overflow:auto}.inbox-search{padding:15px}.inbox-filters{display:flex;gap:5px;padding:0 15px 12px;border-bottom:1px solid var(--line);overflow:auto}.inbox-filters button{border:1px solid var(--line);background:#fff;padding:6px 9px;font-size:10px;white-space:nowrap}.inbox-filters button.active{background:#111;color:#fff}.conversation-row{padding:15px;display:grid;grid-template-columns:38px 1fr auto;gap:10px;border-bottom:1px solid #eee}.conversation-row:hover,.conversation-row.active{background:var(--soft)}.conversation-row p{margin:3px 0;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.conversation-row small,.conversation-row time{font-size:9px;color:#999}.danger-avatar{background:var(--danger-bg);color:var(--danger)}.inbox-detail{overflow:auto;display:flex;flex-direction:column}.inbox-detail>header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line)}.inbox-detail>header>div{display:flex;gap:12px;align-items:center}.inbox-detail h2,.inbox-detail p{margin:0}.inbox-detail header p{font-size:10px;color:var(--muted)}.conversation-meta{display:grid;grid-template-columns:repeat(4,1fr);padding:13px 25px;background:var(--soft);border-bottom:1px solid var(--line)}.conversation-meta span{display:flex;flex-direction:column}.conversation-meta small{color:var(--muted)}.conversation-thread{padding:30px;display:flex;flex-direction:column;gap:15px}.thread-message{max-width:75%;padding:15px 18px;background:#f3f3f3}.thread-message.user{align-self:flex-start;background:#111;color:#fff}.thread-message.assistant{align-self:flex-end;border:1px solid var(--line);background:#fff}.thread-message.system{align-self:center;background:var(--warning-bg);font-size:11px}.thread-message p{margin:5px 0}.thread-message small,.thread-message em{font-size:9px;opacity:.65;font-style:normal}.pipeline-summary{display:grid;grid-template-columns:repeat(7,1fr);background:#fff;border:1px solid var(--line);margin-bottom:18px}.pipeline-summary div{padding:15px;border-left:1px solid var(--line);display:flex;justify-content:space-between}.pipeline-summary span{font-size:10px;color:var(--muted)}.pipeline-summary b{font-size:19px}.lead-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.lead-head{display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center}.lead-head h3,.lead-head p{margin:0}.lead-head p{color:var(--muted);font-size:11px}.lead-head>strong{font-size:25px}.lead-head>strong small{font-size:9px;color:#999}.lead-facts{display:grid;grid-template-columns:repeat(3,1fr);background:var(--soft);margin:22px 0;padding:14px}.lead-facts span{display:flex;flex-direction:column}.lead-facts small{color:var(--muted)}.lead-card form{display:grid;grid-template-columns:150px 1fr auto;gap:8px}.lead-card form select,.lead-card form input{margin:0}
.channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.channel-card{display:grid;grid-template-columns:58px 1fr auto;gap:18px;align-items:start}.channel-icon{width:48px;height:48px;background:#111;color:#fff;display:grid;place-items:center;font-size:23px}.channel-card h2{margin:0}.channel-card p{color:var(--muted)}.channel-card>.copy-field,.channel-card>.qr-row{grid-column:1/-1}.copy-field{display:flex}.copy-field input{border-left:0;direction:ltr;text-align:left}.copy-field button{background:#111;color:#fff;border:0;padding:0 18px}.copy-field.compact input{min-height:36px;padding:7px;font-size:10px}.qr-row{display:grid;grid-template-columns:92px 1fr;gap:15px;align-items:center}.qr-placeholder{width:92px;height:92px;background:repeating-conic-gradient(#111 0 25%,#fff 0 50%) 0/18px 18px;border:8px solid #fff;outline:1px solid #ddd;display:grid;place-items:center}.qr-placeholder span{background:#fff;padding:4px}.qr-row>div:last-child{display:flex;flex-direction:column}.qr-row small{color:var(--muted)}.widget-panel{padding:32px}.code-block{background:#111;color:#ddd;padding:24px;position:relative;direction:ltr;text-align:left;white-space:pre-wrap}.code-block button{position:absolute;top:10px;right:10px;background:#333;color:#fff;border:1px solid #555;padding:6px 10px}.domain-section{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(280px,1.05fr) minmax(0,1.15fr);gap:22px;margin-top:30px;border-top:1px solid var(--line);padding-top:25px;align-items:start}.domain-intro{max-width:290px}.domain-section h3{margin:0 0 8px;line-height:1.4}.domain-section p{color:var(--muted);margin:0;line-height:1.8}.domain-form{display:flex;align-items:start;gap:8px;max-width:360px}.domain-form input{flex:1 1 auto;min-width:0;border-left:0}.domain-form .button{flex:0 0 auto;min-width:92px}.domain-list{min-width:0;display:flex;flex-direction:column;gap:8px;align-self:start}.domain-list form{margin:0}.domain-list span{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--soft);padding:10px 12px;border-radius:12px;font-size:11px;line-height:1.6;overflow:hidden}.domain-list span button{flex:0 0 auto}.domain-empty{display:block;padding:10px 12px;border-radius:12px;background:var(--soft)}.subscription-hero{background:#111;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:45px;margin-bottom:18px}.subscription-hero h2{font-size:50px;margin:0}.subscription-hero p,.subscription-hero span{color:#aaa}.quota-number{text-align:left}.quota-number strong{font:700 60px Arial;display:block}.quota-number small,.quota-number span{display:block}.usage-panel{padding:35px}.usage-panel .panel-head>strong{font-size:35px}.progress.large{height:14px}.usage-legend{display:flex;gap:30px;margin-top:17px;font-size:11px}.usage-legend i{display:inline-block;width:10px;height:10px;background:#ddd;margin-left:7px}.usage-legend i.black{background:#111}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.info-grid p{color:var(--muted)}.analytics-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.bar-chart>div{display:grid;grid-template-columns:130px 1fr 35px;gap:12px;align-items:center;margin:15px 0}.bar-chart i{height:12px;background:var(--soft)}.bar-chart i b{display:block;height:100%;background:#111}.channel-stats>div{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:12px 0;border-top:1px solid var(--line)}
.settings-form{display:flex;flex-direction:column;gap:18px}.form-section{display:grid;grid-template-columns:100px 1fr;padding:40px}.section-number{font:12px Arial;color:#999}.section-fields{max-width:900px}.section-fields>div:first-child{margin-bottom:28px}.section-fields h2{font-size:26px;margin:0}.section-fields p{color:var(--muted)}.sticky-save{position:sticky;bottom:15px;background:#111;color:#fff;padding:14px 18px;display:flex;justify-content:space-between;align-items:center;z-index:10;box-shadow:0 10px 40px #0004}.sticky-save p{margin:0;color:#aaa}.sticky-save b{color:#fff}.sticky-save .button{background:#fff;color:#111}.admin-table{margin-bottom:18px}.audit-list>div{display:grid;grid-template-columns:20px 1fr auto;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.audit-list div div{display:flex;flex-direction:column}.audit-list small,.audit-list time{font-size:10px;color:var(--muted)}.error-page{text-align:center;padding:15vh 20px}.error-page h1{font-size:60px}

.chat-body{background:#e9e9e9;min-height:100vh;display:grid;place-items:center;padding:28px}.chat-body.is-widget{padding:0;background:#fff;display:block}.chat-app{width:min(100%,760px);height:min(880px,calc(100vh - 56px));background:#fff;display:flex;flex-direction:column;border:1px solid #ccc;box-shadow:0 20px 80px #0002}.is-widget .chat-app{width:100%;height:100vh;border:0;box-shadow:none}.chat-header{min-height:76px;background:#111;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 20px}.chat-header>div{display:flex;gap:12px;align-items:center}.chat-logo,.chat-avatar{width:38px;height:38px;background:#fff;color:#111;display:grid;place-items:center;font-family:Arial;font-weight:900;flex:0 0 auto}.chat-header h1{font-size:15px;margin:0}.chat-header p{font-size:10px;color:#aaa;margin:0}.chat-header p i{display:inline-block;width:6px;height:6px;background:#42bd7c;border-radius:50%}.chat-header>a{font:10px Arial;letter-spacing:1px;color:#aaa}.chat-header>button{background:transparent;color:#fff;border:0;font-size:25px}.chat-messages{flex:1;overflow:auto;padding:25px;display:flex;flex-direction:column;gap:15px}.chat-day{text-align:center;font-size:9px;color:#999}.chat-message{display:flex;gap:9px;max-width:85%}.chat-message>div{background:#f2f2f2;padding:12px 15px}.chat-message.user{align-self:flex-start;direction:ltr}.chat-message.user>div{background:#111;color:#fff;direction:rtl}.chat-message small,.chat-message time{display:block;font-size:8px;color:#888}.chat-message p{margin:3px 0;line-height:1.85}.chat-message.typing p:after{content:'...';animation:blink 1s infinite}.quick-replies{display:flex;gap:7px;flex-wrap:wrap;margin-right:48px}.quick-replies button{border:1px solid var(--line);background:#fff;padding:7px 10px;font-size:10px}.quick-replies button:hover{background:#111;color:#fff}.chat-composer{border-top:1px solid var(--line);padding:12px 16px;display:grid;grid-template-columns:1fr 44px;gap:8px}.chat-composer textarea{border:0;background:var(--soft);min-height:48px;max-height:130px}.chat-composer>button{border:0;background:#111;color:#fff;font-size:20px}.chat-composer>small{grid-column:1/-1;color:#999;font-size:8px}.chat-branding{text-align:center;font:8px Arial;color:#999;padding:7px}.chat-error{background:var(--danger-bg);color:var(--danger);padding:8px 15px;font-size:11px}.chat-message .handoff-note{background:var(--warning-bg);color:#714800;padding:7px;font-size:9px;margin-top:7px}
@keyframes blink{50%{opacity:.2}}

@media (max-width:1200px){.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:70px 35px}.hero h1{font-size:60px}.hero-visual{margin-right:0}.feature-grid{grid-template-columns:1fr 1fr}.pricing-full{grid-template-columns:1fr 1fr}.metric-grid{grid-template-columns:1fr 1fr}.catalog-cards{grid-template-columns:1fr 1fr}.pipeline-summary{overflow:auto}.pipeline-summary div{min-width:125px}.status-strip{grid-template-columns:1.5fr 1fr 1fr}.status-strip>a{display:none}}
@media (max-width:900px){.site-nav{display:none}.site-header{height:70px}.hero{display:block}.hero-copy{padding:80px 24px}.hero h1{font-size:clamp(48px,13vw,74px);letter-spacing:-2px}.hero-visual{margin:0;min-height:620px}.floating-metric{left:12px}.logo-strip b:nth-of-type(n+4){display:none}.section-heading{display:block}.section-heading .eyebrow{margin-bottom:20px}.section-heading h2{margin-bottom:20px}.how-section{grid-template-columns:1fr}.how-sticky{position:static}.pricing-grid{grid-template-columns:1fr}.price-card+.price-card{border-right:1px solid var(--line);border-top:0}.price-card.featured{transform:none}.site-footer{grid-template-columns:1fr 1fr}.site-footer>div:first-child{grid-column:1/-1}.auth-page{grid-template-columns:1fr}.auth-copy{min-height:520px}.sidebar{transform:translateX(110%);transition:.3s var(--ease)}.sidebar.open{transform:none}.workspace-shell{margin-right:0}.mobile-menu{display:block}.workspace-topbar{gap:15px}.workspace-topbar>div{flex:1}.dashboard-grid,.split-editor,.analytics-grid{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.quick-actions>.eyebrow{display:none}.quick-actions a{border-right:0;border-top:1px solid var(--line)}.channel-grid{grid-template-columns:1fr}.inbox{grid-template-columns:330px 1fr}.inbox-list{width:330px}.page-title-row{align-items:start}.lead-grid{grid-template-columns:1fr}.form-section{grid-template-columns:55px 1fr}.subscription-hero{padding:30px}.metric-grid{grid-template-columns:1fr 1fr}.pricing-full{grid-template-columns:1fr}.pipeline{grid-template-columns:1fr;display:none}}
@media (max-width:650px){body{font-size:14px}.site-header{padding:0 16px}.header-actions>a:not(.button){display:none}.brand{font-size:13px}.hero-actions{flex-direction:column}.hero-proof{align-items:start;flex-direction:column;gap:7px}.hero-proof span{border:0;padding:0}.hero-visual{min-height:560px}.mock-chat{padding:25px 14px}.floating-metric{display:none}.logo-strip{justify-content:space-around}.logo-strip span{display:none}.feature-section,.pricing-preview,.simple-public{padding:70px 16px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:260px}.how-section{padding:70px 20px}.final-cta{padding:80px 18px}.site-footer{padding:60px 20px 25px}.auth-copy{padding:70px 24px;min-height:460px}.auth-copy .back-link{top:22px;right:24px}.auth-copy h1{font-size:48px}.quote-block{display:none}.mini-steps{gap:12px}.auth-form-wrap{padding:35px 18px}.form-grid{grid-template-columns:1fr;gap:0}.form-heading h2{font-size:25px}.workspace-main{padding:24px 14px}.workspace-topbar{padding:0 14px}.help-link{display:none}.page-title-row{display:block}.page-title-row .button,.page-title-row>form{margin-top:18px;width:100%}.status-strip{grid-template-columns:1fr 1fr;padding:15px}.status-strip>div:first-child{grid-column:1/-1}.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{min-height:145px;padding:15px}.metric-card strong{font-size:31px}.dashboard-grid{gap:8px}.panel{padding:18px}.knowledge-summary{grid-template-columns:90px 1fr;padding:20px 15px}.summary-counts{display:none}.content-tabs{overflow:auto}.content-tabs button{white-space:nowrap;padding:12px}.module-grid{grid-template-columns:1fr}.module-grid a:nth-child(even){border-right:1px solid var(--line)}.module-grid a:nth-child(n+2){border-top:0}.catalog-cards{grid-template-columns:1fr}.inbox{height:auto;display:block}.inbox-list{width:100%;max-height:520px;border-left:0}.inbox-detail{border-top:8px solid var(--soft);min-height:500px}.conversation-meta{grid-template-columns:1fr 1fr;gap:12px}.thread-message{max-width:90%}.pipeline-summary{display:flex;overflow:auto}.lead-card form{grid-template-columns:1fr}.channel-card{grid-template-columns:48px 1fr}.channel-card>.status-pill{grid-column:2}.widget-panel{padding:18px}.domain-section{grid-template-columns:1fr;gap:14px}.domain-intro,.domain-form,.domain-list{max-width:none}.domain-form{display:grid;grid-template-columns:1fr}.domain-form .button{width:100%;min-width:0}.domain-list{grid-column:1}.domain-list span{font-size:10px;padding:9px 10px}.subscription-hero{display:block}.quota-number{text-align:right;margin-top:35px}.subscription-hero h2{font-size:38px}.quota-number strong{font-size:48px}.info-grid{grid-template-columns:1fr}.form-section{display:block;padding:20px}.section-number{margin-bottom:15px}.sticky-save{bottom:0;margin:0 -14px -24px;padding:12px}.sticky-save p{display:none}.sticky-save .button{width:100%}.admin-table{padding:0}.chat-body{padding:0}.chat-app{height:100vh;border:0}.chat-messages{padding:18px 12px}.center-cta{padding:60px 15px}.center-cta h2{font-size:30px}.demo-panels{grid-template-columns:1fr}.demo-panels>article{padding:30px;min-height:auto}.simple-public{padding-top:60px}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.qr-placeholder[data-qr]{background:#fff;border:6px solid #fff}.qr-placeholder[data-qr] svg{display:block;width:100%;height:100%}.qr-placeholder[data-qr] span{font-size:9px;color:#999}
html,body,body *,button,input,textarea,select,option,code,pre{font-family:'Vazirmatn',sans-serif!important;font-synthesis:none}


.knowledge-title-row{align-items:flex-end}.knowledge-actions{display:flex;gap:8px;flex-wrap:wrap}.knowledge-actions form{margin:0}.validation-banner{border:1px solid;padding:18px 22px;margin-bottom:20px;background:#fff}.validation-banner>div{display:flex;align-items:center;gap:12px}.validation-banner>div>span{width:34px;height:34px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}.validation-banner>div div{display:flex;flex-direction:column}.validation-banner small{color:var(--muted)}.validation-banner ul{margin:14px 46px 0;padding:0 18px;color:#7a2020}.validation-banner.passed{border-color:#8dc9a6;background:#f4fbf7}.validation-banner.failed{border-color:#d9a2a2;background:#fff7f7}.validation-banner details{margin:12px 46px 0}.validation-banner summary{cursor:pointer;font-weight:700}.readiness-breakdown{display:grid;grid-template-columns:repeat(2,minmax(170px,1fr));gap:8px 22px;min-width:min(100%,440px)}.readiness-breakdown div{display:grid;grid-template-columns:1fr auto;gap:3px 12px;font-size:11px}.readiness-breakdown b{font-size:10px}.readiness-breakdown i{grid-column:1/-1;height:3px;background:#ddd}.readiness-breakdown em{display:block;height:100%;background:#111}.studio-roadmap button{appearance:none;text-align:right;width:100%;cursor:pointer;border:1px solid var(--line);padding:27px;display:grid;grid-template-columns:40px 1fr auto;gap:15px}.studio-roadmap button:nth-child(even){border-right:0}.studio-roadmap button:nth-child(n+3){border-top:0}.studio-roadmap button:hover{background:#fafafa}.module-grid.studio-roadmap>*{background:#fff}.status-pill.validated{background:#e7eefc;color:#315f9c}.readiness-todo{margin-top:20px}.readiness-todo>div:last-child{display:flex;gap:8px;flex-wrap:wrap}.readiness-todo>div:last-child span{border:1px solid var(--line);padding:8px 12px;display:flex;gap:12px;align-items:center}.readiness-todo small{color:var(--muted)}.studio-sections{display:grid;gap:12px}.studio-section{padding:0;overflow:hidden}.studio-section>summary{list-style:none;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;padding:18px 20px;cursor:pointer}.studio-section>summary::-webkit-details-marker{display:none}.studio-section>summary>span{font-weight:900;color:#aaa}.studio-section>summary>div{display:flex;flex-direction:column}.studio-section>summary small{color:var(--muted);font-weight:400}.studio-section[open]>summary{border-bottom:1px solid var(--line);background:var(--soft)}.studio-section form{padding:22px;display:grid;gap:14px}.field-guide{background:#111;color:#fff;padding:14px 16px;display:grid;grid-template-columns:auto 1fr;gap:1px 14px;font-size:11px}.field-guide small{grid-column:1/-1;color:#aaa}.studio-section label small{display:block;color:var(--muted);font-size:10px}.inline-errors{background:var(--danger-bg);color:var(--danger);padding:10px;display:grid;gap:4px}.version-panel{padding:22px}.preview-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;padding:0;background:var(--line);overflow:hidden}.preview-summary>div{background:#fff;padding:24px;display:flex;flex-direction:column}.preview-summary small{color:var(--muted)}.preview-summary b{font-size:20px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.preview-grid article{padding:22px}.preview-grid article>span{font-size:9px;background:#111;color:#fff;padding:3px 8px}.preview-grid h2{margin:14px 0 5px}.preview-grid p{color:var(--muted);margin:0}.publish-bar{position:sticky;bottom:20px;margin-top:20px;background:#111;color:#fff;padding:17px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 12px 30px #0003}.publish-bar>div{display:flex;flex-direction:column}.publish-bar span{font-size:11px;color:#aaa}.publish-bar .button{background:#fff;color:#111}
@media(max-width:900px){.knowledge-actions{width:100%}.knowledge-actions>*{flex:1}.knowledge-actions .button{width:100%}.readiness-breakdown{grid-template-columns:1fr;min-width:100%}.studio-section>summary{grid-template-columns:34px 1fr}.studio-section>summary>em{grid-column:2}.preview-summary,.preview-grid{grid-template-columns:1fr}.publish-bar{bottom:8px;align-items:stretch;flex-direction:column}.publish-bar .button{width:100%}}


.chat-header-actions{display:flex!important;gap:8px!important}.chat-header-actions button,.chat-header-actions a{border:1px solid #444;background:transparent;color:#ddd;padding:6px 9px;font-size:9px;letter-spacing:0}.chat-header-actions button:hover,.chat-header-actions a:hover{border-color:#fff;color:#fff}.chat-sources{margin-top:8px;padding-top:7px;border-top:1px solid #ddd;color:#777;font-size:8px}.message-feedback{display:flex;align-items:center;gap:5px;margin-top:9px;direction:rtl}.message-feedback span{font-size:8px;color:#888;margin-left:auto}.message-feedback button{width:24px;height:22px;border:1px solid #ccc;background:#fff;color:#555;padding:0;font-size:13px}.message-feedback button:hover,.message-feedback button.selected{background:#111;color:#fff;border-color:#111}.chat-message.user .message-feedback{display:none}.chat-message.assistant>div{min-width:180px}.chat-message.typing .message-feedback,.chat-message.typing .chat-sources{display:none}


.channel-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.channel-metrics .metric-card{min-height:155px}.channel-trend{margin-bottom:18px}.channel-trend-list{display:flex;gap:7px;flex-wrap:wrap}.channel-trend-list span{background:var(--soft);padding:8px 10px;display:grid;grid-template-columns:auto auto auto;gap:10px;font-size:10px}.channel-trend-list em{font-style:normal;font-weight:800}.channel-settings{margin-bottom:18px}.channel-settings>label{max-width:850px}.channel-detail-grid article>form{margin-top:18px}.qr-campaign-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:18px}.qr-campaign{display:grid;grid-template-columns:190px 1fr;gap:22px}.qr-print{width:190px;height:190px;background:#fff;border:1px solid var(--line);display:grid;place-items:center;padding:4px}.qr-print svg{display:block;width:100%;height:100%}.qr-downloads{display:flex;gap:7px;margin:12px 0}.qr-downloads form{margin:0}.qr-campaign details{border-top:1px solid var(--line);padding-top:12px}.qr-campaign summary{cursor:pointer;font-weight:700}.qr-campaign details form{padding-top:15px}.domain-list form{margin:0}.domain-list span{display:flex;gap:8px;align-items:center}.domain-list button{border:0;background:transparent;color:var(--danger);font-size:17px;padding:0}.chat-app .chat-header,.chat-app .chat-composer>button{background:var(--channel-color,#111)}.chat-app .chat-logo,.chat-app .chat-avatar{color:var(--channel-color,#111)}.chat-app .chat-message.user>div{background:var(--channel-color,#111)}.chat-app .quick-replies button:hover{background:var(--channel-color,#111)}.chat-app.theme-dark{background:#171717;color:#f3f3f3;border-color:#333}.theme-dark .chat-messages,.theme-dark .chat-composer,.theme-dark .chat-branding{background:#171717}.theme-dark .chat-message.assistant>div,.theme-dark .quick-replies button{background:#252525;color:#f3f3f3;border-color:#444}.theme-dark .chat-composer textarea{background:#252525;color:#fff}@media(prefers-color-scheme:dark){.chat-app.theme-auto{background:#171717;color:#f3f3f3;border-color:#333}.theme-auto .chat-messages,.theme-auto .chat-composer,.theme-auto .chat-branding{background:#171717}.theme-auto .chat-message.assistant>div,.theme-auto .quick-replies button{background:#252525;color:#f3f3f3;border-color:#444}.theme-auto .chat-composer textarea{background:#252525;color:#fff}}
@media(max-width:1100px){.channel-metrics{grid-template-columns:repeat(2,1fr)}.qr-campaign-grid{grid-template-columns:1fr}}@media(max-width:650px){.channel-metrics{grid-template-columns:1fr 1fr}.qr-campaign{grid-template-columns:1fr}.qr-print{width:100%;height:auto;aspect-ratio:1}.channel-settings .panel-head{display:block}.channel-settings .panel-head .button{width:100%;margin-top:12px}}


.hub-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}.hub-metrics article{background:#111;color:#fff;padding:18px 22px;display:flex;align-items:center;justify-content:space-between}.hub-metrics small{color:#aaa}.hub-metrics b{font-size:28px}.hub-utility-grid{display:grid;grid-template-columns:2fr 1fr;gap:18px;margin-bottom:18px}.hub-filter{display:grid;grid-template-columns:2fr repeat(3,1fr) auto auto;gap:7px}.hub-filter>*{margin:0;min-width:0}.hub-notifications>div:not(.panel-head){display:grid;grid-template-columns:15px 1fr auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:8px}.hub-notifications>div.unread{background:var(--warning-bg)}.hub-notifications p{margin:0;display:flex;flex-direction:column}.hub-notifications small{color:var(--muted)}.hub-notifications button{border:0;background:#111;color:#fff}.conversation-hub{height:auto;min-height:760px;grid-template-columns:400px 1fr}.conversation-hub .inbox-list{max-height:calc(100vh - 150px);position:sticky;top:82px}.priority-urgent{background:var(--danger-bg);color:var(--danger)}.priority-high{background:var(--warning-bg);color:var(--warning)}.priority-normal,.priority-low{background:#eee;color:#333}.hub-header-actions{display:flex!important;gap:7px!important}.hub-summary{display:grid;grid-template-columns:1fr 1fr;padding:18px 25px;background:#fafafa;border-bottom:1px solid var(--line);gap:18px}.hub-summary small{color:var(--muted)}.hub-summary p{margin:4px 0}.tag-strip{grid-column:1/-1;display:flex;gap:6px;align-items:center;flex-wrap:wrap}.tag-strip>span{background:#111;color:#fff;padding:3px 9px;font-size:10px}.tag-strip form{display:flex}.tag-strip input{min-height:32px;padding:4px 8px;width:120px}.tag-strip button{border:0;background:#ddd}.hub-control{margin:18px 25px;border:1px solid var(--line)}.hub-control summary{padding:12px 15px;font-weight:800;cursor:pointer;background:var(--soft)}.hub-control form{padding:16px}.thread-message.operator{align-self:flex-end;background:#e8f0ff;border-right:3px solid #315f9c}.hub-composer{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:20px 25px;border-top:1px solid var(--line);background:#fafafa}.hub-composer form{border:1px solid var(--line);padding:15px;background:#fff}.hub-management-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-top:1px solid var(--line)}.hub-management-grid>article{background:#fff;padding:25px}.hub-management-grid h3,.hub-notes h3{margin-bottom:18px}.hub-task{display:grid;grid-template-columns:1.4fr .7fr 1fr auto;gap:5px;align-items:center;border-top:1px solid var(--line);padding:9px 0}.hub-task p{margin:0;display:flex;flex-direction:column}.hub-task small{color:var(--muted)}.hub-task select,.hub-task input{min-height:36px;padding:6px}.hub-task button{border:0;background:#111;color:#fff;height:36px}.hub-notes{padding:25px;border-top:1px solid var(--line)}.hub-notes blockquote{margin:8px 0;padding:12px 16px;border-right:3px solid #111;background:var(--soft)}.hub-notes blockquote p{margin:0}.hub-notes footer{font-size:10px;color:var(--muted)}
@media(max-width:1200px){.hub-filter{grid-template-columns:repeat(3,1fr)}.hub-filter>input{grid-column:1/-1}.conversation-hub{grid-template-columns:340px 1fr}.hub-task{grid-template-columns:1fr 1fr}.hub-task p{grid-column:1/-1}}@media(max-width:900px){.hub-utility-grid{grid-template-columns:1fr}.conversation-hub{display:block}.conversation-hub .inbox-list{position:static;max-height:520px;width:100%}.hub-composer,.hub-management-grid{grid-template-columns:1fr}}@media(max-width:650px){.hub-metrics{grid-template-columns:1fr 1fr}.hub-filter{grid-template-columns:1fr}.hub-filter>input{grid-column:auto}.hub-summary{grid-template-columns:1fr;padding:15px}.tag-strip{grid-column:1}.hub-control{margin:12px}.hub-composer,.hub-management-grid>article,.hub-notes{padding:14px}.hub-header-actions{flex-direction:column}.hub-task{grid-template-columns:1fr}}


.billing-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:18px;margin:18px 0}.payment-methods-panel{margin:0 0 18px}.payment-methods-summary{margin-bottom:18px}.payment-method-strip{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:0 0 14px;margin-bottom:8px}.payment-method-strip .muted{font-size:11px;color:var(--muted-2)}.payment-method-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.payment-method-cards article{border:1px solid var(--line);border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#fafafe);display:flex;flex-direction:column;gap:6px;min-width:0}.payment-method-cards small{color:var(--muted)}.payment-method-cards b{font-size:17px;line-height:1.4;word-break:break-word}.payment-method-cards span{color:var(--muted-2);font-size:11px;line-height:1.7}.payment-method-badges{display:flex;gap:8px;flex-wrap:wrap}.payment-method-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.payment-method-form .full-width{grid-column:1/-1}.full-width{grid-column:1/-1}.payment-method-form textarea{min-height:110px;resize:vertical}.payment-method-form .check-label{min-height:56px;align-items:center}.payment-method-form input,.payment-method-form textarea{min-height:42px}.billing-products{display:grid;gap:8px}.billing-products form{display:grid;grid-template-columns:minmax(0,1.5fr) auto minmax(110px,.7fr) minmax(170px,.85fr) auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:12px 0}.billing-products form>div{display:flex;flex-direction:column}.billing-products small{color:var(--muted)}.billing-products input,.billing-products select{min-height:38px;padding:7px}.billing-products button:disabled{opacity:.4;cursor:not-allowed}.billing-history,.billing-ledger{margin-bottom:18px}.billing-ledger>div:not(.panel-head){display:grid;grid-template-columns:1fr auto auto 2fr;gap:18px;border-top:1px solid var(--line);padding:11px}.billing-ledger small{color:var(--muted)}.invoice-sheet{max-width:1060px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-md);padding:26px 26px 30px;overflow:hidden}.invoice-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,360px);gap:16px;align-items:stretch;padding-bottom:22px;border-bottom:1px solid var(--line)}.invoice-hero-copy h1{margin:0 0 8px;font-size:clamp(34px,4vw,54px);letter-spacing:-1.8px;line-height:1.1;color:var(--ink-strong)}.invoice-hero-copy>p:last-of-type{margin:0;color:var(--muted);max-width:620px}.invoice-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.invoice-hero-card{display:flex;flex-direction:column;justify-content:space-between;gap:14px;border:1px solid #e6e8f0;border-radius:20px;padding:18px;background:radial-gradient(circle at 15% 0,rgba(99,91,255,.08),transparent 28%),linear-gradient(180deg,#fff,#fafaff);box-shadow:var(--shadow-xs)}.invoice-total-box{display:flex;flex-direction:column;gap:8px}.invoice-total-box small{color:var(--muted);font-size:11px}.invoice-total-box strong{font-size:30px;line-height:1.2;color:var(--ink-strong)}.invoice-hero-actions{display:flex;gap:8px;flex-wrap:wrap}.invoice-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:18px 0 22px}.invoice-summary-grid article{border:1px solid #edf0f5;border-radius:16px;background:var(--surface-muted);padding:14px 15px;display:flex;flex-direction:column;gap:5px;min-width:0}.invoice-summary-grid small{color:var(--muted)}.invoice-summary-grid b{font-size:17px;word-break:break-word}.invoice-items{border:0;box-shadow:none;padding:0;margin-bottom:18px}.invoice-items .panel-head{padding:0 0 12px;margin:0}.invoice-items table{width:100%;border-collapse:collapse}.invoice-items th,.invoice-items td{border-bottom:1px solid var(--line);padding:14px;text-align:right}.invoice-footer-grid{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1fr);gap:18px;align-items:start}.invoice-totals{margin:0;width:100%;padding:18px 0;display:grid;gap:8px}.invoice-totals span,.invoice-totals strong{display:flex;justify-content:space-between;gap:18px}.invoice-totals span{color:#4b5563}.invoice-totals strong{font-size:19px;border-top:2px solid var(--brand);padding-top:12px;color:var(--ink-strong)}.invoice-payment-panel{margin:0;padding:18px;border:1px solid #e6e8f0;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfbff);box-shadow:var(--shadow-xs)}.invoice-payment-panel .panel-head{padding-bottom:12px}.transfer-instructions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0}.transfer-instructions div,.transfer-reference{border:1px solid var(--line);border-radius:14px;background:var(--surface-muted);padding:12px 14px;display:flex;flex-direction:column;gap:5px;min-width:0}.transfer-instructions small,.transfer-reference small{color:var(--muted)}.transfer-instructions b,.transfer-reference b{word-break:break-word}.transfer-reference{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.transfer-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.transfer-form label{margin:0}.transfer-form input{min-height:42px}.transfer-form button{grid-column:1/-1}.invoice-note{margin-top:16px}.sandbox-gateway{min-height:70vh;display:grid;place-items:center;padding:30px}.sandbox-gateway>div{width:min(100%,620px);border:2px solid #111;padding:40px}.sandbox-gateway dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:12px}.sandbox-actions{display:flex;gap:8px;margin-top:25px}.finance-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.finance-metrics article{background:#111;color:#fff;padding:18px;display:flex;flex-direction:column}.finance-metrics small{color:#aaa}.finance-metrics b{font-size:18px}.finance-admin-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;margin-bottom:18px}.discount-list>div{display:grid;grid-template-columns:1fr auto;gap:4px;border-top:1px solid var(--line);padding:12px}.discount-list small{color:var(--muted)}.discount-list .status-pill{grid-row:1/3;grid-column:2}.refund-form{display:flex;gap:5px;min-width:420px}.refund-form input{min-height:36px;padding:6px}.refund-form button{min-height:36px}.manual-transfer-actions{display:flex;flex-direction:column;gap:8px;min-width:180px}.manual-transfer-actions form{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center}.manual-transfer-actions input{min-height:36px;padding:6px}

@media(max-width:1100px){.subscription-hero{grid-template-columns:1fr}.subscription-hero-main{padding:24px}.subscription-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}.subscription-hero-side{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-grid,.finance-admin-grid{grid-template-columns:1fr}.finance-metrics{grid-template-columns:repeat(3,1fr)}.payment-method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method-form{grid-template-columns:1fr 1fr}.transfer-form{grid-template-columns:1fr 1fr}.manual-transfer-actions{min-width:0}.invoice-hero{grid-template-columns:1fr}.invoice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-footer-grid{grid-template-columns:1fr}}
@media(max-width:750px){.subscription-stat-row,.subscription-hero-side,.payment-method-cards,.payment-method-form,.transfer-instructions,.transfer-form,.invoice-summary-grid{grid-template-columns:1fr}.subscription-title-row{align-items:flex-start}.subscription-title-meta{align-items:flex-start}.billing-products form{grid-template-columns:1fr}.billing-products form>div,.billing-products form>*{grid-column:1/-1}.billing-products button,.billing-products select{width:100%}.billing-ledger>div:not(.panel-head){grid-template-columns:1fr 1fr}.billing-ledger small{grid-column:1/-1}.invoice-sheet{padding:18px}.invoice-hero-copy h1{font-size:clamp(28px,8vw,40px)}.invoice-summary-grid article{padding:13px 14px}.invoice-payment-panel{padding:16px}.invoice-payment-strip{padding:10px 12px}.invoice-payment-strip .status-pill{width:100%;justify-content:center}.transfer-instructions div,.transfer-reference{padding:11px 12px}.transfer-reference{grid-template-columns:1fr}.transfer-form{gap:8px}.finance-metrics{grid-template-columns:1fr 1fr}.finance-metrics article{padding:14px 15px;min-height:112px}.finance-admin-grid{grid-template-columns:1fr}.payment-method-cards article{min-height:108px}.payment-methods-summary,.finance-discount-card,.invoice-payment-panel{border-radius:18px}.sandbox-actions{flex-direction:column}.refund-form{min-width:280px;display:grid}.manual-transfer-actions form{grid-template-columns:1fr}.manual-transfer-actions input,.manual-transfer-actions button{width:100%}}
@media(max-width:1200px){.billing-grid,.finance-admin-grid{grid-template-columns:1fr}.finance-metrics{grid-template-columns:repeat(3,1fr)}.payment-method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-method-form{grid-template-columns:1fr 1fr}.transfer-form{grid-template-columns:1fr 1fr}.manual-transfer-actions{min-width:0}.invoice-hero{grid-template-columns:1fr}.invoice-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.invoice-footer-grid{grid-template-columns:1fr}}@media(max-width:750px){.billing-products form{grid-template-columns:1fr}.billing-products form>div,.billing-products form>*{grid-column:1/-1}.billing-products button,.billing-products select{width:100%}.billing-ledger>div:not(.panel-head){grid-template-columns:1fr 1fr}.billing-ledger small{grid-column:1/-1}.invoice-sheet{padding:18px}.invoice-hero-copy h1{font-size:clamp(28px,8vw,40px)}.invoice-summary-grid{grid-template-columns:1fr}.invoice-payment-panel{padding:16px}.payment-method-cards,.payment-method-form,.transfer-instructions,.transfer-form{grid-template-columns:1fr}.transfer-reference{grid-template-columns:1fr}.finance-metrics{grid-template-columns:1fr 1fr}.sandbox-actions{flex-direction:column}.refund-form{min-width:280px;display:grid}.manual-transfer-actions form{grid-template-columns:1fr}.manual-transfer-actions input,.manual-transfer-actions button{width:100%}}@media print{.sidebar,.workspace-topbar,.invoice-sheet button,.site-header,.site-footer{display:none!important}.workspace-shell{margin:0}.workspace-main{padding:0}.invoice-sheet{border:0;max-width:none}.workspace-body{background:#fff}}


.chat-app .chat-header,.chat-app .chat-composer>button{background:var(--channel-color,#111)}.chat-app .chat-logo,.chat-app .chat-avatar{color:var(--channel-color,#111)}.chat-app .chat-message.user>div{background:var(--channel-color,#111)}.chat-app .quick-replies button:hover{background:var(--channel-color,#111)}
.chat-app.theme-dark{background:#171717;color:#f3f3f3;border-color:#333}.theme-dark .chat-messages,.theme-dark .chat-composer,.theme-dark .chat-branding{background:#171717}.theme-dark .chat-message.assistant>div,.theme-dark .quick-replies button{background:#252525;color:#f3f3f3;border-color:#444}.theme-dark .chat-composer textarea{background:#252525;color:#fff}
@media(prefers-color-scheme:dark){.chat-app.theme-auto{background:#171717;color:#f3f3f3;border-color:#333}.theme-auto .chat-messages,.theme-auto .chat-composer,.theme-auto .chat-branding{background:#171717}.theme-auto .chat-message.assistant>div,.theme-auto .quick-replies button{background:#252525;color:#f3f3f3;border-color:#444}.theme-auto .chat-composer textarea{background:#252525;color:#fff}}


.analytics-period label{margin:0;min-width:170px}.analytics-period select{min-height:40px}.analytics-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.analytics-kpis article{background:#111;color:#fff;padding:20px;min-height:145px;display:flex;flex-direction:column}.analytics-kpis small,.analytics-kpis span{color:#aaa}.analytics-kpis b{font-size:27px;margin:auto 0 3px;line-height:1.2}.analytics-kpis span{font-size:10px}.phase7-grid{grid-template-columns:1.6fr 1fr}.analytics-usage .panel-head>b{font-size:20px}.quota-track{height:8px;background:#e4e4e4;margin:15px 0 18px;overflow:hidden}.quota-track i{display:block;height:100%;background:#111}.analytics-mini{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-bottom:20px}.analytics-mini span{background:#fff;padding:12px;display:flex;flex-direction:column;font-size:10px;color:var(--muted)}.analytics-mini b{color:#111;font-size:14px}.analytics-models{margin-bottom:18px}.analytics-models table,.cohort-panel table{width:100%;border-collapse:collapse}.analytics-models th,.analytics-models td,.cohort-panel th,.cohort-panel td{border-top:1px solid var(--line);padding:12px;text-align:right}.analytics-health{display:grid;grid-template-columns:1fr 1fr;gap:18px}.analytics-health dl,.analytics-dl{display:grid;gap:0;margin:0 0 20px}.analytics-health dl div,.analytics-dl div{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:11px}.analytics-health dd,.analytics-dl dd{margin:0;font-weight:800}.analytics-health h3{font-size:12px;margin-top:18px}.live-dot{color:var(--success);font-size:11px}.live-dot:before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:currentColor;margin-left:6px}.admin-kpis b{font-size:21px}.cohort-panel{margin-bottom:18px}.table-wrap{overflow:auto}
@media(max-width:1200px){.analytics-kpis{grid-template-columns:repeat(3,1fr)}.phase7-grid{grid-template-columns:1fr}}@media(max-width:750px){.analytics-v3{gap:12px}.analytics-kpis{grid-template-columns:1fr 1fr;margin-bottom:0}.analytics-kpis article:last-child{grid-column:1/-1}.analytics-mini{grid-template-columns:1fr 1fr}.analytics-health{grid-template-columns:1fr}.analytics-period{margin-top:18px}.analytics-period label{width:100%}}

.analytics-v3{display:grid;gap:16px}.analytics-v3 .page-title-row{margin-bottom:0}.analytics-v3 .analytics-kpis,.analytics-v3 .analytics-grid,.analytics-v3 .analytics-models,.analytics-v3 .analytics-health{margin-bottom:0}.analytics-v3 .analytics-grid,.analytics-v3 .analytics-health{gap:14px}

.learning-title{align-items:flex-end}.learning-guardrail{display:flex;align-items:center;gap:7px;flex-wrap:wrap;background:#111;color:#fff;padding:14px 18px;margin-bottom:12px}.learning-guardrail b{margin-left:8px}.learning-guardrail span{font-size:10px;border:1px solid #555;padding:3px 8px}.learning-guardrail small{color:#aaa;margin-right:auto}.learning-kpis{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:18px}.learning-kpis article{background:#fff;border:1px solid var(--line);padding:17px;min-height:115px;display:flex;flex-direction:column}.learning-kpis small{color:var(--muted)}.learning-kpis b{font-size:25px;margin-top:auto}.learning-settings{margin-bottom:18px}.learning-settings>form{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:8px;align-items:end}.learning-settings label{margin:0}.strategy-score-panel{margin-bottom:30px}.strategy-score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.strategy-score-grid article{border:1px solid var(--line);padding:15px}.strategy-score-grid header{display:flex;justify-content:space-between}.strategy-score-grid header div{display:flex;flex-direction:column}.strategy-score-grid header small{color:var(--muted)}.strategy-score-grid header strong{font-size:24px}.score-track{height:5px;background:#eee;margin:12px 0}.score-track i{display:block;background:#111;height:100%}.strategy-score-grid footer{display:flex;gap:12px;flex-wrap:wrap;font-size:9px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;margin:28px 0 14px}.section-head h2{font-size:29px;margin:0}.suggestion-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.suggestion-card header{display:flex;justify-content:space-between;align-items:center}.suggestion-card>p{color:var(--muted)}.suggestion-card>code{display:block;direction:ltr;text-align:left;background:#111;color:#fff;padding:10px;margin:12px 0;font-size:10px}.suggestion-card>form:not(.experiment-create){display:flex;gap:7px}.experiment-create{display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--line);padding-top:14px}.experiment-create label{margin:0}.experiment-create label:first-of-type{grid-column:1/-1}.experiment-create button{grid-column:1/-1}.status-pill.pending,.status-pill.draft{background:#eee}.status-pill.approved,.status-pill.completed{background:var(--success-bg);color:var(--success)}.status-pill.rejected,.status-pill.cancelled{background:var(--danger-bg);color:var(--danger)}.status-pill.experimenting,.status-pill.paused{background:var(--warning-bg);color:var(--warning)}.experiment-card{margin-bottom:10px}.experiment-card>header{display:grid;grid-template-columns:1fr auto;gap:25px}.experiment-card>header h3{margin:8px 0 3px}.experiment-card>header p{color:var(--muted)}.experiment-card dl{display:flex;gap:22px;margin:0}.experiment-card dl div{display:flex;flex-direction:column}.experiment-card dt{font-size:9px;color:var(--muted)}.experiment-card dd{margin:0;font-weight:800}.variant-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);margin:16px 0}.variant{background:#fff;padding:15px;display:grid;grid-template-columns:1fr auto}.variant span,.variant small{font-size:9px;color:var(--muted)}.variant strong{grid-row:1/3;grid-column:2;font-size:23px}.experiment-card>footer{display:flex;gap:7px;justify-content:flex-end}.outcome-panel{margin-top:30px}.outcome-list details{border-top:1px solid var(--line)}.outcome-list summary{display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:13px;cursor:pointer}.outcome-list summary small{color:var(--muted)}.outcome-list form{padding:18px;background:var(--soft)}.outcome-checks{display:flex;gap:15px;flex-wrap:wrap}.rollback-panel{margin-top:18px;display:grid;grid-template-columns:1fr 1.2fr auto;gap:22px;align-items:center}.rollback-panel p{color:var(--muted);margin:0}.prompt-history{display:grid;gap:4px}.prompt-history span{display:flex;gap:9px;font-size:10px}.prompt-history small{color:var(--muted);margin-right:auto}
@media(max-width:1200px){.learning-kpis{grid-template-columns:repeat(3,1fr)}.learning-settings>form{grid-template-columns:1fr 1fr}.learning-settings button{grid-column:1/-1}.rollback-panel{grid-template-columns:1fr}}@media(max-width:750px){.learning-kpis,.strategy-score-grid,.suggestion-grid{grid-template-columns:1fr 1fr}.learning-settings>form,.experiment-create,.experiment-card>header,.variant-grid{grid-template-columns:1fr}.experiment-create label:first-of-type,.experiment-create button{grid-column:auto}.experiment-card dl{flex-wrap:wrap}.outcome-list summary{grid-template-columns:1fr auto}.outcome-list summary small{grid-column:1/-1}.outcome-checks{display:grid;grid-template-columns:1fr 1fr}.learning-guardrail small{width:100%;margin:4px 0 0}.learning-title>form{width:100%}.learning-title button{width:100%}}


.integration-secret{display:grid;grid-template-columns:1fr minmax(260px,2fr) auto;gap:16px;align-items:center;background:#111;color:#fff;padding:18px;margin-bottom:12px}.integration-secret p{margin:0;color:#aaa;font-size:11px}.integration-secret code{direction:ltr;text-align:left;background:#242424;padding:12px;overflow:auto}.security-strip{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:18px}.security-strip span{background:var(--success-bg);color:var(--success);padding:6px 10px;font-size:10px}.integration-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-bottom:18px}.integration-guide{background:#111;color:#fff}.integration-guide li{padding:6px 0;color:#ccc}.integration-guide code{color:#fff}.connection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:25px}.connection-card header{display:flex;justify-content:space-between;align-items:flex-start}.connection-card header>div{display:flex;gap:10px}.connection-card h3{margin:0}.connection-card header small{color:var(--muted)}.integration-icon{width:40px;height:40px;display:grid;place-items:center;background:#111;color:#fff;font-weight:900}.connection-card dl{margin:18px 0}.connection-card dl div{display:grid;grid-template-columns:100px 1fr;border-top:1px solid var(--line);padding:9px;font-size:11px}.connection-card dd{margin:0;overflow-wrap:anywhere}.connection-card footer{display:flex;gap:6px;flex-wrap:wrap}.webhook-url{display:grid;grid-template-columns:auto 1fr auto;gap:8px;align-items:center;background:var(--soft);padding:9px;margin-top:12px}.webhook-url code{direction:ltr;text-align:left;overflow:auto;font-size:9px}.webhook-url button,.token-list button{border:0;background:#111;color:#fff;padding:6px;font-size:9px}.scope-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:14px}.scope-grid label{margin:0;padding:8px;background:var(--soft)}.token-list{margin-top:18px}.token-list>div{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;border-top:1px solid var(--line);padding:10px}.token-list span:first-child{display:flex;flex-direction:column}.token-list small{color:var(--muted)}.operation-list>div{display:grid;grid-template-columns:1fr auto;gap:3px;border-top:1px solid var(--line);padding:10px}.operation-list small{grid-column:1/-1;color:var(--muted)}.integration-log{margin-bottom:18px}.integration-log table{width:100%;border-collapse:collapse}.integration-log th,.integration-log td{border-top:1px solid var(--line);padding:11px;text-align:right}
@media(max-width:1100px){.integration-layout,.connection-grid{grid-template-columns:1fr}.api-webhook-grid{grid-template-columns:1fr 1fr}}@media(max-width:750px){.integration-secret{grid-template-columns:1fr}.api-webhook-grid,.scope-grid{grid-template-columns:1fr}.webhook-url{grid-template-columns:1fr}.connection-card dl div{grid-template-columns:1fr}.connection-card footer>*{flex:1}.connection-card footer button{width:100%}}


.auth-v2 .auth-form{max-width:650px}.auth-v2 .auth-form label>small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.auth-trust{list-style:none;padding:0;margin:42px 0 0}.auth-trust li{padding:10px 0;border-top:1px solid #333;color:#bbb;font-size:12px}.auth-trust li:before{content:'✓';color:#7bdca8;margin-left:10px}.password-field{display:grid;grid-template-columns:1fr auto;border:1px solid #bbb;background:#fff}.password-field input{border:0!important;min-width:0}.password-field button{border:0;border-right:1px solid #ddd;background:#f7f7f7;padding:0 14px;font-size:11px}.secure-note{color:var(--muted);font-size:10px}.terms-check{background:var(--soft);padding:12px!important;margin:18px 0!important;align-items:flex-start!important}.password-meter{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:10px;margin:-7px 0 15px;font-size:10px;color:var(--muted)}.password-meter:before{content:'';height:5px;background:linear-gradient(to left,#ddd 0 100%)}.password-meter i{display:none}.password-meter[data-score="1"]:before{background:linear-gradient(to left,#c4320a 0 25%,#ddd 25%)}.password-meter[data-score="2"]:before{background:linear-gradient(to left,#d69200 0 50%,#ddd 50%)}.password-meter[data-score="3"]:before{background:linear-gradient(to left,#32936f 0 75%,#ddd 75%)}.password-meter[data-score="4"]:before{background:#16794d}.auth-status-page{min-height:calc(100vh - 84px);display:grid;place-items:center;padding:30px;background:var(--soft)}.auth-status-page>section{width:min(680px,100%);background:#fff;border:1px solid var(--line);padding:clamp(35px,7vw,80px);text-align:center}.auth-status-icon{width:74px;height:74px;display:grid;place-items:center;background:#111;color:#fff;font-size:30px;margin:0 auto 25px}.auth-status-page h1{font-size:clamp(38px,5vw,64px)}.auth-status-page p{color:var(--muted);font-size:16px}.auth-status-actions{display:flex;justify-content:center;gap:10px;margin:30px 0}.auth-status-page small{color:var(--muted)}
@media(max-width:700px){.password-meter{grid-template-columns:90px 1fr}.auth-status-actions{flex-direction:column}.auth-status-actions .button{width:100%}}


.mail-admin-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:18px}.mail-check-list{display:grid;gap:7px}.mail-check-list>div{display:grid;grid-template-columns:34px 1fr;gap:11px;align-items:center;border:1px solid var(--line);padding:12px}.mail-check-list>div>span{width:34px;height:34px;display:grid;place-items:center;font-weight:900}.mail-check-list>div>div{display:flex;flex-direction:column}.mail-check-list small{color:var(--muted);overflow-wrap:anywhere}.mail-check-list .ok{border-color:#b7dec8}.mail-check-list .ok>span{background:var(--success-bg);color:var(--success)}.mail-check-list .bad{border-color:#efc0bc}.mail-check-list .bad>span{background:var(--danger-bg);color:var(--danger)}.config-list{margin:24px 0 0}.config-list div{display:grid;grid-template-columns:120px 1fr;gap:10px;border-top:1px solid var(--line);padding:9px 0}.config-list dt{color:var(--muted);font-size:11px}.config-list dd{margin:0;direction:ltr;text-align:left;overflow-wrap:anywhere}.status-pill.warning,.status-pill.failed{background:var(--danger-bg);color:var(--danger)}.status-pill.processing{background:var(--warning-bg);color:var(--warning)}
.mail-config-panel{margin-bottom:18px}.mail-config-form{display:grid;grid-template-columns:2fr .65fr 1fr 1.4fr 1.4fr;gap:10px;align-items:end}.mail-config-form label{margin:0}.mail-config-form button{grid-column:4/6}.mail-config-hint{margin:16px 0 0;background:var(--soft);padding:12px}.mail-config-hint code{direction:ltr}
@media(max-width:1200px){.mail-config-form{grid-template-columns:1fr 1fr 1fr}.mail-config-form button{grid-column:auto}}@media(max-width:950px){.mail-admin-grid{grid-template-columns:1fr}}@media(max-width:650px){.mail-metrics,.mail-config-form{grid-template-columns:1fr 1fr}.config-list div{grid-template-columns:1fr}.config-list dd{text-align:right}.mail-config-form button{grid-column:1/-1}}


:root{
  --ink:#101828;--ink-strong:#0b1220;--muted:#667085;--muted-2:#98a2b3;
  --line:#e4e7ec;--line-strong:#d0d5dd;--soft:#f6f7fb;--soft-blue:#f3f5ff;
  --paper:#fff;--dark:#0b1020;--brand:#635bff;--brand-strong:#4f46e5;
  --brand-soft:#eeecff;--accent:#06b6d4;--success:#067647;--success-bg:#ecfdf3;
  --warning:#b54708;--warning-bg:#fffaeb;--danger:#b42318;--danger-bg:#fef3f2;
  --info:#175cd3;--info-bg:#eff8ff;--radius-sm:10px;--radius:14px;
  --radius-lg:20px;--radius-xl:28px;--sidebar:280px;
  --shadow-xs:0 1px 2px rgba(16,24,40,.04);
  --shadow-sm:0 4px 16px rgba(16,24,40,.06);
  --shadow-md:0 12px 34px rgba(16,24,40,.09);
  --shadow-lg:0 24px 64px rgba(16,24,40,.14);
  --ring:0 0 0 4px rgba(99,91,255,.14);
  --ease:cubic-bezier(.22,1,.36,1)
}
.invoice-payment-panel .system-message{display:grid;gap:5px;margin:14px 0;padding:14px 16px;border:1px solid #a7f3d0;border-radius:14px;background:#ecfdf5;color:#065f46;line-height:1.85}
.invoice-payment-panel .system-message b{font-size:14px;color:inherit}
.invoice-payment-panel .system-message span{font-size:12px;color:inherit}
.invoice-payment-panel .system-message.error{border-color:#fecaca;background:#fff1f2;color:#9f1239}
*{scrollbar-width:thin;scrollbar-color:#cbd0dc transparent}
*::-webkit-scrollbar{width:9px;height:9px}*::-webkit-scrollbar-thumb{background:#cbd0dc;border-radius:999px;border:2px solid transparent;background-clip:padding-box}
html{background:var(--soft);scroll-padding-top:96px}
body{background:var(--paper);color:var(--ink);font-size:15px;line-height:1.75;letter-spacing:-.012em;text-rendering:optimizeLegibility}
::selection{background:#dcd9ff;color:#271f78}
:where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{outline:0;box-shadow:var(--ring);border-color:var(--brand)!important}
button:disabled,.button:disabled{cursor:not-allowed;opacity:.55;transform:none!important}
.skip-link{position:fixed;top:10px;right:12px;z-index:2000;transform:translateY(-150%);background:var(--dark);color:#fff;padding:10px 16px;border-radius:10px;font-weight:800;box-shadow:var(--shadow-md)}
.skip-link:focus{transform:translateY(0)}
.eyebrow{font-family:Vazirmatn,Tahoma,sans-serif;color:var(--brand-strong);font-size:10px;font-weight:850;letter-spacing:1.25px}
.brand{gap:12px;font-family:Vazirmatn,Tahoma,sans-serif;letter-spacing:.7px}.brand small{letter-spacing:1.5px;opacity:.66}
.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--brand),#786cff 55%,var(--accent));box-shadow:0 8px 22px rgba(99,91,255,.25);font-size:18px}
.brand-inverse .brand-mark{background:linear-gradient(135deg,#fff,#dcd9ff);color:var(--brand-strong);box-shadow:0 8px 24px rgba(0,0,0,.22)}
.button{min-height:46px;padding:10px 20px;border-radius:12px;border-color:var(--line-strong);gap:10px;font-weight:750;box-shadow:var(--shadow-xs);position:relative;overflow:hidden}
.customer-preview-cta{min-width:220px;padding-inline:20px;border-radius:999px;gap:12px;white-space:nowrap;background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-color:transparent;box-shadow:0 10px 26px rgba(79,70,229,.18)}.customer-preview-cta:hover,.customer-preview-cta:focus-visible{background:linear-gradient(135deg,#7169ff,#4338ca);box-shadow:0 14px 34px rgba(79,70,229,.28);outline:0;transform:translateY(-1px)}.customer-preview-cta:active{transform:translateY(0)}.customer-preview-cta::after{content:"↗";font-size:14px;line-height:1}.customer-preview-cta.button-dark{background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff}
.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:#b9bfc9}
.button-dark{background:linear-gradient(135deg,var(--brand),var(--brand-strong));border-color:transparent;color:#fff;box-shadow:0 8px 22px rgba(79,70,229,.22)}
.button-dark:hover{background:linear-gradient(135deg,#7169ff,#4338ca);box-shadow:0 12px 30px rgba(79,70,229,.3)}
.button-light{color:var(--brand-strong);border-color:#fff}.button-ghost{background:#fff}.button-ghost:hover{background:var(--soft-blue);border-color:#cfcaff;color:var(--brand-strong)}
.button-small{min-height:38px;border-radius:10px}.button.is-loading{pointer-events:none;color:transparent!important}.button.is-loading:after,button.is-loading:after{content:"";position:absolute;width:17px;height:17px;border:2px solid currentColor;border-left-color:transparent;border-radius:50%;color:#fff;animation:ui-spin .7s linear infinite}
@keyframes ui-spin{to{transform:rotate(1turn)}}@keyframes ui-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes ui-pulse{50%{box-shadow:0 0 0 6px rgba(18,183,106,0)}}


.site-header{height:78px;padding:0 clamp(20px,5vw,72px);position:sticky;top:0;z-index:80;border-bottom:1px solid rgba(228,231,236,.8);background:rgba(255,255,255,.86);backdrop-filter:blur(18px) saturate(150%);box-shadow:0 1px 0 rgba(16,24,40,.02)}
.site-nav{gap:8px}.site-nav a{padding:9px 14px;border-radius:10px;color:#344054}.site-nav a:hover{background:var(--soft-blue);color:var(--brand-strong)}
.header-actions{gap:12px}.header-actions>a:not(.button){padding:9px 12px;border-radius:10px}.site-menu-button{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:12px;background:#fff}
.hero{min-height:calc(100vh - 78px);grid-template-columns:minmax(420px,1fr) minmax(460px,.9fr);border:0;background:radial-gradient(circle at 12% 10%,rgba(99,91,255,.1),transparent 29%),linear-gradient(180deg,#fff 0%,#fafbff 100%);overflow:hidden}
.hero-copy{padding:clamp(70px,7vw,120px) clamp(28px,6.5vw,104px);position:relative;z-index:2}
.hero h1{font-size:clamp(52px,5.7vw,94px);line-height:1.04;letter-spacing:-4.2px;color:var(--ink-strong)}.hero h1 em{color:var(--brand);font-family:Vazirmatn,Tahoma,sans-serif;font-style:normal;position:relative}.hero h1 em:after{content:"";position:absolute;right:0;left:0;bottom:2px;height:8px;background:rgba(99,91,255,.13);border-radius:99px;z-index:-1}
.hero-lead{color:#475467;max-width:640px;font-size:clamp(16px,1.25vw,20px)}.hero-actions{gap:10px}.hero-proof{color:#344054;flex-wrap:wrap}.hero-proof b{color:var(--success)}.hero-proof span{border-color:var(--line)}
.hero-visual{margin:48px 4vw 48px 0;border:1px solid rgba(208,213,221,.86);border-radius:var(--radius-xl);background:linear-gradient(145deg,#f6f7ff,#eef2f7);box-shadow:var(--shadow-lg);overflow:hidden;transform:perspective(1100px) rotateY(2deg);min-height:600px}
.visual-top,.visual-footer{background:rgba(255,255,255,.88);backdrop-filter:blur(14px);border-color:var(--line);padding:0 26px}.visual-top .live-dot{display:inline-flex;align-items:center;gap:7px;color:var(--success)}.visual-top .live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.15);animation:ui-pulse 2s infinite}
.mock-chat{gap:16px}.bubble{border-radius:16px;padding:15px 18px}.bubble.customer{background:linear-gradient(135deg,var(--brand),#4f46e5);box-shadow:0 8px 18px rgba(79,70,229,.15)}.bubble.assistant{border-color:#e5e3ff;box-shadow:var(--shadow-sm)}.bot-mark{border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--accent))}
.lead-detected{border:0;border-radius:16px;box-shadow:var(--shadow-md)}.lead-detected>span{border-radius:10px;background:var(--success-bg);color:var(--success)}.lead-detected strong{color:var(--success)}
.floating-metric{border-radius:16px;background:linear-gradient(145deg,#111a33,#0b1020);box-shadow:var(--shadow-lg)}
.product-guide{
  width:min(100%,720px);
  margin-inline:auto;
  overflow-x:clip;
  height:min(730px,calc(100vh - 96px));
  min-height:590px;
  transform:none;
  justify-self:center
}
.product-guide-badge{padding:5px 9px;border:1px solid #d8d4ff;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:9px}
.product-guide-messages{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:26px clamp(15px,2.4vw,34px);align-items:stretch;scrollbar-gutter:stable}
.product-guide-message{width:fit-content}.product-guide-message>div{min-width:0}.product-guide-message p{white-space:pre-wrap;overflow-wrap:anywhere}
.product-guide-message.assistant{align-self:flex-end}.product-guide-message.customer{align-self:flex-start;direction:rtl}.product-guide-message.customer>div{background:transparent;padding:0}
.product-guide-suggestions{display:flex;gap:7px;flex-wrap:wrap;align-self:flex-end;margin-right:40px}
.product-guide-suggestions button{border:1px solid #d8d4ff;border-radius:999px;background:rgba(255,255,255,.9);color:var(--brand-strong);padding:7px 11px;font-size:10px;line-height:1.6}
.product-guide-suggestions button:hover{border-color:var(--brand);background:var(--brand-soft);transform:translateY(-1px)}
.product-guide-cta{display:inline-flex;align-items:center;margin-top:10px;padding:7px 11px;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong);font-size:10px;font-weight:800}
.product-guide-cta:hover{background:#dedaff}
.product-guide-composer{height:auto;min-height:96px;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:12px 15px;background:rgba(255,255,255,.94)}
.product-guide-composer textarea{width:100%;min-height:46px;max-height:116px;resize:none;border:1px solid var(--line);border-radius:13px;background:var(--surface-muted);padding:11px 13px;line-height:1.8;outline:0}
.product-guide-composer textarea:focus{border-color:var(--brand);box-shadow:var(--ring);background:#fff}
.product-guide-composer>button{width:46px;height:46px;border:0;border-radius:13px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-size:20px;box-shadow:0 8px 20px rgba(79,70,229,.24)}
.product-guide-composer>button:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(79,70,229,.3)}.product-guide-composer>button:disabled{opacity:.55}
.product-guide-composer>small{grid-column:1/-1;color:var(--muted-2);font-size:8px;line-height:1.6}
.product-guide-error{margin:0;padding:9px 16px;border-top:1px solid #fecdca;background:var(--danger-bg);color:var(--danger);font-size:10px}
.product-guide-error[hidden]{display:none}.product-guide-noscript{margin:0;padding:10px 16px;background:var(--warning-bg);color:var(--warning);font-size:11px}.product-guide-noscript a{text-decoration:underline}
.product-guide-typing p{min-width:40px;letter-spacing:4px;color:var(--brand);animation:product-guide-dots 1.1s ease-in-out infinite}
.product-guide-message p.is-live-typing::after{content:"";display:inline-block;width:2px;height:1.05em;margin-right:3px;vertical-align:-2px;border-radius:2px;background:var(--brand);animation:product-guide-caret .75s steps(1,end) infinite}
@keyframes product-guide-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@keyframes product-guide-dots{50%{opacity:.35;transform:translateY(-2px)}}
.logo-strip{border-color:var(--line);background:#fff;color:var(--muted)}.logo-strip b{color:#667085;opacity:.8}
.feature-section,.pricing-preview,.simple-public{background:#fff}.section-heading h2{color:var(--ink-strong)}.section-heading>p:last-child{color:var(--muted)}
.feature-grid{gap:16px;border:0}.feature-grid article{border:1px solid var(--line);border-radius:18px;min-height:335px;box-shadow:var(--shadow-xs);transition:.3s var(--ease);overflow:hidden}.feature-grid article:hover{transform:translateY(-6px);border-color:#d8d4ff;box-shadow:var(--shadow-md)}.feature-grid article:after{content:"";position:absolute;width:110px;height:110px;border-radius:50%;background:var(--brand-soft);left:-42px;top:-50px}.feature-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:16px;background:var(--brand-soft);color:var(--brand-strong);font-size:28px}
.how-section{background:radial-gradient(circle at 20% 20%,rgba(99,91,255,.28),transparent 28%),linear-gradient(145deg,#10182d,#080c17);border-radius:32px;margin:0 clamp(14px,2vw,30px);overflow:hidden}.how-steps article{border-color:rgba(255,255,255,.14)}.how-steps article>b{color:#9d96ff}.how-steps p{color:#b7bfce}
.pricing-grid{gap:14px}.price-card,.price-card+.price-card{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm)}.price-card.featured{background:linear-gradient(155deg,#151d35,#0b1020);border-color:#202c4a;box-shadow:0 24px 60px rgba(11,16,32,.25)}.recommended{border-radius:0 0 12px 0;color:var(--brand-strong);font-weight:800}.final-cta{margin:20px;border-radius:30px;background:radial-gradient(circle at 18% 18%,rgba(99,91,255,.42),transparent 30%),linear-gradient(145deg,#111a33,#080c17)}.site-footer{background:#080d1a;border-radius:30px 30px 0 0}


.workspace-body{background:var(--soft);min-height:100vh}.sidebar{width:var(--sidebar);background:radial-gradient(circle at 20% 0,rgba(99,91,255,.28),transparent 27%),linear-gradient(180deg,#11182c 0%,#090e1b 100%);border:0;padding:22px 16px;box-shadow:10px 0 34px rgba(16,24,40,.08)}
.sidebar>.brand{padding:4px 10px 22px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.09)}
.side-nav{padding:4px 0;gap:3px}.nav-label{color:#7f8aa5;font-size:9px;letter-spacing:1.4px;padding:18px 13px 7px;margin:0}
.side-nav a{min-height:44px;border-radius:11px;color:#b9c2d5;padding:9px 12px;position:relative;font-weight:620}.side-nav a span{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.055);color:#d7dcec}.side-nav a:hover{background:rgba(255,255,255,.075);color:#fff;transform:translateX(-2px)}.side-nav a.active{background:linear-gradient(90deg,rgba(99,91,255,.25),rgba(99,91,255,.12));color:#fff;box-shadow:inset -3px 0 0 #8f87ff}.side-nav a.active span{background:#6c63ff;color:#fff;box-shadow:0 6px 16px rgba(99,91,255,.32)}
.sidebar-footer{border-top:1px solid rgba(255,255,255,.1);padding:16px 4px 0}.user-chip{min-width:0}.user-chip .avatar,.avatar{background:linear-gradient(135deg,#867eff,var(--brand));color:#fff;border-radius:11px}.user-chip b{color:#fff}.user-chip small{color:#8e99b2;max-width:155px;overflow:hidden;text-overflow:ellipsis}.icon-button{border-radius:10px;background:rgba(255,255,255,.07);color:#d0d5dd;border:1px solid rgba(255,255,255,.08)}
.workspace-shell{margin-right:var(--sidebar);min-height:100vh;background:var(--soft)}.workspace-topbar{height:76px;padding:0 clamp(18px,3vw,42px);background:rgba(255,255,255,.83);backdrop-filter:blur(18px) saturate(155%);border-bottom:1px solid rgba(228,231,236,.9);position:sticky;top:0;z-index:60;box-shadow:0 1px 0 rgba(16,24,40,.02)}
.topbar-copy{display:flex;flex-direction:column;line-height:1.35}.topbar-copy strong{font-size:15px;color:#1d2939}.topbar-label{font-size:8px;color:var(--brand);font-weight:850;letter-spacing:1.5px}.topbar-actions{display:flex;align-items:center;gap:14px}.system-indicator{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;background:var(--success-bg);color:var(--success);border-radius:999px;font-size:10px;font-weight:750}.system-indicator i{width:7px;height:7px;background:#12b76a;border-radius:50%;box-shadow:0 0 0 3px rgba(18,183,106,.12)}
.help-link{padding:7px 10px;border-radius:9px;color:#475467}.help-link:hover{background:var(--soft-blue);color:var(--brand-strong)}
.workspace-main{max-width:1600px;margin:0 auto;padding:clamp(22px,3vw,42px);animation:ui-rise .45s var(--ease)}
.page-title-row{align-items:center;margin-bottom:26px;gap:20px}.page-title-row h1{font-size:clamp(30px,3vw,46px);letter-spacing:-1.8px;line-height:1.2;color:var(--ink-strong);margin-bottom:7px}.page-title-row>div>p:last-child{color:var(--muted);margin:0;max-width:760px}.page-title-row>.status-pill{align-self:center}
.panel{background:#fff;border:1px solid rgba(228,231,236,.9);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);padding:clamp(18px,2vw,26px);transition:border-color .25s,box-shadow .25s}.panel:hover{border-color:#d7d4f5;box-shadow:var(--shadow-sm)}
.panel-head{border:0;padding-bottom:16px;margin-bottom:8px}.panel-head h2{font-size:20px;letter-spacing:-.5px}.panel-head a{color:var(--brand-strong);font-weight:700}
.status-strip{background:linear-gradient(100deg,#fff,#fafaff);border:1px solid #e2e0ff;border-radius:16px;box-shadow:var(--shadow-xs);padding:15px 18px;overflow:hidden}.status-strip:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--brand),var(--accent))}.status-dot{background:#12b76a;box-shadow:0 0 0 5px rgba(18,183,106,.12)}
.metric-grid{gap:14px;margin:18px 0}.metric-card{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs);padding:20px;min-height:142px;position:relative;overflow:hidden}.metric-card:after{content:"";position:absolute;width:95px;height:95px;border-radius:50%;left:-48px;top:-52px;background:#f2f1ff}.metric-card:hover{transform:translateY(-3px);border-color:#d8d4ff;box-shadow:var(--shadow-sm)}.metric-card span,.metric-card small{color:var(--muted)}.metric-card strong{font-size:clamp(28px,3vw,38px);color:var(--ink-strong);letter-spacing:-1.5px}.metric-card.primary-metric{background:linear-gradient(145deg,#6158f5,#4438ca);border-color:transparent;color:#fff;box-shadow:0 16px 34px rgba(79,70,229,.22)}.metric-card.primary-metric:after{background:rgba(255,255,255,.1)}.metric-card.primary-metric strong,.metric-card.primary-metric span,.metric-card.primary-metric small{color:#fff}.metric-card.warning-card{background:linear-gradient(145deg,#fff,#fffbeb);border-color:#fedf89}
.progress,.readiness-bar,.score-track{border-radius:999px;overflow:hidden;background:#eaecf0}.progress i,.readiness-bar i,.score-track i{border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.dashboard-grid{gap:16px}.knowledge-readiness{background:radial-gradient(circle at 0 0,var(--brand-soft),transparent 33%),#fff}.knowledge-readiness>.panel-head>strong{color:var(--brand-strong)}
.mini-stats{background:var(--soft);border-radius:13px;border:0}.activity-list>a{border-radius:12px;border:1px solid transparent;padding:12px}.activity-list>a:hover{background:var(--soft-blue);border-color:#e0ddff}.activity-icon{border-radius:10px;background:var(--brand-soft);color:var(--brand-strong)}.activity-icon.hot{background:var(--danger-bg);color:var(--danger)}
.quick-actions{gap:12px}.quick-actions>a{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs)}.quick-actions>a:hover{border-color:#d3cfff;box-shadow:var(--shadow-sm);transform:translateY(-3px)}.quick-actions>a>b{border-radius:11px;background:var(--brand-soft);color:var(--brand-strong)}


label{color:#344054;font-weight:700;gap:7px}input,textarea,select{border:1px solid var(--line-strong);border-radius:11px;background:#fff;min-height:46px;padding:10px 13px;box-shadow:var(--shadow-xs);transition:border-color .2s,box-shadow .2s,background .2s}textarea{min-height:100px;resize:vertical}input:hover,textarea:hover,select:hover{border-color:#aeb5c2}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--brand);box-shadow:var(--ring)}input::placeholder,textarea::placeholder{color:#98a2b3}
.password-field{border:1px solid var(--line-strong);border-radius:11px;overflow:hidden;box-shadow:var(--shadow-xs)}.password-field:focus-within{border-color:var(--brand);box-shadow:var(--ring)}.password-field input{box-shadow:none!important}.password-field button{background:var(--soft);border-color:var(--line);color:var(--brand-strong);font-weight:700}
.check-label,.terms-check{border-radius:12px;background:var(--soft-blue)!important;border:1px solid #e4e1ff}
.form-grid{gap:12px}.form-row-between a,.text-link{color:var(--brand-strong);font-weight:700}.form-row-between a:hover,.text-link:hover{text-decoration:underline}
.content-tabs{background:#eaecf0;border-radius:12px;padding:4px;gap:3px;border:0}.content-tabs button{border:0;border-radius:9px;background:transparent;color:var(--muted);padding:10px 15px}.content-tabs button.active{background:#fff;color:var(--brand-strong);box-shadow:var(--shadow-sm)}
.catalog-toolbar,.inbox-toolbar{border-radius:15px;background:#fff;border:1px solid var(--line);padding:10px;box-shadow:var(--shadow-xs)}
.table-wrap{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-xs);overflow:auto}table{border-collapse:separate;border-spacing:0;width:100%}th{background:#f8f9fc;color:#475467;font-size:10px;font-weight:800;letter-spacing:.25px;position:sticky;top:0;z-index:2}th,td{padding:13px 15px;border-bottom:1px solid #eef0f3;text-align:right}tbody tr{transition:background .16s}tbody tr:hover{background:#fafaff}tbody tr:last-child td{border-bottom:0}td small{color:var(--muted)}
.status-pill{border-radius:999px;padding:5px 10px;font-size:10px;font-weight:750;border:1px solid transparent}.status-pill.active,.status-pill.paid,.status-pill.completed,.status-pill.approved{background:var(--success-bg);color:var(--success);border-color:#abefc6}.status-pill.trial,.status-pill.processing,.status-pill.experimenting{background:var(--info-bg);color:var(--info);border-color:#b2ddff}.status-pill.pending,.status-pill.draft,.status-pill.paused{background:var(--warning-bg);color:var(--warning);border-color:#fedf89}.status-pill.failed,.status-pill.cancelled,.status-pill.rejected{background:var(--danger-bg);color:var(--danger);border-color:#fecdca}
.alert{border:1px solid;border-radius:14px;padding:13px 16px;box-shadow:var(--shadow-sm);animation:ui-rise .3s var(--ease)}.alert-success{background:var(--success-bg);border-color:#abefc6;color:var(--success)}.alert-error{background:var(--danger-bg);border-color:#fecdca;color:var(--danger)}.public-alert{margin:14px auto;max-width:760px}.alert button{border-radius:8px}
.toast-notification{position:fixed;left:22px;bottom:22px;z-index:1200;background:#11182c;color:#fff;padding:12px 17px;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:var(--shadow-lg);font-size:12px;font-weight:700;opacity:0;transform:translateY(12px);transition:.25s var(--ease)}.toast-notification.visible{opacity:1;transform:none}
.empty-state{border-radius:18px}.empty-state>span,.auth-status-icon{border-radius:18px;background:var(--brand-soft);color:var(--brand-strong)}.add-card{border:1px dashed #bcb7ff;border-radius:18px;background:var(--soft-blue);color:var(--brand-strong)}
dialog.modal{border:0;border-radius:22px;box-shadow:var(--shadow-lg);padding:0;max-height:calc(100vh - 36px)}dialog::backdrop{background:rgba(6,10,22,.62);backdrop-filter:blur(5px)}.modal form{padding:26px}.modal-head{border-bottom:1px solid var(--line);padding-bottom:16px}.modal-head>button{width:36px;height:36px;border:0;border-radius:10px;background:var(--soft)}.modal-actions{border-top:1px solid var(--line);padding-top:18px}
.audit-list>div,.notification-list>div,.operation-list>div{border-radius:11px}.audit-list>div:hover,.notification-list>div:hover{background:var(--soft-blue)}


.auth-page{min-height:calc(100vh - 78px);background:var(--soft);grid-template-columns:minmax(380px,.8fr) minmax(520px,1.2fr)}
.auth-copy{background:radial-gradient(circle at 15% 15%,rgba(99,91,255,.38),transparent 28%),linear-gradient(150deg,#121a32,#080c18);padding:clamp(42px,7vw,96px);position:relative;overflow:hidden}.auth-copy:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.08);border-radius:50%;left:-160px;bottom:-180px;box-shadow:0 0 0 60px rgba(255,255,255,.018),0 0 0 120px rgba(255,255,255,.012)}
.auth-copy h1{font-size:clamp(48px,5vw,76px);line-height:1.08;letter-spacing:-3px}.auth-copy>p{color:#b8c0d2;max-width:560px}.auth-copy .eyebrow{color:#a9a3ff}.back-link{display:inline-flex;padding:8px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#d7dbea}.back-link:hover{background:rgba(255,255,255,.08)}
.auth-trust{position:relative;z-index:1}.auth-trust li{border-color:rgba(255,255,255,.1);color:#c6cddd}.auth-trust li:before{color:#6ce9a6}
.auth-form-wrap{background:radial-gradient(circle at 88% 12%,rgba(99,91,255,.08),transparent 25%),#fff;padding:clamp(28px,6vw,86px)}.auth-form{background:#fff;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,4vw,46px);box-shadow:var(--shadow-md)}.form-heading{border-bottom:1px solid var(--line);padding-bottom:20px}.form-heading h2{font-size:28px;color:var(--ink-strong)}.step-index{border-radius:12px;background:var(--brand-soft);color:var(--brand-strong)}.auth-switch{color:var(--muted)}.auth-switch a{color:var(--brand-strong);font-weight:750}
.password-meter:before{border-radius:999px;overflow:hidden;height:6px}.terms-check input{box-shadow:none;accent-color:var(--brand)}
.auth-status-page{background:radial-gradient(circle at 50% 15%,rgba(99,91,255,.12),transparent 30%),var(--soft)}.auth-status-page>section{border-radius:24px;border:1px solid var(--line);box-shadow:var(--shadow-md)}


.integration-guide,.learning-guardrail,.integration-secret{background:linear-gradient(145deg,#151e37,#0b1020);border-radius:16px}.integration-icon{border-radius:12px;background:var(--brand-soft);color:var(--brand-strong)}.security-strip span{border-radius:999px;border:1px solid #abefc6}.webhook-url,.mail-config-hint{border-radius:12px}.scope-grid label{border-radius:10px}
.integration-guide h2{color:#fff}
.learning-kpis,.analytics-kpis,.finance-kpis,.mail-metrics{gap:12px}.learning-kpis article,.analytics-kpis article,.finance-kpis article,.mail-metrics article{border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow-xs)}.learning-settings,.strategy-score-panel,.suggestion-card,.experiment-card,.outcome-panel,.rollback-panel{border-radius:18px}
.mail-check-list>div{border-radius:12px}.mail-check-list>div>span{border-radius:10px}.config-list div{border-color:#eef0f3}.mail-config-panel{background:linear-gradient(145deg,#fff,#fafaff)}
.conversation-layout,.inbox-layout{gap:14px}.conversation-list,.conversation-detail,.inbox-list,.inbox-detail{border-radius:18px;border-color:var(--line);box-shadow:var(--shadow-xs)}.message-bubble{border-radius:16px}.chat-shell,.public-chat{background:var(--soft)}
.admin-surface .sidebar{background:radial-gradient(circle at 20% 0,rgba(6,182,212,.18),transparent 28%),linear-gradient(180deg,#10182c,#080d18)}.admin-surface .side-nav a.active{background:linear-gradient(90deg,rgba(6,182,212,.2),rgba(99,91,255,.13));box-shadow:inset -3px 0 0 #22d3ee}.admin-surface .side-nav a.active span{background:linear-gradient(135deg,#0891b2,#635bff)}.admin-surface .eyebrow{color:#087ea4}
.admin-table .table-wrap,.invoice-items .table-wrap{border-radius:18px}.admin-table table,.invoice-items table{min-width:820px}.admin-table th,.invoice-items th{font-size:10px;letter-spacing:.3px;padding:12px 14px}.admin-table td,.invoice-items td{padding:14px;vertical-align:middle}.admin-table td .status-pill,.invoice-items td .status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px}.admin-table td small,.invoice-items td small{margin-top:4px;line-height:1.55;max-width:320px}.finance-hero-card,.payment-methods-summary,.finance-discount-card,.invoice-payment-panel{min-width:0}.finance-hero-grid>.finance-hero-stats article,.finance-hero-side .finance-side-box,.payment-method-cards article,.invoice-summary-grid article{min-height:0}


.sidebar-backdrop{display:none}.mobile-menu{border:1px solid var(--line);border-radius:11px;background:#fff;width:42px;height:42px;color:var(--brand-strong)}
@media(max-width:1180px){
  .feature-grid{grid-template-columns:repeat(2,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}
  .hero{grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(48px,6vw,76px)}
  .system-indicator{display:none}.workspace-main{padding:28px}
}
@media(max-width:900px){
  body.sidebar-open{overflow:hidden}.sidebar{transform:translateX(105%);transition:transform .3s var(--ease);z-index:110;box-shadow:-20px 0 55px rgba(7,12,25,.3)}.sidebar.open{transform:none}
  .workspace-shell{margin-right:0}.sidebar-backdrop{display:block;position:fixed;inset:0;z-index:100;border:0;background:rgba(8,13,27,.58);backdrop-filter:blur(3px);opacity:0;pointer-events:none;transition:.25s}.sidebar-open .sidebar-backdrop{opacity:1;pointer-events:auto}
  .mobile-menu{display:grid;place-items:center}.workspace-topbar{padding:0 18px}.topbar-actions .help-link{display:none}
  .hero{grid-template-columns:1fr}.hero-copy{padding-bottom:35px}.hero-visual{margin:15px 24px 55px;min-height:520px;transform:none}.product-guide{height:650px}.floating-metric{left:15px}
  .auth-page{grid-template-columns:1fr}.auth-copy{min-height:auto}.auth-copy h1{font-size:52px}.auth-trust{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;margin-top:28px}
  .site-header{padding:0 18px}.site-menu-button{display:grid;place-items:center;order:-1}.site-nav{position:absolute;top:68px;right:14px;left:14px;display:grid;gap:4px;padding:10px;background:rgba(255,255,255,.97);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow-lg);opacity:0;transform:translateY(-8px);pointer-events:none;transition:.22s var(--ease)}.site-nav.open{opacity:1;transform:none;pointer-events:auto}.site-nav a{padding:12px}.site-nav-open{overflow:hidden}
}
@media(max-width:700px){
  body{font-size:14px}.workspace-main{padding:20px 14px 34px}.workspace-topbar{height:68px}.topbar-copy strong{font-size:13px}.page-title-row{align-items:stretch;margin-bottom:20px}.page-title-row h1{font-size:32px}.page-title-row>.button,.page-title-row>button{width:100%}.page-title-row>.customer-preview-cta{min-height:50px;justify-content:space-between;padding-inline:18px;border-radius:16px;box-shadow:0 9px 22px rgba(79,70,229,.2)}
  .metric-grid,.learning-kpis,.analytics-kpis,.finance-kpis,.mail-metrics{grid-template-columns:1fr 1fr}.metric-card{min-height:132px;padding:16px}.metric-card strong{font-size:30px}
  .panel{padding:17px;border-radius:16px}.dashboard-grid{grid-template-columns:1fr}.status-strip{display:grid;grid-template-columns:1fr 1fr}.status-strip>div:first-child{grid-column:1/-1}.status-strip>a{grid-column:1/-1;text-align:center;background:var(--brand-soft);border-radius:10px;padding:8px;color:var(--brand-strong)}
  .quick-actions{grid-template-columns:1fr}.table-wrap{margin-left:-4px;margin-right:-4px;border-radius:13px}th,td{padding:11px 12px;white-space:nowrap}
  .jalali-datetime-picker{padding:12px}.jalali-datetime-head{align-items:flex-start}.jalali-datetime-nav{gap:5px}.jalali-datetime-nav button{padding:0 9px;font-size:9px}.jalali-datetime-weekdays,.jalali-datetime-grid{gap:5px}.jalali-datetime-day{min-height:38px;border-radius:11px}.jalali-datetime-day span{font-size:12px}.jalali-datetime-time{grid-template-columns:1fr 1fr}.jalali-datetime-time select{min-height:40px}
  .auth-copy{padding:36px 24px}.auth-copy h1{font-size:43px}.auth-trust{grid-template-columns:1fr}.auth-form-wrap{padding:18px}.auth-form{padding:22px;border-radius:18px}.form-heading{grid-template-columns:auto 1fr}.form-heading h2{font-size:23px}
  .channel-settings .check-toggle{min-height:84px;padding:14px 15px;border-radius:14px}.channel-settings .check-toggle .check-copy strong{font-size:12px}.channel-settings .check-toggle .check-copy small{font-size:9px;line-height:1.65}.channel-settings .form-grid{gap:12px}
  .feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:290px}.section-heading{grid-template-columns:1fr}.section-heading h2{font-size:46px}.how-section{grid-template-columns:1fr;border-radius:24px;margin:0 10px}.how-sticky{position:static}.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.final-cta{margin:10px;padding:75px 20px}.site-footer{grid-template-columns:1fr 1fr;border-radius:24px 24px 0 0}.site-footer>div:first-child{grid-column:1/-1}
  .product-guide-messages{padding:20px 14px}.product-guide-message{max-width:92%}.product-guide-suggestions{margin-right:0}.product-guide-composer{padding:10px 12px}
  .header-actions>a:not(.button){display:none}.header-actions .button{padding:8px 12px}.brand>span:last-child{font-size:13px}
  dialog.modal{width:calc(100% - 20px)}.modal form{padding:20px}.modal-actions{display:grid;grid-template-columns:1fr 1fr}
}

/* Conversations workspace v2 — canonical layout and responsive hierarchy */
.conversation-workspace-v2{
  --conversation-gap:16px;
  width:100%;
  max-width:1280px;
  min-width:0;
  margin:0 auto;
  display:grid;
  gap:var(--conversation-gap);
}
.conversation-workspace-v2>*{width:100%;min-width:0;margin:0}
.conversation-workspace-v2 .conversation-title-row{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:184px;
  padding:clamp(24px,3vw,38px);
  align-items:center;
  border:1px solid #dedbf7;
  border-radius:26px;
  background:radial-gradient(circle at 7% 3%,rgba(99,91,255,.18),transparent 34%),linear-gradient(145deg,#fff 0%,#f8f8ff 100%);
  box-shadow:0 18px 44px rgba(31,37,63,.075);
}
.conversation-workspace-v2 .conversation-title-row::after{
  content:'';
  position:absolute;
  inset:auto auto -90px -52px;
  z-index:-1;
  width:230px;
  height:230px;
  border-radius:50%;
  border:1px solid rgba(99,91,255,.13);
  box-shadow:0 0 0 34px rgba(99,91,255,.035);
}
.conversation-workspace-v2 .conversation-title-row>div{max-width:800px;min-width:0}
.conversation-workspace-v2 .conversation-title-row h1{margin:0 0 10px;font-size:clamp(30px,3.15vw,46px);line-height:1.3;letter-spacing:-1.2px}
.conversation-workspace-v2 .conversation-title-row>div>p:last-child{max-width:740px;margin:0;font-size:14px;line-height:2;color:#596579}
.conversation-workspace-v2 .conversation-count-badge{flex:0 0 auto;min-height:42px;padding:10px 16px;border:0;border-radius:999px;background:#101828;color:#fff;box-shadow:0 10px 24px rgba(16,24,40,.16)}

.conversation-workspace-v2 .hub-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.conversation-workspace-v2 .hub-metrics article{
  min-width:0;
  min-height:108px;
  padding:17px 18px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:13px;
  color:#101828;
  border:1px solid #e5e7ef;
  border-radius:20px;
  background:linear-gradient(145deg,#fff,#fafbff);
  box-shadow:0 8px 22px rgba(31,37,63,.055);
}
.conversation-workspace-v2 .hub-metrics article::before{display:none}
.conversation-workspace-v2 .hub-metrics article>div{display:flex;min-width:0;flex-direction:column;gap:4px}
.conversation-workspace-v2 .hub-metrics small{color:#667085;font-size:11px;line-height:1.6}
.conversation-workspace-v2 .hub-metrics b{color:#101828;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.conversation-workspace-v2 .hub-metric-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:14px;font-size:17px;font-weight:900;background:#f2f4f7;color:#344054}
.conversation-workspace-v2 .metric-action .hub-metric-icon{background:#fff4ed;color:#c4320a}
.conversation-workspace-v2 .metric-risk .hub-metric-icon{background:#fff1f3;color:#c01048}
.conversation-workspace-v2 .metric-resolved .hub-metric-icon{background:#ecfdf3;color:#027a48}
.conversation-workspace-v2 .metric-task .hub-metric-icon{background:#eef4ff;color:#3538cd}

.conversation-workspace-v2 .hub-utility-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:var(--conversation-gap);align-items:stretch}
.conversation-workspace-v2 .hub-utility-grid>.panel{min-width:0;height:100%;padding:22px;border:1px solid #e5e7ef;border-radius:22px;background:#fff;box-shadow:0 10px 28px rgba(31,37,63,.055);overflow:hidden}
.conversation-workspace-v2 .hub-utility-grid .panel-head{min-height:66px;margin:0 0 16px;padding:0 0 14px;border-bottom:1px solid #eceef4}
.conversation-workspace-v2 .hub-utility-grid .panel-head h2{margin:3px 0 0;font-size:20px}
.conversation-workspace-v2 .hub-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;border:0;background:transparent;box-shadow:none}
.conversation-workspace-v2 .hub-filter>input{grid-column:1/-1}
.conversation-workspace-v2 .hub-filter :is(input,select){width:100%;min-width:0;min-height:46px;margin:0;padding:10px 13px;border:1px solid #dde2ea;border-radius:13px;background:#fbfcfe;box-shadow:none}
.conversation-workspace-v2 .hub-filter :is(input,select):focus{outline:0;border-color:#aaa4ff;background:#fff;box-shadow:0 0 0 4px rgba(99,91,255,.1)}
.conversation-workspace-v2 .hub-filter-actions{grid-column:1/-1;display:flex;align-items:center;justify-content:flex-start;gap:8px;padding-top:3px}
.conversation-workspace-v2 .hub-filter-actions .button{min-width:118px;min-height:42px;margin:0;border-radius:12px}
.conversation-workspace-v2 .hub-notifications{display:flex;flex-direction:column}
.conversation-workspace-v2 .hub-notifications>div:not(.panel-head){grid-template-columns:30px minmax(0,1fr) 30px;margin:0 0 8px;padding:10px;border-radius:14px}
.conversation-workspace-v2 .hub-notifications>div:not(.panel-head):last-child{margin-bottom:0}
.conversation-workspace-v2 .hub-notifications p{min-width:0}
.conversation-workspace-v2 .hub-notifications p b,.conversation-workspace-v2 .hub-notifications p small{overflow-wrap:anywhere}

.conversation-workspace-v2 .conversation-hub{
  display:grid;
  grid-template-columns:minmax(315px,360px) minmax(0,1fr);
  gap:var(--conversation-gap);
  width:100%;
  height:min(820px,calc(100vh - 120px));
  min-height:700px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.conversation-workspace-v2 .conversation-hub .inbox-list,.conversation-workspace-v2 .conversation-hub .inbox-detail{min-width:0;height:100%;border:1px solid #e2e6ed;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(31,37,63,.065);overflow:auto;scrollbar-width:thin;scrollbar-color:#cdd3df transparent}
.conversation-workspace-v2 .conversation-hub .inbox-list{padding:0}
.conversation-workspace-v2 .inbox-list-head{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 16px 12px;background:rgba(255,255,255,.96);border-bottom:1px solid #eef0f4;backdrop-filter:blur(12px)}
.conversation-workspace-v2 .inbox-list-head strong{font-size:14px;color:#101828}
.conversation-workspace-v2 .inbox-list-head small{padding:4px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:10px;white-space:nowrap}
.conversation-workspace-v2 .inbox-search{position:sticky;top:53px;z-index:2;padding:10px 12px;background:rgba(248,249,252,.96);backdrop-filter:blur(12px)}
.conversation-workspace-v2 .inbox-search input{width:100%;min-height:44px;margin:0;padding:10px 13px;border:1px solid #dfe3ea;border-radius:13px;background:#fff;box-shadow:none}
.conversation-workspace-v2 .conversation-row{grid-template-columns:42px minmax(0,1fr) auto;gap:11px;min-width:0;margin:7px 9px;padding:13px;border:1px solid transparent;border-radius:16px}
.conversation-workspace-v2 .conversation-row>div{min-width:0}
.conversation-workspace-v2 .conversation-row p{width:100%;max-width:none;margin:4px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#596579}
.conversation-workspace-v2 .conversation-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#667085}
.conversation-workspace-v2 .conversation-row time{max-width:92px;overflow:hidden;text-overflow:ellipsis}
.conversation-workspace-v2 .conversation-row:hover{transform:translateY(-1px)}
.conversation-workspace-v2 .conversation-row.active{border-color:#d8d3ff;background:linear-gradient(145deg,#f7f5ff,#fff);box-shadow:inset -3px 0 0 var(--brand),0 8px 20px rgba(79,70,229,.08)}

.conversation-workspace-v2 .inbox-detail{display:flex;flex-direction:column}
.conversation-workspace-v2 .inbox-detail>header{position:sticky;top:0;z-index:4;min-height:78px;padding:15px 18px;background:rgba(255,255,255,.96);border-bottom:1px solid #e8ebf0;backdrop-filter:blur(14px)}
.conversation-workspace-v2 .inbox-detail>header>div:first-child{min-width:0}
.conversation-workspace-v2 .inbox-detail>header>div:first-child>div{min-width:0}
.conversation-workspace-v2 .inbox-detail>header h2{font-size:18px;line-height:1.5}
.conversation-workspace-v2 .inbox-detail>header p{max-width:560px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-workspace-v2 .hub-header-actions{flex:0 0 auto;align-items:center}
.conversation-workspace-v2 .conversation-meta{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:12px 18px;background:#f7f8fb}
.conversation-workspace-v2 .conversation-meta span{min-width:0;padding:11px 12px;border-radius:14px}
.conversation-workspace-v2 .conversation-meta b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
.conversation-workspace-v2 .hub-summary{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 18px;padding:12px;gap:10px;border-radius:18px}
.conversation-workspace-v2 .hub-summary>div{padding:13px 14px}
.conversation-workspace-v2 .hub-summary .tag-strip{grid-column:1/-1;align-items:center}
.conversation-workspace-v2 .hub-control{flex:0 0 auto}
.conversation-workspace-v2 .conversation-thread{flex:1 0 260px;min-height:260px;padding:22px 20px;background:radial-gradient(circle at 50% 0,rgba(99,91,255,.035),transparent 32%),#f7f8fb}
.conversation-workspace-v2 .thread-message{width:fit-content;min-width:120px;max-width:min(78%,680px);padding:13px 16px;border-radius:17px;overflow-wrap:anywhere}
.conversation-workspace-v2 .thread-message.user{background:#172033;color:#fff;border-bottom-left-radius:5px}
.conversation-workspace-v2 .thread-message.assistant{border:1px solid #e2e6ed;border-bottom-right-radius:5px;background:#fff}
.conversation-workspace-v2 .thread-message.operator{border-bottom-right-radius:5px}
.conversation-workspace-v2 .thread-message.system{max-width:90%;border:1px solid #fedf89;border-radius:999px;background:#fffaeb;color:#7a2e0e;text-align:center}
.conversation-workspace-v2 .hub-composer{grid-template-columns:repeat(2,minmax(0,1fr));margin:16px 18px;padding:12px;gap:10px;background:#f7f8fb}
.conversation-workspace-v2 .hub-composer form{min-width:0;padding:14px}
.conversation-workspace-v2 .hub-composer textarea{min-height:88px;resize:vertical}
.conversation-workspace-v2 .hub-management-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 18px}
.conversation-workspace-v2 .hub-management-grid>article{min-width:0;padding:18px;border-radius:18px}
.conversation-workspace-v2 .hub-management-grid form,.conversation-workspace-v2 .hub-management-grid label{min-width:0}
.conversation-workspace-v2 .hub-management-grid :is(input,select,textarea){width:100%;min-width:0}
.conversation-workspace-v2 .hub-task{grid-template-columns:minmax(0,1.2fr) minmax(110px,.65fr) minmax(120px,.8fr) auto}
.conversation-workspace-v2 .hub-notes{padding:0 18px 22px}
.conversation-workspace-v2 .conversation-mobile-back{display:none}

@media(max-width:1100px){
  .conversation-workspace-v2 .hub-utility-grid{grid-template-columns:1fr}
  .conversation-workspace-v2 .hub-notifications{max-height:360px;overflow:auto}
  .conversation-workspace-v2 .conversation-hub{grid-template-columns:minmax(285px,325px) minmax(0,1fr)}
  .conversation-workspace-v2 .hub-management-grid,.conversation-workspace-v2 .hub-composer{grid-template-columns:1fr}
  .conversation-workspace-v2 .hub-task{grid-template-columns:1fr 1fr}
  .conversation-workspace-v2 .hub-task p{grid-column:1/-1}
}
@media(max-width:820px){
  .conversation-workspace-v2{--conversation-gap:12px}
  .conversation-workspace-v2 .conversation-title-row{min-height:0;padding:24px;display:block}
  .conversation-workspace-v2 .conversation-count-badge{display:inline-flex;margin-top:18px}
  .conversation-workspace-v2 .hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .conversation-workspace-v2 .conversation-hub{display:block;height:auto;min-height:0}
  .conversation-workspace-v2 .conversation-hub .inbox-list,.conversation-workspace-v2 .conversation-hub .inbox-detail{height:auto;min-height:560px;max-height:none}
  .conversation-workspace-v2 .conversation-hub .inbox-list{margin-bottom:12px}
}
@media(max-width:650px){
  .conversation-workspace-v2 .conversation-title-row{padding:20px;border-radius:20px}
  .conversation-workspace-v2 .conversation-title-row h1{font-size:28px;letter-spacing:-.7px}
  .conversation-workspace-v2 .hub-metrics{gap:8px}
  .conversation-workspace-v2 .hub-metrics article{min-height:96px;padding:13px;gap:10px;border-radius:16px}
  .conversation-workspace-v2 .hub-metric-icon{width:36px;height:36px;flex-basis:36px;border-radius:12px}
  .conversation-workspace-v2 .hub-metrics b{font-size:25px}
  .conversation-workspace-v2 .hub-utility-grid>.panel{padding:16px;border-radius:18px}
  .conversation-workspace-v2 .hub-filter{grid-template-columns:1fr}
  .conversation-workspace-v2 .hub-filter>input,.conversation-workspace-v2 .hub-filter-actions{grid-column:auto}
  .conversation-workspace-v2 .hub-filter-actions{display:grid;grid-template-columns:1fr 1fr}
  .conversation-workspace-v2 .hub-filter-actions .button{width:100%;min-width:0}
  .conversation-workspace-v2 :is(input,textarea,select){font-size:16px}
  .conversation-workspace-v2.has-selection .conversation-hub .inbox-list{display:none}
  .conversation-workspace-v2.has-selection .conversation-hub .inbox-detail{min-height:0}
  .conversation-workspace-v2 .conversation-mobile-back{display:flex;align-items:center;min-height:44px;padding:10px 14px;border-bottom:1px solid #e8ebf0;background:#f7f8fb;color:var(--brand-strong);font-size:12px;font-weight:800}
  .conversation-workspace-v2 .inbox-detail>header{position:static;display:grid;gap:12px;padding:14px}
  .conversation-workspace-v2 .hub-header-actions{width:100%;justify-content:space-between}
  .conversation-workspace-v2 .conversation-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding:10px}
  .conversation-workspace-v2 .hub-summary{grid-template-columns:1fr;margin:10px;padding:10px}
  .conversation-workspace-v2 .hub-summary .tag-strip{grid-column:1}
  .conversation-workspace-v2 .tag-strip form{width:100%;margin:4px 0 0}
  .conversation-workspace-v2 .tag-strip input{width:100%;min-width:0}
  .conversation-workspace-v2 .hub-control{margin:10px}
  .conversation-workspace-v2 .conversation-thread{padding:16px 11px;min-height:320px}
  .conversation-workspace-v2 .thread-message{max-width:88%}
  .conversation-workspace-v2 .hub-composer{margin:10px;padding:9px}
  .conversation-workspace-v2 .hub-management-grid{grid-template-columns:1fr;padding:0 10px 10px}
  .conversation-workspace-v2 .hub-management-grid>article{padding:14px}
  .conversation-workspace-v2 .hub-task{grid-template-columns:1fr}
  .conversation-workspace-v2 .hub-task p{grid-column:auto}
  .conversation-workspace-v2 .hub-notes{padding:0 10px 16px}
}
@media(max-width:460px){
  .metric-grid,.learning-kpis,.analytics-kpis,.finance-kpis,.mail-metrics{grid-template-columns:1fr}.hero h1{font-size:44px;letter-spacing:-2.5px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{align-items:flex-start;flex-direction:column;gap:7px}.hero-proof span{border:0;padding:0}.hero-visual{margin:8px 12px 38px}.product-guide{height:620px;min-height:560px}.product-guide .visual-top{padding:0 13px}.product-guide .visual-top>span:nth-child(2){font-size:10px}.product-guide-badge{display:none}.product-guide-suggestions button{flex:1 1 100%;text-align:right}.floating-metric{display:none}
  .jalali-datetime-trigger{padding:12px}.jalali-datetime-trigger span{white-space:normal}.jalali-datetime-trigger small{display:none}.jalali-datetime-picker{padding:10px;border-radius:16px}.jalali-datetime-head{flex-direction:column}.jalali-datetime-nav{width:100%}.jalali-datetime-nav button{flex:1 1 calc(50% - 5px);min-height:38px}.jalali-datetime-weekdays,.jalali-datetime-grid{gap:4px}.jalali-datetime-weekdays span{font-size:9px}.jalali-datetime-day{min-height:34px;border-radius:10px}.jalali-datetime-day span{font-size:11px}.jalali-datetime-footer{align-items:stretch}.jalali-datetime-time{grid-template-columns:1fr 1fr}.jalali-datetime-time label{font-size:9px}
  .status-strip{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr}.site-footer>div:first-child{grid-column:auto}.auth-status-actions{display:grid}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(prefers-contrast:more){:root{--line:#98a2b3;--muted:#475467}.panel,.metric-card,.table-wrap,input,textarea,select{border-width:2px}}

/* ==========================================================================
   Aurora cohesion pass — one visual contract for every product module
   ========================================================================== */
:where(.workspace-main,.simple-public,.auth-page,.sandbox-gateway,.chat-app){
  --surface:#fff;
  --surface-muted:#f8f9fc;
  --surface-brand:#f5f3ff;
  --module-border:1px solid var(--line);
  --module-radius:18px;
  --module-shadow:var(--shadow-xs)
}
:where(.workspace-main,.simple-public) :where(h2,h3){color:var(--ink-strong);letter-spacing:-.025em}
:where(.workspace-main,.simple-public) :where(p,small,dt){text-wrap:pretty}
:where(.workspace-main) :where(code,.code-block,.webhook-url,.copy-field){font-family:Vazirmatn,ui-monospace,SFMono-Regular,Consolas,monospace}
.workspace-main :where(.panel,.metric-card,.connection-card,.suggestion-card,.experiment-card,.lead-card,.channel-grid>article){
  background:var(--surface);
  border:var(--module-border);
  border-radius:var(--module-radius);
  box-shadow:var(--module-shadow)
}
.workspace-main :where(.panel,.metric-card,.connection-card,.suggestion-card,.experiment-card,.lead-card){
  transition:border-color .22s var(--ease),box-shadow .22s var(--ease),transform .22s var(--ease)
}
.workspace-main :where(.connection-card,.suggestion-card,.experiment-card,.lead-card):hover{
  border-color:#d6d2ff;
  box-shadow:var(--shadow-sm)
}
.count-badge{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:5px 10px;border:1px solid #ddd9ff;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:10px;font-weight:800}
.info-banner,.validation-banner{border:1px solid #b2ddff;border-radius:14px;background:var(--info-bg);color:#1849a9;box-shadow:var(--shadow-xs)}
.inline-errors{border:1px solid #fecdca;border-radius:14px;background:var(--danger-bg);color:var(--danger)}
.compact{min-height:38px}.code-block{border:1px solid #283654;border-radius:13px;background:#10182d;color:#e4e7ec;box-shadow:inset 0 1px rgba(255,255,255,.04)}


.knowledge-title-row,.learning-title{align-items:center}
.knowledge-actions{display:flex;gap:9px;flex-wrap:wrap}
.knowledge-summary{
  border:1px solid #252f4a;border-radius:22px;
  background:radial-gradient(circle at 12% 12%,rgba(99,91,255,.35),transparent 27%),linear-gradient(145deg,#141d35,#090f1e);
  box-shadow:0 18px 42px rgba(11,16,32,.18);overflow:hidden
}
.score-ring{background:conic-gradient(#8f87ff calc(var(--score)*1%),rgba(255,255,255,.12) 0);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 30px rgba(0,0,0,.18)}
.score-ring:after{background:#11192e}.summary-counts{gap:12px}.summary-counts span{min-width:105px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.055)}
.module-grid,.preview-grid{gap:16px}.module-card{border-radius:16px}
.split-editor{gap:16px}.list-panel,.form-panel,.version-panel,.preview-summary{border:var(--module-border);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden}
.list-panel header,.form-panel header,.version-panel header{background:linear-gradient(180deg,#fff,#fafaff);border-color:var(--line)}
.knowledge-list button{border-radius:12px;border:1px solid transparent}.knowledge-list button:hover,.knowledge-list button.active{background:var(--brand-soft);border-color:#ddd9ff;color:var(--brand-strong)}
.field-guide{border-radius:14px;border:1px solid #e2e0ff;background:linear-gradient(145deg,#fafaff,#f4f2ff);color:#473f9d}
.studio-roadmap{gap:10px}.studio-roadmap>div,.studio-section{border:var(--module-border);border-radius:16px;background:#fff}.studio-roadmap>div{box-shadow:var(--shadow-xs)}
.studio-sections{gap:12px}.readiness-breakdown>div,.readiness-todo li{border-radius:12px;background:var(--surface-muted);border:1px solid #eef0f4}
.readiness-breakdown i{border-radius:999px;background:#e4e7ec;overflow:hidden}.readiness-breakdown em{border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}
.publish-bar{border:1px solid #ddd9ff;border-radius:16px;background:linear-gradient(100deg,#fff,#f7f5ff);box-shadow:var(--shadow-sm)}


.channel-metrics,.hub-metrics{gap:12px}.channel-grid,.qr-campaign-grid,.channel-detail-grid{gap:14px}
.channel-grid>article,.qr-campaign,.widget-panel,.domain-section{overflow:hidden}
.channel-grid>article:hover{transform:translateY(-3px);border-color:#d6d2ff;box-shadow:var(--shadow-sm)}
.channel-grid>article>header,.qr-campaign>header{border-color:var(--line);background:linear-gradient(180deg,#fff,#fafaff)}
.channel-settings,.widget-panel,.domain-section,.qr-campaign{border:var(--module-border);border-radius:18px;background:#fff;box-shadow:var(--shadow-xs)}
.channel-trend{border-radius:13px;background:var(--surface-muted);border:1px solid #eef0f4}.channel-trend i,.channel-trend-list i{border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.copy-field{border:1px solid var(--line);border-radius:12px;background:var(--surface-muted);overflow:hidden}.copy-field input{border:0;background:transparent;box-shadow:none}.copy-field button{border:0;border-radius:9px;background:var(--brand-soft);color:var(--brand-strong)}
.domain-list>div,.qr-downloads{border-color:#eef0f4}.domain-list code{color:var(--brand-strong)}
.qr-print{border:1px dashed #c7c2ff;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f5ff)}


.conversation-title-row{align-items:flex-start;gap:18px}.conversation-title-row h1{max-width:780px}
.conversation-count-badge{background:#111;color:#fff;border-color:#111;box-shadow:var(--shadow-xs);padding:11px 14px;font-size:12px;min-width:fit-content}
.hub-metrics{gap:12px}.hub-metrics article{border-radius:18px;position:relative;overflow:hidden;box-shadow:var(--shadow-xs)}.hub-metrics article::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--accent))}
.hub-metrics article small{font-size:11px;letter-spacing:0}
.hub-metrics article b{font-size:30px;line-height:1.1}
.hub-utility-grid,.conversation-hub{gap:16px}.hub-filter,.hub-notifications{border-radius:18px}
.hub-filter-panel{padding-bottom:18px}
.hub-filter-panel .panel-head{margin-bottom:16px}
.hub-filter{border:var(--module-border);background:linear-gradient(180deg,#fff 0%,#fafbff 100%);box-shadow:var(--shadow-xs);padding:14px;border-radius:16px;grid-template-columns:2.2fr repeat(3,minmax(0,1fr)) auto auto}
.hub-filter input,.hub-filter select{border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:var(--shadow-xs);min-height:44px;padding:10px 12px}
.hub-filter .button,.hub-filter a.button{min-height:44px;border-radius:12px}
.hub-notifications{border:var(--module-border);background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:var(--shadow-xs);overflow:hidden}
.hub-notifications .panel-head{margin-bottom:10px}
.hub-notifications>p.muted{padding:0 18px 18px;margin:0}
.hub-notifications>div{border:1px solid #edf0f4;border-radius:14px;margin:0 14px 10px;background:#fff;padding:10px 12px;box-shadow:var(--shadow-xs);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;align-items:start;gap:10px}
.hub-notifications>div:hover{transform:translateY(-1px);box-shadow:0 8px 18px rgba(31,37,63,.06);border-color:#dde3f3}
.hub-notifications>div.unread{border-color:#fedf89;background:linear-gradient(180deg,#fff9e8 0%,#fffdf5 100%)}
.hub-notifications>div>span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;margin-top:2px;flex:0 0 26px}
.hub-notifications[data-notification-type="lead.created"]>div>span,.hub-notifications [data-notification-type="lead.created"]>span{background:#e9f8ef;color:#067647}
.hub-notifications [data-notification-type="handoff.created"]>span{background:#fff1e8;color:#b54708}
.hub-notifications [data-notification-type="handoff.reply"]>span{background:#eef4ff;color:#315f9c}
.hub-notifications [data-notification-type="notification.read"]>span{background:#f2f4f7;color:#475467}
.hub-notifications p{gap:3px;min-width:0;display:flex;flex-direction:column}
.hub-notifications b{font-size:13px;line-height:1.55}
.hub-notifications small{font-size:10px;line-height:1.75;display:block}
.hub-notification-meta{display:flex;justify-content:space-between;gap:10px;align-items:center;color:var(--muted)}
.hub-notification-meta i{font-style:normal;font-weight:800;color:var(--ink-strong)}
.hub-notification-meta time{white-space:nowrap}
.hub-notifications button,.hub-task button,.tag-strip button{border-radius:9px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:var(--shadow-xs)}
.hub-notifications button{width:28px;height:28px;padding:0;border:0;align-self:start;margin-top:2px}
.conversation-hub{background:transparent;border:0;box-shadow:none}
.conversation-hub .inbox-list,.conversation-hub .inbox-detail{border:var(--module-border);background:#fff;box-shadow:var(--shadow-xs);overflow:hidden;border-radius:20px}
.conversation-hub .inbox-list{padding-top:8px}
.inbox-search,.hub-summary,.hub-composer{background:var(--surface-muted);border-color:var(--line)}
.inbox-search{padding:14px 14px 10px}
.inbox-search input{border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:var(--shadow-xs);padding:12px 14px}
.conversation-row{border:1px solid transparent;border-radius:16px;margin:6px 8px;padding:13px 12px;transition:background-color .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;align-items:start}
.conversation-row:hover,.conversation-row.active{border-color:#ddd9ff;background:var(--brand-soft);box-shadow:0 8px 18px rgba(31,37,63,.06)}
.conversation-row.active{box-shadow:inset -3px 0 0 var(--brand),0 8px 18px rgba(31,37,63,.06)}
.conversation-row .avatar{width:40px;height:40px;border-radius:14px;box-shadow:var(--shadow-xs);font-size:15px;font-weight:900;border:1px solid rgba(255,255,255,.65)}
.conversation-row .avatar.priority-urgent{background:linear-gradient(145deg,#f04438,#b42318);color:#fff}
.conversation-row .avatar.priority-high{background:linear-gradient(145deg,#f79009,#b54708);color:#fff}
.conversation-row .avatar.priority-normal{background:linear-gradient(145deg,#d0d5dd,#98a2b3);color:#344054}
.conversation-row .avatar.priority-low{background:linear-gradient(145deg,#ecfdf3,#b7ebc6);color:#027a48}
.conversation-row b{font-size:14px;line-height:1.5}
.conversation-row p{max-width:260px;line-height:1.65;color:#4b5563}
.conversation-row small{display:inline-flex;flex-wrap:wrap;gap:6px;line-height:1.5;margin-top:3px}
.conversation-row small::before{content:''}
.conversation-row time{justify-self:end;align-self:start;font-size:10px;color:#667085;background:#fff;border:1px solid #e7eaf0;border-radius:999px;padding:5px 8px;box-shadow:var(--shadow-xs);white-space:nowrap}
.conversation-meta{gap:10px}
.conversation-meta span{background:#fff;border:1px solid #e7eaf0;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow-xs)}
.conversation-meta :where(span,b),.priority-urgent,.priority-high,.priority-normal,.priority-low{border-radius:999px;padding:4px 8px}
.hub-summary{border-radius:18px;margin:0 18px 18px;padding:18px 18px 16px;gap:14px;border:1px solid #e7eaf0;box-shadow:var(--shadow-xs)}
.hub-summary>div{background:#fff;border:1px solid #eceff4;border-radius:15px;padding:12px 14px;min-width:0}
.hub-summary p{line-height:1.8}
.tag-strip{align-items:flex-start}.tag-strip>span{border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);border:1px solid #ddd9ff}
.tag-strip form{margin-inline-start:auto}.tag-strip input{border-radius:10px 0 0 10px;border:1px solid #d8dfff;border-left:0;background:#fff}
.tag-strip button{border-radius:10px 0 0 10px}
.hub-control{border-radius:18px;overflow:hidden;margin:0 18px 18px;border:1px solid #e7eaf0;box-shadow:var(--shadow-xs)}.hub-control summary{background:var(--surface-muted);color:#344054;padding:14px 16px}.hub-control[open] summary{background:var(--brand-soft);color:var(--brand-strong)}
.hub-control form{padding:16px 18px}
.conversation-thread{background:linear-gradient(180deg,#fbfcfe,#f6f7fb);padding:24px 22px;gap:14px}.thread-message{border-radius:16px;box-shadow:var(--shadow-xs);max-width:78%}.thread-message.operator{background:var(--brand-soft);border-right:3px solid var(--brand)}
.hub-composer{gap:14px;padding:18px;margin:0 18px 18px;border:1px solid #e7eaf0;border-radius:18px;box-shadow:var(--shadow-xs)}
.hub-composer form,.hub-management-grid>article{border-radius:16px}
.hub-composer form{padding:16px;border:1px solid #e7eaf0;background:#fff;box-shadow:var(--shadow-xs)}
.hub-composer label{font-size:11px;font-weight:800;color:var(--ink-strong)}
.hub-management-grid{gap:14px;background:transparent;padding:0 18px 18px;border-color:var(--line)}.hub-management-grid>article{display:flex;flex-direction:column;gap:12px;min-width:0;padding:18px;border:1px solid #e7eaf0;box-shadow:var(--shadow-xs)}
.hub-management-grid h3,.hub-notes h3{margin-bottom:14px;font-size:18px}
.hub-task{border-radius:14px;padding:12px;background:var(--surface-muted);border:1px solid #eef0f4;gap:8px}.hub-task p{gap:4px}.hub-task select,.hub-task input{min-height:40px;padding:7px 10px;border-radius:10px}
.hub-task button{border:0;background:#111;color:#fff;height:40px;border-radius:10px}
.hub-notes{padding:0 18px 18px;border-top:0}.hub-notes h3{margin-top:0}.hub-notes blockquote{border-radius:14px;border-right-color:var(--brand);background:var(--brand-soft);box-shadow:var(--shadow-xs)}
.hub-notifications{border:var(--module-border);border-radius:18px;box-shadow:var(--shadow-xs);background:#fff}
.hub-notifications>div:not(.panel-head){margin:0 12px 10px;padding:10px 12px;border-radius:14px}
.hub-utility-grid>.panel{border-radius:18px;box-shadow:var(--shadow-xs);overflow:hidden}
.hub-filter{padding:0 0 2px}.hub-filter select,.hub-filter input{border-radius:12px;border:1px solid #e4e7ec;background:#fff;box-shadow:var(--shadow-xs);min-height:42px}
.hub-filter .button,.hub-filter a.button{min-height:42px;border-radius:12px}
.jalali-datetime-shell{display:flex;flex-direction:column;gap:10px;min-width:0;overflow:hidden}.jalali-datetime-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;padding:14px 15px;border:1px solid #ddd9ff;border-radius:15px;background:linear-gradient(180deg,#fff,#fafaff);box-shadow:var(--shadow-xs);text-align:right;color:var(--ink)}.jalali-datetime-trigger:hover,.jalali-datetime-trigger:focus-visible{border-color:#bdb7ff;box-shadow:0 0 0 4px rgba(99,91,255,.1);outline:0}.jalali-datetime-trigger.has-value{background:linear-gradient(180deg,#fff,#f7f6ff)}.jalali-datetime-trigger span{display:block;min-width:0;font-weight:800;line-height:1.7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jalali-datetime-trigger small{display:block;color:var(--muted);font-size:10px;white-space:nowrap;flex:0 0 auto}.jalali-datetime-picker{display:flex;flex-direction:column;gap:12px;padding:14px;border:1px solid #e7e3ff;border-radius:18px;background:linear-gradient(180deg,#fff,#f8f8ff);box-shadow:var(--shadow-sm);overflow:hidden}.jalali-datetime-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;flex-wrap:wrap}.jalali-datetime-head strong{display:block;color:var(--ink-strong);font-size:15px}.jalali-datetime-head small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.jalali-datetime-nav{display:flex;flex-wrap:wrap;gap:6px}.jalali-datetime-nav button,.jalali-datetime-footer .button,.jalali-datetime-day{border:1px solid #ddd9ff;background:#fff;color:var(--brand-strong);box-shadow:var(--shadow-xs)}.jalali-datetime-nav button{min-height:34px;padding:0 10px;border-radius:11px;font-size:10px;font-weight:800}.jalali-datetime-nav button:hover,.jalali-datetime-nav button:focus-visible,.jalali-datetime-footer .button:hover,.jalali-datetime-footer .button:focus-visible{border-color:#aaa4ff;background:var(--brand-soft);outline:0}.jalali-datetime-weekdays,.jalali-datetime-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;min-width:0}.jalali-datetime-weekdays span{padding:2px 0;color:var(--muted-2);font-size:10px;font-weight:800;text-align:center}.jalali-datetime-day{aspect-ratio:1;min-height:42px;border-radius:13px;background:var(--surface-muted);display:grid;place-items:center;padding:0;position:relative;overflow:hidden;font-family:Vazirmatn,Tahoma,sans-serif}.jalali-datetime-day span{position:relative;z-index:1;font-size:13px;font-weight:800;line-height:1}.jalali-datetime-day.is-outside{opacity:.38}.jalali-datetime-day.is-today{border-color:#bdb7ff;background:#f8f6ff}.jalali-datetime-day.is-selected{border-color:var(--brand);background:linear-gradient(145deg,var(--brand),var(--brand-strong));color:#fff;box-shadow:0 10px 22px rgba(79,70,229,.22)}.jalali-datetime-day.is-selected.is-today{box-shadow:0 0 0 4px rgba(99,91,255,.12),0 10px 22px rgba(79,70,229,.22)}.jalali-datetime-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;padding-top:2px}.jalali-datetime-time{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1 1 220px}.jalali-datetime-time label{display:flex;flex-direction:column;gap:6px;color:var(--muted-2);font-size:10px;font-weight:800}.jalali-datetime-time select{min-height:42px;border:1px solid #ddd9ff;border-radius:12px;background:#fff;color:var(--ink);box-shadow:var(--shadow-xs)}
.lead-grid{gap:14px}.lead-card{overflow:hidden}.lead-card:before{content:"";display:block;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.lead-head{padding-top:18px}.lead-facts{border-radius:13px;background:var(--surface-muted);border:1px solid #eef0f4}.pipeline-summary{gap:10px}.pipeline-summary>span{border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-xs)}


.analytics-grid,.analytics-health{gap:16px}.analytics-period label{border:1px solid var(--line);border-radius:13px;background:#fff;padding:8px 12px;box-shadow:var(--shadow-xs)}
.analytics-period select{border:0;box-shadow:none;padding:0;min-height:30px;background:transparent}
.analytics-kpis article,.finance-metrics article{
  border:1px solid #252f4a!important;border-radius:18px!important;
  background:radial-gradient(circle at 8% 8%,rgba(99,91,255,.28),transparent 30%),linear-gradient(145deg,#151e37,#0b1020)!important;
  box-shadow:0 12px 30px rgba(11,16,32,.12)!important;overflow:hidden
}
.analytics-kpis article:nth-child(2n),.finance-metrics article:nth-child(2n){background:radial-gradient(circle at 10% 10%,rgba(6,182,212,.21),transparent 32%),linear-gradient(145deg,#151e37,#0b1020)!important}
.analytics-kpis b,.finance-metrics b{font-family:Vazirmatn,Tahoma,sans-serif;color:#fff}.analytics-kpis small,.analytics-kpis span,.finance-metrics small{color:#aeb8cd}
.quota-track{height:9px;border-radius:999px;background:#eaecf0}.quota-track i{border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}
.analytics-mini{gap:8px;background:transparent}.analytics-mini span{border:1px solid var(--line);border-radius:12px;background:var(--surface-muted)}
.bar-chart>div{gap:12px}.bar-chart>div>i{height:10px;border-radius:999px;background:#eef0f4;overflow:hidden}.bar-chart>div>i>b{border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}
.analytics-health dl div,.analytics-dl div{border-radius:10px;border:0;background:var(--surface-muted);margin-bottom:5px}.cohort-panel{overflow:hidden}


.learning-guardrail{border:1px solid #252f4a;background:radial-gradient(circle at 10% 20%,rgba(99,91,255,.3),transparent 30%),linear-gradient(145deg,#151e37,#0b1020);box-shadow:var(--shadow-sm)}
.learning-guardrail span{border-color:rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.06)}
.learning-kpis article{background:linear-gradient(145deg,#fff,#fafaff)}.learning-kpis b{font-family:Vazirmatn,Tahoma,sans-serif;color:var(--ink-strong)}
.learning-settings>form{border-radius:14px;background:var(--surface-muted);padding:14px}
.strategy-score-grid{gap:12px}.strategy-score-grid article{border:var(--module-border);border-radius:15px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:var(--shadow-xs)}
.suggestion-section,.experiment-section{scroll-margin-top:100px}.section-head{padding-bottom:12px;border-bottom:1px solid var(--line)}
.suggestion-grid{gap:14px}.suggestion-card,.experiment-card,.outcome-panel,.rollback-panel{overflow:hidden}
.suggestion-card>code{border-radius:12px;background:#11192d;color:#e4e7ec}.experiment-create{border-color:var(--line);background:var(--surface-muted);border-radius:13px;padding:14px}
.variant-grid{gap:10px;background:transparent}.variant{border:1px solid var(--line);border-radius:13px;background:var(--surface-muted)}
.outcome-list details{border:1px solid var(--line);border-radius:13px;margin-bottom:8px;overflow:hidden}.outcome-list summary{background:#fff}.outcome-list details[open] summary{background:var(--brand-soft);color:var(--brand-strong)}
.outcome-list form{background:var(--surface-muted)}.rollback-panel{border-color:#fedf89;background:linear-gradient(145deg,#fff,#fffbeb)}


.integration-secret,.integration-guide{border:1px solid #252f4a;background:radial-gradient(circle at 8% 10%,rgba(6,182,212,.2),transparent 30%),linear-gradient(145deg,#151e37,#0b1020);box-shadow:var(--shadow-sm)}
.integration-secret code{border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.07);color:#eef2ff}
.security-strip span{box-shadow:var(--shadow-xs)}.integration-layout,.connection-grid,.api-webhook-grid{gap:14px}
.connection-card{padding:18px}.connection-card dl div{border:0;border-radius:10px;background:var(--surface-muted);margin-bottom:5px}.connection-card footer{padding-top:12px;border-top:1px solid var(--line)}
.webhook-url{border:1px solid var(--line);background:var(--surface-muted)}.webhook-url button,.token-list button{border-radius:8px;background:var(--brand);color:#fff}
.scope-grid{gap:8px}.scope-grid label{border:1px solid var(--line);background:#fff}.scope-grid label:has(input:checked){border-color:#bdb7ff;background:var(--brand-soft);color:var(--brand-strong)}
.token-list>div,.operation-list>div{border:0;border-radius:11px;background:var(--surface-muted);margin-bottom:6px}.integration-log{overflow:hidden}


.subscription-title-row{align-items:flex-start;gap:16px}.subscription-title-meta{display:flex;flex-direction:column;align-items:flex-end;gap:6px;text-align:right;min-width:0}.subscription-title-meta small{color:var(--muted);font-size:11px;line-height:1.7;max-width:240px}
.subscription-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.95fr);gap:16px;padding:0;margin-bottom:18px}.subscription-hero-main{border:1px solid #252f4a;border-radius:22px;padding:28px 28px 26px;background:radial-gradient(circle at 10% 15%,rgba(99,91,255,.35),transparent 30%),linear-gradient(145deg,#151e37,#0b1020);box-shadow:0 16px 40px rgba(11,16,32,.16);overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:space-between;gap:18px}.subscription-hero-main h2{margin:0;font-size:clamp(30px,4vw,54px);line-height:1.1;letter-spacing:-1.8px}.subscription-hero-main>p:nth-of-type(2){margin:0;color:#c6cada;max-width:620px}.subscription-stat-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.subscription-stat-row>div{border:1px solid rgba(255,255,255,.1);border-radius:16px;background:rgba(255,255,255,.06);padding:14px 15px;display:flex;flex-direction:column;gap:5px;min-width:0}.subscription-highlight-stat{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.06));border-color:rgba(255,255,255,.18);box-shadow:0 10px 24px rgba(0,0,0,.12)}.subscription-highlight-stat small{color:#d8dcf5}.subscription-highlight-stat strong{font-size:24px;line-height:1.2}.subscription-highlight-stat span{font-size:11px;color:#aeb8cd}.subscription-stat-row small{color:#aeb8cd;font-size:11px}.subscription-stat-row strong{font-size:24px;line-height:1.2}.subscription-hero-side{display:grid;gap:10px}.subscription-side-card{border:1px solid #e6e8f0;border-radius:18px;background:#fff;box-shadow:var(--shadow-xs);padding:16px 17px;display:flex;flex-direction:column;gap:6px;min-width:0}.subscription-side-card.compact{background:linear-gradient(180deg,#fff,#fafaff)}.subscription-side-card small{color:var(--muted);font-size:11px}.subscription-side-card b{font-size:16px;line-height:1.55;word-break:break-word}.subscription-side-card span{align-self:flex-start}
.quota-number{border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1)}
.billing-grid{gap:16px}.billing-products form,.billing-ledger>div:not(.panel-head){border:1px solid #eef0f4;border-radius:12px;background:var(--surface-muted);margin-bottom:7px;padding:12px}
.invoice-sheet{border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-md);overflow:hidden}.invoice-sheet>header{border-bottom-color:var(--brand)}.invoice-sheet>footer strong{border-top-color:var(--brand)}
.sandbox-gateway{background:radial-gradient(circle at 50% 5%,rgba(99,91,255,.12),transparent 30%),var(--soft)}.sandbox-gateway>div{border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-md)}
.settings-form{display:grid;gap:16px}.form-section{border:var(--module-border);border-radius:20px;background:#fff;box-shadow:var(--shadow-xs);overflow:hidden}.section-number{border-radius:12px;background:var(--brand-soft);color:var(--brand-strong)}.section-fields{background:linear-gradient(180deg,#fff,#fcfcff)}.sticky-save{border:1px solid #ddd9ff;border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);box-shadow:var(--shadow-md)}


.finance-title-row{align-items:center;gap:18px;padding:clamp(20px,2.4vw,30px) clamp(22px,2.6vw,32px);border:1px solid #e3e7ee;border-radius:22px;background:linear-gradient(145deg,#fff,#fafbff);box-shadow:var(--ui-shadow-soft)}.finance-title-row h1{font-size:clamp(34px,3.4vw,54px);line-height:1.08;letter-spacing:-.03em;margin-bottom:8px}.finance-title-row>div>p:last-child{max-width:840px;line-height:1.9;color:#546074;font-size:15px}.finance-title-meta{display:flex;flex-direction:column;align-items:flex-end;gap:8px;min-width:0;text-align:right;flex:0 0 auto}.finance-title-meta .status-pill{min-height:34px;padding-inline:11px;border-radius:999px}.finance-title-meta small{color:#667085;font-size:11px;max-width:250px;line-height:1.7}
.finance-hero{margin:0 0 18px}.finance-hero-card{border:1px solid #e8eaf1;border-radius:24px;background:radial-gradient(circle at 15% 0,rgba(99,91,255,.08),transparent 32%),linear-gradient(180deg,#fff,#fbfbff);box-shadow:var(--shadow-sm)}.finance-hero .panel-head{margin-bottom:16px}.finance-hero .panel-head h2{font-size:clamp(22px,2vw,30px);line-height:1.35;letter-spacing:-.025em}.finance-hero .panel-head p{max-width:780px;line-height:1.9;font-size:15px;color:#5b6476}.finance-hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr);gap:16px;align-items:stretch}
.finance-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.finance-hero-stats article,.finance-side-box{border:1px solid #edf0f5;border-radius:16px;background:#fff;box-shadow:var(--shadow-xs);padding:14px 15px;display:flex;flex-direction:column;gap:5px}.finance-hero-stats small,.finance-side-box small{color:var(--muted);font-size:11px}.finance-hero-stats b,.finance-side-box b{font-size:18px;line-height:1.35}.finance-hero-side{display:grid;grid-template-columns:1fr;gap:10px}.finance-chip-row{display:flex;gap:8px;flex-wrap:wrap;padding-top:14px}
.finance-admin-grid,.mail-admin-grid{gap:16px}.discount-list>div,.config-list>div,.mail-check-list>div{border:1px solid #eef0f4;border-radius:11px;background:var(--surface-muted);margin-bottom:6px}
.finance-discount-card{display:flex;flex-direction:column;gap:14px;overflow:visible}.finance-discount-card .panel-head{margin-bottom:4px}.finance-discount-card .panel-head h2{font-size:clamp(20px,1.6vw,26px);line-height:1.35}.finance-discount-card .panel-head p{max-width:740px;line-height:1.85}.finance-discount-card .form-grid{min-width:0}
.finance-discount-form{display:flex;flex-direction:column;gap:14px;min-width:0}.finance-discount-form>.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.finance-discount-form>.form-grid:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.finance-discount-form .jalali-datetime-shell{min-width:0;position:relative}.finance-discount-form .jalali-datetime-trigger{min-height:56px;padding:12px 14px}.finance-discount-form .jalali-datetime-trigger span{font-size:13px;line-height:1.55}.finance-discount-form .jalali-datetime-trigger small{font-size:9px;line-height:1.4}.finance-discount-form .jalali-datetime-picker{width:100%;max-width:100%;box-sizing:border-box;padding:12px;border-radius:16px}.finance-discount-form .jalali-datetime-head{gap:10px}.finance-discount-form .jalali-datetime-head strong{font-size:14px}.finance-discount-form .jalali-datetime-head small{font-size:9px;line-height:1.6}.finance-discount-form .jalali-datetime-nav button{min-height:32px;padding:0 9px;font-size:9px}.finance-discount-form .jalali-datetime-weekdays,.finance-discount-form .jalali-datetime-grid{gap:5px}.finance-discount-form .jalali-datetime-day{min-height:38px;border-radius:11px}.finance-discount-form .jalali-datetime-day span{font-size:12px}.finance-discount-form .jalali-datetime-time select{min-height:40px}.finance-discount-form .button.button-dark{align-self:flex-end;min-width:170px;min-height:50px;padding-inline:20px}
.finance-metrics{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;align-items:stretch}.finance-metrics article{min-height:122px;padding:16px 17px}
.finance-discount-form .form-grid label{min-width:0;gap:7px;margin-bottom:0}.finance-discount-form .form-grid input,.finance-discount-form .form-grid select,.finance-discount-form .form-grid textarea{min-height:42px;border-radius:12px}.finance-discount-form .form-grid textarea{min-height:108px;resize:vertical}.finance-discount-card .modal-actions{margin-top:4px;padding-top:14px}.finance-discount-card .button.button-dark{min-height:48px}
.finance-hero-grid{align-items:stretch}.finance-hero-stats{gap:12px}.finance-hero-stats article,.finance-side-box{min-height:96px;justify-content:space-between;padding:16px 16px 15px;border-radius:18px}.finance-hero-stats article small,.finance-side-box small{font-size:10px;line-height:1.6}.finance-hero-stats article b,.finance-side-box b{font-size:clamp(17px,1.8vw,21px);line-height:1.25;letter-spacing:-.02em;word-break:break-word}.finance-side-box{min-height:96px}.finance-chip-row{padding-top:12px}.finance-chip-row .status-pill{min-height:32px;padding-inline:10px}
.finance-hero-stats article{gap:7px}.finance-hero-stats article small,.finance-side-box small{display:block}.finance-side-box b{font-size:clamp(16px,1.65vw,20px);line-height:1.3;white-space:normal}.finance-hero-stats b{white-space:nowrap}.finance-hero-stats article:last-child b{white-space:normal}.finance-hero-side .finance-side-box{gap:6px}.finance-chip-row{align-items:center}.finance-chip-row .status-pill{white-space:nowrap}
.refund-form{padding:5px;border:1px solid var(--line);border-radius:11px;background:#fff}.refund-form input{border:0;box-shadow:none}
.mail-config-panel{border-color:#ddd9ff;background:radial-gradient(circle at 5% 5%,rgba(99,91,255,.09),transparent 30%),#fff}
.mail-config-hint{border:1px solid #b2ddff;background:var(--info-bg);color:#1849a9}.mail-check-list>div>span{background:var(--brand-soft);color:var(--brand-strong)}
.stack-form{display:grid;gap:14px}.stack-form>label{margin:0}
.admin-table th{background:#f4f5f8}.admin-table tr:has(.status-pill.failed){background:#fffbfa}


.payment-methods-summary{width:100%;box-sizing:border-box;padding:24px 24px 22px;border:1px solid #e3e7ee;border-radius:22px;background:linear-gradient(180deg,#fff,#fbfbff);box-shadow:var(--ui-shadow-soft);overflow:visible}
.payment-methods-summary .panel-head{align-items:flex-start;gap:18px;margin-bottom:12px}
.payment-methods-summary .panel-head h2{font-size:clamp(22px,1.9vw,30px);line-height:1.35;letter-spacing:-.025em}
.payment-methods-summary .panel-head p{max-width:820px;line-height:1.9;font-size:15px;color:#5b6476}
.payment-method-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:flex-end;min-width:0}
.payment-method-badges .status-pill{min-height:34px;padding-inline:11px}
.payment-method-cards{width:100%;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;align-items:stretch;margin-top:2px;max-width:100%;box-sizing:border-box}
.payment-method-cards article{min-height:132px;padding:16px;border-radius:18px;box-shadow:var(--ui-shadow-soft);display:flex;flex-direction:column;justify-content:space-between;gap:8px;min-width:0;width:100%}
.payment-method-cards small{font-size:10px;line-height:1.5;letter-spacing:.01em}
.payment-method-cards b{font-size:clamp(16px,1.7vw,20px);line-height:1.35;letter-spacing:-.02em;word-break:break-word}
.payment-method-cards span{font-size:11px;line-height:1.65;color:#667085}
.payment-method-form{gap:12px}
.payment-method-form>.check-label{min-height:64px;padding:14px 15px;border:1px solid #e3e7ee;border-radius:16px;background:linear-gradient(180deg,#fff,#fbfcff);box-shadow:var(--ui-shadow-soft);align-items:flex-start}
.payment-method-form>.check-label input{margin-top:2px}
.payment-method-form label:not(.check-label){min-width:0;gap:7px;margin-bottom:0}
.payment-method-form label:not(.check-label) input,.payment-method-form label:not(.check-label) select,.payment-method-form label:not(.check-label) textarea{min-height:42px;border-radius:12px}
.payment-method-form textarea{min-height:104px}
.payment-method-form .full-width textarea{min-height:112px}

@media(max-width:1100px){
  .finance-discount-form>.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .finance-discount-form>.form-grid:nth-of-type(2){grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:750px){
  .finance-discount-card .panel-head{margin-bottom:2px}
  .finance-title-row{padding:18px 16px;border-radius:18px;align-items:flex-start}
  .finance-title-row h1{font-size:34px}
  .finance-title-row>div>p:last-child{font-size:14px;line-height:1.85}
  .finance-title-meta{align-items:flex-start;text-align:right;width:100%}
  .finance-hero-stats{grid-template-columns:1fr 1fr}
  .finance-hero-stats article,.finance-side-box{min-height:88px;padding:13px 14px}
  .finance-hero-stats article b,.finance-side-box b{font-size:17px}
  .finance-discount-form>.form-grid,
  .finance-discount-form>.form-grid:nth-of-type(2){grid-template-columns:1fr}
  .finance-discount-form .jalali-datetime-trigger{min-height:54px}
  .finance-discount-form .jalali-datetime-trigger span{font-size:12px}
  .finance-discount-form .jalali-datetime-picker{padding:10px;border-radius:14px;max-width:100%}
  .finance-discount-form .jalali-datetime-weekdays,
  .finance-discount-form .jalali-datetime-grid{gap:4px}
  .finance-discount-form .jalali-datetime-day{min-height:34px}
  .finance-discount-form .button.button-dark{width:100%;min-width:0;align-self:stretch}
  .finance-hero-stats{grid-template-columns:1fr 1fr}
  .finance-hero-stats article,.finance-side-box{min-height:90px;padding:14px}
  .finance-hero-stats article b,.finance-side-box b{font-size:18px}
  .finance-side-box{grid-column:auto}
  .finance-chip-row{padding-top:10px}
}

@media(max-width:520px){
  .finance-title-row h1{font-size:30px}
  .finance-title-row>div>p:last-child{font-size:13px}
  .finance-hero-stats{grid-template-columns:1fr}
  .finance-hero-stats article,.finance-side-box{min-height:84px;padding:13px}
  .finance-hero-stats article b,.finance-side-box b{font-size:17px}
  .finance-hero-stats article small,.finance-side-box small{font-size:9px;line-height:1.55}
  .finance-chip-row{gap:7px}
  .finance-chip-row .status-pill{width:100%;justify-content:center}
}

@media(max-width:520px){
  .finance-discount-form>.form-grid,
  .finance-discount-form>.form-grid:nth-of-type(2){
    grid-template-columns:1fr;
  }
  .finance-discount-form .jalali-datetime-trigger{
    min-height:52px;
    padding:11px 12px;
  }
  .finance-discount-form .jalali-datetime-trigger span{font-size:11px}
  .finance-discount-form .jalali-datetime-trigger small{font-size:8px}
  .finance-discount-form .jalali-datetime-picker{padding:9px;border-radius:13px}
  .finance-discount-form .jalali-datetime-weekdays,
  .finance-discount-form .jalali-datetime-grid{gap:3px}
  .finance-discount-form .jalali-datetime-day{min-height:32px}
  .finance-discount-form .jalali-datetime-time{grid-template-columns:1fr 1fr;gap:6px}
  .finance-discount-form .button.button-dark{min-height:46px}
}

@media(max-width:1100px){
  .payment-methods-summary{padding:20px}
  .payment-methods-summary .panel-head{display:block}
  .payment-method-badges{justify-content:flex-start;margin-top:12px}
  .payment-method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .payment-method-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:750px){
  .payment-methods-summary{padding:18px}
  .payment-method-cards,.payment-method-form{grid-template-columns:1fr}
  .payment-method-cards article{min-height:112px;padding:14px}
  .payment-method-form>.check-label{min-height:60px;padding:13px 14px}
}

@media(max-width:520px){
  .payment-methods-summary{padding:16px}
  .payment-methods-summary .panel-head h2{font-size:20px}
  .payment-methods-summary .panel-head p{font-size:13px;line-height:1.8}
  .payment-method-cards article{min-height:104px;padding:13px}
  .payment-method-badges .status-pill{width:100%;justify-content:center}
}


.pricing-page{background:radial-gradient(circle at 50% 8%,rgba(99,91,255,.07),transparent 23%),#fff}
.demo-hero{background:radial-gradient(circle at 50% 0,rgba(99,91,255,.1),transparent 35%)}
.pipeline{gap:7px;border:0}.pipeline span{border:1px solid var(--line);border-radius:11px;background:#fff}.pipeline span.active{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:0 8px 20px rgba(79,70,229,.2)}
.demo-panels{gap:14px}.demo-panels>article{border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-sm);overflow:hidden}.demo-message{border:1px solid #ddd9ff;border-right:4px solid var(--brand);border-radius:14px;background:var(--brand-soft)}
.dark-panel{border-color:#252f4a!important;background:radial-gradient(circle at 10% 10%,rgba(99,91,255,.25),transparent 30%),linear-gradient(145deg,#151e37,#0b1020)!important}.demo-answer{border-radius:14px;box-shadow:var(--shadow-md)}
.faq-public details{border:1px solid var(--line);border-radius:14px;padding:0 18px;margin-bottom:9px}.faq-public summary{padding:17px 0}.faq-public details[open]{border-color:#d6d2ff;background:#fafaff}
.faq-decision{max-width:1240px;margin:clamp(90px,10vw,150px) auto 20px;padding-top:clamp(38px,5vw,70px);border-top:1px solid var(--line)}
.faq-heading{display:grid;grid-template-columns:minmax(360px,1fr) minmax(320px,.8fr);gap:clamp(30px,6vw,90px);align-items:end;margin-bottom:34px}
.faq-heading h2{font-size:clamp(40px,5vw,68px);line-height:1.12;letter-spacing:-2.5px;margin:0;color:var(--ink-strong)}
.faq-heading>p{font-size:16px;line-height:2;color:var(--muted);margin:0}
.faq-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:28px}
.faq-assurance article{display:grid;grid-template-columns:46px 1fr;gap:13px;align-items:center;min-height:92px;padding:17px;border:1px solid #dedaff;border-radius:16px;background:linear-gradient(145deg,#fff,#f7f6ff);box-shadow:var(--shadow-xs)}
.faq-assurance article>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--brand-soft);color:var(--brand-strong);font-weight:850}
.faq-assurance article>div{display:flex;flex-direction:column}.faq-assurance b{color:var(--ink-strong)}.faq-assurance small{color:var(--muted);font-size:11px}
.faq-layout{display:grid;grid-template-columns:minmax(270px,.72fr) minmax(0,1.7fr);gap:18px;align-items:start}
.faq-choice-card{position:sticky;top:98px;padding:26px;border:1px solid #252f4a;border-radius:22px;background:radial-gradient(circle at 12% 8%,rgba(99,91,255,.35),transparent 30%),linear-gradient(145deg,#151e37,#0b1020);color:#fff;box-shadow:0 18px 44px rgba(11,16,32,.17)}
.faq-choice-card .eyebrow{color:#bcb7ff}.faq-choice-card h3{font-size:25px;line-height:1.45;margin-bottom:22px}
.faq-choice-card ul{list-style:none;padding:0;margin:0 0 22px}.faq-choice-card li{display:flex;flex-direction:column;padding:14px 0;border-top:1px solid rgba(255,255,255,.1)}
.faq-choice-card li b{font-size:13px}.faq-choice-card li span{color:#b8c0d0;font-size:11px;line-height:1.9;margin-top:3px}
.faq-choice-card>.button{margin-top:3px}.faq-choice-card>small{display:block;color:#98a2b3;font-size:10px;line-height:1.8;text-align:center;margin-top:12px}
.faq-groups{display:grid;gap:14px}.faq-group{padding:22px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-xs)}
.faq-group-title{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid var(--line)}
.faq-group-title>span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-weight:850;box-shadow:0 8px 20px rgba(79,70,229,.2)}
.faq-group-title h3{font-size:21px;margin:0;color:var(--ink-strong)}.faq-group-title p{color:var(--muted);font-size:12px;margin:2px 0 0}
.faq-decision .faq-group details{padding:0;margin:7px 0;border-color:#eaecf0;border-radius:13px;background:#fff;overflow:hidden}
.faq-decision .faq-group details:hover{border-color:#d5d1ff}.faq-decision .faq-group details[open]{border-color:#d3ceff;background:#fafaff;box-shadow:0 6px 18px rgba(79,70,229,.05)}
.faq-decision summary{display:flex;align-items:center;justify-content:space-between;gap:18px;list-style:none;padding:16px 17px;font-weight:750;color:#344054;cursor:pointer}
.faq-decision summary::-webkit-details-marker{display:none}.faq-decision summary:after{content:"+";width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px;border-radius:9px;background:var(--surface-muted);color:var(--brand-strong);font-size:19px;font-weight:500}
.faq-decision details[open] summary{color:var(--brand-strong)}.faq-decision details[open] summary:after{content:"−";background:var(--brand-soft)}
.faq-answer{padding:0 17px 17px;border-top:1px solid #ecebff}.faq-answer p{color:#475467;line-height:2.05;margin:14px 0 0}
.faq-footer{display:grid;grid-template-columns:1fr auto;gap:35px;align-items:center;margin-top:18px;padding:clamp(25px,4vw,42px);border:1px solid #252f4a;border-radius:22px;background:radial-gradient(circle at 12% 20%,rgba(6,182,212,.2),transparent 28%),linear-gradient(135deg,#111a33,#080c17);color:#fff;box-shadow:var(--shadow-md)}
.faq-footer span{color:#aeb8cd;font-size:11px}.faq-footer h3{font-size:clamp(23px,3vw,34px);margin:4px 0}.faq-footer p{color:#aeb8cd;margin:0}.faq-footer .button{min-width:205px}
.chat-app{border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow-lg);overflow:hidden}.chat-header{background:linear-gradient(135deg,var(--channel-color,var(--brand)),color-mix(in srgb,var(--channel-color,var(--brand)) 72%,#11192d))!important}
.chat-logo,.chat-avatar{border-radius:12px}.chat-messages{background:linear-gradient(180deg,#fbfcff,#f5f6fa)}.chat-message>div{border-radius:16px;box-shadow:var(--shadow-xs)}.chat-message.user>div{border-radius:16px 16px 4px 16px}.chat-message.assistant>div{border:1px solid var(--line);border-radius:16px 16px 16px 4px}
.quick-replies{gap:7px}.quick-replies button{border-radius:999px;border-color:#d8d4ff;background:#fff;color:var(--brand-strong)}.chat-composer{border-color:var(--line);background:#fff}.chat-composer textarea{border-radius:14px;background:var(--surface-muted)}.chat-composer>button{border-radius:13px;box-shadow:0 8px 20px color-mix(in srgb,var(--channel-color,var(--brand)) 26%,transparent)}
.chat-branding{border-color:var(--line);background:#fff}


.register-page .auth-copy{background:radial-gradient(circle at 18% 12%,rgba(6,182,212,.24),transparent 30%),radial-gradient(circle at 85% 80%,rgba(99,91,255,.2),transparent 32%),linear-gradient(150deg,#121a32,#080c18)}
.secure-note{border:1px solid #abefc6;border-radius:12px;background:var(--success-bg);color:var(--success)}


body .setup{width:min(780px,calc(100% - 28px));margin:clamp(22px,5vw,56px) auto;border:1px solid var(--line);border-radius:24px;padding:clamp(24px,5vw,52px);background:radial-gradient(circle at 5% 5%,rgba(99,91,255,.07),transparent 26%),#fff;box-shadow:var(--shadow-md)}
body .setup h1{font-size:clamp(32px,5vw,46px);color:var(--ink-strong);letter-spacing:-1.5px}
body .setup h2{margin-top:36px;border-bottom:1px solid var(--line);padding-bottom:11px;color:var(--ink-strong)}
body .setup input,body .setup select{border:1px solid var(--line-strong);border-radius:11px;padding:10px 13px;box-shadow:var(--shadow-xs)}
body .setup input:focus,body .setup select:focus{border-color:var(--brand);box-shadow:var(--ring)}
body .setup button{border:0;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));box-shadow:0 9px 24px rgba(79,70,229,.22)}
body .setup-note,body .setup-error,body .setup-success{border:1px solid;border-radius:14px;padding:15px}
body .setup-note{border-color:#b2ddff;background:var(--info-bg);color:#1849a9}
body .setup-error{border-color:#fecdca;background:var(--danger-bg);color:var(--danger)}
body .setup-success{border-color:#abefc6;background:var(--success-bg);color:var(--success)}
.error-page{width:min(660px,calc(100% - 28px));margin:clamp(60px,12vh,140px) auto;padding:clamp(28px,6vw,58px);text-align:center;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at 50% 0,rgba(99,91,255,.1),transparent 36%),#fff;box-shadow:var(--shadow-md)}
.error-page h1{color:var(--ink-strong);font-size:clamp(30px,5vw,48px);letter-spacing:-1.5px}.error-page p{color:var(--muted)}

@media(max-width:1100px){.finance-hero-grid{grid-template-columns:1fr}.finance-title-meta{align-items:flex-start;text-align:right}.finance-title-row{flex-direction:column;align-items:flex-start}.finance-hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){
  .knowledge-summary{grid-template-columns:90px 1fr}.summary-counts{grid-column:1/-1}
  .demo-panels{grid-template-columns:1fr}.demo-panels>article{min-height:auto}
  .invoice-sheet{border-radius:16px}
  .faq-heading{grid-template-columns:1fr}.faq-heading>p{max-width:700px}.faq-assurance{grid-template-columns:1fr 1fr}.faq-assurance article:last-child{grid-column:1/-1}
  .faq-layout{grid-template-columns:1fr}.faq-choice-card{position:static}.faq-choice-card ul{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.faq-choice-card li{border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:13px}
  .finance-hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .knowledge-summary{grid-template-columns:1fr;text-align:center}.score-ring{margin:auto}.summary-counts{display:grid;grid-template-columns:1fr 1fr}.summary-counts span{min-width:0}
  .knowledge-actions{display:grid;width:100%}.knowledge-actions>*{width:100%}
  .channel-detail-grid,.qr-campaign-grid,.lead-grid{grid-template-columns:1fr}
  .pipeline{grid-template-columns:1fr}.pipeline span{border-left:1px solid var(--line)}
  .chat-app{border-radius:0;border-left:0;border-right:0;box-shadow:none}
  .faq-decision{margin-top:75px;padding-top:40px}.faq-heading h2{letter-spacing:-1.5px}.faq-assurance{grid-template-columns:1fr}.faq-assurance article:last-child{grid-column:auto}
  .faq-choice-card{padding:21px}.faq-choice-card ul{grid-template-columns:1fr}.faq-group{padding:14px;border-radius:18px}.faq-group-title{grid-template-columns:42px 1fr}.faq-group-title>span{width:42px;height:42px;border-radius:12px}
  .faq-group-title h3{font-size:18px}.faq-group-title p{font-size:11px}.faq-decision summary{padding:15px 13px;font-size:13px;line-height:1.8}.faq-answer{padding:0 13px 14px}.faq-answer p{font-size:12px}
  .faq-footer{grid-template-columns:1fr;text-align:center}.faq-footer .button{width:100%}
  .conversation-hub .inbox-list{padding-top:0;border-radius:18px}
  .conversation-row{margin:6px 10px;padding:12px 10px;grid-template-columns:34px 1fr auto;gap:9px}
  .conversation-row p{max-width:none}
  .conversation-row time{align-self:start}
  .conversation-hub .inbox-detail{border-radius:18px}
  .conversation-meta{grid-template-columns:1fr 1fr;gap:8px;padding:12px}
  .conversation-meta span{padding:9px 10px}
  .hub-summary{margin:0 12px 12px;padding:14px;grid-template-columns:1fr}
  .hub-summary>div{padding:11px 12px}
  .hub-summary .tag-strip{grid-column:auto}
  .hub-control,.hub-composer{margin:0 12px 12px}
  .hub-control summary{padding:13px 14px}
  .conversation-thread{padding:16px 12px}
  .thread-message{max-width:92%;padding:13px 14px}
  .hub-composer{grid-template-columns:1fr;padding:14px}
  .hub-management-grid{padding:0 12px 12px}
  .hub-management-grid>article{padding:14px}
  .hub-task{grid-template-columns:1fr 1fr}
  .hub-task p{grid-column:1/-1}
  .hub-task button{grid-column:1/-1;width:100%}
  .hub-notes{padding:0 12px 12px}
  .hub-notifications>div:not(.panel-head){margin:0 8px 8px}
}
@supports not (color:color-mix(in srgb,#000,#fff)){
  .chat-app .chat-header{background:var(--channel-color,var(--brand))!important}
  .chat-composer>button{box-shadow:var(--shadow-sm)}
}


.product-guide{
  --chat-line:#e7e9f2;--chat-muted:#7b8498;
  height:min(740px,calc(100vh - 96px));min-height:600px;
  border-color:rgba(216,219,232,.95);border-radius:28px;
  background:#f7f8fc;box-shadow:0 28px 80px rgba(31,37,63,.14),0 3px 12px rgba(31,37,63,.05);
  transform:none
}
.product-guide .visual-top{height:78px;flex:0 0 78px;padding:0 22px;border-bottom:1px solid var(--chat-line);background:rgba(255,255,255,.92)}
.product-guide-agent{display:flex;align-items:center;gap:12px;min-width:0}
.product-guide-avatar{position:relative;width:46px;height:46px;display:grid;place-items:center;flex:0 0 46px;border-radius:15px;background:linear-gradient(145deg,#746cff,#4f46e5 58%,#0891b2);color:#fff;font:900 20px/1 Arial,sans-serif;box-shadow:0 9px 22px rgba(79,70,229,.22)}
.product-guide-avatar>i{position:absolute;left:-1px;bottom:-1px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#12b76a}
.product-guide-agent-copy{display:flex;flex-direction:column;min-width:0;line-height:1.45}.product-guide-agent-copy strong{overflow:hidden;color:#20263a;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.product-guide-agent-copy small{display:flex;align-items:center;gap:6px;color:#667085;font-size:9px;font-weight:650}.product-guide-agent-copy small>i{width:6px;height:6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 3px rgba(18,183,106,.1)}
.product-guide.is-thinking .product-guide-agent-copy small{color:var(--brand-strong)}.product-guide.is-thinking .product-guide-agent-copy small>i{background:var(--brand);animation:ui-pulse 1.3s infinite}
.product-guide-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #e0defe;border-radius:999px;background:#f7f6ff;color:var(--brand-strong);font-size:9px;font-weight:800}.product-guide-badge>i{width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--accent))}
.product-guide-messages{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:22px clamp(16px,2.4vw,30px) 22px;align-items:stretch;gap:13px;scrollbar-gutter:stable;background:radial-gradient(circle at 92% 3%,rgba(99,91,255,.07),transparent 28%),linear-gradient(180deg,#fafbff,#f5f6fb);scrollbar-width:thin;scrollbar-color:#d7d9e5 transparent}
.product-guide-messages::-webkit-scrollbar{width:5px}.product-guide-messages::-webkit-scrollbar-thumb{border-radius:99px;background:#d7d9e5}
.product-guide .mock-date{display:flex;align-items:center;gap:10px;color:#98a2b3;font-size:9px;font-weight:650}.product-guide .mock-date:before,.product-guide .mock-date:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#e3e5ed)}.product-guide .mock-date:after{background:linear-gradient(90deg,#e3e5ed,transparent)}
.product-guide-message{width:fit-content;max-width:min(88%,540px);padding:0;background:transparent!important;border:0!important;box-shadow:none!important;display:flex;gap:9px;font-size:13px;line-height:1.9;will-change:opacity,transform;opacity:0;transform:translateY(10px) scale(.985);transition:opacity .28s cubic-bezier(.22,1,.36,1),transform .28s cubic-bezier(.22,1,.36,1)}
.product-guide-message.is-entered{opacity:1;transform:none}
.product-guide-message>div{
  min-width:0;
  padding:13px 16px 12px;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
  border:1px solid #e4e8f2;
  border-radius:20px 20px 20px 8px;
  box-shadow:0 8px 22px rgba(31,37,63,.06);
}
.product-guide-message p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#202939}
.product-guide-message small{color:#6e7788;font-size:8px;font-weight:750;letter-spacing:.01em}
.product-guide-message time{display:block;margin-top:6px;color:#98a2b3;font-size:7.5px;line-height:1.4;text-align:left}
.product-guide-message.assistant{align-self:flex-end}
.product-guide-message.assistant>div::before{content:"";position:absolute;inset-inline-end:-5px;bottom:14px;width:10px;height:10px;border-inline-start:1px solid #e4e8f2;border-block-end:1px solid #e4e8f2;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);transform:rotate(45deg);display:none}
.product-guide-message.customer{align-self:flex-start;direction:rtl}
.product-guide-message.customer>div{
  position:relative;
  padding:12px 16px 11px;
  border:0;
  border-radius:20px 20px 8px 20px;
  background:linear-gradient(145deg,#6a60f6 0%,#564bef 58%,#3f3ceb 100%);
  color:#fff;
  box-shadow:0 12px 26px rgba(79,70,229,.19);
}
.product-guide-message.customer>div::before{content:"";position:absolute;inset-inline-start:-5px;bottom:14px;width:10px;height:10px;background:linear-gradient(145deg,#6a60f6 0%,#564bef 58%,#3f3ceb 100%);transform:rotate(45deg);display:none}
.product-guide-message.customer p{margin:0;color:#fff}
.product-guide-message.customer small{color:rgba(255,255,255,.78)}
.product-guide-message.customer time{color:rgba(255,255,255,.7)}
.product-guide .bot-mark{width:32px;height:32px;flex:0 0 32px;align-self:flex-end;border-radius:11px;background:linear-gradient(145deg,#746cff,#4f46e5 65%,#0891b2);box-shadow:0 7px 16px rgba(79,70,229,.18);font-size:12px}
.product-guide-suggestions{display:flex;gap:7px;flex-wrap:wrap;align-self:flex-end;margin-right:0;max-width:100%}
.product-guide-suggestions button{min-height:36px;border:1px solid #dcd9ff;border-radius:999px;background:rgba(255,255,255,.9);color:var(--brand-strong);padding:7px 12px;font-size:9px;line-height:1.6;box-shadow:0 3px 10px rgba(31,37,63,.035)}
.product-guide-suggestions button:hover,.product-guide-suggestions button:focus-visible{border-color:#aaa4ff;background:var(--brand-soft);transform:translateY(-1px);outline:0}
.product-guide-cta{display:inline-flex;align-items:center;margin-top:9px;padding:7px 11px;border:1px solid #dcd9ff;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong);font-size:9px;font-weight:800}.product-guide-cta:hover{background:#dedaff}
.product-guide-degraded-note{margin-top:9px;padding:7px 9px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#854d0e;font-size:8px;line-height:1.8}
.product-guide-link-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:7px;margin-top:10px;max-width:100%}.product-guide-link-card{min-width:0;display:flex;align-items:center;gap:8px;padding:8px 9px;border:1px solid #e1e4ef;border-radius:12px;background:linear-gradient(145deg,#f7f7ff,#f7fcff);color:#263049;text-decoration:none;transition:.18s ease}.product-guide-link-card:hover,.product-guide-link-card:focus-visible{border-color:#aaa4ff;background:#f0efff;transform:translateY(-1px);outline:0}.product-guide-link-icon{width:25px;height:25px;flex:0 0 25px;display:grid;place-items:center;border-radius:8px;background:#635bff;color:#fff;font-size:12px;font-style:normal}.product-guide-link-card.is-instagram .product-guide-link-icon{background:#d946ef}.product-guide-link-card.is-telegram .product-guide-link-icon{background:#159bd7}.product-guide-link-card.is-product .product-guide-link-icon{background:#12a465}.product-guide-link-copy{min-width:0;display:grid;gap:2px;flex:1}.product-guide-link-copy strong,.product-guide-link-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-guide-link-copy strong{font-size:9px}.product-guide-link-copy small{color:#8790a0;font-size:7px;direction:ltr;text-align:right}.product-guide-link-arrow{color:#6d67ee;font-size:13px}
.product-guide-composer{height:auto;min-height:104px;display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:8px;padding:12px 14px max(11px,env(safe-area-inset-bottom));border-top:1px solid var(--chat-line);background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}
.product-guide-input{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;border:1px solid #dfe2ea;border-radius:16px;background:#f7f8fb;transition:.2s var(--ease)}.product-guide-input:focus-within{border-color:#aaa4ff;background:#fff;box-shadow:0 0 0 4px rgba(99,91,255,.1)}
.product-guide-composer textarea{width:100%;min-height:46px;max-height:116px;resize:none;border:0!important;border-radius:16px;background:transparent!important;padding:11px 13px;line-height:1.8;outline:0;box-shadow:none!important}.product-guide-composer textarea::placeholder{color:#98a2b3}
.product-guide-input>span{padding:0 11px 12px;color:#a0a7b5;font:8px Arial,sans-serif;direction:ltr}
.product-guide-composer>button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:15px;background:linear-gradient(145deg,#6b63f6,#4f46e5);color:#fff;font-size:21px;box-shadow:0 9px 20px rgba(79,70,229,.24)}.product-guide-composer>button span{transform:rotate(-45deg)}
.product-guide-composer>button:hover{transform:translateY(-2px);box-shadow:0 13px 27px rgba(79,70,229,.3)}.product-guide-composer>button:disabled{opacity:.52;box-shadow:none}
.product-guide-composer>small{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin:0 3px;color:#8a93a5;font-size:8px;line-height:1.6}.product-guide-composer>small>i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#ecfdf3;color:#079455;font-size:8px;font-style:normal;font-weight:900}
.product-guide-error{display:flex;align-items:center;justify-content:center;gap:9px;margin:0;padding:9px 16px;border:0;border-top:1px solid #fecdca;background:#fff6f5;color:var(--danger);font-size:10px;text-align:center}.product-guide-error>span{min-width:0;line-height:1.8}.product-guide-error-retry{min-height:30px;flex:0 0 auto;padding:5px 10px;border:1px solid #f5b8b5;border-radius:9px;background:#fff;color:#b42318;font:750 8.5px/1 Vazirmatn,Tahoma,sans-serif;transition:var(--chat-ui-transition,.18s ease)}.product-guide-error-retry:hover,.product-guide-error-retry:focus-visible{border-color:#d92d20;background:#fff1f0;outline:0}
.product-guide-typing>div{min-width:58px}.product-guide-typing p{min-width:40px;margin-top:7px;animation:none}.product-guide-typing-dots{display:flex;align-items:center;gap:4px;height:14px}.product-guide-typing-dots>i{width:6px;height:6px;border-radius:50%;background:#8580dd;animation:product-guide-dot 1.15s ease-in-out infinite}.product-guide-typing-dots>i:nth-child(2){animation-delay:.14s}.product-guide-typing-dots>i:nth-child(3){animation-delay:.28s}
@keyframes product-guide-dot{0%,60%,100%{opacity:.35;transform:translateY(0) scale(.95)}30%{opacity:1;transform:translateY(-3px) scale(1.05)}}@keyframes product-guide-message-in{from{opacity:0;transform:translateY(9px) scale(.98)}to{opacity:1;transform:none}}

@media(max-width:900px){
  .hero-visual.product-guide{margin:18px auto 56px;min-height:580px;height:min(690px,78svh);transform:none;width:min(100%,720px)}
}
@media(max-width:700px){
  .hero-visual.product-guide{margin:14px auto 46px;border-radius:25px;height:min(680px,78svh);min-height:570px;box-shadow:0 20px 55px rgba(31,37,63,.13);width:min(100%,720px)}
  .product-guide .visual-top{height:70px;flex-basis:70px;padding:0 14px}.product-guide-avatar{width:42px;height:42px;flex-basis:42px;border-radius:14px}.product-guide-agent{gap:10px}.product-guide-agent-copy strong{font-size:12px}.product-guide-badge{padding:5px 8px}
  .product-guide-messages{padding:17px 12px 20px;gap:12px;scrollbar-gutter:auto}.product-guide-message{max-width:91%;font-size:12px}.product-guide-message>div{padding:11px 13px}.product-guide .bot-mark{width:28px;height:28px;flex-basis:28px;border-radius:9px}
  .product-guide-suggestions{width:100%;margin:0;padding:0 0 5px;flex-wrap:wrap;align-self:stretch;overflow:visible;scroll-snap-type:none;scrollbar-width:auto}.product-guide-suggestions::-webkit-scrollbar{display:none}.product-guide-suggestions button{flex:1 1 calc(50% - 4px);min-height:42px;white-space:normal}
  .product-guide-composer{grid-template-columns:minmax(0,1fr) 48px;min-height:100px;padding:10px 11px max(10px,env(safe-area-inset-bottom))}.product-guide-input>span{display:none}.product-guide-composer>small{font-size:7.5px}
}
@media(max-width:460px){
  .hero-visual.product-guide{margin:9px auto 38px;height:clamp(540px,calc(100svh - 96px),650px);min-height:540px;border-radius:23px;width:min(100%,720px)}
  .product-guide .visual-top{padding:0 12px}.product-guide-badge{font-size:0;width:30px;height:30px;justify-content:center;padding:0}.product-guide-badge>i{width:8px;height:8px}.product-guide-agent-copy strong{max-width:190px}
  .product-guide-messages{padding:15px 10px 18px}.product-guide-message{max-width:94%;gap:6px}.product-guide-message>div{padding:10px 12px}.product-guide-message small{display:none}.product-guide-message p{margin-top:0}.product-guide-message time{font-size:7px}
  .product-guide-suggestions{gap:6px}.product-guide-suggestions button{flex-basis:100%}.product-guide-link-cards{grid-template-columns:1fr}.product-guide-link-card{padding:9px 10px}
  .product-guide-composer{padding-inline:9px;gap:7px}.product-guide-composer>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.product-guide-composer textarea{padding-inline:11px;font-size:13px}
}


.hero{
  position:relative;isolation:isolate;align-items:stretch;
  min-height:calc(100vh - 78px);min-height:calc(100svh - 78px);
  grid-template-columns:minmax(460px,1.06fr) minmax(470px,.94fr);
  background:
    radial-gradient(circle at 8% 14%,rgba(6,182,212,.1),transparent 25%),
    radial-gradient(circle at 44% 4%,rgba(99,91,255,.13),transparent 29%),
    linear-gradient(145deg,#fff 0%,#fafaff 54%,#f5f7ff 100%);
  overflow:hidden
}
.hero:before{content:"";position:absolute;z-index:-1;inset:0;background-image:linear-gradient(rgba(99,91,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(99,91,255,.035) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.32),transparent);pointer-events:none}
.hero:after{content:"";position:absolute;z-index:-1;width:440px;height:440px;right:-260px;bottom:-280px;border:1px solid rgba(99,91,255,.11);border-radius:50%;box-shadow:0 0 0 68px rgba(99,91,255,.025),0 0 0 138px rgba(6,182,212,.018);pointer-events:none}
.hero-copy{display:flex;align-items:center;padding:clamp(62px,7vw,110px) clamp(32px,6.5vw,104px);border-left:1px solid rgba(228,231,236,.72)}
.hero-copy-inner{width:min(100%,750px);margin-inline:auto;position:relative}
.hero-kicker{display:flex;align-items:center;justify-content:flex-start;gap:8px;width:fit-content;margin:0 0 24px;padding:6px 7px 6px 11px;border:1px solid #dedcff;border-radius:999px;background:rgba(255,255,255,.74);box-shadow:0 5px 18px rgba(79,70,229,.055);backdrop-filter:blur(10px);color:#4f46e5;font-size:10px;font-weight:780;animation:hero-reveal .5s var(--ease) both}
.hero-kicker>span{display:inline-flex;align-items:center;gap:7px}.hero-kicker>span>i{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.1);animation:ui-pulse 2s infinite}.hero-kicker>b{padding:4px 8px;border-radius:999px;background:linear-gradient(135deg,var(--brand),var(--brand-strong));color:#fff;font-size:8px;letter-spacing:.25px}
.hero h1{margin:0 0 25px;font-size:clamp(52px,5.15vw,86px);line-height:1.08;letter-spacing:-4px;color:#111827;font-weight:900;text-wrap:balance;animation:hero-reveal .55s .05s var(--ease) both}
.hero h1>span,.hero h1>em{display:block}.hero h1>span:nth-child(2){color:#2d3446}.hero h1 em{width:fit-content;margin-top:3px;color:var(--brand);font-family:Vazirmatn,Tahoma,sans-serif;font-style:normal;position:relative;z-index:0}.hero h1 em:before{content:"";position:absolute;z-index:-1;right:-8px;left:-8px;bottom:5px;height:20px;border-radius:8px;background:linear-gradient(90deg,rgba(99,91,255,.13),rgba(6,182,212,.09));transform:rotate(-1deg)}.hero h1 em:after{display:none}
.hero-lead{max-width:690px;margin:0 0 29px;color:#535d70;font-size:clamp(15px,1.18vw,18px);line-height:2.05;animation:hero-reveal .55s .1s var(--ease) both}.hero-lead strong{display:block;margin-bottom:3px;color:#20283a;font-size:1.02em;font-weight:820}
.hero-actions{display:flex;align-items:stretch;gap:10px;margin:0 0 27px;animation:hero-reveal .55s .15s var(--ease) both}.hero-actions .button{min-height:54px;border-radius:15px;padding:9px 14px}
.hero-primary-action{min-width:min(100%,315px);justify-content:space-between!important;padding-right:19px!important}.hero-primary-action>i{width:34px;height:34px;display:grid;place-items:center;flex:0 0 34px;border-radius:11px;background:rgba(255,255,255,.16);font-style:normal;font-size:17px;transition:.2s var(--ease)}.hero-primary-action:hover>i{transform:translateX(-3px);background:rgba(255,255,255,.22)}
.hero-demo-action{min-width:190px;color:#344054;border-color:#d9dde7!important;background:rgba(255,255,255,.72)!important;backdrop-filter:blur(10px)}.hero-demo-action>i{width:31px;height:31px;display:grid;place-items:center;border:1px solid #d9d6ff;border-radius:50%;background:#f3f1ff;color:var(--brand-strong);font-size:9px;font-style:normal;padding-right:1px}.hero-demo-action:hover{border-color:#bdb7ff!important;background:#fff!important;color:var(--brand-strong)}
.hero-proof{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px;margin:0;animation:hero-reveal .55s .2s var(--ease) both}.hero-proof article{display:grid;grid-template-columns:30px 1fr;align-items:center;gap:8px;min-width:0;min-height:64px;padding:9px 10px;border:1px solid rgba(218,221,232,.9);border-radius:14px;background:rgba(255,255,255,.62);box-shadow:0 3px 12px rgba(31,37,63,.025)}.hero-proof article>i{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#f0efff;color:var(--brand-strong);font-size:12px;font-style:normal;font-weight:850}.hero-proof article:first-child>i{background:#ecfdf3;color:#079455}.hero-proof article>span{display:flex;flex-direction:column;min-width:0;padding:0;border:0}.hero-proof article b{overflow:hidden;color:#344054;font-size:9.5px;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}.hero-proof article small{overflow:hidden;color:#7b8496;font-size:8px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}
.hero-live-cue{display:none;align-items:center;justify-content:space-between;gap:15px;margin-top:17px;padding:11px 13px;border:1px solid #dedcff;border-radius:14px;background:rgba(255,255,255,.7);color:var(--brand-strong);font-size:10px;font-weight:780}.hero-live-cue>span{display:flex;align-items:center;gap:8px}.hero-live-cue>span>i{width:7px;height:7px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.1)}.hero-live-cue>b{width:28px;height:28px;display:grid;place-items:center;border-radius:9px;background:var(--brand-soft)}
@keyframes hero-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media(max-width:1280px){
  .hero{grid-template-columns:minmax(410px,1fr) minmax(440px,.92fr)}
  .hero-copy{padding-inline:clamp(28px,5vw,70px)}.hero h1{font-size:clamp(49px,5.3vw,70px);letter-spacing:-3px}.hero-proof{grid-template-columns:1fr 1fr}.hero-proof article:last-child{grid-column:1/-1}
}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;min-height:auto;background:radial-gradient(circle at 12% 5%,rgba(6,182,212,.09),transparent 22%),radial-gradient(circle at 80% 7%,rgba(99,91,255,.13),transparent 27%),linear-gradient(180deg,#fff,#f7f8ff)}
  .hero-copy{padding:clamp(54px,8vw,78px) clamp(24px,7vw,64px) 30px;border-left:0}.hero-copy-inner{width:min(100%,760px)}.hero h1{font-size:clamp(52px,8vw,72px)}.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-proof article:last-child{grid-column:auto}.hero-live-cue{display:flex}
}
@media(max-width:700px){
  .hero-copy{padding:44px 18px 25px}.hero-kicker{margin-bottom:20px}.hero h1{font-size:clamp(42px,11vw,57px);line-height:1.12;letter-spacing:-2.5px;margin-bottom:20px}.hero h1 em:before{height:15px;bottom:3px}.hero-lead{font-size:15px;line-height:2;margin-bottom:23px}
  .hero-actions{display:grid;grid-template-columns:1fr;margin-bottom:20px}.hero-actions .button{width:100%;min-height:53px}.hero-primary-action{min-width:0}.hero-demo-action{min-width:0}
  .hero-proof{grid-template-columns:1fr 1fr;gap:7px}.hero-proof article{min-height:61px}.hero-proof article:last-child{grid-column:1/-1}.hero-live-cue{display:flex}
}
@media(max-width:460px){
  .hero-copy{padding:34px 14px 22px}.hero-kicker{max-width:100%;margin-bottom:18px;font-size:8.5px}.hero h1{font-size:clamp(38px,11.2vw,48px);line-height:1.14;letter-spacing:-1.8px;margin-bottom:18px}.hero-lead{font-size:14px;line-height:1.95;margin-bottom:20px}.hero-lead strong{line-height:1.8;margin-bottom:4px}
  .hero-actions{gap:8px}.hero-actions .button{min-height:52px;border-radius:14px;font-size:12px}.hero-proof article{grid-template-columns:27px 1fr;gap:6px;padding:8px;min-height:57px}.hero-proof article>i{width:27px;height:27px;border-radius:9px}.hero-proof article b{font-size:8.5px}.hero-proof article small{font-size:7.5px}.hero-live-cue{margin-top:13px;padding:10px 11px;font-size:9px}
}
@media(max-width:360px){
  .hero-kicker>b{display:none}.hero h1{font-size:36px}.hero-proof{grid-template-columns:1fr}.hero-proof article:last-child{grid-column:auto}.hero-proof article b,.hero-proof article small{white-space:normal}.hero-live-cue{font-size:8.5px}
}


.auth-email-hint{width:fit-content;max-width:100%;margin:18px auto!important;padding:9px 14px;border:1px solid #dedcff;border-radius:999px;background:var(--brand-soft);color:var(--brand-strong)!important;font-size:12px!important;font-weight:750}
.auth-email-hint bdi{direction:ltr;unicode-bidi:isolate}


.brand{min-width:0;line-height:1}
.brand-logo{display:block;width:169px;max-width:100%;height:auto;object-fit:contain}
.brand-inverse .brand-logo{box-sizing:content-box;padding:7px 9px;border-radius:10px;background:#fff;filter:none}
.site-header .brand-logo{width:164px}
.sidebar>.brand{justify-content:flex-start}
.sidebar>.brand .brand-logo{width:172px}
.site-footer .brand-logo{width:185px}
.final-cta-logo{display:block;box-sizing:content-box;width:185px;max-width:56vw;height:auto;margin:0 auto 34px;padding:9px 12px;border-radius:11px;background:#fff;opacity:.98}
.product-guide-avatar.brand-avatar{width:88px;flex-basis:88px;border:1px solid #e4e7ec;border-radius:14px;background:#fff;box-shadow:0 8px 22px rgba(31,37,63,.09)}
.product-guide-avatar.brand-avatar>img{display:block;width:72px;max-width:calc(100% - 14px);height:auto}
.chat-catawork-link{display:grid!important;place-items:center;min-width:112px;min-height:34px;padding:5px 8px!important;background:#fff!important}
.chat-catawork-link img{display:block;width:98px;height:auto}
.chat-branding{min-height:29px;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Vazirmatn,Tahoma,sans-serif}
.chat-branding a{display:inline-flex;align-items:center}
.chat-branding img{display:block;width:78px;height:auto;opacity:.68}
.theme-dark .chat-branding img{box-sizing:content-box;padding:3px 5px;border-radius:4px;background:#fff}
.maintenance-brand{display:block;width:185px;max-width:72vw;height:auto;margin:0 auto 30px}

@media(max-width:700px){
  .site-header .brand-logo{width:142px}
  .sidebar>.brand .brand-logo{width:158px}
  .product-guide-avatar.brand-avatar{width:80px;flex-basis:80px;height:42px}
  .product-guide-avatar.brand-avatar>img{width:66px}
}
@media(max-width:460px){
  .site-header .brand-logo{width:128px}
  .product-guide-avatar.brand-avatar{width:72px;flex-basis:72px;height:40px}
  .product-guide-avatar.brand-avatar>img{width:59px}
  .product-guide-agent-copy strong{max-width:132px}
  .chat-catawork-link{display:none!important}
}
@media(prefers-color-scheme:dark){
  .theme-auto .chat-branding img{box-sizing:content-box;padding:3px 5px;border-radius:4px;background:#fff}
}

.chat-body{min-height:100vh;min-height:100dvh;padding:26px;background:radial-gradient(circle at 12% 8%,rgba(99,91,255,.12),transparent 27%),radial-gradient(circle at 88% 90%,rgba(6,182,212,.09),transparent 29%),#f1f3f8}
.chat-body.is-widget{min-height:100vh;min-height:100dvh;padding:0;background:transparent}
.chat-app{position:relative;isolation:isolate;width:min(100%,720px);height:min(860px,calc(100vh - 52px));height:min(860px,calc(100dvh - 52px));overflow:hidden;border:1px solid #dfe3eb;border-radius:28px;background:#fff;box-shadow:0 28px 85px rgba(31,37,63,.17),0 3px 12px rgba(31,37,63,.06);color:#182230}
.is-widget .chat-app{width:100%;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none}
.chat-app .chat-header{min-height:84px;flex:0 0 84px;padding:0 18px;border-bottom:1px solid #e8eaf0;background:rgba(255,255,255,.96);color:#182230;backdrop-filter:blur(18px)}
.chat-agent{display:flex;align-items:center;gap:12px;min-width:0}
.chat-agent-copy{display:flex;flex-direction:column;min-width:0;line-height:1.45}
.chat-app .chat-logo{position:relative;width:46px;height:46px;flex:0 0 46px;border:0;border-radius:15px;background:var(--channel-color,#635bff);color:#fff;box-shadow:0 9px 22px rgba(31,37,63,.17);font:900 17px/1 Arial,sans-serif}
.chat-logo>i{position:absolute;left:-1px;bottom:-1px;width:13px;height:13px;border:3px solid #fff;border-radius:50%;background:#12b76a}
.chat-app .chat-header h1{overflow:hidden;max-width:230px;margin:0;color:#202939;font-size:13px;font-weight:850;line-height:1.7;text-overflow:ellipsis;white-space:nowrap}
.chat-app .chat-header p{display:flex;align-items:center;gap:6px;margin:0;color:#667085;font-size:9px;line-height:1.7;white-space:nowrap}
.chat-app .chat-header p i{width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#12b76a;box-shadow:0 0 0 4px rgba(18,183,106,.1)}
.chat-header-actions{display:flex!important;align-items:center;gap:7px!important}
.chat-header-actions button,.chat-header-actions a{min-height:36px;border:1px solid #e0e3ea;border-radius:12px;background:#fff;color:#475467;padding:6px 10px;font-family:Vazirmatn,Tahoma,sans-serif;font-size:9px;font-weight:750;letter-spacing:0;transition:.18s var(--ease)}
.chat-header-actions button:hover,.chat-header-actions button:focus-visible,.chat-header-actions a:hover,.chat-header-actions a:focus-visible{border-color:#bcb7ff;background:#f6f5ff;color:#4038bb;outline:0;transform:translateY(-1px)}
.chat-human-action{display:flex;align-items:center;gap:6px}.chat-human-action>i{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:#f0efff;color:#4f46e5;font-style:normal;font-size:10px}
.chat-close-action{width:36px;padding:0!important;font-size:20px!important;font-weight:400!important}
.chat-catawork-link{min-width:106px!important;min-height:36px!important;border-color:#e0e3ea!important;border-radius:12px!important}
.chat-catawork-link img{width:90px}
.chat-messages{position:relative;flex:1;min-height:0;padding:22px clamp(16px,2.4vw,30px);gap:13px;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;background:radial-gradient(circle at 92% 3%,rgba(99,91,255,.07),transparent 28%),linear-gradient(180deg,#fafbff,#f5f6fb);scrollbar-width:thin;scrollbar-color:#d7d9e5 transparent}
.chat-messages::-webkit-scrollbar{width:5px}.chat-messages::-webkit-scrollbar-thumb{border-radius:99px;background:#d7d9e5}
.chat-day{display:flex;align-items:center;justify-content:center;margin:0 0 4px;color:#98a2b3;font-size:9px}.chat-day>span{padding:5px 9px;border:1px solid rgba(224,227,234,.8);border-radius:999px;background:rgba(255,255,255,.76);backdrop-filter:blur(8px)}
.chat-message{display:flex;align-items:flex-end;gap:8px;width:fit-content;max-width:min(88%,540px);animation:customer-chat-message-in .28s cubic-bezier(.22,1,.36,1) both}
.chat-message>div{min-width:0;padding:13px 16px 12px;border:1px solid #e4e8f2;border-radius:20px 20px 20px 8px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 8px 22px rgba(31,37,63,.06);color:#202939}
.chat-message.assistant{align-self:flex-end}.chat-message.user{align-self:flex-start;direction:ltr}
.chat-message.user>div{border:0;border-radius:20px 20px 8px 20px;background:linear-gradient(145deg,var(--channel-color,#635bff) 0%,color-mix(in srgb,var(--channel-color,#635bff) 88%,#111827) 58%,color-mix(in srgb,var(--channel-color,#635bff) 82%,#0f172a) 100%);box-shadow:0 12px 26px rgba(79,70,229,.19);color:#fff;direction:rtl}
.chat-message.operator{align-self:flex-end}.chat-message.operator>div{border-color:#b7ebcd;background:#f0fdf4}
.chat-message.operator .operator-avatar{background:#067647}
.chat-app .chat-avatar{width:32px;height:32px;flex:0 0 32px;border:0;border-radius:11px;background:linear-gradient(145deg,var(--channel-color,#635bff),color-mix(in srgb,var(--channel-color,#635bff) 74%,#111827));box-shadow:0 7px 16px rgba(31,37,63,.18);color:#fff;font:900 12px/1 Arial,sans-serif}
.chat-message small{margin-bottom:4px;color:#667085;font-size:8px;font-weight:750;line-height:1.7}.chat-message.user small{color:rgba(255,255,255,.78)}
.chat-message p{margin:0;color:inherit;font-size:12px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-message time{margin-top:6px;color:#98a2b3;font-size:7px;line-height:1.5}.chat-message.user time{color:rgba(255,255,255,.62)}
.chat-message.typing p{width:38px;min-height:15px;font-size:0;white-space:normal}
.chat-message.typing p:after{content:"";display:block;width:6px;height:6px;margin:5px 0;border-radius:50%;background:#8580dd;box-shadow:10px 0 #8580dd,20px 0 #8580dd;animation:customer-chat-typing .95s ease-in-out infinite}
.chat-sources{margin-top:9px;padding-top:8px;border-top:1px solid #eceef2;color:#667085;font-size:7.5px;line-height:1.8}
.message-feedback{display:flex;align-items:center;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid #eceef2;direction:rtl}.message-feedback span{margin-left:auto;color:#7d8798;font-size:7.5px}.message-feedback button{width:27px;height:25px;padding:0;border:1px solid #d9dde5;border-radius:8px;background:#fff;color:#667085;font-size:14px}.message-feedback button:hover,.message-feedback button.selected{border-color:var(--channel-color,#635bff);background:var(--channel-color,#635bff);color:#fff}
.handoff-note{align-self:center;max-width:92%;margin:2px auto;padding:9px 12px;border:1px solid #fedf89;border-radius:12px;background:#fffaeb;color:#93370d;font-size:9px;line-height:1.8;text-align:center}.chat-message .handoff-note{margin:9px 0 0}
.quick-replies{display:flex;align-self:flex-end;gap:7px;max-width:calc(100% - 38px);margin:0 0 1px 0;flex-wrap:wrap}.quick-replies button{min-height:36px;padding:7px 11px;border:1px solid #dcd9ff;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:0 3px 10px rgba(31,37,63,.035);color:#4f46e5;font-family:Vazirmatn,Tahoma,sans-serif;font-size:9px;line-height:1.6;transition:.18s var(--ease)}.quick-replies button:hover,.quick-replies button:focus-visible{border-color:#aaa4ff;background:#eeecff;color:#4038bb;outline:0;transform:translateY(-1px)}
.chat-error{position:absolute;z-index:4;right:14px;left:14px;bottom:116px;padding:10px 14px;border:1px solid #fecdca;border-radius:12px;background:rgba(255,246,245,.97);box-shadow:0 9px 25px rgba(31,37,63,.1);color:#b42318;font-size:9px;line-height:1.8;text-align:center}
.chat-composer{position:relative;z-index:2;flex:0 0 auto;display:grid;grid-template-columns:minmax(0,1fr) 46px;gap:8px;padding:12px 15px;border-top:1px solid #e8eaf0;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);min-height:96px}
.chat-input-shell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;border:1px solid #dfe2ea;border-radius:16px;background:#f7f8fb;transition:.2s var(--ease)}.chat-input-shell:focus-within{border-color:#aaa4ff;background:#fff;box-shadow:0 0 0 4px rgba(99,91,255,.1)}
.chat-composer .chat-input-shell textarea{width:100%;min-height:46px;max-height:130px;padding:11px 13px;border:0!important;border-radius:16px;background:transparent!important;color:#344054;box-shadow:none!important;outline:0;line-height:1.8;resize:none}.chat-input-shell textarea::placeholder{color:#98a2b3}
.chat-input-shell>span{padding:0 11px 12px;color:#a0a7b5;font:8px Arial,sans-serif;direction:ltr}
.chat-composer>button{width:46px;height:46px;display:grid;place-items:center;padding:0;border:0;border-radius:15px;background:linear-gradient(135deg,var(--channel-color,#635bff),color-mix(in srgb,var(--channel-color,#635bff) 74%,#111827));box-shadow:0 9px 20px rgba(31,37,63,.18);color:#fff;font-size:21px;transition:.18s var(--ease)}.chat-composer>button>span{display:block;transform:rotate(-45deg)}.chat-composer>button:hover,.chat-composer>button:focus-visible{outline:0;transform:translateY(-2px);box-shadow:0 12px 26px rgba(31,37,63,.24)}.chat-composer>button:disabled{opacity:.55;transform:none;box-shadow:none}
.chat-composer>small{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin:0 3px;color:#8a93a5;font-size:7.5px;line-height:1.6}.chat-composer>small>i{display:grid;place-items:center;width:14px;height:14px;flex:0 0 14px;border-radius:50%;background:#ecfdf3;color:#079455;font-size:8px;font-style:normal;font-weight:900}
.chat-branding{flex:0 0 29px;min-height:29px;padding:5px 8px;border-top:1px solid #eff1f4;background:#fff;color:#98a2b3;font-size:7.5px}
.chat-app.is-responding .chat-header p i{animation:ui-pulse 1s infinite}
.chat-app.is-default-appearance .chat-header{background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#2563eb) 92%,#111827),color-mix(in srgb,var(--channel-color,#2563eb) 72%,#0f172a))!important;color:#fff}
.chat-app.is-default-appearance .chat-header h1,.chat-app.is-default-appearance .chat-header p{color:rgba(255,255,255,.94)}
.chat-app.is-default-appearance .chat-header p i{background:#7ce3b0;box-shadow:0 0 0 4px rgba(124,227,176,.14)}
.chat-app.is-default-appearance .chat-header-actions button,.chat-app.is-default-appearance .chat-header-actions a{border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.11);color:#fff}
.chat-app.is-default-appearance .chat-header-actions button:hover,.chat-app.is-default-appearance .chat-header-actions button:focus-visible,.chat-app.is-default-appearance .chat-header-actions a:hover,.chat-app.is-default-appearance .chat-header-actions a:focus-visible{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.18);color:#fff}
.chat-app.is-default-appearance .chat-logo{background:rgba(255,255,255,.16);box-shadow:0 12px 25px rgba(15,23,42,.22)}
.chat-app.is-default-appearance .chat-logo>i{border-color:rgba(255,255,255,.86)}
.chat-app.is-default-appearance .chat-branding{background:linear-gradient(180deg,#fff,rgba(255,255,255,.95))}
@keyframes customer-chat-message-in{from{opacity:0;transform:translateY(6px) scale(.987)}to{opacity:1;transform:none}}
@keyframes customer-chat-typing{0%,100%{opacity:.35;transform:translateY(0)}45%{opacity:1;transform:translateY(-2px)}}

.chat-app.theme-dark{border-color:#303440;background:#171a21;color:#f3f4f7}
.theme-dark .chat-header{border-color:#303440!important;background:rgba(27,30,38,.97)!important}.theme-dark .chat-header h1{color:#f4f5f7}.theme-dark .chat-header p{color:#aeb5c2}.theme-dark .chat-logo>i{border-color:#1b1e26}
.theme-dark .chat-header-actions button,.theme-dark .chat-header-actions a{border-color:#3a3f4b;background:#242832;color:#d0d5dd}.theme-dark .chat-header-actions button:hover{border-color:#7972ff;background:#302d59;color:#fff}
.theme-dark .chat-messages{background:radial-gradient(circle at 88% 4%,rgba(99,91,255,.09),transparent 30%),linear-gradient(180deg,#1a1d24,#15181e)}
.theme-dark .chat-day>span{border-color:#353944;background:#23262e;color:#98a2b3}
.theme-dark .chat-message>div{border-color:#363a45;background:#252932;color:#e4e7ec}.theme-dark .chat-message.operator>div{border-color:#276749;background:#163727}.theme-dark .chat-sources,.theme-dark .message-feedback{border-color:#3a3e48;color:#aab1be}.theme-dark .message-feedback button{border-color:#464b57;background:#2c303a;color:#d0d5dd}
.theme-dark .quick-replies button{border-color:#46415f;background:#24232e;color:#bbb7ff}.theme-dark .quick-replies button:hover{background:#302d59}
.theme-dark .chat-composer{border-color:#303440;background:rgba(27,30,38,.97)}.theme-dark .chat-input-shell{border-color:#3a3f4b;background:#242832}.theme-dark .chat-input-shell:focus-within{border-color:#7972ff;background:#292d37}.theme-dark .chat-composer .chat-input-shell textarea{color:#f3f4f7}.theme-dark .chat-branding{border-color:#303440;background:#171a21;color:#8f98a8}

@media(prefers-color-scheme:dark){
  .chat-app.theme-auto{border-color:#303440;background:#171a21;color:#f3f4f7}
  .theme-auto .chat-header{border-color:#303440!important;background:rgba(27,30,38,.97)!important}.theme-auto .chat-header h1{color:#f4f5f7}.theme-auto .chat-header p{color:#aeb5c2}.theme-auto .chat-logo>i{border-color:#1b1e26}
  .theme-auto .chat-header-actions button,.theme-auto .chat-header-actions a{border-color:#3a3f4b;background:#242832;color:#d0d5dd}
  .theme-auto .chat-messages{background:radial-gradient(circle at 88% 4%,rgba(99,91,255,.09),transparent 30%),linear-gradient(180deg,#1a1d24,#15181e)}
  .theme-auto .chat-day>span{border-color:#353944;background:#23262e;color:#98a2b3}
  .theme-auto .chat-message>div{border-color:#363a45;background:#252932;color:#e4e7ec}.theme-auto .chat-message.operator>div{border-color:#276749;background:#163727}.theme-auto .chat-sources,.theme-auto .message-feedback{border-color:#3a3e48;color:#aab1be}.theme-auto .message-feedback button{border-color:#464b57;background:#2c303a;color:#d0d5dd}
  .theme-auto .quick-replies button{border-color:#46415f;background:#24232e;color:#bbb7ff}
  .theme-auto .chat-composer{border-color:#303440;background:rgba(27,30,38,.97)}.theme-auto .chat-input-shell{border-color:#3a3f4b;background:#242832}.theme-auto .chat-composer .chat-input-shell textarea{color:#f3f4f7}.theme-auto .chat-branding{border-color:#303440;background:#171a21;color:#8f98a8}
}

@media(max-width:650px){
  .chat-body{padding:0;background:#fff}.chat-app{width:100%;height:100vh;height:100dvh;border:0;border-radius:0;box-shadow:none}
  .chat-app .chat-header{min-height:76px;flex-basis:76px;padding:0 12px}.chat-app .chat-logo{width:42px;height:42px;flex-basis:42px;border-radius:14px}.chat-app .chat-header h1{max-width:180px;font-size:12px}
  .chat-messages{padding:17px 11px 20px;gap:13px;scrollbar-gutter:auto}.chat-message{max-width:92%}.chat-message>div{padding:10px 12px}.chat-message p{font-size:11.5px}.chat-app .chat-avatar{width:28px;height:28px;flex-basis:28px;border-radius:9px}
  .quick-replies{width:calc(100% + 22px);max-width:none;margin:0 -11px;padding:0 11px 5px;flex-wrap:nowrap;align-self:stretch;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}.quick-replies::-webkit-scrollbar{display:none}.quick-replies button{flex:0 0 auto;min-height:40px;scroll-snap-align:start;white-space:nowrap}
  .chat-composer{padding:9px 10px 7px}.chat-composer>small{font-size:7px}.chat-branding{font-size:7px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
}
@media(max-width:460px){
  .chat-human-action{width:36px;padding:0!important;justify-content:center}.chat-human-action>span{display:none}.chat-human-action>i{background:transparent;font-size:13px}
  .chat-app .chat-header h1{max-width:145px}.chat-app .chat-header p{font-size:8px}
  .chat-message{max-width:94%;gap:6px}.chat-message small{font-size:7.5px}.chat-message time{font-size:6.5px}
  .chat-input-shell>span{display:none}.chat-composer{grid-template-columns:minmax(0,1fr) 46px;gap:7px;padding-inline:8px}.chat-composer>button{width:46px;height:46px}.chat-composer .chat-input-shell textarea{font-size:13px;padding-inline:11px}
  .chat-composer>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-branding{min-height:27px;flex-basis:27px}
}


.chat-body{overflow-x:hidden}
.chat-app{width:min(calc(100vw - 52px),740px);max-width:740px}
.chat-agent{max-width:min(100%,430px)}
.chat-app .chat-header h1{max-width:clamp(130px,24vw,220px)}
.chat-app .chat-header p{max-width:clamp(120px,22vw,210px);overflow:hidden;text-overflow:ellipsis}
.chat-header-actions{max-width:calc(100% - 250px)}
.chat-header-actions button,.chat-header-actions a{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-human-action{max-width:182px}
.chat-catawork-link{max-width:120px!important}
.chat-message{max-width:min(86%,520px);min-width:0}
.chat-message>div{max-width:100%;overflow:hidden}
.chat-message p{word-break:break-word}
.chat-sources,.message-feedback span,.handoff-note,.chat-composer>small,.chat-branding{max-width:100%;overflow:hidden;text-overflow:ellipsis}
.quick-replies{max-width:calc(100% - 36px)}
.quick-replies button{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.chat-composer{min-height:92px}
.chat-composer .chat-input-shell textarea{overflow:auto}

@media(max-width:650px){
  .chat-app{width:100%;max-width:none}
  .chat-agent{max-width:calc(100% - 112px)}
  .chat-app .chat-header h1{max-width:clamp(108px,42vw,176px)}
  .chat-app .chat-header p{max-width:clamp(96px,40vw,170px)}
  .chat-message{max-width:92%}
  .chat-message>div{padding:10px 12px}
  .quick-replies{max-width:none}
  .chat-composer{min-height:88px;padding-bottom:7px}
  .chat-composer>small{font-size:7px}
}

@media(max-width:460px){
  .chat-agent{max-width:calc(100% - 92px)}
  .chat-app .chat-header h1{max-width:138px}
  .chat-app .chat-header p{max-width:130px}
  .chat-message{max-width:94%}
  .chat-message p{font-size:11px;line-height:1.9}
  .quick-replies button{font-size:8.5px}
  .chat-composer{grid-template-columns:minmax(0,1fr) 46px}
  .chat-composer .chat-input-shell textarea{font-size:16px!important}
}


.chat-app .chat-header{padding-inline:16px}
.chat-messages{padding:20px clamp(14px,2.1vw,26px) 14px;gap:11px}
.chat-day{margin-bottom:2px}
.chat-message{gap:7px}
.chat-message>div{padding:12px 14px 11px}
.chat-message small{margin-bottom:3px}
.chat-message time{margin-top:5px}
.quick-replies{gap:6px}
.quick-replies button{min-height:34px;padding:6px 10px}
.chat-error{bottom:108px;padding:9px 12px}
.chat-composer{min-height:90px;padding:10px 14px 8px}
.chat-composer>small{margin-top:1px}
.chat-branding{min-height:28px;padding:5px 8px 6px}

@media(max-width:650px){
  .chat-messages{padding:16px 10px 18px;gap:10px}
  .chat-message>div{padding:10px 12px}
  .chat-message small{margin-bottom:2px}
  .chat-message time{margin-top:4px}
  .quick-replies button{min-height:38px;padding:7px 11px}
  .chat-error{bottom:100px;left:10px;right:10px}
  .chat-composer{min-height:86px;padding:9px 10px 7px}
  .chat-branding{min-height:27px;padding:4px 8px 5px}
}

@media(max-width:460px){
  .chat-messages{padding:14px 9px 16px;gap:9px}
  .chat-message>div{padding:9px 11px}
  .chat-message p{line-height:1.85}
  .quick-replies button{min-height:36px;padding:6px 9px}
  .chat-composer{padding:8px 8px 6px}
  .chat-composer>small{font-size:6.8px}
  .chat-branding{padding:4px 8px}
}


.workspace-main{padding-block:clamp(24px,3.4vw,52px)}
.workspace-main>.page-title-row,
.workspace-main>.panel,
.workspace-main>.dashboard-grid>.panel,
.workspace-main>.dashboard-grid>.metric-card,
.workspace-main .knowledge-studio-v3 .knowledge-title-row,
.workspace-main .knowledge-studio-v3 .knowledge-summary,
.workspace-main .knowledge-studio-v3 .readiness-todo,
.workspace-main .knowledge-studio-v3 .studio-section,
.workspace-main .channels-v3>.page-title-row,
.workspace-main .channels-v3 .channel-trend,
.workspace-main .channels-v3 .channel-settings,
.workspace-main .channels-v3 .qr-campaign,
.workspace-main .channels-v3 .qr-empty-state,
.workspace-main .channels-v3 .qr-builder-card,
.workspace-main .channels-v3 .widget-panel,
.workspace-main .subscription-hero,
.workspace-main .usage-panel,
.workspace-main .info-grid>.panel,
.workspace-main .analytics-grid>.panel,
.workspace-main .finance-admin-grid>.panel,
.workspace-main .mail-admin-grid>.panel,
.workspace-main .conversation-hub .panel{
  border-radius:22px;
  padding:clamp(18px,2.2vw,28px);
}
.workspace-main .page-title-row,
.workspace-main .panel,
.workspace-main .metric-card,
.workspace-main .status-strip,
.workspace-main .quick-actions,
.workspace-main .inbox,
.workspace-main .pipeline-summary,
.workspace-main .lead-card,
.workspace-main .channel-card,
.workspace-main .channel-grid > *,
.workspace-main .analytics-grid > *,
.workspace-main .finance-hero-grid > *,
.workspace-main .finance-admin-grid > *,
.workspace-main .mail-admin-grid > *,
.workspace-main .subscription-hero,
.workspace-main .conversation-hub .inbox,
.workspace-main .conversation-hub .thread-message,
.workspace-main .hub-metrics article{
  overflow:hidden;
}
.workspace-main .panel-head{margin-bottom:18px;gap:14px}
.workspace-main .panel-head h2{font-size:clamp(18px,1.4vw,24px);line-height:1.45}
.workspace-main .panel-head p{margin:4px 0 0;line-height:1.85}
.workspace-main .metric-card{padding:clamp(18px,2vw,24px);min-height:160px}
.workspace-main .metric-card strong{font-size:clamp(30px,2.9vw,48px)}
.workspace-main .status-strip{padding:18px 20px;gap:16px}
.workspace-main .status-strip>div{gap:10px}
.workspace-main .page-title-row{margin-bottom:22px}
.workspace-main .page-title-row h1{margin-bottom:6px}
.workspace-main .page-title-row>div>p:last-child{max-width:760px;line-height:1.85}
.workspace-main .dashboard-grid{gap:14px}
.workspace-main .dashboard-grid>.panel{min-height:auto}
.workspace-main .dashboard-main-grid .panel{padding:24px;min-height:auto}
.workspace-main .dashboard-metrics{gap:12px}
.workspace-main .dashboard-quick-actions>.eyebrow,
.workspace-main .dashboard-quick-actions>a{min-height:96px;padding:16px 18px}
.workspace-main .knowledge-studio-v3{gap:12px}
.workspace-main .knowledge-studio-v3 .knowledge-title-row,
.workspace-main .knowledge-studio-v3 .knowledge-summary,
.workspace-main .knowledge-studio-v3 .readiness-todo,
.workspace-main .knowledge-studio-v3 .studio-section>summary,
.workspace-main .knowledge-studio-v3 .studio-section>form{padding:18px 20px}
.workspace-main .knowledge-studio-v3 .content-tabs{margin-bottom:12px}
.workspace-main .knowledge-studio-v3 .module-grid>a,
.workspace-main .knowledge-studio-v3 .module-grid>button{padding:20px;min-height:112px}
.workspace-main .channels-v3>.page-title-row{padding:clamp(18px,2vw,24px)}
.workspace-main .channels-v3 .channel-metrics .metric-card{padding:18px;min-height:162px}
.workspace-main .channels-v3 .channel-trend,
.workspace-main .channels-v3 .channel-settings,
.workspace-main .channels-v3 .qr-campaign,
.workspace-main .channels-v3 .widget-panel,
.workspace-main .channels-v3 .qr-empty-state,
.workspace-main .channels-v3 .qr-builder-card{padding:20px}
.workspace-main .channels-v3 .code-block{padding:20px 22px 54px;min-height:170px}
.workspace-main .channels-v3 .domain-section{padding:18px}
.workspace-main .subscription-hero{gap:16px}
.workspace-main .subscription-hero-main{padding:24px 24px 22px}
.workspace-main .subscription-hero-side{gap:10px}
.workspace-main .usage-panel{padding:24px}
.workspace-main .info-grid,
.workspace-main .analytics-grid,
.workspace-main .finance-admin-grid,
.workspace-main .mail-admin-grid,
.workspace-main .conversation-hub .dashboard-grid,
.workspace-main .conversation-hub .lead-grid{gap:14px}
.workspace-main .inbox{min-height:560px}
.workspace-main .inbox-detail>header{padding:16px 20px}
.workspace-main .conversation-meta{padding:12px 20px}
.workspace-main .conversation-thread{padding:22px 20px}
.workspace-main .thread-message{max-width:78%;padding:14px 16px}
.workspace-main .lead-card form,
.workspace-main .hub-filter{gap:8px}
.workspace-main .hub-metrics article{padding:18px 20px}

@media(max-width:900px){
  .workspace-main .page-title-row,
  .workspace-main .panel,
  .workspace-main .metric-card,
  .workspace-main .status-strip,
  .workspace-main .quick-actions,
  .workspace-main .subscription-hero,
  .workspace-main .usage-panel,
  .workspace-main .channels-v3>.page-title-row,
  .workspace-main .channels-v3 .channel-trend,
  .workspace-main .channels-v3 .channel-settings,
  .workspace-main .channels-v3 .qr-campaign,
  .workspace-main .channels-v3 .widget-panel,
  .workspace-main .channels-v3 .qr-empty-state{
    padding:18px;
    border-radius:18px;
  }
  .workspace-main .panel-head{margin-bottom:14px}
  .workspace-main .metric-card{min-height:150px}
  .workspace-main .conversation-thread{padding:18px 16px}
  .workspace-main .thread-message{max-width:86%}
}

@media(max-width:650px){
  .workspace-main{padding:18px 12px 24px}
  .workspace-main .page-title-row,
  .workspace-main .panel,
  .workspace-main .metric-card,
  .workspace-main .status-strip,
  .workspace-main .subscription-hero,
  .workspace-main .usage-panel,
  .workspace-main .channels-v3>.page-title-row,
  .workspace-main .channels-v3 .channel-trend,
  .workspace-main .channels-v3 .channel-settings,
  .workspace-main .channels-v3 .qr-campaign,
  .workspace-main .channels-v3 .widget-panel,
  .workspace-main .channels-v3 .qr-empty-state{
    padding:16px;
    border-radius:16px;
  }
  .workspace-main .panel-head{gap:10px;margin-bottom:12px}
  .workspace-main .panel-head h2{font-size:18px}
  .workspace-main .metric-card{min-height:140px;padding:16px}
  .workspace-main .dashboard-main-grid .panel{padding:18px}
  .workspace-main .knowledge-studio-v3 .knowledge-title-row,
  .workspace-main .knowledge-studio-v3 .knowledge-summary,
  .workspace-main .knowledge-studio-v3 .readiness-todo,
  .workspace-main .knowledge-studio-v3 .studio-section>summary,
  .workspace-main .knowledge-studio-v3 .studio-section>form{padding:16px}
  .workspace-main .knowledge-studio-v3 .module-grid>a,
  .workspace-main .knowledge-studio-v3 .module-grid>button{padding:16px;min-height:104px}
  .workspace-main .channels-v3 .channel-metrics .metric-card{padding:16px;min-height:154px}
  .workspace-main .channels-v3 .code-block{padding:16px 16px 50px;min-height:150px}
  .workspace-main .inbox{min-height:auto}
  .workspace-main .inbox-detail>header,
  .workspace-main .conversation-meta,
  .workspace-main .conversation-thread{padding:14px}
  .workspace-main .thread-message{max-width:92%;padding:12px 14px}
  .workspace-main .hub-metrics article{padding:16px}
}


:root{
  --ui-radius-xl:24px;
  --ui-radius-lg:20px;
  --ui-radius-md:14px;
  --ui-border-soft:1px solid #e2e6ee;
  --ui-shadow-soft:0 6px 18px rgba(31,37,63,.04);
  --ui-shadow-strong:0 12px 30px rgba(31,37,63,.07);
}
.workspace-main .page-title-row,
.workspace-main .panel,
.workspace-main .metric-card,
.workspace-main .status-strip,
.workspace-main .quick-actions,
.workspace-main .inbox,
.workspace-main .pipeline-summary,
.workspace-main .lead-card,
.workspace-main .channel-card,
.workspace-main .subscription-hero,
.workspace-main .usage-panel,
.workspace-main .dashboard-quick-actions,
.workspace-main .knowledge-studio-v3 .knowledge-title-row,
.workspace-main .knowledge-studio-v3 .knowledge-summary,
.workspace-main .knowledge-studio-v3 .readiness-todo,
.workspace-main .knowledge-studio-v3 .studio-section,
.workspace-main .channels-v3>.page-title-row,
.workspace-main .channels-v3 .channel-trend,
.workspace-main .channels-v3 .channel-settings,
.workspace-main .channels-v3 .qr-campaign,
.workspace-main .channels-v3 .qr-empty-state,
.workspace-main .channels-v3 .qr-builder-card,
.workspace-main .channels-v3 .widget-panel,
.workspace-main .finance-admin-grid .panel,
.workspace-main .mail-admin-grid .panel,
.workspace-main .analytics-grid .panel,
.workspace-main .info-grid .panel{
  border:var(--ui-border-soft);
  border-radius:var(--ui-radius-xl);
  box-shadow:var(--ui-shadow-soft);
}
.workspace-main .page-title-row,
.workspace-main .panel,
.workspace-main .metric-card,
.workspace-main .status-strip,
.workspace-main .quick-actions,
.workspace-main .inbox,
.workspace-main .pipeline-summary,
.workspace-main .lead-card,
.workspace-main .channel-card,
.workspace-main .subscription-hero,
.workspace-main .usage-panel,
.workspace-main .dashboard-quick-actions,
.workspace-main .knowledge-studio-v3 .knowledge-title-row,
.workspace-main .knowledge-studio-v3 .knowledge-summary,
.workspace-main .knowledge-studio-v3 .readiness-todo,
.workspace-main .knowledge-studio-v3 .studio-section,
.workspace-main .channels-v3>.page-title-row,
.workspace-main .channels-v3 .channel-trend,
.workspace-main .channels-v3 .channel-settings,
.workspace-main .channels-v3 .qr-campaign,
.workspace-main .channels-v3 .qr-empty-state,
.workspace-main .channels-v3 .qr-builder-card,
.workspace-main .channels-v3 .widget-panel{
  overflow:hidden;
}
.workspace-main .page-title-row,
.workspace-main .panel,
.workspace-main .metric-card{padding:clamp(18px,2vw,26px)}
.workspace-main .panel-head{margin-bottom:16px}
.workspace-main .panel-head h2{font-size:clamp(18px,1.35vw,23px);letter-spacing:-.02em}
.workspace-main .page-title-row h1{letter-spacing:-.03em}
.workspace-main .metric-card strong{letter-spacing:-.03em}
.workspace-main .button,
.workspace-main input,
.workspace-main select,
.workspace-main textarea{border-radius:var(--ui-radius-md)}
.workspace-main .quick-actions a,
.workspace-main .dashboard-quick-actions a,
.workspace-main .knowledge-flow>a,
.workspace-main .knowledge-flow>button,
.workspace-main .knowledge-flow>form>button{
  border-radius:18px;
}
.workspace-main .subscription-hero-main,
.workspace-main .subscription-side-card,
.workspace-main .dashboard-status,
.workspace-main .inbox-detail>header,
.workspace-main .conversation-meta,
.workspace-main .conversation-thread,
.workspace-main .hub-metrics article,
.workspace-main .channels-v3 .code-block{border-radius:var(--ui-radius-lg)}
.workspace-main .page-title-row,
.workspace-main .status-strip,
.workspace-main .metric-card,
.workspace-main .panel,
.workspace-main .subscription-hero,
.workspace-main .usage-panel,
.workspace-main .quick-actions,
.workspace-main .inbox,
.workspace-main .pipeline-summary,
.workspace-main .lead-card,
.workspace-main .channel-card,
.workspace-main .dashboard-quick-actions,
.workspace-main .knowledge-studio-v3 .knowledge-title-row,
.workspace-main .knowledge-studio-v3 .knowledge-summary,
.workspace-main .knowledge-studio-v3 .readiness-todo,
.workspace-main .knowledge-studio-v3 .studio-section,
.workspace-main .channels-v3>.page-title-row,
.workspace-main .channels-v3 .channel-trend,
.workspace-main .channels-v3 .channel-settings,
.workspace-main .channels-v3 .qr-campaign,
.workspace-main .channels-v3 .qr-empty-state,
.workspace-main .channels-v3 .widget-panel{
  box-shadow:var(--ui-shadow-strong);
}

@media(max-width:900px){
  :root{
    --ui-radius-xl:20px;
    --ui-radius-lg:16px;
    --ui-radius-md:12px;
  }
  .workspace-main .page-title-row,
  .workspace-main .panel,
  .workspace-main .metric-card,
  .workspace-main .status-strip,
  .workspace-main .quick-actions,
  .workspace-main .subscription-hero,
  .workspace-main .usage-panel,
  .workspace-main .channels-v3>.page-title-row,
  .workspace-main .channels-v3 .channel-trend,
  .workspace-main .channels-v3 .channel-settings,
  .workspace-main .channels-v3 .qr-campaign,
  .workspace-main .channels-v3 .qr-empty-state,
  .workspace-main .channels-v3 .widget-panel{
    border-radius:var(--ui-radius-lg);
  }
}

@media(max-width:650px){
  :root{
    --ui-radius-xl:18px;
    --ui-radius-lg:14px;
    --ui-radius-md:11px;
  }
  .workspace-main .page-title-row,
  .workspace-main .panel,
  .workspace-main .metric-card,
  .workspace-main .status-strip,
  .workspace-main .subscription-hero,
  .workspace-main .usage-panel,
  .workspace-main .channels-v3>.page-title-row,
  .workspace-main .channels-v3 .channel-trend,
  .workspace-main .channels-v3 .channel-settings,
  .workspace-main .channels-v3 .qr-campaign,
  .workspace-main .channels-v3 .qr-empty-state,
  .workspace-main .channels-v3 .widget-panel{
    border-radius:var(--ui-radius-lg);
  }
}


body{
  font-family:Vazirmatn,"IRANSansX",Tahoma,Arial,sans-serif;
  line-height:1.75;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"kern" 1,"liga" 1,"calt" 1,"tnum" 1;
}
h1,h2,h3,h4,h5,h6{
  font-weight:800;
  letter-spacing:-.02em;
  line-height:1.25;
}
p,li,label,small,button,input,textarea,select{
  line-height:1.75;
}
.workspace-main h1,
.workspace-main h2,
.workspace-main h3,
.workspace-main .panel-head h2,
.workspace-main .page-title-row h1,
.workspace-main .metric-card strong,
.workspace-main .dashboard-greeting-mark,
.workspace-main .score-ring b,
.workspace-main .knowledge-summary h2,
.workspace-main .knowledge-flow b,
.workspace-main .status-strip p,
.workspace-main .count-badge,
.workspace-main .button,
.workspace-main .button-small,
.workspace-main .status-pill{
  letter-spacing:-.02em;
  font-variation-settings:"wght" 800;
}
.workspace-main p,
.workspace-main li,
.workspace-main label,
.workspace-main .panel-head p,
.workspace-main .page-title-row>div>p:last-child,
.workspace-main .knowledge-summary p,
.workspace-main .knowledge-studio-v3 .readiness-breakdown>div span,
.workspace-main .knowledge-studio-v3 .readiness-breakdown>div b,
.workspace-main .knowledge-studio-v3 .studio-section>summary small,
.workspace-main .knowledge-flow small,
.workspace-main .hub-notifications small,
.workspace-main .activity-list small,
.workspace-main .conversation-row small,
.workspace-main .conversation-row time,
.workspace-main .thread-message small,
.workspace-main .thread-message em{
  line-height:1.85;
}
.workspace-main .metric-card strong,
.workspace-main .dashboard-metrics .metric-card strong,
.workspace-main .subscription-hero-main h2,
.workspace-main .subscription-hero h2,
.workspace-main .quota-number strong{
  font-variation-settings:"wght" 850;
}
.workspace-main .count-badge,
.workspace-main .status-pill,
.workspace-main .button,
.workspace-main .quick-actions small,
.workspace-main .knowledge-flow span,
.workspace-main .knowledge-studio-v3 .content-tabs button span{
  font-weight:750;
}
.workspace-main input,
.workspace-main textarea,
.workspace-main select{
  font-size:14px;
}
.workspace-main .metric-card strong,
.workspace-main .score-ring b,
.workspace-main .dashboard-greeting-mark,
.workspace-main .quota-number strong{
  font-variant-numeric:tabular-nums;
}
.chat-app{
  font-family:Vazirmatn,"IRANSansX",Tahoma,Arial,sans-serif;
}
.chat-app .chat-header h1,
.chat-app .chat-message p,
.chat-app .chat-message small,
.chat-app .chat-message time,
.chat-app .quick-replies button,
.chat-app .chat-composer textarea,
.chat-app .chat-branding,
.chat-app .chat-error{
  line-height:1.8;
}
.chat-app .chat-header h1,
.chat-app .chat-message small,
.chat-app .chat-message time,
.chat-app .chat-branding,
.chat-app .chat-composer>small{
  letter-spacing:0;
}
.chat-app .chat-message p,
.chat-app .chat-message small,
.chat-app .chat-message time{
  font-variant-numeric:tabular-nums;
}


.muted,
.site-nav a:hover,
.header-actions>a:not(.button):hover,
.hero-proof span,
.feature-grid article>span,
.feature-grid p,
.how-steps p,
.price small,
.site-footer p,
.site-footer a,
.faq-public p,
.demo-panels dd,
.auth-copy>p:not(.eyebrow),
.quote-block,
.mini-steps li,
.form-heading p,
label small,
.check-toggle .check-copy small,
.alert,
.page-title-row>div>p:last-child,
.panel-head p,
.metric-card small,
.metric-card>a,
.knowledge-summary p,
.summary-counts span,
.module-grid p,
.info-banner p,
.activity-list small,
.activity-list em,
.empty-state,
.knowledge-list p,
.content-tabs button,
.conversation-row p,
.conversation-row small,
.conversation-row time,
.conversation-meta small,
.thread-message small,
.thread-message em,
.pipeline-summary span,
.lead-head p,
.lead-head>strong small,
.channel-card p,
.qr-row small,
.domain-section p,
.subscription-hero p,
.subscription-hero span,
.quota-number small,
.quota-number span,
.usage-legend,
.bar-chart small,
.chat-body .chat-day,
.chat-app .chat-header p,
.chat-message small,
.chat-message time,
.chat-sources,
.message-feedback span,
.handoff-note,
.chat-error,
.chat-composer>small,
.chat-branding{
  color:#546074;
}
.eyebrow,
.logo-strip,
.topbar-label,
.section-number,
.status-strip small,
.count-badge,
.status-pill,
.quick-actions small,
.knowledge-flow small,
.knowledge-studio-v3 .knowledge-summary>div:nth-child(2) small,
.knowledge-studio-v3 .readiness-breakdown>div span,
.knowledge-studio-v3 .readiness-breakdown>div b,
.knowledge-studio-v3 .studio-section>summary small,
.knowledge-studio-v3 .content-tabs button span,
.channel-trend-list time,
.qr-builder-help,
.qr-builder-preview small{
  color:#667085;
}
.visual-footer,
.chat-branding,
.chat-composer>small,
.chat-message small,
.chat-message time{
  color:#6b7280;
}
.how-section .how-steps p,
.final-cta p,
.dark-panel .check-list,
.dark-panel .check-list li,
.subscription-hero p,
.subscription-hero span,
.dashboard-status a,
.knowledge-summary p,
.knowledge-summary span,
.chat-app.is-default-appearance .chat-header p,
.chat-app.theme-dark .chat-header p,
.theme-auto .chat-header p{
  color:rgba(255,255,255,.84);
}
.how-section .how-steps article>b,
.how-section .how-sticky h2,
.final-cta h2,
.price-card.featured,
.price-card.featured .price small,
.price-card.featured li,
.subscription-hero-main,
.subscription-hero-main p,
.subscription-hero-main span,
.dashboard-status,
.dashboard-status a,
.chat-app.is-default-appearance .chat-header h1,
.chat-app.is-default-appearance .chat-header p,
.chat-app.theme-dark .chat-header h1,
.chat-app.theme-dark .chat-header p,
.theme-auto .chat-header h1,
.theme-auto .chat-header p{
  color:#fff;
}
.workspace-main .panel,
.workspace-main .metric-card,
.workspace-main .page-title-row,
.workspace-main .subscription-hero,
.workspace-main .usage-panel,
.workspace-main .knowledge-studio-v3 .knowledge-title-row,
.workspace-main .knowledge-studio-v3 .knowledge-summary,
.workspace-main .knowledge-studio-v3 .readiness-todo,
.workspace-main .channels-v3>.page-title-row,
.workspace-main .channels-v3 .channel-trend,
.workspace-main .channels-v3 .channel-settings,
.workspace-main .channels-v3 .qr-campaign,
.workspace-main .channels-v3 .qr-empty-state,
.workspace-main .channels-v3 .widget-panel{
  color:#182230;
}
.workspace-main .panel-head h2,
.workspace-main .page-title-row h1,
.workspace-main .metric-card strong,
.workspace-main .knowledge-studio-v3 .knowledge-summary h2,
.workspace-main .knowledge-studio-v3 .score-ring b,
.workspace-main .dashboard-greeting-mark,
.workspace-main .quota-number strong{
  color:#111827;
}
.workspace-main .status-strip,
.workspace-main .dashboard-status{
  color:#fff;
}
.workspace-main .status-strip small,
.workspace-main .dashboard-status a{
  color:rgba(255,255,255,.76);
}
.chat-app .chat-message>div,
.chat-app .chat-message.assistant>div{
  color:#202939;
}
.chat-app .chat-message.user>div,
.chat-app .chat-message.user small,
.chat-app .chat-message.user time{
  color:#fff;
}
.chat-app .chat-message.user small,
.chat-app .chat-message.user time{
  color:rgba(255,255,255,.78);
}
.chat-app .chat-message p{
  color:inherit;
}
.chat-app .chat-branding,
.chat-app .chat-composer>small,
.chat-app .chat-error,
.chat-app .chat-sources,
.chat-app .message-feedback span{
  color:#5b6476;
}
.chat-app.theme-dark .chat-branding,
.chat-app.theme-dark .chat-composer>small,
.chat-app.theme-dark .chat-error,
.theme-auto .chat-branding,
.theme-auto .chat-composer>small,
.theme-auto .chat-error{
  color:#cbd5e1;
}


.workspace-body{background:#f4f6fa}
.workspace-topbar{border-color:#e5e8ef;background:rgba(255,255,255,.9);backdrop-filter:blur(18px)}
.workspace-main{padding-top:clamp(30px,3.5vw,52px)}
.workspace-main .page-title-row{align-items:center;margin-bottom:28px;padding:clamp(22px,3vw,36px);border:1px solid #e3e6ee;border-radius:24px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 9px 30px rgba(31,37,63,.045)}
.workspace-main .page-title-row h1{color:#182230;font-size:clamp(34px,3.3vw,53px);letter-spacing:-1.6px}.workspace-main .page-title-row>div>p:last-child{max-width:760px;line-height:1.9}
.workspace-main .panel,.workspace-main .metric-card{border-color:#e1e5ed;border-radius:20px;box-shadow:0 5px 20px rgba(31,37,63,.035)}
.workspace-main .panel-head h2{color:#202939}.workspace-main .panel-head p{line-height:1.8}
.workspace-main input,.workspace-main select,.workspace-main textarea{border-color:#dfe3ea;border-radius:12px;background:#fbfcfe;transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease)}
.workspace-main input:focus,.workspace-main select:focus,.workspace-main textarea:focus{border-color:#aaa4ff;background:#fff;box-shadow:0 0 0 4px rgba(99,91,255,.1);outline:0}
.workspace-main .button{border-radius:12px}.workspace-main .status-pill,.workspace-main .count-badge{border-radius:999px}
.workspace-main .empty-state{border:1px dashed #d8dce6;background:#fafbff}
.workspace-main .table-wrap{border:1px solid #e2e5ec;border-radius:16px;overflow:auto}
.workspace-main table th{background:#f7f8fb;color:#667085}.workspace-main table tr:hover td{background:#fafaff}


.dashboard-v3{display:block}.dashboard-v3 .dashboard-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 20%,rgba(6,182,212,.1),transparent 24%),radial-gradient(circle at 78% 5%,rgba(99,91,255,.13),transparent 27%),linear-gradient(145deg,#fff,#f8f8ff)}
.dashboard-v3 .dashboard-hero:after{content:"";position:absolute;left:-80px;bottom:-145px;width:260px;height:260px;border:1px solid rgba(99,91,255,.1);border-radius:50%;box-shadow:0 0 0 45px rgba(99,91,255,.02)}
.dashboard-welcome{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.dashboard-greeting-mark{width:58px;height:58px;display:grid;place-items:center;flex:0 0 58px;border-radius:18px;background:linear-gradient(145deg,var(--brand),var(--brand-strong));box-shadow:0 12px 28px rgba(79,70,229,.22);color:#fff;font-size:22px;font-weight:900}.dashboard-welcome h1{margin-bottom:5px!important}.dashboard-hero>.button{position:relative;z-index:1;min-height:50px}
.dashboard-status{min-height:78px;margin-bottom:14px;padding:15px 20px;border:1px solid #252a35;border-radius:18px;background:linear-gradient(135deg,#111827,#20283a);box-shadow:0 10px 28px rgba(17,24,39,.12)}.dashboard-status>div:first-child{gap:14px}.dashboard-status .status-dot{background:#12b76a;box-shadow:0 0 0 6px rgba(18,183,106,.12)}.dashboard-status a{color:#d8d5ff}
.dashboard-metrics{gap:12px}.dashboard-metrics .metric-card{position:relative;isolation:isolate;min-height:184px;overflow:hidden;padding:21px}.dashboard-metrics .metric-card:after{content:"";position:absolute;z-index:-1;left:-38px;bottom:-55px;width:120px;height:120px;border-radius:50%;background:rgba(99,91,255,.045)}.dashboard-metrics .metric-card>div:first-child i{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f0efff;color:var(--brand-strong)}.dashboard-metrics .metric-card strong{color:#182230;font-size:clamp(37px,3.2vw,52px)}.dashboard-metrics .metric-card a{font-weight:750}
.dashboard-metrics .metric-capacity{background:linear-gradient(145deg,#fff,#f7f6ff)}.dashboard-metrics .metric-conversations>div:first-child i{background:#ecfdf3;color:#067647}.dashboard-metrics .metric-leads>div:first-child i{background:#ecfdff;color:#087e8b}.dashboard-metrics .metric-attention{border-top:1px solid #fedf89}.dashboard-metrics .metric-attention>div:first-child i{background:#fff4e5;color:#b54708}
.dashboard-main-grid{gap:14px}.dashboard-main-grid .panel{min-height:390px;padding:26px}.dashboard-main-grid .knowledge-readiness{background:radial-gradient(circle at 100% 0,rgba(99,91,255,.09),transparent 29%),#fff}.knowledge-readiness .panel-head>strong{color:var(--brand-strong)}.knowledge-readiness .readiness-bar{height:9px;border-radius:999px;background:#eeeff4;overflow:hidden}.knowledge-readiness .readiness-bar i{border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent))}
.recent-conversations-panel .activity-list a{margin:0 -8px;padding:13px 8px;border-radius:12px}.recent-conversations-panel .activity-list a:hover{background:#f7f7ff}.recent-conversations-panel .activity-icon{border-radius:11px;background:#f0efff;color:var(--brand-strong)}
.dashboard-quick-actions{overflow:hidden;border-color:#e1e5ed;border-radius:18px;box-shadow:0 5px 20px rgba(31,37,63,.035);grid-template-columns:minmax(210px,250px) repeat(3,minmax(0,1fr));align-items:stretch}.dashboard-quick-actions>.eyebrow{display:flex;align-items:center;justify-content:center;min-height:108px;padding:18px 20px;background:linear-gradient(180deg,#fff,#fafaff)}.dashboard-quick-actions>a{align-items:center;min-height:108px;padding:18px 20px;transition:.18s var(--ease)}.dashboard-quick-actions>a:hover{background:#f8f7ff;color:var(--brand-strong)}.dashboard-quick-actions>a>b{width:42px;height:42px;display:grid;place-items:center;flex:0 0 42px;border-radius:12px;background:#f0efff;color:var(--brand-strong)}


.knowledge-studio-v3{display:grid;gap:14px}
.knowledge-studio-v3 .knowledge-title-row{
  padding:24px 26px;
  border:1px solid #e1e5ef;
  border-radius:24px;
  background:radial-gradient(circle at 7% 12%,rgba(6,182,212,.09),transparent 23%),radial-gradient(circle at 83% 2%,rgba(99,91,255,.15),transparent 28%),linear-gradient(145deg,#fff,#f8f8ff);
  box-shadow:0 10px 28px rgba(31,37,63,.045)
}
.knowledge-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:8px}.knowledge-actions form{margin:0}
.knowledge-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0}
.knowledge-flow>a,.knowledge-flow>button,.knowledge-flow>form>button{
  width:100%;
  min-height:84px;
  display:grid;
  grid-template-columns:36px 1fr;
  align-items:center;
  gap:10px;
  padding:13px 14px;
  border:1px solid #e0e3eb;
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#fcfcff 100%);
  color:#344054;
  text-align:right;
  box-shadow:0 4px 14px rgba(31,37,63,.03);
  transition:.18s var(--ease)
}.knowledge-flow>a:hover,.knowledge-flow>button:hover,.knowledge-flow>form>button:hover{border-color:#bcb7ff;background:#f9f8ff;transform:translateY(-2px);box-shadow:0 10px 18px rgba(99,91,255,.08)}.knowledge-flow>form{margin:0}.knowledge-flow span{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:#f0efff;color:var(--brand-strong);font-weight:850;box-shadow:inset 0 0 0 1px rgba(99,91,255,.08)}.knowledge-flow div{display:flex;flex-direction:column;min-width:0}.knowledge-flow b{font-size:11px;line-height:1.5}.knowledge-flow small{overflow:hidden;color:#667085;font-size:8.5px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}
.knowledge-studio-v3 .validation-banner{margin-bottom:14px;border-radius:18px;box-shadow:0 5px 18px rgba(31,37,63,.04)}
.knowledge-studio-v3 .knowledge-summary{
  margin-bottom:14px;
  padding:24px;
  border:1px solid #dde3ef;
  border-radius:24px;
  background:
    radial-gradient(circle at 100% 0,rgba(99,91,255,.12),transparent 28%),
    linear-gradient(145deg,#fff 0%,#fbfcff 100%);
  box-shadow:0 10px 30px rgba(31,37,63,.055);
  color:#182230;
}
.knowledge-studio-v3 .knowledge-summary>div:nth-child(2){
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:8px;
}
.knowledge-studio-v3 .knowledge-summary h2{margin:0;color:#111827;letter-spacing:-.02em}
.knowledge-studio-v3 .knowledge-summary p{margin:0;color:#5b6476;line-height:1.9}
.knowledge-studio-v3 .knowledge-summary>div:nth-child(2) small{color:#667085;font-weight:600}
.knowledge-studio-v3 .score-ring{
  background:conic-gradient(var(--brand) calc(var(--score)*1%),#e7ebf4 0);
  box-shadow:0 0 0 1px rgba(99,91,255,.08),0 12px 28px rgba(79,70,229,.12);
  filter:drop-shadow(0 9px 18px rgba(79,70,229,.12))
}
.knowledge-studio-v3 .score-ring:after{inset:9px;background:linear-gradient(145deg,#fff,#f5f7ff)}
.knowledge-studio-v3 .score-ring b{color:#111827;font-size:26px}
.knowledge-studio-v3 .score-ring small{color:#667085}
.knowledge-studio-v3 .readiness-breakdown{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  align-self:stretch;
}
.knowledge-studio-v3 .readiness-breakdown>div{
  display:grid;
  grid-template-columns:1fr auto;
  gap:4px 12px;
  padding:13px 14px 12px;
  border:1px solid #e3e7f2;
  border-radius:18px;
  background:linear-gradient(180deg,#fdfdff 0%,#f6f8ff 100%);
  box-shadow:0 6px 18px rgba(31,37,63,.035);
}
.knowledge-studio-v3 .readiness-breakdown>div span{
  color:#475467;
  font-size:11px;
  font-weight:700;
}
.knowledge-studio-v3 .readiness-breakdown>div b{
  color:#111827;
  font-size:11px;
  font-weight:800;
  justify-self:end;
}
.knowledge-studio-v3 .readiness-breakdown i{
  grid-column:1/-1;
  height:8px;
  border-radius:999px;
  background:#e9edf5;
  overflow:hidden;
}
.knowledge-studio-v3 .readiness-breakdown em{border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}
.knowledge-studio-v3 .content-tabs{position:sticky;z-index:15;top:66px;margin:0 0 14px;padding:6px;border:1px solid #e1e4eb;border-radius:16px;background:rgba(255,255,255,.93);box-shadow:0 7px 23px rgba(31,37,63,.055);backdrop-filter:blur(16px)}
.knowledge-studio-v3 .content-tabs button{border:0;border-radius:11px}
.knowledge-studio-v3 .content-tabs button span{display:inline-flex;align-items:center;justify-content:center;min-width:30px;padding:2px 8px;margin-right:6px;border-radius:999px;background:#edf1f7;color:#52606d;font-size:11px;font-weight:800;line-height:1.2;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}
.knowledge-studio-v3 .content-tabs button.active{background:#111827;color:#fff;box-shadow:0 6px 14px rgba(17,24,39,.14)}
.knowledge-studio-v3 .content-tabs button.active span{background:#fff;color:#111827;box-shadow:0 1px 0 rgba(255,255,255,.1) inset}
.knowledge-studio-v3 .tab-panel{animation:knowledge-panel-in .25s var(--ease) both}
.knowledge-studio-v3 .module-grid{gap:10px}
.knowledge-studio-v3 .module-grid>a,.knowledge-studio-v3 .module-grid>button{position:relative;overflow:hidden;border:1px solid #e1e4eb!important;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 4px 16px rgba(31,37,63,.025);padding:22px 24px;min-height:118px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.knowledge-studio-v3 .module-grid>a::before,.knowledge-studio-v3 .module-grid>button::before{content:'';position:absolute;inset-inline-start:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,var(--brand),var(--accent));opacity:.78}
.knowledge-studio-v3 .module-grid>a:hover,.knowledge-studio-v3 .module-grid>button:hover{transform:translateY(-1px);border-color:#bcb7ff!important;background:linear-gradient(180deg,#fff 0%,#f8f7ff 100%);box-shadow:0 10px 24px rgba(31,37,63,.07)}
.knowledge-studio-v3 .module-grid>a>span,.knowledge-studio-v3 .module-grid>button>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:800}
.knowledge-studio-v3 .module-grid b{font-size:17px;line-height:1.55}.knowledge-studio-v3 .module-grid p{margin-top:5px;line-height:1.7}.knowledge-studio-v3 .module-grid em{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eef1f8;color:#44506a;font-style:normal;font-size:18px}
.knowledge-studio-v3 .readiness-todo{margin-top:14px;padding:20px 22px;border:1px solid #e3e7f2;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#f8f9ff 100%);box-shadow:0 8px 24px rgba(31,37,63,.04)}
.knowledge-studio-v3 .readiness-todo>div:last-child{gap:10px}
.knowledge-studio-v3 .readiness-todo>div:last-child span{min-width:170px;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f6f8ff 100%);border-color:#e5e8f1;box-shadow:0 4px 14px rgba(31,37,63,.03);justify-content:space-between;padding:10px 14px;gap:14px}
.knowledge-studio-v3 .info-banner{border-radius:18px;background:linear-gradient(180deg,#fff 0%,#f7f8fd 100%);box-shadow:0 8px 24px rgba(31,37,63,.04)}
.studio-sections{display:grid;gap:10px}
.knowledge-studio-v3 .studio-section{padding:0;overflow:hidden;border:1px solid #e1e5ef;border-radius:20px;box-shadow:0 8px 24px rgba(31,37,63,.04);background:#fff}
.knowledge-studio-v3 .studio-section>summary{padding:18px 20px;background:#fff;min-height:72px;transition:background-color .18s ease}
.knowledge-studio-v3 .studio-section>summary:hover{background:#fafbff}
.knowledge-studio-v3 .studio-section>summary>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eef2ff;color:#364152;font-weight:900}
.knowledge-studio-v3 .studio-section>summary>div{gap:3px}.knowledge-studio-v3 .studio-section>summary b{font-size:15px;line-height:1.5}.knowledge-studio-v3 .studio-section>summary small{line-height:1.55}
.knowledge-studio-v3 .studio-section[open]>summary{border-bottom:1px solid #e5e7ed;background:#fafaff}.knowledge-studio-v3 .studio-section>form{padding:22px;background:#fff}.knowledge-studio-v3 .field-guide{border-radius:14px;background:#f5f4ff;box-shadow:inset 0 0 0 1px rgba(99,91,255,.04)}.knowledge-studio-v3 .split-editor{gap:16px;align-items:start}.knowledge-studio-v3 .form-panel{position:sticky;top:145px;align-self:start}.knowledge-studio-v3 .knowledge-list article{margin-bottom:9px;padding:18px;border:1px solid #e2e5ec;border-radius:16px;background:#fff;box-shadow:0 4px 14px rgba(31,37,63,.025)}.knowledge-studio-v3 .knowledge-list article:hover{border-color:#c8c4ff;background:#fbfaff}
@keyframes knowledge-panel-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}


.channels-v3{display:block}.channels-v3>.page-title-row{background:radial-gradient(circle at 10% 0,rgba(6,182,212,.1),transparent 25%),radial-gradient(circle at 82% 0,rgba(99,91,255,.14),transparent 28%),linear-gradient(145deg,#fff,#f9f9ff)}
.channels-v3 .channel-metrics{gap:10px}.channels-v3 .channel-metrics .metric-card{min-height:172px}.channels-v3 .channel-metrics .metric-card>div:first-child{align-items:center}.channels-v3 .channel-trend,.channels-v3 .channel-settings{margin-bottom:14px}.channels-v3 .channel-settings{padding:26px}.channels-v3 .channel-detail-grid{gap:14px}
.qr-builder-card{grid-column:span 1}.qr-builder-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;align-items:start;gap:18px}.qr-builder-layout form{min-width:0}.qr-color-fields{grid-template-columns:1fr 1fr}.qr-color-fields input[type=color]{width:100%;height:46px;padding:4px}.qr-builder-help{display:block;min-height:36px;margin:-3px 0 12px;color:#667085;font-size:9px;line-height:1.8}.qr-builder-help.is-error{color:#b42318}.qr-builder-preview{display:flex;flex-direction:column;align-items:center;padding:13px;border:1px solid #e0e3eb;border-radius:17px;background:linear-gradient(145deg,#fff,#f8f9fc);text-align:center}.qr-builder-preview>[data-qr-preview]{width:155px;height:155px;display:grid;place-items:center;padding:5px;border:1px solid #e2e5ec;border-radius:14px;background:#fff}.qr-builder-preview svg{display:block;width:100%;height:100%}.qr-builder-preview b{margin-top:9px;font-size:10px}.qr-builder-preview small{margin-top:3px;color:#7b8496;font-size:7.5px;line-height:1.7}
.qr-campaign-grid{scroll-margin-top:90px;gap:14px}.qr-empty-state{grid-column:1/-1;display:flex;align-items:center;gap:16px}.qr-empty-state>span{width:50px;height:50px;display:grid;place-items:center;flex:0 0 50px;border-radius:15px;background:#f0efff;color:var(--brand-strong);font-size:21px}.qr-empty-state h2{margin:0 0 4px}.qr-empty-state p{margin:0;color:#667085}.channels-v3 .qr-campaign{border-radius:21px}.channels-v3 .qr-print{overflow:hidden;border-color:#dfe3ea;border-radius:17px}.channels-v3 .qr-downloads .button{min-width:64px}.channels-v3 .qr-campaign details{border-color:#e2e5ec}.channels-v3 .qr-campaign summary{padding:8px 0;color:var(--brand-strong)}
.channels-v3 .widget-panel{padding:26px}.channels-v3 .code-block{border-radius:16px}.channels-v3 .domain-section{border-radius:16px;background:#fafbfe}

@media(max-width:1100px){
  .knowledge-flow{grid-template-columns:repeat(3,minmax(0,1fr))}.knowledge-flow>form{grid-column:span 1}
  .knowledge-studio-v3 .knowledge-summary{grid-template-columns:92px minmax(0,1fr);column-gap:20px;row-gap:16px;align-items:center}
  .knowledge-studio-v3 .knowledge-summary .readiness-breakdown{grid-column:1/-1;width:100%;min-width:0;margin-top:2px}
  .qr-builder-layout{grid-template-columns:1fr}.qr-builder-preview{display:grid;grid-template-columns:130px 1fr;column-gap:14px;text-align:right}.qr-builder-preview>[data-qr-preview]{grid-row:1/3;width:130px;height:130px}.qr-builder-preview b{align-self:end}.qr-builder-preview small{align-self:start}
}
@media(max-width:700px){
  .workspace-main .page-title-row{padding:20px 16px;border-radius:19px}.workspace-main .page-title-row h1{font-size:34px;letter-spacing:-1px}
  .dashboard-welcome{align-items:flex-start}.dashboard-greeting-mark{width:48px;height:48px;flex-basis:48px;border-radius:15px}.dashboard-v3 .dashboard-hero{display:grid;gap:17px}.dashboard-v3 .dashboard-hero>.button{width:100%}.dashboard-hero>.customer-preview-cta{min-height:52px}
  .dashboard-status{border-radius:16px}.dashboard-status>div{min-width:0}.dashboard-metrics{grid-template-columns:1fr 1fr}.dashboard-metrics .metric-card{min-height:165px}.dashboard-main-grid .panel{min-height:auto;padding:20px}.dashboard-quick-actions{display:grid;grid-template-columns:1fr}.dashboard-quick-actions>.eyebrow{display:block;padding:18px}.dashboard-quick-actions a{border-right:0!important;border-top:1px solid #e4e7ec}
  .knowledge-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.knowledge-actions form,.knowledge-actions .button{width:100%}.knowledge-actions form:last-child{grid-column:1/-1}.knowledge-flow{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:4px;scrollbar-width:none}.knowledge-flow::-webkit-scrollbar{display:none}.knowledge-flow>a,.knowledge-flow>button,.knowledge-flow>form{flex:0 0 205px;scroll-snap-align:start}.knowledge-flow>form>button{height:100%}
  .knowledge-studio-v3 .knowledge-summary{display:grid;grid-template-columns:90px 1fr;padding:18px}.knowledge-studio-v3 .readiness-breakdown{grid-column:1/-1;margin-top:15px}.knowledge-studio-v3 .content-tabs{top:65px;overflow-x:auto;border-radius:14px;padding:5px 4px;gap:4px;scrollbar-width:none}.knowledge-studio-v3 .content-tabs::-webkit-scrollbar{display:none}.knowledge-studio-v3 .content-tabs button{flex:0 0 auto;white-space:nowrap;padding:10px 12px;font-size:12px}.knowledge-studio-v3 .content-tabs button span{min-width:26px;padding:2px 7px;margin-right:5px;font-size:10px}.knowledge-studio-v3 .form-panel{position:static}.knowledge-studio-v3 .studio-section>summary{padding:15px}.knowledge-studio-v3 .studio-section>form{padding:16px}
  .channels-v3 .channel-metrics{display:flex;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:5px}.channels-v3 .channel-metrics .metric-card{flex:0 0 245px;scroll-snap-align:start}.channels-v3 .channel-settings,.channels-v3 .widget-panel{padding:19px}.qr-builder-preview{grid-template-columns:105px 1fr}.qr-builder-preview>[data-qr-preview]{width:105px;height:105px}.qr-empty-state{align-items:flex-start}.channels-v3 .qr-campaign{grid-template-columns:130px 1fr}.channels-v3 .qr-print{width:130px;height:130px}
}
@media(max-width:460px){
  .dashboard-welcome{gap:10px}.dashboard-greeting-mark{display:none}.dashboard-metrics{gap:8px}.dashboard-metrics .metric-card{min-height:156px;padding:16px}.dashboard-metrics .metric-card strong{font-size:35px}.dashboard-status{grid-template-columns:1fr;padding:15px}.dashboard-status>div:not(:first-child){display:none}.channel-settings .check-toggle{min-height:80px;padding:13px 14px}.channel-settings .check-toggle input{margin-top:0}
  .knowledge-actions{grid-template-columns:1fr}.knowledge-actions form:last-child{grid-column:auto}.knowledge-flow>a,.knowledge-flow>button,.knowledge-flow>form{flex-basis:185px}.knowledge-studio-v3 .knowledge-summary{grid-template-columns:76px 1fr;padding:15px}.knowledge-studio-v3 .score-ring{width:76px;height:76px}.knowledge-studio-v3 .knowledge-summary h2{font-size:17px}.knowledge-studio-v3 .content-tabs{padding:4px;gap:3px}.knowledge-studio-v3 .content-tabs button{padding:9px 11px;font-size:11px}.knowledge-studio-v3 .content-tabs button span{min-width:24px;padding:2px 6px;font-size:9px}
  .dashboard-quick-actions{grid-template-columns:1fr}.dashboard-quick-actions>.eyebrow{min-height:auto;justify-content:flex-start;padding:16px 18px}.dashboard-quick-actions a{min-height:92px;border-right:0!important;border-top:1px solid #e4e7ec}.customer-preview-cta{min-height:48px;padding-inline:16px;gap:10px;font-size:13px}
  .qr-builder-preview{display:flex;text-align:center}.qr-builder-preview>[data-qr-preview]{width:145px;height:145px}.channels-v3 .qr-campaign{grid-template-columns:1fr}.channels-v3 .qr-print{width:min(210px,100%);height:auto;aspect-ratio:1;margin:auto}.qr-downloads{display:grid;grid-template-columns:1fr 1fr}.qr-downloads .button{width:100%}
}


@media(max-width:900px){
  input,select,textarea{font-size:16px!important}
  button,a,input,select,textarea{touch-action:manipulation}
}


.channels-v3>.page-title-row{padding:22px 24px 20px;border:1px solid #e7ebf3;border-radius:24px;box-shadow:var(--shadow-xs)}
.channels-v3>.page-title-row h1{max-width:760px}
.channels-v3>.page-title-row .customer-preview-cta{align-self:center;min-height:52px;border-radius:14px;padding-inline:16px}
.channels-v3 .channel-metrics .metric-card{min-height:172px;border-radius:18px;background:linear-gradient(180deg,#fff 0%,#fafbff 100%);border:1px solid #e6e9f2;box-shadow:var(--shadow-xs)}
.channels-v3 .channel-metrics .metric-card strong{font-size:44px;line-height:1}
.channels-v3 .channel-trend{padding:22px 24px 20px;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fafbff 100%);border:1px solid #e7eaf1;box-shadow:var(--shadow-xs)}
.channels-v3 .channel-trend .panel-head{margin-bottom:14px}
.channels-v3 .channel-trend-list span{background:#fff;border:1px solid #e7eaf1;border-radius:14px;padding:10px 12px;box-shadow:var(--shadow-xs)}
.channels-v3 .channel-trend-list time{color:var(--muted-2)}
.channels-v3 .channel-trend-list b{color:var(--ink-strong)}
.channels-v3 .channel-settings{padding:26px;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fbfbff 100%);border:1px solid #e7eaf1;box-shadow:var(--shadow-xs)}
.channels-v3 .channel-settings .panel-head{margin-bottom:18px}
.channels-v3 .channel-settings .panel-head h2{font-size:24px}
.channels-v3 .qr-builder-card,.channels-v3 .widget-panel{border-radius:22px;border:1px solid #e7eaf1;background:linear-gradient(180deg,#fff 0%,#fbfbff 100%);box-shadow:var(--shadow-xs)}
.channels-v3 .qr-builder-preview{padding:15px;box-shadow:var(--shadow-xs)}
.channels-v3 .qr-campaign{border-radius:21px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);border:1px solid #e7eaf1;box-shadow:var(--shadow-xs)}
.channels-v3 .qr-empty-state{border:1px solid #e7eaf1;background:linear-gradient(180deg,#fff 0%,#fafbff 100%);box-shadow:var(--shadow-xs)}
.channels-v3 .widget-panel{padding:28px}
.channels-v3 .widget-panel .panel-head{align-items:flex-start}
.channels-v3 .widget-panel .panel-head h2{font-size:26px}
.channels-v3 .widget-panel .panel-head p{max-width:820px}
.channels-v3 .code-block{background:linear-gradient(180deg,#0f172a 0%,#111827 100%);border:1px solid #24324d;border-radius:18px;box-shadow:0 14px 32px rgba(17,24,39,.18);padding:22px 64px 22px 22px;min-height:180px}
.channels-v3 .code-block code{white-space:pre-wrap;word-break:break-word;line-height:1.9;font-size:12px}
.channels-v3 .code-block button{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:7px 11px;top:14px;right:14px}
.channels-v3 .domain-section{border:1px solid #e5e8ef;border-radius:18px;background:linear-gradient(180deg,#fcfdff 0%,#f7f9ff 100%);padding:20px 18px 18px;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(280px,1fr) minmax(0,1.05fr);gap:18px;align-items:start}
.channels-v3 .domain-intro{max-width:none}
.channels-v3 .domain-intro h3{font-size:20px}
.channels-v3 .domain-form{max-width:none}
.channels-v3 .domain-form input{border-radius:12px 0 0 12px}
.channels-v3 .domain-form .button{border-radius:0 12px 12px 0}
.channels-v3 .domain-list{gap:10px}
.channels-v3 .domain-list span{background:#fff;border:1px solid #e7eaf1;box-shadow:var(--shadow-xs);border-radius:14px;padding:11px 12px}
.channels-v3 .domain-list button{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:#f9fafb}
.channels-v3 .channel-metrics .metric-card,.channels-v3 .qr-campaign,.channels-v3 .qr-empty-state,.channels-v3 .channel-trend,.channels-v3 .channel-settings,.channels-v3 .widget-panel{overflow:hidden}

@media(max-width:700px){
  .channels-v3>.page-title-row{padding:18px}
  .channels-v3>.page-title-row h1{font-size:32px}
  .channels-v3 .channel-metrics .metric-card{min-height:160px}
  .channels-v3 .channel-metrics .metric-card strong{font-size:39px}
  .channels-v3 .channel-settings .panel-head{display:block}
  .channels-v3 .channel-settings .panel-head .button{width:100%;margin-top:12px}
  .channels-v3 .channel-trend{padding:18px 18px 16px}
  .channels-v3 .qr-builder-layout{grid-template-columns:1fr}
  .channels-v3 .qr-builder-preview{display:grid;grid-template-columns:120px 1fr;column-gap:14px;text-align:right}
  .channels-v3 .qr-builder-preview>[data-qr-preview]{grid-row:1/3;width:120px;height:120px}
  .channels-v3 .qr-builder-preview b{align-self:end}
  .channels-v3 .qr-builder-preview small{align-self:start}
  .channels-v3 .qr-downloads{grid-template-columns:1fr 1fr}
  .channels-v3 .code-block{padding:18px 18px 56px}
  .channels-v3 .code-block button{top:auto;bottom:14px;right:14px}
  .channels-v3 .domain-section{grid-template-columns:1fr;gap:14px;padding:18px}
  .channels-v3 .domain-form{display:grid;grid-template-columns:1fr}
  .channels-v3 .domain-form input,.channels-v3 .domain-form .button{border-radius:12px}
}

@media(max-width:460px){
  .channels-v3 .channel-metrics{gap:8px}
  .channels-v3 .channel-metrics .metric-card{flex-basis:220px;min-height:154px;padding:16px}
  .channels-v3 .channel-trend-list span{padding:9px 10px}
  .channels-v3 .qr-downloads .button{width:100%}
  .channels-v3 .widget-panel{padding:18px}
  .channels-v3 .code-block{padding:16px 16px 56px}
}

body.chat-body{overflow-x:hidden;overscroll-behavior-x:none}
.chat-body,.chat-app,.chat-header,.chat-messages,.chat-composer{box-sizing:border-box}
.chat-body{isolation:isolate}
.chat-app{position:relative;width:min(100%,760px);max-width:min(100%,760px);overflow:hidden;border-radius:30px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 28px 85px rgba(31,37,63,.17),0 3px 12px rgba(31,37,63,.06)}
.chat-app::before{content:"";position:absolute;inset:0 0 auto 0;height:118px;pointer-events:none;background:radial-gradient(circle at 18% 18%,rgba(99,91,255,.13),transparent 38%),radial-gradient(circle at 82% 0,rgba(6,182,212,.08),transparent 30%)}
.chat-app .chat-header{position:relative;z-index:1;gap:14px;padding-inline:18px 16px;border-bottom:1px solid rgba(224,227,234,.9);background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#635bff) 96%,#111827),color-mix(in srgb,var(--channel-color,#635bff) 82%,#0f172a))}
.chat-agent{display:flex;align-items:center;gap:12px;min-width:0}
.chat-agent-copy{display:flex;flex-direction:column;gap:2px;min-width:0}
.chat-agent-copy h1{max-width:min(44vw,240px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chat-agent-copy p{display:flex;align-items:center;gap:6px;min-width:0}
.chat-header-actions{gap:8px;flex-wrap:nowrap}
.chat-human-action{min-height:38px;padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.1);color:#fff;box-shadow:0 10px 24px rgba(15,23,42,.12);transition:.18s var(--ease)}
.chat-human-action:hover,.chat-human-action:focus-visible{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.28);transform:translateY(-1px);outline:0}
.chat-human-action>i{background:rgba(255,255,255,.16);color:#fff}
.chat-catawork-link{min-width:110px!important;min-height:38px!important;border-color:rgba(255,255,255,.16)!important;border-radius:999px!important;background:rgba(255,255,255,.94)!important;box-shadow:0 10px 22px rgba(15,23,42,.08)}
.chat-catawork-link img{width:92px}
.chat-messages{padding:24px clamp(14px,2.3vw,28px) 18px;gap:14px;background:radial-gradient(circle at 92% 4%,rgba(99,91,255,.07),transparent 28%),linear-gradient(180deg,#fafbff,#f5f6fb)}
.chat-day{margin:0 0 2px;color:#98a2b3}
.chat-day>span{border:1px solid rgba(224,227,234,.82);background:rgba(255,255,255,.82);backdrop-filter:blur(10px);box-shadow:0 5px 14px rgba(31,37,63,.04)}
.chat-message{max-width:min(88%,540px);gap:10px}
.chat-message>div{padding:13px 16px 12px;border-color:#e4e8f2;border-radius:22px 22px 22px 10px;background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);box-shadow:0 8px 22px rgba(31,37,63,.06)}
.chat-message.assistant{align-self:flex-end}
.chat-message.user{align-self:flex-start}
.chat-message.user>div{border:0;border-radius:22px 22px 10px 22px;background:linear-gradient(145deg,var(--channel-color,#635bff) 0%,color-mix(in srgb,var(--channel-color,#635bff) 88%,#111827) 58%,color-mix(in srgb,var(--channel-color,#635bff) 82%,#0f172a) 100%);box-shadow:0 12px 26px rgba(79,70,229,.19)}
.chat-message small{margin-bottom:4px;color:#667085;font-size:8px;font-weight:750;line-height:1.7}
.chat-message p{margin:0;color:inherit;font-size:12.5px;line-height:2;white-space:pre-wrap;overflow-wrap:anywhere}
.chat-message time{margin-top:6px;color:#98a2b3;font-size:7px;line-height:1.5}
.chat-message.user small,.chat-message.user time{color:rgba(255,255,255,.78)}
.chat-avatar{box-shadow:0 7px 16px rgba(31,37,63,.18)}
.quick-replies{display:flex;align-self:flex-end;gap:8px;max-width:min(100%,560px);margin:0;padding:0;flex-wrap:wrap}
.quick-replies button{min-height:38px;padding:8px 13px;border:1px solid #dcd9ff;border-radius:999px;background:rgba(255,255,255,.92);box-shadow:0 3px 10px rgba(31,37,63,.035);color:#4f46e5;font-family:Vazirmatn,Tahoma,sans-serif;font-size:9px;line-height:1.7;transition:.18s var(--ease)}
.quick-replies button:hover,.quick-replies button:focus-visible{border-color:#aaa4ff;background:#eeecff;color:#4038bb;outline:0;transform:translateY(-1px)}
.chat-error{position:absolute;inset-inline:14px;bottom:114px;z-index:4;padding:10px 14px;border:1px solid #fecdca;border-radius:14px;background:rgba(255,246,245,.97);box-shadow:0 9px 25px rgba(31,37,63,.1);color:#b42318;font-size:9px;line-height:1.8;text-align:center}
.chat-input-shell{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;border:1px solid #dfe2ea;border-radius:16px;background:#f7f8fb;transition:.2s var(--ease)}
.chat-input-shell:focus-within{border-color:#aaa4ff;background:#fff;box-shadow:0 0 0 4px rgba(99,91,255,.1)}
.chat-composer{position:relative;z-index:1;min-height:104px;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid rgba(224,227,234,.88);background:linear-gradient(180deg,rgba(255,255,255,.84),#fff);backdrop-filter:blur(14px)}
.chat-composer .chat-input-shell textarea{width:100%;min-height:46px;max-height:130px;padding:11px 13px;border:0!important;border-radius:16px;background:transparent!important;color:#344054;box-shadow:none!important;outline:0;line-height:1.8;resize:none}
.chat-input-shell textarea::placeholder{color:#98a2b3}
.chat-input-shell>span{padding:0 11px 12px;color:#a0a7b5;font:8px Arial,sans-serif;direction:ltr}
.chat-composer>button{width:48px;height:48px;display:grid;place-items:center;border:0;border-radius:15px;background:linear-gradient(145deg,var(--channel-color,#635bff),color-mix(in srgb,var(--channel-color,#635bff) 72%,#111827));color:#fff;font-size:21px;box-shadow:0 9px 20px color-mix(in srgb,var(--channel-color,#635bff) 24%,transparent)}
.chat-composer>button:hover{transform:translateY(-2px);box-shadow:0 13px 27px color-mix(in srgb,var(--channel-color,#635bff) 30%,transparent)}
.chat-composer>button:disabled{opacity:.52;box-shadow:none}
.chat-composer>small{grid-column:1/-1;display:flex;align-items:center;gap:5px;margin:0 3px;color:#8a93a5;font-size:8px;line-height:1.6}
.chat-composer>small>i{display:grid;place-items:center;width:14px;height:14px;border-radius:50%;background:#ecfdf3;color:#079455;font-size:8px;font-style:normal;font-weight:900}
.chat-branding{min-height:30px;padding:6px 10px;border-top:1px solid #eff1f4;background:#fff;color:#98a2b3;font-size:7.5px;gap:7px}
.chat-branding img{opacity:.74}
.chat-app.is-default-appearance .chat-header{background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#2563eb) 92%,#111827),color-mix(in srgb,var(--channel-color,#2563eb) 72%,#0f172a))!important}
.chat-app.theme-dark .chat-header{border-color:#303440!important}
.theme-dark .chat-day>span,.theme-auto .chat-day>span{border-color:#353944;background:#23262e;color:#98a2b3}
.theme-dark .quick-replies button,.theme-auto .quick-replies button{border-color:#46415f;background:#24232e;color:#bbb7ff}
.theme-dark .chat-input-shell,.theme-auto .chat-input-shell{border-color:#3a3f4b;background:#242832}
.theme-dark .chat-input-shell:focus-within,.theme-auto .chat-input-shell:focus-within{border-color:#7972ff;background:#292d37}
.theme-dark .chat-composer,.theme-auto .chat-composer{border-color:#303440;background:rgba(27,30,38,.97)}
.theme-dark .chat-composer .chat-input-shell textarea,.theme-auto .chat-composer .chat-input-shell textarea{color:#f3f4f7}
.theme-dark .chat-branding,.theme-auto .chat-branding{border-color:#303440;background:#171a21;color:#8f98a8}
.theme-dark .chat-branding img,.theme-auto .chat-branding img{box-sizing:content-box;padding:3px 5px;border-radius:4px;background:#fff}

@media(max-width:820px){
  .chat-body{padding:0;background:#fff}
  .chat-app{width:100%;max-width:none;height:100dvh;border:0;border-radius:0;box-shadow:none}
  .chat-app .chat-header{min-height:74px;flex-basis:74px;padding:0 12px}
  .chat-app .chat-logo{width:42px;height:42px;flex-basis:42px;border-radius:14px}
  .chat-agent-copy h1{max-width:150px;font-size:12px}
  .chat-agent-copy p{font-size:8px}
  .chat-header-actions{gap:7px}
  .chat-human-action{width:38px;padding:0!important;justify-content:center}
  .chat-human-action>span{display:none}
  .chat-human-action>i{background:transparent;font-size:13px}
  .chat-catawork-link{min-width:94px!important;min-height:36px!important}
  .chat-catawork-link img{width:82px}
  .chat-messages{padding:17px 11px 20px;gap:13px}
  .chat-message{max-width:92%}
  .chat-message>div{padding:11px 13px}
  .chat-message p{font-size:11.5px}
  .quick-replies{width:calc(100% + 22px);max-width:none;margin:0 -11px;padding:0 11px 5px;flex-wrap:nowrap;align-self:stretch;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:none}
  .quick-replies::-webkit-scrollbar{display:none}
  .quick-replies button{flex:0 0 auto;min-height:40px;scroll-snap-align:start;white-space:nowrap}
  .chat-error{left:10px;right:10px;bottom:104px}
  .chat-composer{grid-template-columns:minmax(0,1fr) 46px;gap:7px;padding:10px 10px calc(8px + env(safe-area-inset-bottom))}
  .chat-composer .chat-input-shell textarea{font-size:16px!important;padding-inline:11px}
  .chat-input-shell>span{display:none}
  .chat-composer>button{width:46px;height:46px}
  .chat-composer>small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:7px}
  .chat-branding{min-height:27px;flex-basis:27px;font-size:7px;padding-bottom:max(5px,env(safe-area-inset-bottom))}
}

@media(max-width:420px){
  .chat-agent-copy h1{max-width:120px}
  .chat-message{max-width:94%;gap:7px}
  .chat-message small{font-size:7.5px}
  .chat-message time{font-size:6.5px}
  .chat-message p{font-size:11px;line-height:1.9}
}

/* Customer chat foundation v1: canonical layout layer above legacy chat generations */
body.chat-body [data-chat].chat-app{
  --customer-chat-shell-max:740px;
  --customer-chat-shell-radius:30px;
  --customer-chat-shell-padding:clamp(0px,3vw,26px);
  --customer-chat-surface:#fff;
  --customer-chat-surface-soft:#f7f8fb;
  --customer-chat-surface-muted:#fbfcff;
  --customer-chat-text:#182230;
  --customer-chat-muted:#5b6476;
  --customer-chat-line:#dfe3eb;
  --customer-chat-line-soft:#e8eaf0;
  --customer-chat-shadow:0 28px 85px rgba(31,37,63,.17),0 3px 12px rgba(31,37,63,.06);
  inline-size:min(100%,min(var(--customer-chat-shell-max),calc(100vw - (var(--customer-chat-shell-padding) * 2))));
  max-inline-size:var(--customer-chat-shell-max);
  min-inline-size:0;
  block-size:min(860px,calc(100dvh - 52px));
  max-block-size:calc(100dvh - 52px);
  overflow:hidden;
  overflow-x:clip;
  border:1px solid var(--customer-chat-line);
  border-radius:var(--customer-chat-shell-radius);
  background:linear-gradient(180deg,var(--customer-chat-surface) 0%,var(--customer-chat-surface-muted) 100%);
  box-shadow:var(--customer-chat-shadow);
  color:var(--customer-chat-text);
}

body.chat-body,
body.chat-body [data-chat].chat-app,
body.chat-body [data-chat] .chat-header,
body.chat-body [data-chat] .chat-messages,
body.chat-body [data-chat] .chat-composer,
body.chat-body [data-chat] .chat-agent,
body.chat-body [data-chat] .chat-agent-copy,
body.chat-body [data-chat] .chat-header-actions,
body.chat-body [data-chat] .chat-message,
body.chat-body [data-chat] .chat-message>div,
body.chat-body [data-chat] .quick-replies,
body.chat-body [data-chat] .chat-input-shell{
  min-inline-size:0;
}

body.chat-body [data-chat].chat-app *,
body.chat-body [data-chat].chat-app *::before,
body.chat-body [data-chat].chat-app *::after{
  box-sizing:border-box;
}

body.chat-body [data-chat].chat-app .chat-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  inline-size:100%;
  min-block-size:84px;
  padding-inline:16px 14px;
  border-bottom:1px solid rgba(224,227,234,.9);
}

body.chat-body [data-chat].chat-app .chat-agent{
  flex:1 1 auto;
  max-inline-size:min(100%,430px);
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1,
body.chat-body [data-chat].chat-app .chat-agent-copy p,
body.chat-body [data-chat].chat-app .chat-header-actions button,
body.chat-body [data-chat].chat-app .chat-header-actions a,
body.chat-body [data-chat].chat-app .chat-sources,
body.chat-body [data-chat].chat-app .message-feedback span,
body.chat-body [data-chat].chat-app .handoff-note,
body.chat-body [data-chat].chat-app .chat-branding,
body.chat-body [data-chat].chat-app .chat-composer>small{
  max-inline-size:100%;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1,
body.chat-body [data-chat].chat-app .chat-agent-copy p{
  white-space:nowrap;
}

body.chat-body [data-chat].chat-app .chat-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex:0 1 auto;
  max-inline-size:calc(100% - 250px);
  overflow:hidden;
}

body.chat-body [data-chat].chat-app .chat-human-action{
  max-inline-size:182px;
}

body.chat-body [data-chat].chat-app .chat-catawork-link{
  max-inline-size:118px !important;
}

body.chat-body [data-chat].chat-app .chat-messages{
  inline-size:100%;
  min-block-size:0;
  padding:20px clamp(14px,2.1vw,26px) 14px;
  gap:11px;
  overflow:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  overscroll-behavior-inline:none;
  scrollbar-gutter:stable;
}

body.chat-body [data-chat].chat-app .chat-message{
  inline-size:fit-content;
  max-inline-size:min(86%,520px);
  gap:7px;
}

body.chat-body [data-chat].chat-app .chat-message>div{
  inline-size:auto;
  max-inline-size:100%;
  overflow:hidden;
}

body.chat-body [data-chat].chat-app .chat-message p{
  margin:0;
  white-space:pre-wrap;
  overflow-wrap:anywhere;
  word-break:break-word;
}

body.chat-body [data-chat].chat-app .quick-replies{
  display:flex;
  align-self:flex-end;
  inline-size:auto;
  max-inline-size:calc(100% - 36px);
  margin:0;
  padding:0;
  gap:6px;
  flex-wrap:wrap;
  overflow:visible;
}

body.chat-body [data-chat].chat-app .quick-replies button{
  max-inline-size:100%;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.chat-body [data-chat].chat-app .chat-error{
  inset-inline:14px;
  bottom:108px;
}

body.chat-body [data-chat].chat-app .chat-composer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  align-items:end;
  inline-size:100%;
  min-block-size:90px;
  padding:10px 14px 8px;
  overflow:hidden;
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  inline-size:100%;
  max-inline-size:100%;
  overflow:hidden;
}

body.chat-body [data-chat].chat-app .chat-composer .chat-input-shell textarea{
  inline-size:100%;
  max-inline-size:100%;
  overflow:auto;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  inline-size:48px;
  block-size:48px;
}

body.chat-body [data-chat].chat-app .chat-branding{
  inline-size:100%;
  min-block-size:28px;
  padding:5px 8px 6px;
}

body.chat-body.is-widget [data-chat].chat-app,
body.chat-body.is-widget [data-chat].chat-app.is-default-appearance,
body.chat-body.is-widget [data-chat].chat-app.theme-dark,
body.chat-body.is-widget [data-chat].chat-app.theme-auto{
  inline-size:100%;
  max-inline-size:none;
  block-size:100dvh;
  max-block-size:100dvh;
  border:0;
  border-radius:0;
  box-shadow:none;
}

@media(max-width:820px){
  body.chat-body{padding:0;background:#fff}
  body.chat-body [data-chat].chat-app{
    inline-size:100%;
    max-inline-size:none;
    block-size:100dvh;
    max-block-size:100dvh;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  body.chat-body [data-chat].chat-app .chat-header{
    min-block-size:74px;
    padding-inline:12px;
  }
  body.chat-body [data-chat].chat-app .chat-agent{
    max-inline-size:calc(100% - 112px);
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-inline-size:150px;
    font-size:12px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy p{
    max-inline-size:170px;
    font-size:8px;
  }
  body.chat-body [data-chat].chat-app .chat-header-actions{
    gap:7px;
    max-inline-size:104px;
  }
  body.chat-body [data-chat].chat-app .chat-human-action{
    inline-size:38px;
    max-inline-size:38px;
    padding:0 !important;
    justify-content:center;
  }
  body.chat-body [data-chat].chat-app .chat-human-action>span{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-human-action>i{
    background:transparent;
    font-size:13px;
  }
  body.chat-body [data-chat].chat-app .chat-catawork-link{
    min-inline-size:94px !important;
    max-inline-size:94px !important;
    min-block-size:36px !important;
  }
  body.chat-body [data-chat].chat-app .chat-catawork-link img{
    width:82px;
  }
  body.chat-body [data-chat].chat-app .chat-messages{
    padding:16px 10px 18px;
    gap:10px;
    scrollbar-gutter:auto;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    max-inline-size:92%;
  }
  body.chat-body [data-chat].chat-app .chat-message>div{
    padding:10px 12px;
  }
  body.chat-body [data-chat].chat-app .chat-message p{
    font-size:11.5px;
  }
  body.chat-body [data-chat].chat-app .quick-replies{
    inline-size:calc(100% + 20px);
    max-inline-size:none;
    margin-inline:-10px;
    padding-inline:10px;
    padding-bottom:5px;
    flex-wrap:nowrap;
    align-self:stretch;
    overflow-x:auto;
    overflow-y:hidden;
    overscroll-behavior-inline:contain;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies::-webkit-scrollbar{
    display:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies button{
    flex:0 0 auto;
    min-block-size:40px;
    scroll-snap-align:start;
  }
  body.chat-body [data-chat].chat-app .chat-error{
    inset-inline:10px;
    bottom:100px;
  }
  body.chat-body [data-chat].chat-app .chat-composer{
    grid-template-columns:minmax(0,1fr) 46px;
    min-block-size:86px;
    gap:7px;
    padding:9px 10px 7px;
  }
  body.chat-body [data-chat].chat-app .chat-composer .chat-input-shell textarea{
    font-size:16px !important;
    padding-inline:11px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell>span{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    inline-size:46px;
    block-size:46px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>small{
    font-size:7px;
    white-space:nowrap;
  }
  body.chat-body [data-chat].chat-app .chat-branding{
    min-block-size:27px;
    font-size:7px;
    padding-bottom:max(5px,env(safe-area-inset-bottom));
  }
}

@media(max-width:420px){
  body.chat-body [data-chat].chat-app .chat-agent{
    max-inline-size:calc(100% - 92px);
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-inline-size:120px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy p{
    max-inline-size:130px;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    max-inline-size:94%;
  }
  body.chat-body [data-chat].chat-app .chat-message small{
    font-size:7.5px;
  }
  body.chat-body [data-chat].chat-app .chat-message time{
    font-size:6.5px;
  }
  body.chat-body [data-chat].chat-app .chat-message p{
    font-size:11px;
    line-height:1.9;
  }
  body.chat-body [data-chat].chat-app .quick-replies button{
    font-size:8.5px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>small{
    font-size:6.8px;
  }
}

/* Customer chat phase 2: shell and seller identity */
body.chat-body [data-chat].chat-app{
  background:
    radial-gradient(circle at 12% 0,rgba(255,255,255,.88),transparent 24%),
    radial-gradient(circle at 100% 0,rgba(99,91,255,.14),transparent 26%),
    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}

body.chat-body [data-chat].chat-app::before{
  height:148px;
  background:
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.18),transparent 30%),
    radial-gradient(circle at 82% 0,rgba(6,182,212,.12),transparent 28%),
    radial-gradient(circle at 60% 22%,rgba(255,255,255,.08),transparent 26%);
}

body.chat-body [data-chat].chat-app .chat-header{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:start;
  gap:12px;
  min-block-size:118px;
  padding:14px 16px 15px;
  border-bottom:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#635bff) 96%,#101828),color-mix(in srgb,var(--channel-color,#635bff) 84%,#0f172a));
  color:#fff;
  overflow:hidden;
}

body.chat-body [data-chat].chat-app .chat-header::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0)),
    radial-gradient(circle at 82% 12%,rgba(255,255,255,.16),transparent 18%),
    radial-gradient(circle at 16% 0,rgba(255,255,255,.14),transparent 24%);
}

body.chat-body [data-chat].chat-app .chat-header::after{
  content:"";
  position:absolute;
  inset:auto 16px 0;
  block-size:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.38),rgba(255,255,255,0));
  opacity:.7;
}

body.chat-body [data-chat].chat-app .chat-header-top,
body.chat-body [data-chat].chat-app .chat-header-main{
  position:relative;
  z-index:1;
}

body.chat-body [data-chat].chat-app .chat-header-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-inline-size:0;
}

body.chat-body [data-chat].chat-app .chat-shell-badge,
body.chat-body [data-chat].chat-app .chat-header-availability{
  min-inline-size:0;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

body.chat-body [data-chat].chat-app .chat-shell-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  max-inline-size:250px;
  padding:7px 12px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(255,255,255,.12);
  color:rgba(255,255,255,.96);
  box-shadow:0 10px 26px rgba(15,23,42,.12);
  font-size:10px;
  font-weight:780;
  backdrop-filter:blur(14px);
}

body.chat-body [data-chat].chat-app .chat-shell-badge>i{
  inline-size:8px;
  block-size:8px;
  flex:0 0 8px;
  border-radius:50%;
  background:#7ce3b0;
  box-shadow:0 0 0 5px rgba(124,227,176,.15);
}

body.chat-body [data-chat].chat-app .chat-header-availability{
  color:rgba(255,255,255,.7);
  font-size:9px;
  font-weight:620;
}

body.chat-body [data-chat].chat-app .chat-header-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-inline-size:0;
}

body.chat-body [data-chat].chat-app .chat-agent{
  align-items:center;
  gap:14px;
}

body.chat-body [data-chat].chat-app .chat-logo{
  inline-size:52px;
  block-size:52px;
  flex-basis:52px;
  border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.08));
  box-shadow:0 14px 32px rgba(15,23,42,.22);
  font-size:18px;
  color:#fff;
  backdrop-filter:blur(16px);
}

body.chat-body [data-chat].chat-app .chat-logo>i{
  inset-inline-start:-2px;
  inset-block-end:-2px;
  inline-size:14px;
  block-size:14px;
  border:3px solid rgba(255,255,255,.92);
  background:#7ce3b0;
  box-shadow:0 0 0 5px rgba(124,227,176,.16);
}

body.chat-body [data-chat].chat-app .chat-agent-copy{
  gap:4px;
}

body.chat-body [data-chat].chat-app .chat-agent-eyebrow{
  display:inline-flex;
  align-items:center;
  max-inline-size:100%;
  color:rgba(255,255,255,.72);
  font-size:9px;
  font-weight:720;
  line-height:1.7;
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1{
  max-inline-size:min(48vw,270px);
  color:#fff;
  font-size:15px;
  font-weight:860;
  letter-spacing:-.01em;
}

body.chat-body [data-chat].chat-app .chat-agent-meta{
  display:flex;
  align-items:center;
  gap:8px;
  min-inline-size:0;
  flex-wrap:wrap;
}

body.chat-body [data-chat].chat-app .chat-agent-copy p{
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:rgba(255,255,255,.92);
  font-size:9px;
  font-weight:650;
}

body.chat-body [data-chat].chat-app .chat-agent-copy p i{
  background:#7ce3b0;
  box-shadow:0 0 0 4px rgba(124,227,176,.14);
}

body.chat-body [data-chat].chat-app .chat-agent-proof{
  display:inline-flex;
  align-items:center;
  min-inline-size:0;
  padding:4px 8px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  background:rgba(255,255,255,.1);
  color:rgba(255,255,255,.78);
  font-size:8px;
  font-weight:700;
  line-height:1.7;
}

body.chat-body [data-chat].chat-app .chat-header-actions{
  max-inline-size:calc(100% - 270px);
  gap:9px;
}

body.chat-body [data-chat].chat-app .chat-header-actions button,
body.chat-body [data-chat].chat-app .chat-header-actions a{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.11);
  color:#fff;
  box-shadow:0 10px 22px rgba(15,23,42,.08);
  backdrop-filter:blur(14px);
}

body.chat-body [data-chat].chat-app .chat-header-actions button:hover,
body.chat-body [data-chat].chat-app .chat-header-actions button:focus-visible,
body.chat-body [data-chat].chat-app .chat-header-actions a:hover,
body.chat-body [data-chat].chat-app .chat-header-actions a:focus-visible{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.18);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-human-action{
  min-block-size:38px;
  padding-inline:12px 13px;
  border-radius:999px;
}

body.chat-body [data-chat].chat-app .chat-human-action>i{
  background:rgba(255,255,255,.14);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-catawork-link{
  min-inline-size:114px !important;
  background:rgba(255,255,255,.96) !important;
  color:#101828 !important;
}

body.chat-body [data-chat].chat-app .chat-catawork-link img{
  width:92px;
  opacity:.92;
}

body.chat-body [data-chat].chat-app .chat-close-action{
  background:rgba(255,255,255,.14);
}

body.chat-body [data-chat].chat-app.is-default-appearance .chat-header{
  background:linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#2563eb) 93%,#101828),color-mix(in srgb,var(--channel-color,#2563eb) 76%,#0f172a)) !important;
}

body.chat-body [data-chat].chat-app.theme-dark .chat-header,
body.chat-body [data-chat].chat-app.theme-auto .chat-header{
  border-bottom-color:rgba(255,255,255,.08);
}

@media(max-width:820px){
  body.chat-body [data-chat].chat-app .chat-header{
    min-block-size:104px;
    gap:10px;
    padding:12px 12px 13px;
  }
  body.chat-body [data-chat].chat-app .chat-header-top{
    gap:8px;
  }
  body.chat-body [data-chat].chat-app .chat-shell-badge{
    max-inline-size:188px;
    padding:6px 10px;
    font-size:9px;
  }
  body.chat-body [data-chat].chat-app .chat-header-availability{
    font-size:8px;
  }
  body.chat-body [data-chat].chat-app .chat-agent{
    gap:11px;
  }
  body.chat-body [data-chat].chat-app .chat-logo{
    inline-size:46px;
    block-size:46px;
    flex-basis:46px;
    border-radius:16px;
    font-size:16px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-inline-size:172px;
    font-size:13px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy p{
    font-size:8px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-proof{
    font-size:7px;
    padding:3px 7px;
  }
  body.chat-body [data-chat].chat-app .chat-header-actions{
    max-inline-size:112px;
    gap:7px;
  }
}

@media(max-width:520px){
  body.chat-body [data-chat].chat-app .chat-header-top{
    justify-content:flex-start;
  }
  body.chat-body [data-chat].chat-app .chat-header-availability{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-header-main{
    gap:10px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-inline-size:148px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-meta{
    gap:6px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-proof{
    max-inline-size:140px;
  }
}

@media(max-width:420px){
  body.chat-body [data-chat].chat-app .chat-header{
    min-block-size:98px;
  }
  body.chat-body [data-chat].chat-app .chat-shell-badge{
    max-inline-size:170px;
  }
  body.chat-body [data-chat].chat-app .chat-agent{
    gap:10px;
  }
  body.chat-body [data-chat].chat-app .chat-logo{
    inline-size:42px;
    block-size:42px;
    flex-basis:42px;
    border-radius:14px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-inline-size:124px;
    font-size:12px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-proof{
    display:none;
  }
}

/* Customer chat phase 3: conversation flow, message bubbles, quick replies, typing */
body.chat-body [data-chat].chat-app .chat-messages{
  position:relative;
  padding-top:18px;
}

body.chat-body [data-chat].chat-app .chat-messages::before{
  content:"";
  position:absolute;
  inset:10px auto 18px 31px;
  inline-size:1px;
  background:linear-gradient(180deg,rgba(99,91,255,.16),rgba(99,91,255,0));
  pointer-events:none;
}

body.chat-body [data-chat].chat-app .chat-day{
  position:sticky;
  inset-block-start:0;
  z-index:1;
  margin-bottom:6px;
  padding-block:3px;
}

body.chat-body [data-chat].chat-app .chat-day>span{
  padding:6px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.88);
  box-shadow:0 8px 18px rgba(31,37,63,.06);
  color:#7b8698;
  font-size:8.5px;
  font-weight:760;
}

body.chat-body [data-chat].chat-app .chat-message{
  position:relative;
  align-items:flex-end;
  gap:10px;
  margin-block:2px;
}

body.chat-body [data-chat].chat-app .chat-message[data-role="assistant"],
body.chat-body [data-chat].chat-app .chat-message[data-role="operator"]{
  padding-inline-start:2px;
}

body.chat-body [data-chat].chat-app .chat-message[data-role="assistant"]::before,
body.chat-body [data-chat].chat-app .chat-message[data-role="operator"]::before{
  content:"";
  position:absolute;
  inset-inline-start:15px;
  inset-block-start:32px;
  inline-size:18px;
  block-size:18px;
  border-inline-start:1px solid rgba(99,91,255,.14);
  border-block-end:1px solid rgba(99,91,255,.14);
  border-end-start-radius:12px;
  opacity:.8;
}

body.chat-body [data-chat].chat-app .chat-message .chat-bubble{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:2px;
}

body.chat-body [data-chat].chat-app .chat-message .chat-bubble::before{
  content:"";
  position:absolute;
  inset-block-end:14px;
  inline-size:14px;
  block-size:14px;
  transform:rotate(45deg);
  border-radius:4px;
  pointer-events:none;
}

body.chat-body [data-chat].chat-app .chat-message.assistant .chat-bubble::before,
body.chat-body [data-chat].chat-app .chat-message.operator .chat-bubble::before{
  inset-inline-start:-5px;
  background:linear-gradient(180deg,#fbfcff,#f6f8fe);
  border-inline-start:1px solid #e4e8f2;
  border-block-end:1px solid #e4e8f2;
}

body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble::before{
  inset-inline-end:-5px;
  background:linear-gradient(145deg,var(--channel-color,#635bff) 0%,color-mix(in srgb,var(--channel-color,#635bff) 88%,#111827) 58%,color-mix(in srgb,var(--channel-color,#635bff) 82%,#0f172a) 100%);
}

body.chat-body [data-chat].chat-app .chat-message>div{
  padding:14px 16px 13px;
  border-radius:24px 24px 24px 10px;
  background:
    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
  box-shadow:0 10px 24px rgba(31,37,63,.07);
}

body.chat-body [data-chat].chat-app .chat-message.user>div{
  border-radius:24px 24px 10px 24px;
  box-shadow:0 14px 30px color-mix(in srgb,var(--channel-color,#635bff) 24%,transparent);
}

body.chat-body [data-chat].chat-app .chat-message.operator>div{
  border-color:#b8e7cb;
  background:linear-gradient(180deg,#f6fffa 0%,#effcf5 100%);
  box-shadow:0 10px 22px rgba(18,183,106,.1);
}

body.chat-body [data-chat].chat-app .chat-message small{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:8px;
  font-weight:800;
}

body.chat-body [data-chat].chat-app .chat-message.assistant small::before,
body.chat-body [data-chat].chat-app .chat-message.operator small::before{
  content:"";
  inline-size:6px;
  block-size:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:rgba(99,91,255,.34);
}

body.chat-body [data-chat].chat-app .chat-message.operator small::before{
  background:rgba(18,183,106,.62);
}

body.chat-body [data-chat].chat-app .chat-message p{
  font-size:12.6px;
  line-height:2;
}

body.chat-body [data-chat].chat-app .chat-message time{
  display:inline-flex;
  align-items:center;
  gap:5px;
  margin-top:7px;
  font-size:7px;
  font-weight:700;
}

body.chat-body [data-chat].chat-app .chat-message time::before{
  content:"";
  inline-size:4px;
  block-size:4px;
  border-radius:50%;
  background:currentColor;
  opacity:.45;
}

body.chat-body [data-chat].chat-app .chat-message.typing .chat-bubble{
  min-inline-size:112px;
}

body.chat-body [data-chat].chat-app .chat-message.typing small,
body.chat-body [data-chat].chat-app .chat-message.typing time{
  opacity:.86;
}

body.chat-body [data-chat].chat-app .chat-message.typing p{
  position:relative;
  inline-size:46px;
  min-block-size:18px;
  margin-top:2px;
}

body.chat-body [data-chat].chat-app .chat-message.typing p::before{
  content:"در حال نوشتن";
  position:absolute;
  inset-inline-start:0;
  inset-block-start:-17px;
  color:#8a93a5;
  font-size:6.8px;
  font-weight:760;
  letter-spacing:0;
}

body.chat-body [data-chat].chat-app .chat-message.typing p::after{
  width:7px;
  height:7px;
  margin:6px 0;
  background:#7c76e9;
  box-shadow:12px 0 #7c76e9,24px 0 #7c76e9;
}

body.chat-body [data-chat].chat-app .chat-avatar{
  position:relative;
  overflow:hidden;
}

body.chat-body [data-chat].chat-app .chat-avatar::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.26),transparent 52%);
  pointer-events:none;
}

body.chat-body [data-chat].chat-app .quick-replies{
  position:relative;
  gap:8px;
  margin-top:4px;
  padding-inline-start:40px;
}

body.chat-body [data-chat].chat-app .quick-replies::before{
  content:"سؤال‌های سریع";
  position:absolute;
  inset-inline-start:0;
  inset-block-start:9px;
  color:#8a93a5;
  font-size:7.5px;
  font-weight:780;
  white-space:nowrap;
}

body.chat-body [data-chat].chat-app .quick-replies button{
  min-block-size:36px;
  padding:7px 12px;
  border-color:#d9dcff;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(244,245,255,.96));
  box-shadow:0 8px 18px rgba(31,37,63,.05);
  color:#4338ca;
  font-size:9px;
  font-weight:760;
}

body.chat-body [data-chat].chat-app .quick-replies button:hover,
body.chat-body [data-chat].chat-app .quick-replies button:focus-visible{
  border-color:#9890ff;
  background:linear-gradient(180deg,#f4f2ff,#ebe8ff);
  box-shadow:0 10px 24px rgba(99,91,255,.12);
}

body.chat-body [data-chat].chat-app .chat-sources{
  margin-top:10px;
  padding-top:9px;
  color:#667085;
  font-size:7.6px;
  line-height:1.9;
}

body.chat-body [data-chat].chat-app .message-feedback{
  margin-top:10px;
  padding-top:9px;
  gap:6px;
}

body.chat-body [data-chat].chat-app .message-feedback button{
  width:28px;
  height:26px;
  border-radius:9px;
}

@media(max-width:820px){
  body.chat-body [data-chat].chat-app .chat-messages::before{
    inset-inline-start:26px;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    gap:8px;
  }
  body.chat-body [data-chat].chat-app .chat-message::before{
    inset-inline-start:12px;
  }
  body.chat-body [data-chat].chat-app .chat-message>div{
    padding:12px 14px 11px;
  }
  body.chat-body [data-chat].chat-app .chat-message p{
    font-size:11.7px;
  }
  body.chat-body [data-chat].chat-app .quick-replies{
    padding-inline-start:10px;
    margin-top:2px;
  }
  body.chat-body [data-chat].chat-app .quick-replies::before{
    display:none;
  }
}

@media(max-width:420px){
  body.chat-body [data-chat].chat-app .chat-messages::before{
    inset-inline-start:24px;
  }
  body.chat-body [data-chat].chat-app .chat-message>div{
    padding:11px 12px 10px;
  }
  body.chat-body [data-chat].chat-app .chat-message p{
    font-size:11.1px;
    line-height:1.95;
  }
  body.chat-body [data-chat].chat-app .chat-message.typing .chat-bubble{
    min-inline-size:96px;
  }
  body.chat-body [data-chat].chat-app .quick-replies button{
    min-block-size:38px;
    font-size:8.4px;
  }
}

/* Customer chat phase 4: composer, input ergonomics, mobile keyboard UX */
body.chat-body [data-chat].chat-app .chat-composer{
  position:relative;
  grid-template-columns:minmax(0,1fr) 52px;
  gap:10px;
  min-block-size:108px;
  padding:12px 14px 10px;
  border-top:1px solid rgba(224,227,234,.86);
  background:
    linear-gradient(180deg,rgba(255,255,255,.78),rgba(255,255,255,.96) 30%,#fff 100%);
  backdrop-filter:blur(18px);
}

body.chat-body [data-chat].chat-app .chat-composer::before{
  content:"";
  position:absolute;
  inset:10px 14px auto;
  block-size:1px;
  background:linear-gradient(90deg,rgba(99,91,255,0),rgba(99,91,255,.16),rgba(99,91,255,0));
  pointer-events:none;
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:8px;
  min-block-size:58px;
  padding:10px 12px 10px 14px;
  border:1px solid #dfe3ea;
  border-radius:20px;
  background:
    linear-gradient(180deg,#ffffff 0%,#f8f9fc 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 20px rgba(31,37,63,.05);
  transition:border-color .18s var(--ease),box-shadow .18s var(--ease),background .18s var(--ease),transform .18s var(--ease);
}

body.chat-body [data-chat].chat-app .chat-input-shell::before{
  content:"پیام شما";
  position:absolute;
  inset-inline-start:14px;
  inset-block-start:8px;
  color:#98a2b3;
  font-size:7px;
  font-weight:760;
  letter-spacing:0;
  transition:color .18s var(--ease),transform .18s var(--ease),opacity .18s var(--ease);
}

body.chat-body [data-chat].chat-app .chat-input-shell:focus-within,
body.chat-body [data-chat].chat-app.is-input-focused .chat-input-shell{
  border-color:#a8a1ff;
  background:linear-gradient(180deg,#fff,#fbfbff);
  box-shadow:0 0 0 4px rgba(99,91,255,.1),0 14px 32px rgba(99,91,255,.12);
  transform:translateY(-1px);
}

body.chat-body [data-chat].chat-app .chat-input-shell.has-value::before,
body.chat-body [data-chat].chat-app .chat-input-shell:focus-within::before{
  color:#7c3aed;
  transform:translateY(-1px);
}

body.chat-body [data-chat].chat-app .chat-composer .chat-input-shell textarea{
  min-block-size:34px;
  max-block-size:130px;
  padding:12px 0 0;
  background:transparent !important;
  color:#243041;
  font-size:13px;
  line-height:1.95;
  caret-color:var(--channel-color,#635bff);
}

body.chat-body [data-chat].chat-app .chat-composer .chat-input-shell textarea::placeholder{
  color:#a3acba;
}

body.chat-body [data-chat].chat-app .chat-input-shell>span{
  align-self:end;
  padding:0 0 2px;
  color:#8f98a8;
  font:700 8px/1.2 Arial,sans-serif;
  text-transform:uppercase;
  opacity:.92;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  position:relative;
  inline-size:52px;
  block-size:52px;
  align-self:end;
  border-radius:18px;
  background:linear-gradient(145deg,var(--channel-color,#635bff),color-mix(in srgb,var(--channel-color,#635bff) 68%,#111827));
  box-shadow:0 14px 28px color-mix(in srgb,var(--channel-color,#635bff) 24%,transparent);
  transition:transform .18s var(--ease),box-shadow .18s var(--ease),opacity .18s var(--ease),filter .18s var(--ease);
}

body.chat-body [data-chat].chat-app .chat-composer>button::before{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:17px;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0));
  pointer-events:none;
}

body.chat-body [data-chat].chat-app .chat-composer>button>span{
  transform:rotate(-45deg) translateY(-1px);
}

body.chat-body [data-chat].chat-app .chat-composer>button:disabled{
  opacity:.56;
  filter:saturate(.7);
}

body.chat-body [data-chat].chat-app .chat-composer[data-mode="idle"]>button,
body.chat-body [data-chat].chat-app .chat-composer:not([data-mode="ready"])>button:disabled{
  box-shadow:none;
}

body.chat-body [data-chat].chat-app.is-composing .chat-composer>button{
  animation:customer-chat-send-wait 1.15s ease-in-out infinite;
}

body.chat-body [data-chat].chat-app .chat-composer>small{
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:start;
  gap:6px;
  margin:1px 4px 0;
  color:#7d8798;
  font-size:7.6px;
  line-height:1.8;
}

body.chat-body [data-chat].chat-app .chat-composer>small>i{
  margin-top:1px;
}

body.chat-body [data-chat].chat-app.is-input-focused .chat-composer>small{
  color:#697386;
}

@keyframes customer-chat-send-wait{
  0%,100%{transform:translateY(0);box-shadow:0 14px 28px color-mix(in srgb,var(--channel-color,#635bff) 24%,transparent)}
  50%{transform:translateY(-1px) scale(1.01);box-shadow:0 18px 34px color-mix(in srgb,var(--channel-color,#635bff) 30%,transparent)}
}

@media(max-width:820px){
  body.chat-body [data-chat].chat-app .chat-composer{
    grid-template-columns:minmax(0,1fr) 48px;
    min-block-size:96px;
    gap:8px;
    padding:10px 10px calc(8px + env(safe-area-inset-bottom));
  }
  body.chat-body [data-chat].chat-app .chat-composer::before{
    inset-inline:10px;
    inset-block-start:8px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-block-size:54px;
    padding:9px 10px 9px 12px;
    border-radius:18px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell::before{
    inset-inline-start:12px;
    inset-block-start:7px;
    font-size:6.8px;
  }
  body.chat-body [data-chat].chat-app .chat-composer .chat-input-shell textarea{
    padding-top:11px;
    font-size:16px !important;
    line-height:1.85;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    inline-size:48px;
    block-size:48px;
    border-radius:16px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>small{
    font-size:7px;
  }
}

@media(max-width:420px){
  body.chat-body [data-chat].chat-app .chat-composer{
    min-block-size:92px;
    padding:8px 8px calc(6px + env(safe-area-inset-bottom));
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-block-size:52px;
    padding:8px 9px 8px 11px;
    border-radius:17px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell::before{
    font-size:6.5px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    border-radius:15px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>small{
    font-size:6.7px;
  }
}

/* Customer chat phase 5: waiting, reconnect, error, and handoff states */
body.chat-body [data-chat].chat-app{
  --customer-chat-state-info:#4f46e5;
  --customer-chat-state-success:#12b76a;
  --customer-chat-state-warning:#f79009;
  --customer-chat-state-danger:#d92d20;
}

body.chat-body [data-chat].chat-app[data-runtime-state="thinking"] .chat-header,
body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-header,
body.chat-body [data-chat].chat-app[data-runtime-state="degraded"] .chat-header,
body.chat-body [data-chat].chat-app[data-runtime-state="error"] .chat-header{
  transition:background .22s var(--ease),box-shadow .22s var(--ease);
}

body.chat-body [data-chat].chat-app[data-runtime-state="thinking"] .chat-header{
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.12),0 18px 42px rgba(79,70,229,.12);
}

body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-header{
  background:linear-gradient(135deg,#0f766e,#134e4a) !important;
}

body.chat-body [data-chat].chat-app[data-runtime-state="error"] .chat-header{
  background:linear-gradient(135deg,#9f1239,#7f1d1d) !important;
}

body.chat-body [data-chat].chat-app[data-runtime-state="degraded"] .chat-header{
  background:linear-gradient(135deg,#9a6700,#7a4d00) !important;
}

body.chat-body [data-chat].chat-app .chat-agent-copy p{
  transition:color .2s var(--ease);
}

body.chat-body [data-chat].chat-app[data-runtime-state="thinking"] .chat-agent-copy p i{
  background:#c4b5fd;
  box-shadow:0 0 0 5px rgba(196,181,253,.14);
  animation:customer-chat-status-pulse 1s ease-in-out infinite;
}

body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-agent-copy p i{
  background:#6ee7b7;
  box-shadow:0 0 0 5px rgba(110,231,183,.16);
}

body.chat-body [data-chat].chat-app[data-runtime-state="error"] .chat-agent-copy p i{
  background:#fda29b;
  box-shadow:0 0 0 5px rgba(253,162,155,.14);
}

body.chat-body [data-chat].chat-app[data-runtime-state="degraded"] .chat-agent-copy p i{
  background:#fcd34d;
  box-shadow:0 0 0 5px rgba(252,211,77,.16);
}

body.chat-body [data-chat].chat-app .chat-error{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  inset-inline:14px;
  bottom:114px;
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,249,248,.98);
  box-shadow:0 18px 34px rgba(31,37,63,.12);
  text-align:start;
}

body.chat-body [data-chat].chat-app .chat-error strong{
  color:var(--customer-chat-state-danger);
  font-size:9px;
  font-weight:850;
  line-height:1.8;
}

body.chat-body [data-chat].chat-app .chat-error span{
  color:#7a271a;
  font-size:8px;
  line-height:1.9;
}

body.chat-body [data-chat].chat-app .handoff-note{
  display:grid;
  gap:4px;
  max-inline-size:96%;
  padding:12px 14px;
  border-color:#99f6e4;
  border-radius:16px;
  background:linear-gradient(180deg,#ecfeff,#f0fdfa);
  box-shadow:0 10px 24px rgba(13,148,136,.09);
  color:#115e59;
}

body.chat-body [data-chat].chat-app .handoff-note strong{
  font-size:9px;
  font-weight:850;
  line-height:1.8;
}

body.chat-body [data-chat].chat-app .handoff-note span{
  font-size:8px;
  line-height:1.9;
}

body.chat-body [data-chat].chat-app .chat-degraded-note{
  margin-top:8px;
  padding:7px 9px;
  border:1px solid #fde68a;
  border-radius:10px;
  background:#fffbeb;
  color:#854d0e;
  font-size:7.5px;
  line-height:1.8;
}

body.chat-body [data-chat].chat-app .chat-message.typing{
  filter:saturate(1.02);
}

body.chat-body [data-chat].chat-app .chat-message.typing .chat-bubble{
  background:linear-gradient(180deg,#fff,#f7f8ff);
  box-shadow:0 12px 26px rgba(99,91,255,.08);
}

body.chat-body [data-chat].chat-app .chat-message.typing .chat-avatar{
  animation:customer-chat-avatar-breathe 1.4s ease-in-out infinite;
}

body.chat-body [data-chat].chat-app .chat-message.typing p::after{
  animation:customer-chat-typing 1s ease-in-out infinite;
}

body.chat-body [data-chat].chat-app .chat-human-action{
  position:relative;
}

body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-human-action{
  border-color:rgba(255,255,255,.28);
  background:rgba(255,255,255,.2);
}

body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-human-action::after{
  content:"در حال پیگیری";
  position:absolute;
  inset-inline:12px auto;
  inset-block-end:-14px;
  padding:3px 7px;
  border-radius:999px;
  background:#ecfdf3;
  color:#067647;
  font-size:6.8px;
  font-weight:800;
  line-height:1;
  box-shadow:0 8px 18px rgba(6,112,71,.12);
}

@keyframes customer-chat-status-pulse{
  0%,100%{transform:scale(1);opacity:1}
  50%{transform:scale(.92);opacity:.82}
}

@keyframes customer-chat-avatar-breathe{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-1px)}
}

@media(max-width:820px){
  body.chat-body [data-chat].chat-app .chat-error{
    inset-inline:10px;
    bottom:104px;
    padding:11px 12px;
  }
  body.chat-body [data-chat].chat-app .handoff-note{
    max-inline-size:100%;
  }
  body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-human-action::after{
    inset-inline:auto 0;
  }
}

@media(max-width:420px){
  body.chat-body [data-chat].chat-app .chat-error strong{
    font-size:8.5px;
  }
  body.chat-body [data-chat].chat-app .chat-error span,
  body.chat-body [data-chat].chat-app .handoff-note span{
    font-size:7.5px;
  }
}

/* Customer chat phase 6: brand customization, theme parity, and preview consistency */
body.chat-body [data-chat].chat-app{
  --customer-chat-brand-rgb:99,91,255;
  --customer-chat-brand-soft:rgba(var(--customer-chat-brand-rgb),.10);
  --customer-chat-brand-soft-strong:rgba(var(--customer-chat-brand-rgb),.18);
  --customer-chat-brand-line:rgba(var(--customer-chat-brand-rgb),.22);
  --customer-chat-brand-text:color-mix(in srgb,var(--channel-color,#635bff) 76%,#172033);
  --customer-chat-shell-top:
    radial-gradient(circle at 0 0,rgba(255,255,255,.82),transparent 24%),
    radial-gradient(circle at 100% 0,var(--customer-chat-brand-soft-strong),transparent 28%);
  --customer-chat-header-fill:
    linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#635bff) 96%,#101828),color-mix(in srgb,var(--channel-color,#635bff) 84%,#0f172a));
  --customer-chat-message-rail:rgba(var(--customer-chat-brand-rgb),.16);
}

body.chat-body [data-chat].chat-app[data-brand-tone="custom"]{
  --customer-chat-brand-rgb:37,99,235;
  --customer-chat-brand-soft:color-mix(in srgb,var(--channel-color,#2563eb) 10%,transparent);
  --customer-chat-brand-soft-strong:color-mix(in srgb,var(--channel-color,#2563eb) 20%,transparent);
  --customer-chat-brand-line:color-mix(in srgb,var(--channel-color,#2563eb) 24%,transparent);
  --customer-chat-brand-text:color-mix(in srgb,var(--channel-color,#2563eb) 78%,#172033);
  --customer-chat-shell-top:
    radial-gradient(circle at 0 0,rgba(255,255,255,.88),transparent 24%),
    radial-gradient(circle at 100% 0,color-mix(in srgb,var(--channel-color,#2563eb) 22%,transparent),transparent 28%);
  --customer-chat-header-fill:
    linear-gradient(135deg,color-mix(in srgb,var(--channel-color,#2563eb) 94%,#101828),color-mix(in srgb,var(--channel-color,#2563eb) 78%,#0f172a));
  --customer-chat-message-rail:color-mix(in srgb,var(--channel-color,#2563eb) 22%,transparent);
}

body.chat-body [data-chat].chat-app[data-brand-tone="catawork"]{
  --customer-chat-brand-rgb:99,91,255;
}

body.chat-body [data-chat].chat-app{
  background:
    var(--customer-chat-shell-top),
    linear-gradient(180deg,#ffffff 0%,#fbfcff 100%);
}

body.chat-body [data-chat].chat-app::before{
  background:
    radial-gradient(circle at 16% 18%,rgba(255,255,255,.18),transparent 30%),
    radial-gradient(circle at 82% 0,var(--customer-chat-brand-soft-strong),transparent 28%),
    radial-gradient(circle at 60% 22%,rgba(255,255,255,.08),transparent 26%);
}

body.chat-body [data-chat].chat-app .chat-header{
  background:var(--customer-chat-header-fill);
}

body.chat-body [data-chat].chat-app .chat-shell-badge{
  border-color:var(--customer-chat-brand-line);
}

body.chat-body [data-chat].chat-app .chat-logo{
  background:
    linear-gradient(145deg,color-mix(in srgb,var(--channel-color,#635bff) 54%,rgba(255,255,255,.22)),rgba(255,255,255,.08));
}

body.chat-body [data-chat].chat-app .chat-messages::before{
  background:linear-gradient(180deg,var(--customer-chat-message-rail),rgba(99,91,255,0));
}

body.chat-body [data-chat].chat-app .chat-message[data-role="assistant"]::before,
body.chat-body [data-chat].chat-app .chat-message[data-role="operator"]::before{
  border-inline-start-color:var(--customer-chat-message-rail);
  border-block-end-color:var(--customer-chat-message-rail);
}

body.chat-body [data-chat].chat-app .chat-message.assistant small::before{
  background:var(--customer-chat-brand-line);
}

body.chat-body [data-chat].chat-app .quick-replies button{
  border-color:color-mix(in srgb,var(--channel-color,#635bff) 20%,#d9dcff);
  color:var(--customer-chat-brand-text);
}

body.chat-body [data-chat].chat-app .quick-replies button:hover,
body.chat-body [data-chat].chat-app .quick-replies button:focus-visible{
  border-color:color-mix(in srgb,var(--channel-color,#635bff) 42%,#9890ff);
}

body.chat-body [data-chat].chat-app .chat-catawork-link{
  background:rgba(255,255,255,.95) !important;
}

body.chat-body [data-chat].chat-app[data-surface-mode="widget"]{
  border-radius:0;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app[data-surface-mode="widget"] .chat-header{
  border-bottom-color:rgba(255,255,255,.12);
}

body.chat-body [data-chat].chat-app[data-surface-mode="widget"] .chat-branding{
  background:linear-gradient(180deg,rgba(255,255,255,.95),#fff);
}

body.chat-body [data-chat].chat-app.theme-dark[data-surface-mode="widget"]{
  background:#171a21;
}

@media(prefers-color-scheme:dark){
  body.chat-body [data-chat].chat-app.theme-auto[data-surface-mode="widget"]{
    background:#171a21;
  }
}

/* Customer chat phase 7: accessibility, performance, sizing, and real scenario validation */
body.chat-body [data-chat].chat-app{
  contain:layout style paint;
}

body.chat-body [data-chat].chat-app .chat-header,
body.chat-body [data-chat].chat-app .chat-messages,
body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app .chat-branding{
  inline-size:100%;
}

body.chat-body [data-chat].chat-app .chat-shell-badge,
body.chat-body [data-chat].chat-app .chat-header-availability,
body.chat-body [data-chat].chat-app .chat-agent-eyebrow,
body.chat-body [data-chat].chat-app .chat-agent-proof,
body.chat-body [data-chat].chat-app .chat-branding span{
  overflow-wrap:anywhere;
}

body.chat-body [data-chat].chat-app .chat-composer .chat-input-shell textarea{
  text-wrap:pretty;
}

body.chat-body [data-chat].chat-app .chat-message p,
body.chat-body [data-chat].chat-app .chat-error span,
body.chat-body [data-chat].chat-app .handoff-note span{
  text-wrap:pretty;
}

body.chat-body [data-chat].chat-app [data-human-request]:focus-visible,
body.chat-body [data-chat].chat-app .chat-composer>button:focus-visible,
body.chat-body [data-chat].chat-app .quick-replies button:focus-visible,
body.chat-body [data-chat].chat-app .message-feedback button:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(255,255,255,.24),0 0 0 6px color-mix(in srgb,var(--channel-color,#635bff) 42%,transparent);
}

body.chat-body [data-chat].chat-app .chat-catawork-link:focus-visible,
body.chat-body [data-chat].chat-app .chat-close-action:focus-visible{
  outline:0;
  box-shadow:0 0 0 3px rgba(255,255,255,.24),0 0 0 6px rgba(255,255,255,.18);
}

@media(prefers-reduced-motion:reduce){
  body.chat-body [data-chat].chat-app,
  body.chat-body [data-chat].chat-app *{
    scroll-behavior:auto !important;
    animation:none !important;
    transition:none !important;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    animation:none !important;
  }
}

/* Customer chat phase 14: canonical visual correction after live audit */
body.chat-body [data-chat].chat-app{
  grid-template-rows:68px minmax(0,1fr) 54px 22px!important;
}

body.chat-body [data-chat].chat-app .chat-header{
  min-height:68px!important;
  height:68px!important;
  padding:9px 14px!important;
}

body.chat-body [data-chat].chat-app .chat-header-main{
  min-height:48px!important;
  height:48px;
}

body.chat-body [data-chat].chat-app .chat-logo{
  width:44px!important;
  min-width:44px!important;
  height:44px!important;
  border-radius:14px!important;
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1{
  font-size:14px!important;
  line-height:1.45!important;
}

body.chat-body [data-chat].chat-app .chat-agent-copy>p{
  margin-top:2px!important;
  font-size:9px!important;
  line-height:1.45!important;
}

body.chat-body [data-chat].chat-app .chat-messages{
  padding:17px 18px 20px!important;
  gap:11px!important;
}

body.chat-body [data-chat].chat-app .chat-day{
  margin-bottom:2px!important;
}

body.chat-body [data-chat].chat-app .chat-day span{
  padding:4px 9px!important;
  font-size:8px!important;
}

body.chat-body [data-chat].chat-app .chat-message{
  max-width:min(76%,530px)!important;
  gap:7px!important;
}

body.chat-body [data-chat].chat-app .chat-message>.chat-avatar{
  width:25px!important;
  min-width:25px!important;
  height:25px!important;
  margin-top:4px!important;
  border-radius:8px!important;
}

body.chat-body [data-chat].chat-app .chat-bubble,
body.chat-body [data-chat].chat-app .chat-message>div{
  padding:10px 13px 8px!important;
  border-radius:15px!important;
}

body.chat-body [data-chat].chat-app .chat-message.assistant .chat-bubble{
  border-start-start-radius:5px!important;
}

body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble{
  border-start-end-radius:5px!important;
}

body.chat-body [data-chat].chat-app .chat-bubble small{
  margin-bottom:2px!important;
  font-size:8px!important;
}

body.chat-body [data-chat].chat-app .chat-bubble p{
  font-size:13px!important;
  line-height:1.78!important;
}

body.chat-body [data-chat].chat-app .chat-bubble time{
  margin-top:3px!important;
  font-size:7.5px!important;
}

body.chat-body [data-chat].chat-app .quick-replies{
  align-self:stretch!important;
  width:auto!important;
  max-width:none!important;
  margin:0 32px 0 0!important;
  padding:0 0 3px!important;
  gap:6px!important;
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:none!important;
}

body.chat-body [data-chat].chat-app .quick-replies::-webkit-scrollbar{
  display:none!important;
}

body.chat-body [data-chat].chat-app .quick-replies button{
  flex:0 0 auto!important;
  min-height:36px!important;
  padding:6px 11px!important;
  font-size:9.5px!important;
  white-space:nowrap!important;
}

body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
  grid-template-columns:minmax(0,1fr) 42px!important;
  min-height:54px!important;
  height:54px!important;
  padding:6px 9px!important;
  gap:7px!important;
  align-items:center!important;
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  align-self:center!important;
  min-height:42px!important;
  height:42px!important;
  padding:0!important;
  border-radius:13px!important;
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea{
  width:100%!important;
  min-height:40px!important;
  height:40px!important;
  max-height:96px!important;
  padding:7px 12px 6px!important;
  border:0!important;
  line-height:25px!important;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  align-self:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  border-radius:13px!important;
}

body.chat-body [data-chat].chat-app .chat-branding{
  min-height:22px!important;
  height:22px!important;
  padding:2px 8px 4px!important;
}

body.chat-body [data-chat].chat-app .contact-capture{
  width:min(100% - 32px,450px)!important;
  margin:2px 32px 2px 0!important;
  padding:12px!important;
  gap:8px 10px!important;
  border-radius:15px!important;
}

body.chat-body [data-chat].chat-app .contact-capture-form{
  grid-template-columns:minmax(0,1fr) 126px!important;
  align-items:start!important;
  gap:7px!important;
}

body.chat-body [data-chat].chat-app .contact-capture-form input{
  height:46px!important;
  padding:16px 10px 3px!important;
}

body.chat-body [data-chat].chat-app .contact-capture-form button{
  min-height:46px!important;
  height:46px!important;
  padding:0 11px!important;
  font-size:9.5px!important;
}

body.chat-body [data-chat].chat-app .contact-capture-form small:empty{
  display:none;
}

@media(max-width:640px){
  body.chat-body [data-chat].chat-app{
    grid-template-rows:64px minmax(0,1fr) calc(54px + env(safe-area-inset-bottom)) 20px!important;
  }
  body.chat-body [data-chat].chat-app .chat-header{
    min-height:64px!important;
    height:64px!important;
    padding:max(8px,env(safe-area-inset-top)) 10px 7px!important;
  }
  body.chat-body [data-chat].chat-app .chat-header-main{
    min-height:48px!important;
  }
  body.chat-body [data-chat].chat-app .chat-logo{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-width:58vw!important;
    font-size:13.5px!important;
  }
  body.chat-body [data-chat].chat-app .chat-messages{
    padding:14px 11px 16px!important;
    gap:10px!important;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    max-width:88%!important;
    gap:6px!important;
  }
  body.chat-body [data-chat].chat-app .chat-message>.chat-avatar{
    width:23px!important;
    min-width:23px!important;
    height:23px!important;
  }
  body.chat-body [data-chat].chat-app .chat-bubble,
  body.chat-body [data-chat].chat-app .chat-message>div{
    padding:9px 11px 7px!important;
  }
  body.chat-body [data-chat].chat-app .chat-bubble p{
    font-size:13px!important;
    line-height:1.76!important;
  }
  body.chat-body [data-chat].chat-app .quick-replies{
    width:auto!important;
    max-width:none!important;
    margin:0 29px 0 0!important;
    padding:0 0 3px!important;
  }
  body.chat-body [data-chat].chat-app .quick-replies button{
    min-height:37px!important;
    font-size:9.5px!important;
  }
  body.chat-body [data-chat].chat-app .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
    grid-template-columns:minmax(0,1fr) 42px!important;
    min-height:54px!important;
    height:calc(54px + env(safe-area-inset-bottom))!important;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom))!important;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-height:42px!important;
    height:42px!important;
    padding:0!important;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell textarea{
    min-height:40px!important;
    height:40px!important;
    padding:5px 10px!important;
    font-size:16px!important;
    line-height:30px!important;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    width:42px!important;
    min-width:42px!important;
    height:42px!important;
    min-height:42px!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture{
    grid-template-columns:32px minmax(0,1fr)!important;
    width:calc(100% - 25px)!important;
    margin:2px 25px 2px 0!important;
    padding:11px!important;
    gap:7px 8px!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture-copy strong{
    font-size:12px!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture-copy span{
    font-size:9px!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture-form{
    grid-template-columns:minmax(0,1fr) 112px!important;
    gap:6px!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture-form input{
    height:44px!important;
    font-size:16px!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture-form button{
    min-height:44px!important;
    height:44px!important;
    padding-inline:8px!important;
    font-size:9px!important;
    white-space:normal!important;
    line-height:1.45!important;
  }
  body.chat-body [data-chat].chat-app .contact-capture>p{
    font-size:7.5px!important;
  }
}

/* Phase 18 — voice-to-text composer for hero and customer chat */
.product-guide-composer,
body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
  grid-template-columns:minmax(0,1fr) 46px 46px!important;
}
.voice-record-button{
  position:relative;
  display:grid!important;
  place-items:center;
  width:46px!important;
  min-width:46px!important;
  height:46px!important;
  min-height:46px!important;
  padding:0!important;
  overflow:visible!important;
  border:1px solid #d8e0eb!important;
  border-radius:14px!important;
  background:#f8fafc!important;
  color:#526079!important;
  box-shadow:none!important;
  transform:none!important;
  cursor:pointer;
  transition:border-color .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease!important;
}
.voice-record-button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--brand,#4f46e5) 38%,#d8e0eb)!important;
  background:#fff!important;
  color:var(--brand,#4f46e5)!important;
  box-shadow:0 7px 18px rgba(15,23,42,.08)!important;
}
.voice-record-button:focus-visible{outline:3px solid rgba(79,70,229,.22)!important;outline-offset:2px}
.voice-record-button .voice-mic{display:grid;place-items:center;width:22px;height:22px}
.voice-record-button span{transform:none!important}
.voice-record-button .voice-mic svg{display:block;width:22px;height:22px;transform:none!important}
.voice-record-button .voice-level{display:none;align-items:center;justify-content:center;gap:2px;width:24px;height:24px}
.voice-record-button .voice-level i{display:block;width:3px;height:8px;border-radius:4px;background:currentColor;animation:voice-level .8s ease-in-out infinite alternate}
.voice-record-button .voice-level i:nth-child(2){height:15px;animation-delay:.16s}
.voice-record-button .voice-level i:nth-child(3){height:11px;animation-delay:.32s}
.voice-record-button .voice-level i:nth-child(4){height:17px;animation-delay:.48s}
[data-voice-state="recording"] .voice-record-button{
  border-color:#fecaca!important;
  background:#fff1f2!important;
  color:#e11d48!important;
  box-shadow:0 0 0 5px rgba(225,29,72,.08)!important;
}
[data-voice-state="recording"] .voice-record-button .voice-mic{display:none}
[data-voice-state="recording"] .voice-record-button .voice-level{display:flex}
[data-voice-state="processing"] .voice-record-button{color:var(--brand,#4f46e5)!important}
[data-voice-state="processing"] .voice-record-button .voice-mic{animation:voice-processing 1s ease-in-out infinite}
.voice-record-status{
  grid-column:1/-1;
  min-width:0;
  margin:-2px 4px 0;
  color:#64748b;
  font-size:9px;
  font-weight:700;
  line-height:1.7;
}
[data-voice-state="recording"] .voice-record-status{color:#be123c}
[data-voice-state="ready"] .voice-record-status{color:#047857}
[data-voice-state="error"] .voice-record-status{color:#b42318}
body.chat-body [data-chat].chat-app.theme-dark .voice-record-button{border-color:#334155!important;background:#172033!important;color:#cbd5e1!important}
@keyframes voice-level{from{transform:scaleY(.45)}to{transform:scaleY(1.08)}}
@keyframes voice-processing{50%{opacity:.4;transform:scale(.9)}}
@media(max-width:640px){
  .product-guide-composer,
  body.chat-body [data-chat].chat-app .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    gap:7px!important;
  }
  .voice-record-button{width:44px!important;min-width:44px!important;height:46px!important;min-height:46px!important}
  .voice-record-status{font-size:8.5px;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
  .voice-record-button .voice-level i,.voice-record-button .voice-mic{animation:none!important}
}

.product-guide-composer,
body.chat-body [data-chat].chat-app .chat-composer{
  position:relative;
  overflow:visible!important;
}
.product-guide-composer .voice-record-status,
body.chat-body [data-chat].chat-app .voice-record-status{
  position:absolute;
  z-index:20;
  right:12px;
  bottom:calc(100% + 7px);
  max-width:calc(100% - 24px);
  margin:0;
  padding:7px 11px;
  border:1px solid #e2e8f0;
  border-radius:999px;
  background:rgba(255,255,255,.96);
  box-shadow:0 9px 24px rgba(15,23,42,.12);
  backdrop-filter:blur(12px);
  white-space:normal;
}
[data-voice-state="recording"] .voice-record-status{border-color:#fecdd3;background:#fff1f2}
[data-voice-state="processing"] .voice-record-status{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}
[data-voice-state="error"] .voice-record-status{border-color:#fecaca;background:#fff7f7}


body.chat-body [data-chat].chat-app .chat-link-cards{
  display:grid;
  gap:7px;
  width:min(100%,340px);
  margin:9px 0 2px;
}
body.chat-body [data-chat].chat-app .chat-link-card{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) 24px;
  align-items:center;
  gap:9px;
  min-height:58px;
  padding:8px 10px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--channel-color) 16%,#dbe4ef);
  border-radius:14px;
  background:linear-gradient(135deg,#fff 0%,color-mix(in srgb,var(--channel-color) 4%,#fff) 100%);
  color:#172033!important;
  text-decoration:none!important;
  box-shadow:0 7px 20px rgba(15,23,42,.055);
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;
}
body.chat-body [data-chat].chat-app .chat-link-card:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--channel-color) 40%,#cbd5e1);
  box-shadow:0 10px 25px rgba(15,23,42,.09);
}
body.chat-body [data-chat].chat-app .chat-link-card:focus-visible{
  outline:3px solid color-mix(in srgb,var(--channel-color) 30%,transparent);
  outline-offset:2px;
}
body.chat-body [data-chat].chat-app .chat-link-icon{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:color-mix(in srgb,var(--channel-color) 12%,#f8fafc);
  color:var(--cc-brand);
  font-size:18px;
  font-weight:800;
}
body.chat-body [data-chat].chat-app .chat-link-card.is-instagram .chat-link-icon{background:linear-gradient(135deg,#feda75,#d62976 55%,#4f5bd5);color:#fff}
body.chat-body [data-chat].chat-app .chat-link-card.is-telegram .chat-link-icon{background:#229ed9;color:#fff}
body.chat-body [data-chat].chat-app .chat-link-card.is-product .chat-link-icon{background:color-mix(in srgb,var(--channel-color) 90%,#172033);color:#fff}
body.chat-body [data-chat].chat-app .chat-link-copy{display:grid;min-width:0;gap:2px}
body.chat-body [data-chat].chat-app .chat-link-copy strong{overflow:hidden;color:#172033;font-size:11px;font-weight:850;line-height:1.55;text-overflow:ellipsis;white-space:nowrap}
body.chat-body [data-chat].chat-app .chat-link-copy small{overflow:hidden;color:#64748b;font-size:9px;direction:ltr;text-align:right;text-overflow:ellipsis;white-space:nowrap}
body.chat-body [data-chat].chat-app .chat-link-arrow{display:grid;place-items:center;color:var(--cc-brand);font-size:16px}
body.chat-body [data-chat].chat-app.theme-dark .chat-link-card{border-color:#334155;background:linear-gradient(135deg,#172033,#111827);color:#f8fafc!important}
body.chat-body [data-chat].chat-app.theme-dark .chat-link-copy strong{color:#f8fafc}
body.chat-body [data-chat].chat-app.theme-dark .chat-link-copy small{color:#94a3b8}
@media(max-width:640px){
  body.chat-body [data-chat].chat-app .chat-link-cards{width:100%;margin-top:8px}
  body.chat-body [data-chat].chat-app .chat-link-card{grid-template-columns:38px minmax(0,1fr) 22px;min-height:60px;padding:9px}
}

@media(max-width:350px){
  body.chat-body [data-chat].chat-app .contact-capture-form{
    grid-template-columns:1fr!important;
  }
}

/* Customer chat phase 15: role separation and persistent suggestions */
body.chat-body [data-chat].chat-app .chat-message.assistant,
body.chat-body [data-chat].chat-app .chat-message.operator{
  align-self:flex-start!important;
  margin-left:auto!important;
  margin-right:0!important;
}

body.chat-body [data-chat].chat-app .chat-message.user{
  align-self:flex-end!important;
  margin-left:0!important;
  margin-right:auto!important;
}

body.chat-body [data-chat].chat-app .chat-message.user>.chat-avatar{
  display:none!important;
}

body.chat-body [data-chat].chat-app .quick-replies{
  position:relative!important;
  z-index:2!important;
  flex:none!important;
  min-height:39px!important;
  margin-bottom:5px!important;
  background:transparent!important;
}

body.chat-body [data-chat].chat-app .quick-replies button.selected{
  border-color:color-mix(in srgb,var(--channel-color) 52%,var(--cc-border))!important;
  background:color-mix(in srgb,var(--channel-color) 9%,#fff)!important;
  color:var(--cc-brand)!important;
  box-shadow:0 0 0 2px color-mix(in srgb,var(--channel-color) 7%,transparent)!important;
}

body.chat-body [data-chat].chat-app.is-responding .quick-replies{
  pointer-events:none;
  opacity:.58;
}

body.chat-body [data-chat].chat-app .chat-branding>span{
  white-space:nowrap;
}

/* Customer chat phase 16: system message cards */
body.chat-body [data-chat].chat-app .handoff-note{
  display:grid!important;
  grid-template-columns:26px minmax(0,1fr)!important;
  grid-template-rows:auto auto!important;
  align-items:start!important;
  width:min(calc(100% - 32px),470px)!important;
  min-height:0!important;
  margin:5px 32px 5px 0!important;
  padding:12px 13px!important;
  gap:2px 10px!important;
  box-sizing:border-box!important;
  border:1px solid color-mix(in srgb,#16a34a 23%,var(--cc-border))!important;
  border-radius:14px!important;
  background:color-mix(in srgb,#16a34a 6%,#fff)!important;
  color:#166534!important;
  box-shadow:0 4px 14px rgba(22,101,52,.045)!important;
  overflow:visible!important;
}

body.chat-body [data-chat].chat-app .handoff-note::before{
  content:"✓";
  display:grid;
  grid-column:1;
  grid-row:1/3;
  place-items:center;
  width:26px;
  height:26px;
  margin-top:1px;
  border-radius:9px;
  background:rgba(22,163,74,.11);
  color:#15803d;
  font-size:13px;
  font-weight:900;
  line-height:1;
}

body.chat-body [data-chat].chat-app .handoff-note strong{
  display:block!important;
  grid-column:2!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#166534!important;
  font-size:11px!important;
  font-weight:850!important;
  line-height:1.65!important;
}

body.chat-body [data-chat].chat-app .handoff-note span{
  display:block!important;
  grid-column:2!important;
  grid-row:2!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  color:#477457!important;
  font-size:9px!important;
  line-height:1.8!important;
}

body.chat-body [data-chat].chat-app .chat-sources{
  margin-top:8px!important;
  padding:8px 10px!important;
  border:1px solid color-mix(in srgb,var(--channel-color) 12%,var(--cc-border))!important;
  border-radius:10px!important;
  background:color-mix(in srgb,var(--channel-color) 3%,#fff)!important;
  color:var(--cc-muted)!important;
  font-size:8px!important;
  line-height:1.75!important;
}

body.chat-body [data-chat].chat-app .chat-error:not([hidden]){
  display:grid!important;
  grid-template-columns:24px minmax(0,1fr)!important;
  padding:10px 12px!important;
  gap:2px 9px!important;
  border-radius:12px!important;
  line-height:1.7!important;
}

body.chat-body [data-chat].chat-app .chat-error:not([hidden])::before{
  content:"!";
  display:grid;
  grid-row:1/3;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:8px;
  background:rgba(229,72,77,.1);
  color:#c43236;
  font-weight:900;
}

body.chat-body [data-chat].chat-app .chat-error strong,
body.chat-body [data-chat].chat-app .chat-error span{
  grid-column:2;
  margin:0!important;
  padding:0!important;
}

body.chat-body [data-chat].chat-app.theme-dark .handoff-note{
  border-color:rgba(74,222,128,.2)!important;
  background:rgba(22,101,52,.18)!important;
  color:#bbf7d0!important;
}

body.chat-body [data-chat].chat-app.theme-dark .handoff-note strong{
  color:#d1fae5!important;
}

body.chat-body [data-chat].chat-app.theme-dark .handoff-note span{
  color:#9bd4ae!important;
}

@media(max-width:640px){
  body.chat-body [data-chat].chat-app .handoff-note{
    grid-template-columns:24px minmax(0,1fr)!important;
    width:calc(100% - 25px)!important;
    margin:4px 25px 4px 0!important;
    padding:11px 12px 12px!important;
    gap:3px 9px!important;
    border-radius:13px!important;
  }
  body.chat-body [data-chat].chat-app .handoff-note::before{
    width:24px;
    height:24px;
    border-radius:8px;
    font-size:12px;
  }
  body.chat-body [data-chat].chat-app .handoff-note strong{
    font-size:10.5px!important;
    line-height:1.7!important;
  }
  body.chat-body [data-chat].chat-app .handoff-note span{
    font-size:8.5px!important;
    line-height:1.85!important;
  }
  body.chat-body [data-chat].chat-app .chat-sources{
    margin-top:7px!important;
    padding:7px 9px!important;
  }
  body.chat-body [data-chat].chat-app .chat-error:not([hidden]){
    margin:7px 10px 0!important;
    padding:9px 10px!important;
  }
}

@media(prefers-contrast:more){
  body.chat-body [data-chat].chat-app{
    border-width:2px;
  }
  body.chat-body [data-chat].chat-app .chat-message>div,
  body.chat-body [data-chat].chat-app .chat-input-shell,
  body.chat-body [data-chat].chat-app .quick-replies button,
  body.chat-body [data-chat].chat-app .chat-error,
  body.chat-body [data-chat].chat-app .handoff-note{
    border-width:2px;
  }
}

@media(forced-colors:active){
  body.chat-body [data-chat].chat-app{
    forced-color-adjust:none;
    background:Canvas;
    color:CanvasText;
    border-color:CanvasText;
  }
  body.chat-body [data-chat].chat-app .chat-header,
  body.chat-body [data-chat].chat-app .chat-composer,
  body.chat-body [data-chat].chat-app .chat-branding,
  body.chat-body [data-chat].chat-app .chat-message>div,
  body.chat-body [data-chat].chat-app .chat-input-shell,
  body.chat-body [data-chat].chat-app .quick-replies button,
  body.chat-body [data-chat].chat-app .chat-error,
  body.chat-body [data-chat].chat-app .handoff-note{
    background:Canvas !important;
    color:CanvasText !important;
    border-color:CanvasText !important;
    box-shadow:none !important;
  }
  body.chat-body [data-chat].chat-app .chat-message.user>div,
  body.chat-body [data-chat].chat-app .chat-composer>button{
    background:Highlight !important;
    color:HighlightText !important;
    border-color:Highlight !important;
  }
}

@media(max-width:360px){
  body.chat-body [data-chat].chat-app .chat-header{
    padding-inline:10px;
  }
  body.chat-body [data-chat].chat-app .chat-shell-badge{
    max-inline-size:148px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-inline-size:112px;
  }
  body.chat-body [data-chat].chat-app .chat-composer{
    grid-template-columns:minmax(0,1fr) 44px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    inline-size:44px;
    block-size:44px;
  }
}

/* Customer chat phase 8: final polish, visual QA, and operational stabilization */
body.chat-body [data-chat].chat-app .chat-header-main{
  align-items:flex-end;
}

body.chat-body [data-chat].chat-app .chat-agent-copy{
  max-inline-size:min(100%,420px);
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1{
  text-wrap:balance;
}

body.chat-body [data-chat].chat-app .chat-header-availability,
body.chat-body [data-chat].chat-app .chat-composer>small,
body.chat-body [data-chat].chat-app .chat-branding span{
  text-wrap:pretty;
}

body.chat-body [data-chat].chat-app .chat-messages{
  padding-bottom:18px;
}

body.chat-body [data-chat].chat-app .quick-replies{
  margin-bottom:2px;
}

body.chat-body [data-chat].chat-app .chat-composer{
  padding-bottom:calc(10px + env(safe-area-inset-bottom));
}

body.chat-body [data-chat].chat-app .chat-branding{
  gap:8px;
  padding-bottom:calc(6px + env(safe-area-inset-bottom));
}

body.chat-body [data-chat].chat-app[data-surface-mode="widget"] .chat-branding{
  min-block-size:30px;
}

@media(max-width:820px){
  body.chat-body [data-chat].chat-app .chat-header-main{
    align-items:center;
  }
  body.chat-body [data-chat].chat-app .chat-composer{
    padding-bottom:calc(8px + env(safe-area-inset-bottom));
  }
}

/* Customer chat phase 9: premium product redesign */
body.chat-body{
  --customer-chat-canvas:#f4f7fb;
  --customer-chat-surface:#fff;
  --customer-chat-soft:#f7f9fc;
  --customer-chat-line:rgba(15,23,42,.09);
  --customer-chat-text:#172033;
  --customer-chat-muted:#697386;
  min-width:0;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 4%,color-mix(in srgb,var(--channel-color) 10%,transparent),transparent 32rem),
    linear-gradient(145deg,#f8fafc,var(--customer-chat-canvas));
}

body.chat-body [data-chat].chat-app{
  --customer-chat-brand:color-mix(in srgb,var(--channel-color) 76%,#172033);
  width:min(760px,calc(100% - 32px));
  max-width:760px;
  height:min(900px,calc(100dvh - 32px));
  min-height:min(660px,calc(100dvh - 32px));
  margin:16px auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.76);
  border-radius:28px;
  background:var(--customer-chat-surface);
  box-shadow:0 28px 80px rgba(15,23,42,.14),0 3px 12px rgba(15,23,42,.05);
  color:var(--customer-chat-text);
  isolation:isolate;
}

body.chat-body [data-chat].chat-app .chat-header{
  min-height:0;
  padding:9px 18px 12px;
  border:0;
  border-bottom:1px solid rgba(255,255,255,.13);
  background:
    radial-gradient(circle at 100% 0,rgba(255,255,255,.18),transparent 42%),
    linear-gradient(135deg,var(--customer-chat-brand),color-mix(in srgb,var(--customer-chat-brand) 76%,#0f172a));
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .chat-header-top{
  min-height:22px;
  margin:0 0 7px;
  padding:0 2px 6px;
  border-bottom:1px solid rgba(255,255,255,.1);
}

body.chat-body [data-chat].chat-app .chat-shell-badge,
body.chat-body [data-chat].chat-app .chat-header-availability{
  color:rgba(255,255,255,.76);
  font-size:9px;
  font-weight:700;
}

body.chat-body [data-chat].chat-app .chat-shell-badge i{
  width:7px;
  height:7px;
  background:#5ee4a7;
  box-shadow:0 0 0 4px rgba(94,228,167,.15);
}

body.chat-body [data-chat].chat-app .chat-header-main{
  gap:12px;
  min-width:0;
}

body.chat-body [data-chat].chat-app .chat-agent{
  gap:12px;
  min-width:0;
}

body.chat-body [data-chat].chat-app .chat-logo{
  width:50px;
  min-width:50px;
  height:50px;
  border:2px solid rgba(255,255,255,.82);
  background:rgba(255,255,255,.95);
  box-shadow:0 6px 18px rgba(3,7,18,.16);
  color:var(--customer-chat-brand);
}

body.chat-body [data-chat].chat-app .chat-agent-copy{
  min-width:0;
}

body.chat-body [data-chat].chat-app .chat-agent-eyebrow{
  margin-bottom:2px;
  color:rgba(255,255,255,.68);
  font-size:9px;
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1{
  overflow:hidden;
  margin:0;
  color:#fff;
  font-size:15px;
  font-weight:850;
  line-height:1.45;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.chat-body [data-chat].chat-app .chat-agent-meta{
  gap:6px;
  margin-top:3px;
}

body.chat-body [data-chat].chat-app .chat-agent-meta p,
body.chat-body [data-chat].chat-app .chat-agent-proof{
  color:rgba(255,255,255,.76);
  font-size:9px;
  font-weight:650;
}

body.chat-body [data-chat].chat-app .chat-agent-proof{
  min-height:21px;
  padding:2px 8px;
  border-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.1);
}

body.chat-body [data-chat].chat-app .chat-human-action{
  width:auto;
  min-width:44px;
  min-height:40px;
  padding:0 11px;
  gap:6px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:13px;
  background:rgba(255,255,255,.1);
  box-shadow:none;
  color:#fff;
  font-size:10px;
}

body.chat-body [data-chat].chat-app .chat-human-action svg{
  display:block;
  width:17px;
  height:17px;
}

body.chat-body [data-chat].chat-app .chat-human-action:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.18);
}

body.chat-body [data-chat].chat-app .chat-catawork-link{
  display:none;
}

body.chat-body [data-chat].chat-app .chat-messages{
  min-width:0;
  padding:22px clamp(18px,4vw,32px) 18px;
  gap:14px;
  overflow-x:hidden;
  background:
    radial-gradient(circle at 12% 0,color-mix(in srgb,var(--channel-color) 5%,transparent),transparent 20rem),
    var(--customer-chat-soft);
  scrollbar-width:thin;
  scrollbar-color:rgba(100,116,139,.3) transparent;
}

body.chat-body [data-chat].chat-app .chat-messages::before{
  display:none;
}

body.chat-body [data-chat].chat-app .chat-day{
  margin:0 auto 2px;
}

body.chat-body [data-chat].chat-app .chat-day span{
  padding:4px 9px;
  border:1px solid var(--customer-chat-line);
  background:rgba(255,255,255,.8);
  color:var(--customer-chat-muted);
  font-size:9px;
}

body.chat-body [data-chat].chat-app .chat-message{
  width:fit-content;
  max-width:min(78%,570px);
  gap:9px;
  margin:0;
  opacity:1;
  transform:none;
}

body.chat-body [data-chat].chat-app .chat-message.is-new{
  opacity:0;
  transform:translateY(8px) scale(.985);
  transition:opacity .24s ease,transform .32s cubic-bezier(.2,.8,.2,1);
}

body.chat-body [data-chat].chat-app .chat-message.is-new.is-entered{
  opacity:1;
  transform:none;
}

body.chat-body [data-chat].chat-app .chat-message>.chat-avatar{
  width:28px;
  min-width:28px;
  height:28px;
  margin-top:3px;
  border:1px solid color-mix(in srgb,var(--channel-color) 20%,#fff);
  background:color-mix(in srgb,var(--channel-color) 12%,#fff);
  box-shadow:none;
  color:var(--customer-chat-brand);
  font-size:10px;
}

body.chat-body [data-chat].chat-app .chat-bubble,
body.chat-body [data-chat].chat-app .chat-message>div{
  min-width:0;
  padding:11px 14px;
  border-radius:17px;
  font-size:14px;
  font-weight:500;
  line-height:1.9;
  overflow-wrap:anywhere;
  word-break:normal;
}

body.chat-body [data-chat].chat-app .chat-message.assistant .chat-bubble,
body.chat-body [data-chat].chat-app .chat-message.operator .chat-bubble{
  border:1px solid var(--customer-chat-line);
  border-start-start-radius:6px;
  background:#fff;
  box-shadow:0 5px 18px rgba(15,23,42,.055);
  color:var(--customer-chat-text);
}

body.chat-body [data-chat].chat-app .chat-message.user{
  margin-inline-start:auto;
}

body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble{
  border:0;
  border-start-end-radius:6px;
  background:linear-gradient(135deg,var(--customer-chat-brand),color-mix(in srgb,var(--customer-chat-brand) 82%,#0f172a));
  box-shadow:0 6px 16px color-mix(in srgb,var(--customer-chat-brand) 18%,transparent);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-bubble small{
  margin-bottom:3px;
  color:var(--customer-chat-muted);
  font-size:9px;
  font-weight:750;
}

body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble small,
body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble time{
  color:rgba(255,255,255,.72);
}

body.chat-body [data-chat].chat-app .chat-bubble p{
  font-size:14px;
  line-height:1.9;
}

body.chat-body [data-chat].chat-app .chat-bubble time{
  margin-top:4px;
  color:#8a94a6;
  font-size:9px;
}

body.chat-body [data-chat].chat-app .quick-replies{
  gap:8px;
  margin:2px 37px 0 0;
}

body.chat-body [data-chat].chat-app .quick-replies button{
  min-height:38px;
  padding:7px 12px;
  border:1px solid color-mix(in srgb,var(--channel-color) 18%,#dce2eb);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
  color:color-mix(in srgb,var(--channel-color) 66%,#334155);
  font-size:11px;
  font-weight:700;
}

body.chat-body [data-chat].chat-app .quick-replies button:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--channel-color) 38%,#cbd5e1);
  background:color-mix(in srgb,var(--channel-color) 5%,#fff);
}

body.chat-body [data-chat].chat-app .chat-composer{
  grid-template-columns:minmax(0,1fr) 50px;
  min-width:0;
  padding:8px clamp(14px,3vw,24px) 9px;
  gap:10px;
  border-top:1px solid var(--customer-chat-line);
  background:#fff;
  box-shadow:0 -8px 24px rgba(15,23,42,.025);
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  min-width:0;
  min-height:52px;
  border:1px solid #dce2eb;
  border-radius:17px;
  background:#f8fafc;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .chat-input-shell::before,
body.chat-body [data-chat].chat-app .chat-input-shell>span{
  display:none;
}

body.chat-body [data-chat].chat-app .chat-input-shell:focus-within{
  border-color:color-mix(in srgb,var(--channel-color) 58%,#cbd5e1);
  background:#fff;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--channel-color) 10%,transparent);
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea{
  min-height:50px;
  max-height:128px;
  padding:12px 15px 10px;
  color:var(--customer-chat-text);
  font-size:14px;
  line-height:1.75;
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea::placeholder{
  color:#8b95a7;
  opacity:1;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  width:50px;
  min-width:50px;
  height:50px;
  min-height:50px;
  border:0;
  border-radius:16px;
  background:linear-gradient(145deg,var(--customer-chat-brand),color-mix(in srgb,var(--customer-chat-brand) 78%,#0f172a));
  box-shadow:0 7px 18px color-mix(in srgb,var(--customer-chat-brand) 24%,transparent);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-composer>button svg{
  display:block;
  width:21px;
  height:21px;
  transform:none;
}

body.chat-body [data-chat].chat-app .chat-composer>button:hover:not(:disabled){
  transform:translateY(-1px);
  box-shadow:0 9px 22px color-mix(in srgb,var(--customer-chat-brand) 30%,transparent);
}

body.chat-body [data-chat].chat-app .chat-composer>button:disabled{
  opacity:.42;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .chat-composer>small{
  grid-column:1/-1;
  margin:0 4px;
  color:var(--customer-chat-muted);
  font-size:8px;
}

body.chat-body [data-chat].chat-app .chat-error{
  margin:0 clamp(14px,3vw,24px) 7px;
  padding:9px 12px;
  border:1px solid #fecaca;
  border-radius:12px;
  background:#fff7f7;
  color:#b42318;
  font-size:11px;
}

body.chat-body [data-chat].chat-app .chat-branding{
  min-height:26px;
  padding:5px 14px 7px;
  border:0;
  background:#fff;
  color:#98a2b3;
  font-size:8px;
}

body.chat-body [data-chat].chat-app .chat-branding img{
  width:68px;
  height:auto;
  opacity:.7;
}

body.chat-body [data-chat].chat-app.theme-dark{
  --customer-chat-surface:#0f172a;
  --customer-chat-soft:#0f172a;
  --customer-chat-line:rgba(148,163,184,.15);
  --customer-chat-text:#edf2f7;
  --customer-chat-muted:#a6b0c1;
  border-color:rgba(148,163,184,.16);
}

body.chat-body [data-chat].chat-app.theme-dark .chat-messages,
body.chat-body [data-chat].chat-app.theme-dark .chat-composer,
body.chat-body [data-chat].chat-app.theme-dark .chat-branding{
  background-color:#0f172a;
}

body.chat-body [data-chat].chat-app.theme-dark .chat-message.assistant .chat-bubble,
body.chat-body [data-chat].chat-app.theme-dark .chat-message.operator .chat-bubble,
body.chat-body [data-chat].chat-app.theme-dark .chat-input-shell,
body.chat-body [data-chat].chat-app.theme-dark .quick-replies button{
  border-color:rgba(148,163,184,.18);
  background:#182235;
  color:#edf2f7;
}

@media(prefers-color-scheme:dark){
  body.chat-body [data-chat].chat-app.theme-auto{
    --customer-chat-surface:#0f172a;
    --customer-chat-soft:#0f172a;
    --customer-chat-line:rgba(148,163,184,.15);
    --customer-chat-text:#edf2f7;
    --customer-chat-muted:#a6b0c1;
    border-color:rgba(148,163,184,.16);
  }
  body.chat-body [data-chat].chat-app.theme-auto .chat-messages,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-branding{
    background-color:#0f172a;
  }
  body.chat-body [data-chat].chat-app.theme-auto .chat-message.assistant .chat-bubble,
  body.chat-body [data-chat].chat-app.theme-auto .chat-message.operator .chat-bubble,
  body.chat-body [data-chat].chat-app.theme-auto .chat-input-shell,
  body.chat-body [data-chat].chat-app.theme-auto .quick-replies button{
    border-color:rgba(148,163,184,.18);
    background:#182235;
    color:#edf2f7;
  }
}

@media(max-width:640px){
  body.chat-body{
    background:#fff;
  }
  body.chat-body [data-chat].chat-app{
    width:100%;
    max-width:none;
    height:100dvh;
    min-height:100dvh;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  body.chat-body [data-chat].chat-app .chat-header{
    padding:max(10px,env(safe-area-inset-top)) 13px 10px;
  }
  body.chat-body [data-chat].chat-app .chat-header-top{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-agent{
    gap:10px;
  }
  body.chat-body [data-chat].chat-app .chat-logo{
    width:44px;
    min-width:44px;
    height:44px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-eyebrow,
  body.chat-body [data-chat].chat-app .chat-agent-proof{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    font-size:14px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-meta p{
    margin-top:3px;
    font-size:9px;
  }
  body.chat-body [data-chat].chat-app .chat-human-action{
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
    padding:0;
  }
  body.chat-body [data-chat].chat-app .chat-human-action span{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-messages{
    padding:18px 13px 14px;
    gap:12px;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    max-width:90%;
    gap:7px;
  }
  body.chat-body [data-chat].chat-app .chat-message>.chat-avatar{
    width:25px;
    min-width:25px;
    height:25px;
    font-size:9px;
  }
  body.chat-body [data-chat].chat-app .chat-bubble,
  body.chat-body [data-chat].chat-app .chat-message>div{
    padding:10px 12px;
    border-radius:16px;
  }
  body.chat-body [data-chat].chat-app .chat-bubble p{
    font-size:14px;
    line-height:1.85;
  }
  body.chat-body [data-chat].chat-app .quick-replies{
    flex-wrap:nowrap;
    overflow-x:auto;
    margin:2px 32px 0 0;
    padding-bottom:2px;
    scrollbar-width:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies::-webkit-scrollbar{
    display:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies button{
    flex:0 0 auto;
    min-height:40px;
    padding-inline:13px;
    white-space:nowrap;
  }
  body.chat-body [data-chat].chat-app .chat-composer{
    grid-template-columns:minmax(0,1fr) 49px;
    padding:8px 10px calc(9px + env(safe-area-inset-bottom));
    gap:8px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-height:50px;
    border-radius:16px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell textarea{
    min-height:48px;
    padding:10px 13px 8px;
    font-size:16px;
    line-height:1.7;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    width:49px;
    min-width:49px;
    height:49px;
    min-height:49px;
    border-radius:15px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>small,
  body.chat-body [data-chat].chat-app .chat-branding{
    display:none;
  }
}

/* Customer chat phase 13: final product polish */
body.chat-body [data-chat].chat-app{
  outline:1px solid rgba(255,255,255,.46);
  outline-offset:-1px;
}

body.chat-body [data-chat].chat-app .chat-header-main,
body.chat-body [data-chat].chat-app .chat-agent,
body.chat-body [data-chat].chat-app .chat-header-actions{
  min-width:0;
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1{
  max-width:min(42vw,360px);
  letter-spacing:-.01em;
}

body.chat-body [data-chat].chat-app .chat-messages{
  scroll-behavior:smooth;
  scrollbar-width:thin;
  scrollbar-color:rgba(100,116,139,.22) transparent;
}

body.chat-body [data-chat].chat-app .chat-messages::-webkit-scrollbar{
  width:6px;
}

body.chat-body [data-chat].chat-app .chat-messages::-webkit-scrollbar-thumb{
  border:2px solid transparent;
  border-radius:999px;
  background:rgba(100,116,139,.24);
  background-clip:padding-box;
}

body.chat-body [data-chat].chat-app .chat-bubble p{
  text-wrap:pretty;
}

body.chat-body [data-chat].chat-app .chat-bubble a{
  color:inherit;
  font-weight:750;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:3px;
}

body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble{
  border-bottom:1px solid color-mix(in srgb,var(--channel-color) 72%,#fff);
}

body.chat-body [data-chat].chat-app .chat-message.assistant .chat-bubble{
  border-bottom-color:color-mix(in srgb,var(--channel-color) 13%,var(--cc-border));
}

body.chat-body [data-chat].chat-app .chat-typing .chat-bubble{
  min-width:54px;
  padding:13px 15px;
}

body.chat-body [data-chat].chat-app .chat-typing .chat-bubble p{
  min-height:8px;
}

body.chat-body [data-chat].chat-app .quick-replies button,
body.chat-body [data-chat].chat-app .chat-human-action,
body.chat-body [data-chat].chat-app .chat-composer>button,
body.chat-body [data-chat].chat-app .contact-capture-form button{
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease,opacity .18s ease;
}

body.chat-body [data-chat].chat-app .quick-replies button:active,
body.chat-body [data-chat].chat-app .chat-human-action:active,
body.chat-body [data-chat].chat-app .contact-capture-form button:active{
  opacity:.78;
}

body.chat-body [data-chat].chat-app :is(button,input,textarea,a):focus-visible{
  outline:3px solid color-mix(in srgb,var(--channel-color) 28%,transparent);
  outline-offset:2px;
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea:focus-visible{
  outline:0;
}

body.chat-body [data-chat].chat-app .chat-composer>button:not(:disabled):active{
  transform:scale(.96);
}

body.chat-body [data-chat].chat-app .contact-capture-form button:disabled{
  cursor:wait;
  opacity:.66;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .contact-capture{
  animation:contact-capture-enter .28s cubic-bezier(.2,.8,.2,1) both;
}

@keyframes contact-capture-enter{
  from{opacity:0;transform:translateY(8px) scale(.985)}
  to{opacity:1;transform:none}
}

body.chat-body [data-chat].chat-app .handoff-note{
  display:grid;
  width:min(100% - 35px,470px);
  margin:3px 35px 3px 0;
  padding:12px 14px;
  gap:3px;
  border:1px solid color-mix(in srgb,#16a34a 24%,var(--cc-border));
  border-radius:14px;
  background:color-mix(in srgb,#16a34a 5%,#fff);
  box-shadow:none;
  color:#166534;
}

body.chat-body [data-chat].chat-app .handoff-note strong{
  font-size:11px;
  font-weight:850;
  line-height:1.6;
}

body.chat-body [data-chat].chat-app .handoff-note span{
  color:#3f6f50;
  font-size:9px;
  line-height:1.7;
}

body.chat-body [data-chat].chat-app .chat-branding{
  min-height:22px;
  padding:3px 10px 5px;
  opacity:.82;
}

body.chat-body [data-chat].chat-app .chat-error:not([hidden]){
  animation:contact-capture-enter .22s ease both;
}

body.chat-body [data-chat].chat-app[data-runtime-state="thinking"] .chat-logo i{
  animation:ui-pulse 1.2s ease-in-out infinite;
}

body.chat-body [data-chat].chat-app[data-runtime-state="handoff"] .chat-agent-copy>p i{
  background:#f59e0b;
  box-shadow:0 0 0 3px rgba(245,158,11,.13);
}

body.chat-body [data-chat].chat-app.theme-dark .handoff-note{
  border-color:rgba(74,222,128,.2);
  background:rgba(22,101,52,.18);
  color:#bbf7d0;
}

body.chat-body [data-chat].chat-app.theme-dark .handoff-note span{
  color:#9bd4ae;
}

@media(max-width:640px){
  body.chat-body [data-chat].chat-app{
    outline:0;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-width:min(52vw,230px);
  }
  body.chat-body [data-chat].chat-app .chat-messages{
    scroll-padding-block:12px;
  }
  body.chat-body [data-chat].chat-app .handoff-note{
    width:calc(100% - 25px);
    margin-inline-start:25px;
    margin-inline-end:0;
  }
  body.chat-body [data-chat].chat-app .chat-branding{
    min-height:20px;
    padding-block:2px 3px;
  }
}

@media(max-width:390px){
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-width:48vw;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy>p{
    max-width:48vw;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(max-height:620px) and (orientation:landscape){
  body.chat-body{
    padding:8px;
  }
  body.chat-body [data-chat].chat-app{
    height:calc(100dvh - 16px);
    min-height:0;
    border-radius:18px;
  }
  body.chat-body [data-chat].chat-app .chat-header{
    min-height:60px;
    padding-block:7px;
  }
  body.chat-body [data-chat].chat-app .chat-logo{
    width:42px;
    min-width:42px;
    height:42px;
  }
}

@media(prefers-reduced-motion:reduce){
  body.chat-body [data-chat].chat-app .chat-messages{
    scroll-behavior:auto;
  }
  body.chat-body [data-chat].chat-app .contact-capture,
  body.chat-body [data-chat].chat-app .chat-error:not([hidden]){
    animation:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies button,
  body.chat-body [data-chat].chat-app .chat-human-action,
  body.chat-body [data-chat].chat-app .chat-composer>button,
  body.chat-body [data-chat].chat-app .contact-capture-form button{
    transition:none;
  }
}

/* Customer chat phase 12: compact composer and contact handoff */
body.chat-body [data-chat].chat-app .chat-header{
  overflow:visible;
}

body.chat-body [data-chat].chat-app .chat-human-action,
body.chat-body [data-chat].chat-app.theme-auto .chat-human-action{
  overflow:visible;
  transform:none!important;
}

body.chat-body [data-chat].chat-app .chat-human-action:hover,
body.chat-body [data-chat].chat-app.theme-auto .chat-human-action:hover{
  transform:none!important;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--channel-color) 9%,transparent),0 4px 12px rgba(15,23,42,.06);
}

body.chat-body [data-chat].chat-app .chat-human-action>i{
  display:grid;
  place-items:center;
  width:21px;
  height:21px;
  flex:0 0 21px;
  border-radius:7px;
  background:color-mix(in srgb,var(--channel-color) 11%,#fff);
  color:var(--cc-brand);
}

body.chat-body [data-chat].chat-app.theme-auto .chat-human-action>i{
  background:color-mix(in srgb,var(--channel-color) 11%,#fff);
  color:var(--cc-brand);
}

body.chat-body [data-chat].chat-app.theme-dark .chat-human-action>i{
  background:rgba(255,255,255,.1);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
  grid-template-columns:minmax(0,1fr) 42px;
  min-height:56px;
  padding:6px 11px;
  gap:7px;
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  min-height:42px;
  border-radius:13px;
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea{
  min-height:40px;
  max-height:104px;
  padding:7px 11px 6px;
  line-height:1.7;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  width:42px;
  min-width:42px;
  height:42px;
  min-height:42px;
  border-radius:13px;
}

body.chat-body [data-chat].chat-app .chat-composer>button svg{
  width:19px;
  height:19px;
}

body.chat-body [data-chat].chat-app .contact-capture{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  width:min(100%,470px);
  margin:4px 35px 2px 0;
  padding:14px;
  gap:10px 11px;
  border:1px solid color-mix(in srgb,var(--channel-color) 20%,var(--cc-border));
  border-radius:17px;
  background:#fff;
  box-shadow:0 8px 24px rgba(15,23,42,.07);
  color:var(--cc-text);
}

body.chat-body [data-chat].chat-app .contact-capture-icon{
  display:grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:12px;
  background:color-mix(in srgb,var(--channel-color) 11%,#fff);
  color:var(--cc-brand);
  font-size:17px;
}

body.chat-body [data-chat].chat-app .contact-capture-copy{
  min-width:0;
}

body.chat-body [data-chat].chat-app .contact-capture-copy strong{
  display:block;
  margin:0 0 3px;
  color:var(--cc-text);
  font-size:13px;
  font-weight:850;
  line-height:1.6;
}

body.chat-body [data-chat].chat-app .contact-capture-copy span{
  display:block;
  color:var(--cc-muted);
  font-size:10px;
  line-height:1.7;
}

body.chat-body [data-chat].chat-app .contact-capture-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  grid-column:1/-1;
  gap:8px;
}

body.chat-body [data-chat].chat-app .contact-capture-form label{
  position:relative;
  min-width:0;
}

body.chat-body [data-chat].chat-app .contact-capture-form label>span{
  position:absolute;
  inset:5px 11px auto auto;
  color:#8a94a6;
  font-size:8px;
  font-weight:700;
  pointer-events:none;
}

body.chat-body [data-chat].chat-app .contact-capture-form input{
  width:100%;
  height:48px;
  padding:17px 11px 4px;
  border:1px solid #dfe5ed;
  border-radius:12px;
  outline:0;
  background:#f8fafc;
  color:var(--cc-text);
  direction:ltr;
  text-align:right;
  font-family:inherit;
  font-size:14px;
}

body.chat-body [data-chat].chat-app .contact-capture-form input:focus{
  border-color:color-mix(in srgb,var(--channel-color) 56%,#dfe5ed);
  background:#fff;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--channel-color) 9%,transparent);
}

body.chat-body [data-chat].chat-app .contact-capture-form input[aria-invalid="true"]{
  border-color:#e5484d;
  box-shadow:0 0 0 3px rgba(229,72,77,.08);
}

body.chat-body [data-chat].chat-app .contact-capture-form button{
  min-height:48px;
  padding:0 15px;
  border:0;
  border-radius:12px;
  background:linear-gradient(145deg,var(--channel-color),var(--cc-brand));
  box-shadow:0 5px 13px color-mix(in srgb,var(--channel-color) 18%,transparent);
  color:#fff;
  font-family:inherit;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}

body.chat-body [data-chat].chat-app .contact-capture-form small{
  grid-column:1/-1;
  min-height:0;
  color:#c43236;
  font-size:9px;
  line-height:1.6;
}

body.chat-body [data-chat].chat-app .contact-capture>p{
  grid-column:1/-1;
  margin:0;
  color:#929cad;
  font-size:8px;
  line-height:1.6;
}

body.chat-body [data-chat].chat-app.theme-dark .contact-capture{
  border-color:rgba(148,163,184,.18);
  background:#172235;
}

body.chat-body [data-chat].chat-app.theme-dark .contact-capture-copy strong{
  color:#f8fafc;
}

body.chat-body [data-chat].chat-app.theme-dark .contact-capture-form input{
  border-color:rgba(148,163,184,.2);
  background:#101827;
  color:#f8fafc;
}

@media(max-width:640px){
  body.chat-body [data-chat].chat-app .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
    grid-template-columns:minmax(0,1fr) 42px;
    min-height:54px;
    padding:6px 8px calc(6px + env(safe-area-inset-bottom));
    gap:6px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-height:42px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell textarea{
    min-height:40px;
    padding:6px 10px 5px;
    font-size:16px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    width:42px;
    min-width:42px;
    height:42px;
    min-height:42px;
  }
  body.chat-body [data-chat].chat-app .contact-capture{
    grid-template-columns:34px minmax(0,1fr);
    width:calc(100% - 25px);
    margin:2px 25px 2px 0;
    padding:12px;
    gap:8px 9px;
    border-radius:15px;
  }
  body.chat-body [data-chat].chat-app .contact-capture-icon{
    width:34px;
    height:34px;
    border-radius:10px;
    font-size:15px;
  }
  body.chat-body [data-chat].chat-app .contact-capture-form{
    grid-template-columns:1fr;
    gap:7px;
  }
  body.chat-body [data-chat].chat-app .contact-capture-form input{
    height:46px;
    font-size:16px;
  }
  body.chat-body [data-chat].chat-app .contact-capture-form button{
    min-height:44px;
  }
}

@media(max-width:360px){
  body.chat-body [data-chat].chat-app .chat-message{
    max-width:94%;
  }
  body.chat-body [data-chat].chat-app .chat-agent-meta p{
    max-width:180px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
  }
}

@media(prefers-reduced-motion:reduce){
  body.chat-body [data-chat].chat-app .chat-message.is-new{
    opacity:1;
    transform:none;
    transition:none;
  }
}

/* Customer chat phase 10: complete conversation-first rebuild */
body.chat-body{
  --cc-bg:#eef3f8;
  --cc-surface:#fff;
  --cc-conversation:#f7f9fc;
  --cc-border:#e5eaf1;
  --cc-text:#172033;
  --cc-muted:#748094;
  min-height:100dvh;
  padding:24px;
  background:
    radial-gradient(circle at 12% 10%,color-mix(in srgb,var(--channel-color) 9%,transparent),transparent 30rem),
    radial-gradient(circle at 88% 92%,rgba(14,165,233,.08),transparent 28rem),
    var(--cc-bg);
}

body.chat-body [data-chat].chat-app,
body.chat-body [data-chat].chat-app.theme-auto{
  --cc-brand:color-mix(in srgb,var(--channel-color) 80%,#172033);
  display:grid;
  grid-template-rows:auto minmax(0,1fr) auto auto;
  width:min(100%,720px);
  max-width:720px;
  height:min(860px,calc(100dvh - 48px));
  min-height:min(620px,calc(100dvh - 48px));
  margin:0 auto;
  border:1px solid rgba(255,255,255,.9);
  border-radius:24px;
  background:var(--cc-surface);
  box-shadow:0 24px 70px rgba(30,41,59,.14),0 2px 8px rgba(30,41,59,.05);
  color:var(--cc-text);
}

body.chat-body [data-chat].chat-app .chat-header,
body.chat-body [data-chat].chat-app.theme-auto .chat-header{
  min-height:76px;
  padding:12px 16px;
  border:0;
  border-bottom:1px solid var(--cc-border);
  background:rgba(255,255,255,.98);
  box-shadow:none;
  color:var(--cc-text);
}

body.chat-body [data-chat].chat-app .chat-header-main{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-height:50px;
}

body.chat-body [data-chat].chat-app .chat-agent{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
}

body.chat-body [data-chat].chat-app .chat-logo{
  position:relative;
  display:grid;
  place-items:center;
  width:48px;
  min-width:48px;
  height:48px;
  overflow:visible;
  border:0;
  border-radius:15px;
  background:linear-gradient(145deg,color-mix(in srgb,var(--channel-color) 84%,#fff),var(--cc-brand));
  box-shadow:0 7px 16px color-mix(in srgb,var(--channel-color) 20%,transparent);
  color:#fff;
  font-size:17px;
  font-weight:850;
}

body.chat-body [data-chat].chat-app .chat-logo i{
  position:absolute;
  inset:auto -1px -1px auto;
  width:13px;
  height:13px;
  border:3px solid #fff;
  border-radius:50%;
  background:#24c875;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .chat-agent-copy{
  display:block;
  min-width:0;
}

body.chat-body [data-chat].chat-app .chat-agent-copy h1{
  overflow:hidden;
  margin:0;
  color:var(--cc-text);
  font-size:15px;
  font-weight:850;
  line-height:1.5;
  text-overflow:ellipsis;
  white-space:nowrap;
}

body.chat-body [data-chat].chat-app .chat-agent-copy>p{
  display:flex;
  align-items:center;
  gap:6px;
  margin:3px 0 0;
  color:var(--cc-muted);
  font-size:10px;
  font-weight:650;
  line-height:1.5;
}

body.chat-body [data-chat].chat-app .chat-agent-copy>p i{
  width:7px;
  height:7px;
  border-radius:50%;
  background:#24c875;
  box-shadow:0 0 0 3px rgba(36,200,117,.12);
}

body.chat-body [data-chat].chat-app .chat-header-actions{
  display:flex;
  align-items:center;
  gap:8px;
  flex:0 0 auto;
}

body.chat-body [data-chat].chat-app .chat-human-action{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:auto;
  min-width:0;
  min-height:40px;
  padding:0 12px;
  gap:7px;
  border:1px solid var(--cc-border);
  border-radius:12px;
  background:#fff;
  box-shadow:none;
  color:#475569;
  font-size:10px;
  font-weight:750;
}

body.chat-body [data-chat].chat-app .chat-human-action:hover{
  border-color:color-mix(in srgb,var(--channel-color) 30%,var(--cc-border));
  background:color-mix(in srgb,var(--channel-color) 4%,#fff);
  color:var(--cc-brand);
}

body.chat-body [data-chat].chat-app .chat-close-action{
  display:grid;
  place-items:center;
  width:40px;
  height:40px;
  border:1px solid var(--cc-border);
  border-radius:12px;
  background:#fff;
  color:#64748b;
  font-size:20px;
}

body.chat-body [data-chat].chat-app .chat-messages,
body.chat-body [data-chat].chat-app.theme-auto .chat-messages{
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:20px 22px 24px;
  gap:14px;
  overflow-y:auto;
  overflow-x:hidden;
  background:
    linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),
    radial-gradient(circle at 90% 0,color-mix(in srgb,var(--channel-color) 6%,transparent),transparent 26rem),
    var(--cc-conversation);
}

body.chat-body [data-chat].chat-app .chat-day{
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 4px;
}

body.chat-body [data-chat].chat-app .chat-day::before,
body.chat-body [data-chat].chat-app .chat-day::after{
  display:none;
}

body.chat-body [data-chat].chat-app .chat-day span{
  padding:5px 10px;
  border:1px solid var(--cc-border);
  border-radius:999px;
  background:rgba(255,255,255,.9);
  box-shadow:none;
  color:#8a94a6;
  font-size:9px;
  font-weight:650;
}

body.chat-body [data-chat].chat-app .chat-message{
  display:flex;
  align-items:flex-start;
  width:fit-content;
  max-width:min(82%,560px);
  gap:8px;
}

body.chat-body [data-chat].chat-app .chat-message>.chat-avatar{
  display:grid;
  place-items:center;
  width:27px;
  min-width:27px;
  height:27px;
  margin-top:5px;
  border:0;
  border-radius:9px;
  background:color-mix(in srgb,var(--channel-color) 12%,#fff);
  box-shadow:none;
  color:var(--cc-brand);
  font-size:9px;
  font-weight:800;
}

body.chat-body [data-chat].chat-app .chat-bubble,
body.chat-body [data-chat].chat-app .chat-message>div{
  padding:11px 14px 9px;
  border-radius:16px;
  font-size:14px;
  line-height:1.9;
}

body.chat-body [data-chat].chat-app .chat-message.assistant .chat-bubble,
body.chat-body [data-chat].chat-app .chat-message.operator .chat-bubble{
  border:1px solid var(--cc-border);
  border-start-start-radius:5px;
  background:#fff;
  box-shadow:0 4px 14px rgba(15,23,42,.045);
  color:var(--cc-text);
}

body.chat-body [data-chat].chat-app .chat-message.user{
  align-self:flex-end;
  margin:0;
}

body.chat-body [data-chat].chat-app .chat-message.user .chat-bubble{
  border:0;
  border-start-end-radius:5px;
  background:linear-gradient(145deg,var(--channel-color),var(--cc-brand));
  box-shadow:0 6px 15px color-mix(in srgb,var(--channel-color) 20%,transparent);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-bubble small{
  display:block;
  margin:0 0 3px;
  color:color-mix(in srgb,var(--channel-color) 50%,#64748b);
  font-size:9px;
  font-weight:750;
}

body.chat-body [data-chat].chat-app .chat-bubble p{
  margin:0;
  color:inherit;
  font-size:14px;
  font-weight:500;
  line-height:1.9;
}

body.chat-body [data-chat].chat-app .chat-bubble time{
  display:block;
  margin-top:4px;
  color:#9aa3b2;
  font-size:8px;
  line-height:1.4;
}

body.chat-body [data-chat].chat-app .quick-replies{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  width:auto;
  max-width:calc(100% - 35px);
  margin:0 35px 0 0;
  padding:0;
}

body.chat-body [data-chat].chat-app .quick-replies::before{
  display:none;
}

body.chat-body [data-chat].chat-app .quick-replies button{
  min-height:38px;
  padding:7px 12px;
  border:1px solid color-mix(in srgb,var(--channel-color) 20%,var(--cc-border));
  border-radius:999px;
  background:rgba(255,255,255,.94);
  box-shadow:0 2px 7px rgba(15,23,42,.03);
  color:var(--cc-brand);
  font-size:10px;
  font-weight:750;
}

body.chat-body [data-chat].chat-app .quick-replies button:hover{
  transform:translateY(-1px);
  border-color:color-mix(in srgb,var(--channel-color) 46%,var(--cc-border));
  background:color-mix(in srgb,var(--channel-color) 5%,#fff);
}

body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
  display:grid;
  grid-template-columns:minmax(0,1fr) 48px;
  align-items:center;
  min-height:74px;
  padding:10px 14px;
  gap:9px;
  border:0;
  border-top:1px solid var(--cc-border);
  background:#fff;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  display:block;
  min-width:0;
  min-height:48px;
  border:1px solid #dfe5ed;
  border-radius:15px;
  background:#f8fafc;
  box-shadow:none;
}

body.chat-body [data-chat].chat-app .chat-input-shell:focus-within{
  border-color:color-mix(in srgb,var(--channel-color) 55%,#dfe5ed);
  background:#fff;
  box-shadow:0 0 0 3px color-mix(in srgb,var(--channel-color) 10%,transparent);
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea{
  display:block;
  width:100%;
  min-height:46px;
  max-height:116px;
  padding:11px 13px 9px;
  border:0;
  background:transparent;
  color:var(--cc-text);
  font-size:14px;
  line-height:1.7;
  resize:none;
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea::placeholder{
  color:#929cad;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  display:grid;
  place-items:center;
  width:48px;
  min-width:48px;
  height:48px;
  min-height:48px;
  margin:0;
  border:0;
  border-radius:15px;
  background:linear-gradient(145deg,var(--channel-color),var(--cc-brand));
  box-shadow:0 6px 15px color-mix(in srgb,var(--channel-color) 22%,transparent);
  color:#fff;
}

body.chat-body [data-chat].chat-app .chat-composer>button:disabled{
  background:#d8dee8;
  box-shadow:none;
  color:#fff;
  opacity:1;
}

body.chat-body [data-chat].chat-app .chat-composer>small{
  display:none;
}

body.chat-body [data-chat].chat-app .chat-branding,
body.chat-body [data-chat].chat-app.theme-auto .chat-branding{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:5px 10px 7px;
  gap:7px;
  border:0;
  background:#fff;
  color:#a0a8b5;
  font-size:8px;
}

body.chat-body [data-chat].chat-app .chat-branding img{
  display:block;
  width:62px;
  height:auto;
  filter:none;
  opacity:.6;
}

body.chat-body [data-chat].chat-app .chat-error{
  margin:8px 14px 0;
  border-radius:12px;
}

/* Auto follows the universally readable light product surface. Dark is explicit. */
@media(prefers-color-scheme:dark){
  body.chat-body [data-chat].chat-app.theme-auto{
    --customer-chat-surface:#fff;
    --customer-chat-soft:#f7f9fc;
    --customer-chat-line:rgba(15,23,42,.09);
    --customer-chat-text:#172033;
    --customer-chat-muted:#697386;
    --cc-surface:#fff;
    --cc-conversation:#f7f9fc;
    --cc-border:#e5eaf1;
    --cc-text:#172033;
    --cc-muted:#748094;
    border-color:rgba(255,255,255,.9);
    background:#fff;
    color:var(--cc-text);
  }
  body.chat-body [data-chat].chat-app.theme-auto .chat-header,
  body.chat-body [data-chat].chat-app.theme-auto .chat-messages,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-branding{
    background-color:#fff;
    color:var(--cc-text);
  }
  body.chat-body [data-chat].chat-app.theme-auto .chat-messages{
    background:
      linear-gradient(rgba(255,255,255,.45),rgba(255,255,255,.45)),
      radial-gradient(circle at 90% 0,color-mix(in srgb,var(--channel-color) 6%,transparent),transparent 26rem),
      var(--cc-conversation);
  }
  body.chat-body [data-chat].chat-app.theme-auto .chat-message.assistant .chat-bubble,
  body.chat-body [data-chat].chat-app.theme-auto .chat-message.operator .chat-bubble,
  body.chat-body [data-chat].chat-app.theme-auto .chat-input-shell,
  body.chat-body [data-chat].chat-app.theme-auto .quick-replies button{
    border-color:var(--cc-border);
    background:#fff;
    color:var(--cc-text);
  }
  body.chat-body [data-chat].chat-app.theme-auto .chat-input-shell{
    background:#f8fafc;
  }
}

body.chat-body [data-chat].chat-app.theme-dark{
  --cc-surface:#101827;
  --cc-conversation:#0c1422;
  --cc-border:rgba(148,163,184,.16);
  --cc-text:#eef3f8;
  --cc-muted:#9ca8b9;
  border-color:rgba(148,163,184,.14);
  background:var(--cc-surface);
}

body.chat-body [data-chat].chat-app.theme-dark .chat-header,
body.chat-body [data-chat].chat-app.theme-dark .chat-composer,
body.chat-body [data-chat].chat-app.theme-dark .chat-branding{
  background:#101827;
}

body.chat-body [data-chat].chat-app.theme-dark .chat-messages{
  background:#0c1422;
}

body.chat-body [data-chat].chat-app.theme-dark .chat-message.assistant .chat-bubble,
body.chat-body [data-chat].chat-app.theme-dark .chat-message.operator .chat-bubble,
body.chat-body [data-chat].chat-app.theme-dark .chat-input-shell,
body.chat-body [data-chat].chat-app.theme-dark .quick-replies button,
body.chat-body [data-chat].chat-app.theme-dark .chat-human-action{
  border-color:rgba(148,163,184,.18);
  background:#172235;
  color:#eef3f8;
}

@media(max-width:640px){
  body.chat-body{
    min-height:100dvh;
    padding:0;
    background:#fff;
  }
  body.chat-body [data-chat].chat-app,
  body.chat-body [data-chat].chat-app.theme-auto{
    width:100%;
    max-width:none;
    height:100dvh;
    min-height:100dvh;
    margin:0;
    border:0;
    border-radius:0;
    box-shadow:none;
  }
  body.chat-body [data-chat].chat-app .chat-header{
    min-height:68px;
    padding:max(9px,env(safe-area-inset-top)) 12px 9px;
  }
  body.chat-body [data-chat].chat-app .chat-header-main{
    min-height:48px;
  }
  body.chat-body [data-chat].chat-app .chat-agent{
    gap:9px;
  }
  body.chat-body [data-chat].chat-app .chat-logo{
    width:43px;
    min-width:43px;
    height:43px;
    border-radius:14px;
    font-size:15px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-width:210px;
    font-size:14px;
  }
  body.chat-body [data-chat].chat-app .chat-agent-copy>p{
    font-size:9px;
  }
  body.chat-body [data-chat].chat-app .chat-human-action{
    width:40px;
    min-width:40px;
    height:40px;
    min-height:40px;
    padding:0;
    border-radius:12px;
  }
  body.chat-body [data-chat].chat-app .chat-human-action span{
    display:none;
  }
  body.chat-body [data-chat].chat-app .chat-messages{
    padding:16px 11px 18px;
    gap:12px;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    max-width:91%;
    gap:6px;
  }
  body.chat-body [data-chat].chat-app .chat-message>.chat-avatar{
    width:24px;
    min-width:24px;
    height:24px;
    margin-top:4px;
    border-radius:8px;
  }
  body.chat-body [data-chat].chat-app .chat-bubble,
  body.chat-body [data-chat].chat-app .chat-message>div{
    padding:10px 12px 8px;
    border-radius:15px;
  }
  body.chat-body [data-chat].chat-app .chat-bubble p{
    font-size:14px;
    line-height:1.85;
  }
  body.chat-body [data-chat].chat-app .quick-replies{
    flex-wrap:nowrap;
    width:calc(100vw - 35px);
    max-width:none;
    margin:0 30px 0 0;
    padding:1px 0 3px;
    overflow-x:auto;
    overscroll-behavior-inline:contain;
    scrollbar-width:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies::-webkit-scrollbar{
    display:none;
  }
  body.chat-body [data-chat].chat-app .quick-replies button{
    flex:0 0 auto;
    min-height:39px;
    padding-inline:12px;
    font-size:10px;
    white-space:nowrap;
  }
  body.chat-body [data-chat].chat-app .chat-composer{
    grid-template-columns:minmax(0,1fr) 48px;
    min-height:68px;
    padding:8px 10px calc(8px + env(safe-area-inset-bottom));
    gap:8px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-height:48px;
    border-radius:15px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell textarea{
    min-height:46px;
    padding:9px 12px 7px;
    font-size:16px;
    line-height:1.7;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    width:48px;
    min-width:48px;
    height:48px;
    min-height:48px;
    border-radius:15px;
  }
  body.chat-body [data-chat].chat-app .chat-branding{
    min-height:22px;
    padding:3px 8px calc(4px + env(safe-area-inset-bottom));
    font-size:7px;
  }
  body.chat-body [data-chat].chat-app .chat-branding img{
    width:54px;
  }
}

@media(max-width:360px){
  body.chat-body [data-chat].chat-app .chat-agent-copy h1{
    max-width:175px;
  }
  body.chat-body [data-chat].chat-app .chat-message{
    max-width:94%;
  }
}

/* Customer chat phase 11: interaction and visual precision */
body.chat-body [data-chat].chat-app .chat-error[hidden]{
  display:none!important;
}

body.chat-body [data-chat].chat-app.theme-auto .chat-header{
  border-bottom:1px solid var(--cc-border)!important;
  background:rgba(255,255,255,.98)!important;
  color:var(--cc-text)!important;
}

body.chat-body [data-chat].chat-app.theme-auto .chat-agent-copy h1{
  color:var(--cc-text)!important;
}

body.chat-body [data-chat].chat-app.theme-auto .chat-agent-copy>p{
  color:var(--cc-muted)!important;
}

body.chat-body [data-chat].chat-app.theme-auto .chat-human-action{
  border-color:var(--cc-border)!important;
  background:#fff!important;
  color:#475569!important;
}

body.chat-body [data-chat].chat-app.theme-auto .chat-human-action:hover{
  border-color:color-mix(in srgb,var(--channel-color) 34%,var(--cc-border))!important;
  background:color-mix(in srgb,var(--channel-color) 5%,#fff)!important;
  color:var(--cc-brand)!important;
}

body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
  min-height:62px;
  padding:7px 12px;
  gap:8px;
}

body.chat-body [data-chat].chat-app .chat-input-shell{
  min-height:46px;
  border-radius:14px;
}

body.chat-body [data-chat].chat-app .chat-input-shell textarea{
  min-height:44px;
  padding:9px 12px 7px;
}

body.chat-body [data-chat].chat-app .chat-composer>button{
  width:46px;
  min-width:46px;
  height:46px;
  min-height:46px;
  border-radius:14px;
}

body.chat-body [data-chat].chat-app .chat-message.assistant.is-entered{
  position:relative;
  z-index:1;
}

body.chat-body [data-chat].chat-app .chat-message.assistant.is-entered .chat-bubble{
  visibility:visible;
  opacity:1;
}

body.chat-body [data-chat].chat-app.theme-dark .chat-agent-copy h1{
  color:#f8fafc!important;
}

body.chat-body [data-chat].chat-app.theme-dark .chat-agent-copy>p{
  color:#cbd5e1!important;
}

@media(max-width:640px){
  body.chat-body [data-chat].chat-app .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
    grid-template-columns:minmax(0,1fr) 46px;
    min-height:60px;
    padding:7px 9px calc(7px + env(safe-area-inset-bottom));
  }
  body.chat-body [data-chat].chat-app .chat-input-shell{
    min-height:46px;
  }
  body.chat-body [data-chat].chat-app .chat-input-shell textarea{
    min-height:44px;
    padding:8px 11px 6px;
    font-size:16px;
  }
  body.chat-body [data-chat].chat-app .chat-composer>button{
    width:46px;
    min-width:46px;
    height:46px;
    min-height:46px;
  }
}


.product-guide-composer,
body.chat-body [data-chat].chat-app .chat-composer,
body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
  grid-template-columns:minmax(0,1fr) 46px 46px!important;
}
@media(max-width:640px){
  .product-guide-composer,
  body.chat-body [data-chat].chat-app .chat-composer,
  body.chat-body [data-chat].chat-app.theme-auto .chat-composer{
    grid-template-columns:minmax(0,1fr) 44px 44px!important;
    gap:7px!important;
  }
}

.telegram-webapp-page{max-width:1200px;margin:auto}.telegram-webapp-hero{padding-bottom:40px}.telegram-webapp-hero p:last-child{max-width:740px}.telegram-webapp-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr);gap:22px;align-items:stretch;max-width:1200px;margin:auto}.telegram-webapp-card{border:1px solid var(--line);background:#fff;box-shadow:0 18px 45px rgba(12,18,35,.06);padding:30px;border-radius:28px}.telegram-webapp-primary{background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)}.telegram-webapp-chip{display:inline-flex;align-items:center;gap:8px;margin-bottom:18px;padding:7px 12px;border-radius:999px;background:#eef2ff;color:#2f2be8;font-size:11px;font-weight:800;letter-spacing:.02em}.telegram-webapp-card h2{font-size:clamp(28px,4vw,44px);line-height:1.1;margin:0 0 14px}.telegram-webapp-card p{color:var(--muted);line-height:2;margin:0}.telegram-webapp-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.telegram-webapp-url{display:grid;gap:10px;margin-top:24px;padding:18px;border-radius:22px;background:#fff;border:1px solid #e5e7eb}.telegram-webapp-url small{color:#64748b;font-size:11px}.telegram-webapp-url code{direction:ltr;text-align:left;padding:12px 14px;border-radius:16px;background:#0f172a;color:#fff;font-size:12px;overflow:auto;white-space:nowrap}.telegram-webapp-side h3{font-size:24px;margin:0 0 16px}.telegram-webapp-list{margin:0;padding:0;list-style:none;display:grid;gap:12px}.telegram-webapp-list li{padding:14px 15px;border-radius:18px;background:#f8fafc;border:1px solid #e5e7eb;line-height:1.8}.telegram-webapp-side .muted{margin-top:18px}
@media (max-width:650px){.telegram-webapp-grid{grid-template-columns:1fr;gap:14px}.telegram-webapp-card{padding:22px;border-radius:22px}.telegram-webapp-actions{flex-direction:column}.telegram-webapp-url code{font-size:11px}}


.workspace-main>.page-title-row{max-width:1240px;margin-inline:auto;margin-bottom:24px;padding:0 2px}
.workspace-main>.page-title-row h1{max-width:820px;font-size:clamp(28px,3.2vw,46px);line-height:1.2;letter-spacing:-.8px}
.workspace-main>.page-title-row>div>p:last-child{max-width:720px;font-size:13px;line-height:1.95}
.workspace-main .panel{border-radius:20px;box-shadow:0 8px 24px rgba(31,37,63,.045)}
.workspace-main .panel-head{align-items:flex-start}
.workspace-main .panel-head h2,.workspace-main .panel-head h3{line-height:1.5}
.workspace-main label{line-height:1.8}
.workspace-main input,.workspace-main select,.workspace-main textarea{max-width:100%;box-sizing:border-box}


.workspace-main .settings-form{max-width:1240px;margin-inline:auto;gap:14px}
.workspace-main .form-section{grid-template-columns:72px minmax(0,920px);padding:30px clamp(20px,3vw,40px)}
.workspace-main .section-number{width:42px;height:42px;display:grid;place-items:center;font-weight:900}
.workspace-main .section-fields{max-width:none}
.workspace-main .section-fields h2{font-size:22px}
.workspace-main .section-fields>div:first-child p{max-width:700px;line-height:1.9}
.workspace-main .sticky-save{max-width:1240px;margin-inline:auto}


.workspace-main .hub-metrics{max-width:1240px;margin-inline:auto;margin-bottom:14px;gap:12px}
.workspace-main .hub-utility-grid{max-width:1240px;margin-inline:auto;gap:14px}
.workspace-main .conversation-hub{max-width:1240px;margin:0 auto}
.workspace-main .conversation-hub .inbox-list,.workspace-main .conversation-hub .inbox-detail{min-width:0}
.workspace-main .hub-filter{display:grid;grid-template-columns:minmax(180px,1.5fr) repeat(3,minmax(120px,1fr)) auto auto;gap:8px;align-items:center}
.workspace-main .conversation-row p{max-width:min(260px,26vw)}


.workspace-main .channels-v3{max-width:1240px;margin-inline:auto}
.workspace-main .channels-v3 .channel-metrics{gap:12px}
.workspace-main .channels-v3 .metric-card{border-radius:18px}
.workspace-main .channels-v3 .channel-settings,.workspace-main .channels-v3 .channel-trend,.workspace-main .channels-v3 .widget-panel{border-radius:20px}
.workspace-main .channels-v3 .qr-campaign-grid{gap:14px}
.workspace-main .channels-v3 .qr-campaign{min-width:0;border-radius:20px}
.workspace-main .channels-v3 .qr-builder-layout{gap:18px}


.workspace-main .subscription-title-row,.workspace-main .subscription-hero,.workspace-main .billing-grid,.workspace-main .billing-invoices,.workspace-main .billing-ledger{max-width:1240px;margin-inline:auto}
.workspace-main .subscription-hero{margin-bottom:14px}
.workspace-main .subscription-hero-main{min-width:0}
.workspace-main .subscription-stat-row{grid-template-columns:repeat(3,minmax(0,1fr))}
.workspace-main .payment-methods-panel,.workspace-main .billing-grid,.workspace-main .billing-invoices,.workspace-main .billing-ledger{margin-top:14px}


.workspace-main .integration-layout,.workspace-main .connection-grid,.workspace-main .api-webhook-grid{max-width:1240px;margin-inline:auto}
.workspace-main .integration-guide{line-height:1.95}
.workspace-main .integration-guide ol{padding-right:22px}
.workspace-main .integration-guide li{margin-bottom:8px}
.workspace-main .integration-welcome{max-width:1240px;margin:0 auto 14px;background:linear-gradient(145deg,#f8f7ff,#fff);border-color:#ddd9ff}
.workspace-main .integration-welcome .panel-head{margin-bottom:14px}
.workspace-main .integration-welcome h2{font-size:clamp(21px,2vw,28px)}
.workspace-main .integration-welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.workspace-main .integration-welcome-grid>div{display:flex;flex-direction:column;gap:5px;padding:14px 15px;border:1px solid #eceaf8;border-radius:14px;background:#fff;min-width:0}
.workspace-main .integration-welcome-grid b{font-size:13px;color:var(--ink-strong)}
.workspace-main .integration-welcome-grid span{font-size:11px;color:var(--muted);line-height:1.8}
.workspace-main .webhook-url{min-width:0}
.workspace-main .webhook-url code{display:block;max-width:100%;overflow:auto;white-space:nowrap}

@media(max-width:900px){
  .workspace-main .hub-filter{grid-template-columns:1fr 1fr}
  .workspace-main .hub-filter input{grid-column:1/-1}
  .workspace-main .hub-filter .button,.workspace-main .hub-filter a.button{width:100%}
}
@media(max-width:650px){
  .workspace-main>.page-title-row{padding:0;margin-bottom:18px}
  .workspace-main>.page-title-row h1{font-size:30px}
  .workspace-main .form-section{grid-template-columns:1fr;padding:20px}
  .workspace-main .section-number{margin-bottom:12px}
  .workspace-main .hub-filter{grid-template-columns:1fr}
  .workspace-main .hub-filter input{grid-column:auto}
  .workspace-main .conversation-row p{max-width:none}
  .workspace-main .subscription-stat-row{grid-template-columns:1fr}
  .workspace-main .integration-welcome-grid{grid-template-columns:1fr}
  .workspace-main .subscription-title-meta{align-items:flex-start;text-align:right;margin-top:12px}
}


.workspace-main .panel,.workspace-main .metric-card,.workspace-main .conversation-row,.workspace-main .subscription-side-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.workspace-main .panel:hover{border-color:#d9d6f7;box-shadow:0 12px 30px rgba(31,37,63,.07)}
.workspace-main .button:not(:disabled):hover{transform:translateY(-1px)}
.workspace-main .button:focus-visible,.workspace-main input:focus-visible,.workspace-main select:focus-visible,.workspace-main textarea:focus-visible,.workspace-main a:focus-visible{outline:3px solid rgba(99,91,255,.24);outline-offset:2px}
.workspace-main input::placeholder,.workspace-main textarea::placeholder{color:#98a2b3;opacity:1}
.workspace-main small,.workspace-main .muted{line-height:1.8}
.workspace-main .table-wrap{overflow-x:auto;border-radius:14px;scrollbar-width:thin}
.workspace-main table{min-width:680px}
.workspace-main .status-pill{white-space:nowrap;line-height:1.4}
.workspace-main .copy-field input{min-width:0;overflow:hidden;text-overflow:ellipsis}
@media(prefers-reduced-motion:reduce){.workspace-main .panel,.workspace-main .metric-card,.workspace-main .conversation-row,.workspace-main .subscription-side-card,.workspace-main .button{transition:none!important}.workspace-main .button:not(:disabled):hover{transform:none}}
@media(max-width:650px){.workspace-main .panel:hover{transform:none;box-shadow:0 8px 22px rgba(31,37,63,.05)}.workspace-main .table-wrap{margin-inline:-4px}}


.admin-surface .admin-customer-summary{grid-template-columns:repeat(5,minmax(0,1fr))}
.admin-surface .admin-customer-summary .metric-card{min-height:150px}
.admin-surface .customer-filter-panel{margin-bottom:18px;padding:20px}
.admin-surface .customer-filter-bar{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(2,minmax(170px,.8fr)) auto auto;align-items:end;gap:12px}
.admin-surface .customer-filter-bar label{display:grid;gap:7px;color:#475467;font-size:11px;font-weight:750}
.admin-surface .customer-filter-bar :is(input,select,.button){width:100%;min-height:44px;margin:0}
.admin-surface .customer-directory-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch}
.admin-surface .customer-directory-scroll:focus-visible{outline:2px solid var(--brand);outline-offset:2px}
.admin-surface .customer-directory-table{width:max-content;min-width:100%}
.admin-surface .customer-directory-table :is(th,td){min-width:132px;vertical-align:middle;white-space:nowrap!important;overflow-wrap:normal!important;word-break:normal!important;text-overflow:clip}
.admin-surface .customer-directory-table :is(th,td):nth-child(-n+3){min-width:220px}.admin-surface .customer-directory-table :is(th,td):nth-child(4){min-width:250px}
.admin-surface .customer-directory-table td>:is(b,small,span){max-width:none;white-space:nowrap;overflow:visible;text-overflow:clip;overflow-wrap:normal}.admin-surface .customer-directory-table td>small{display:inline;margin:0;color:#7a8494}.admin-surface .customer-directory-table td>small:before{content:'·';margin-inline:8px;color:#c1c7d0}
.admin-surface .customer-directory .button-small{white-space:nowrap}
.admin-surface .customer-usage-track{display:inline-block;width:90px;height:6px;margin-inline:9px;border-radius:999px;background:#eceef4;overflow:hidden}
.admin-surface .customer-usage-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6c5ce7,#27b89a)}
.admin-surface .customer-usage-track.large{width:100%;height:10px;margin:12px 0 9px}
.admin-surface .customer-health{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:#edf8f3;color:#13795b;font-size:10px;font-weight:850;white-space:nowrap}
.admin-surface .customer-health::before{content:'';width:7px;height:7px;border-radius:50%;background:currentColor}
.admin-surface .customer-health.warning{background:#fff5df;color:#a15c00}.admin-surface .customer-health.danger{background:#fff0ef;color:#b42318}
.admin-surface .customer-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:18px}
.admin-surface .customer-pagination span{color:#667085;font-size:12px;font-weight:750}
.admin-surface .customer-360-header{align-items:center}
.admin-surface .customer-360-header .eyebrow a{color:#5b50d6}
.admin-surface .customer-360-actions{display:flex;align-items:center;gap:10px;flex:0 0 auto}
.admin-surface .customer-health-overview{display:grid;grid-template-columns:170px minmax(0,1fr);align-items:center;gap:32px;margin-bottom:18px;border-color:#ddd9fb;background:linear-gradient(135deg,#fff 0%,#f7f5ff 100%)}
.admin-surface .customer-health-score{aspect-ratio:1;display:grid;place-content:center;text-align:center;border:10px solid #e9e6ff;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #dcd8fa,0 12px 28px rgba(72,61,170,.1)}
.admin-surface .customer-health-score strong{font:850 48px/1 Arial,Tahoma;color:#302779}.admin-surface .customer-health-score span{margin-top:3px;color:#8a92a3;font-size:10px}.admin-surface .customer-health-score b{margin-top:6px;color:#4c43a8;font-size:12px}
.admin-surface .customer-health-overview h2{margin-bottom:16px;font-size:clamp(22px,2.2vw,31px)}
.admin-surface .customer-health-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.admin-surface .customer-health-signals article{display:grid;grid-template-columns:9px minmax(0,1fr);gap:10px;padding:12px;border:1px solid #e7e8ef;border-radius:13px;background:rgba(255,255,255,.82)}
.admin-surface .customer-health-signals article>i{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#667085}.admin-surface .customer-health-signals article.warning>i{background:#e28a00}.admin-surface .customer-health-signals article.danger>i{background:#d92d20}.admin-surface .customer-health-signals article.success>i{background:#12a474}.admin-surface .customer-health-signals article.info>i{background:#4f7ee8}
.admin-surface .customer-health-signals b{font-size:12px}.admin-surface .customer-health-signals p{margin:2px 0 0;color:#667085;font-size:10px;line-height:1.75}
.admin-surface .customer-360-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.admin-surface .customer-360-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;margin-bottom:18px}
.admin-surface .customer-360-grid>.panel{height:100%;margin:0;overflow:hidden}
.admin-surface .customer-subscription-card{border-color:#dddff0}
.admin-surface .customer-subscription-name{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:15px;background:#101426;color:#fff}
.admin-surface .customer-subscription-name>div{display:grid;gap:3px}.admin-surface .customer-subscription-name span{color:#aeb6ca;font-size:10px}.admin-surface .customer-subscription-name strong{font-size:25px}.admin-surface .customer-subscription-name b{font-size:11px;align-self:center}
.admin-surface .customer-quota{margin:22px 0}.admin-surface .customer-quota>div{display:flex;justify-content:space-between;gap:15px}.admin-surface .customer-quota span,.admin-surface .customer-quota small{color:#667085;font-size:11px}.admin-surface .customer-quota b{font-size:12px}
.admin-surface .customer-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid #e8eaf0;border-radius:14px;overflow:hidden}
.admin-surface .customer-facts>div{min-width:0;padding:13px;border-bottom:1px solid #e8eaf0}.admin-surface .customer-facts>div:nth-child(odd){border-left:1px solid #e8eaf0}.admin-surface .customer-facts>div:nth-last-child(-n+2){border-bottom:0}.admin-surface .customer-facts dt{color:#7b8495;font-size:10px}.admin-surface .customer-facts dd{margin:3px 0 0;font-size:12px;font-weight:800;overflow-wrap:anywhere}
.admin-surface .customer-entitlements{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px}.admin-surface .customer-entitlements span{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border-radius:999px;background:#edf8f3;color:#13795b;font-size:10px;font-weight:750}.admin-surface .customer-entitlements span.disabled{background:#f1f2f5;color:#7a8494}.admin-surface .customer-entitlements i{font-style:normal}
.admin-surface .customer-profile-card .panel-head>strong{font:850 36px Arial,Tahoma;color:#423a9c}
.admin-surface .customer-profile-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.admin-surface .customer-profile-links a{padding:7px 10px;border:1px solid #e2e3ec;border-radius:10px;background:#fafaff;color:#4338a1;font-size:10px;font-weight:800}
.admin-surface .customer-member-list,.admin-surface .customer-channel-list,.admin-surface .customer-timeline{display:grid;gap:0}
.admin-surface .customer-member-list article{display:grid;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 0;border-bottom:1px solid #eceef3}.admin-surface .customer-member-list article:last-child{border-bottom:0}.admin-surface .customer-member-list article>div{display:grid;min-width:0}.admin-surface .customer-member-list article>div:last-child{justify-items:end}.admin-surface .customer-member-list small{color:#7a8494;font-size:9px;overflow:hidden;text-overflow:ellipsis}
.admin-surface .customer-channel-list article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #eceef3}.admin-surface .customer-channel-list article:last-child{border-bottom:0}.admin-surface .customer-channel-list article>div{display:grid;min-width:0}.admin-surface .customer-channel-list small{color:#7a8494;font-size:9px;overflow:hidden;text-overflow:ellipsis}
.admin-surface .customer-timeline article{display:grid;grid-template-columns:10px minmax(0,1fr);gap:11px;padding:13px 0;border-bottom:1px solid #eceef3}.admin-surface .customer-timeline article:last-child{border-bottom:0}.admin-surface .customer-timeline article>i{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#6c5ce7;box-shadow:0 0 0 5px #efedff}.admin-surface .customer-timeline p{margin:2px 0;color:#667085;font-size:10px;line-height:1.75}.admin-surface .customer-timeline small{color:#8a92a3;font-size:9px}
.admin-surface .seo-hypothesis{margin:12px 0;padding:11px 13px;border-right:3px solid #6c5ce7;border-radius:10px;background:#f7f6ff;color:#4b5262;line-height:1.85}
@media(max-width:1180px){.admin-surface .admin-customer-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-surface .customer-filter-bar{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .customer-filter-bar .button{width:100%}.admin-surface .customer-360-grid{grid-template-columns:1fr}.admin-surface .customer-360-grid>.panel{height:auto}}
@media(max-width:700px){.admin-surface .admin-customer-summary,.admin-surface .customer-360-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .customer-filter-bar{grid-template-columns:1fr}.admin-surface .customer-pagination{justify-content:space-between}.admin-surface .customer-pagination .button{padding-inline:12px}.admin-surface .customer-360-actions{width:100%;align-items:stretch;flex-direction:column}.admin-surface .customer-360-actions .button{width:100%}.admin-surface .customer-health-overview{grid-template-columns:1fr;padding:18px}.admin-surface .customer-health-score{width:132px;margin:auto;border-width:8px}.admin-surface .customer-health-score strong{font-size:39px}.admin-surface .customer-health-signals{grid-template-columns:1fr}.admin-surface .customer-subscription-name{grid-template-columns:1fr}.admin-surface .customer-facts{grid-template-columns:1fr}.admin-surface .customer-facts>div:nth-child(odd){border-left:0}.admin-surface .customer-facts>div:nth-last-child(2){border-bottom:1px solid #e8eaf0}.admin-surface .customer-member-list article{grid-template-columns:38px minmax(0,1fr)}.admin-surface .customer-member-list article>div:last-child{grid-column:2;justify-items:start}.admin-surface .customer-channel-list article{align-items:flex-start}.admin-surface .customer-directory .table-wrap{margin-inline:-18px}}
@media(max-width:430px){.admin-surface .admin-customer-summary,.admin-surface .customer-360-metrics{grid-template-columns:1fr}.admin-surface .admin-customer-summary .metric-card{min-height:128px}}


:root{--workspace-content:1280px;--workspace-gap:16px;--workspace-radius:20px;--workspace-control:44px}
.workspace-main{width:100%;box-sizing:border-box}
.workspace-main>.page-title-row,.workspace-main>.settings-form,.workspace-main>.channels-v3,.workspace-main>.integration-welcome,.workspace-main>.integration-layout,.workspace-main>.connection-grid,.workspace-main>.api-webhook-grid,.workspace-main>.subscription-title-row,.workspace-main>.subscription-hero,.workspace-main>.billing-grid,.workspace-main>.billing-invoices,.workspace-main>.billing-ledger{width:100%;max-width:var(--workspace-content);box-sizing:border-box}
.workspace-main>.page-title-row{min-height:86px;align-items:flex-start}
.workspace-main>.page-title-row .count-badge,.workspace-main>.page-title-row .status-pill{margin-top:8px}
.workspace-main .panel{padding:clamp(20px,2.2vw,30px);border-radius:var(--workspace-radius)}
.workspace-main .panel-head{min-height:38px}
.workspace-main .panel-head>div{min-width:0}
.workspace-main .panel-head p{max-width:760px}
.workspace-main .form-grid{gap:14px}
.workspace-main input,.workspace-main select{min-height:var(--workspace-control)}
.workspace-main textarea{min-height:112px;resize:vertical}

/* Conversations use a stable split-view rather than fluid card drift */
.workspace-main .conversation-hub{display:grid;grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:var(--workspace-gap);height:calc(100vh - 245px);min-height:680px}
.workspace-main .conversation-hub .inbox-list,.workspace-main .conversation-hub .inbox-detail{height:100%;border-radius:var(--workspace-radius)}
.workspace-main .conversation-hub .inbox-detail{min-height:0}
.workspace-main .conversation-hub .conversation-thread{min-height:180px;flex:1;overflow:auto}
.workspace-main .hub-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}


.workspace-main .channels-v3 .channel-grid,.workspace-main .channels-v3 .qr-campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--workspace-gap)}
.workspace-main .channels-v3 .channel-card,.workspace-main .channels-v3 .qr-campaign{min-height:250px}
.workspace-main .channels-v3 .channel-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}
.workspace-main .subscription-hero{grid-template-columns:minmax(0,1.35fr) minmax(300px,.85fr);gap:var(--workspace-gap)}
.workspace-main .billing-grid,.workspace-main .api-webhook-grid,.workspace-main .integration-layout{gap:var(--workspace-gap)}
.workspace-main .billing-grid>*,.workspace-main .integration-layout>*,.workspace-main .api-webhook-grid>*{min-width:0}


.workspace-main .integration-layout{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr)}
.workspace-main .integration-secret{max-width:var(--workspace-content);margin-inline:auto}
.workspace-main .integration-welcome-grid{min-height:102px}

@media(max-width:1100px){
  .workspace-main .conversation-hub{grid-template-columns:minmax(280px,330px) minmax(0,1fr)}
  .workspace-main .channels-v3 .channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .subscription-hero{grid-template-columns:1fr}
  .workspace-main .integration-layout{grid-template-columns:1fr}
}
@media(max-width:760px){
  .workspace-main>.page-title-row{min-height:0}
  .workspace-main .conversation-hub{display:block;height:auto;min-height:0}
  .workspace-main .conversation-hub .inbox-list{height:auto;max-height:520px;margin-bottom:var(--workspace-gap)}
  .workspace-main .conversation-hub .inbox-detail{height:auto;min-height:620px}
  .workspace-main .channels-v3 .channel-grid,.workspace-main .channels-v3 .qr-campaign-grid,.workspace-main .hub-management-grid{grid-template-columns:1fr}
  .workspace-main .channels-v3 .channel-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .panel{padding:18px}
}


.workspace-main,.workspace-main *{box-sizing:border-box}
.workspace-main .panel,.workspace-main article,.workspace-main section,.workspace-main form,.workspace-main label{min-width:0}
.workspace-main h1,.workspace-main h2,.workspace-main h3,.workspace-main p,.workspace-main small,.workspace-main b,.workspace-main span{overflow-wrap:anywhere}
.workspace-main .panel-head{flex-wrap:wrap;row-gap:10px}
.workspace-main .panel-head>div{flex:1 1 260px;min-width:0}
.workspace-main .panel-head>.button,.workspace-main .panel-head>form{flex:0 0 auto;max-width:100%}
.workspace-main .form-grid,.workspace-main .channel-grid,.workspace-main .qr-campaign-grid,.workspace-main .billing-grid,.workspace-main .integration-layout,.workspace-main .api-webhook-grid{min-width:0}
.workspace-main .form-grid>*{min-width:0}
.workspace-main .copy-field{min-width:0;max-width:100%}
.workspace-main .copy-field input{width:100%;min-width:0}
.workspace-main .copy-field button{flex:0 0 auto;white-space:nowrap}
.workspace-main .conversation-thread .thread-message{min-width:0;overflow-wrap:anywhere;word-break:break-word}
.workspace-main .conversation-thread .thread-message p{max-width:100%;white-space:pre-wrap}
.workspace-main .qr-campaign .qr-print{max-width:100%;min-width:0}
.workspace-main .qr-campaign>div:last-child{min-width:0}
.workspace-main .qr-downloads{flex-wrap:wrap;align-items:center}
.workspace-main .qr-downloads form{display:inline-flex;max-width:100%}
.workspace-main .domain-form,.workspace-main .domain-list{min-width:0;max-width:100%}
.workspace-main .code-block{max-width:100%;overflow:auto;word-break:break-word}
.workspace-main .subscription-stat-row>div,.workspace-main .subscription-hero-side>*{min-width:0;overflow-wrap:anywhere}
.workspace-main .integration-secret,.workspace-main .security-strip{max-width:100%;min-width:0}
.workspace-main .integration-secret code,.workspace-main .webhook-url code{overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}
.workspace-main .table-wrap td,.workspace-main .table-wrap th{vertical-align:middle;white-space:normal;overflow-wrap:anywhere}
@media(max-width:650px){
  .workspace-main .panel-head>.button,.workspace-main .panel-head>form{width:100%}
  .workspace-main .copy-field button{padding-inline:12px}
  .workspace-main .qr-downloads .button,.workspace-main .qr-downloads form{flex:1 1 88px}
  .workspace-main .qr-downloads form .button{width:100%}
  .workspace-main .domain-list span{max-width:100%;overflow-wrap:anywhere}
}


.workspace-main .leads-title-row,.workspace-main .learning-title,.workspace-main .integration-title-row,.workspace-main>.page-title-row:has(+ .settings-form){position:relative;overflow:hidden;isolation:isolate;padding:clamp(22px,3vw,34px);min-height:170px;border:1px solid #e3e1f7;border-radius:24px;background:radial-gradient(circle at 8% 0,rgba(99,91,255,.13),transparent 32%),linear-gradient(145deg,#fff,#fafaff);box-shadow:0 16px 40px rgba(31,37,63,.07)}
.workspace-main .leads-title-row::after,.workspace-main .learning-title::after,.workspace-main .integration-title-row::after,.workspace-main>.page-title-row:has(+ .settings-form)::after{content:'';position:absolute;left:-46px;bottom:-68px;width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,rgba(99,91,255,.11),rgba(6,182,212,.06));z-index:-1}
.workspace-main .leads-title-row h1,.workspace-main .learning-title h1,.workspace-main .integration-title-row h1,.workspace-main>.page-title-row:has(+ .settings-form) h1{font-size:clamp(28px,3vw,44px);max-width:790px}
.workspace-main .leads-title-row .count-badge,.workspace-main .integration-title-row .status-pill{min-height:38px;padding:9px 14px;border-radius:999px;box-shadow:var(--shadow-xs)}


.workspace-main .settings-form>.form-section:first-of-type{position:relative;grid-template-columns:64px minmax(0,1fr);padding:clamp(24px,3vw,38px);border-color:#dad7f8;background:radial-gradient(circle at 100% 0,rgba(99,91,255,.07),transparent 28%),#fff;box-shadow:0 18px 42px rgba(31,37,63,.075)}
.workspace-main .settings-form>.form-section:first-of-type::before{content:'';position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,var(--brand),#06b6d4)}
.workspace-main .settings-form>.form-section:first-of-type .section-number{width:46px;height:46px;border:1px solid #d9d5ff;background:linear-gradient(145deg,#eeeaff,#fff);box-shadow:var(--shadow-xs)}
.workspace-main .settings-form>.form-section:first-of-type .section-fields{display:grid;gap:16px}
.workspace-main .settings-form>.form-section:first-of-type .section-fields>div:first-child{margin-bottom:2px;padding-bottom:16px;border-bottom:1px solid #eceaf5}
.workspace-main .settings-form>.form-section:first-of-type label{margin:0;padding:12px 14px;border:1px solid #eceef4;border-radius:14px;background:rgba(255,255,255,.9)}
.workspace-main .settings-form>.form-section:first-of-type .form-grid{gap:12px}


.workspace-main .dashboard-quick-actions{max-width:var(--workspace-content);margin:16px auto 0;border:1px solid #dedbf8;border-radius:22px;background:#fff;box-shadow:0 14px 34px rgba(31,37,63,.065);overflow:hidden}
.workspace-main .dashboard-quick-actions>.eyebrow{position:relative;padding:22px 24px;background:linear-gradient(145deg,#151e37,#0b1020);color:#fff;text-align:right;justify-content:center;align-items:flex-start;flex-direction:column;font-size:12px;line-height:1.8}
.workspace-main .dashboard-quick-actions>.eyebrow::after{content:'سه اقدام کوتاه برای نتیجه بهتر';display:block;margin-top:4px;color:#aeb8cd;font-size:10px;font-weight:500}
.workspace-main .dashboard-quick-actions>a{min-width:0;padding:20px;gap:14px;border-color:#eceaf5!important;background:linear-gradient(180deg,#fff,#fcfcff)}
.workspace-main .dashboard-quick-actions>a span{min-width:0;gap:4px}
.workspace-main .dashboard-quick-actions>a strong{line-height:1.6}
.workspace-main .dashboard-quick-actions>a small{line-height:1.8}


.workspace-main .hub-filter-panel{padding:22px;border-color:#dedbf8;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 14px 34px rgba(31,37,63,.065)}
.workspace-main .hub-filter-panel .panel-head{margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid #ebe9f6}
.workspace-main .hub-filter-panel .panel-head h2{font-size:clamp(20px,2vw,27px)}
.workspace-main .hub-filter-panel .hub-filter{grid-template-columns:minmax(200px,1.6fr) repeat(3,minmax(130px,1fr)) auto auto;padding:0}
.workspace-main .hub-filter-panel :is(input,select){height:44px;border-color:#dfe2e9;background:#fff}
.workspace-main .hub-filter-panel .button{height:44px;display:inline-flex;align-items:center;justify-content:center}


.workspace-main .subscription-title-row{padding:clamp(22px,3vw,34px);border:1px solid #e2e0f6;border-radius:24px;background:radial-gradient(circle at 8% 0,rgba(99,91,255,.12),transparent 30%),linear-gradient(145deg,#fff,#fafaff);box-shadow:0 16px 40px rgba(31,37,63,.07)}
.workspace-main .subscription-title-row h1{font-size:clamp(30px,3vw,45px)}
.workspace-main .subscription-title-meta{padding:12px 14px;border:1px solid #e6e4f4;border-radius:16px;background:rgba(255,255,255,.82);box-shadow:var(--shadow-xs)}
.workspace-main .subscription-hero-main{border-radius:24px;padding:clamp(24px,3vw,36px);box-shadow:0 20px 48px rgba(11,16,32,.18)}
.workspace-main .subscription-hero-side{grid-template-rows:repeat(3,minmax(0,1fr))}
.workspace-main .subscription-side-card{min-height:108px;border-radius:18px;padding:17px 18px;justify-content:center}
.workspace-main .payment-methods-panel,.workspace-main .billing-history,.workspace-main .billing-ledger,.workspace-main .billing-grid>.panel{border-color:#e5e7ef;box-shadow:0 12px 30px rgba(31,37,63,.055)}
.workspace-main .payment-method-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.workspace-main .payment-method-cards article{min-height:130px;border-radius:17px;background:linear-gradient(145deg,#fff,#f8f8ff)}
.workspace-main .billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.workspace-main .billing-products{gap:10px}
.workspace-main .billing-products form{grid-template-columns:minmax(150px,1fr);gap:10px;padding:16px;border:1px solid #e9eaf1;border-radius:16px;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:var(--shadow-xs)}
.workspace-main .billing-products form>div{padding-bottom:10px;border-bottom:1px solid #eceef4}
.workspace-main .billing-products form>strong{font-size:20px;color:var(--ink-strong)}
.workspace-main .billing-products form :is(input,select,.button){width:100%;min-height:42px}
.workspace-main .billing-history,.workspace-main .billing-ledger{max-width:var(--workspace-content);margin-inline:auto}

@media(max-width:1100px){
  .workspace-main .hub-filter-panel .hub-filter{grid-template-columns:1fr 1fr}
  .workspace-main .hub-filter-panel .hub-filter input{grid-column:1/-1}
  .workspace-main .payment-method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .billing-grid{grid-template-columns:1fr}
}
@media(max-width:650px){
  .workspace-main .leads-title-row,.workspace-main .learning-title,.workspace-main .integration-title-row,.workspace-main>.page-title-row:has(+ .settings-form),.workspace-main .subscription-title-row{padding:20px;min-height:auto;border-radius:20px}
  .workspace-main .settings-form>.form-section:first-of-type{display:block;padding:20px 18px}
  .workspace-main .settings-form>.form-section:first-of-type .section-number{margin-bottom:14px}
  .workspace-main .settings-form>.form-section:first-of-type label{padding:10px 11px}
  .workspace-main .dashboard-quick-actions>a{min-height:94px;padding:17px 18px}
  .workspace-main .hub-filter-panel{padding:18px}
  .workspace-main .hub-filter-panel .hub-filter{grid-template-columns:1fr}
  .workspace-main .hub-filter-panel .hub-filter input{grid-column:auto}
  .workspace-main .payment-method-cards{grid-template-columns:1fr}
  .workspace-main .subscription-title-meta{width:100%;margin-top:14px}
}


.subscription-page-v2{width:100%;max-width:1280px;margin:0 auto;display:grid;gap:16px;min-width:0}
.subscription-page-v2 .subscription-title-row,.subscription-page-v2 .subscription-hero,.subscription-page-v2 .payment-methods-panel,.subscription-page-v2 .billing-grid,.subscription-page-v2 .billing-history,.subscription-page-v2 .billing-ledger,.subscription-page-v2>.warning-card{width:100%;max-width:none;margin:0;min-width:0}
.subscription-page-v2 .subscription-title-row{min-height:178px;align-items:center;background:radial-gradient(circle at 4% 0,rgba(99,91,255,.18),transparent 34%),linear-gradient(145deg,#fff,#f8f8ff)}
.subscription-page-v2 .subscription-title-row>div:first-child{max-width:760px}
.subscription-page-v2 .subscription-title-row h1{margin-bottom:10px;letter-spacing:-1.1px}
.subscription-page-v2 .subscription-title-row>div:first-child>p:last-child{font-size:14px;line-height:2}
.subscription-page-v2 .subscription-title-meta{min-width:250px;align-items:flex-start;gap:8px}
.subscription-page-v2 .subscription-title-meta .status-pill{margin:0;min-height:34px}

.subscription-section-nav{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:8px;border:1px solid #e5e7ef;border-radius:16px;background:rgba(255,255,255,.92);box-shadow:var(--shadow-xs);scrollbar-width:thin}
.subscription-section-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:11px;color:#475467;font-size:11px;font-weight:800;white-space:nowrap;transition:.18s ease}
.subscription-section-nav a:first-child,.subscription-section-nav a:hover{background:var(--brand-soft);color:var(--brand-strong)}

.subscription-page-v2 .subscription-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr);gap:14px;align-items:stretch}
.subscription-page-v2 .subscription-hero-main{position:relative;overflow:hidden;min-height:320px;padding:32px;border:0;background:radial-gradient(circle at 8% 10%,rgba(92,225,230,.2),transparent 30%),radial-gradient(circle at 92% 90%,rgba(99,91,255,.28),transparent 35%),linear-gradient(145deg,#151e37,#0b1020);display:flex;flex-direction:column;justify-content:center}
.subscription-page-v2 .subscription-hero-main::after{content:'';position:absolute;left:-60px;bottom:-95px;width:240px;height:240px;border:1px solid rgba(255,255,255,.08);border-radius:50%;box-shadow:0 0 0 32px rgba(255,255,255,.025)}
.subscription-page-v2 .subscription-hero-main>p,.subscription-page-v2 .subscription-hero-main>h2,.subscription-page-v2 .subscription-stat-row{position:relative;z-index:1}
.subscription-page-v2 .subscription-hero-main>h2{font-size:clamp(34px,4.2vw,58px);margin:4px 0 8px;color:#fff!important}
.subscription-page-v2 .subscription-hero-main>p:nth-of-type(2){font-size:13px}
.subscription-page-v2 .subscription-stat-row{margin-top:24px;gap:10px}
.subscription-page-v2 .subscription-stat-row>div{min-height:112px;padding:16px;border-radius:17px;justify-content:center}
.subscription-page-v2 .subscription-stat-row strong{font-size:clamp(22px,2vw,30px)}
.subscription-page-v2 .subscription-hero-side{display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}
.subscription-page-v2 .subscription-side-card{position:relative;overflow:hidden;min-height:96px;padding:18px 20px;border-color:#e5e7ef;background:linear-gradient(145deg,#fff,#f9f9ff);box-shadow:var(--shadow-xs)}
.subscription-page-v2 .subscription-side-card::before{content:'';position:absolute;inset:0 0 0 auto;width:4px;background:linear-gradient(180deg,var(--brand),#06b6d4)}
.subscription-page-v2 .subscription-side-card b{font-size:18px}

.subscription-page-v2>.warning-card,.subscription-page-v2 .payment-methods-panel{padding:26px;border-radius:22px}
.subscription-page-v2 .payment-methods-panel .panel-head{padding-bottom:16px;border-bottom:1px solid #eceef4}
.subscription-page-v2 .payment-method-strip{margin-bottom:14px;padding:0 0 14px;border-bottom:1px solid #eceef4}
.subscription-page-v2 .payment-method-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.subscription-page-v2 .payment-method-cards article{min-height:142px;padding:18px;border:1px solid #e8e9f1;border-radius:18px;background:linear-gradient(145deg,#fff,#f8f9ff);box-shadow:none}
.subscription-page-v2 .payment-method-cards article:hover{border-color:#d8d3ff;box-shadow:0 10px 24px rgba(31,37,63,.07)}

.subscription-page-v2 .billing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start}
.subscription-page-v2 .billing-grid>.panel{padding:26px;border-radius:22px}
.subscription-page-v2 .billing-grid>.panel .panel-head{min-height:94px;padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid #eceef4}
.subscription-page-v2 .billing-products{display:grid;gap:10px}
.subscription-page-v2 .billing-products form{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:0;padding:17px;border:1px solid #e7e9f0;border-radius:17px;background:linear-gradient(180deg,#fff,#fafbff);box-shadow:0 6px 18px rgba(31,37,63,.035);transition:.18s ease}
.subscription-page-v2 .billing-products form:hover{border-color:#d8d3ff;box-shadow:0 12px 26px rgba(31,37,63,.065);transform:translateY(-1px)}
.subscription-page-v2 .billing-products form>div{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #eceef4}
.subscription-page-v2 .billing-products form>div b{font-size:16px}
.subscription-page-v2 .billing-products form>div small{margin-right:auto}
.subscription-page-v2 .billing-products form>strong{font-size:21px;padding:2px 0;color:var(--brand-strong)}
.subscription-page-v2 .billing-products form :is(input,select){border-radius:12px;background:#fff}
.subscription-page-v2 .billing-products form .button{margin-top:2px;border-radius:12px}

.subscription-page-v2 .billing-history,.subscription-page-v2 .billing-ledger{padding:26px;border-radius:22px}
.subscription-page-v2 .billing-history .panel-head,.subscription-page-v2 .billing-ledger .panel-head{padding-bottom:14px;border-bottom:1px solid #eceef4}
.subscription-page-v2 .billing-history .table-wrap{border:1px solid #eceef4;border-radius:16px;background:#fff}
.subscription-page-v2 .billing-history table{min-width:760px}
.subscription-page-v2 .billing-history th{padding:13px 15px;background:#f7f8fb;color:#667085;font-size:10px}
.subscription-page-v2 .billing-history td{padding:15px;border-bottom:1px solid #eef0f4}
.subscription-page-v2 .billing-history td:first-child{display:flex;flex-direction:column;gap:3px}
.subscription-page-v2 .billing-history tr:last-child td{border-bottom:0}
.subscription-page-v2 .billing-ledger>div:not(.panel-head){position:relative;grid-template-columns:minmax(120px,.7fr) auto auto minmax(220px,1.5fr);align-items:center;gap:14px;margin:0;padding:15px 22px 15px 14px;border:0;border-bottom:1px solid #eceef4;border-radius:0;background:transparent}
.subscription-page-v2 .billing-ledger>div:not(.panel-head)::before{content:'';position:absolute;right:2px;width:8px;height:8px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 5px var(--brand-soft)}
.subscription-page-v2 .billing-ledger>div:not(.panel-head):last-child{border-bottom:0}

@media(max-width:1050px){
  .subscription-page-v2 .subscription-hero{grid-template-columns:1fr}
  .subscription-page-v2 .subscription-hero-side{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none}
  .subscription-page-v2 .payment-method-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-page-v2 .billing-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .subscription-page-v2{gap:12px}
  .subscription-page-v2 .subscription-title-row{display:block;min-height:0;padding:20px}
  .subscription-section-nav{border-radius:14px;padding:6px}
  .subscription-page-v2 .subscription-hero-main{min-height:0;padding:24px 20px}
  .subscription-page-v2 .subscription-stat-row,.subscription-page-v2 .subscription-hero-side,.subscription-page-v2 .payment-method-cards{grid-template-columns:1fr}
  .subscription-page-v2 .subscription-stat-row>div{min-height:88px}
  .subscription-page-v2 .billing-grid>.panel,.subscription-page-v2 .billing-history,.subscription-page-v2 .billing-ledger,.subscription-page-v2 .payment-methods-panel{padding:18px}
  .subscription-page-v2 .billing-grid>.panel .panel-head{min-height:0}
  .subscription-page-v2 .billing-products form{padding:15px}
  .subscription-page-v2 .billing-products form>div{align-items:flex-start;flex-direction:column;gap:3px}
  .subscription-page-v2 .billing-products form>div small{margin:0}
  .subscription-page-v2 .billing-ledger>div:not(.panel-head){grid-template-columns:1fr 1fr;padding:14px 20px 14px 8px}
  .subscription-page-v2 .billing-ledger small{grid-column:1/-1}
}


.workspace-main .conversation-workspace-v2{width:100%;max-width:none;min-width:0;margin:0 auto;display:grid;gap:16px}
.workspace-main .conversation-workspace-v2>*{width:100%;max-width:none;min-width:0;margin:0}
.workspace-main .conversation-workspace-v2 .hub-utility-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.75fr);gap:16px;align-items:stretch}
.workspace-main .conversation-workspace-v2 .hub-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:0;border:0;background:transparent;box-shadow:none}
.workspace-main .conversation-workspace-v2 .hub-filter>input{grid-column:1/-1}
.workspace-main .conversation-workspace-v2 .hub-filter-actions{grid-column:1/-1;display:flex;gap:8px}
.workspace-main .conversation-workspace-v2 .conversation-hub{display:grid;grid-template-columns:minmax(315px,360px) minmax(0,1fr);gap:16px;width:100%;max-width:none;height:min(820px,calc(100vh - 120px));min-height:700px;margin:0}
.workspace-main .conversation-workspace-v2 .conversation-hub .inbox-list,.workspace-main .conversation-workspace-v2 .conversation-hub .inbox-detail{width:auto;min-width:0;height:100%;max-height:none;margin:0;overflow:auto}
.workspace-main .conversation-workspace-v2 .conversation-thread{min-height:260px;flex:1 0 260px;overflow:visible}
.workspace-main .conversation-workspace-v2 .hub-composer{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.workspace-main .conversation-workspace-v2 .hub-management-grid{grid-template-columns:minmax(0,1fr);gap:12px}
@media(max-width:1100px){
  .workspace-main .conversation-workspace-v2 .hub-utility-grid{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .conversation-hub{grid-template-columns:minmax(285px,325px) minmax(0,1fr)}
  .workspace-main .conversation-workspace-v2 .hub-composer,.workspace-main .conversation-workspace-v2 .hub-management-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .workspace-main .conversation-workspace-v2{gap:12px}
  .workspace-main .conversation-workspace-v2 .conversation-hub{display:block;height:auto;min-height:0}
  .workspace-main .conversation-workspace-v2 .conversation-hub .inbox-list,.workspace-main .conversation-workspace-v2 .conversation-hub .inbox-detail{width:100%;height:auto;min-height:560px;max-height:none}
}
@media(max-width:650px){
  .workspace-main .conversation-workspace-v2 .hub-filter{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .hub-filter>input,.workspace-main .conversation-workspace-v2 .hub-filter-actions{grid-column:auto}
  .workspace-main .conversation-workspace-v2.has-selection .conversation-hub .inbox-list{display:none}
  .workspace-main .conversation-workspace-v2.has-selection .conversation-hub .inbox-detail{min-height:0}
  .workspace-main .conversation-workspace-v2 .hub-management-grid{grid-template-columns:1fr}
}
.seo-health-list,.seo-health-icon,.seo-ops-grid,.seo-command-center,.seo-command-hero,.seo-hero-actions,.seo-kpis,.seo-dashboard-grid,.seo-action-list,.seo-bars,.seo-review-panel,.seo-search-console-grid,.seo-onboarding,.seo-import-panel,.seo-import-form,.seo-import-help,.seo-search-summary,.seo-search-metrics,.seo-opportunities,.seo-search-pages,.seo-experiment-grid,.seo-experiment-builder,.seo-experiment-form,.seo-form-row,.seo-date-grid,.seo-experiment-rules,.seo-experiment-list,.seo-experiment-cards,.seo-copy-compare,.seo-window-compare,.seo-evaluation,.seo-experiment-actions,.seo-governance-grid,.seo-quality-gate,.seo-gate-score,.seo-gate-state,.seo-gate-checks,.seo-alert-center,.seo-alert-list,.seo-quality-history,.seo-run-timeline,.sales-demo-stage,.sales-demo-context,.demo-chapter-list,.sales-demo-chat,.sales-demo-header,.sales-demo-agent,.sales-demo-messages,.sales-demo-message,.sales-demo-controls,.demo-product-card,.demo-link-card,.demo-lead-card,.demo-outcome-strip,.editorial-public,.resource-hub,.editorial-hero,.editorial-grid,.editorial-policy,.article-public,.article-hero,.article-byline,.article-layout,.article-body,.article-next-step,.related-reading,.solution-reading{min-width:0}


.conversation-score{color:#9a6700;font-weight:850;white-space:nowrap}
.retention-policy-panel{display:grid;grid-template-columns:50px minmax(0,1fr);gap:18px;align-items:start;margin-top:16px;padding:24px;border:1px solid #e5e7ef;border-radius:22px;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:var(--shadow-xs)}
.retention-policy-panel .section-number{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:#eef0ff;color:#5147b8;font-weight:900}
.retention-policy-panel h2{margin:0 0 5px;color:#242a3a;font-size:17px}.retention-policy-panel p{margin:0;color:#737d8d;font-size:10px;line-height:1.9}
.retention-policy-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;gap:12px;align-items:end;margin-top:15px}.retention-policy-form label{display:flex;flex-direction:column;gap:7px;color:#3f4756;font-size:10px;font-weight:850}.retention-policy-form select{min-height:43px}.retention-policy-note{display:block;margin-top:10px;color:#7b8493;font-size:9px}
@media(max-width:700px){.retention-policy-panel{grid-template-columns:1fr;padding:18px;gap:11px}.retention-policy-panel .section-number{width:36px;height:36px}.retention-policy-form{grid-template-columns:1fr}.retention-policy-form .button{width:100%}}
.ai-quality-panel{display:grid;gap:14px}.ai-quality-panel .panel-head{min-height:0}.ai-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-quality-grid article{display:grid;gap:4px;min-width:0;padding:14px;border:1px solid #e6e8ef;border-radius:15px;background:linear-gradient(145deg,#fff,#fafaff)}.ai-quality-grid small,.ai-quality-reasons>small{color:var(--muted-2);font-size:9px}.ai-quality-grid b{font-size:22px;color:var(--ink-strong)}.ai-quality-grid span{color:var(--muted);font-size:9px}.ai-quality-reasons{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding-top:10px;border-top:1px dashed #e4e6ed}.ai-quality-reasons span{display:inline-flex;gap:6px;padding:5px 9px;border-radius:999px;background:#f6f5ff;color:#5147b8;font-size:9px}.ai-quality-reasons span b{color:#2f276f}@media(max-width:700px){.ai-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ai-platform-quality-panel{display:grid;gap:14px}.ai-platform-quality-panel .panel-head{min-height:0}.ai-platform-quality-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-platform-quality-grid article{display:grid;gap:4px;padding:14px;border:1px solid #e5e7ef;border-radius:15px;background:linear-gradient(145deg,#fff,#fafaff)}.ai-platform-quality-grid small,.ai-platform-failures>small{color:var(--muted-2);font-size:9px}.ai-platform-quality-grid b{font-size:20px;color:var(--ink-strong)}.ai-platform-quality-grid span{color:var(--muted);font-size:9px}.ai-platform-failures{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding-top:10px;border-top:1px dashed #e4e6ed}.ai-platform-failures span{padding:5px 9px;border-radius:999px;background:#fff5f3;color:#b42318;font-size:9px}@media(max-width:700px){.ai-platform-quality-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.ai-evaluation-panel{display:grid;gap:14px;margin-top:16px}.ai-evaluation-panel .panel-head{min-height:0}.ai-evaluation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-evaluation-summary article{display:grid;gap:5px;padding:13px 14px;border:1px solid #e5e7ef;border-radius:14px;background:linear-gradient(145deg,#fff,#fafaff)}.ai-evaluation-summary small{color:var(--muted-2);font-size:9px}.ai-evaluation-summary b{color:var(--ink-strong);font-size:16px}.ai-evaluation-cases{display:flex;flex-wrap:wrap;gap:8px;padding-top:10px;border-top:1px dashed #e4e6ed}.ai-evaluation-cases span{padding:6px 9px;border-radius:9px;background:#fff5f3;color:#b42318;font-size:9px}.ai-evaluation-panel>.button{justify-self:start}@media(max-width:700px){.ai-evaluation-summary{grid-template-columns:1fr}.ai-evaluation-panel>.button{width:100%}}
.conversation-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin:10px 12px 14px;padding-top:10px;border-top:1px solid #eef0f4;color:var(--muted);font-size:10px}
.conversation-pagination a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:0 10px;border:1px solid #ddd9ff;border-radius:10px;background:#fff;color:var(--brand-strong);font-weight:850;text-decoration:none}.conversation-pagination a:hover{background:var(--brand-soft)}
.conversation-workspace-v2 .hub-review{display:grid;gap:10px;margin:0 18px 18px;padding:18px;border:1px solid #e7eaf0;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfbff);box-shadow:var(--shadow-xs)}
.conversation-workspace-v2 .hub-review .panel-head{margin:0;min-height:0}
.conversation-workspace-v2 .hub-review h3{margin:0;font-size:16px}

/* Conversations workspace v3: clamp horizontal drift and tighten the detail card. */
.workspace-main .conversation-workspace-v2{
  overflow-x:hidden;
  touch-action:pan-y;
  overscroll-behavior-x:none;
}
.workspace-main .conversation-workspace-v2,
.workspace-main .conversation-workspace-v2 *{
  min-width:0;
}
.workspace-main .conversation-workspace-v2 .conversation-title-row,
.workspace-main .conversation-workspace-v2 .hub-utility-grid,
.workspace-main .conversation-workspace-v2 .conversation-hub,
.workspace-main .conversation-workspace-v2 .hub-summary,
.workspace-main .conversation-workspace-v2 .hub-composer,
.workspace-main .conversation-workspace-v2 .hub-management-grid,
.workspace-main .conversation-workspace-v2 .hub-notes{
  max-width:100%;
  overflow-x:hidden;
}
.workspace-main .conversation-workspace-v2 .conversation-hub .inbox-list,
.workspace-main .conversation-workspace-v2 .conversation-hub .inbox-detail{
  overflow-x:hidden;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:78px;
  padding:15px 16px;
  overflow:hidden;
  border:1px solid #e7eaf0;
  border-radius:18px;
  box-shadow:0 8px 24px rgba(31,37,63,.05)!important;
  background:
    radial-gradient(circle at 0 0,rgba(99,91,255,.05),transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.99),#fbfcff);
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header::before,
.workspace-main .conversation-workspace-v2 .inbox-detail>header::after{
  content:none!important;
  display:none!important;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header>div:first-child{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header>div:first-child .avatar{
  width:46px;
  height:46px;
  border-radius:16px;
  border:1px solid rgba(255,255,255,.76);
  box-shadow:0 10px 20px rgba(31,37,63,.1);
  font-size:16px;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header>div:first-child>div{
  display:grid;
  gap:4px;
  min-width:0;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header h2{
  margin:0;
  font-size:clamp(18px,1.8vw,23px);
  line-height:1.45;
  font-weight:900;
  letter-spacing:-.02em;
  overflow-wrap:anywhere;
  white-space:normal;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header p{
  max-width:100%;
  overflow:hidden;
  color:#667085;
  font-size:11px;
  line-height:1.7;
  white-space:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.workspace-main .conversation-workspace-v2 .hub-header-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:8px;
  flex-wrap:wrap;
  max-width:100%;
}
.workspace-main .conversation-workspace-v2 .hub-header-actions .button{
  min-width:76px;
  min-height:40px;
  padding-inline:13px;
  border-radius:12px;
}
.workspace-main .conversation-workspace-v2 .hub-header-actions .status-pill{
  min-height:40px;
  padding-inline:10px;
  border-radius:12px;
  font-size:10px;
  box-shadow:0 6px 14px rgba(31,37,63,.05);
}
.workspace-main .conversation-workspace-v2 .conversation-meta{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  padding:12px 16px;
}
.workspace-main .conversation-workspace-v2 .conversation-meta span{
  min-height:68px;
  align-content:start;
  background:#fff;
  border:1px solid #e7eaf0;
  box-shadow:0 6px 16px rgba(31,37,63,.035);
}
.workspace-main .conversation-workspace-v2 .conversation-meta b{
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.55;
}
.workspace-main .conversation-workspace-v2 .hub-summary{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:10px;
  padding:12px 16px 14px;
  margin:14px 16px;
  align-items:start;
}
.workspace-main .conversation-workspace-v2 .hub-summary>div{
  min-height:84px;
  padding:12px 13px;
}
.workspace-main .conversation-workspace-v2 .tag-strip{
  grid-column:1/-1;
  min-width:0;
}
.workspace-main .conversation-workspace-v2 .tag-strip form{
  flex:1 1 220px;
  min-width:180px;
}
.workspace-main .conversation-workspace-v2 .tag-strip input{
  width:100%;
  min-width:0;
}
.workspace-main .conversation-workspace-v2 .conversation-thread{
  padding:18px 16px;
  gap:12px;
  background:linear-gradient(180deg,#fbfcfe,#f5f7fb);
}
.workspace-main .conversation-workspace-v2 .thread-message{
  min-width:0;
  max-width:min(78%,620px);
  padding:13px 15px 11px;
  line-height:1.88;
  border-radius:18px;
  border:1px solid #e3e7ef;
  box-shadow:0 6px 16px rgba(31,37,63,.045);
}
.workspace-main .conversation-workspace-v2 .thread-message small,
.workspace-main .conversation-workspace-v2 .thread-message em{
  font-size:8px;
  line-height:1.55;
  opacity:.68;
}
.workspace-main .conversation-workspace-v2 .thread-message small{
  display:block;
  margin-bottom:4px;
  font-weight:800;
  letter-spacing:-.01em;
}
.workspace-main .conversation-workspace-v2 .thread-message p{
  margin:0;
  font-size:12px;
  line-height:1.95;
  overflow-wrap:anywhere;
  white-space:pre-wrap;
}
.workspace-main .conversation-workspace-v2 .thread-message.user{
  background:linear-gradient(145deg,#18233a,#101828);
  color:#fff;
  border-color:#101828;
}
.workspace-main .conversation-workspace-v2 .thread-message.assistant{
  background:linear-gradient(145deg,#fff,#fafbff);
}
.workspace-main .conversation-workspace-v2 .thread-message.operator{
  background:linear-gradient(145deg,#eef4ff,#f7f9ff);
  border-right:3px solid #4f46e5;
}
.workspace-main .conversation-workspace-v2 .thread-message.system{
  max-width:90%;
  padding-inline:16px;
  background:linear-gradient(145deg,#fff9e6,#fffdf2);
  border-color:#fde4a6;
  color:#8a4b00;
  text-align:center;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header>div:first-child{
  gap:0!important;
}
.workspace-main .conversation-workspace-v2 .inbox-detail>header>div:first-child .avatar{
  display:none!important;
}
.workspace-main .conversation-workspace-v2 .thread-message small,
.workspace-main .conversation-workspace-v2 .thread-message em,
.workspace-main .conversation-workspace-v2 .thread-message time{
  font-size:7px!important;
  line-height:1.35!important;
  letter-spacing:0;
}
.workspace-main .conversation-workspace-v2 .thread-message small{
  opacity:.58;
}
.workspace-main .conversation-workspace-v2 .hub-composer{
  gap:10px;
  padding:14px 16px;
}
.workspace-main .conversation-workspace-v2 .hub-composer form{
  padding:14px;
  min-width:0;
}
.workspace-main .conversation-workspace-v2 .hub-composer textarea{
  min-height:94px;
}
.workspace-main .conversation-workspace-v2 .hub-management-grid{
  gap:12px;
  padding:0 16px 16px;
}
.workspace-main .conversation-workspace-v2 .hub-management-grid>article{
  min-width:0;
  padding:16px;
}
.workspace-main .conversation-workspace-v2 .hub-task{
  grid-template-columns:minmax(0,1fr) minmax(104px,.62fr) minmax(118px,.72fr) auto;
  gap:8px;
}
.workspace-main .conversation-workspace-v2 .hub-notes{
  padding:0 16px 18px;
}
.workspace-main .conversation-workspace-v2 .conversation-row{
  position:relative;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:12px;
  align-items:start;
  padding:14px 13px 12px;
  margin:7px 10px;
  border:1px solid #e8edf5;
  border-radius:18px;
  background:linear-gradient(180deg,#fff,#fbfcff);
  box-shadow:0 5px 16px rgba(31,37,63,.035);
  overflow:hidden;
}
.workspace-main .conversation-workspace-v2 .conversation-row::before{
  content:'';
  position:absolute;
  inset:0 auto 0 0;
  width:3px;
  background:linear-gradient(180deg,rgba(99,91,255,.88),rgba(6,182,212,.78));
  opacity:0;
  transition:opacity .18s ease;
}
.workspace-main .conversation-workspace-v2 .conversation-row:hover,
.workspace-main .conversation-workspace-v2 .conversation-row.active{
  border-color:#d9d4ff;
  background:linear-gradient(180deg,#fff,#f8f6ff);
  box-shadow:0 12px 24px rgba(79,70,229,.08);
  transform:translateY(-1px);
}
.workspace-main .conversation-workspace-v2 .conversation-row.active{
  border-color:#c9c0ff;
  background:linear-gradient(180deg,#ffffff,#f4f0ff);
  box-shadow:inset -3px 0 0 var(--brand),0 16px 30px rgba(79,70,229,.12);
}
.workspace-main .conversation-workspace-v2 .conversation-row:hover::before,
.workspace-main .conversation-workspace-v2 .conversation-row.active::before{
  opacity:1;
}
.workspace-main .conversation-workspace-v2 .conversation-row .avatar{
  width:42px;
  height:42px;
  border-radius:15px;
  border:1px solid rgba(255,255,255,.7);
  box-shadow:0 8px 18px rgba(31,37,63,.08);
}
.workspace-main .conversation-workspace-v2 .conversation-row b{
  display:block;
  margin-top:1px;
  font-size:14px;
  line-height:1.55;
  color:#101828;
}
.workspace-main .conversation-workspace-v2 .conversation-row.active b{
  color:#4338ca;
}
.workspace-main .conversation-workspace-v2 .conversation-row p{
  margin:5px 0 0;
  max-width:none;
  color:#596579;
  font-size:11px;
  line-height:1.75;
  white-space:normal;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.workspace-main .conversation-workspace-v2 .conversation-row small{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin-top:7px;
  color:#667085;
  font-size:9px;
  line-height:1.55;
}
.workspace-main .conversation-workspace-v2 .conversation-row time{
  min-width:74px;
  align-self:start;
  justify-self:end;
  padding:4px 8px;
  border:1px solid #e6e9f0;
  border-radius:999px;
  background:#fff;
  box-shadow:0 3px 8px rgba(31,37,63,.04);
  color:#667085;
  font-size:9px;
  line-height:1.6;
}
.workspace-main .conversation-workspace-v2 .conversation-row.active time{
  border-color:#c9c0ff;
  background:#f7f4ff;
  color:#4338ca;
  font-weight:800;
}
.workspace-main .conversation-workspace-v2 .conversation-pagination{
  margin:10px 12px 14px;
  padding-top:12px;
}
.workspace-main .conversation-workspace-v2 .inbox-list-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:15px 15px 11px;
  background:linear-gradient(180deg,#fff,rgba(255,255,255,.95));
  border-bottom:1px solid #edf0f4;
}
.workspace-main .conversation-workspace-v2 .inbox-list-head strong{
  font-size:14px;
  line-height:1.55;
  color:#101828;
}
.workspace-main .conversation-workspace-v2 .inbox-list-head small{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:26px;
  padding:3px 9px;
  border-radius:999px;
  background:#f2f4f7;
  color:#667085;
  font-size:9px;
  white-space:nowrap;
}
.workspace-main .conversation-workspace-v2 .inbox-search{
  position:sticky;
  top:0;
  z-index:2;
  padding:11px 14px 9px;
  background:rgba(255,255,255,.98);
  border-bottom:1px solid #eef0f4;
  backdrop-filter:blur(12px);
}
.workspace-main .conversation-workspace-v2 .inbox-search input{
  min-height:42px;
  padding:10px 12px;
  border-radius:13px;
  font-size:12px;
}
.workspace-main .conversation-workspace-v2 .conversation-pagination{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:10px 10px 12px;
  padding-top:10px;
  font-size:9px;
}
.workspace-main .conversation-workspace-v2 .conversation-pagination a{
  min-height:30px;
  padding:0 9px;
  border-radius:9px;
}
@media(max-width:650px){
  .workspace-main .conversation-workspace-v2 .inbox-list-head{
    padding:13px 13px 10px;
  }
  .workspace-main .conversation-workspace-v2 .inbox-search{
    padding:10px 12px 8px;
  }
  .workspace-main .conversation-workspace-v2 .conversation-row{
    grid-template-columns:40px minmax(0,1fr) auto;
    gap:10px;
    margin:6px 8px;
    padding:12px 11px 11px;
  }
  .workspace-main .conversation-workspace-v2 .conversation-row .avatar{
    width:40px;
    height:40px;
  }
  .workspace-main .conversation-workspace-v2 .conversation-row time{
    min-width:64px;
  }
  .workspace-main .conversation-workspace-v2 .conversation-row p{
    -webkit-line-clamp:2;
  }
  .workspace-main .conversation-workspace-v2 .conversation-pagination{
    flex-wrap:wrap;
  }
}
.conversation-review-form{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,1.4fr) auto;gap:12px;align-items:end}
.score-choice{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0;border:0}
.score-choice legend{width:100%;margin-bottom:5px;color:var(--muted-2);font-size:10px;font-weight:850}
.score-choice label{position:relative;cursor:pointer}
.score-choice input{position:absolute;opacity:0;pointer-events:none}
.score-choice span{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:40px;padding:0 10px;border:1px solid #e6e7ec;border-radius:12px;background:#fff;color:#7a5b00;font-size:11px;font-weight:850;transition:all .18s ease}
.score-choice label:hover span,.score-choice input:focus-visible+span{border-color:#b9adff;box-shadow:0 0 0 3px rgba(99,91,255,.12)}
.score-choice input:checked+span{border-color:#8d7cf3;background:#f4f1ff;color:#4e3fb5;box-shadow:0 5px 14px rgba(79,70,229,.12)}
.review-note-field{display:flex;flex-direction:column;gap:6px;margin:0;color:var(--ink-strong);font-size:10px;font-weight:850}
.review-note-field textarea{min-height:40px;resize:vertical}
.review-history{display:grid;gap:4px;padding-top:9px;border-top:1px dashed #e4e6ed;color:var(--muted)}
.review-history p{margin:0;font-size:10px;line-height:1.8}
@media(max-width:850px){.conversation-review-form{grid-template-columns:1fr}.conversation-review-form .button{width:100%}}

/* Premium customer-preview CTA — the primary path to the seller's live output. */
.workspace-main .dashboard-v3 .dashboard-greeting-mark{color:#fff!important}

/* Unified admin page header — shared geometry and hierarchy with customer workspace headers. */
.admin-surface .workspace-main>.admin-page-header{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  width:100%;
  max-width:1280px;
  min-width:0;
  min-height:176px;
  margin:0 auto 18px;
  padding:clamp(24px,3vw,36px)!important;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:clamp(22px,4vw,52px);
  border:1px solid #e2e0f6;
  border-radius:24px;
  background:radial-gradient(circle at 7% 0,rgba(6,182,212,.11),transparent 29%),radial-gradient(circle at 88% 12%,rgba(99,91,255,.15),transparent 31%),linear-gradient(145deg,#fff 0%,#fafaff 100%);
  box-shadow:0 16px 40px rgba(31,37,63,.07);
}
.admin-surface .workspace-main>.admin-page-header::after{
  content:'';
  position:absolute;
  z-index:-1;
  left:-58px;
  bottom:-88px;
  width:210px;
  height:210px;
  border-radius:50%;
  border:1px solid rgba(99,91,255,.1);
  box-shadow:0 0 0 34px rgba(99,91,255,.035),0 0 0 68px rgba(6,182,212,.018);
  pointer-events:none;
}
.admin-surface .workspace-main>.admin-page-header>div:first-child{min-width:0;max-width:820px}
.admin-surface .workspace-main>.admin-page-header .eyebrow{margin-bottom:10px;color:#5b50d6;font-size:10px;font-weight:850;letter-spacing:.25px}
.admin-surface .workspace-main>.admin-page-header h1{
  max-width:820px;
  margin:0 0 10px;
  color:#111827;
  font-size:clamp(30px,3.3vw,46px);
  font-weight:850;
  line-height:1.22;
  letter-spacing:-1.2px;
}
.admin-surface .workspace-main>.admin-page-header>div:first-child>p:last-child{max-width:780px;margin:0;color:#596579;font-size:14px;line-height:1.95}
.admin-surface .workspace-main>.admin-page-header>.status-pill{flex:0 0 auto;align-self:center;min-height:38px;padding:9px 14px;border-radius:999px;box-shadow:0 7px 18px rgba(31,37,63,.08)}
.admin-surface .workspace-main>.admin-page-header>.button{flex:0 0 auto;align-self:center;min-height:48px;padding-inline:18px;border-radius:14px;box-shadow:0 10px 24px rgba(31,37,63,.1)}
.admin-surface .workspace-main>.admin-page-header>.button-dark{box-shadow:0 12px 26px rgba(17,24,39,.2)}
.admin-surface .workspace-main>.admin-page-header .finance-title-meta{flex:0 0 auto;min-width:220px;align-items:flex-start;padding:13px 14px;border:1px solid #e6e4f4;border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 8px 22px rgba(31,37,63,.055)}
.admin-surface .workspace-main>.admin-page-header .seo-hero-actions{flex:0 0 auto;min-width:260px;padding:13px;border:1px solid #e6e4f4;border-radius:16px;background:rgba(255,255,255,.84);box-shadow:0 8px 22px rgba(31,37,63,.055)}
.admin-surface .admin-foundation-card{margin-bottom:18px;border:1px solid #dcd8ff;background:linear-gradient(135deg,#fff 0%,#f6f4ff 100%);box-shadow:0 14px 34px rgba(76,65,180,.08)}
.admin-surface .admin-foundation-card .panel-head{align-items:center;gap:20px;margin:0}
.admin-surface .admin-foundation-card .panel-head p:last-child{max-width:800px;margin:0;color:#596579;line-height:1.9}
.admin-surface .admin-foundation-card form{flex:0 0 auto;margin:0}
.admin-surface .admin-foundation-card .button{min-width:178px;border-radius:13px}
.admin-surface .workspace-main>.admin-page-header .seo-hero-actions :is(form,label){min-width:0}
.admin-surface .workspace-main>.admin-page-header .seo-hero-actions select{min-height:42px;border-radius:11px;background:#fff}
@media(max-width:900px){
  .admin-surface .workspace-main>.admin-page-header{min-height:0;align-items:flex-start;gap:18px;padding:24px!important}
  .admin-surface .workspace-main>.admin-page-header h1{font-size:clamp(28px,4.7vw,40px)}
  .admin-surface .workspace-main>.admin-page-header .seo-hero-actions{min-width:230px}
}
@media(max-width:700px){
  .admin-surface .workspace-main>.admin-page-header{display:flex;flex-direction:column;width:100%;margin-bottom:14px;padding:20px 18px!important;border-radius:20px;gap:16px}
  .admin-surface .workspace-main>.admin-page-header h1{font-size:30px;line-height:1.3;letter-spacing:-.7px}
  .admin-surface .workspace-main>.admin-page-header>div:first-child>p:last-child{font-size:13px;line-height:1.85}
  .admin-surface .workspace-main>.admin-page-header>.status-pill,.admin-surface .workspace-main>.admin-page-header>.button,.admin-surface .workspace-main>.admin-page-header .finance-title-meta,.admin-surface .workspace-main>.admin-page-header .seo-hero-actions{width:100%;min-width:0;align-self:stretch}
  .admin-surface .workspace-main>.admin-page-header>.button{justify-content:center}
  .admin-surface .admin-foundation-card .panel-head{align-items:stretch;flex-direction:column}
  .admin-surface .admin-foundation-card form,.admin-surface .admin-foundation-card .button{width:100%}
  .admin-surface .workspace-main>.admin-page-header .seo-hero-actions{display:grid;grid-template-columns:1fr;gap:9px}
  .admin-surface .workspace-main>.admin-page-header .seo-hero-actions .button{width:100%}
}

.workspace-main .customer-preview-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-width:280px;
  min-height:68px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:8px 9px 8px 20px;
  border:1px solid rgba(255,255,255,.28)!important;
  border-radius:19px!important;
  background:radial-gradient(circle at 12% 15%,rgba(69,231,235,.34),transparent 34%),linear-gradient(135deg,#635bff 0%,#4938c8 50%,#171f46 100%)!important;
  background-size:180% 180%!important;
  color:#fff!important;
  box-shadow:0 18px 38px rgba(67,56,202,.27),inset 0 1px 0 rgba(255,255,255,.2)!important;
  text-align:right;
  white-space:nowrap;
  transform:translateZ(0);
  transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,border-color .22s ease!important;
  animation:customer-preview-aurora 5.6s ease-in-out infinite;
}
.workspace-main .customer-preview-cta::before{
  content:'';
  position:absolute;
  z-index:-1;
  inset:-70% auto -70% -28%;
  width:42%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);
  transform:rotate(15deg) translateX(-220%);
  transition:transform .65s cubic-bezier(.22,1,.36,1);
  pointer-events:none;
}
.workspace-main .customer-preview-cta::after{
  content:''!important;
  position:absolute;
  z-index:-1;
  left:-42px;
  bottom:-68px;
  width:142px;
  height:142px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(71,230,238,.46),rgba(71,230,238,0) 68%);
  opacity:.7;
  pointer-events:none;
  animation:customer-preview-orb 4.2s ease-in-out infinite;
}
.workspace-main .customer-preview-cta-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.45}
.workspace-main .customer-preview-cta-copy small{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,.78)!important;font-size:9px;font-weight:650;letter-spacing:.15px}
.workspace-main .customer-preview-cta-copy small::before{
  content:'';
  width:6px;
  height:6px;
  flex:0 0 6px;
  border-radius:50%;
  background:#5ff2b2;
  box-shadow:0 0 0 0 rgba(95,242,178,.5);
  animation:customer-preview-live 2.2s ease-out infinite;
}
.workspace-main .customer-preview-cta-copy strong{color:#fff!important;font-size:14px;font-weight:850;line-height:1.65}
.workspace-main .customer-preview-cta-icon{
  width:48px;
  height:48px;
  flex:0 0 48px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.24);
  border-radius:15px;
  background:rgba(255,255,255,.14);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 8px 18px rgba(9,13,34,.16);
  color:#fff;
  font-size:20px;
  line-height:1;
  transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s ease;
  animation:customer-preview-icon-breathe 3s ease-in-out infinite;
}
.workspace-main .customer-preview-cta:hover{
  transform:translateY(-3px) scale(1.012);
  border-color:rgba(255,255,255,.45)!important;
  box-shadow:0 24px 48px rgba(67,56,202,.36),0 8px 18px rgba(6,182,212,.12),inset 0 1px 0 rgba(255,255,255,.25)!important;
}
.workspace-main .customer-preview-cta:hover::before{transform:rotate(15deg) translateX(520%)}
.workspace-main .customer-preview-cta:hover .customer-preview-cta-icon{transform:translate(-2px,-2px);background:rgba(255,255,255,.22)}
.workspace-main .customer-preview-cta:focus-visible{outline:3px solid rgba(99,91,255,.24);outline-offset:4px;box-shadow:0 22px 46px rgba(67,56,202,.32),0 0 0 5px #fff!important}
.workspace-main .customer-preview-cta:active{transform:translateY(0) scale(.99)}
@keyframes customer-preview-aurora{
  0%,100%{background-position:0% 50%}
  50%{background-position:100% 50%}
}
@keyframes customer-preview-orb{
  0%,100%{transform:translate3d(0,0,0) scale(.9);opacity:.52}
  50%{transform:translate3d(24px,-14px,0) scale(1.14);opacity:.92}
}
@keyframes customer-preview-live{
  0%{box-shadow:0 0 0 0 rgba(95,242,178,.58)}
  70%,100%{box-shadow:0 0 0 7px rgba(95,242,178,0)}
}
@keyframes customer-preview-icon-breathe{
  0%,100%{box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 8px 18px rgba(9,13,34,.16),0 0 0 0 rgba(255,255,255,0)}
  50%{box-shadow:inset 0 1px 0 rgba(255,255,255,.24),0 10px 24px rgba(9,13,34,.2),0 0 0 5px rgba(255,255,255,.08)}
}
@media(max-width:700px){
  .workspace-main .page-title-row>.customer-preview-cta{width:100%;min-width:0;min-height:62px;margin-top:18px;padding:7px 8px 7px 16px;border-radius:17px!important}
  .workspace-main .customer-preview-cta-copy strong{font-size:13px}
  .workspace-main .customer-preview-cta-copy small{font-size:8.5px}
  .workspace-main .customer-preview-cta-icon{width:46px;height:46px;flex-basis:46px;border-radius:14px}
}
@media(prefers-reduced-motion:reduce){
  .workspace-main .customer-preview-cta,.workspace-main .customer-preview-cta::before,.workspace-main .customer-preview-cta::after,.workspace-main .customer-preview-cta-copy small::before,.workspace-main .customer-preview-cta-icon{animation:none!important;transition:none!important}
  .workspace-main .customer-preview-cta:hover{transform:none}
}

/* Finance incentive builder — full-width, unclipped and calendar-safe. */
.admin-surface .workspace-main .finance-admin-grid{grid-template-columns:minmax(0,1fr)!important;overflow:visible!important}
.admin-surface .workspace-main .finance-admin-grid>.finance-payment-settings-card,
.admin-surface .workspace-main .finance-admin-grid>.finance-incentive-card{width:100%;min-width:0;max-width:none;overflow:visible!important}
.admin-surface .workspace-main .finance-incentive-card{
  padding:clamp(22px,2.6vw,32px);
  border:1px solid #dfddf4;
  border-radius:24px;
  background:radial-gradient(circle at 4% 0,rgba(6,182,212,.08),transparent 24%),linear-gradient(145deg,#fff,#fbfaff);
  box-shadow:0 16px 38px rgba(31,37,63,.065);
}
.admin-surface .finance-incentive-card>.panel-head{margin-bottom:18px;padding-bottom:18px;border-bottom:1px solid #e8e8f1}
.admin-surface .finance-incentive-card>.panel-head h2{font-size:clamp(23px,2.2vw,31px)}
.admin-surface .finance-incentive-card>.panel-head p{max-width:820px;color:#5c6679;font-size:13px}
.admin-surface .finance-incentive-card .finance-discount-form{display:grid;gap:14px;min-width:0}
.admin-surface .finance-incentive-card .discount-form-section{min-width:0;padding:20px;border:1px solid #e5e6f0;border-radius:20px;background:rgba(255,255,255,.88);box-shadow:0 7px 22px rgba(31,37,63,.035)}
.admin-surface .finance-incentive-card .discount-schedule-section{min-width:0}
.admin-surface .finance-incentive-card .discount-section-head{display:flex;align-items:center;gap:11px;margin-bottom:16px}
.admin-surface .finance-incentive-card .discount-section-head>span{width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(145deg,#635bff,#4238b7);box-shadow:0 8px 18px rgba(79,70,229,.2);color:#fff;font-size:13px;font-weight:900}
.admin-surface .finance-incentive-card .discount-section-head>div{min-width:0;display:flex;flex-direction:column;gap:2px}
.admin-surface .finance-incentive-card .discount-section-head b{color:#182230;font-size:15px;line-height:1.55}
.admin-surface .finance-incentive-card .discount-section-head small{color:#697386;font-size:10px;line-height:1.7}
.admin-surface .finance-incentive-card .discount-fields-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;min-width:0}
.admin-surface .finance-incentive-card .discount-fields-grid label{min-width:0;margin:0;gap:7px}
.admin-surface .finance-incentive-card .discount-fields-grid :is(input,select){width:100%;min-width:0;min-height:46px;border-radius:12px;background:#fff}
.admin-surface .finance-incentive-card .discount-title-field{grid-column:span 2}
.admin-surface .finance-incentive-card .discount-date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:start;min-width:0}
.admin-surface .finance-incentive-card .discount-date-card{min-width:0;padding:15px;border:1px solid #e2e3ef;border-radius:17px;background:linear-gradient(180deg,#fff,#fafaff);transition:border-color .18s ease,box-shadow .18s ease}
.admin-surface .finance-incentive-card .discount-date-card:has(.jalali-datetime-picker:not([hidden])){border-color:#bbb6ff;box-shadow:0 0 0 4px rgba(99,91,255,.07),0 12px 26px rgba(31,37,63,.055)}
.admin-surface .finance-incentive-card .discount-date-label{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}
.admin-surface .finance-incentive-card .discount-date-label b{color:#20293a;font-size:13px}
.admin-surface .finance-incentive-card .discount-date-label small{color:#737d8e;font-size:9px;line-height:1.65}
.admin-surface .finance-incentive-card .jalali-datetime-shell{width:100%;min-width:0;overflow:visible}
.admin-surface .finance-incentive-card .jalali-datetime-trigger{min-height:58px;padding:11px 13px;border-radius:13px}
.admin-surface .finance-incentive-card .jalali-datetime-picker{width:100%;max-width:none;min-width:0;margin-top:2px;padding:14px;box-sizing:border-box;overflow:hidden}
.admin-surface .finance-incentive-card .jalali-datetime-picker[hidden]{display:none!important}
.admin-surface .finance-incentive-card .jalali-datetime-head{align-items:flex-start}
.admin-surface .finance-incentive-card .jalali-datetime-nav{justify-content:flex-end}
.admin-surface .finance-incentive-card .jalali-datetime-weekdays,.admin-surface .finance-incentive-card .jalali-datetime-grid{width:100%;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.admin-surface .finance-incentive-card .jalali-datetime-day{width:100%;height:42px;min-height:42px;aspect-ratio:auto;border-radius:11px}
.admin-surface .finance-incentive-card .jalali-datetime-footer{align-items:flex-end;padding-top:4px}
.admin-surface .finance-incentive-card .discount-form-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #dddaf6;border-radius:17px;background:linear-gradient(135deg,#f7f6ff,#f5fbff)}
.admin-surface .finance-incentive-card .discount-form-actions small{color:#606b7d;font-size:10px;line-height:1.75}
.admin-surface .finance-incentive-card .discount-form-actions .button{flex:0 0 auto;min-width:190px;min-height:50px;border-radius:13px}
@media(max-width:1000px){
  .admin-surface .finance-incentive-card .discount-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .admin-surface .finance-incentive-card .discount-title-field{grid-column:span 1}
  .admin-surface .finance-incentive-card .discount-date-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .admin-surface .workspace-main .finance-incentive-card{padding:18px;border-radius:20px}
  .admin-surface .finance-incentive-card .discount-form-section{padding:15px;border-radius:16px}
  .admin-surface .finance-incentive-card .discount-fields-grid{grid-template-columns:1fr;gap:10px}
  .admin-surface .finance-incentive-card .discount-date-card{padding:12px}
  .admin-surface .finance-incentive-card .jalali-datetime-picker{padding:11px}
  .admin-surface .finance-incentive-card .jalali-datetime-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}
  .admin-surface .finance-incentive-card .jalali-datetime-nav button{width:100%;padding-inline:6px}
  .admin-surface .finance-incentive-card .jalali-datetime-weekdays,.admin-surface .finance-incentive-card .jalali-datetime-grid{gap:4px}
  .admin-surface .finance-incentive-card .jalali-datetime-day{height:36px;min-height:36px}
  .admin-surface .finance-incentive-card .discount-form-actions{align-items:stretch;flex-direction:column;padding:14px}
  .admin-surface .finance-incentive-card .discount-form-actions .button{width:100%;min-width:0}
}


@media(min-width:901px){
  .admin-surface .workspace-shell{
    width:calc(100% - var(--sidebar));
    max-width:calc(100% - var(--sidebar));
    margin-right:var(--sidebar);
  }
}
.admin-surface .workspace-main{
  min-width:0;
  max-width:100%;
  overflow-x:clip;
}
.admin-surface .workspace-main .finance-lower-stack{
  width:min(100%,var(--workspace-content));
  max-width:1280px;
  min-width:0;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:16px;
}
.admin-surface .workspace-main .finance-lower-stack>.admin-table{
  width:100%;
  max-width:100%;
  min-width:0;
  margin:0!important;
  overflow:hidden;
  box-sizing:border-box;
}
.admin-surface .workspace-main .finance-lower-stack .table-wrap{
  width:100%;
  max-width:100%;
  min-width:0;
  overflow-x:auto;
  overflow-y:hidden;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}
.admin-surface .workspace-main .finance-lower-stack table{
  width:max(100%,820px);
  min-width:820px;
  max-width:none;
}
.admin-surface .workspace-main .finance-lower-stack .discount-list{
  width:100%;
  max-width:100%;
  min-width:0;
}
.admin-surface .workspace-main .finance-lower-stack .discount-list>div{min-width:0}
@media(max-width:900px){
  .admin-surface .workspace-shell{width:100%;max-width:100%;margin-right:0}
}
@media(max-width:700px){
  .admin-surface .workspace-main .finance-lower-stack{gap:12px}
  .admin-surface .workspace-main .finance-lower-stack>.admin-table{padding:17px}
  .admin-surface .workspace-main .finance-lower-stack .table-wrap{margin-inline:0}
}


.admin-surface .analytics-kpis>article{position:relative}
.admin-surface .analytics-kpis .kpi-help-trigger{
  position:absolute;
  inset-block-start:11px;
  inset-inline-end:11px;
  z-index:2;
  width:25px;
  height:25px;
  min-width:25px;
  padding:0;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.22);
  border-radius:8px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font:800 12px/1 Vazirmatn,Tahoma,sans-serif;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08);
  cursor:pointer;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,box-shadow .18s ease;
}
.admin-surface .analytics-kpis .kpi-help-trigger:hover{
  border-color:rgba(255,255,255,.55);
  background:rgba(255,255,255,.18);
  transform:translateY(-1px);
}
.admin-surface .analytics-kpis .kpi-help-trigger:focus-visible{
  outline:0;
  border-color:#fff;
  box-shadow:0 0 0 3px rgba(255,255,255,.2);
}
.admin-surface dialog.analytics-guide-modal{
  width:min(620px,calc(100% - 30px));
  max-height:min(760px,calc(100dvh - 30px));
  padding:0;
  border:1px solid rgba(255,255,255,.7);
  border-radius:24px;
  background:#fff;
  color:#182230;
  box-shadow:0 30px 90px rgba(8,13,28,.34);
  overflow:hidden;
}
.admin-surface dialog.analytics-guide-modal::backdrop{background:rgba(7,12,25,.62);backdrop-filter:blur(7px)}
.admin-surface .analytics-guide-content{max-height:min(760px,calc(100dvh - 30px));overflow-y:auto;overscroll-behavior:contain}
.admin-surface .analytics-guide-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:18px;
  padding:24px 25px 20px;
  background:radial-gradient(circle at 7% 0,rgba(99,91,255,.28),transparent 33%),linear-gradient(145deg,#151e37,#0b1020);
  color:#fff;
}
.admin-surface .analytics-guide-head>div{min-width:0}
.admin-surface .analytics-guide-head span{display:block;margin-bottom:6px;color:#b9c3d8;font-size:9px;font-weight:800;letter-spacing:.04em}
.admin-surface .analytics-guide-head h2{margin:0;color:#fff;font-size:clamp(20px,3vw,27px);line-height:1.5}
.admin-surface .analytics-guide-head>button{
  width:36px;
  height:36px;
  flex:0 0 36px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(255,255,255,.17);
  border-radius:11px;
  background:rgba(255,255,255,.08);
  color:#fff;
  font-size:23px;
  line-height:1;
  cursor:pointer;
}
.admin-surface .analytics-guide-head>button:hover,.admin-surface .analytics-guide-head>button:focus-visible{background:rgba(255,255,255,.17);border-color:rgba(255,255,255,.4);outline:0}
.admin-surface .analytics-guide-summary{margin:0;padding:21px 25px 18px;color:#344054;font-size:14px;font-weight:750;line-height:2}
.admin-surface .analytics-guide-sections{display:grid;gap:9px;padding:0 25px}
.admin-surface .analytics-guide-sections>section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:14px;border:1px solid #e7e9f1;border-radius:15px;background:#fbfcff}
.admin-surface .analytics-guide-sections>section>span{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:#efefff;color:#5147d9;font-size:16px;font-weight:900}
.admin-surface .analytics-guide-sections h3{margin:0 0 4px;color:#202939;font-size:12px;line-height:1.7}
.admin-surface .analytics-guide-sections p{margin:0;color:#5f697b;font-size:11px;line-height:1.95}
.admin-surface .analytics-guide-note{margin:14px 25px 0;padding:13px 15px;border:1px solid #d9d5ff;border-radius:14px;background:linear-gradient(135deg,#f7f6ff,#f4fbff)}
.admin-surface .analytics-guide-note b{display:block;margin-bottom:3px;color:#4037a6;font-size:11px}
.admin-surface .analytics-guide-note p{margin:0;color:#596579;font-size:10px;line-height:1.9}
.admin-surface .analytics-guide-content>footer{display:flex;justify-content:flex-end;padding:17px 25px 23px}
.admin-surface .analytics-guide-content>footer .button{min-width:125px;min-height:43px;border-radius:12px}
@media(max-width:600px){
  .admin-surface dialog.analytics-guide-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:20px}
  .admin-surface .analytics-guide-content{max-height:calc(100dvh - 20px)}
  .admin-surface .analytics-guide-head{padding:20px 18px 17px}
  .admin-surface .analytics-guide-summary{padding:17px 18px 14px;font-size:13px}
  .admin-surface .analytics-guide-sections{padding:0 18px}
  .admin-surface .analytics-guide-sections>section{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:12px}
  .admin-surface .analytics-guide-sections>section>span{width:34px;height:34px}
  .admin-surface .analytics-guide-note{margin:12px 18px 0}
  .admin-surface .analytics-guide-content>footer{padding:15px 18px 19px}
  .admin-surface .analytics-guide-content>footer .button{width:100%}
}
@media(prefers-reduced-motion:reduce){.admin-surface .analytics-kpis .kpi-help-trigger{transition:none}.admin-surface .analytics-kpis .kpi-help-trigger:hover{transform:none}}


.admin-surface .workspace-main a.ai-open-hero-seller,
.admin-surface .workspace-main a.ai-open-hero-seller:hover,
.admin-surface .workspace-main a.ai-open-hero-seller:focus-visible,
.admin-surface .workspace-main a.ai-open-hero-seller:active,
.admin-surface .workspace-main a.ai-open-hero-seller:visited{color:#fff!important}


.admin-surface .ai-config-center{max-width:1280px;margin-inline:auto;padding:clamp(22px,2.8vw,34px);border-radius:25px;overflow:hidden}
.admin-surface .ai-config-form{gap:20px}
.admin-surface .ai-connection-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:13px}
.admin-surface .ai-connection-fields label{min-width:0;margin:0}
.admin-surface .ai-connection-fields input{width:100%;min-width:0;border-radius:13px;background:#fff}
.admin-surface .ai-model-picker{min-width:0;padding:clamp(18px,2.4vw,28px);border:1px solid #e1e3ee;border-radius:22px;background:linear-gradient(145deg,#fdfdff,#f8f9ff);box-shadow:inset 0 1px 0 #fff}
.admin-surface .ai-model-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:18px;border-bottom:1px solid #e2e4ed}
.admin-surface .ai-model-picker-head>div:first-child{max-width:760px}
.admin-surface .ai-model-picker-head .eyebrow{margin-bottom:7px;color:#635bff}
.admin-surface .ai-model-picker-head h3{margin:0 0 7px;color:#172033;font-size:clamp(21px,2.4vw,30px);line-height:1.45}
.admin-surface .ai-model-picker-head p{margin:0;color:#667085;font-size:11px;line-height:1.9}
.admin-surface .ai-catalog-summary{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}
.admin-surface .ai-catalog-summary span{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border:1px solid #e1e3ec;border-radius:999px;background:#fff;color:#687386;font-size:8px;font-weight:750}
.admin-surface .ai-catalog-summary b{color:#342c92;font-size:10px}
.admin-surface .ai-current-model{min-width:220px;max-width:320px;padding:13px 15px;border:1px solid #dcd9ff;border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(31,37,63,.055)}
.admin-surface .ai-current-model small{display:block;color:#777f91;font-size:9px}
.admin-surface .ai-current-model b{display:block;overflow:hidden;margin:3px 0 7px;color:#282078;font-size:12px;text-overflow:ellipsis;white-space:nowrap}
.admin-surface .ai-current-model span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:850}
.admin-surface .ai-current-model .voice-on{background:#e9f8f0;color:#15754b}
.admin-surface .ai-current-model .voice-off{background:#fff0ef;color:#b42318}
.admin-surface .ai-voice-architecture{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin:16px 0;padding:14px 16px;border:1px solid #d8d5ff;border-radius:16px;background:linear-gradient(135deg,#f6f4ff,#f3fbff)}
.admin-surface .ai-voice-architecture>span{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,#635bff,#4338ca);color:#fff;box-shadow:0 8px 20px rgba(79,70,229,.2)}
.admin-surface .ai-voice-architecture b{display:block;margin-bottom:2px;color:#312a88;font-size:12px}
.admin-surface .ai-voice-architecture p{margin:0;color:#5d687a;font-size:10px;line-height:1.9}
.admin-surface .ai-voice-architecture.voice-disabled-warning{border-color:#f6c8c3;background:#fff5f4}
.admin-surface .ai-model-tools{display:grid;grid-template-columns:minmax(210px,1.1fr) repeat(2,minmax(155px,.65fr)) minmax(200px,.8fr);gap:12px;align-items:end;margin-bottom:16px}
.admin-surface .ai-model-tools label{min-width:0;margin:0;gap:6px}
.admin-surface .ai-model-tools label>span{color:#4f5868;font-size:10px;font-weight:800}
.admin-surface .ai-model-tools :is(input,select){width:100%;min-width:0;min-height:44px;border-radius:12px;background:#fff}
.admin-surface .ai-model-tools>a{min-height:44px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;padding:7px 13px;border:1px solid #dcd9ff;border-radius:12px;background:#fff;color:#4f46c8;font-size:10px;font-weight:850}
.admin-surface .ai-model-tools>a small{color:#858ca0;font-size:8px;font-weight:650}
.admin-surface .ai-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;min-width:0}
.admin-surface .ai-model-card{--model-accent:#635bff;position:relative;min-width:0;display:flex;flex-direction:column;gap:10px;margin:0;padding:17px;border:1px solid #e0e3ec;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(31,37,63,.045);cursor:pointer;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.admin-surface .ai-model-card::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--model-accent)}
.admin-surface .ai-model-card.price-budget{--model-accent:#16a36a}.admin-surface .ai-model-card.price-efficient{--model-accent:#0891b2}.admin-surface .ai-model-card.price-balanced{--model-accent:#635bff}.admin-surface .ai-model-card.price-premium{--model-accent:#d97706}
.ai-performance-panel{margin-top:1.25rem}.ai-performance-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.ai-performance-summary article{min-width:0;border:1px solid var(--line,#e2e8f0);border-radius:1rem;padding:.9rem 1rem;background:color-mix(in srgb,var(--surface,#fff) 88%,var(--brand,#2563eb) 12%)}.ai-performance-summary small{display:block;color:var(--muted,#64748b);font-size:.78rem}.ai-performance-summary b{display:block;margin-top:.3rem;font-variant-numeric:tabular-nums}@media(max-width:680px){.ai-performance-summary{grid-template-columns:1fr}}
.admin-surface .ai-model-card:hover{border-color:color-mix(in srgb,var(--model-accent) 45%,#dfe2ea);box-shadow:0 14px 34px rgba(31,37,63,.1);transform:translateY(-2px)}
.admin-surface .ai-model-card.is-specialized{--model-accent:#64748b;background:linear-gradient(145deg,#fff,#f7f8fa);cursor:not-allowed}
.admin-surface .ai-model-card.is-specialized:hover{border-color:#d8dce5;box-shadow:0 8px 24px rgba(31,37,63,.045);transform:none}
.admin-surface .ai-model-card.is-selected,.admin-surface .ai-model-card:has(input:checked){border-color:var(--model-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--model-accent) 13%,transparent),0 15px 36px rgba(31,37,63,.1)}
.admin-surface .ai-model-card>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.admin-surface .ai-model-card:has(input:focus-visible){outline:3px solid color-mix(in srgb,var(--model-accent) 24%,transparent);outline-offset:3px}
.admin-surface .ai-model-check{position:absolute;inset-block-start:12px;inset-inline-end:12px;width:25px;height:25px;display:grid;place-items:center;border:1px solid #dfe2ea;border-radius:8px;background:#f6f7fa;color:transparent;font-size:12px;font-weight:900}
.admin-surface .ai-model-specialized{position:absolute;inset-block-start:12px;inset-inline-end:12px;display:grid;place-items:center;min-height:25px;padding:4px 7px;border:1px solid #d9dde6;border-radius:8px;background:#eef1f5;color:#596273;font-size:8px;font-weight:850}
.admin-surface .ai-model-card.is-selected .ai-model-check,.admin-surface .ai-model-card:has(input:checked) .ai-model-check{border-color:var(--model-accent);background:var(--model-accent);color:#fff}
.admin-surface .ai-model-card-head{display:flex;align-items:center;gap:6px;padding-inline-end:31px;min-width:0}
.admin-surface .ai-model-card-head span,.admin-surface .ai-model-card-head em{padding:4px 7px;border-radius:999px;font-size:8px;font-style:normal;font-weight:800;white-space:nowrap}
.admin-surface .ai-model-card-head span{background:#f1f3f7;color:#4e586a}.admin-surface .ai-model-card-head em{max-width:135px;overflow:hidden;background:color-mix(in srgb,var(--model-accent) 11%,white);color:var(--model-accent);text-overflow:ellipsis}
.admin-surface .ai-model-card h3{margin:1px 0 -7px;color:#172033;font-size:16px;line-height:1.55}
.admin-surface .ai-model-card>code{display:block;max-width:100%;overflow:hidden;color:#777f91;font:9px/1.6 ui-monospace,SFMono-Regular,Menlo,monospace;text-overflow:ellipsis;white-space:nowrap}
.admin-surface .ai-model-card>p{min-height:58px;margin:0;color:#667085;font-size:10px;line-height:1.9}
.admin-surface .ai-model-scores{display:grid;gap:6px;padding:10px 0;border-block:1px solid #eceef3}
.admin-surface .ai-model-scores>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-surface .ai-model-scores span{color:#596273;font-size:9px;font-weight:750}
.admin-surface .ai-model-scores i{display:flex;gap:3px;font-style:normal}.admin-surface .ai-model-scores i b{width:18px;height:4px;border-radius:999px;background:#e4e7ec}.admin-surface .ai-model-scores i b.filled{background:var(--model-accent)}
.admin-surface .ai-model-prices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;direction:ltr}
.admin-surface .ai-model-prices>div{min-width:0;padding:8px 5px;border:1px solid #e8eaf0;border-radius:10px;background:#fafbfc;text-align:center}
.admin-surface .ai-model-prices small{display:block;color:#8b92a2;font-size:8px;direction:rtl}.admin-surface .ai-model-prices b{display:block;color:#273143;font-size:11px;font-family:Vazirmatn,Tahoma,sans-serif}
.admin-surface .ai-model-voice{display:flex;align-items:center;justify-content:space-between;gap:7px;flex-wrap:wrap}
.admin-surface .ai-model-voice span{padding:5px 7px;border-radius:999px;font-size:8px;font-weight:850}.admin-surface .ai-model-voice .supported{background:#eaf8f1;color:#15754b}.admin-surface .ai-model-voice .unsupported{background:#fff0ef;color:#b42318}
.admin-surface .ai-model-voice .specialized{background:#eef1f5;color:#536074}
.admin-surface .ai-model-voice small{color:#838b9b;font-size:8px}
.admin-surface .ai-model-card footer{margin-top:auto;padding-top:10px;border-top:1px solid #eceef3}.admin-surface .ai-model-card footer small{display:block;color:#8b92a2;font-size:8px}.admin-surface .ai-model-card footer b{display:block;color:#394456;font-size:9px;line-height:1.8}
.admin-surface .ai-model-card[hidden]{display:none!important}.admin-surface .ai-model-empty{margin:18px 0 0;padding:18px;border:1px dashed #d8dbe5;border-radius:14px;color:#687386;text-align:center}
.admin-surface .ai-runtime-settings{max-width:680px}.admin-surface .ai-config-save{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border:1px solid #dcd9ff;border-radius:17px;background:linear-gradient(135deg,#f8f7ff,#f4fbff)}
.admin-surface .ai-config-save p{margin:0;color:#626d7e;font-size:10px;line-height:1.8}.admin-surface .ai-config-save p b{color:#2f2a70}.admin-surface .ai-config-save .button{flex:0 0 auto;min-width:260px}
@media(max-width:1200px){.admin-surface .ai-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .ai-model-tools{grid-template-columns:1fr 1fr}.admin-surface .ai-model-tools>a{grid-column:1/-1}}
@media(max-width:760px){
  .admin-surface .ai-config-center{padding:18px;border-radius:20px}.admin-surface .ai-connection-fields{grid-template-columns:1fr}.admin-surface .ai-model-picker{padding:15px;border-radius:18px}
  .admin-surface .ai-model-picker-head{flex-direction:column;gap:14px}.admin-surface .ai-current-model{width:100%;max-width:none}.admin-surface .ai-model-tools{grid-template-columns:1fr}.admin-surface .ai-model-tools>a{grid-column:auto}
  .admin-surface .ai-model-grid{grid-template-columns:1fr}.admin-surface .ai-model-card>p{min-height:0}.admin-surface .ai-config-save{align-items:stretch;flex-direction:column}.admin-surface .ai-config-save .button{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){.admin-surface .ai-model-card{transition:none}.admin-surface .ai-model-card:hover{transform:none}}


.admin-surface .subscription-management{margin:18px 0;padding:24px;overflow:hidden;border-color:#dcd9ff;background:linear-gradient(145deg,#fff 0%,#fbfaff 62%,#f4f8ff 100%);box-shadow:0 18px 48px rgba(41,36,92,.08)}
.admin-surface .subscription-grant-form{border:1px solid #e2e0f7;border-radius:16px;background:rgba(255,255,255,.68)}.admin-surface .subscription-grant-intro{margin:0;padding:4px 0 14px;text-align:right;border-bottom:1px solid #ebe9f7}.admin-surface .subscription-grant-intro span{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:8px;border-radius:12px;background:#6359cf;color:#fff;font-weight:800}.admin-surface .subscription-grant-intro h3{margin:0 0 3px;color:#242b3b;font-size:18px}.admin-surface .subscription-grant-intro p{max-width:680px;margin:0;color:#747d8d;font-size:11px}
.admin-surface .subscription-management>.panel-head{align-items:flex-start;padding-bottom:18px;border-bottom:1px solid #ebe9f7}.admin-surface .subscription-management>.panel-head p{max-width:720px}
.admin-surface .subscription-revision{flex:0 0 auto;padding:7px 11px;border:1px solid #dcd9ff;border-radius:999px;background:#f5f3ff;color:#5047b8;font-size:10px;font-weight:850}
.admin-surface .subscription-management-form{display:grid;gap:20px;padding-top:20px}.admin-surface .subscription-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.admin-surface .subscription-form-grid .wide{grid-column:span 3}
.admin-surface .subscription-form-grid label{display:flex;min-width:0;flex-direction:column;gap:7px}.admin-surface .subscription-form-grid label>span,.admin-surface .subscription-entitlement-editor legend{color:#303a4c;font-size:10px;font-weight:850}.admin-surface .subscription-form-grid label>small{color:#747d8d;font-size:9px;line-height:1.7}
.admin-surface .subscription-form-grid input,.admin-surface .subscription-form-grid select,.admin-surface .subscription-form-grid textarea{width:100%;min-width:0;min-height:46px;border:1px solid #dfe2ea;border-radius:13px;background:#fff;color:#20293a;font:inherit;font-size:11px;outline:0;transition:border-color .18s,box-shadow .18s}.admin-surface .subscription-form-grid input,.admin-surface .subscription-form-grid select{padding:0 12px}.admin-surface .subscription-form-grid textarea{padding:11px 12px;resize:vertical;line-height:1.8}
.admin-surface .subscription-form-grid input:focus,.admin-surface .subscription-form-grid select:focus,.admin-surface .subscription-form-grid textarea:focus{border-color:#7168dd;box-shadow:0 0 0 4px rgba(113,104,221,.11)}
.admin-surface .subscription-entitlement-editor{min-width:0;margin:0;padding:17px;border:1px solid #e2e1ed;border-radius:17px;background:rgba(255,255,255,.78)}.admin-surface .subscription-entitlement-editor legend{padding:0 8px}.admin-surface .subscription-entitlement-editor>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}
.admin-surface .subscription-entitlement-editor label{display:flex;min-width:0;align-items:center;gap:9px;padding:11px;border:1px solid #e6e7ee;border-radius:13px;background:#fff;cursor:pointer;transition:.18s}.admin-surface .subscription-entitlement-editor label:hover{border-color:#bdb8ef;transform:translateY(-1px)}.admin-surface .subscription-entitlement-editor input[type=hidden]{display:none}.admin-surface .subscription-entitlement-editor input[type=checkbox]{width:18px;height:18px;accent-color:#6359cf;flex:0 0 auto}.admin-surface .subscription-entitlement-editor label>span{min-width:0}.admin-surface .subscription-entitlement-editor b,.admin-surface .subscription-entitlement-editor small{display:block;overflow-wrap:anywhere}.admin-surface .subscription-entitlement-editor b{color:#30394a;font-size:10px}.admin-surface .subscription-entitlement-editor small{margin-top:2px;color:#7b8494;font-size:8px}
.admin-surface .subscription-form-grid.notes{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .subscription-form-grid.notes .reason textarea{border-color:#d5d0f5;background:#fdfcff}
.admin-surface .subscription-change-guard{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px 17px;border:1px solid #f0d7b4;border-radius:16px;background:#fffaf2}.admin-surface .subscription-change-guard>label{display:flex;min-width:0;align-items:center;gap:11px;cursor:pointer}.admin-surface .subscription-change-guard input{width:19px;height:19px;accent-color:#574dca;flex:0 0 auto}.admin-surface .subscription-change-guard b,.admin-surface .subscription-change-guard small{display:block}.admin-surface .subscription-change-guard b{color:#50391b;font-size:10px}.admin-surface .subscription-change-guard small{margin-top:3px;color:#7b6548;font-size:9px;line-height:1.7}.admin-surface .subscription-change-guard .button{min-width:245px;flex:0 0 auto}
.admin-surface .subscription-ledger{margin:18px 0;overflow:hidden}.admin-surface .subscription-ledger table{min-width:790px}.admin-surface .subscription-ledger td small{display:block;max-width:270px;margin-top:3px;color:#7b8494;white-space:normal}
@media(max-width:1180px){.admin-surface .subscription-form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .subscription-form-grid .wide{grid-column:span 2}.admin-surface .subscription-entitlement-editor>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.admin-surface .subscription-management{padding:18px}.admin-surface .subscription-management>.panel-head{gap:12px}.admin-surface .subscription-revision{align-self:flex-start}.admin-surface .subscription-form-grid,.admin-surface .subscription-form-grid.notes{grid-template-columns:1fr}.admin-surface .subscription-form-grid .wide{grid-column:auto}.admin-surface .subscription-entitlement-editor{padding:13px}.admin-surface .subscription-entitlement-editor>div{grid-template-columns:1fr}.admin-surface .subscription-change-guard{align-items:stretch;flex-direction:column}.admin-surface .subscription-change-guard .button{width:100%;min-width:0}}

/* Admin tenant control center — safe, tenant-scoped operational controls */
.admin-surface .tenant-control-center{margin:20px 0;padding:24px;overflow:hidden;border-color:#d8e1f0;background:linear-gradient(145deg,#fff 0%,#f9fbff 58%,#f5f3ff 100%);box-shadow:0 20px 54px rgba(23,35,61,.08)}
.admin-surface .tenant-control-center>.panel-head{align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e7ebf3}.admin-surface .tenant-control-center>.panel-head p{max-width:760px}.admin-surface .control-security-badge{flex:none;padding:8px 12px;border:1px solid #c8e8d6;border-radius:999px;background:#effbf4;color:#147347;font-size:10px;font-weight:850}
.admin-surface .tenant-control-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.admin-surface .tenant-control-grid.lower{align-items:start}
.admin-surface .tenant-control-card{min-width:0;padding:18px;border:1px solid #e1e6ef;border-radius:20px;background:rgba(255,255,255,.94);box-shadow:0 10px 30px rgba(22,34,59,.045)}.admin-surface .tenant-control-card.critical{border-color:#eadde1;background:linear-gradient(145deg,#fff,#fffafb)}
.admin-surface .tenant-control-heading{display:grid;grid-template-columns:34px minmax(0,1fr);gap:11px;align-items:start;margin-bottom:15px}.admin-surface .tenant-control-heading>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#171a2f;color:#fff;font-size:11px;font-weight:900}.admin-surface .tenant-control-heading h3{margin:0;color:#171a2f;font-size:14px}.admin-surface .tenant-control-heading p{margin:4px 0 0;color:#687086;font-size:10px;line-height:1.8}
.admin-surface .tenant-control-card>form{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.45fr) auto;gap:10px;align-items:end}.admin-surface .tenant-control-card>form>label{min-width:0}.admin-surface .tenant-control-card label>span{display:block;margin-bottom:5px;color:#4a5267;font-size:10px;font-weight:800}.admin-surface .tenant-control-card input,.admin-surface .tenant-control-card select{width:100%;min-width:0;height:42px;margin:0;padding:0 11px;border:1px solid #d9deea;border-radius:11px;background:#fff;color:#20243b;font:inherit;font-size:11px}.admin-surface .tenant-control-card button,.admin-surface .content-control-list button,.admin-surface .compact-operation-list button,.admin-surface .domain-operation-list button{min-height:38px;padding:8px 13px;border:0;border-radius:10px;background:#24263e;color:#fff;font:inherit;font-size:10px;font-weight:900;cursor:pointer;white-space:nowrap}.admin-surface button.danger{background:#fff0f1!important;color:#b42335!important;border:1px solid #f3cdd3!important}
.admin-surface .tenant-toggle-row{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-surface .tenant-toggle-row label{display:flex;align-items:center;gap:10px;min-width:0;padding:11px;border:1px solid #e0e4ec;border-radius:12px;background:#f9fafc}.admin-surface .tenant-toggle-row input{flex:none;width:17px;height:17px}.admin-surface .tenant-toggle-row label>span{margin:0}.admin-surface .tenant-toggle-row b,.admin-surface .tenant-toggle-row small{display:block}.admin-surface .tenant-toggle-row small{margin-top:2px;color:#7a8294;font-weight:500}
.admin-surface .tenant-control-section{margin-top:18px;padding-top:18px;border-top:1px solid #e7ebf3}.admin-surface .tenant-control-section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:13px}.admin-surface .tenant-control-section-head h3{margin:0;color:#171a2f;font-size:15px}.admin-surface .tenant-control-section-head p{margin:4px 0 0;color:#687086;font-size:10px}
.admin-surface .content-control-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.admin-surface .content-control-groups>article{min-width:0;overflow:hidden;border:1px solid #e1e6ef;border-radius:17px;background:#fff}.admin-surface .content-control-groups header{display:flex;align-items:center;justify-content:space-between;padding:13px 15px;background:#f5f7fb;border-bottom:1px solid #e7eaf1}.admin-surface .content-control-groups h4{margin:0;color:#24283b;font-size:12px}.admin-surface .content-control-groups header span{display:grid;place-items:center;min-width:25px;height:25px;padding:0 6px;border-radius:8px;background:#e9e8ff;color:#5147c8;font-size:10px;font-weight:900}
.admin-surface .content-control-list{display:grid;max-height:390px;overflow:auto;overscroll-behavior:contain}.admin-surface .content-control-list form{display:grid;grid-template-columns:minmax(120px,1fr) 112px minmax(100px,.75fr) auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid #edf0f5}.admin-surface .content-control-list form:last-child{border-bottom:0}.admin-surface .content-control-list form>div{min-width:0}.admin-surface .content-control-list b,.admin-surface .content-control-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .content-control-list b{color:#23273c;font-size:10px}.admin-surface .content-control-list small{margin-top:3px;color:#8990a0;font-size:8px}.admin-surface .content-control-list input,.admin-surface .content-control-list select,.admin-surface .compact-operation-list input,.admin-surface .compact-operation-list select{min-width:0;width:100%;height:36px;margin:0;padding:0 9px;border:1px solid #dde2eb;border-radius:9px;background:#fff;color:#303448;font:inherit;font-size:9px}
.admin-surface .control-empty{margin:0;padding:18px;color:#858c9d;font-size:10px;text-align:center}.admin-surface .knowledge-version-list,.admin-surface .compact-operation-list,.admin-surface .domain-operation-list{display:grid;gap:8px}.admin-surface .knowledge-version-list form,.admin-surface .compact-operation-list form,.admin-surface .domain-operation-list form{display:grid;grid-template-columns:minmax(100px,1fr) auto auto;gap:8px;align-items:center;min-width:0;padding:9px;border:1px solid #e7eaf0;border-radius:11px;background:#fafbfc}.admin-surface .knowledge-version-list form>div,.admin-surface .compact-operation-list form>div,.admin-surface .domain-operation-list form>div{min-width:0}.admin-surface .knowledge-version-list b,.admin-surface .knowledge-version-list small,.admin-surface .compact-operation-list b,.admin-surface .compact-operation-list small,.admin-surface .domain-operation-list b,.admin-surface .domain-operation-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .knowledge-version-list b,.admin-surface .compact-operation-list b,.admin-surface .domain-operation-list b{color:#282c40;font-size:10px}.admin-surface .knowledge-version-list small,.admin-surface .compact-operation-list small,.admin-surface .domain-operation-list small{margin-top:2px;color:#858c9d;font-size:8px}.admin-surface .knowledge-version-list em{color:#25734c;font-size:9px;font-style:normal;font-weight:850}.admin-surface .compact-operation-list form{grid-template-columns:minmax(100px,1fr) 92px minmax(90px,.8fr) auto}.admin-surface .telegram-reconnect-note{grid-column:2/-1;padding:7px 9px;border-radius:8px;background:#fff7e8;color:#87550d;font-size:9px;line-height:1.6}.admin-surface .domain-operation-list form{grid-template-columns:minmax(0,1fr) auto}
@media(max-width:1080px){.admin-surface .tenant-control-card>form{grid-template-columns:1fr}.admin-surface .tenant-toggle-row{grid-column:auto}.admin-surface .content-control-list form{grid-template-columns:minmax(110px,1fr) 105px}.admin-surface .content-control-list form input{grid-column:1/2}.admin-surface .content-control-list form button{grid-column:2/3}.admin-surface .compact-operation-list form{grid-template-columns:minmax(100px,1fr) 90px}.admin-surface .compact-operation-list form input{grid-column:1/2}.admin-surface .compact-operation-list form button{grid-column:2/3}}
@media(max-width:760px){.admin-surface .tenant-control-center{padding:17px}.admin-surface .tenant-control-center>.panel-head{gap:11px}.admin-surface .control-security-badge{align-self:flex-start}.admin-surface .tenant-control-grid,.admin-surface .content-control-groups{grid-template-columns:1fr}.admin-surface .tenant-toggle-row{grid-template-columns:1fr}.admin-surface .content-control-list{max-height:none}.admin-surface .content-control-list form{grid-template-columns:minmax(0,1fr) 102px}.admin-surface .tenant-control-section-head{display:block}.admin-surface .tenant-control-heading p{font-size:9px}}
@media(max-width:480px){.admin-surface .tenant-control-center{padding:13px;border-radius:18px}.admin-surface .tenant-control-card{padding:13px;border-radius:15px}.admin-surface .content-control-list form,.admin-surface .compact-operation-list form{grid-template-columns:1fr 92px}.admin-surface .content-control-list form>div,.admin-surface .compact-operation-list form>div{grid-column:1/-1}.admin-surface .content-control-list form input,.admin-surface .compact-operation-list form input{grid-column:1/2}.admin-surface .content-control-list form button,.admin-surface .compact-operation-list form button{grid-column:2/3}.admin-surface .knowledge-version-list form{grid-template-columns:minmax(0,1fr) auto}.admin-surface .knowledge-version-list form button,.admin-surface .knowledge-version-list form em{grid-column:1/-1;width:100%;text-align:center}.admin-surface .telegram-reconnect-note{grid-column:1/-1}.admin-surface .domain-operation-list form{grid-template-columns:minmax(0,1fr) auto}}


.admin-surface .identity-control-center{margin:20px 0;padding:24px;overflow:hidden;border-color:#d9e2ef;background:linear-gradient(145deg,#fff 0%,#f8fbff 56%,#f6f4ff 100%);box-shadow:0 20px 54px rgba(23,35,61,.08)}.admin-surface .identity-control-center>.panel-head{align-items:flex-start;padding-bottom:20px;border-bottom:1px solid #e7ebf3}.admin-surface .identity-control-center>.panel-head p{max-width:760px}
.admin-surface .identity-member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.admin-surface .identity-member-card{min-width:0;overflow:hidden;border:1px solid #dee4ed;border-radius:20px;background:#fff;box-shadow:0 10px 30px rgba(22,34,59,.045)}.admin-surface .identity-member-card>header{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:16px;border-bottom:1px solid #edf0f5}.admin-surface .identity-member-card>header .avatar{width:44px;height:44px;border-radius:14px}.admin-surface .identity-member-card h3{margin:0;color:#1b2033;font-size:13px}.admin-surface .identity-member-card header p{margin:2px 0 0;overflow:hidden;color:#7a8295;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.admin-surface .identity-member-state{display:grid;justify-items:end;gap:4px}.admin-surface .identity-member-state b{color:#535b70;font-size:9px}
.admin-surface .identity-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid #edf0f5;background:#f8fafc}.admin-surface .identity-facts span{min-width:0;padding:11px 7px;text-align:center;border-left:1px solid #e7ebf1}.admin-surface .identity-facts span:last-child{border-left:0}.admin-surface .identity-facts b,.admin-surface .identity-facts small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .identity-facts b{color:#252a40;font-size:11px}.admin-surface .identity-facts small{margin-top:2px;color:#8790a1;font-size:8px}
.admin-surface .identity-editor{border-bottom:1px solid #edf0f5}.admin-surface .identity-editor summary{position:relative;padding:12px 16px;color:#40475d;font-size:10px;font-weight:900;cursor:pointer;list-style:none}.admin-surface .identity-editor summary::-webkit-details-marker{display:none}.admin-surface .identity-editor summary:after{content:'+';position:absolute;left:16px;color:#6c63d8;font-size:16px}.admin-surface .identity-editor[open] summary:after{content:'−'}.admin-surface .identity-editor-body{display:grid;gap:12px;padding:0 15px 15px}.admin-surface .identity-profile-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-surface .identity-profile-form label{min-width:0}.admin-surface .identity-profile-form label.reason{grid-column:1/-1}.admin-surface .identity-profile-form label>span{display:block;margin-bottom:4px;color:#626a7e;font-size:9px;font-weight:800}.admin-surface .identity-profile-form input,.admin-surface .identity-select-commands input,.admin-surface .identity-select-commands select{width:100%;min-width:0;height:38px;margin:0;padding:0 10px;border:1px solid #dce1ea;border-radius:9px;background:#fff;color:#292e43;font:inherit;font-size:10px}.admin-surface .identity-profile-form button,.admin-surface .identity-select-commands button,.admin-surface .identity-quick-actions button{min-height:36px;padding:7px 11px;border:1px solid #d8dde7;border-radius:9px;background:#fff;color:#34394e;font:inherit;font-size:9px;font-weight:900;cursor:pointer}.admin-surface .identity-profile-form>button{grid-column:1/-1;background:#25283f;color:#fff;border-color:#25283f}
.admin-surface .identity-select-commands{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.admin-surface .identity-select-commands form{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:6px;min-width:0}.admin-surface .identity-select-commands button{white-space:nowrap}
.admin-surface .identity-quick-actions{display:flex;flex-wrap:wrap;gap:7px;padding:13px 15px}.admin-surface .identity-quick-actions form{min-width:0}.admin-surface .identity-quick-actions button{background:#f8f9fc}.admin-surface .identity-quick-actions button:hover:not(:disabled){border-color:#aeb6c7;background:#fff;transform:translateY(-1px)}.admin-surface .identity-quick-actions button:disabled{cursor:not-allowed;opacity:.42}.admin-surface .identity-member-card>footer{display:flex;flex-wrap:wrap;gap:7px 14px;padding:11px 15px;background:#fafbfc;color:#7f8798;font-size:8px}.admin-surface .identity-member-card>footer strong{color:#a34e19}
.admin-surface .identity-security-log{margin-top:20px;padding-top:18px;border-top:1px solid #e7ebf3}.admin-surface .identity-security-log>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-surface .identity-security-log article{display:grid;grid-template-columns:9px minmax(0,1fr) auto;gap:9px;align-items:center;min-width:0;padding:10px 12px;border:1px solid #e5e9f0;border-radius:11px;background:#fff}.admin-surface .security-severity{width:8px;height:8px;border-radius:50%;background:#6681a8;box-shadow:0 0 0 4px #edf2f8}.admin-surface .security-severity.warning{background:#d38a19;box-shadow:0 0 0 4px #fff3dc}.admin-surface .security-severity.danger,.admin-surface .security-severity.error{background:#c94554;box-shadow:0 0 0 4px #fdecef}.admin-surface .identity-security-log article b,.admin-surface .identity-security-log article small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .identity-security-log article b{color:#292e43;font-size:10px}.admin-surface .identity-security-log article small,.admin-surface .identity-security-log time{color:#858d9e;font-size:8px}.admin-surface .identity-security-log time{white-space:nowrap}
@media(max-width:1120px){.admin-surface .identity-member-grid{grid-template-columns:1fr}.admin-surface .identity-select-commands form{grid-template-columns:100px minmax(0,1fr) auto}}
@media(max-width:760px){.admin-surface .identity-control-center{padding:17px}.admin-surface .identity-control-center>.panel-head{gap:11px}.admin-surface .identity-member-card>header{grid-template-columns:40px minmax(0,1fr)}.admin-surface .identity-member-state{grid-column:1/-1;grid-template-columns:auto 1fr;justify-items:start;align-items:center}.admin-surface .identity-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .identity-facts span:nth-child(2){border-left:0}.admin-surface .identity-facts span:nth-child(-n+2){border-bottom:1px solid #e7ebf1}.admin-surface .identity-security-log>div:last-child{grid-template-columns:1fr}}
@media(max-width:520px){.admin-surface .identity-control-center{padding:13px;border-radius:18px}.admin-surface .identity-member-card{border-radius:15px}.admin-surface .identity-profile-form,.admin-surface .identity-select-commands{grid-template-columns:1fr}.admin-surface .identity-profile-form label.reason{grid-column:auto}.admin-surface .identity-profile-form>button{grid-column:auto}.admin-surface .identity-select-commands form{grid-template-columns:92px minmax(0,1fr)}.admin-surface .identity-select-commands form button{grid-column:1/-1}.admin-surface .identity-quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .identity-quick-actions form,.admin-surface .identity-quick-actions button{width:100%}.admin-surface .identity-security-log article{grid-template-columns:9px minmax(0,1fr)}.admin-surface .identity-security-log time{grid-column:2/3}}


.admin-surface .operations-page-header{overflow:hidden;background:radial-gradient(circle at 8% 0,#353073 0,transparent 34%),linear-gradient(135deg,#15182c,#222844 68%,#172d39);color:#fff}.admin-surface .operations-page-header p,.admin-surface .operations-page-header .eyebrow{color:#cbd1e5}.admin-surface .operations-migration-card{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border-color:#ead9aa;background:#fffbef}.admin-surface .operations-migration-card p{max-width:720px;color:#73694f}
.admin-surface .operations-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}.admin-surface .operations-top-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);gap:18px;align-items:start;margin:18px 0}.admin-surface .bulk-operation-builder,.admin-surface .bulk-safety-guide,.admin-surface .bulk-preview-card,.admin-surface .operations-history,.admin-surface .bulk-job-history{min-width:0;overflow:hidden}.admin-surface .bulk-limit{flex:none;padding:7px 10px;border-radius:999px;background:#f1efff;color:#574ac4;font-size:9px;font-weight:900}
.admin-surface .bulk-operation-builder>form{display:grid;gap:14px}.admin-surface .bulk-builder-fields{display:grid;grid-template-columns:180px minmax(0,1fr);gap:11px}.admin-surface .bulk-builder-fields label>span,.admin-surface .operations-filter label>span{display:block;margin-bottom:5px;color:#555e73;font-size:9px;font-weight:850}.admin-surface .bulk-builder-fields input,.admin-surface .bulk-builder-fields select,.admin-surface .operations-filter input,.admin-surface .operations-filter select{width:100%;min-width:0;height:42px;margin:0;padding:0 11px;border:1px solid #dce1ea;border-radius:10px;background:#fff;color:#282d42;font:inherit;font-size:10px}
.admin-surface .bulk-tenant-selector{min-width:0;margin:0;padding:12px;border:1px solid #e0e4eb;border-radius:14px;background:#f8fafc}.admin-surface .bulk-tenant-selector legend{padding:0 7px;color:#394056;font-size:10px;font-weight:900}.admin-surface .bulk-tenant-selector>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:300px;overflow:auto;overscroll-behavior:contain;padding:2px}.admin-surface .bulk-tenant-selector label{display:flex;align-items:center;gap:9px;min-width:0;padding:9px;border:1px solid #e2e6ed;border-radius:10px;background:#fff;cursor:pointer}.admin-surface .bulk-tenant-selector input{flex:none;width:16px;height:16px}.admin-surface .bulk-tenant-selector label>span{min-width:0}.admin-surface .bulk-tenant-selector b,.admin-surface .bulk-tenant-selector small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .bulk-tenant-selector b{color:#292e43;font-size:10px}.admin-surface .bulk-tenant-selector small{color:#858d9e;font-size:8px}
.admin-surface .bulk-safety-guide ol{display:grid;gap:0;margin:0;padding:0;list-style:none}.admin-surface .bulk-safety-guide li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:10px;padding:12px 0;border-bottom:1px solid #e9ecf2}.admin-surface .bulk-safety-guide li:last-child{border-bottom:0}.admin-surface .bulk-safety-guide li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;background:#24283f;color:#fff;font-size:9px;font-weight:900}.admin-surface .bulk-safety-guide b{color:#282d42;font-size:10px}.admin-surface .bulk-safety-guide p{margin:2px 0 0;color:#757d90;font-size:9px;line-height:1.75}
.admin-surface .bulk-preview-card{margin:18px 0;padding:24px;border-color:#ccc7f2;background:linear-gradient(145deg,#fff,#faf9ff)}.admin-surface .bulk-preview-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-surface .bulk-preview-list article{display:grid;grid-template-columns:minmax(0,1fr) auto 18px auto;gap:8px;align-items:center;min-width:0;padding:10px 11px;border:1px solid #e3e2ef;border-radius:11px;background:#fff}.admin-surface .bulk-preview-list article>div{min-width:0}.admin-surface .bulk-preview-list b,.admin-surface .bulk-preview-list small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .bulk-preview-list b{font-size:10px}.admin-surface .bulk-preview-list small{color:#8990a0;font-size:8px}.admin-surface .bulk-preview-list i{color:#7a739f;font-style:normal;text-align:center}.admin-surface .bulk-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #e2dfef}.admin-surface .bulk-preview-actions>form:first-child{display:flex;align-items:center;gap:12px}.admin-surface .bulk-preview-actions label{display:flex;align-items:center;gap:7px;color:#4e5669;font-size:9px}
.admin-surface .operations-history{margin:18px 0;padding:24px}.admin-surface .operations-filter{display:grid;grid-template-columns:minmax(170px,1.2fr) repeat(3,minmax(120px,.75fr)) auto;gap:10px;align-items:end;margin:4px 0 18px;padding:13px;border:1px solid #e3e7ee;border-radius:14px;background:#f8fafc}.admin-surface .operations-list{display:grid;gap:8px}.admin-surface .operations-list>article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center;min-width:0;padding:12px 13px;border:1px solid #e4e8ef;border-radius:12px;background:#fff}.admin-surface .operation-main{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center;min-width:0}.admin-surface .operation-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#eaf8f0;color:#19744b;font-size:12px;font-weight:900}.admin-surface .operation-symbol.reverted{background:#f1effb;color:#63599a}.admin-surface .operation-main b{color:#292e43;font-size:11px}.admin-surface .operation-main p{margin:2px 0;color:#666f83;font-size:9px;line-height:1.65}.admin-surface .operation-main small{display:block;color:#8991a1;font-size:8px}.admin-surface .operation-meta{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.admin-surface .operation-meta code{padding:5px 7px;border-radius:7px;background:#f2f4f7;color:#626a7d;font-size:8px;direction:ltr}.admin-surface .operation-meta time{color:#838b9b;font-size:8px;white-space:nowrap}.admin-surface .operation-locked{padding:5px 8px;border-radius:7px;background:#f5f6f8;color:#858c9b;font-size:8px;white-space:nowrap}.admin-surface .operation-meta details{position:relative}.admin-surface .operation-meta summary{padding:6px 9px;border:1px solid #d9d4f2;border-radius:8px;background:#f7f5ff;color:#594dae;font-size:8px;font-weight:900;cursor:pointer;list-style:none}.admin-surface .operation-meta details form{position:absolute;z-index:8;left:0;top:calc(100% + 6px);display:grid;gap:7px;width:260px;padding:11px;border:1px solid #dfe2ea;border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(20,26,48,.16)}.admin-surface .operation-meta details input[type=text],.admin-surface .operation-meta details input:not([type]){width:100%;height:37px;margin:0;padding:0 9px;border:1px solid #dfe3eb;border-radius:8px;font-size:9px}.admin-surface .operation-meta details label{display:flex;align-items:center;gap:6px;color:#646c7e;font-size:8px}.admin-surface .operation-meta details button{min-height:35px;border:0;border-radius:8px;background:#4d419f;color:#fff;font:inherit;font-size:9px;font-weight:900}.admin-surface .operations-pagination{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid #eceef3;color:#697185;font-size:9px}.admin-surface .operations-pagination a{padding:7px 10px;border:1px solid #dde1e9;border-radius:8px;background:#fff;font-weight:850}
.admin-surface .bulk-job-history{margin:18px 0}.admin-surface .bulk-job-history>div:last-child{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-surface .bulk-job-history article{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;min-width:0;padding:11px 12px;border:1px solid #e4e8ef;border-radius:11px;background:#fafbfc}.admin-surface .bulk-job-history article>div{min-width:0}.admin-surface .bulk-job-history b,.admin-surface .bulk-job-history p,.admin-surface .bulk-job-history small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-surface .bulk-job-history b{color:#30354a;font-size:10px}.admin-surface .bulk-job-history p{margin:2px 0;color:#70788b;font-size:9px}.admin-surface .bulk-job-history small{color:#8d94a3;font-size:8px}.admin-surface .bulk-job-history a{color:#574cad;font-size:9px;font-weight:900;white-space:nowrap}
@media(max-width:1160px){.admin-surface .operations-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-surface .operations-filter{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .operations-filter button{width:100%}.admin-surface .operation-meta{flex-wrap:wrap}.admin-surface .bulk-job-history>div:last-child{grid-template-columns:1fr}}
@media(max-width:860px){.admin-surface .operations-top-grid{grid-template-columns:1fr}.admin-surface .bulk-preview-list{grid-template-columns:1fr}.admin-surface .operations-list>article{grid-template-columns:1fr}.admin-surface .operation-meta{justify-content:flex-start}.admin-surface .operation-meta details form{right:0;left:auto}}
@media(max-width:650px){.admin-surface .operations-migration-card{align-items:stretch;flex-direction:column}.admin-surface .operations-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-surface .bulk-operation-builder,.admin-surface .bulk-safety-guide,.admin-surface .bulk-preview-card,.admin-surface .operations-history{padding:16px}.admin-surface .bulk-builder-fields,.admin-surface .operations-filter{grid-template-columns:1fr}.admin-surface .bulk-tenant-selector>div{grid-template-columns:1fr}.admin-surface .bulk-preview-actions,.admin-surface .bulk-preview-actions>form:first-child{align-items:stretch;flex-direction:column}.admin-surface .bulk-preview-actions form,.admin-surface .bulk-preview-actions button{width:100%}.admin-surface .operation-meta details form{position:fixed;right:14px;left:14px;top:auto;bottom:14px;width:auto}.admin-surface .bulk-job-history article{grid-template-columns:minmax(0,1fr) auto}.admin-surface .bulk-job-history article>a,.admin-surface .bulk-job-history article>b:last-child{grid-column:1/-1}}
@media(max-width:420px){.admin-surface .operations-metrics{grid-template-columns:1fr}.admin-surface .bulk-preview-list article{grid-template-columns:minmax(0,1fr) auto 14px auto}.admin-surface .operation-meta code{display:none}}


.marketing-home,.demo-public,.trust-public,.solution-public,.solution-hub,.solution-detail,.ai-transparency-page,.legal-public,.solution-selector,.solution-card-grid,.solution-decision,.solution-problem,.solution-steps,.solution-fit,.solution-proof-path,.related-solutions,.trust-grid,.security-grid,.contact-trust-grid,.legal-layout,.home-solution-paths,.presence-live-panel,.catalog-title-row,.seo-action-panel{min-width:0}
.status-pill.archived,.archived{border-color:#ddd8eb;background:#f3f0f8;color:#665b82}.alert-info{border-color:#b9d7ff;background:#eef6ff;color:#175b9b}
.site-menu-icon{position:relative;display:grid;width:25px;height:20px;align-content:space-between}.site-menu-icon i{display:block;width:100%;height:2px;border-radius:99px;background:currentColor;transition:transform .22s ease,opacity .18s ease}.site-menu-button[aria-expanded=true] .site-menu-icon i:first-child{transform:translateY(9px) rotate(45deg)}.site-menu-button[aria-expanded=true] .site-menu-icon i:nth-child(2){opacity:0}.site-menu-button[aria-expanded=true] .site-menu-icon i:last-child{transform:translateY(-9px) rotate(-45deg)}
.trust-breadcrumb{display:flex;align-items:center;gap:9px;max-width:1200px;margin:0 auto 32px;color:#747b89;font-size:11px}.trust-breadcrumb a:hover{color:#171b2d}.trust-hero{max-width:1000px}.trust-intro,.trust-note,.contact-direct,.solution-decision,.solution-problem,.solution-fit{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(260px,.7fr);gap:clamp(24px,5vw,70px);align-items:center}.trust-note,.contact-direct{margin:64px auto 0;padding:clamp(24px,5vw,54px);border:1px solid #dfe3ea;border-radius:24px;background:linear-gradient(145deg,#fff,#f7f9fc)}.trust-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:72px 0 0;padding:clamp(26px,5vw,58px);border-radius:24px;background:#11162a;color:#fff}.trust-cta h2{margin:0;font-size:clamp(26px,4vw,48px)}.trust-cta .eyebrow{color:#b9bfd0}
.contact-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-trust-grid article{padding:24px;border:1px solid #e0e4eb;border-radius:20px;background:#fff}.contact-trust-grid article>span{display:grid;place-items:center;width:38px;height:38px;margin-bottom:20px;border-radius:12px;background:#191d31;color:#fff}.contact-trust-grid h2{font-size:18px}.contact-trust-grid p{color:#687084;font-size:12px;line-height:1.9}.contact-trust-grid a{color:#5548b5;font-size:11px;font-weight:900}.contact-direct h2{margin:0;font-size:clamp(20px,3vw,36px);direction:ltr;text-align:right}
.legal-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:44px;align-items:start}.legal-layout>aside{position:sticky;top:105px;display:grid;gap:7px;padding:18px;border:1px solid #e0e4eb;border-radius:16px;background:#fafbfc}.legal-layout>aside a{padding:7px;color:#687084;font-size:10px}.legal-layout>div{min-width:0}.legal-layout>div section{scroll-margin-top:110px}
.ai-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:40px 0 70px}.ai-flow article{padding:22px;border:1px solid #dfe3ea;border-radius:18px;background:#fff}.ai-flow article>b{display:grid;place-items:center;width:31px;height:31px;margin-bottom:18px;border-radius:10px;background:#171b30;color:#fff}.ai-flow h2{font-size:16px}.ai-flow p{margin:0;color:#697185;font-size:11px;line-height:1.9}.ai-guardrail{padding:clamp(24px,5vw,54px);border-radius:24px;background:#f3f1ff}.ai-guardrail aside{padding:20px;border-radius:16px;background:#fff}.ai-guardrail aside p{margin:7px 0 0;color:#697185;font-size:11px}
.solution-hero,.solution-detail-hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(270px,.65fr);gap:clamp(32px,7vw,90px);align-items:center;margin:20px 0 80px}.solution-hero h1,.solution-detail-hero h1{font-size:clamp(42px,6vw,82px);line-height:1.08}.solution-hero>div>p:not(.eyebrow),.solution-detail-hero>div>p:not(.eyebrow){max-width:720px;color:#60697d;line-height:2}.solution-hero>aside,.solution-detail-hero>aside{display:grid;gap:11px;padding:28px;border-radius:22px;background:#171b30;color:#fff}.solution-hero>aside span,.solution-hero>aside small,.solution-detail-hero>aside span,.solution-detail-hero>aside small{color:#b7bfd1;font-size:10px}.solution-hero>aside i,.solution-detail-hero>aside i{color:#8278e9;font-style:normal}.solution-hero-actions{display:flex;align-items:center;gap:18px;margin-top:28px}.solution-selector>header,.solution-steps>header,.related-solutions>header{max-width:760px;margin-bottom:28px}.solution-selector>header h2,.solution-steps>header h2,.related-solutions>header h2{font-size:clamp(28px,4vw,48px)}.solution-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.solution-card-grid article{padding:26px;border:1px solid #dfe3ea;border-radius:20px;background:#fff}.solution-card-grid article>span{font-size:30px}.solution-card-grid article>a{color:#5548b5;font-size:11px;font-weight:900}.solution-decision,.solution-problem,.solution-fit{margin:72px 0;padding:clamp(25px,5vw,55px);border-radius:24px;background:#f6f7fa}.solution-decision ol{display:grid;gap:9px;margin:0;padding:0;list-style:none}.solution-decision li{display:flex;align-items:center;gap:10px;padding:10px;border-radius:12px;background:#fff}.solution-decision li>b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#1a1e31;color:#fff}.solution-steps>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.solution-steps article{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding:20px;border:1px solid #e0e4eb;border-radius:16px}.solution-fit ul{display:grid;gap:9px;margin:0;padding:0;list-style:none}.solution-fit li{display:flex;gap:9px}.solution-fit li i{color:#198052}.solution-proof-path{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:64px 0;padding:clamp(26px,5vw,55px);border-radius:24px;background:#161a2e;color:#fff}.solution-proof-path p{color:#b9c0d1}.related-solutions{margin-top:70px}.related-solutions>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.related-solutions a{display:grid;grid-template-columns:34px minmax(0,1fr) auto;gap:10px;align-items:center;padding:15px;border:1px solid #dfe3ea;border-radius:14px}.related-solutions small{display:block;color:#7a8294}
.demo-control-primary{border-color:#5045b6!important;background:#5045b6!important;color:#fff!important}.demo-noscript{margin:15px;padding:18px;border:1px solid #ead9a7;border-radius:13px;background:#fff9e9;color:#70591e}.sales-demo-avatar,.sales-demo-mini-avatar{isolation:isolate}.sales-demo-live{white-space:nowrap}.sales-demo-progress{overflow:hidden}.sales-demo-day{text-align:center}.sales-demo-message.is-customer{align-self:flex-start}.sales-demo-message.is-assistant{align-self:flex-end}.outcome-ribbon{isolation:isolate}
.integration-deploy-note{overflow-wrap:anywhere}.presence-live-panel{overflow:hidden}.catalog-title-row{align-items:center}.seo-action-panel{overflow:hidden}.seo-action-panel .seo-action-list{display:grid;gap:8px}.seo-action-panel .seo-action-list>div{display:grid;grid-template-columns:8px minmax(0,1fr);gap:10px;align-items:start}.seo-action-panel .seo-action-list i{width:8px;height:8px;margin-top:6px;border-radius:50%;background:#7569d7}.home-solution-paths{isolation:isolate}
@media(max-width:850px){.trust-intro,.trust-note,.contact-direct,.solution-decision,.solution-problem,.solution-fit,.solution-hero,.solution-detail-hero{grid-template-columns:1fr}.contact-trust-grid,.solution-card-grid{grid-template-columns:1fr}.legal-layout{grid-template-columns:1fr}.legal-layout>aside{position:static}.ai-flow{grid-template-columns:repeat(2,minmax(0,1fr))}.solution-steps>div,.related-solutions>div{grid-template-columns:1fr}.solution-proof-path,.trust-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.ai-flow{grid-template-columns:1fr}.solution-hero-actions{align-items:stretch;flex-direction:column}.solution-hero-actions .button{width:100%}.solution-proof-path .button,.trust-cta .button,.contact-direct .button,.trust-note .button{width:100%}}
@media(prefers-reduced-motion:reduce){.admin-surface .subscription-entitlement-editor label{transition:none}.admin-surface .subscription-entitlement-editor label:hover{transform:none}}


.admin-surface .finance-invoice-center{overflow:visible}.admin-surface .finance-invoice-center .table-wrap{overflow-x:auto;overflow-y:visible}.admin-surface .finance-invoice-center table{min-width:980px}.admin-surface .finance-invoice-center td{vertical-align:top}.admin-surface .finance-invoice-center td>a{color:#4139a8;text-decoration:none}.admin-surface .finance-invoice-center td small{display:block;margin-top:4px;color:#7c8492;white-space:normal}
.admin-surface .invoice-command-menu{position:relative;min-width:125px}.admin-surface .invoice-command-menu>summary{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid #dcd9f5;border-radius:10px;background:#f7f6ff;color:#4c43b5;font-size:9px;font-weight:850;cursor:pointer;list-style:none}.admin-surface .invoice-command-menu>summary::-webkit-details-marker{display:none}.admin-surface .invoice-command-menu[open]>summary{border-color:#7970df;box-shadow:0 0 0 3px rgba(106,96,215,.1)}
.admin-surface .invoice-command-popover{position:absolute;z-index:20;top:41px;left:0;display:grid;width:min(330px,calc(100vw - 56px));gap:10px;padding:12px;border:1px solid #dedfea;border-radius:16px;background:#fff;box-shadow:0 18px 48px rgba(25,30,47,.17)}.admin-surface .invoice-command-popover form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;padding:11px;border:1px solid #e7e8ee;border-radius:12px;background:#fafbfc}.admin-surface .invoice-command-popover form>b{grid-column:1/-1;color:#30394a;font-size:10px}.admin-surface .invoice-command-popover input{min-width:0;min-height:37px;padding:0 9px;border:1px solid #dfe2e9;border-radius:9px;background:#fff;color:#283143;font:inherit;font-size:9px}.admin-surface .invoice-command-popover .button{min-width:95px}.admin-surface .invoice-command-popover form.danger{border-color:#f1d4d0;background:#fff9f8}.admin-surface .finance-locked-state{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f1f3f6;color:#697384;font-size:9px;font-weight:800}
.admin-surface .discount-status-command{position:relative;margin-inline-start:auto}.admin-surface .discount-status-command>summary{padding:5px 8px;border:1px solid #dedfea;border-radius:9px;color:#5048af;font-size:8px;font-weight:850;cursor:pointer;list-style:none}.admin-surface .discount-status-command>summary::-webkit-details-marker{display:none}.admin-surface .discount-status-command form{position:absolute;z-index:15;top:34px;left:0;display:grid;width:250px;gap:7px;padding:10px;border:1px solid #e0e1e9;border-radius:13px;background:#fff;box-shadow:0 16px 38px rgba(25,30,47,.15)}.admin-surface .discount-status-command input{min-height:37px;padding:0 9px;border:1px solid #dfe2e9;border-radius:9px;font:inherit;font-size:9px}
@media(max-width:700px){.admin-surface .invoice-command-popover{position:fixed;z-index:80;top:auto;right:14px;bottom:14px;left:14px;width:auto;max-height:70vh;overflow:auto;border-radius:19px;box-shadow:0 24px 70px rgba(19,24,40,.28)}.admin-surface .invoice-command-popover form{grid-template-columns:1fr}.admin-surface .invoice-command-popover .button{width:100%}.admin-surface .discount-status-command form{position:fixed;z-index:80;top:auto;right:14px;bottom:14px;left:14px;width:auto}}


@page{size:A4;margin:13mm}
@media print{
  html,body{width:auto!important;min-width:0!important;background:#fff!important;color:#111!important}
  .sidebar,.workspace-topbar,.sidebar-backdrop,.invoice-hero-actions,.invoice-payment-panel,.site-header,.site-footer,.flash{display:none!important}
  .workspace-shell{display:block!important;margin:0!important;min-height:0!important}
  .workspace-main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;overflow:visible!important}
  .invoice-sheet{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
  .invoice-hero{grid-template-columns:minmax(0,1fr) 220px!important;gap:10mm!important;padding-bottom:7mm!important;break-inside:avoid}
  .invoice-hero-card{padding:4mm!important;border-color:#bbb!important;background:#fff!important;box-shadow:none!important}
  .invoice-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:3mm!important;padding:6mm 0!important;break-inside:avoid}
  .invoice-summary-grid article{padding:3mm!important;border-color:#ccc!important;background:#fff!important}
  .invoice-items{break-inside:auto}.invoice-items .table-wrap{overflow:visible!important;border:0!important}
  .invoice-items table{width:100%!important;min-width:0!important;table-layout:fixed!important;font-size:9pt!important}
  .invoice-items th,.invoice-items td{padding:3mm 2mm!important;overflow-wrap:anywhere!important}
  .invoice-footer-grid{display:block!important}.invoice-totals{width:85mm!important;margin-inline-start:auto!important;break-inside:avoid}
  .invoice-note{margin-top:8mm!important;font-size:8pt!important}
  a{color:#111!important;text-decoration:none!important}
}


.catalog-title-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:260px}
.catalog-title-actions .button{min-width:126px}
.catalog-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:18px 0 22px}
.catalog-guidance article{display:flex;align-items:flex-start;gap:12px;min-width:0;padding:16px 17px;border:1px solid #e3e6ef;border-radius:17px;background:linear-gradient(145deg,#fff,#fafaff);box-shadow:0 7px 22px rgba(31,37,63,.04)}
.catalog-guidance article>span{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:11px;background:#f0efff;color:#5147b8;font:800 10px Arial}
.catalog-guidance article>div{display:flex;flex-direction:column;gap:3px;min-width:0}.catalog-guidance b{font-size:11px;color:#222b3a}.catalog-guidance small{font-size:9px;line-height:1.8;color:#788296}
.catalog-type-pill{display:inline-flex;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 9px;border-radius:999px;background:#f1f0ff;color:#5147b8;font-size:9px;font-weight:800}
dialog.catalog-modal{width:min(780px,calc(100% - 26px));max-height:min(92vh,900px);border-radius:24px;background:#fff;overflow:hidden}
.catalog-modal form{display:flex;flex-direction:column;max-height:min(92vh,900px);padding:0}.catalog-modal .modal-head{flex:0 0 auto;margin:0;padding:25px 30px 18px;background:linear-gradient(145deg,#fff,#fafaff);border-bottom:1px solid #e5e7ef}.catalog-modal .modal-head h2{font-size:21px;line-height:1.55}.catalog-modal .modal-head>div{min-width:0}.catalog-modal .modal-head small{display:block;margin-top:5px;color:#768093;font-size:10px;line-height:1.8}.catalog-modal .modal-head>button{flex:0 0 auto;width:34px;height:34px;border-radius:11px;background:#f1f2f6;color:#4b5565;font-size:23px;line-height:1}.catalog-modal-body{flex:1 1 auto;overflow:auto;padding:22px 30px 8px}.catalog-modal-body label{margin-bottom:17px}.catalog-modal-body label>small{line-height:1.8}.catalog-form-intro{display:flex;align-items:center;gap:11px;margin:0 0 18px;padding:12px 14px;border:1px solid #dfddfa;border-radius:14px;background:#faf9ff}.catalog-form-intro>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:9px;background:#5b52c7;color:#fff;font:800 10px Arial}.catalog-form-intro>div{display:flex;flex-direction:column;gap:2px}.catalog-form-intro b{font-size:11px;color:#312b78}.catalog-form-intro small{font-size:9px;color:#686f82}.catalog-modal .modal-actions{flex:0 0 auto;margin:0;padding:16px 30px 22px;background:#fff;border-top:1px solid #e5e7ef}.catalog-modal .modal-actions .button{min-width:145px}
@media(max-width:850px){.catalog-guidance{grid-template-columns:1fr}.catalog-guidance article{padding:13px 14px}.catalog-title-actions{min-width:0}}
@media(max-width:650px){.catalog-title-actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:8px}.catalog-title-actions .button{width:100%;min-width:0}.catalog-guidance{gap:8px}.catalog-guidance article{border-radius:14px}.catalog-modal .modal-head{padding:20px 18px 15px}.catalog-modal .modal-head h2{font-size:17px}.catalog-modal-body{padding:17px 18px 2px}.catalog-modal .modal-actions{padding:13px 18px 17px;display:grid;grid-template-columns:1fr 1fr}.catalog-modal .modal-actions .button{width:100%;min-width:0}}


.conversation-quality{display:inline-flex;align-items:center;gap:3px;margin-inline-start:3px;font-weight:800}
.conversation-quality.quality-low{color:#b42318}.conversation-quality.quality-good{color:#147a58}.conversation-quality.quality-mixed{color:#8a5a00}.conversation-quality.quality-unreviewed{color:#727b8b}
.conversation-quality-summary{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:wrap}
.thread-message em{display:block;line-height:1.8}
@media(max-width:680px){.conversation-quality-summary{justify-content:flex-start;margin-top:8px}.conversation-quality{display:inline}}


.experiment-decision{display:grid;gap:3px;margin:0 0 14px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-muted);font-size:10px}
.experiment-decision b{font-size:11px}.experiment-decision span,.experiment-decision small{color:var(--muted);line-height:1.8}
.experiment-decision.ready{border-color:#cce9db;background:#f4fbf7}.experiment-decision.ready b{color:#147a58}
.experiment-decision.waiting{border-color:#e8ddbd;background:#fffaf0}.experiment-decision.waiting b{color:#8a5a00}
.readiness-action{display:inline-flex;margin-top:8px;color:#5147b8;font-size:9px;font-weight:800;text-decoration:none}.readiness-action:hover{text-decoration:underline}
.alert-warning{background:var(--warning-bg);border-color:#f2cc8a;color:var(--warning)}


.knowledge-preview-v3{display:grid;gap:16px;min-width:0}
.knowledge-preview-v3 .knowledge-preview-hero{position:relative;overflow:hidden;align-items:center;margin-bottom:0;background:radial-gradient(circle at 8% 12%,rgba(6,182,212,.1),transparent 24%),radial-gradient(circle at 84% 0,rgba(99,91,255,.14),transparent 30%),linear-gradient(145deg,#fff,#f8f8ff)}
.knowledge-preview-v3 .knowledge-preview-hero:after{content:'';position:absolute;inset-inline-end:-90px;bottom:-120px;width:260px;height:260px;border:1px solid rgba(99,91,255,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(99,91,255,.025),0 0 0 84px rgba(99,91,255,.018);pointer-events:none}
.knowledge-preview-hero-copy,.knowledge-preview-hero-actions{position:relative;z-index:1;min-width:0}
.knowledge-preview-hero-copy{display:grid;gap:8px}.knowledge-preview-hero-copy h1{margin:0!important;max-width:790px}.knowledge-preview-hero-copy>p:last-child{max-width:730px;margin:0;color:#667085;line-height:1.95}
.preview-breadcrumb{display:flex;align-items:center;gap:8px;margin-bottom:2px;color:#7b8496;font-size:10px}.preview-breadcrumb a{color:var(--brand-strong);font-weight:800;text-decoration:none}.preview-breadcrumb a:hover{text-decoration:underline}.preview-breadcrumb span[aria-hidden]{color:#b0b7c4}
.knowledge-preview-hero-actions{display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:220px}.preview-safety-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cce9db;border-radius:999px;background:#f4fbf7;color:#147a58;font-size:9px;font-weight:800;white-space:nowrap}.preview-safety-badge i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#12b76a;color:#fff;font-style:normal;font-size:10px}
.preview-status-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid #e1e5ed;border-radius:20px;background:#e1e5ed;box-shadow:0 6px 22px rgba(31,37,63,.035)}
.preview-status-strip>div{display:flex;align-items:center;gap:12px;min-width:0;padding:18px 20px;background:linear-gradient(180deg,#fff,#fafbff)}.preview-status-strip>div+div{border-inline-start:1px solid #e1e5ed}.preview-status-strip>div>div{display:flex;flex-direction:column;gap:2px;min-width:0}.preview-status-strip small{color:#7b8496;font-size:9px}.preview-status-strip b{color:#182230;font-size:15px;line-height:1.55;overflow-wrap:anywhere}.preview-status-strip time{color:#98a2b3;font-size:8px}.preview-status-icon{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;font-weight:900}.preview-status-icon.active{background:#ecfdf3;color:#067647}.preview-status-icon.ready{background:#f0efff;color:var(--brand-strong)}.preview-status-icon.change{background:#fff4e5;color:#b54708;font-size:11px}.preview-score-track{display:block;width:min(180px,100%);height:6px;margin-top:4px;border-radius:999px;background:#e9edf5;overflow:hidden}.preview-score-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--brand),var(--accent))}
.preview-validation-alert{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:start;gap:13px;padding:17px 19px;border:1px solid #fecdca;border-radius:18px;background:#fff7f7;color:#7a2020;box-shadow:0 5px 18px rgba(31,37,63,.035)}.preview-validation-alert>div{min-width:0}.preview-validation-alert b{display:block;color:#8f2020;font-size:13px}.preview-validation-alert p{margin:4px 0 7px;color:#9b4b4b;font-size:10px;line-height:1.8}.preview-validation-alert ul{display:grid;gap:4px;margin:0;padding:0 17px 0 0;font-size:10px;line-height:1.8}.preview-alert-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f04438;color:#fff;font-weight:900}.preview-validation-alert .button{white-space:nowrap;margin-top:1px}
.preview-empty-state{display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:17px;padding:26px 28px;min-width:0;background:linear-gradient(145deg,#fff,#fafbff)}.preview-empty-icon{display:grid;place-items:center;width:54px;height:54px;border-radius:17px;background:#ecfdf3;color:#067647;font-size:23px;font-weight:900}.preview-empty-state h2{margin:3px 0 5px;font-size:20px}.preview-empty-state p:not(.eyebrow){margin:0;color:#667085;line-height:1.85;font-size:11px}.preview-empty-state .button{white-space:nowrap}
.preview-change-section{display:grid;gap:13px}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:14px;min-width:0}.section-heading-row>div{min-width:0}.section-heading-row h2{margin:2px 0 4px;color:#182230;font-size:21px}.section-heading-row p:last-child{margin:0;color:#7b8496;font-size:10px;line-height:1.8}.section-heading-row .count-badge{flex:0 0 auto}
.preview-change-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.preview-change-card{display:flex;flex-direction:column;min-width:0;padding:19px 20px;overflow:hidden;background:linear-gradient(180deg,#fff,#fafbff)}.preview-change-card header{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:17px}.preview-change-card header .status-pill{font-size:8px;white-space:nowrap}.preview-change-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#f0efff;color:var(--brand-strong);font-size:15px}.preview-change-card h3{margin:0 0 7px;color:#202939;font-size:16px;overflow-wrap:anywhere}.preview-change-card p{margin:0;color:#667085;font-size:10px;line-height:1.85}.preview-change-card p b{color:#182230;font-size:14px}.preview-change-card p span{color:#98a2b3;padding-inline:4px}
.preview-publish-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 24px;border:1px solid #d8d4ff;border-radius:22px;background:radial-gradient(circle at 6% 0,rgba(99,91,255,.12),transparent 28%),linear-gradient(145deg,#fff,#f7f5ff);box-shadow:0 10px 28px rgba(31,37,63,.055)}.preview-publish-copy{display:flex;align-items:flex-start;gap:14px;min-width:0}.preview-publish-copy>div{min-width:0}.preview-publish-copy h2{margin:3px 0 5px;color:#182230;font-size:20px}.preview-publish-copy p:last-child{margin:0;color:#667085;line-height:1.85;font-size:10px;max-width:650px}.preview-publish-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;border-radius:14px;background:#111827;color:#fff;font-size:20px;box-shadow:0 8px 18px rgba(17,24,39,.15)}.preview-publish-card form{flex:0 0 auto;margin:0}.preview-publish-card .button{min-height:48px;white-space:nowrap}
.preview-footnote{display:flex;align-items:center;gap:10px;padding:12px 15px;border:1px solid #e3e7f2;border-radius:15px;background:#fafbff;color:#667085}.preview-footnote>span{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#eef2ff;color:var(--brand-strong);font-weight:900;font-size:11px}.preview-footnote p{margin:0;flex:1;font-size:9px;line-height:1.8}.preview-footnote p b{color:#344054}.preview-footnote a{flex:0 0 auto;color:var(--brand-strong);font-size:9px;font-weight:800;text-decoration:none}.preview-footnote a:hover{text-decoration:underline}
@media(max-width:1050px){.knowledge-preview-v3 .knowledge-preview-hero{align-items:flex-start}.knowledge-preview-hero-actions{min-width:190px}.preview-change-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.knowledge-preview-v3 .knowledge-preview-hero{display:grid;gap:17px}.knowledge-preview-hero-actions{align-items:stretch;min-width:0}.knowledge-preview-hero-actions .button{width:100%;justify-content:center}.preview-safety-badge{justify-content:center}.preview-status-strip{grid-template-columns:1fr}.preview-status-strip>div+div{border-inline-start:0;border-top:1px solid #e1e5ed}.preview-empty-state{grid-template-columns:45px minmax(0,1fr);padding:20px}.preview-empty-icon{width:45px;height:45px;border-radius:14px}.preview-empty-state .button{grid-column:1/-1;width:100%;justify-content:center}.section-heading-row{align-items:flex-start;flex-direction:column}.section-heading-row .count-badge{align-self:flex-start}.preview-change-grid{grid-template-columns:1fr}.preview-publish-card{align-items:stretch;flex-direction:column;padding:20px}.preview-publish-card .button{width:100%;justify-content:center}.preview-footnote{align-items:flex-start;flex-wrap:wrap}.preview-footnote a{margin-inline-start:34px}}
@media(max-width:460px){.knowledge-preview-v3{gap:12px}.knowledge-preview-v3 .knowledge-preview-hero{padding:19px 16px;border-radius:18px}.knowledge-preview-hero-copy h1{font-size:27px!important}.preview-breadcrumb{font-size:9px}.preview-status-strip>div{padding:15px 16px}.preview-validation-alert{grid-template-columns:32px minmax(0,1fr);padding:15px}.preview-validation-alert .button{grid-column:2;width:100%;justify-content:center}.preview-empty-state{padding:18px 16px}.preview-empty-state h2{font-size:17px}.preview-change-card{padding:16px}.preview-publish-copy h2{font-size:17px}.preview-footnote{padding:11px 12px}}


.knowledge-studio-v3 .readiness-todo>div:last-child{display:grid;grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:10px}
.knowledge-studio-v3 .readiness-todo-item{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;padding:11px 14px;border:1px solid #e5e8f1;border-radius:16px;background:linear-gradient(180deg,#fff 0%,#f6f8ff 100%);box-shadow:0 4px 14px rgba(31,37,63,.03);color:#182230;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}
.knowledge-studio-v3 .readiness-todo-item>span{display:flex;flex-direction:column;gap:3px;min-width:0}
.knowledge-studio-v3 .readiness-todo-item b{font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.knowledge-studio-v3 .readiness-todo-item small{color:#667085;font-size:9px}
.knowledge-studio-v3 .readiness-todo-item em{font-style:normal;flex:0 0 auto;color:var(--brand-strong);font-size:9px;font-weight:800;white-space:nowrap}
.knowledge-studio-v3 .readiness-todo-item:hover{transform:translateY(-1px);border-color:#bcb7ff;background:linear-gradient(180deg,#fff 0%,#f8f7ff 100%);box-shadow:0 9px 20px rgba(31,37,63,.08)}
.knowledge-studio-v3 .readiness-todo-item:focus-visible,.knowledge-studio-v3 .validation-link:focus-visible{outline:3px solid rgba(99,91,255,.28);outline-offset:3px}
.knowledge-studio-v3 .validation-banner ul.validation-links{display:grid;gap:7px;margin:14px 46px 0;padding:0;list-style:none}
.knowledge-studio-v3 .validation-link{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 12px;border:1px solid #f0d1d1;border-radius:12px;background:#fff;color:#7a2020;text-decoration:none;line-height:1.75;transition:background-color .18s ease,border-color .18s ease,transform .18s ease}
.knowledge-studio-v3 .validation-link>span:first-child{min-width:0;overflow-wrap:anywhere}
.knowledge-studio-v3 .validation-link-action{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;color:#a33434;font-size:9px;font-weight:800;white-space:nowrap}
.knowledge-studio-v3 .validation-link-action b{font-size:14px;line-height:1}
.knowledge-studio-v3 .validation-link:hover{transform:translateY(-1px);border-color:#d99b9b;background:#fffafa}
.knowledge-studio-v3 .warning-links{margin-top:10px!important}.knowledge-studio-v3 .warning-link{border-color:#ead9ab;background:#fffdf5;color:#76591a}.knowledge-studio-v3 .warning-link .validation-link-action{color:#8a5a00}.knowledge-studio-v3 .warning-link:hover{border-color:#d8bb6f;background:#fffaf0}
.knowledge-studio-v3 #readiness{scroll-margin-top:92px}
@media(max-width:700px){.knowledge-studio-v3 .readiness-todo>div:last-child{grid-template-columns:1fr}.knowledge-studio-v3 .validation-banner ul.validation-links{margin-inline:0}.knowledge-studio-v3 .validation-link{align-items:flex-start}}
@media(max-width:460px){.knowledge-studio-v3 .validation-link{padding:9px 10px;gap:8px}.knowledge-studio-v3 .validation-link-action{font-size:8px}}


.product-guide .product-guide-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;min-width:0}
.product-guide .product-guide-reset{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:5px 9px;border:1px solid #e0e3ee;border-radius:999px;background:rgba(255,255,255,.88);color:#59627a;font-family:inherit;font-size:8px;font-weight:800;white-space:nowrap;transition:.18s var(--ease)}
.product-guide .product-guide-reset i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#f0efff;color:#5148dc;font-size:13px;font-style:normal;line-height:1}
.product-guide .product-guide-reset:hover,.product-guide .product-guide-reset:focus-visible{border-color:#bcb7ff;background:#f7f6ff;color:#4038bb;outline:0;transform:translateY(-1px)}
.product-guide .product-guide-reset:active{transform:none}
@media(max-width:700px){.product-guide .product-guide-reset{min-height:30px;padding:4px 8px}.product-guide .product-guide-reset span{display:none}.product-guide .product-guide-reset i{width:20px;height:20px}.product-guide .product-guide-actions{gap:5px}}
@media(max-width:460px){.product-guide .product-guide-reset{width:30px;height:30px;padding:0}.product-guide .product-guide-reset i{width:20px;height:20px}.product-guide .product-guide-actions{gap:4px}}


.ai-field-evaluation-panel{display:grid;gap:16px;background:linear-gradient(145deg,#fff,#fafaff)}
.ai-field-evaluation-panel .panel-head{align-items:flex-start}
.ai-field-evaluation-panel .panel-head small{display:block;max-width:720px;line-height:1.9;color:#667085}
.ai-field-evaluation-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ai-field-evaluation-grid article{display:grid;gap:4px;min-width:0;padding:14px 15px;border:1px solid #e4e7f0;border-radius:15px;background:#fff}
.ai-field-evaluation-grid article small{color:#667085;font-size:9px}.ai-field-evaluation-grid article b{color:#182230;font-size:22px;line-height:1.25}.ai-field-evaluation-grid article span{color:#98a2b3;font-size:9px;line-height:1.7}
.ai-field-actions{display:grid;gap:6px;margin:0;padding:0 19px 0 0;color:#475467;font-size:10px;line-height:1.8}.ai-field-actions li::marker{color:#635bff}
.ai-field-table{margin-top:1px}.ai-field-table table{min-width:650px}.ai-field-table td,.ai-field-table th{white-space:nowrap}.ai-field-table td:first-child{font-weight:800;color:#344054}
.ai-platform-field-evaluation{margin-top:18px}.ai-platform-field-evaluation .ai-field-table{max-height:330px;overflow:auto}
@media(max-width:760px){.ai-field-evaluation-grid{grid-template-columns:1fr}.ai-field-table{overflow-x:auto}.ai-field-table table{min-width:610px}}


.canary-status{display:grid;gap:4px;margin-top:12px;padding:11px 13px;border:1px solid #e4e7f0;border-radius:13px;background:#fafbff;color:#475467;font-size:10px;line-height:1.8}.canary-status b{color:#182230}.canary-status span{color:#667085}.canary-ready{border-color:#abefc6;background:#f0fdf4}.canary-rollback_review{border-color:#fecdca;background:#fff7f7}.canary-quality_hold,.canary-allocation_hold{border-color:#fedf89;background:#fffbeb}.canary-collecting{border-color:#d0d5dd;background:#f9fafb}
.ai-post-release-panel{display:grid;gap:15px;background:linear-gradient(145deg,#fff,#fbfcff)}.ai-platform-post-release{margin-top:18px}.ai-post-release-panel .panel-head{align-items:flex-start}.ai-post-release-panel .panel-head small{display:block;max-width:720px;line-height:1.9;color:#667085}.ai-post-release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ai-post-release-grid article{display:grid;gap:4px;min-width:0;padding:14px 15px;border:1px solid #e4e7f0;border-radius:15px;background:#fff}.ai-post-release-grid small{color:#667085;font-size:9px}.ai-post-release-grid b{color:#182230;font-size:21px;line-height:1.25}.ai-post-release-grid span{color:#98a2b3;font-size:9px}.ai-post-release-alerts{display:grid;gap:6px;margin:0;padding:0 19px 0 0;color:#8a2d2d;font-size:10px;line-height:1.8}.ai-post-release-alerts li::marker{color:#f04438}.ai-post-release-table{max-height:260px;overflow:auto}.ai-post-release-table table{min-width:560px}.ai-post-release-table td,.ai-post-release-table th{white-space:nowrap}
.ai-capacity-panel{display:grid;gap:15px;margin-top:18px;background:linear-gradient(145deg,#f9fbff,#fff)}.ai-platform-capacity{border-color:#dbe3f3}.ai-capacity-panel .panel-head{align-items:flex-start}.ai-capacity-panel .panel-head small{display:block;max-width:760px;line-height:1.9;color:#667085}.ai-capacity-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ai-capacity-grid article{display:grid;gap:4px;min-width:0;padding:14px 15px;border:1px solid #e1e6f0;border-radius:15px;background:#fff}.ai-capacity-grid article small{color:#667085;font-size:9px}.ai-capacity-grid article b{color:#182230;font-size:21px;line-height:1.3}.ai-capacity-grid article span{color:#98a2b3;font-size:9px;line-height:1.7}
@media(max-width:760px){.ai-capacity-grid{grid-template-columns:1fr}.ai-capacity-panel{padding:16px}}
@media(max-width:760px){.ai-post-release-grid{grid-template-columns:1fr 1fr}.ai-post-release-table{overflow-x:auto}}@media(max-width:460px){.ai-post-release-grid{grid-template-columns:1fr}}


.ai-capacity-calibration-panel{border-color:#d8d4ff;background:radial-gradient(circle at 100% 0,rgba(99,91,255,.08),transparent 34%),linear-gradient(145deg,#fff,#fafaff)}
.ai-capacity-calibration-panel .ai-capacity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.ai-calibration-note{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:12px 14px;border:1px solid #e4e7f0;border-radius:13px;background:#fafbff;color:#475467;font-size:10px;line-height:1.9}
.ai-calibration-note b{color:#344054;white-space:nowrap}.ai-calibration-note span{min-width:0;flex:1}.ai-calibration-note em{flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#f0efff;color:#5147b8;font-size:9px;font-style:normal;font-weight:800;white-space:nowrap}
@media(max-width:900px){.ai-capacity-calibration-panel .ai-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ai-capacity-calibration-panel .ai-capacity-grid{grid-template-columns:1fr}.ai-calibration-note{flex-wrap:wrap}.ai-calibration-note em{margin-inline-start:auto}}
.ai-capacity-trend-panel{border-color:#cfe2f3;background:radial-gradient(circle at 0 0,rgba(6,182,212,.08),transparent 34%),linear-gradient(145deg,#fff,#f9fcff)}
.ai-capacity-trend-panel .ai-capacity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ai-capacity-trend-panel .ai-capacity-grid article:last-child b{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:900px){.ai-capacity-trend-panel .ai-capacity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.ai-capacity-trend-panel .ai-capacity-grid{grid-template-columns:1fr}}

@media(max-width:650px){.auth-copy .back-link{position:static;margin-bottom:26px}}
.admin-diagnostics-page,.diagnostics-hero,.diagnostics-hero-meta,.diagnostics-kpis,.diagnostics-scenarios,.diagnostics-scenario-grid,.diagnostics-scenario,.diagnostics-quality-summary,.diagnostics-acceptance,.diagnostics-acceptance-checks,.diagnostics-acceptance-check,.diagnostics-manual-matrix,.diagnostics-check-panel,.diagnostics-check-grid,.diagnostics-check,.diagnostics-two-column,.diagnostics-authority,.diagnostics-dl,.diagnostics-hero-binding,.diagnostics-safe-note,.diagnostics-requests,.diagnostics-status-row,.diagnostics-request-list,.diagnostics-traces,.diagnostics-trace-list,.diagnostics-trace,.diagnostics-trace-facts,.diagnostics-trace-reason,.diagnostics-trace-steps,.diagnostics-workspaces,.diagnostics-workspace-list,.diagnostics-workspace-card,.diagnostics-workspace-facts,.diagnostics-version-meta,.diagnostics-next-step{min-width:0}
.ai-answer-baseline-panel,.ai-answer-baseline-note{min-width:0}.ai-answer-baseline-kpis,.ai-answer-baseline-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:10px}.ai-answer-baseline-columns :is(.is-gap,.is-strength){border-right:3px solid #f2b36e}


.voice-record-button{
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  border-color:#d7dfea!important;
  box-shadow:0 6px 14px rgba(31,37,63,.04)!important;
}
.voice-record-button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--brand,#4f46e5) 30%,#d7dfea)!important;
  box-shadow:0 10px 22px rgba(31,37,63,.08)!important;
}
.voice-record-button .voice-mic svg{width:20px;height:20px}
.voice-record-status{
  display:inline-flex;
  align-items:flex-start;
  gap:6px;
  max-inline-size:min(100%,360px);
  padding:8px 10px;
  border:1px solid #e3e8f0;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 9px 22px rgba(15,23,42,.08);
  backdrop-filter:blur(12px);
  color:#526079;
  font-size:9px;
  line-height:1.75;
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.voice-record-status::before{
  content:"";
  display:inline-block;
  flex:0 0 auto;
  width:8px;
  height:8px;
  margin-top:4px;
  border-radius:50%;
  background:#94a3b8;
  box-shadow:0 0 0 5px rgba(148,163,184,.12);
}
[data-voice-state="recording"] .voice-record-button{box-shadow:0 0 0 6px rgba(225,29,72,.08),0 10px 22px rgba(225,29,72,.12)!important}
[data-voice-state="processing"] .voice-record-button{box-shadow:0 0 0 6px rgba(67,56,202,.08),0 10px 22px rgba(67,56,202,.10)!important}
[data-voice-state="recording"] .voice-record-status{border-color:#fecdd3;background:#fff1f2;color:#be123c}
[data-voice-state="processing"] .voice-record-status{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}
[data-voice-state="ready"] .voice-record-status{border-color:#bbf7d0;background:#ecfdf3;color:#047857}
[data-voice-state="error"] .voice-record-status{border-color:#fecaca;background:#fff7f7;color:#b42318}
[data-voice-state="recording"] .voice-record-status::before{background:#e11d48;box-shadow:0 0 0 5px rgba(225,29,72,.14);animation:voice-status-pulse 1.1s ease-in-out infinite}
[data-voice-state="processing"] .voice-record-status::before{background:#4338ca;box-shadow:0 0 0 5px rgba(67,56,202,.14)}
[data-voice-state="ready"] .voice-record-status::before{background:#047857;box-shadow:0 0 0 5px rgba(4,120,87,.14)}
[data-voice-state="error"] .voice-record-status::before{background:#b42318;box-shadow:0 0 0 5px rgba(180,35,24,.14)}
@keyframes voice-status-pulse{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.15);opacity:1}}
@media(max-width:640px){
  .voice-record-status{max-inline-size:min(100%,320px);font-size:8.5px}
  .voice-record-status::before{margin-top:3px}
}

/* Tenant billing history actions use the shared button and color tokens. */
.billing-invoice-actions{display:flex;align-items:center;justify-content:flex-start;gap:8px;white-space:nowrap}
.billing-invoice-actions form{margin:0}
.billing-invoice-actions .button{min-height:34px;padding:5px 10px;color:var(--danger);border-color:color-mix(in srgb,var(--danger) 28%,var(--line));background:var(--danger-bg)}
.subscription-payment-result{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;margin:0 0 18px;padding:20px 22px;border:1px solid #abefc6;border-radius:20px;background:linear-gradient(135deg,#ecfdf3,#f8fffb);box-shadow:0 14px 34px rgba(6,118,71,.09)}
.subscription-payment-result-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#067647;color:#fff;font-size:25px;font-weight:900;box-shadow:0 8px 18px rgba(6,118,71,.22)}
.subscription-payment-result h2{margin:2px 0 5px;font-size:clamp(18px,2vw,25px);color:#054f31}.subscription-payment-result p{margin:0;color:#276749}.subscription-payment-result .eyebrow{color:#067647}.subscription-payment-result-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.subscription-payment-result.failed{border-color:#fecdca;background:linear-gradient(135deg,#fff1f0,#fffafa)}.subscription-payment-result.failed .subscription-payment-result-icon{background:var(--danger)}.subscription-payment-result.failed :is(h2,p,.eyebrow){color:var(--danger)}.subscription-payment-result.processing{border-color:#fedf89;background:linear-gradient(135deg,#fff7e8,#fffdf7)}.subscription-payment-result.processing .subscription-payment-result-icon{background:var(--warning)}.subscription-payment-result.processing :is(h2,p,.eyebrow){color:var(--warning)}
@media(max-width:760px){.subscription-payment-result{grid-template-columns:auto minmax(0,1fr);padding:17px}.subscription-payment-result-actions{grid-column:1/-1;justify-content:stretch}.subscription-payment-result-actions .button{flex:1 1 180px}.subscription-payment-result-icon{width:42px;height:42px;border-radius:13px}}
.registration-honeypot{position:absolute!important;inset:auto auto auto -10000px!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.admin-registration-shield{margin-bottom:18px}.registration-risk-list{display:grid;gap:8px;max-height:420px;overflow:auto;scrollbar-gutter:stable}.registration-risk-list article{display:grid;grid-template-columns:10px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:13px 14px;border:1px solid var(--line);border-radius:14px;background:#fff}.registration-risk-list article>div{min-width:0;display:flex;flex-direction:column}.registration-risk-list article small{color:var(--muted);overflow-wrap:anywhere}.registration-risk-list article p{display:flex;gap:5px;flex-wrap:wrap;margin:6px 0 0}.registration-risk-list article em{padding:3px 7px;border-radius:999px;background:var(--warning-bg);color:var(--warning);font-size:9px;font-style:normal}.registration-risk-list article>strong{color:var(--warning);white-space:nowrap}.registration-risk-list article time{font-size:9px;color:var(--muted);white-space:nowrap}@media(max-width:700px){.registration-risk-list article{grid-template-columns:8px minmax(0,1fr) auto}.registration-risk-list article time{grid-column:2/-1}.registration-risk-list article>strong{font-size:10px}}

/* Subscription merchandising: one family card with comparable cumulative periods. */
.pricing-period-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;max-width:1120px;margin:-34px auto 34px}.pricing-period-guide>div{display:flex;flex-direction:column;gap:4px;padding:16px 18px;border:1px solid #e5e7ef;border-radius:16px;background:rgba(255,255,255,.9);box-shadow:var(--shadow-xs)}.pricing-period-guide b{color:var(--ink-strong);font-size:13px}.pricing-period-guide span{color:var(--muted);font-size:10px;line-height:1.8}.pricing-page .pricing-full{align-items:start}.pricing-page .price-card{display:flex;flex-direction:column;min-height:0}.pricing-page .price-card>ul{margin-bottom:8px}.pricing-offers{display:grid;gap:7px;margin-top:auto;padding-top:8px}.pricing-offer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:3px 10px;padding:11px 12px;border:1px solid #e8eaf1;border-radius:13px;background:#fafbfe;color:#172033}.pricing-offer.balanced{border-color:#cfcaff;background:#f7f5ff}.pricing-offer header{display:flex;align-items:center;gap:7px;min-width:0}.pricing-offer header b{font-size:11px}.pricing-offer header span{padding:3px 6px;border-radius:999px;background:#eef1f6;color:#596579;font-size:7.5px;font-weight:800;white-space:nowrap}.pricing-offer>strong{grid-column:2;grid-row:1/3;align-self:center;font-size:12px;white-space:nowrap}.pricing-offer>small{color:#667085;font-size:8.5px}.pricing-offer>em{grid-column:1/-1;color:#067647;font-size:8px;font-style:normal;font-weight:900}.price-card.featured .pricing-offer{border-color:#34405d;background:rgba(255,255,255,.07);color:#fff}.price-card.featured .pricing-offer header span{background:rgba(255,255,255,.12);color:#e7e9ff}.price-card.featured .pricing-offer>small{color:#c3cad8}.price-card.featured .pricing-offer>em{color:#75e0a7}.pricing-capacity-note{margin:10px 0 0!important;color:var(--muted);font-size:8.5px!important;line-height:1.8}.price-card.featured .pricing-capacity-note{color:#c3cad8}.pricing-page .price-card>.button{margin-top:16px}
.subscription-page-v2 .subscription-plan-choice>div>span{display:flex;align-items:center;gap:8px;min-width:0}.subscription-page-v2 .subscription-plan-choice>div em{padding:4px 8px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:8px;font-style:normal;font-weight:900}.subscription-page-v2 .subscription-plan-choice.recommended-plan{border-color:#cfcaff;background:linear-gradient(180deg,#fff,#f8f7ff)}.subscription-period-options{display:grid;gap:7px;margin:0;padding:0;border:0}.subscription-period-options>legend{margin-bottom:6px;color:#344054;font-size:10px;font-weight:900}.subscription-period-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;margin:0;padding:11px;border:1px solid #e5e7ef;border-radius:13px;background:#fff;cursor:pointer}.subscription-period-option:hover{border-color:#b9b4ff}.subscription-period-option:has(input:checked){border-color:#746bf2;background:#f7f6ff;box-shadow:0 0 0 3px rgba(99,91,255,.08)}.subscription-period-option input{width:17px!important;min-height:17px!important;margin:0;accent-color:#635bff}.subscription-period-option>span{display:flex;flex-direction:column;min-width:0}.subscription-period-option>span b{font-size:11px}.subscription-period-option>span small{font-size:8px}.subscription-period-option>strong{font-size:11px;white-space:nowrap}.subscription-period-option>em{grid-column:2/-1;color:#067647;font-size:8px;font-style:normal;font-weight:900}.subscription-period-option>i{position:absolute;top:-6px;left:10px;padding:2px 6px;border-radius:999px;background:#4338ca;color:#fff;font-size:7px;font-style:normal;font-weight:900}.subscription-period-assurance{margin:0;padding:9px 11px;border-radius:11px;background:#ecfdf3;color:#067647;font-size:8.5px;font-weight:800;line-height:1.8}
@media(max-width:980px){.pricing-period-guide{grid-template-columns:1fr;margin-top:-28px}.pricing-page .pricing-full{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.pricing-period-guide{grid-template-columns:1fr;margin:-28px auto 26px}.pricing-page .pricing-full{grid-template-columns:1fr}.pricing-offer{padding:10px}.subscription-period-option{grid-template-columns:auto minmax(0,1fr)}.subscription-period-option>strong,.subscription-period-option>em{grid-column:2}.subscription-page-v2 .subscription-plan-choice>div>span{align-items:flex-start;flex-direction:column}}

/* Canonical subscription cards: one compact sales surface in public and workspace views. */
.subscription-plan-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));
  align-items:stretch;
  gap:18px;
  width:min(100%,1180px);
  margin:38px auto;
}
.subscription-plan-grid--public:has(> :nth-child(4)){
  width:min(100%,1440px);
}
.subscription-plan-grid--checkout{
  grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));
  width:100%;
  margin:0;
}
.subscription-plan-card{
  --plan-accent:#4f46e5;
  --plan-accent-rgb:79,70,229;
  --plan-accent-deep:#3730a3;
  position:relative;
  display:flex!important;
  flex-direction:column!important;
  min-width:0;
  min-height:536px;
  margin:0!important;
  padding:26px!important;
  overflow:hidden;
  border:1px solid rgba(var(--plan-accent-rgb),.17)!important;
  border-radius:26px!important;
  background:
    radial-gradient(420px 210px at 8% -8%,rgba(var(--plan-accent-rgb),.12),transparent 64%),
    linear-gradient(155deg,#fff 0%,#fff 58%,rgba(var(--plan-accent-rgb),.035) 100%)!important;
  color:#172033!important;
  box-shadow:0 16px 44px rgba(23,32,51,.085),inset 0 1px 0 rgba(255,255,255,.92)!important;
  transform:none!important;
  isolation:isolate;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
.subscription-plan-card,
.subscription-plan-card *{box-sizing:border-box}
.subscription-plan-card :is(header,fieldset,div,p,span,strong,small,b,a,button,label){min-width:0;max-width:100%}
.subscription-plan-card[data-plan-code="trial"]{--plan-accent:#0891b2;--plan-accent-rgb:8,145,178;--plan-accent-deep:#0e7490}
.subscription-plan-card[data-plan-code="basic"]{--plan-accent:#2563eb;--plan-accent-rgb:37,99,235;--plan-accent-deep:#1d4ed8}
.subscription-plan-card[data-plan-code="growth"]{--plan-accent:#6d5dfc;--plan-accent-rgb:109,93,252;--plan-accent-deep:#4f46e5}
.subscription-plan-card[data-plan-code="scale"]{--plan-accent:#ea580c;--plan-accent-rgb:234,88,12;--plan-accent-deep:#c2410c}
.subscription-plan-card--slate{--plan-accent:#64748b;--plan-accent-rgb:100,116,139;--plan-accent-deep:#334155}
.subscription-plan-card--violet{--plan-accent:#8b5cf6;--plan-accent-rgb:139,92,246;--plan-accent-deep:#6d28d9}
.subscription-plan-card--indigo{--plan-accent:#6366f1;--plan-accent-rgb:99,102,241;--plan-accent-deep:#4338ca}
.subscription-plan-card--cyan{--plan-accent:#0891b2;--plan-accent-rgb:8,145,178;--plan-accent-deep:#0e7490}
.subscription-plan-card--emerald{--plan-accent:#059669;--plan-accent-rgb:5,150,105;--plan-accent-deep:#047857}
.subscription-plan-card--amber{--plan-accent:#d97706;--plan-accent-rgb:217,119,6;--plan-accent-deep:#b45309}
.subscription-plan-card:hover{
  transform:translateY(-4px)!important;
  border-color:rgba(var(--plan-accent-rgb),.36)!important;
  box-shadow:0 28px 70px rgba(23,32,51,.13),0 12px 28px rgba(var(--plan-accent-rgb),.09)!important;
}
.subscription-plan-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto;
  z-index:2;
  height:4px;
  background:linear-gradient(90deg,transparent,var(--plan-accent),transparent);
  opacity:.68;
}
.subscription-plan-card.is-featured{
  border-color:rgba(var(--plan-accent-rgb),.38)!important;
  box-shadow:0 24px 64px rgba(var(--plan-accent-rgb),.15),inset 0 1px 0 #fff!important;
}
.subscription-plan-card.is-featured::before{opacity:1;background:linear-gradient(90deg,transparent,var(--plan-accent),transparent)}
.subscription-plan-card__glow{
  position:absolute;
  z-index:-1;
  top:-74px;
  left:-64px;
  width:210px;
  height:210px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--plan-accent-rgb),.14),transparent 69%);
  pointer-events:none;
}
.subscription-plan-card__header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px;
  min-height:0;
  margin:0 0 18px;
}
.subscription-plan-card__header>div{min-width:0}
.subscription-plan-card__identity{display:flex;flex:1 1 180px;align-items:flex-start;gap:13px;min-width:0}
.subscription-plan-card__identity>div{min-width:0}
.subscription-plan-card__icon{
  position:relative;
  display:grid;
  flex:0 0 46px;
  place-items:center;
  width:46px;
  height:46px;
  border:1px solid rgba(var(--plan-accent-rgb),.22);
  border-radius:15px;
  background:linear-gradient(145deg,#fff,rgba(var(--plan-accent-rgb),.11));
  color:var(--plan-accent-deep);
  box-shadow:0 9px 22px rgba(var(--plan-accent-rgb),.12),inset 0 1px 0 #fff;
}
.subscription-plan-card__icon::after{
  content:"";
  position:absolute;
  inset:-4px;
  z-index:-1;
  border:1px solid rgba(var(--plan-accent-rgb),.08);
  border-radius:18px;
}
.subscription-plan-card__icon svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.subscription-plan-card__kicker{
  display:block;
  margin:0 0 3px;
  color:var(--plan-accent-deep);
  font-size:7.5px;
  font-weight:900;
  line-height:1.55;
  letter-spacing:.02em;
  overflow-wrap:anywhere;
}
.subscription-plan-card__header h3{
  margin:0 0 5px!important;
  color:#101828!important;
  font-size:22px!important;
  line-height:1.25!important;
  letter-spacing:-.35px!important;
  overflow-wrap:anywhere;
}
.subscription-plan-card__header p{
  margin:0!important;
  color:#667085!important;
  font-size:10px!important;
  line-height:1.75!important;
  text-wrap:pretty;
  overflow-wrap:anywhere;
}
.subscription-plan-card__badge{
  flex:0 1 auto;
  padding:6px 9px;
  border-radius:999px;
  border:1px solid rgba(var(--plan-accent-rgb),.18);
  background:rgba(var(--plan-accent-rgb),.09);
  color:var(--plan-accent-deep);
  font-size:8px;
  font-weight:900;
  line-height:1.5;
  text-align:center;
  overflow-wrap:anywhere;
}
.subscription-plan-card__badge i{color:#f59e0b;font-size:8px;font-style:normal}
.subscription-period-switcher{
  min-width:0;
  margin:0 0 18px;
  padding:0;
  border:0;
}
.subscription-period-switcher legend{
  margin:0 0 7px;
  padding:0;
  color:#475467;
  font-size:8.5px;
  font-weight:900;
}
.subscription-period-switcher>div{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:6px!important;
  padding:6px!important;
  border:1px solid rgba(var(--plan-accent-rgb),.12)!important;
  border-radius:16px!important;
  background:rgba(248,249,252,.86)!important;
  box-shadow:inset 0 1px 3px rgba(16,24,40,.045)!important;
}
.subscription-period-switcher label{position:relative;margin:0;cursor:pointer;min-width:0}
.subscription-period-switcher input{
  position:absolute!important;
  inline-size:1px!important;
  block-size:1px!important;
  min-height:0!important;
  opacity:0;
  pointer-events:none;
}
.subscription-period-switcher label>span{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:3px;
  flex-wrap:wrap;
  min-height:42px;
  padding:6px 5px;
  border:1px solid transparent;
  border-radius:10px;
  color:#667085;
  font-size:9px;
  font-weight:850;
  line-height:1.35;
  text-align:center;
  overflow-wrap:anywhere;
  transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease;
}
.subscription-period-switcher label>span small{
  flex:0 0 auto;
  padding:2px 3px;
  border-radius:999px;
  background:#e8eaf0;
  color:#475467;
  font-size:6.5px;
}
.subscription-period-switcher input:checked+span{
  border-color:rgba(var(--plan-accent-rgb),.28);
  background:#fff;
  color:var(--plan-accent-deep);
  box-shadow:0 5px 14px rgba(var(--plan-accent-rgb),.12),inset 0 -2px 0 rgba(var(--plan-accent-rgb),.08);
}
.subscription-period-switcher input:checked+span small{background:rgba(var(--plan-accent-rgb),.11);color:var(--plan-accent-deep)}
.subscription-period-switcher input:focus-visible+span{outline:3px solid rgba(var(--plan-accent-rgb),.22);outline-offset:2px}
.subscription-plan-card__price{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:4px;
  min-height:100px;
  margin:0 0 14px;
  padding:14px 16px;
  border:1px solid rgba(var(--plan-accent-rgb),.12);
  border-radius:18px;
  background:linear-gradient(145deg,rgba(var(--plan-accent-rgb),.065),rgba(255,255,255,.88));
}
.subscription-plan-card__price>span{color:#667085;font-size:8px;font-weight:850;line-height:1.5}
.subscription-plan-card__price strong{
  color:#101828!important;
  font-size:clamp(24px,2.15vw,32px)!important;
  font-weight:950!important;
  line-height:1.2;
  letter-spacing:-.65px;
  max-width:100%;
  overflow-wrap:anywhere;
}
.subscription-plan-card__price strong>span{background:linear-gradient(135deg,#101828,var(--plan-accent-deep));background-clip:text;-webkit-background-clip:text;color:transparent}
.subscription-plan-card__price strong>small{display:inline-block;margin-right:5px;color:var(--plan-accent-deep);font-size:10px;font-weight:850;letter-spacing:0;white-space:nowrap}
.subscription-plan-card__price>small{color:#667085;font-size:7.5px;line-height:1.65;overflow-wrap:anywhere}
.subscription-plan-card__facts{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr) minmax(0,1.15fr);
  gap:0;
  container-type:inline-size;
  margin:0 0 10px;
  padding:13px 0;
  border:1px solid rgba(var(--plan-accent-rgb),.10);
  border-radius:16px;
  background:rgba(255,255,255,.72);
  box-shadow:0 8px 24px rgba(16,24,40,.035);
}
.subscription-plan-card__facts>span{
  display:grid;
  grid-template-columns:24px minmax(0,1fr);
  grid-template-rows:auto auto;
  align-items:center;
  column-gap:6px;
  row-gap:2px;
  min-width:0;
  padding:0 6px;
  text-align:right;
}
.subscription-plan-card__facts>span+span{border-right:1px solid rgba(var(--plan-accent-rgb),.10)}
.subscription-plan-card__facts>span>i{grid-row:1/-1;display:grid;place-items:center;width:24px;height:24px;border-radius:8px;background:rgba(var(--plan-accent-rgb),.085);color:var(--plan-accent-deep);font-style:normal}
.subscription-plan-card__facts svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.subscription-plan-card__facts small{color:#98a2b3;font-size:6.5px;line-height:1.4;overflow-wrap:anywhere}
.subscription-plan-card__facts b{color:var(--plan-accent-deep);font-size:10.5px;line-height:1.35;overflow-wrap:anywhere}
.subscription-plan-card__facts em{font-style:normal}
@media(min-width:721px){
  .subscription-plan-card__facts>span{
    grid-template-columns:minmax(0,1fr);
    grid-template-rows:26px auto auto;
    justify-items:center;
    row-gap:4px;
    padding:0 4px;
    text-align:center;
  }
  .subscription-plan-card__facts>span>i{grid-row:auto}
  .subscription-plan-card__facts :is(small,b){
    width:100%;
    white-space:nowrap;
    overflow-wrap:normal;
    text-align:center;
  }
  .subscription-plan-card__facts small{
    font-size:5.75px;
    font-size:clamp(5.25px,2.35cqi,6.5px);
    letter-spacing:-.02em;
  }
  .subscription-plan-card__facts b{font-variant-numeric:tabular-nums}
}
.subscription-plan-card__saving{
  min-height:26px;
  margin:0 0 12px!important;
  color:#067647!important;
  font-size:8.5px!important;
  font-weight:900;
  line-height:1.6!important;
  opacity:0;
  overflow-wrap:anywhere;
}
.subscription-plan-card__saving.is-visible{opacity:1}
.subscription-plan-card>.button{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:100%;margin-top:auto!important;min-height:48px;border-radius:14px!important;text-align:center;overflow-wrap:anywhere}
.subscription-plan-card>.button svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}
.subscription-plan-card>.button:hover svg{transform:translateX(-3px)}
.subscription-plan-card.is-featured>.button,
.subscription-plan-grid--checkout .subscription-plan-card>.button{
  border-color:var(--plan-accent-deep)!important;
  background:linear-gradient(135deg,var(--plan-accent-deep),var(--plan-accent))!important;
  color:#fff!important;
  box-shadow:0 12px 24px rgba(var(--plan-accent-rgb),.20)!important;
}
.subscription-plan-card.is-featured>.button:hover,
.subscription-plan-grid--checkout .subscription-plan-card>.button:hover{box-shadow:0 16px 32px rgba(var(--plan-accent-rgb),.28)!important;transform:translateY(-1px)}
.subscription-purchase-options{margin:0 0 12px;border:1px solid rgba(var(--plan-accent-rgb),.12);border-radius:14px;background:rgba(248,249,252,.82)}
.subscription-purchase-options summary{padding:11px 12px;cursor:pointer;color:#475467;font-size:9px;font-weight:850;list-style:none}
.subscription-purchase-options summary::-webkit-details-marker{display:none}
.subscription-purchase-options summary::after{content:"+";float:left;color:#667085;font-size:14px}
.subscription-purchase-options[open] summary::after{content:"−"}
.subscription-purchase-options>div{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
  padding:0 10px 10px!important;
  border:0!important;
}
.subscription-purchase-options label{margin:0;color:#667085;font-size:8px}
.subscription-purchase-options :is(input,select){width:100%;min-height:38px!important;margin-top:4px;padding:7px 9px!important;border-radius:10px!important;background:#fff!important}
.subscription-purchase-options label small{font-size:7px}
@media(max-width:1180px){
  .subscription-plan-grid--public{width:min(100%,940px)}
}
@media(max-width:720px){.subscription-plan-grid{grid-template-columns:1fr;width:min(100%,620px)}.subscription-plan-card{min-height:0}}
@media(max-width:520px){
  .subscription-plan-grid{gap:14px;margin-block:28px}
  .subscription-plan-card{padding:20px!important;border-radius:22px!important}
  .subscription-plan-card__header{min-height:0;flex-direction:column;margin-bottom:16px}
  .subscription-plan-card__badge{position:absolute;top:14px;left:14px}
  .subscription-period-switcher>div{grid-template-columns:repeat(2,minmax(0,1fr))}
  .subscription-plan-card__price strong{font-size:25px!important}
  .subscription-plan-card__facts{grid-template-columns:1fr;padding:6px 12px}
  .subscription-plan-card__facts>span{grid-template-columns:28px minmax(0,1fr);min-height:48px;padding:7px 0}
  .subscription-plan-card__facts>span+span{border-right:0;border-top:1px solid rgba(var(--plan-accent-rgb),.10)}
  .subscription-plan-card__facts>span>i{width:28px;height:28px}
  .subscription-plan-card__facts small{font-size:7px}
  .subscription-plan-card__facts b{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.subscription-plan-card,.subscription-plan-card>.button,.subscription-plan-card>.button svg{transition:none!important}.subscription-plan-card:hover{transform:none!important}.subscription-plan-card>.button:hover svg{transform:none}}

/* Conversations workspace — canonical interaction and responsive polish (phase 9). */
.workspace-main .conversation-workspace-v2{
  --conversation-surface:#fff;
  --conversation-subtle:#f7f8fc;
  --conversation-line:#e5e8f0;
  --conversation-focus:rgba(79,70,229,.24);
  --conversation-radius:20px;
  isolation:isolate;
}
.workspace-main .conversation-workspace-v2 :is(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid var(--conversation-focus);
  outline-offset:2px;
}
.workspace-main>.conversation-operation-alert{
  display:grid;
  grid-template-columns:28px minmax(0,1fr) 32px;
  align-items:center;
  gap:10px;
  min-height:58px;
  padding:10px 12px;
  border:1px solid #abefc6;
  background:rgba(240,253,244,.96);
  color:#05603a;
  line-height:1.8;
}
.workspace-main>.conversation-operation-alert::before{
  content:"✓";
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:10px;
  background:#d1fadf;
  color:#027a48;
  font-weight:900;
}
.workspace-main>.conversation-operation-alert.alert-error{
  border-color:#fecdca;
  background:rgba(255,246,245,.97);
  color:#b42318;
}
.workspace-main>.conversation-operation-alert.alert-error::before{content:"!";background:#fee4e2;color:#b42318}
.workspace-main>.conversation-operation-alert.alert-conflict{
  border-color:#fedf89;
  background:rgba(255,250,235,.98);
  color:#93370d;
}
.workspace-main>.conversation-operation-alert.alert-conflict::before{content:"↻";background:#fef0c7;color:#b54708}
.workspace-main>.conversation-operation-alert [data-dismiss]{
  width:32px;
  height:32px;
  min-width:32px;
  padding:0;
  border:0;
  border-radius:10px;
  background:rgba(255,255,255,.72);
  color:currentColor;
  font-size:18px;
  cursor:pointer;
}
.workspace-main .conversation-workspace-v2 .conversation-hub{position:relative}
.workspace-main .conversation-workspace-v2[data-navigation-state="loading"] .conversation-hub::after{
  content:"در حال آماده‌سازی گفت‌وگو…";
  position:absolute;
  z-index:15;
  inset:12px;
  display:grid;
  place-items:center;
  border:1px solid rgba(99,91,255,.14);
  border-radius:var(--conversation-radius);
  background:rgba(248,249,255,.86);
  color:#4338ca;
  font-size:11px;
  font-weight:850;
  backdrop-filter:blur(5px);
}
.workspace-main .conversation-workspace-v2[data-navigation-state="loading"] .conversation-hub::before{
  content:"";
  position:absolute;
  z-index:16;
  inset-block-start:calc(50% - 34px);
  inset-inline-start:calc(50% - 10px);
  width:20px;
  height:20px;
  border:2px solid #d8d4ff;
  border-top-color:#4f46e5;
  border-radius:50%;
  animation:conversation-loading-spin .72s linear infinite;
}
@keyframes conversation-loading-spin{to{transform:rotate(360deg)}}
.workspace-main .conversation-workspace-v2 [data-operational-form][data-submit-state="pending"]{
  user-select:none;
}
.workspace-main .conversation-workspace-v2 button[data-pending="true"]{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  opacity:.82;
  cursor:progress;
}
.workspace-main .conversation-workspace-v2 button[data-pending="true"]::before{
  content:"";
  width:13px;
  height:13px;
  flex:0 0 13px;
  border:2px solid rgba(255,255,255,.45);
  border-top-color:currentColor;
  border-radius:50%;
  animation:conversation-loading-spin .72s linear infinite;
}
.workspace-main .conversation-workspace-v2 .empty-state{
  align-content:center;
  justify-items:center;
  min-height:220px;
  margin:12px;
  padding:26px;
  border:1px dashed #d8dce8;
  border-radius:18px;
  background:radial-gradient(circle at 50% 15%,rgba(99,91,255,.08),transparent 36%),#fbfcff;
  text-align:center;
}
.workspace-main .conversation-workspace-v2 .empty-state>span{
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  margin-bottom:10px;
  border-radius:16px;
  background:#eeecff;
  color:#4f46e5;
  font-size:20px;
  box-shadow:0 9px 20px rgba(79,70,229,.1);
}
.workspace-main .conversation-workspace-v2 .empty-state :is(h2,h3){margin:0 0 6px;color:#182230}
.workspace-main .conversation-workspace-v2 .empty-state p{max-width:480px;margin:0;color:#667085;line-height:1.85}
.workspace-main .conversation-workspace-v2 .conversation-thread .empty-state.compact{min-height:150px;width:100%;margin:0}
.workspace-main .conversation-workspace-v2 .message-delivery-state{min-height:23px;padding-inline:8px;font-size:8px!important;line-height:1.4!important}
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-queued,
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-sending{background:#eef2ff;color:#4338ca}
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-sending::before{animation:conversation-delivery-pulse 1s ease-in-out infinite}
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-retry_required{border:1px solid #fedf89;background:#fffaeb;color:#b54708}

/* Selected conversation: readable timeline and operational task workspace. */
.workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-section{
  border-color:#d9dee8;
  background:#eef2f7;
  box-shadow:0 12px 30px rgba(31,37,63,.065);
}
.workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-head{
  min-height:74px;
  padding:16px 18px;
  background:#fff;
}
.workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-head .eyebrow{
  color:#4338ca;
  font-size:9px;
  font-weight:900;
}
.workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-head h3{
  color:#101828;
  font-size:18px;
  line-height:1.55;
}
.workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-section .conversation-thread{
  min-height:380px;
  max-height:min(680px,65vh);
  padding:24px 20px;
  gap:16px;
  background:linear-gradient(180deg,#f4f6fa 0%,#eef2f7 100%);
}
.workspace-main .conversation-workspace-v2 .thread-message{
  flex:0 0 auto;
  width:fit-content;
  height:auto;
  min-width:min(240px,72%);
  max-width:min(88%,760px);
  padding:15px 18px 13px;
  border-width:1px;
  border-radius:18px;
  overflow:visible;
  box-shadow:0 9px 22px rgba(16,24,40,.09);
}
.workspace-main .conversation-workspace-v2 .thread-message p{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  overflow:visible;
  color:#172033;
  font-size:clamp(13px,1vw,15px);
  font-weight:500;
  line-height:2;
}
.workspace-main .conversation-workspace-v2 .thread-message small,
.workspace-main .conversation-workspace-v2 .thread-message em{
  color:#475467;
  font-size:10px!important;
  line-height:1.65!important;
  opacity:1!important;
}
.workspace-main .conversation-workspace-v2 .thread-message.user{
  border-color:#0b1220;
  background:#101828;
  color:#fff;
}
.workspace-main .conversation-workspace-v2 .thread-message.user p,
.workspace-main .conversation-workspace-v2 .thread-message.user small,
.workspace-main .conversation-workspace-v2 .thread-message.user em{color:#fff}
.workspace-main .conversation-workspace-v2 .thread-message.assistant{
  border-color:#cfd5e1;
  background:#fff;
  color:#172033;
}
.workspace-main .conversation-workspace-v2 .thread-message.operator{
  border-color:#b9c9ff;
  border-right:4px solid #4338ca;
  background:#eef2ff;
  color:#172033;
}
.workspace-main .conversation-workspace-v2 .thread-message.system{
  min-width:0;
  max-width:94%;
  border-color:#f0c36a;
  background:#fff8e6;
  color:#713b00;
}
.workspace-main .conversation-workspace-v2 .thread-message.system p,
.workspace-main .conversation-workspace-v2 .thread-message.system small{color:#713b00}

.workspace-main .conversation-workspace-v2 #conversation-tasks{
  grid-column:1/-1;
  padding:20px;
  border-color:#d9dee8;
  background:linear-gradient(180deg,#fff 0%,#fbfcff 100%);
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .operational-card-head{
  min-height:60px;
  margin-bottom:18px;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .operational-card-head>span{
  flex-basis:42px;
  width:42px;
  height:42px;
  background:#eaf8f0;
  color:#067647;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .operational-card-head small{
  color:#475467;
  font-size:10px;
  line-height:1.7;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .operational-card-head h3{
  font-size:19px;
  line-height:1.55;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:13px;
  margin:0 0 18px;
  padding:16px;
  border:1px solid #dfe3eb;
  border-radius:16px;
  background:#f7f9fc;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>label:first-of-type,
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>.form-grid,
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>.jalali-datetime-shell{
  grid-column:1/-1;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form label{
  display:grid;
  gap:7px;
  color:#344054;
  font-size:10px;
  font-weight:850;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form :is(input,select){
  min-height:46px;
  border-color:#d4d9e3;
  background:#fff;
  color:#101828;
  font-size:12px;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>.button{
  justify-self:start;
  min-width:180px;
  min-height:44px;
  padding-inline:18px;
  border-radius:12px;
  background:#101828;
  color:#fff;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .jalali-datetime-shell{overflow:visible}
.workspace-main .conversation-workspace-v2 #conversation-tasks .jalali-datetime-trigger{
  min-height:52px;
  border-color:#cfd5e1;
  background:#fff;
  color:#172033;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .task-empty-state{
  padding:20px;
  border:1px dashed #cfd5e1;
  background:#f8fafc;
  color:#475467;
  line-height:1.9;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task{
  display:grid;
  grid-template-columns:minmax(240px,1.2fr) minmax(145px,.55fr) minmax(220px,1fr) minmax(82px,auto);
  gap:10px;
  align-items:end;
  margin-top:10px;
  padding:14px;
  border-color:#dfe3eb;
  border-radius:15px;
  background:#fff;
  box-shadow:0 7px 18px rgba(31,37,63,.045);
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task p{
  display:grid;
  gap:5px;
  align-self:center;
  color:#101828;
  line-height:1.7;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task p b{font-size:12px;overflow-wrap:anywhere}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task p small{color:#667085;font-size:9px;line-height:1.7}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task :is(select,input){
  min-height:44px;
  border:1px solid #d4d9e3;
  background:#fff;
  color:#101828;
  font-size:11px;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task button{
  min-width:82px;
  min-height:44px;
  height:auto;
  background:#172033;
  color:#fff;
}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task[data-task-state="done"]{border-color:#84d7a8;background:#f0fff6}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task[data-task-state="in_progress"]{border-color:#9db8ff;background:#f3f6ff}
.workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task[data-task-state="cancelled"]{border-color:#d0d5dd;background:#f8f9fb;opacity:.82}
@keyframes conversation-delivery-pulse{50%{opacity:.3;transform:scale(.72)}}
.workspace-main .conversation-workspace-v2 .hub-composer textarea:focus,
.workspace-main .conversation-workspace-v2 .internal-note-form textarea:focus{
  border-color:#9b8df6;
  background:#fff;
  box-shadow:0 0 0 4px rgba(99,91,255,.09);
}
.workspace-main .conversation-workspace-v2 .internal-note-form{
  position:relative;
  padding-top:40px;
  border-color:#f4d58d;
  background:linear-gradient(180deg,#fffdf5,#fffbeb);
}
.workspace-main .conversation-workspace-v2 .internal-note-form::before{
  content:"داخلی";
  position:absolute;
  inset-block-start:10px;
  inset-inline-end:12px;
  padding:4px 8px;
  border-radius:999px;
  background:#fef0c7;
  color:#93370d;
  font-size:8px;
  font-weight:900;
}
.workspace-main .conversation-workspace-v2 .conversation-row[aria-current="page"]{box-shadow:inset -3px 0 0 #4f46e5,0 12px 25px rgba(79,70,229,.1)}
.workspace-main .conversation-workspace-v2 .conversation-thread{scroll-padding-block:16px}
.workspace-main .conversation-workspace-v2.no-selection .conversation-hub .inbox-detail{
  display:grid;
  place-items:center;
}
.workspace-main .conversation-workspace-v2.has-selection .conversation-hub{
  display:block;
  height:auto;
  min-height:0;
}
.workspace-main .conversation-workspace-v2.has-selection .conversation-hub .inbox-list{
  display:none;
}
.workspace-main .conversation-workspace-v2.has-selection .conversation-hub .inbox-detail{
  display:block;
  width:100%;
  height:auto;
  min-height:0;
  max-height:none;
  overscroll-behavior-y:contain;
  scrollbar-gutter:stable;
  container-name:conversation-detail;
  container-type:inline-size;
}
.workspace-main .conversation-workspace-v2.has-selection .conversation-hub .inbox-detail>*{
  min-width:0;
}
.workspace-main .conversation-workspace-v2.has-selection .conversation-mobile-back{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 14px;
  border-bottom:1px solid #e8ebf0;
  background:#f7f8fb;
  color:var(--brand-strong);
  font-size:12px;
  font-weight:800;
}
.workspace-main .conversation-workspace-v2 #conversation-opportunity{
  grid-column:1/-1;
  width:100%;
}

@media(min-width:1101px){
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-section .conversation-thread{
    min-height:420px;
    max-height:min(720px,68vh);
    padding-inline:clamp(22px,3vw,38px);
  }
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread .thread-message{
    min-width:0;
    max-width:min(82%,860px);
  }
}

@media(min-width:1181px){
  .workspace-main .conversation-workspace-v2.no-selection .conversation-hub{grid-template-columns:minmax(320px,350px) minmax(0,1fr)}
}
@media(min-width:821px) and (max-width:1180px){
  .workspace-main .conversation-workspace-v2.no-selection .conversation-hub{
    grid-template-columns:minmax(280px,31%) minmax(0,1fr);
    min-height:660px;
    height:min(780px,calc(100vh - 105px));
  }
  .workspace-main .conversation-workspace-v2 .conversation-row{grid-template-columns:38px minmax(0,1fr)}
  .workspace-main .conversation-workspace-v2 .conversation-row>time{grid-column:2;justify-self:start;min-width:0}
  .workspace-main .conversation-workspace-v2 .conversation-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .conversation-workspace-v2 .hub-summary{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .tag-strip{grid-column:1}
  .workspace-main .conversation-workspace-v2 .hub-management-grid{grid-template-columns:1fr}
}
@media(max-width:1100px){
  .workspace-main .conversation-workspace-v2 .conversation-hub{display:block;height:auto;min-height:0}
  .workspace-main .conversation-workspace-v2 .conversation-hub .inbox-list,
  .workspace-main .conversation-workspace-v2 .conversation-hub .inbox-detail{width:100%;height:auto;min-height:0;max-height:none}
  .workspace-main .conversation-workspace-v2.no-selection .conversation-hub .inbox-detail{display:none}
  .workspace-main .conversation-workspace-v2.no-selection .conversation-hub .inbox-list{display:block;min-height:560px}
  .workspace-main .conversation-workspace-v2 .inbox-detail>header{position:static;grid-template-columns:1fr;align-items:start;gap:12px}
  .workspace-main .conversation-workspace-v2 .hub-header-actions{width:100%;justify-content:flex-start}
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-section .conversation-thread{max-height:520px}
  .workspace-main .conversation-workspace-v2 .hub-management-grid{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task{grid-template-columns:minmax(0,1fr) minmax(145px,.55fr)}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task p{grid-column:1/-1}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task button{width:100%}
}
@media(max-width:650px){
  .workspace-main .conversation-workspace-v2{--conversation-radius:16px}
  .workspace-main>.conversation-operation-alert{position:relative;top:0;grid-template-columns:26px minmax(0,1fr) 30px;margin-inline:0;border-radius:13px;font-size:10px}
  .workspace-main .conversation-workspace-v2 .conversation-title-row{padding:20px 17px}
  .workspace-main .conversation-workspace-v2 .hub-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-section,
  .workspace-main .conversation-workspace-v2 .hub-composer,
  .workspace-main .conversation-workspace-v2 .hub-control,
  .workspace-main .conversation-workspace-v2 .hub-notes,
  .workspace-main .conversation-workspace-v2 .hub-review{margin-inline:8px}
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-head{align-items:center}
  .workspace-main .conversation-workspace-v2 .conversation-thread-tools{align-items:flex-end}
  .workspace-main .conversation-workspace-v2 .thread-message{max-width:92%;padding:12px 13px}
  .workspace-main .conversation-workspace-v2 .thread-message.system{max-width:100%}
  .workspace-main .conversation-workspace-v2 .conversation-meta{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline:10px}
  .workspace-main .conversation-workspace-v2 .hub-summary{grid-template-columns:1fr;margin-inline:8px;padding-inline:10px}
  .workspace-main .conversation-workspace-v2 .tag-strip{grid-column:1}
  .workspace-main .conversation-workspace-v2 .hub-header-actions{width:100%;justify-content:stretch}
  .workspace-main .conversation-workspace-v2 .hub-header-actions>*{flex:1 1 auto}
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-section .conversation-thread{min-height:360px;max-height:60vh;padding:16px 10px}
  .workspace-main .conversation-workspace-v2 .thread-message{min-width:0;max-width:96%;padding:14px}
  .workspace-main .conversation-workspace-v2 #conversation-tasks{padding:14px}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form{grid-template-columns:1fr;padding:13px}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>.form-grid{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .task-create-form>.button{width:100%;min-width:0}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 #conversation-tasks .hub-task p{grid-column:auto}
}
@media(max-width:420px){
  .workspace-main .conversation-workspace-v2 .hub-metrics{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .conversation-action-nav{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .conversation-meta{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2.has-selection .inbox-detail .conversation-thread-head{align-items:flex-start;flex-direction:column}
  .workspace-main .conversation-workspace-v2 .conversation-thread-tools{width:100%;align-items:center;justify-content:space-between;flex-direction:row}
}
@media(prefers-reduced-motion:reduce){
  .workspace-main .conversation-workspace-v2 *,
  .workspace-main .conversation-workspace-v2 *::before,
  .workspace-main .conversation-workspace-v2 *::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* The selected workspace responds to its real inline size, including the app sidebar. */
@container conversation-detail (min-width:901px){
  .workspace-main .conversation-workspace-v2 .conversation-thread-section{
    margin-inline:clamp(18px,2cqi,32px);
  }
  .workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread{
    padding-inline:clamp(24px,3cqi,46px);
  }
  .workspace-main .conversation-workspace-v2 .conversation-thread .thread-message{
    inline-size:fit-content;
    min-inline-size:0;
    max-inline-size:min(82cqi,860px);
  }
  .workspace-main .conversation-workspace-v2 #conversation-opportunity .form-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
  }
}
@container conversation-detail (min-width:621px) and (max-width:900px){
  .workspace-main .conversation-workspace-v2 .conversation-thread .thread-message{
    inline-size:fit-content;
    min-inline-size:0;
    max-inline-size:88cqi;
  }
  .workspace-main .conversation-workspace-v2 #conversation-opportunity .form-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:11px;
  }
}
@container conversation-detail (max-width:620px){
  .workspace-main .conversation-workspace-v2 .conversation-thread .thread-message{
    inline-size:fit-content;
    min-inline-size:0;
    max-inline-size:96cqi;
  }
  .workspace-main .conversation-workspace-v2 #conversation-opportunity .form-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    gap:10px;
  }
}

/* Conversation hub: bounded, server-paginated timeline navigation. */
.workspace-main .conversation-workspace-v2 .conversation-thread-pagination{
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:10px;
  margin:0 18px 10px;
  padding:8px 10px;
  border:1px solid #e7e9f0;
  border-radius:12px;
  background:#fafbfc;
  color:#667085;
  font-size:10px;
}
.workspace-main .conversation-workspace-v2 .conversation-thread-pagination a{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  width:max-content;
  padding:0 10px;
  border:1px solid #ddd9ff;
  border-radius:10px;
  background:#fff;
  color:var(--brand-strong);
  font-weight:850;
  text-decoration:none;
}
.workspace-main .conversation-workspace-v2 .conversation-thread-pagination a:last-child{justify-self:end}
.workspace-main .conversation-workspace-v2 .conversation-thread-pagination span{text-align:center;white-space:nowrap}
@media(max-width:640px){
  .workspace-main .conversation-workspace-v2 .conversation-thread-pagination{grid-template-columns:1fr 1fr;margin-inline:10px}
  .workspace-main .conversation-workspace-v2 .conversation-thread-pagination span{grid-column:1/-1;grid-row:1}
}
.workspace-main .conversation-workspace-v2.cannot-export .hub-header-actions>a[href*="/export"],
.workspace-main .conversation-workspace-v2.cannot-review .hub-review{display:none!important}

/* Conversations operational signals — supplemental phase 6 */
.conversation-workspace-v2 .hub-notification-content{display:flex;min-width:0;flex-direction:column;margin:0;border-radius:9px;color:inherit}
.conversation-workspace-v2 a.hub-notification-content{padding:2px;text-decoration:none}
.conversation-workspace-v2 a.hub-notification-content:hover b{color:var(--brand-strong)}
.conversation-workspace-v2 a.hub-notification-content:focus-visible{outline:3px solid rgba(99,91,255,.22);outline-offset:2px}
.conversation-workspace-v2 .hub-notification-content>b{font-size:10px;line-height:1.8}
.conversation-workspace-v2 .hub-notification-content>small{color:var(--muted);font-size:9px;line-height:1.8}
.conversation-workspace-v2 .conversation-row.is-sla-overdue{border-inline-start:3px solid #f04438;background:linear-gradient(90deg,rgba(255,245,244,.9),#fff 24%)}
.conversation-workspace-v2 .conversation-sla-overdue{background:#fee4e2!important;color:#b42318!important;font-weight:900}
.conversation-workspace-v2 .conversation-owner-pill{display:inline-flex;align-items:center;max-width:180px;min-height:30px;padding:5px 9px;border:1px solid #e4e7ec;border-radius:999px;background:#f8fafc;color:#475467;font-size:8.5px;font-weight:800;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conversation-workspace-v2 .conversation-meta .sla-overdue{border-color:#fecdca;background:#fff6f5}
.conversation-workspace-v2 .conversation-meta .sla-overdue small,.conversation-workspace-v2 .conversation-meta .sla-overdue b{color:#b42318}
@media(max-width:760px){.conversation-workspace-v2 .conversation-owner-pill{max-width:min(48vw,190px)}.conversation-workspace-v2 .hub-header-actions{flex-wrap:wrap}}
@media(max-width:520px){.conversation-workspace-v2 .conversation-owner-pill{max-width:100%;width:100%;justify-content:center}.conversation-workspace-v2 .hub-header-actions .status-pill,.conversation-workspace-v2 .hub-header-actions .button{flex:1 1 0}}

/* Conversations operational workspace — phase 3 */
.workspace-main .conversation-workspace-v2 .hub-metrics>a{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  min-width:0;
  min-height:108px;
  padding:18px 20px;
  border:1px solid #e6e9f0;
  border-radius:18px;
  background:linear-gradient(145deg,#fff,#fbfcff);
  box-shadow:var(--shadow-xs);
  color:#101828;
  text-decoration:none;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;
  overflow:hidden;
}
.workspace-main .conversation-workspace-v2 .hub-metrics>a::after{
  content:"";
  position:absolute;
  inset:auto 14px 0;
  height:3px;
  border-radius:999px 999px 0 0;
  background:linear-gradient(90deg,var(--brand),var(--accent));
  opacity:0;
}
.workspace-main .conversation-workspace-v2 .hub-metrics>a:hover,
.workspace-main .conversation-workspace-v2 .hub-metrics>a.active{
  border-color:#cbc5ff;
  box-shadow:0 14px 30px rgba(79,70,229,.1);
  transform:translateY(-2px);
}
.workspace-main .conversation-workspace-v2 .hub-metrics>a.active::after{opacity:1}
.workspace-main .conversation-workspace-v2 .hub-metrics>a>span:last-child{display:flex;min-width:0;flex-direction:column;gap:4px}
.workspace-main .conversation-workspace-v2 .hub-metrics>a small{color:#667085;font-size:11px;line-height:1.65}
.workspace-main .conversation-workspace-v2 .hub-metrics>a b{color:#101828;font-size:30px;line-height:1;font-variant-numeric:tabular-nums}
.workspace-main .conversation-workspace-v2 .conversation-action-nav{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
  margin:12px 18px 4px;
  padding:7px;
  border:1px solid #e4e7ec;
  border-radius:16px;
  background:#f7f8fb;
}
.workspace-main .conversation-workspace-v2 .conversation-action-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-width:0;
  min-height:38px;
  padding:7px 9px;
  border-radius:11px;
  color:#475467;
  font-size:10px;
  font-weight:850;
  line-height:1.5;
  text-align:center;
  text-decoration:none;
  white-space:nowrap;
}
.workspace-main .conversation-workspace-v2 .conversation-action-nav a:hover{background:#fff;color:#4338ca;box-shadow:0 5px 14px rgba(31,37,63,.06)}
.workspace-main .conversation-workspace-v2 .conversation-action-nav a.primary{background:#101828;color:#fff;box-shadow:0 7px 16px rgba(16,24,40,.16)}
.workspace-main .conversation-workspace-v2 .conversation-action-nav a span{display:grid;place-items:center;width:20px;height:20px;border-radius:7px;background:rgba(255,255,255,.65);color:#4338ca;font-size:11px}
.workspace-main .conversation-workspace-v2 .conversation-action-nav a.primary span{background:rgba(255,255,255,.14);color:#fff}
.workspace-main .conversation-workspace-v2 :is(#conversation-reply,#conversation-status,#conversation-opportunity,#conversation-tasks){scroll-margin-top:20px}
.workspace-main .conversation-workspace-v2 .hub-control{margin:14px 18px;border:1px solid #e2e6ed;border-radius:16px;background:#fff;overflow:hidden}
.workspace-main .conversation-workspace-v2 .hub-control summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 15px;background:linear-gradient(180deg,#fff,#f8f9fc);list-style:none}
.workspace-main .conversation-workspace-v2 .hub-control summary::-webkit-details-marker{display:none}
.workspace-main .conversation-workspace-v2 .hub-control summary>span{display:flex;min-width:0;flex-direction:column;gap:1px;color:#101828;font-size:12px;font-weight:850}
.workspace-main .conversation-workspace-v2 .hub-control summary small{color:#667085;font-size:8px;font-weight:750}
.workspace-main .conversation-workspace-v2 .hub-control summary>b{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#eef2ff;color:#4338ca;font-size:9px}
.workspace-main .conversation-workspace-v2 .hub-control[open] summary{border-bottom:1px solid #eceef3}
.workspace-main .conversation-workspace-v2 .conversation-thread-section{margin:14px 18px 0;border:1px solid #e2e6ed;border-radius:20px;background:#f7f8fb;overflow:hidden}
.workspace-main .conversation-workspace-v2 .conversation-thread-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 17px;border-bottom:1px solid #e7eaf0;background:#fff}
.workspace-main .conversation-workspace-v2 .conversation-thread-head h3{margin:2px 0 0;font-size:16px;color:#101828}
.workspace-main .conversation-workspace-v2 .conversation-thread-head>span{flex:0 0 auto;padding:5px 10px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9px}
.workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread{min-height:260px;padding:18px 16px;border:0;background:radial-gradient(circle at 50% 0,rgba(99,91,255,.045),transparent 34%),#f7f8fb}
.workspace-main .conversation-workspace-v2 .message-delivery-state{display:inline-flex!important;align-items:center;gap:4px;width:max-content;margin-top:7px;padding:3px 7px;border-radius:999px;background:#eef2ff;color:#4338ca;font-style:normal;font-weight:850;opacity:1!important}
.workspace-main .conversation-workspace-v2 .message-delivery-state::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-delivered{background:#ecfdf3;color:#027a48}
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-retry_required{background:#fff4ed;color:#c4320a}
.workspace-main .conversation-workspace-v2 .message-delivery-state.delivery-not_available{background:#f2f4f7;color:#667085}
.workspace-main .conversation-workspace-v2 .hub-composer{display:block;margin:14px 18px;padding:0;border:1px solid #d9d4ff;border-radius:20px;background:#fff;box-shadow:0 12px 28px rgba(79,70,229,.08);overflow:hidden}
.workspace-main .conversation-workspace-v2 .hub-composer-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 17px;border-bottom:1px solid #ebe9ff;background:linear-gradient(145deg,#faf9ff,#f4f7ff)}
.workspace-main .conversation-workspace-v2 .hub-composer-head h3{margin:2px 0 0;color:#101828;font-size:16px}
.workspace-main .conversation-workspace-v2 .hub-composer-head>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#fff;color:#4338ca;font-size:9px;font-weight:800}
.workspace-main .conversation-workspace-v2 .hub-composer form{padding:16px;border:0;background:#fff}
.workspace-main .conversation-workspace-v2 .hub-composer textarea{min-height:112px;margin-bottom:10px;border-color:#dfe3ea;background:#fbfcfe;resize:vertical}
.workspace-main .conversation-workspace-v2 .composer-assurance{display:flex;align-items:center;justify-content:space-between;gap:12px}
.workspace-main .conversation-workspace-v2 .composer-assurance small{color:#667085;font-size:9px}
.workspace-main .conversation-workspace-v2 .operational-card-head,.workspace-main .conversation-workspace-v2 .hub-notes-head{display:flex;align-items:center;justify-content:space-between;gap:11px;margin-bottom:16px;padding-bottom:13px;border-bottom:1px solid #eceef3}
.workspace-main .conversation-workspace-v2 .operational-card-head{justify-content:flex-start}
.workspace-main .conversation-workspace-v2 .operational-card-head>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:12px;background:#eef2ff;color:#4338ca;font-size:15px;font-weight:900}
.workspace-main .conversation-workspace-v2 .operational-card-head small,.workspace-main .conversation-workspace-v2 .hub-notes-head small{color:#667085;font-size:8px}
.workspace-main .conversation-workspace-v2 .operational-card-head h3,.workspace-main .conversation-workspace-v2 .hub-notes-head h3{margin:1px 0 0;font-size:16px;color:#101828}
.workspace-main .conversation-workspace-v2 .hub-notes{margin:0 16px 16px;padding:17px;border:1px solid #e4e7ec;border-radius:18px;background:#fff}
.workspace-main .conversation-workspace-v2 .hub-notes-head>span{flex:0 0 auto;padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9px}
.workspace-main .conversation-workspace-v2 .internal-note-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;margin-bottom:14px;padding:12px;border:1px solid #eceef3;border-radius:14px;background:#fafbfc}
.workspace-main .conversation-workspace-v2 .internal-note-form label{min-width:0}
.workspace-main .conversation-workspace-v2 .internal-note-form textarea{min-height:70px;margin:0;resize:vertical}
.workspace-main .conversation-workspace-v2 .conversation-selection-empty{max-width:520px;margin:auto;padding:36px}
.workspace-main .conversation-workspace-v2 .conversation-selection-empty ol{display:grid;gap:8px;margin:18px auto 0;padding:0;max-width:320px;list-style:none;counter-reset:conversation-steps;text-align:right}
.workspace-main .conversation-workspace-v2 .conversation-selection-empty li{counter-increment:conversation-steps;padding:9px 12px;border-radius:12px;background:#f7f8fb;color:#475467;font-size:11px}
.workspace-main .conversation-workspace-v2 .conversation-selection-empty li::before{content:counter(conversation-steps);display:inline-grid;place-items:center;width:20px;height:20px;margin-left:8px;border-radius:7px;background:#eef2ff;color:#4338ca;font-size:9px;font-weight:900}
.workspace-main .conversation-workspace-v2 .hub-review{order:10;margin-top:0}
@media(max-width:1050px){
  .workspace-main .conversation-workspace-v2 .conversation-action-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .conversation-workspace-v2 .conversation-action-nav a{justify-content:flex-start;padding-inline:12px}
}
@media(max-width:760px){
  .workspace-main .conversation-workspace-v2 .hub-metrics>a{min-height:96px;padding:14px}
  .workspace-main .conversation-workspace-v2 .conversation-action-nav{margin:10px}
  .workspace-main .conversation-workspace-v2 .conversation-thread-section,.workspace-main .conversation-workspace-v2 .hub-composer,.workspace-main .conversation-workspace-v2 .hub-control{margin-inline:10px}
  .workspace-main .conversation-workspace-v2 .hub-notes{margin-inline:10px}
}
@media(max-width:520px){
  .workspace-main .conversation-workspace-v2 .hub-metrics>a{min-height:90px;padding:12px;gap:9px}
  .workspace-main .conversation-workspace-v2 .hub-metrics>a b{font-size:24px}
  .workspace-main .conversation-workspace-v2 .hub-metrics>a small{font-size:9px}
  .workspace-main .conversation-workspace-v2 .conversation-action-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:6px}
  .workspace-main .conversation-workspace-v2 .conversation-action-nav a{min-height:40px;font-size:9px;white-space:normal}
  .workspace-main .conversation-workspace-v2 .conversation-meta{grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-main .conversation-workspace-v2 .conversation-thread-head,.workspace-main .conversation-workspace-v2 .hub-composer-head{padding:12px}
  .workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread{padding:14px 10px}
  .workspace-main .conversation-workspace-v2 .composer-assurance{align-items:stretch;flex-direction:column}
  .workspace-main .conversation-workspace-v2 .composer-assurance .button{width:100%}
  .workspace-main .conversation-workspace-v2 .internal-note-form{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .internal-note-form .button{width:100%}
}

/* Conversations operational forms — phase 4 */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.workspace-main>.conversation-operation-alert{
  position:sticky;
  top:10px;
  z-index:30;
  max-width:1280px;
  margin:0 auto 14px;
  border-radius:14px;
  box-shadow:0 14px 34px rgba(31,37,63,.13);
  backdrop-filter:blur(14px);
}
.workspace-main .conversation-workspace-v2 [data-operational-form]{position:relative}
.workspace-main .conversation-workspace-v2 [data-operational-form][data-submitting="true"]{cursor:progress}
.workspace-main .conversation-workspace-v2 [data-operational-form][data-submitting="true"] :is(input,textarea,select){opacity:.72}
.workspace-main .conversation-workspace-v2 .operational-form-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:5px;
}
.workspace-main .conversation-workspace-v2 .operational-form-footer>small{color:#667085;font-size:8.5px;line-height:1.7}
.workspace-main .conversation-workspace-v2 .operational-character-count{
  display:block;
  margin:-4px 2px 8px;
  color:#98a2b3;
  font-size:8px;
  font-weight:700;
  line-height:1.5;
  text-align:left;
  direction:rtl;
}
.workspace-main .conversation-workspace-v2 .operational-character-count.near-limit{color:#b54708}
.workspace-main .conversation-workspace-v2 :is(input,textarea,select).field-invalid{
  border-color:#f04438!important;
  background:#fff8f7!important;
  box-shadow:0 0 0 4px rgba(240,68,56,.1)!important;
}
.workspace-main .conversation-workspace-v2 [data-probability-output]{float:left;color:#4338ca;font-size:10px;font-weight:900;font-variant-numeric:tabular-nums}
.workspace-main .conversation-workspace-v2 input[type="range"][data-probability-input]{
  min-height:24px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
  accent-color:#4f46e5;
  cursor:pointer;
}
.workspace-main .conversation-workspace-v2 .lost-reason-field{
  margin-top:5px;
  padding:12px;
  border:1px solid #fedf89;
  border-radius:13px;
  background:#fffaeb;
  color:#93370d;
}
.workspace-main .conversation-workspace-v2 .lost-reason-field[hidden]{display:none!important}
.workspace-main .conversation-workspace-v2 .task-create-form{
  margin-bottom:14px;
  padding-bottom:14px;
  border-bottom:1px solid #eceef3;
}
.workspace-main .conversation-workspace-v2 .task-empty-state{margin:10px 0 0;padding:12px;border-radius:12px;background:#f7f8fb;text-align:center}
.workspace-main .conversation-workspace-v2 .hub-task{
  margin:8px 0 0;
  padding:10px;
  border:1px solid #e7eaf0;
  border-radius:13px;
  background:#fbfcfe;
}
.workspace-main .conversation-workspace-v2 .hub-task[data-task-state="done"]{border-color:#abefc6;background:#f2fff7}
.workspace-main .conversation-workspace-v2 .hub-task[data-task-state="cancelled"]{opacity:.72;background:#f7f7f8}
.workspace-main .conversation-workspace-v2 .hub-task[data-task-state="in_progress"]{border-color:#b2ccff;background:#f5f8ff}
.workspace-main .conversation-workspace-v2 .hub-task :is(select,input){min-height:38px;margin:0;border-radius:10px;font-size:10px}
.workspace-main .conversation-workspace-v2 .hub-task button{min-width:52px;border-radius:10px}
.workspace-main .conversation-workspace-v2 .hub-review{scroll-margin-top:20px}
@media(max-width:760px){
  .workspace-main>.conversation-operation-alert{top:6px;margin-bottom:10px}
  .workspace-main .conversation-workspace-v2 .operational-form-footer{align-items:stretch;flex-direction:column}
  .workspace-main .conversation-workspace-v2 .operational-form-footer .button{width:100%}
  .workspace-main .conversation-workspace-v2 .hub-task{grid-template-columns:1fr 1fr}
  .workspace-main .conversation-workspace-v2 .hub-task p{grid-column:1/-1}
  .workspace-main .conversation-workspace-v2 .hub-task button{width:100%}
}
@media(max-width:520px){
  .workspace-main .conversation-workspace-v2 .hub-task{grid-template-columns:1fr}
  .workspace-main .conversation-workspace-v2 .hub-task p{grid-column:auto}
  .workspace-main .conversation-workspace-v2 [data-probability-output]{float:none;margin-right:6px}
}

/* Conversations operator efficiency and accessibility — phase 5 */
.workspace-main .conversation-workspace-v2 .inbox-search{display:grid;gap:5px}
.workspace-main .conversation-workspace-v2 .inbox-search>[data-conversation-search-status]{
  display:block;
  min-height:15px;
  padding-inline:3px;
  color:#667085;
  font-size:8px;
  font-weight:700;
  line-height:1.7;
}
.workspace-main .conversation-workspace-v2 .conversation-row[aria-current="page"]{border-color:#c9c0ff}
.workspace-main .conversation-workspace-v2 .conversation-row:focus-visible{outline:3px solid rgba(99,91,255,.25);outline-offset:-2px;box-shadow:0 12px 26px rgba(79,70,229,.12)}
.workspace-main .conversation-workspace-v2 .conversation-thread-tools{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex:0 0 auto}
.workspace-main .conversation-workspace-v2 .conversation-thread-tools>span{padding:5px 9px;border-radius:999px;background:#f2f4f7;color:#667085;font-size:9px;white-space:nowrap}
.workspace-main .conversation-workspace-v2 .conversation-thread-tools>button{
  min-height:30px;
  padding:5px 9px;
  border:1px solid #ddd9ff;
  border-radius:9px;
  background:#f8f7ff;
  color:#4338ca;
  font:800 8.5px/1.5 Vazirmatn,Tahoma,sans-serif;
  white-space:nowrap;
  cursor:pointer;
}
.workspace-main .conversation-workspace-v2 .conversation-thread-tools>button:hover{border-color:#aaa4ff;background:#efedff}
.workspace-main .conversation-workspace-v2 .conversation-thread-tools>button[hidden]{display:none!important}
.workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread{
  flex:none;
  min-height:280px;
  max-height:min(520px,58vh);
  overflow-x:hidden;
  overflow-y:auto;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  scrollbar-width:thin;
  scrollbar-color:#cbd2df transparent;
  scroll-behavior:smooth;
}
.workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread:focus-visible{outline:3px solid rgba(99,91,255,.24);outline-offset:-3px}
.workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread::after{content:"";display:block;flex:0 0 1px;height:1px}
.workspace-main .conversation-workspace-v2 .hub-control:target,
.workspace-main .conversation-workspace-v2 .hub-composer:target,
.workspace-main .conversation-workspace-v2 .hub-management-grid>article:target,
.workspace-main .conversation-workspace-v2 .hub-notes:target,
.workspace-main .conversation-workspace-v2 .hub-review:target{animation:conversation-target-pulse 1.1s ease-out}
@keyframes conversation-target-pulse{0%{box-shadow:0 0 0 5px rgba(99,91,255,.18)}100%{box-shadow:0 0 0 0 rgba(99,91,255,0)}}
@media(max-width:760px){
  .workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread{min-height:300px;max-height:55vh}
  .workspace-main .conversation-workspace-v2 .conversation-thread-tools>button{min-height:34px}
}
@media(max-width:520px){
  .workspace-main .conversation-workspace-v2 .conversation-thread-head{align-items:flex-start}
  .workspace-main .conversation-workspace-v2 .conversation-thread-tools{align-items:flex-end;flex-direction:column;gap:5px}
  .workspace-main .conversation-workspace-v2 .conversation-thread-tools>button{padding-inline:7px}
}
@media(prefers-reduced-motion:reduce){
  .workspace-main .conversation-workspace-v2 .conversation-thread-section .conversation-thread{scroll-behavior:auto}
  .workspace-main .conversation-workspace-v2 :is(.hub-control,.hub-composer,.hub-management-grid>article,.hub-notes,.hub-review):target{animation:none}
}

/* Conversations activity panel — fixed header and independently scrollable feed */
.conversation-workspace-v2 .hub-notifications{min-height:0;overflow:hidden!important}
.conversation-workspace-v2 .hub-notifications .panel-head{flex:0 0 auto;align-items:center;min-height:76px;margin:0 0 10px;padding:0 0 14px;border:0;border-bottom:1px solid #eceef4;border-radius:0;background:transparent;box-shadow:none;transform:none}
.conversation-workspace-v2 .hub-notification-heading{display:flex;align-items:center;gap:11px;min-width:0}
.conversation-workspace-v2 .hub-notification-heading>span{display:grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#efedff,#f5fbff);color:var(--brand-strong);font-size:17px;font-weight:900}
.conversation-workspace-v2 .hub-notification-heading>div{min-width:0}.conversation-workspace-v2 .hub-notification-heading h2{margin:1px 0}.conversation-workspace-v2 .hub-notification-heading small{display:block;color:var(--muted);font-size:9px;line-height:1.7}
.conversation-workspace-v2 .hub-notifications .count-badge{display:inline-flex;width:auto;height:auto;flex:0 0 auto;margin:0;border:0;border-radius:999px;background:#f2f4f7;color:#475467;padding:6px 10px;font-size:9px}
.conversation-workspace-v2 .hub-notification-list{display:block!important;flex:1 1 auto;min-height:150px;max-height:300px;margin:0!important;padding:2px 4px 4px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#cbd2df transparent}
.conversation-workspace-v2 .hub-notification-list:focus-visible{outline:2px solid var(--brand);outline-offset:-2px;border-radius:12px!important}
.conversation-workspace-v2 .hub-notification-list>div{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:start;gap:10px;margin:0 0 8px;padding:11px;border:1px solid #edf0f4;border-radius:14px;background:#fff;box-shadow:var(--shadow-xs)}
.conversation-workspace-v2 .hub-notification-list>div:hover{transform:translateY(-1px);border-color:#dde3f3;box-shadow:0 8px 18px rgba(31,37,63,.06)}
.conversation-workspace-v2 .hub-notification-list>div>span{display:grid;place-items:center;width:28px;height:28px;margin-top:1px;border-radius:10px;background:var(--brand-soft);color:var(--brand-strong);font-size:12px;font-weight:900}
.conversation-workspace-v2 .hub-notification-list>div.unread{border-color:#fedf89;background:linear-gradient(180deg,#fff9e8,#fffdf5)}
@media(max-width:650px){.conversation-workspace-v2 .hub-notifications{padding:17px}.conversation-workspace-v2 .hub-notifications .panel-head{gap:8px}.conversation-workspace-v2 .hub-notification-heading>span{display:none}.conversation-workspace-v2 .hub-notification-heading small{display:none}.conversation-workspace-v2 .hub-notification-list{max-height:280px}.conversation-workspace-v2 .hub-notification-list>div{margin-inline:0;padding:10px}}
@media(max-width:700px){.admin-surface .customer-directory .customer-directory-scroll{margin-inline:0}}

/* Admin command center — resilient financial metric */
.admin-surface .admin-command-metrics .admin-revenue-card{grid-column:1/-1;container-type:inline-size;min-width:0;min-height:132px;display:grid;grid-template-columns:minmax(150px,.55fr) minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:24px;row-gap:6px}
.admin-surface .admin-revenue-card>span{grid-column:1;grid-row:1/-1;align-self:center}
.admin-surface .admin-revenue-value{grid-column:2;grid-row:1;display:block;max-width:100%;font-size:30px;font-size:clamp(22px,5cqi,38px);line-height:1.25;letter-spacing:-.045em;white-space:nowrap;font-variant-numeric:tabular-nums}
.admin-surface .admin-revenue-value bdi,.admin-surface .admin-revenue-exact bdi{unicode-bidi:isolate}
.admin-surface .admin-revenue-exact{grid-column:2;grid-row:2;display:block;max-width:100%;font-size:9px;line-height:1.75;color:#7a8494;overflow-wrap:anywhere}
.admin-surface .admin-revenue-exact bdi{font-family:Arial,Tahoma,sans-serif;font-variant-numeric:tabular-nums}
@media(max-width:650px){.admin-surface .admin-command-metrics .admin-revenue-card{grid-column:1/-1;min-height:140px;display:flex;align-items:stretch;justify-content:space-between;gap:8px}.admin-surface .admin-revenue-card>span{align-self:auto}.admin-surface .admin-revenue-value{font-size:26px;font-size:clamp(21px,8cqi,30px)}.admin-surface .admin-revenue-exact{font-size:8.5px}}

/* Voice recorder 9.0 — deterministic controls and modern recording feedback */
.voice-record-button .voice-stop{display:none;position:absolute;inset:50% auto auto 50%;width:11px;height:11px;border-radius:3px;background:currentColor;box-shadow:0 0 0 5px rgba(255,255,255,.88);transform:translate(-50%,-50%)!important}
[data-voice-state="recording"] .voice-record-button{isolation:isolate;overflow:visible!important;border-color:#fb7185!important;background:linear-gradient(145deg,#fff,#fff1f2)!important;color:#e11d48!important}
[data-voice-state="recording"] .voice-record-button::before,
[data-voice-state="recording"] .voice-record-button::after{content:"";position:absolute;inset:-1px;z-index:-1;border:1px solid rgba(225,29,72,.3);border-radius:inherit;pointer-events:none;animation:voice-record-ring 1.8s ease-out infinite}
[data-voice-state="recording"] .voice-record-button::after{animation-delay:.6s}
[data-voice-state="recording"] .voice-record-button .voice-stop{display:block}
[data-voice-state="recording"] .voice-record-button .voice-level{display:flex;opacity:.24;transform:scale(.82)!important}
[data-voice-state="recording"] .voice-record-button:hover{border-color:#e11d48!important;background:#fff!important;color:#be123c!important}
[data-voice-state="processing"] .voice-record-button{border-color:#c7d2fe!important;background:linear-gradient(145deg,#fff,#eef2ff)!important;cursor:progress}
.voice-record-button[aria-busy="true"]{pointer-events:none}
@keyframes voice-record-ring{0%{opacity:.65;transform:scale(1)}80%,100%{opacity:0;transform:scale(1.34)}}
@media(prefers-reduced-motion:reduce){[data-voice-state="recording"] .voice-record-button::before,[data-voice-state="recording"] .voice-record-button::after{animation:none}}



.voice-record-button{
  background:linear-gradient(145deg,#fff,#f7f9fc)!important;
  border-color:#d7dfea!important;
  box-shadow:0 6px 14px rgba(31,37,63,.04)!important;
}
.voice-record-button:hover:not(:disabled){
  border-color:color-mix(in srgb,var(--brand,#4f46e5) 30%,#d7dfea)!important;
  box-shadow:0 10px 22px rgba(31,37,63,.08)!important;
}
.voice-record-button .voice-mic svg{width:20px;height:20px}
.voice-record-status{
  display:inline-flex;
  align-items:flex-start;
  gap:6px;
  max-inline-size:min(100%,360px);
  padding:8px 10px;
  border:1px solid #e3e8f0;
  border-radius:12px;
  background:rgba(255,255,255,.96);
  box-shadow:0 9px 22px rgba(15,23,42,.08);
  backdrop-filter:blur(12px);
  color:#526079;
  font-size:9px;
  line-height:1.75;
  white-space:normal;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.voice-record-status::before{
  content:"";
  display:inline-block;
  flex:0 0 auto;
  width:8px;
  height:8px;
  margin-top:4px;
  border-radius:50%;
  background:#94a3b8;
  box-shadow:0 0 0 5px rgba(148,163,184,.12);
}
[data-voice-state="recording"] .voice-record-button{box-shadow:0 0 0 6px rgba(225,29,72,.08),0 10px 22px rgba(225,29,72,.12)!important}
[data-voice-state="processing"] .voice-record-button{box-shadow:0 0 0 6px rgba(67,56,202,.08),0 10px 22px rgba(67,56,202,.10)!important}
[data-voice-state="recording"] .voice-record-status{border-color:#fecdd3;background:#fff1f2;color:#be123c}
[data-voice-state="processing"] .voice-record-status{border-color:#c7d2fe;background:#eef2ff;color:#4338ca}
[data-voice-state="ready"] .voice-record-status{border-color:#bbf7d0;background:#ecfdf3;color:#047857}
[data-voice-state="error"] .voice-record-status{border-color:#fecaca;background:#fff7f7;color:#b42318}
[data-voice-state="recording"] .voice-record-status::before{background:#e11d48;box-shadow:0 0 0 5px rgba(225,29,72,.14);animation:voice-status-pulse 1.1s ease-in-out infinite}
[data-voice-state="processing"] .voice-record-status::before{background:#4338ca;box-shadow:0 0 0 5px rgba(67,56,202,.14)}
[data-voice-state="ready"] .voice-record-status::before{background:#047857;box-shadow:0 0 0 5px rgba(4,120,87,.14)}
[data-voice-state="error"] .voice-record-status::before{background:#b42318;box-shadow:0 0 0 5px rgba(180,35,24,.14)}
@keyframes voice-status-pulse{0%,100%{transform:scale(.9);opacity:.65}50%{transform:scale(1.15);opacity:1}}
@media(max-width:640px){
  .voice-record-status{max-inline-size:min(100%,320px);font-size:8.5px}
  .voice-record-status::before{margin-top:3px}
}