.hidden{display:none!important}.app-view{display:none}.app-view.active{display:block}.app{max-width:1520px}.brand b{font-weight:600}.app-nav{display:flex;gap:5px;align-items:center}.app-nav button{padding:9px 14px;background:transparent;color:#80917f;font-size:12px;border-radius:6px}.app-nav button.active{background:#e8efdf;color:#385b38;font-weight:600}.header-end{gap:13px}#logged-user{font-size:11px;font-weight:500}.intro h1{font-size:31px;letter-spacing:-1.1px}.intro{padding:28px 0 23px}.intro p{font-size:12px}.metrics{grid-template-columns:1fr 1fr 1fr}.metric strong{font-size:26px}.metric{min-height:88px;padding:17px 22px}.workspace{grid-template-columns:minmax(350px,.94fr) minmax(450px,1.06fr);gap:22px}.voice-stage{height:248px;padding-top:12px}.orb-wrap{height:112px;width:112px}.orb{width:72px;height:72px}.voice-title{font-size:16px}.voice-controls{margin-top:14px}.transcript{height:270px}.heading-actions{display:flex;align-items:center;gap:10px}.heading-actions .icon-button{font-size:18px;margin:0}.heading-actions .small-button{font-size:8px}.tab-content{min-height:602px;padding:20px}.routing-head{margin-left:-20px;margin-right:-20px;padding:18px 20px 0}.routing-head h3{font-size:14px}.identify-form{margin-bottom:15px}.identify-form label{font-size:10px;color:#7c9074;display:block;margin-bottom:7px}.identify-form>div{display:flex;gap:7px}.identify-form input{width:100%;min-width:0;border:1px solid #dce4d3;padding:9px 11px;border-radius:6px;background:#fafcf7;color:#345c3a;font-size:11px}.identify-form .small-button{font-size:10px;padding:8px 14px}.customer-card{align-items:flex-start;padding:14px}.customer-tier{margin-top:5px}.identified-badge{font:6px var(--mono);color:#83a46a;padding:3px 5px;background:#e7efd9;border-radius:3px;margin-left:5px;vertical-align:middle}.customer-more,.product-more{font-size:8px;color:#8c9d7c;margin-top:7px}.customer-more summary,.product-more summary{cursor:pointer;list-style:none;text-decoration:underline;text-decoration-color:#d2deca;text-underline-offset:3px}.customer-more p,.product-more p{line-height:1.8;margin:6px 0 0}.unidentified{width:100%;text-align:center;padding:14px 8px;color:#8a9a7c}.unidentified>span{display:block;font-size:24px;margin-bottom:7px}.unidentified b{font-size:11px;font-weight:500;color:#6e865e}.unidentified p{font-size:10px;line-height:1.7;margin:6px 0 0}.product-list{max-height:410px;overflow-y:auto;padding-right:3px}.product-card{padding:12px;align-items:flex-start}.product-icon{margin-top:3px}.product-name{font-size:11px}.product-details{font-size:8px}.delivery-detail{font-size:8px;margin-top:8px;color:#829775}.delivery-detail b{font-weight:500;color:#607c51;margin-left:4px}.warranty-detail{font-size:8px;color:#749662;margin-top:6px}.warranty-detail b{font-weight:500}.warranty-detail>span:last-child{color:#99a58f}.warranty-detail.expired,.expired{color:#b18b60!important}.product-right{padding-top:2px}.product-status{margin-top:8px}.activity-feed{height:100px}.transcript-heading{font-size:8px}.primary-button{width:100%;background:#234a3b;color:#dcedc9;padding:13px 16px;border-radius:7px;font-size:12px;font-weight:500;display:flex;align-items:center;justify-content:space-between}.primary-button:hover{background:#2d5945}.form-error{font-size:11px;color:#b96f55;line-height:1.7;min-height:18px}.login-screen{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-story{background:#153b33;color:#ecf3e4;position:relative;padding:48px 58px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.login-story:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 75%,#547b3a55,transparent 65%);pointer-events:none}.login-story .brand{color:#e8f3dd;font-size:25px;gap:10px}.login-story .eyebrow{color:#82a288;font-size:9px;letter-spacing:2px}.login-story>div{position:relative;margin-top:42px;z-index:1}.login-story h1{font-size:45px;line-height:1.23;letter-spacing:-2px;margin:20px 0}.login-story p{font-size:13px;color:#8fad97;line-height:1.9}.login-foot{position:relative;font-size:10px;color:#739482;letter-spacing:.3px}.login-orb{height:210px;width:210px;margin:42px auto 32px;border-radius:50%;background:radial-gradient(circle at 30% 25%,#deefaf,#9fc674 30%,#50834d 62%,#22533c 82%);box-shadow:inset -16px -16px 28px #163d3599,0 0 85px #a2c87318;position:relative;animation:float 8s ease-in-out infinite}.login-orb:before,.login-orb:after{content:'';position:absolute;border:1px solid #b2d18b18;border-radius:50%;inset:-24px}.login-orb:after{inset:-50px}.login-side{display:flex;align-items:center;justify-content:center;padding:52px 40px;background:#f5f5f0}.login-form{width:340px;max-width:100%}.login-form h2{font:600 30px Manrope,sans-serif;letter-spacing:-1.2px;margin:12px 0 10px}.login-form>p{font-size:12px;color:#91a08a;line-height:1.8;margin-bottom:30px}.login-form label{display:block;font-size:11px;color:#6f8664;margin:18px 0 8px}.login-form input,.stack-form input,.stack-form select,.audit-filters input,.audit-filters select{font:12px 'DM Sans',sans-serif;width:100%;border:1px solid #dce4d5;border-radius:7px;background:#fcfdf9;color:#3f623c;padding:12px;outline:none}.login-form input:focus,.stack-form input:focus,.audit-filters input:focus{border-color:#9abb78;box-shadow:0 0 0 3px #dceac955}.password-field{position:relative}.password-field input{padding-right:55px}.password-field button{position:absolute;right:10px;top:12px;background:transparent;color:#829873;font-size:10px;padding:2px}.login-form .primary-button{margin-top:24px;padding:14px 16px}.login-form>small{font-size:10px;color:#a1ad97;display:block;margin-top:14px}.login-form .form-error{margin-top:9px}.page-title{display:flex;justify-content:space-between;align-items:center;padding:34px 0 27px}.page-title h1{font-size:31px;letter-spacing:-1.1px;margin:9px 0}.page-title p{font-size:12px;color:#91a18a;margin:0;line-height:1.7}.admin-grid{display:grid;grid-template-columns:minmax(285px,.77fr) minmax(400px,1.23fr);gap:22px;align-items:start}.admin-panel{padding:25px}.admin-panel>h2{font-size:15px;margin-bottom:22px}.stack-form{display:flex;flex-direction:column;gap:16px}.stack-form label{font-size:10px;color:#7c9273;display:flex;flex-direction:column;gap:7px}.stack-form input,.stack-form select{font-size:11px;padding:10px}.stack-form small{font-size:10px;color:#93a187;line-height:1.8}.stack-form .primary-button{margin-top:3px}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#839675}.checkbox-label input{accent-color:#466c3c}.team-row{display:flex;align-items:center;gap:11px;padding:17px 0;border-top:1px solid var(--line)}.team-row .customer-avatar{width:33px;height:33px;font-size:14px}.team-info{flex:1;min-width:0}.team-info b{display:block;font-size:12px;font-weight:500;overflow-wrap:anywhere}.team-info small{display:block;font-size:9px;color:#92a286;margin-top:4px}.team-actions{display:flex;gap:5px;margin-left:7px}.team-actions small{color:#a0af94;font-size:10px;min-width:89px;text-align:right}.team-actions .small-button{font-size:8px;padding:6px 8px}.status-pill{display:inline-block;font:8px var(--mono);padding:5px 7px;background:#eef3e7;color:#7d956d;border-radius:4px;text-transform:uppercase;white-space:nowrap}.status-pill.active,.status-pill.success{background:#e7f0dd;color:#6d8b57}.status-pill.paused{background:#f7eedc;color:#ad8e50}.status-pill.deleted,.status-pill.failure{background:#f8eae2;color:#b77e5d}.danger{color:#b27a5a;background:#fcf9f4;border-color:#eeded1}.audit-filters{display:flex;gap:9px;align-items:center;margin-bottom:18px}.audit-filters input{flex:1;min-width:150px}.audit-filters select{width:auto;max-width:210px}.audit-filters input,.audit-filters select{font-size:10px;padding:9px}.audit-filters .small-button{padding:10px 14px}.audit-integrity{font-size:9px;color:#8ca374;border-bottom:1px solid var(--line);padding-bottom:16px;margin-bottom:0}.audit-integrity .invalid{color:#b45f46}.audit-list{max-height:640px;overflow-y:auto}.audit-row{border-bottom:1px solid #e9eee2}.audit-row summary{list-style:none;display:flex;align-items:center;gap:12px;padding:14px 1px;cursor:pointer;font-size:10px}.audit-event{min-width:170px;font:9px var(--mono);color:#62814f}.audit-actor{flex:1;color:#8c9f7c}.audit-row time{font:8px var(--mono);color:#9cac8f}.audit-row summary>span:last-child{color:#a0b18e;margin-left:5px}.audit-detail{background:#f8faf4;padding:15px;border-radius:5px;margin-bottom:12px;overflow-wrap:anywhere}.audit-detail>span{font-size:9px;color:#96a88a}.audit-detail pre{white-space:pre-wrap;overflow-wrap:anywhere;font:10px/1.8 var(--mono);color:#658154;max-height:400px;overflow:auto}.audit-detail small{font:8px/1.8 var(--mono);color:#a5b498}.customer-directory{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.directory-card{padding:20px}.directory-customer{display:flex;align-items:center;gap:10px;margin-bottom:20px}.directory-customer>div:nth-child(2){flex:1;min-width:0}.directory-customer h2{font-size:12px}.directory-customer small{display:block;font-size:8px;line-height:1.6;color:#8e9f81;margin-top:5px;overflow-wrap:anywhere}.directory-customer .customer-avatar{width:33px;height:33px;font-size:14px;flex-shrink:0}.directory-product{padding:13px 0;border-top:1px solid var(--line)}.directory-product b{display:block;font-size:11px;font-weight:500}.directory-product .status-pill{font-size:6px;margin:7px 0}.directory-product small{display:block;font-size:9px;color:#8d9d7e;line-height:1.8}.directory-card>.small-button{margin-top:15px;width:100%}.config-row{display:flex;justify-content:space-between;align-items:center;font-size:10px;padding:13px 0;border-bottom:1px solid var(--line);gap:15px}.config-row span{color:#91a080}.config-row b{font:10px var(--mono);color:#678254;font-weight:400}.setting-buttons{display:flex;gap:7px;flex-wrap:wrap;margin:20px 0}.setting-buttons .small-button{font-size:9px}.setting-note{font-size:10px;color:#8a9d7a;line-height:1.8;margin:20px 0;padding-top:16px;border-top:1px solid var(--line)}.setting-note p{margin:8px 0}.setting-note h3{font-size:12px}.setting-note b{font-weight:500}.setting-note:empty{display:none}#api-key-form{margin-top:25px}footer{padding:25px 0}
@media(max-width:1150px){.app{padding:0 24px}.app-nav{gap:0}.app-nav button{font-size:11px;padding:8px 10px}.header-end{gap:9px}.admin-grid{grid-template-columns:1fr 1.3fr}.admin-panel{padding:20px}.team-row{flex-wrap:wrap}.team-actions{margin-left:auto}.customer-directory{grid-template-columns:repeat(2,1fr)}.workspace{grid-template-columns:minmax(330px,.94fr) minmax(390px,1.06fr)}.login-story{padding:40px}.login-story h1{font-size:38px}.login-orb{width:170px;height:170px}.audit-event{min-width:135px}}
@media(max-width:820px){.app{padding:0 16px}header{height:auto;min-height:72px;flex-wrap:wrap;gap:12px;padding:17px 0}.app-nav{order:3;width:100%;overflow-x:auto;padding:3px 0;gap:5px}.app-nav button{padding:8px 13px;font-size:11px}.brand{font-size:21px}.brand-icon{font-size:30px}.header-end{margin-left:auto}.workspace,.admin-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(3,1fr)}.metric{padding:13px;min-height:80px}.metric:nth-child(3){border-top:0;border-left:1px solid var(--line)}.metric em{display:none}.metric strong{font-size:25px}.metric>span{font-size:7px;letter-spacing:.5px}.intro h1{font-size:27px}.intro p{font-size:11px}.intro-badge{display:none}.voice-stage{height:240px}.tab-content{min-height:0}.activity-feed{height:120px}.login-story{padding:35px}.login-story h1{font-size:32px}.login-orb{height:150px;width:150px}.login-side{padding:35px 25px}.login-story p{font-size:11px}.login-form h2{font-size:27px}.page-title{align-items:flex-start;gap:15px}.page-title h1{font-size:27px}.page-title p{font-size:11px}.audit-filters{flex-wrap:wrap}.audit-filters input{flex-basis:100%}.audit-row summary{gap:8px;flex-wrap:wrap}.audit-row time{margin-left:auto}.audit-event{min-width:150px}.team-row{flex-wrap:nowrap}.team-actions small{min-width:30px}}
@media(max-width:600px){.login-screen{grid-template-columns:1fr}.login-story{min-height:190px;padding:27px}.login-story>div{margin:25px 0 0}.login-story h1{font-size:29px;margin:12px 0}.login-story h1 br{display:none}.login-story p,.login-orb,.login-foot{display:none}.login-story .brand{font-size:22px}.login-story .eyebrow{font-size:7px}.login-side{min-height:calc(100vh - 190px);padding:35px 28px}.login-form{width:100%}.login-form>p{margin-bottom:20px}.customer-directory{grid-template-columns:1fr}.page-title{flex-wrap:wrap}.admin-panel{padding:18px}.team-row{flex-wrap:wrap}.team-actions{width:100%;margin:0;justify-content:flex-end}.audit-row time{font-size:7px}.audit-actor{font-size:9px}.metric>span{font-size:6px}.metrics{border-radius:9px}.metric{padding:12px 10px}.metric strong{font-size:23px}.metric small{font-size:8px}.voice-controls select{max-width:68px}.start-button{min-width:180px;font-size:10px}.customer-name{font-size:12px}.identified-badge{font-size:5px}}

/* User and manager screens */
.mobile-only{display:none}
.app header{display:grid;grid-template-columns:1fr auto 1fr;height:auto;min-height:82px;gap:0 22px;padding:17px 0}
.app .header-end{grid-column:3;justify-self:end;display:flex;align-items:center}
.mode-switch{display:flex;background:#e8eee2;border:1px solid #dae3d2;border-radius:10px;padding:4px;gap:3px}
.mode-switch button{display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 15px;min-height:36px;border-radius:7px;font-size:12px;background:transparent;color:#839677;white-space:nowrap}
.mode-switch button.active{background:#244d3c;color:#e5f5ce;box-shadow:0 2px 5px #203f3115}
.app .manager-nav{grid-column:1/-1;justify-content:center;gap:8px;padding:12px 0 0;margin-top:12px;border-top:1px solid #e0e7d9;order:initial}
.manager-nav button{display:flex;align-items:center;gap:6px;font-size:12px;min-height:38px}
.manager-nav button>span{font-size:17px;line-height:1}
.app[data-mode="user"] .manager-nav{display:none}
.app[data-mode="manager"] .mode-switch{border-color:#b6c9a2}
.step-banner{border:1px solid #dce5d3;background:#fbfdf7;border-radius:11px;padding:15px 19px;margin-bottom:21px;transition:background .2s,border-color .2s,box-shadow .2s}
.step-summary{display:flex;align-items:center;gap:13px;min-width:0}
.step-summary>div{flex:1;min-width:0}
.step-status-icon{width:41px;height:41px;border:1px solid #d8e3cc;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:25px;flex-shrink:0;background:#f0f6e7;color:#85a16d}
.step-state{display:block;font:8px var(--mono);letter-spacing:1.2px;color:#849b72;margin-bottom:4px}
.step-summary strong{font:600 14px Manrope,sans-serif;letter-spacing:-.2px;display:block;color:#335d35}
.step-summary p{font-size:10px;line-height:1.6;color:#8fa17f;margin:4px 0 0;overflow-wrap:anywhere}
.step-chips{display:flex;align-items:center;gap:8px;margin-top:13px;padding-top:12px;border-top:1px solid #e4ecd9}
.step-chips>span{font:9px var(--mono);display:flex;align-items:center;gap:7px;color:#9baa8d;padding:5px 8px;border-radius:5px;flex:1;white-space:nowrap}
.step-chips b{font:500 10px 'DM Sans',sans-serif}
.step-chips i{font-style:normal;color:#cad7bb;font-size:12px}
.step-chips>span.running{background:#244d3c;color:#e5f6c7;box-shadow:0 0 0 2px #c8dda9}
.step-chips>span.done{background:#e3efd5;color:#5e8645}
.step-chips>span.failed{background:#f8e5df;color:#ae6652}
.step-banner.working{background:#f3f9e9;border-color:#a1c571;box-shadow:0 0 0 3px #dcecc53d}
.step-banner.working .step-status-icon{background:#ceeaa7;border-color:#98be65;color:#345f38;animation:step-breathe 1.2s ease-in-out infinite}
.step-banner.complete{background:#edf7e5;border-color:#b4d399}
.step-banner.complete .step-status-icon{background:#d6edbc;border-color:#a6c983;color:#467636}
.step-banner.complete .step-state{color:#6d924f}
.step-banner.failed{background:#fdf2ed;border-color:#dcad97}
.step-banner.failed .step-status-icon{background:#f7dfd5;border-color:#d8a48e;color:#b0684c}
.step-banner.failed .step-state,.step-banner.failed strong{color:#ad7155}
.route-node.running .node-icon{background:#c9e991;border:2px solid #6d9d3d;color:#284f2f;box-shadow:0 0 0 5px #d4e9b6,0 0 24px #a1c87340;animation:step-breathe 1.2s ease-in-out infinite;transform:scale(1.08)}
.route-node.running b{color:#386736;font-weight:700}
.route-node.running .node-state{background:#244d3c;color:#e4f6bd;border-radius:4px;display:inline-block;padding:4px 6px;margin-top:8px;font-size:7px}
.route-node.done .node-icon{background:#dcefc8;border:1px solid #91b46a;color:#477c35}
.route-node.done .node-state{color:#669647;font-size:7px;font-weight:600}
.route-node.failed .node-icon{background:#f8ded0;border:2px solid #ca9876;color:#9a5e40;box-shadow:0 0 0 4px #f8e9df}
.route-node.failed .node-state{color:#b47658;font-size:7px;font-weight:600}
.route-connector{height:2px;background:#dfe8d6}
.route-connector.active{background:#88b557;height:3px}
.route-connector.active span{height:7px;width:7px;top:-2px;box-shadow:0 0 8px #88b557}
.route-status{max-width:175px;overflow-wrap:anywhere}
.route-status.running{background:#e6f1d8;color:#5f853f;border-color:#accb8d}
.route-status.done{background:#edf5e5;color:#6c9352;border-color:#c0d9a5}
.route-status.failed{background:#fbebe3;color:#a5684c;border-color:#e6c0aa}
.record-running{outline:2px solid #9fc873;outline-offset:2px;background:#edf8dd!important;animation:record-glow 1s ease-in-out infinite}
.changed{animation:record-highlight 4.5s ease-out}
.metric-flash{animation:metric-highlight 2s ease-out}
.activity-row{font-size:10px}.activity-symbol{background:#d8ebbf;color:#4f7c38}.activity-row.error .activity-symbol{background:#f4dfd1;color:#aa7250}
.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}
.dashboard-stats article{background:#fff;border:1px solid #e0e7d7;border-radius:11px;padding:23px}
.dashboard-stats article>span{display:block;font:9px var(--mono);letter-spacing:1.2px;color:#8b9e7d}
.dashboard-stats strong{display:block;font:600 34px Manrope,sans-serif;letter-spacing:-1.4px;color:#355b38;margin:11px 0 7px}
.dashboard-stats small{font-size:10px;color:#91a681}
.dashboard-stats .dashboard-api-state{font-size:23px;letter-spacing:-.5px;margin:19px 0 10px}
.dashboard-api-state[data-state="paused"]{color:#ba9a61}
.dashboard-api-state[data-state="missing"]{color:#b88063}
.dashboard-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;align-items:start}
.dashboard-activity-row{display:flex;align-items:center;gap:12px;padding:17px 0;border-top:1px solid #e7edde}
.dashboard-activity-row .activity-symbol{width:25px;height:25px;font-size:12px;line-height:25px;flex-shrink:0;border-radius:7px}
.dashboard-activity-row .activity-symbol.failed{color:#ae7558;background:#f8e3d8}
.dashboard-activity-row>div{flex:1;min-width:0}
.dashboard-activity-row b{display:block;font-size:11px;font-weight:500;color:#657f56;overflow-wrap:anywhere}
.dashboard-activity-row small{display:block;font-size:10px;color:#99aa8b;margin-top:5px}
.dashboard-activity-row time{font:8px var(--mono);color:#9dac90;white-space:nowrap}
.dashboard-actions{display:flex;flex-direction:column;gap:9px}
.dashboard-actions button{display:flex;align-items:center;gap:12px;background:#f8faf3;border:1px solid #e0e8d6;border-radius:8px;padding:16px;text-align:left;width:100%;color:#6d895b}
.dashboard-actions button:hover{background:#f0f7e5;border-color:#bfd5a4}
.dashboard-actions button>span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid #dbe7cd;border-radius:9px;background:#edf4e2;font-size:20px}
.dashboard-actions button>div{flex:1}.dashboard-actions b{display:block;font-size:12px;font-weight:500;color:#537847}.dashboard-actions small{display:block;font-size:10px;color:#93a782;margin-top:5px}.dashboard-actions i{font-style:normal;font-size:18px;color:#a4b591}
.manager-session-head{display:flex;justify-content:space-between;align-items:center;padding-top:24px;margin-top:24px;border-top:1px solid #e0e7d9}
.manager-session-head h3{font-size:12px;margin:0}
.dashboard-sessions p{font-size:10px;color:#a1b090;line-height:1.8;margin-top:13px}
.dashboard-sessions>div{display:flex;align-items:center;gap:8px;padding:12px 0;font-size:10px;color:#72915b}
.dashboard-sessions b{font-weight:500}.dashboard-sessions small{margin-left:auto;color:#9baa8e}
@keyframes step-breathe{50%{box-shadow:0 0 0 6px #c4dc9c66,0 0 16px #98bd6155}}
@keyframes record-glow{50%{outline-color:#608c38}}
@keyframes record-highlight{0%,35%{background:#e1f3c8;box-shadow:inset 0 0 0 2px #8db55d;border-color:#a2c577}100%{box-shadow:inset 0 0 0 0 transparent}}
@keyframes metric-highlight{0%,25%{background:#e6f5d2}100%{background:#fff}}
@media(max-width:1100px){.app header{gap:0 12px}.mode-switch button{padding:9px 12px;font-size:11px}.dashboard-stats article{padding:18px}.step-chips{gap:5px}.step-chips b{font-size:9px}.step-chips>span{padding:5px 6px}.dashboard-grid{gap:18px}}
@media(max-width:820px){
  .app{padding:0 12px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .app header{grid-template-columns:1fr 1fr;gap:12px 8px;padding:13px 0;min-height:64px}
  .app .header-end{grid-column:2;gap:7px}.brand{font-size:20px}.brand-icon{font-size:28px}#logged-user{display:none}
  .mode-switch{grid-column:1/-1;grid-row:2;justify-self:stretch;padding:4px}.mode-switch button{flex:1;min-height:40px;font-size:12px}
  .app .header-end .small-button{min-height:40px;font-size:11px;padding:8px 10px}
  .app .manager-nav{position:fixed;left:0;right:0;bottom:0;grid-column:initial;display:flex;justify-content:space-around;gap:0;z-index:20;padding:8px 7px calc(8px + env(safe-area-inset-bottom));margin:0;background:#f8faf3f5;backdrop-filter:blur(16px);border-top:1px solid #dbe6d0;box-shadow:0 -4px 20px #243f3210;border-radius:0;min-height:67px;overflow:visible}
  .manager-nav button{flex:1;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:7px 2px;min-height:48px;font-size:9px;border-radius:8px}.manager-nav button>span{font-size:20px}
  .app[data-mode="user"] .manager-nav{display:none}
  .mobile-only{display:flex}.user-mobile-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:none;background:#f8faf3f5;border-top:1px solid #dbe6d0;backdrop-filter:blur(16px);padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -4px 20px #243f3210}
  .app[data-mode="user"][data-view="support"] .user-mobile-nav{display:flex}
  .user-mobile-nav button{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;background:transparent;border-radius:8px;min-height:46px;color:#8b9f7d;font-size:12px}.user-mobile-nav button>span{font-size:19px}.user-mobile-nav button.active{background:#244d3c;color:#dff2c7}.user-mobile-nav em{background:#c6e895;color:#395f2d;font:10px var(--mono);border-radius:50%;min-width:19px;height:19px;line-height:19px;display:inline-block;font-style:normal}
  .app[data-mobile-panel="chat"] .observability{display:none}.app[data-mobile-panel="records"] .conversation{display:none}
  .intro{padding:15px 0}.intro .eyebrow{font-size:7px}.intro h1{font-size:24px;margin:7px 0}.intro p{font-size:11px;line-height:1.6}
  .metrics{margin-bottom:13px}.metric{padding:10px 12px;min-height:69px}.metric strong{font-size:23px}.metric>span{font-size:7px;letter-spacing:.4px}
  .workspace{gap:0;grid-template-columns:minmax(0,1fr)}.workspace>.panel,.admin-grid>.panel,.dashboard-grid>.panel{min-width:0}
  .step-banner{padding:12px;margin-bottom:15px;border-radius:9px}.step-summary{gap:9px}.step-status-icon{width:33px;height:33px;border-radius:8px;font-size:21px}.step-state{font-size:7px;letter-spacing:.7px}.step-summary strong{font-size:12px}.step-summary p{font-size:10px;line-height:1.5}.step-summary .small-button{font-size:9px;padding:8px;min-height:40px;align-items:center;text-align:center;max-width:75px;line-height:1.4;background:#eff7e5;color:#6c8a51}
  .step-chips{gap:4px;margin-top:10px;padding-top:9px}.step-chips>span{gap:4px;padding:5px 4px;font-size:8px;justify-content:center;white-space:normal}.step-chips b{font-size:8px;line-height:1.3}.step-chips i{font-size:9px}
  .panel-heading{padding:0 15px;min-height:51px;height:auto}.panel-heading h2{font-size:13px}.heading-actions{gap:9px}.heading-actions .small-button{min-height:38px;font-size:10px}.heading-actions .icon-button{min-width:35px;min-height:38px}
  .voice-stage{height:221px;padding-top:8px}.orb-wrap{height:89px;width:89px}.orb{width:61px;height:61px}.voice-title{font-size:16px}.voice-subtitle{font-size:11px;padding:0 12px;line-height:1.5}.voice-controls{gap:7px;padding:0 12px;margin-top:12px}.start-button{flex:1;min-width:0;min-height:45px;padding:9px 10px;font-size:11px;line-height:1.3}.round-button{width:43px;height:45px;flex-shrink:0}.voice-controls select{height:45px;min-width:66px;font-size:14px}.mic-hint{font-size:8px;line-height:1.4;padding:0 12px;margin-top:8px}
  .transcript{height:clamp(260px,38svh,420px);padding:10px 16px 17px}.transcript-heading{padding:16px 16px 7px;font-size:9px}.message-text{font-size:14px;line-height:1.7}.message-meta{font-size:11px}.message-meta time{font-size:9px}.message-avatar{width:30px;height:30px}.empty-chat h3{font-size:14px}.empty-chat p{font-size:12px}.suggestions{padding:0 15px 12px;gap:6px}.suggestions button{font-size:10px;min-height:37px;padding:8px}.composer{margin:0 14px;padding:9px 9px 9px 12px}.composer textarea{font-size:16px;line-height:1.6;min-height:29px}.composer button{width:38px;height:38px;font-size:22px}.composer-foot{padding:10px 16px 15px;font-size:7px}
  .tabs{padding:0 16px;height:49px;gap:20px}.tabs button{font-size:11px;min-height:44px}.tab-content{padding:17px;min-height:0}.identify-form label{font-size:12px}.identify-form input{font-size:16px;min-height:45px;padding:10px}.identify-form .small-button{min-height:45px;font-size:11px;padding:9px 12px}.customer-card{padding:15px}.customer-name{font-size:15px}.customer-email{font-size:12px;line-height:1.5}.customer-meta{font-size:10px;line-height:1.6;flex-wrap:wrap}.customer-tier{font-size:9px}.identified-badge{font-size:6px;margin-left:3px}.customer-more,.product-more{font-size:11px;margin-top:10px}.customer-more summary,.product-more summary{min-height:28px;line-height:28px}.unidentified b{font-size:13px}.unidentified p{font-size:11px}.purchases-heading{font-size:9px;letter-spacing:.4px;margin-top:20px}.product-list{max-height:none;padding:0;gap:11px}.product-card{padding:14px;gap:10px}.product-name{font-size:13px;line-height:1.5}.product-details{font-size:10px;line-height:1.6;flex-wrap:wrap;gap:4px}.delivery-detail,.warranty-detail{font-size:11px;line-height:1.7}.delivery-detail b{display:inline}.product-price{font-size:13px}.product-status{font-size:9px;line-height:1.5}.product-right{min-width:58px}.product-icon{width:32px;height:38px}.product-icon svg{width:27px;height:27px}.product-info{min-width:0}.warranty-detail>span:last-child{display:block;margin-left:12px}
  .routing-head{margin-left:-17px;margin-right:-17px;padding:20px 17px 0;gap:12px}.routing-head h3{font-size:13px}.route-status{font-size:8px;max-width:146px}.routing{margin:23px 0}.route-node b{font-size:10px;line-height:1.5}.route-node small{font-size:8px;line-height:1.5}.route-node .node-state{font-size:6px;white-space:nowrap}.node-icon{width:37px;height:37px;font-size:20px}.activity-heading{font-size:9px}.activity-feed{height:auto;max-height:230px}.activity-row{font-size:11px;line-height:1.7;padding:9px 0}.activity-row time{font-size:8px}.api-row summary{font-size:10px;min-height:47px;flex-wrap:wrap}.api-row pre{font-size:11px;line-height:1.7}.api-list{max-height:none}.inspector-intro h3{font-size:20px}.inspector-intro p{font-size:12px}
  .page-title{padding:22px 0;gap:13px}.page-title h1{font-size:27px}.page-title p{font-size:12px;line-height:1.7}.page-title>.small-button{min-height:44px;font-size:11px;align-items:center}.page-title .eyebrow{font-size:8px}
  .dashboard-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:16px}.dashboard-stats article{padding:16px;min-height:117px}.dashboard-stats article>span{font-size:8px;letter-spacing:.6px}.dashboard-stats strong{font-size:30px;letter-spacing:-1px}.dashboard-stats small{font-size:10px;line-height:1.5;display:block}.dashboard-stats .dashboard-api-state{font-size:21px;margin:17px 0 9px}.dashboard-grid{grid-template-columns:minmax(0,1fr);gap:16px}.dashboard-grid .admin-panel{padding:18px}.dashboard-activity-row{padding:15px 0;gap:10px}.dashboard-activity-row b{font-size:12px}.dashboard-activity-row small{font-size:11px}.dashboard-activity-row time{font-size:9px}.dashboard-actions button{padding:15px;min-height:80px}.dashboard-actions b{font-size:13px}.dashboard-actions small{font-size:11px;line-height:1.6}.manager-session-head h3{font-size:13px}.dashboard-sessions p{font-size:12px}.dashboard-sessions>div{font-size:11px;flex-wrap:wrap}
  .admin-panel{padding:18px}.admin-panel h2{font-size:15px}.stack-form{gap:16px}.stack-form label{font-size:12px}.stack-form input,.stack-form select{font-size:16px;min-height:45px}.stack-form small{font-size:11px}.primary-button{min-height:46px;font-size:13px}.small-button{min-height:41px;font-size:11px}.checkbox-label{font-size:12px;min-height:44px}.checkbox-label input{width:17px;height:17px}.team-row{gap:10px;padding:17px 0;flex-wrap:wrap}.team-info b{font-size:14px}.team-info small{font-size:11px;line-height:1.6}.status-pill{font-size:9px;padding:6px 8px}.team-actions{width:100%;justify-content:flex-end;margin:4px 0 0;gap:8px}.team-actions .small-button{min-height:42px;font-size:12px;padding:9px 14px}.team-actions small{font-size:11px}.team-row .customer-avatar{width:36px;height:36px}.audit-filters{gap:8px}.audit-filters input,.audit-filters select{font-size:16px;min-height:45px;min-width:0}.audit-filters input{flex:1 0 100%}.audit-filters select{flex:1 1 calc(50% - 8px);max-width:none;width:0}.audit-filters .small-button{width:100%;font-size:12px;min-height:44px}.audit-integrity{font-size:10px;line-height:1.7;align-items:flex-start}.audit-integrity .small-button{min-width:80px}.audit-list{max-height:none}.audit-row summary{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:12px;padding:16px 0;min-height:72px}.audit-event{grid-column:1;min-width:0;overflow-wrap:anywhere;font-size:11px}.audit-actor{grid-column:1;grid-row:2;font-size:11px}.audit-row .status-pill{grid-column:2;grid-row:1;justify-self:end;font-size:8px}.audit-row time{grid-column:2;grid-row:2;font-size:8px}.audit-row summary>span:last-child{display:none}.audit-detail pre{font-size:11px}.audit-detail>span,.audit-detail small{font-size:9px;line-height:1.8}.audit-detail{padding:12px}
  .customer-directory{grid-template-columns:minmax(0,1fr);gap:14px}.directory-card{padding:18px}.directory-customer h2{font-size:15px}.directory-customer small{font-size:11px}.directory-product b{font-size:13px}.directory-product small{font-size:11px;line-height:1.8}.directory-product .status-pill{font-size:8px}.directory-card>.small-button{min-height:45px;font-size:12px}.config-row{font-size:12px;gap:10px}.config-row b{font-size:11px;overflow-wrap:anywhere}.setting-buttons{gap:9px}.setting-buttons .small-button{min-height:45px;font-size:11px;flex:1 1 45%}.setting-note{font-size:12px}.setting-note h3{font-size:14px}.admin-grid{grid-template-columns:minmax(0,1fr);gap:16px}
  .login-screen input{font-size:16px;min-height:45px}.login-form label{font-size:12px}.login-form>p{font-size:12px}.password-field button{font-size:11px;min-height:32px;top:7px}.login-form .primary-button{font-size:13px}.toast{bottom:calc(82px + env(safe-area-inset-bottom));max-width:calc(100vw - 28px);width:max-content;font-size:12px;line-height:1.6;white-space:normal;text-align:center}.remote-audio{bottom:calc(83px + env(safe-area-inset-bottom));right:14px;max-width:calc(100vw - 28px)}
  footer{font-size:9px;padding:21px 0 5px;line-height:1.8}footer>span{flex-wrap:wrap}
}
@media(max-width:370px){.step-chips>span{font-size:7px;padding:5px 2px;gap:3px}.step-chips b{font-size:7px}.step-summary .small-button{max-width:58px;font-size:8px}.product-card{padding:11px;gap:8px}.product-icon{display:none}.mode-switch button{font-size:11px}.manager-nav button{font-size:8px}.metric{padding:10px 8px}.metric>span{font-size:6px}.step-summary strong{font-size:11px}}
@media(prefers-reduced-motion:reduce){.step-banner,.route-node,.record-running,.changed,.metric-flash,.step-status-icon{animation:none!important;transition:none!important}.record-running,.changed{outline:2px solid #9bbd70;outline-offset:1px}}

@media(max-width:820px){.step-banner{position:sticky;top:8px;z-index:9;box-shadow:0 4px 18px #2c493012}.step-banner.working{box-shadow:0 0 0 3px #dcecc54d,0 5px 22px #2c493016}}

/* Desktop corporate presentation shares the existing conversation and backend. */
.corporate-only{display:none}
.presentation-switch{display:none;align-items:center;gap:3px;padding:3px;border:1px solid #dae2d6;border-radius:7px;background:#edf1e8}
.presentation-switch>span{font:7px var(--mono);letter-spacing:.6px;margin:0 7px;color:#92a18a}
.presentation-switch button{background:transparent;color:#819574;padding:7px 11px;font-size:10px;border-radius:5px;min-height:29px}
.presentation-switch button.active{color:#dff0ce;background:#244d3c}
@media(min-width:1101px){
  .presentation-switch{display:flex}
  body.corporate-presentation{background:#edf1f6;color:#24344a}
  .app[data-presentation="corporate"]{max-width:1760px;padding:0 30px;--line:#dce3ec;--ink:#25364a;--muted:#7a889a}
  .app[data-presentation="corporate"]>header{min-height:80px;border-bottom:1px solid #d8e0e9;padding:13px 0;grid-template-columns:1fr auto 1fr}
  .app[data-presentation="corporate"]>header>.brand{display:none}
  .app[data-presentation="corporate"] .sai-brand{display:flex;flex-direction:column;align-items:flex-start;line-height:1;justify-self:start}
  .sai-brand>b{font:800 39px Manrope,sans-serif;color:#163347;letter-spacing:-3.5px;position:relative}
  .sai-brand>b>span{display:inline-block;width:8px;height:8px;background:#eb3458;border-radius:2px;transform:rotate(-12deg);margin:0 0 2px 5px}
  .sai-brand>small{font-size:9px;letter-spacing:.25px;color:#475d71;margin-top:4px}
  .app[data-presentation="corporate"] .mode-switch{background:#e2e8f0;border-color:#d3dce7;border-radius:7px}
  .app[data-presentation="corporate"] .mode-switch button{color:#61758c;border-radius:5px;font-size:11px}
  .app[data-presentation="corporate"] .mode-switch button.active{background:#244b74;color:#fff}
  .app[data-presentation="corporate"] .header-end{color:#50667e}
  .app[data-presentation="corporate"] .small-button{background:#fff;border-color:#d7e0e9;color:#4c6d8c;border-radius:4px;font-size:10px}
  .app[data-presentation="corporate"] .corporate-intro{display:flex;justify-content:space-between;align-items:center;padding:22px 0 20px}
  .corporate-intro>div>span{font-size:9px;font-weight:600;letter-spacing:1.1px;color:#788ba0}
  .corporate-intro h1{font:600 22px Manrope,sans-serif;letter-spacing:-.6px;color:#263d56;margin:7px 0 0}
  .corporate-intro-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#6f8197}
  .corporate-intro-note>i{width:7px;height:7px;border-radius:50%;background:#4aaa88;box-shadow:0 0 0 4px #dcebe6}
  .app[data-presentation="corporate"] #view-support>.intro,.app[data-presentation="corporate"] #view-support>.metrics,.app[data-presentation="corporate"] #view-support>.step-banner,.app[data-presentation="corporate"] .observability{display:none}
  .app[data-presentation="corporate"] .workspace{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
  .app[data-presentation="corporate"] .conversation,.app[data-presentation="corporate"] .corporate-crm{height:calc(100dvh - 270px);min-height:600px;max-height:1000px;border:1px solid #d6dfe9;border-radius:7px;box-shadow:0 3px 12px #203d5a06;min-width:0}
  .app[data-presentation="corporate"] .conversation{display:flex;flex-direction:column;background:#fff;overflow:hidden}
  .app[data-presentation="corporate"] .corporate-chat-title{display:flex;align-items:center;gap:12px;padding:18px 22px;background:#fff;border-top:3px solid #285d89;border-bottom:1px solid #e2e8ef;min-height:83px}
  .sai-assistant-icon{width:39px;height:39px;background:#214b72;color:#fff;display:flex;align-items:center;justify-content:center;font:800 23px Manrope,sans-serif;border-radius:7px;flex-shrink:0}
  .corporate-chat-title>div:nth-child(2){flex:1}.corporate-chat-title b{font-size:14px;color:#28405a;font-weight:600}.corporate-chat-title div>span{display:block;font-size:10px;color:#8491a0;margin-top:5px}.corporate-online{font-size:9px;color:#499876}
  .app[data-presentation="corporate"] .conversation>.panel-heading{height:43px;min-height:43px;padding:0 22px;background:#f8fafc;border-color:#e1e8ef}
  .app[data-presentation="corporate"] .conversation>.panel-heading h2{font-size:10px;color:#718297;font-weight:500;letter-spacing:.1px}
  .app[data-presentation="corporate"] .heading-actions{gap:10px}.app[data-presentation="corporate"] .heading-actions .small-button{font-size:9px;padding:5px 8px}
  .app[data-presentation="corporate"] .icon-button{color:#5f7b94}.app[data-presentation="corporate"] .subtle-label{color:#8495a7;font-size:9px}
  .app[data-presentation="corporate"] .voice-stage{height:auto;min-height:88px;flex-shrink:0;text-align:left;padding:14px 22px;background:#fff;color:#263e59;border-bottom:1px solid #e4eaf1;display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;overflow:visible}
  .app[data-presentation="corporate"] .voice-stage:before,.app[data-presentation="corporate"] .orb-wrap,.app[data-presentation="corporate"] .voice-subtitle{display:none}
  .app[data-presentation="corporate"] .voice-title{font:500 11px 'DM Sans',sans-serif;letter-spacing:0;grid-column:1;grid-row:1;color:#61758e}
  .app[data-presentation="corporate"] .voice-controls{margin:0;grid-column:2;grid-row:1/3;gap:6px;justify-content:flex-end}
  .app[data-presentation="corporate"] .start-button{background:#246b9d;color:#fff;border-radius:4px;padding:9px 12px;min-width:0;font-size:10px;min-height:35px}
  .app[data-presentation="corporate"] .round-button{border:1px solid #cedbe6;background:#f5f8fb;color:#50758f;width:33px;height:35px;border-radius:4px}.app[data-presentation="corporate"] .round-button.muted{background:#f7e3e3;color:#ad5555}
  .app[data-presentation="corporate"] .voice-controls select{background:#f8fafc;border-color:#d5dfe9;color:#526c83;border-radius:4px;font-size:10px;height:35px;max-width:68px}
  .app[data-presentation="corporate"] .mic-hint{margin:0;grid-column:1;grid-row:2;color:#91a0b0;font-size:8px;line-height:1.6;max-width:200px}
  .app[data-presentation="corporate"] .transcript-heading{padding:15px 22px 7px;color:#8498ac;letter-spacing:.7px;flex-shrink:0;background:#f6f8fb;font-size:8px}
  .app[data-presentation="corporate"] .tiny-dot{background:#4e9bb2}
  .app[data-presentation="corporate"] .transcript{flex:1;min-height:160px;height:auto;padding:10px 22px 20px;background:#f6f8fb;scroll-behavior:smooth}
  .app[data-presentation="corporate"] .empty-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:25px 10px}
  .app[data-presentation="corporate"] .empty-chat>span{color:#b4c7d9}.app[data-presentation="corporate"] .empty-chat h3{font-size:15px;color:#4c6783;font-weight:600}.app[data-presentation="corporate"] .empty-chat p{font-size:12px;color:#92a2b4;line-height:1.9}
  .app[data-presentation="corporate"] .message{gap:10px;margin:13px 0 23px}
  .app[data-presentation="corporate"] .message-avatar{background:#e4edf5;color:#3b658e;width:30px;height:30px;border-radius:5px;font-weight:600}
  .app[data-presentation="corporate"] .message.user .message-avatar{background:#e7ebf2;color:#677d93}
  .app[data-presentation="corporate"] .message-meta{color:#5d748c;font-size:10px}.app[data-presentation="corporate"] .message-meta time{color:#9cabb9}.app[data-presentation="corporate"] .message-source{background:#e9eef5;color:#8295a7;font-size:6px}
  .app[data-presentation="corporate"] .message-text{background:#fff;border:1px solid #e1e7ef;border-radius:0 7px 7px;padding:12px 14px;color:#4d6278;font-size:12px;line-height:1.85;box-shadow:0 1px 2px #24436303}
  .app[data-presentation="corporate"] .message.user .message-text{background:#eaf2f9;border-color:#dce8f2;color:#385874}.app[data-presentation="corporate"] .message.error .message-text{color:#ad5154;border-color:#ebcdd0}
  .app[data-presentation="corporate"] .suggestions{padding:13px 22px 12px;border-top:1px solid #e4eaf0;background:#fff;flex-shrink:0}.app[data-presentation="corporate"] .suggestions button{background:#f6f9fc;border-color:#dbe5ef;color:#577c9c;font-size:9px;border-radius:4px;padding:7px 9px}
  .app[data-presentation="corporate"] .composer{border-color:#d3dfeb;background:#fff;margin:0 20px;border-radius:5px;padding:11px;flex-shrink:0}.app[data-presentation="corporate"] .composer textarea{font-size:12px;color:#35516d}.app[data-presentation="corporate"] .composer textarea::placeholder{color:#99aabd}.app[data-presentation="corporate"] .composer button{background:#246b9d;color:#fff;border-radius:4px;width:32px;height:32px}
  .app[data-presentation="corporate"] .composer-foot{color:#98a7b7;padding:10px 22px 15px;font-size:7px;flex-shrink:0}
  .app[data-presentation="corporate"] .corporate-crm{display:flex;flex-direction:column;background:#f3f6fa;overflow:hidden}
  .crm-topbar{height:66px;min-height:66px;background:#173753;display:flex;align-items:center;gap:16px;padding:9px 18px;color:#fff}
  .franforce-logo{position:relative;width:103px;height:53px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#24a1d7;isolation:isolate}
  .franforce-logo svg{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.franforce-logo b{color:#fff;font:700 italic 16px 'DM Sans',sans-serif;letter-spacing:-.6px;transform:translateY(4px)}
  .crm-app-name{flex:1}.crm-app-name b{display:block;font-size:12px;font-weight:600;letter-spacing:.1px}.crm-app-name span{display:block;font-size:9px;color:#95b5cd;margin-top:5px}
  .simulation-badge{background:#ffffff0b;border:1px solid #ffffff24;border-radius:3px;color:#a0b8cd;padding:4px 6px;font:7px var(--mono);letter-spacing:.7px}
  .crm-operator{width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#45667f;border:1px solid #64849d;font-size:10px;flex-shrink:0}
  .crm-context-bar{display:flex;gap:9px;align-items:center;min-height:42px;padding:0 18px;border-bottom:1px solid #dce4ed;background:#fff;font-size:10px;color:#61798f}
  .crm-grid-icon{font-size:18px;color:#5695b7}.crm-context-bar>b{font-weight:500;color:#3f5970}.crm-case{padding-left:12px;margin-left:3px;border-left:1px solid #dce5ed;font-size:9px;color:#8a9caf}.crm-context-status{margin-left:auto;color:#75a58e;font-size:8px;white-space:nowrap}
  .crm-tabs{display:flex;background:#fff;border-bottom:1px solid #dbe4ec;padding:0 18px;gap:24px;height:43px;min-height:43px}
  .crm-tabs button{background:transparent;color:#7c90a3;font-size:10px;padding:0;border-bottom:2px solid transparent}.crm-tabs button.active{color:#2776a8;border-bottom-color:#3190c5;font-weight:600}.crm-tabs button>span{font:7px var(--mono);color:#7f9bb1;background:#edf3f9;border-radius:3px;padding:2px 4px;margin-left:3px}
  .crm-body{padding:16px;flex:1;overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#c1cfdd transparent}
  .crm-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.crm-section-heading h2{font-size:11px;font-weight:600;color:#4e6680;letter-spacing:0}.crm-section-heading>span{font-size:8px;color:#98a8b8}
  .crm-flow-card{background:#fff;border:1px solid #dce5ed;border-radius:5px;padding:15px;margin-bottom:14px}
  #crm-flow-status{padding:4px 7px;border:1px solid #e1e8f0;border-radius:3px;font:7px var(--mono);color:#90a1b1}
  #crm-flow-status[data-state="running"]{background:#e8f4fe;color:#267cad;border-color:#acd6ef}#crm-flow-status[data-state="done"]{background:#eaf6f0;color:#438b6a;border-color:#c2e0d2}#crm-flow-status[data-state="failed"]{background:#faeded;color:#b55d64;border-color:#eccdd0}
  .crm-flow{display:flex;align-items:center;margin:18px 0 15px}
  .crm-flow>div{text-align:center;flex:1;min-width:0}.crm-node-icon{display:flex;align-items:center;justify-content:center;margin:auto;width:34px;height:34px;border:1px solid #dbe5ee;background:#f6f9fc;color:#93a9bc;border-radius:5px;font-size:17px;transition:all .2s}
  .crm-flow b{display:block;font-size:9px;font-weight:600;color:#7a91a7;margin-top:8px}.crm-flow small{display:block;font-size:7px;color:#a0afbe;margin-top:4px}.crm-flow em{display:inline-block;font:6px var(--mono);color:#a3b2bf;margin-top:7px;padding:3px 4px;border-radius:3px}
  .crm-flow>i{height:2px;flex:.28;background:#e3ebf2;position:relative;top:-21px}.crm-flow>i.active{background:#62b5d4}.crm-flow>i.active:after{content:'';position:absolute;width:5px;height:5px;border-radius:50%;background:#4399bc;top:-1px;animation:travel 1.4s infinite}
  .crm-flow .running .crm-node-icon{background:#dff0fe;border:2px solid #64afdc;color:#2377a7;box-shadow:0 0 0 4px #e3f1fa;animation:crm-node-breathe 1.3s infinite}.crm-flow .running b{color:#307ea9}.crm-flow .running em{background:#2679ac;color:#fff}.crm-flow .done .crm-node-icon{background:#e6f3ee;border-color:#a0cfb7;color:#468b6b}.crm-flow .done em{color:#5b9a7c}.crm-flow .failed .crm-node-icon{background:#faeded;border-color:#db9ba2;color:#bc6069;box-shadow:0 0 0 4px #fbf0f1}.crm-flow .failed em{background:#f9e9eb;color:#b35d66}
  .crm-flow-result{display:flex;flex-direction:column;gap:4px;background:#f6f9fc;border-left:3px solid #cfdae6;padding:9px 11px;border-radius:3px}.crm-flow-result b{font-size:10px;font-weight:500;color:#718aa1}.crm-flow-result>span{font-size:8px;line-height:1.6;color:#96a6b7;overflow-wrap:anywhere}.crm-flow-result.running{border-left-color:#3c9fcb;background:#edf7fc}.crm-flow-result.done{border-left-color:#6aad8d;background:#f1f8f4}.crm-flow-result.failed{border-left-color:#cc838d;background:#fcf4f5}.crm-flow-result.failed b{color:#b86770}
  .crm-page{display:none}.crm-page.active{display:block}
  .crm-contact-card{background:#fff;border:1px solid #dbe5ee;border-radius:5px;margin-bottom:14px;padding:16px}
  .crm-contact-heading{display:flex;align-items:center;gap:10px}.crm-contact-avatar{width:38px;height:38px;background:#e2eff9;border-radius:5px;color:#4a87b4;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}.crm-contact-heading>div{flex:1;min-width:0}.crm-contact-heading small{font:7px var(--mono);color:#98a9b9;letter-spacing:.3px}.crm-contact-heading h2{font-size:15px;color:#3b536d;margin:4px 0;font-weight:600}.crm-contact-heading div>span{font-size:10px;color:#8196a9;overflow-wrap:anywhere}.crm-identity-pill{font-size:7px;background:#eaf6ef;border:1px solid #cce7d8;color:#64a183;padding:4px 6px;border-radius:3px;font-weight:500;white-space:nowrap}.crm-identity-pill.pending{background:#f3f6f9;color:#99a9b9;border-color:#e1e7ef}
  .crm-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;border-top:1px solid #e8edf3;margin-top:16px;padding-top:13px}.crm-contact-fields span{display:block;color:#98a9ba;font-size:8px;margin-bottom:5px}.crm-contact-fields b{font-size:10px;color:#5f7891;font-weight:500}
  .crm-contact-empty{display:flex;align-items:center;gap:12px;min-height:109px}.crm-contact-empty>span{font-size:29px;color:#a0b5c8}.crm-contact-empty>div{flex:1}.crm-contact-empty h2{font-size:12px;color:#6c849b}.crm-contact-empty p{font-size:9px;line-height:1.8;color:#9aaabb;margin:7px 0 0}
  .crm-orders-card{background:#fff;border:1px solid #dce5ee;border-radius:5px;padding:14px 15px;margin-bottom:13px}
  .crm-orders-table{overflow:auto}.crm-orders-table table{width:100%;border-collapse:collapse;text-align:left}.crm-orders-table th{background:#f6f8fb;border-top:1px solid #e3eaf2;border-bottom:1px solid #e3eaf2;padding:9px 7px;font-size:8px;color:#93a5b7;font-weight:500;white-space:nowrap}.crm-orders-table td{padding:12px 7px;border-bottom:1px solid #edf1f6;vertical-align:top;font-size:9px;color:#8196a9}.crm-orders-table tr:last-child td{border-bottom:0}.crm-orders-table td:first-child{width:44%}.crm-orders-table td>b{display:block;font-size:9px;font-weight:500;color:#537798;line-height:1.6}.crm-orders-table td>small{display:block;font-size:7px;line-height:1.6;color:#a0aebe;margin-top:5px;white-space:nowrap}.crm-order-status{display:inline-block;font-size:7px;padding:3px 5px;border-radius:3px;background:#eaf2fc;color:#7596b7;white-space:nowrap}.crm-order-status.delivered{background:#eaf5ee;color:#71a48c}.crm-order-status.returned{background:#f5ede6;color:#b49372}.crm-orders-table td>b.crm-warranty{font-size:8px;color:#77a991;white-space:nowrap}.crm-orders-table td>b.expired{color:#b8946c!important}.crm-orders-table td.crm-table-empty{padding:24px 8px;font-size:9px;text-align:center;color:#a0b0bf}
  .crm-last-action{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid #dce6ef;border-radius:4px;background:#eef3f8;margin-bottom:13px}.crm-last-action>span{color:#95acbd;font-size:13px}.crm-last-action b{font-size:9px;color:#7c95a9;font-weight:500}.crm-last-action small{display:block;color:#99adbd;font-size:8px;line-height:1.7;margin-top:4px;overflow-wrap:anywhere}.crm-last-action.verified{background:#eef7f1;border-color:#cce4d6}.crm-last-action.verified>span,.crm-last-action.verified b{color:#72a18a}.crm-last-action.failed{background:#faf0f1;border-color:#eacdd2}.crm-last-action.failed>span,.crm-last-action.failed b{color:#b87884}
  .crm-adapter-card{background:#fff;border:1px solid #dce5ee;border-radius:5px;padding:13px 14px}.crm-adapter-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.crm-adapter-heading div>span{display:block;font:6px var(--mono);color:#9bacbd;letter-spacing:.7px}.crm-adapter-heading label{display:block;font-size:10px;color:#627f99;margin-top:5px}.crm-adapter-heading select{background:#f9fbfd;border:1px solid #d8e3ed;border-radius:4px;font-size:9px;color:#5c7f9f;padding:7px 9px;max-width:180px}
  .crm-adapter-route{display:flex;align-items:flex-start;gap:7px;background:#f6f9fc;border:1px solid #e3ebf3;border-radius:3px;margin-top:12px;padding:9px 10px}.crm-adapter-route>span{font:7px var(--mono);background:#e4edf8;color:#6e91b1;padding:3px 4px;border-radius:2px}.crm-adapter-route>code{flex:1;font:8px/1.8 var(--mono);color:#7791aa;overflow-wrap:anywhere;min-width:0}.crm-adapter-route>em{font:6px var(--mono);font-style:normal;letter-spacing:.2px;color:#a1adba;padding-top:4px}
  .crm-adapter-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;font-size:7px;color:#9caabc}.crm-adapter-foot b{font-size:7px;font-weight:500;color:#a0afbe;white-space:nowrap}.crm-adapter-foot b[data-state="done"]{color:#78a88f}.crm-adapter-foot b[data-state="running"]{color:#448db7}.crm-adapter-foot b[data-state="failed"]{color:#bb7985}
  .crm-automation-intro{padding:8px 3px 16px}.crm-automation-intro h2{font-size:14px;color:#536e88}.crm-automation-intro p{font-size:10px;color:#8fA1b3;line-height:1.8;margin:9px 0 0}
  .crm-blueprint{display:flex;flex-direction:column;align-items:center;padding:14px;border:1px solid #dce6ef;background:#fff;border-radius:5px}.crm-blueprint>div{width:100%;background:#f6f9fc;border:1px solid #e0e9f2;border-radius:4px;padding:11px 15px}.crm-blueprint div>span{float:left;font:9px var(--mono);background:#e8f0f7;color:#85a3ba;padding:9px;border-radius:4px;margin-right:13px}.crm-blueprint b{display:block;font-size:10px;color:#5c7c99}.crm-blueprint small{font-size:8px;color:#93a6b8;display:block;margin-top:5px}.crm-blueprint>i{font-style:normal;color:#8cacc5;font-size:18px;padding:4px}.crm-simulation-note{font-size:8px;color:#9aaabd;line-height:1.9;margin:13px 3px 18px}
  .crm-requests-list{margin-bottom:14px}.crm-request-empty{padding:23px 15px;background:#fff;border:1px solid #dce5ee;border-radius:5px;font-size:10px;color:#98aabd;line-height:1.9}.crm-request{border:1px solid #dde6ef;background:#fff;border-radius:4px;margin-bottom:7px}.crm-request summary{list-style:none;display:flex;align-items:center;gap:9px;padding:10px 11px;cursor:pointer}.crm-request-icon{width:23px;height:23px;background:#ecf5f0;color:#7faa96;border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:12px}.crm-request summary>div{flex:1;min-width:0}.crm-request summary b{display:block;font:8px var(--mono);color:#6887a3;overflow-wrap:anywhere}.crm-request summary small{font-size:6px;letter-spacing:.3px;color:#a0b0be;display:block;margin-top:5px}.crm-request summary em{font:7px var(--mono);font-style:normal;color:#99aaba;white-space:nowrap}.crm-request summary>span:last-child{font-size:9px;color:#a2b3c2}.crm-request pre{font:8px/1.9 var(--mono);color:#849db1;white-space:pre-wrap;overflow-wrap:anywhere;max-height:260px;overflow:auto;padding:9px 12px;margin:0;border-top:1px solid #edf1f6;background:#f9fbfd}.crm-request.failed .crm-request-icon{background:#faeef0;color:#ba7b83}.crm-request-mapping{padding:10px 12px;border-top:1px solid #e6edf4;background:#f3f7fb}.crm-request-mapping b{font:6px var(--mono);color:#9aadc0;display:block;margin-bottom:6px;letter-spacing:.5px}.crm-request-mapping code{font:8px/1.8 var(--mono);color:#7093b0;overflow-wrap:anywhere}
  .crm-footer{display:flex;justify-content:space-between;gap:10px;padding:11px 16px;background:#edf2f7;border-top:1px solid #dce5ee;font-size:7px;color:#9aacc0;flex-shrink:0}
  .crm-record-running{outline:2px solid #6faeda;outline-offset:1px;background:#edf7fd!important}.crm-record-changed{animation:crm-record-highlight 4.5s ease-out}
  .app[data-presentation="corporate"]>footer{padding:17px 0 22px;color:#97a7b8;align-items:center}.app[data-presentation="corporate"] .local-dot{background:#719aaf}.app[data-presentation="corporate"] .presentation-switch{background:#e2e9f1;border-color:#d1dce7}.app[data-presentation="corporate"] .presentation-switch>span{color:#8da1b5}.app[data-presentation="corporate"] .presentation-switch button{color:#7892aa}.app[data-presentation="corporate"] .presentation-switch button.active{background:#244b74;color:#fff}
  .app[data-presentation="corporate"] button:focus-visible,.app[data-presentation="corporate"] select:focus-visible,.app[data-presentation="corporate"] input:focus-visible{outline-color:#67a4cc}
}
@media(min-width:1101px) and (max-width:1270px){.app[data-presentation="corporate"]{padding:0 20px}.app[data-presentation="corporate"] .workspace{gap:14px}.crm-context-status{display:none}.app[data-presentation="corporate"] .voice-stage{grid-template-columns:1fr;padding:12px 18px;gap:8px}.app[data-presentation="corporate"] .voice-controls{grid-column:1;grid-row:2;justify-content:flex-start}.app[data-presentation="corporate"] .mic-hint{grid-row:3;max-width:none}.crm-topbar{gap:10px;padding:9px 14px}.simulation-badge{font-size:6px}.crm-body{padding:12px}}
@keyframes crm-node-breathe{50%{box-shadow:0 0 0 6px #d9eefb,0 0 20px #9bcfea33}}
@keyframes crm-record-highlight{0%,40%{background:#e6f3fe;box-shadow:inset 0 0 0 2px #7fb6dc}100%{box-shadow:inset 0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){.crm-flow .running .crm-node-icon,.crm-flow>i.active:after,.crm-record-changed{animation:none!important}.crm-record-changed{outline:2px solid #7fb6dc}}

@media(min-width:1101px){
  .crm-context-bar select{margin-left:auto;background:#f5f9fc;border:1px solid #d6e2ed;border-radius:4px;font-size:9px;color:#567b9c;padding:6px 8px;max-width:165px}
  .crm-section-heading{margin-bottom:9px}
  .crm-flow-card{padding:12px;line-height:1.3;margin-bottom:11px}
  .crm-flow{margin:10px 0 11px}.crm-node-icon{width:30px;height:30px;font-size:16px}.crm-flow b{margin-top:6px;line-height:1.3}.crm-flow small{display:none}.crm-flow em{display:block;width:max-content;margin:6px auto 0;line-height:1.3;padding:2px 4px}.crm-flow>i{top:-15px}
  .crm-flow-result{padding:7px 9px;gap:3px}.crm-flow-result b{line-height:1.4}.crm-flow-result>span{line-height:1.5}
  .crm-contact-card{padding:12px;margin-bottom:11px;line-height:1.3}.crm-contact-heading small{display:block;line-height:1.3}.crm-contact-heading h2{line-height:1.3;margin:4px 0}.crm-contact-heading div>span{line-height:1.4}
  .crm-contact-fields{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px;padding-top:10px}.crm-contact-fields span{font-size:7px;line-height:1.3}.crm-contact-fields b{font-size:9px;line-height:1.4;overflow-wrap:anywhere}
  .crm-orders-card{padding:12px;margin-bottom:11px;line-height:1.3}.crm-orders-table td{padding:8px 6px}.crm-orders-table th{padding:7px 6px}.crm-orders-table td>small{margin-top:4px}.crm-orders-table td>b{font-size:10px;line-height:1.4}
  .crm-contact-empty{min-height:82px}.crm-contact-empty h2{font-size:12px}.crm-contact-empty p{font-size:9px;line-height:1.6}
  .crm-adapter-heading label{font-size:9px}.crm-adapter-card{padding:10px 12px;line-height:1.3}.crm-adapter-route{margin-top:9px;padding:7px 8px}.crm-adapter-foot{line-height:1.5}
}