/* Website workspace alignment and human approval center. */
.product-edition{margin-left:2px;border-left:1px solid var(--line);padding-left:9px;color:var(--blue);font:700 8px "DM Sans",sans-serif;letter-spacing:.12em;white-space:nowrap}.owner-only{display:none!important}
.approval-count{font-style:normal;margin-left:auto;min-width:19px;height:19px;padding:0 6px;border-radius:20px;display:grid;place-items:center;background:var(--orange);color:#180800;font-size:9px;font-weight:700}

/* Keep the website page visually consistent with the rest of the owner app. */
.website-layout{grid-template-columns:minmax(520px,1fr) minmax(390px,.72fr);align-items:start;gap:14px}
.website-controls,.widget-preview-wrap{gap:14px}
.website-controls>.panel,.widget-preview-wrap>.panel,.mock-website{border-radius:18px}
.website-controls>.panel{padding:24px;background:linear-gradient(155deg,#11151a,#0b0e11)}
.website-controls .panel-heading{min-height:70px;align-items:flex-start}
.widget-preview-wrap{position:sticky;top:18px}
.preview-label{height:32px;padding:0 4px;align-items:center}
.mock-website{min-height:620px;box-shadow:0 16px 44px rgba(0,0,0,.22)}
.website-guardrails{padding:18px;border-radius:18px}
.embed-panel{min-height:245px}
.ai-config-panel{background:linear-gradient(150deg,rgba(22,72,99,.3),#0b0e11 58%)!important}
.ai-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}
.ai-config-grid label{font-size:11px;color:#b0b7c1}.ai-config-grid select{display:block;width:100%;margin:7px 0;border:1px solid var(--line);background:#090b0e;color:white;border-radius:10px;padding:11px}.ai-config-grid small{font-size:9px;color:#7f8893}
.knowledge-row{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.knowledge-row>div{display:flex;align-items:center;gap:11px}.knowledge-row>div>span:last-child{display:flex;flex-direction:column}.knowledge-row b{font-size:11px}.knowledge-row small{font-size:9px;color:#818a95}
.tool-permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:16px 0}.tool-permission-grid label{font-size:10px;color:#a9b1bb;padding:10px;border:1px solid rgba(255,255,255,.08);border-radius:9px;background:rgba(255,255,255,.025)}.tool-permission-grid input{accent-color:var(--blue);margin-right:7px}
.approval-policy{display:flex;gap:12px;border:1px solid rgba(255,122,40,.2);background:rgba(255,122,40,.055);border-radius:12px;padding:14px}.approval-policy>span{color:var(--orange)}.approval-policy b{font-size:11px}.approval-policy p{font-size:9px;color:#929ba6;margin:3px 0}

.approval-hero{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;background:linear-gradient(145deg,rgba(78,228,138,.09),#0b0e11 64%)}.approval-hero>div:first-child{display:flex;align-items:center;gap:16px}.approval-shield{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;color:var(--green);background:rgba(78,228,138,.08);border:1px solid rgba(78,228,138,.2);font-size:18px}.approval-hero h2{font:600 22px Manrope;margin:5px 0 0}.approval-hero p{font-size:11px;color:#919aa5;margin:4px 0}.approval-summary{text-align:right}.approval-summary strong{display:block;font:600 30px Manrope;color:var(--green)}.approval-summary span{font-size:9px;color:#89929d}
.approval-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:12px}.approval-filter-row{display:flex;align-items:center;gap:7px;padding:5px 0 15px}.approval-filter-row>span{margin-left:auto;font-size:9px;color:#727b86}
.approval-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:14px;margin-bottom:10px;transition:.25s}.approval-type{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:rgba(255,122,40,.08);color:var(--orange)}.approval-type.blue{background:rgba(50,183,255,.08);color:var(--blue)}.approval-type.green{background:rgba(78,228,138,.07);color:var(--green)}.approval-content{min-width:0}.approval-title{display:flex;justify-content:space-between;gap:15px}.approval-title h3{font:600 15px Manrope;margin:5px 0}.approval-content>p{font-size:10px;color:#929ba6}.risk-badge{height:max-content;white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:8px;color:var(--orange);background:rgba(255,122,40,.07);border:1px solid rgba(255,122,40,.17)}.risk-badge.low{color:var(--blue);background:rgba(50,183,255,.06);border-color:rgba(50,183,255,.16)}
.change-preview{padding:12px;border-radius:10px;background:#080a0d;border:1px solid var(--line);margin:13px 0}.change-preview span{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.12em;color:#747d88;margin-bottom:5px}.change-preview strong{font-size:10px}.approval-meta{display:flex;flex-wrap:wrap;gap:14px;font-size:8px;color:#78818c}.approval-meta b{color:#adb5bf}.approval-actions{grid-column:2;display:flex;justify-content:flex-end;gap:8px;padding-top:13px;border-top:1px solid rgba(255,255,255,.06)}
.approval-card.approved{border-color:rgba(78,228,138,.22);opacity:.72}.approval-card.declined{opacity:.55}.resolution{font-size:10px;padding:9px}.approved-text{color:var(--green)}.declined-text{color:#9aa2ad}.approval-sidebar{display:flex;flex-direction:column;gap:12px}.approval-rules h2{font:600 19px Manrope}.approval-rules>div{padding:13px 0;border-top:1px solid rgba(255,255,255,.06)}.approval-rules>div span{font-size:9px;color:var(--blue);text-transform:uppercase;letter-spacing:.1em}.approval-rules>div:nth-of-type(2) span{color:var(--orange)}.approval-rules>div:nth-of-type(3) span{color:#a4abb4}.approval-rules p{font-size:9px;color:#8b949f;margin:4px 0}.approval-security{display:flex;gap:12px}.approval-security b{font-size:10px}.approval-security p{font-size:9px;color:#818a95;margin:3px 0}.approval-empty{text-align:center;padding:50px}.approval-empty>span{display:grid;place-items:center;width:43px;height:43px;margin:auto;border-radius:50%;background:rgba(78,228,138,.08);color:var(--green)}.approval-empty h3{font:600 16px Manrope}.approval-empty p{font-size:10px;color:#848d98}

@media(max-width:1180px){.website-layout{grid-template-columns:1fr}.widget-preview-wrap{position:static;max-width:none}.mock-website{min-height:570px}.approval-layout{grid-template-columns:1fr}.approval-sidebar{display:grid;grid-template-columns:1fr 1fr}}
@media(max-width:650px){.ai-config-grid,.tool-permission-grid{grid-template-columns:1fr}.website-controls>.panel{padding:18px}.approval-hero{align-items:flex-start}.approval-summary{display:none}.approval-card{grid-template-columns:36px minmax(0,1fr);padding:16px}.approval-type{width:34px;height:34px}.approval-title{flex-direction:column}.approval-actions{grid-column:1/-1}.approval-sidebar{grid-template-columns:1fr}.approval-filter-row>span{display:none}}

/* Calm operational motion: enough to feel live, never enough to distract. */
#websiteStatus,.tag.connected{position:relative;overflow:hidden;box-shadow:0 0 0 rgba(78,228,138,0);animation:live-breathe 3.2s ease-in-out infinite}
#websiteStatus:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 25%,rgba(255,255,255,.16) 48%,transparent 70%);transform:translateX(-130%);animation:status-sweep 4.6s ease-in-out infinite}
.status-dot,.pulse,.live-dot{animation:status-pulse 2.4s ease-in-out infinite}
.website-icon,.approval-shield{animation:icon-float 4s ease-in-out infinite}
.chat-head small i{animation:status-pulse 2s ease-in-out infinite}
.button-primary{position:relative;overflow:hidden}.button-primary:after{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.22) 50%,transparent 72%);transform:translateX(-140%);transition:transform .65s ease}.button-primary:hover:after{transform:translateX(140%)}
@keyframes status-pulse{0%,100%{opacity:.72;box-shadow:0 0 5px currentColor}50%{opacity:1;box-shadow:0 0 15px currentColor}}
@keyframes live-breathe{0%,100%{box-shadow:0 0 0 rgba(78,228,138,0)}50%{box-shadow:0 0 18px rgba(78,228,138,.13)}}
@keyframes status-sweep{0%,55%{transform:translateX(-130%)}85%,100%{transform:translateX(130%)}}
@keyframes icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){#websiteStatus,.tag.connected,.status-dot,.pulse,.live-dot,.website-icon,.approval-shield,.chat-head small i{animation:none!important}.button-primary:after,#websiteStatus:after{display:none}}
.ambient{inset:0;width:100vw;height:100vh;right:auto;top:auto;overflow:hidden;background:radial-gradient(circle at 75% 8%,rgba(27,146,255,.11),transparent 34%),radial-gradient(circle at 18% 82%,rgba(255,122,40,.045),transparent 32%);background-size:125% 125%;animation:ambient-field 22s ease-in-out infinite alternate}.ambient:before,.ambient:after{content:"";position:absolute;width:46vw;height:46vw;min-width:440px;min-height:440px;border-radius:50%;filter:blur(72px);opacity:.16;will-change:transform}.ambient:before{right:-12vw;top:-18vw;background:radial-gradient(circle,rgba(50,183,255,.62),transparent 66%);animation:ambient-blue 19s ease-in-out infinite alternate}.ambient:after{left:-18vw;bottom:-24vw;background:radial-gradient(circle,rgba(255,122,40,.48),transparent 67%);animation:ambient-orange 25s ease-in-out infinite alternate}
/* Consistent, temporary save confirmation across the app. */
.form-footer [type="submit"]{min-width:164px}.button.save-confirmed{background:var(--green);color:#02150a;box-shadow:0 0 0 4px rgba(78,228,138,.08),0 10px 28px rgba(78,228,138,.16);animation:save-pop .38s cubic-bezier(.2,.8,.2,1)}.save-state-confirmed{color:var(--green)!important;animation:save-state-in .3s ease both}@keyframes save-pop{0%{transform:scale(.94)}65%{transform:scale(1.04)}100%{transform:scale(1)}}@keyframes save-state-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.button.save-confirmed,.save-state-confirmed{animation:none!important}}
/* V0.5 simplified, fully interactive client settings. */
.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:14px}.settings-nav{padding:10px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(155deg,#11151a,#0a0d10);height:max-content}.settings-nav-label{display:block;padding:8px 10px 12px;color:#737d88;font-size:8px;text-transform:uppercase;letter-spacing:.16em}.settings-nav button{display:flex;align-items:center;gap:10px;width:100%;border:1px solid transparent;border-radius:11px;background:transparent;color:#8f98a3;padding:11px 10px;font-size:10px;text-align:left;cursor:pointer;transition:.18s}.settings-nav button>span{width:25px;height:25px;display:grid;place-items:center;border-radius:8px;background:rgba(255,255,255,.035)}.settings-nav button:hover{color:white;background:rgba(255,255,255,.025)}.settings-nav button.active{color:white;border-color:rgba(50,183,255,.2);background:rgba(50,183,255,.07)}.settings-nav button.active>span{color:var(--blue);background:rgba(50,183,255,.09)}.settings-workspace{min-height:540px;display:flex;flex-direction:column}.settings-workspace #settingsContent{flex:1}.settings-section-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--blue);background:rgba(50,183,255,.08);border:1px solid rgba(50,183,255,.16)}.settings-section-icon.orange{color:var(--orange);background:rgba(255,122,40,.08);border-color:rgba(255,122,40,.16)}.settings-section-icon.green{color:var(--green);background:rgba(78,228,138,.07);border-color:rgba(78,228,138,.15)}.settings-days{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:22px 0}.settings-days input{position:absolute;opacity:0}.settings-days span{display:grid;place-items:center;padding:11px 4px;border:1px solid var(--line);border-radius:10px;color:#7d8792;font-size:9px;cursor:pointer}.settings-days input:checked+span{color:var(--blue);border-color:rgba(50,183,255,.28);background:rgba(50,183,255,.07)}.setting-toggle-row{display:flex!important;align-items:center;justify-content:space-between;flex-direction:row!important;padding:11px 12px;border:1px solid var(--line);border-radius:11px}.setting-toggle-row>span:first-child{display:flex;flex-direction:column}.setting-toggle-row b,.settings-toggle-list b,.security-summary b,.privacy-note b{font-size:10px}.setting-toggle-row small,.settings-toggle-list small{font-size:8px;color:#7a8490}.security-summary,.privacy-note{display:flex;align-items:center;gap:12px;margin:20px 0;padding:15px;border:1px solid rgba(78,228,138,.15);border-radius:12px;background:rgba(78,228,138,.035)}.security-summary>div,.privacy-note>div{flex:1}.security-summary p,.privacy-note p{font-size:9px;color:#7f8994;margin:2px 0}.settings-toggle-list{display:flex;flex-direction:column}.settings-toggle-list>label{display:flex;align-items:center;justify-content:space-between;padding:15px 2px;border-bottom:1px solid rgba(255,255,255,.06)}.settings-toggle-list>label>span:first-child{display:flex;flex-direction:column}.privacy-note{border-color:rgba(50,183,255,.15);background:rgba(50,183,255,.035)}
@media(max-width:800px){.settings-layout{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav-label{display:none}.settings-nav button{min-width:max-content}.settings-days{grid-template-columns:repeat(4,1fr)}}@media(max-width:600px){.settings-workspace{min-height:0}.security-summary{align-items:flex-start}.security-summary>.tag{display:none}}

/* Business 1.0 guided demonstration onboarding */
.demo-entry-button{width:100%;margin-top:10px;border:1px solid rgba(50,183,255,.22);background:rgba(50,183,255,.055);border-radius:13px;padding:12px 14px;display:flex;align-items:center;gap:11px;text-align:left}.demo-entry-button>span:first-child{width:32px;height:32px;border-radius:9px;background:rgba(50,183,255,.1);display:grid;place-items:center;color:var(--blue)}.demo-entry-button>span:nth-child(2){display:flex;flex-direction:column;flex:1}.demo-entry-button b{font-size:10px}.demo-entry-button small{font-size:8px;color:#7f8994}.demo-entry-button>i{font-style:normal;color:var(--blue)}.demo-entry-button:hover{border-color:rgba(50,183,255,.5);background:rgba(50,183,255,.09)}
.onboarding-modal{width:min(680px,calc(100% - 28px));border:1px solid var(--line-strong);border-radius:24px;background:#0d1014;color:white;padding:0;box-shadow:0 45px 110px rgba(0,0,0,.7)}.onboarding-modal::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(5px)}.onboarding-shell{padding:28px}.onboarding-head{display:flex;justify-content:space-between;gap:20px}.onboarding-head h2{font:600 25px Manrope;margin:7px 0 3px}.onboarding-head p{font-size:10px;color:#7f8994;margin:0}.onboarding-progress{display:flex;gap:6px;margin:25px 0}.onboarding-progress i{height:3px;flex:1;background:#252b31;border-radius:4px}.onboarding-progress i.active{background:var(--blue);box-shadow:0 0 12px rgba(50,183,255,.3)}.onboarding-step{display:none;min-height:270px}.onboarding-step.active{display:block}.step-number{font-size:8px;letter-spacing:.15em;color:var(--blue)}.onboarding-step h3{font:600 22px Manrope;margin:10px 0 24px}.demo-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.demo-choice-grid label{position:relative;border:1px solid var(--line);border-radius:13px;background:#0a0d10;padding:16px;display:grid;grid-template-columns:35px 1fr;align-items:center;gap:10px;cursor:pointer}.demo-choice-grid label:has(input:checked){border-color:rgba(50,183,255,.4);background:rgba(50,183,255,.055)}.demo-choice-grid input{position:absolute;right:12px;top:12px}.demo-choice-grid span{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:rgba(50,183,255,.08);color:var(--blue)}.demo-choice-grid b{font-size:10px}.demo-ready-icon{width:58px;height:58px;margin:10px auto 18px;border:1px solid rgba(78,228,138,.28);border-radius:50%;background:rgba(78,228,138,.08);color:var(--green);display:grid;place-items:center;font-size:22px}.onboarding-step[data-onboarding-step="2"]{text-align:center}.onboarding-step[data-onboarding-step="2"] h3{margin-bottom:10px}.onboarding-step[data-onboarding-step="2"] p{max-width:500px;margin:0 auto 22px;color:#8c96a0;font-size:11px}.demo-confirm{display:flex!important;flex-direction:row!important;align-items:center;justify-content:center}.demo-confirm input{width:auto!important}.onboarding-actions{display:flex;align-items:center;border-top:1px solid var(--line);padding-top:18px}.onboarding-actions>span{flex:1}.demo-mode-badge{display:inline-flex;align-items:center;gap:6px;margin-left:8px;padding:5px 8px;border:1px solid rgba(255,122,40,.23);border-radius:999px;background:rgba(255,122,40,.06);color:var(--orange);font-size:8px;vertical-align:middle}
@media(max-width:600px){.onboarding-shell{padding:22px 18px}.demo-choice-grid{grid-template-columns:1fr}.onboarding-step{min-height:350px}.onboarding-head h2{font-size:21px}}

/* 1.0 high-impact live dashboard polish */
.impact-hero{position:relative;width:100%;min-height:142px;margin-bottom:12px;padding:22px 25px;border:1px solid rgba(50,183,255,.22);border-radius:24px;background:radial-gradient(circle at 84% 50%,rgba(50,183,255,.14),transparent 28%),linear-gradient(115deg,rgba(25,94,131,.38),#0b1015 58%);display:flex;align-items:center;gap:20px;text-align:left;overflow:hidden;box-shadow:0 18px 46px rgba(0,0,0,.2);transition:.28s}.impact-hero:after{content:"";position:absolute;width:180px;height:180px;right:-80px;top:-90px;border-radius:50%;border:1px solid rgba(50,183,255,.13);box-shadow:0 0 70px rgba(50,183,255,.08);animation:impact-drift 7s ease-in-out infinite alternate}.impact-hero:hover{transform:translateY(-2px);border-color:rgba(50,183,255,.42);box-shadow:0 24px 60px rgba(0,0,0,.3),0 0 40px rgba(50,183,255,.06)}.impact-orbit{position:relative;flex:0 0 64px;width:64px;height:64px;display:grid;place-items:center}.impact-orbit>b{position:relative;z-index:2;width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:rgba(50,183,255,.12);border:1px solid rgba(50,183,255,.25);color:var(--blue);font-size:19px;box-shadow:0 0 25px rgba(50,183,255,.14)}.impact-orbit i{position:absolute;inset:1px;border:1px solid rgba(50,183,255,.18);border-radius:50%;animation:impact-spin 8s linear infinite}.impact-orbit i:nth-child(2){inset:8px;border-style:dashed;animation-direction:reverse;animation-duration:5s}.impact-copy{flex:1}.impact-copy small{display:flex;align-items:center;gap:7px;color:#9aa6b0;font-size:8px;letter-spacing:.15em}.impact-copy strong{display:block;font:600 38px Manrope;margin:6px 0 0;letter-spacing:-.045em}.impact-copy p{font-size:10px;color:#87929d;margin:1px 0}.impact-copy p b{color:#d8e0e7}.impact-explain{font-size:9px;color:#a8dfff;padding:9px 12px;border:1px solid rgba(50,183,255,.15);border-radius:99px}.impact-explain i{font-style:normal;margin-left:7px}.metric-card{isolation:isolate;transition:transform .28s,border-color .28s,box-shadow .28s}.metric-card:after{content:"";position:absolute;inset:-30%;z-index:-1;background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.045) 50%,transparent 58%);transform:translateX(-70%);transition:transform .65s}.metric-card:hover{transform:translateY(-4px);border-color:rgba(50,183,255,.3);box-shadow:0 22px 50px rgba(0,0,0,.28),0 0 34px rgba(50,183,255,.045)}.metric-card:hover:after{transform:translateX(70%)}.metric-card:hover .metric-icon{box-shadow:0 0 24px rgba(50,183,255,.15);transform:scale(1.08)}.metric-card .metric-icon{transition:.28s}.micro-spark{position:absolute;right:16px;bottom:20px;width:72px;height:28px;display:flex;align-items:flex-end;gap:3px;opacity:.58}.micro-spark i{flex:1;height:var(--spark);border-radius:3px 3px 1px 1px;background:linear-gradient(var(--blue),rgba(50,183,255,.2));transform-origin:bottom;transition:.25s}.metric-card:hover .micro-spark i{animation:spark-wave .65s ease both;animation-delay:calc(var(--n)*45ms)}.live-tick{animation:live-tick .5s ease}.workspace-live{animation:soft-pulse 2.2s ease-in-out infinite}.button:active,.subtle-button:active,.round-button:active{transform:scale(.96)}
@keyframes impact-spin{to{transform:rotate(360deg)}}@keyframes impact-drift{to{transform:translate(-35px,28px) scale(1.08)}}@keyframes spark-wave{50%{transform:scaleY(1.28);filter:brightness(1.5)}}@keyframes soft-pulse{50%{opacity:.48;box-shadow:0 0 18px var(--green)}}@keyframes live-tick{50%{color:var(--green);text-shadow:0 0 15px rgba(78,228,138,.4);transform:translateY(-2px)}}
@media(max-width:700px){.impact-hero{align-items:flex-start}.impact-explain{display:none}.impact-copy strong{font-size:31px}.impact-orbit{width:48px;height:48px;flex-basis:48px}.impact-orbit>b{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.impact-hero:after,.impact-orbit i,.workspace-live{animation:none!important}.metric-card:hover .micro-spark i{animation:none!important}}
.route-loader{position:fixed;inset:0;z-index:500;display:grid;place-items:center;background:rgba(6,7,8,.78);backdrop-filter:blur(12px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .22s,visibility .22s}.route-loader.active{opacity:1;visibility:visible;pointer-events:auto}.route-loader-inner{width:210px;display:flex;flex-direction:column;align-items:center;gap:14px}.loader-mark{transform:scale(1.3);filter:drop-shadow(0 0 15px rgba(50,183,255,.28));animation:loader-breathe 1.1s ease-in-out infinite}.route-loader-inner>b{font:600 12px Manrope;color:#dce3e9;letter-spacing:.02em}.loader-track{width:100%;height:2px;background:#23282e;border-radius:4px;overflow:hidden}.loader-track i{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--blue),var(--orange));box-shadow:0 0 12px rgba(50,183,255,.5);animation:loader-travel .8s cubic-bezier(.45,0,.55,1) infinite}.page.page-enter{animation:page-arrive .42s cubic-bezier(.2,.8,.2,1)}.activity-item{transition:background .2s,transform .2s}.activity-item:hover{background:rgba(50,183,255,.025);transform:translateX(3px)}@keyframes loader-breathe{50%{transform:scale(1.42);filter:drop-shadow(0 0 23px rgba(50,183,255,.45))}}@keyframes loader-travel{from{transform:translateX(-110%)}to{transform:translateX(350%)}}@keyframes page-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.loader-mark,.loader-track i,.page.page-enter{animation:none!important}}
.premium-live-pill{position:fixed;right:22px;bottom:22px;z-index:80;min-width:165px;border:1px solid rgba(78,228,138,.24);border-radius:15px;background:linear-gradient(145deg,rgba(19,27,25,.96),rgba(10,14,16,.96));box-shadow:0 18px 45px rgba(0,0,0,.45),0 0 30px rgba(78,228,138,.06);padding:10px 12px;display:grid;grid-template-columns:1fr 22px;text-align:left;transition:.25s}.premium-live-pill:hover{transform:translateY(-3px);border-color:rgba(78,228,138,.46);box-shadow:0 23px 55px rgba(0,0,0,.5),0 0 38px rgba(78,228,138,.11)}.premium-live-pill>span{font:700 9px Manrope;letter-spacing:.16em;color:var(--green)}.premium-live-pill>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);animation:live-ring 2s ease-in-out infinite}.premium-live-pill small{font-size:7px;color:#7e888f}.premium-live-pill em{grid-column:2;grid-row:1/3;align-self:center;justify-self:end;font-style:normal;color:#8fa39a}.premium-live-pill b{font-weight:600;color:#aebcb5}@keyframes live-ring{50%{box-shadow:0 0 4px var(--green),0 0 0 7px rgba(78,228,138,.07)}}@media(max-width:650px){.premium-live-pill{right:12px;bottom:12px;min-width:145px}}@media(prefers-reduced-motion:reduce){.premium-live-pill>span i{animation:none!important}}

/* Guided demo fields use the same complete form system as the app. */
.onboarding-step .form-grid label{display:flex;flex-direction:column;gap:8px;color:#aeb5bf;font-size:11px;margin-bottom:14px}
.onboarding-step .form-grid input,.onboarding-step .form-grid select{display:block;width:100%;min-height:44px;border:1px solid var(--line);background:#090b0e;border-radius:10px;color:white;padding:12px 13px;outline:none}
.onboarding-step .form-grid input:focus,.onboarding-step .form-grid select:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(50,183,255,.08)}
.onboarding-step .money-input input{padding-left:29px}

/* Mobile capability pass: preserve the full experience on touch screens. */
@media(max-width:800px){
  body.menu-open{overflow:hidden}
  .sidebar{width:min(245px,calc(100vw - 42px));max-width:calc(100vw - 42px);overflow-y:auto;overscroll-behavior:contain;padding-bottom:calc(18px + env(safe-area-inset-bottom))}
  .app-main{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  .app-header{padding-top:env(safe-area-inset-top)}
  .nav-item,.button,.subtle-button,.chip,.quick-reply,.settings-nav button,.demo-entry-button{min-height:44px}
  .icon-button,.menu-button,.round-button{min-width:44px;min-height:44px}
  .settings-nav{scroll-snap-type:x proximity;overscroll-behavior-inline:contain;scrollbar-width:thin}
  .settings-nav button{scroll-snap-align:start}
  .calendar-wrap,.filter-row{overscroll-behavior-inline:contain;scrollbar-width:thin}
  .menu-open .premium-live-pill{opacity:0;pointer-events:none}
}
@media(max-width:600px){
  .app-main{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}
  .premium-live-pill{right:max(12px,env(safe-area-inset-right));bottom:calc(12px + env(safe-area-inset-bottom));min-width:142px}
  .modal,.onboarding-modal,.insight-modal{max-height:calc(100dvh - 16px);margin-block:8px;overflow:auto}
  .modal form,.onboarding-shell,.insight-shell{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
  .onboarding-shell{max-height:calc(100dvh - 18px);overflow:auto}
  .onboarding-step{min-height:0;padding-bottom:22px}
  .onboarding-actions,.modal-actions{position:sticky;bottom:0;padding-bottom:max(2px,env(safe-area-inset-bottom));background:#0d1014;z-index:2}
  .onboarding-actions{gap:8px}.onboarding-actions>span{display:none}.onboarding-actions .button,.onboarding-actions .subtle-button{flex:1}
  .modal-actions{display:grid;grid-template-columns:1fr 1fr}.modal-actions>*{width:100%}
  .form-footer{width:100%}.form-footer .button{width:100%}
  .data-row.header{display:none}
  .data-row{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.018)}
  .data-row>.customer-name{grid-column:1;grid-row:1}
  .data-row>.lead-arrival{grid-column:1;grid-row:2;display:flex!important;flex-direction:row;align-items:center;gap:6px}
  .data-row>.lead-arrival:before{content:"Arrived";font-size:8px;color:#6f7882;text-transform:uppercase;letter-spacing:.08em}
  .data-row>.status-pill{grid-column:2;grid-row:1;display:block!important;align-self:center}
  .data-row>.row-menu{grid-column:2;grid-row:2;display:block!important;min-width:44px;min-height:36px;justify-self:end}
  .data-row>span:not(.status-pill){display:none!important}
  .website-controls>.panel,.website-metrics,.mock-website{border-radius:16px}
  .mock-website{min-height:560px}.mock-copy{padding:48px 22px}.mock-copy h3{font-size:29px}
  .chat-body{max-height:260px}.quick-reply{font-size:10px;padding:11px}
  .settings-days{grid-template-columns:repeat(4,minmax(0,1fr))}
  .settings-toggle-list>label,.setting-toggle-row{gap:14px}
  .privacy-note{align-items:flex-start;flex-wrap:wrap}.privacy-note .subtle-button{width:100%}
  .toast{left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center}
}