/* RC74 portable baseline: packaged with the Worker, never reliant on external production CSS. */
:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#142d3b;background:#f2f7f7;font-synthesis:none}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0}button,input,select{font:inherit}button,a{touch-action:manipulation}img{max-width:100%}[hidden]{display:none!important}body.demo-screen{background:#eff5f5;color:#142d3b;font-family:Inter,system-ui,sans-serif}.app{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:100dvh}.app>aside{min-width:0;background:#092638;color:#f5ffff;padding:26px 16px;display:flex;flex-direction:column;gap:12px}.app>aside img{max-width:95px}.app>aside a{color:inherit}.app>aside nav,.app>aside .nav{display:flex;flex-direction:column;gap:5px}.app>aside button.nav{border:0;border-radius:10px;background:transparent;text-align:left;color:#d3e2e7;padding:12px;cursor:pointer}.workspace{min-width:0;width:100%;max-width:1260px;margin:0 auto;padding:42px clamp(16px,3vw,44px) 160px}.workspace>header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:22px}.workspace>header h1{font:700 clamp(24px,3.1vw,36px)/1.13 'Space Grotesk',Inter,sans-serif;letter-spacing:-.04em;margin:7px 0}.eyebrow{margin:0;color:#547b7b;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.badge,.live-dot{display:inline-block;border-radius:30px;padding:8px 11px;background:#e4f3ed;color:#256858;font-size:11px;font-weight:700}.brand-hero{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;background:#102d39 center/cover no-repeat;color:#fff}.brand-hero .hero-overlay{display:flex;align-items:end;gap:16px;padding:24px;background:linear-gradient(90deg,rgba(4,20,29,.94),rgba(4,20,29,.48));height:100%;color:#fff}.brand-hero .hero-overlay img{height:77px;width:77px;object-fit:contain;flex:none;border-radius:17px;background:#fff;padding:5px}.brand-hero .hero-overlay p{color:#ccf2e7;margin:0 0 6px;font-size:13px}.brand-hero .hero-overlay h2{font:700 clamp(25px,4vw,40px)/1.09 'Space Grotesk',Inter,sans-serif;margin:0 0 6px;color:#fff}.brand-hero .hero-overlay span{color:#ecfcfa;line-height:1.5;font-size:14px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.metric-grid article,.panel,.daily-action{background:#fff;border:1px solid #dce8e7;border-radius:18px;padding:20px;min-width:0;box-shadow:0 8px 25px rgba(10,43,50,.04)}.metric-grid article{display:flex;flex-direction:column;gap:10px}.metric-grid article span{font-size:12px;color:#57747c;font-weight:700;line-height:1.35}.metric-grid article strong{font:700 32px/1 'Space Grotesk',Inter,sans-serif;color:#0a3b4b}.metric-grid article small{font-size:11px;line-height:1.4;color:#648087}.two-col,.channel-layout{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.panel h2{font-size:23px;margin:9px 0}.muted{color:#58737c;line-height:1.6}.daily-action{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px}.daily-action h2{margin:7px 0}.daily-button{border:0;border-radius:12px;padding:12px 17px;background:#28c6ad;color:#07343c}.demo-section{min-width:0}.sales-dock{font-family:Inter,system-ui,sans-serif}.demo-assistant{font-family:Inter,system-ui,sans-serif}
@media(max-width:850px){.app{display:block}.app>aside{padding:11px 16px;display:flex;flex-direction:row;align-items:center;overflow-x:auto}.app>aside nav{display:flex;flex-direction:row}.app>aside .side-bottom{display:none}.app>aside button.nav{white-space:nowrap;min-width:max-content;padding:9px 11px}.workspace{padding:18px 14px 150px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.two-col,.channel-layout{grid-template-columns:1fr}}
@media(max-width:480px){.workspace{padding:12px 12px 160px}.workspace>header{margin-bottom:13px}.workspace>header h1{font-size:24px}.header-actions{display:none}.brand-hero .hero-overlay{padding:16px;gap:10px}.brand-hero .hero-overlay img{width:56px;height:56px}.brand-hero .hero-overlay h2{font-size:25px}.brand-hero .hero-overlay span{font-size:12px}.metric-grid{gap:9px;margin:12px 0}.metric-grid article{padding:13px;min-height:116px;gap:7px}.metric-grid article strong{font-size:27px}.metric-grid article small{font-size:10px}.panel{padding:16px}.demo-assistant{max-width:calc(100vw - 20px)}.daily-action{display:none}}

/* RC75 — isolamento defensivo do painel mobile, sem alterar os fluxos */
html,body{max-width:100%;overflow-x:clip}
.demo-screen .workspace,.demo-screen .workspace>*,.demo-screen .panel,.demo-screen .metric-grid article{min-width:0}
.demo-screen .panel,.demo-screen .metric-grid article{overflow-wrap:anywhere}
.demo-screen .brand-hero .hero-overlay>div{min-width:0}
.demo-screen .brand-hero .hero-overlay h2,.demo-screen .brand-hero .hero-overlay span{overflow-wrap:break-word;text-shadow:0 1px 8px rgba(0,0,0,.35)}
.demo-screen .metric-grid article strong{font-variant-numeric:tabular-nums;letter-spacing:-.03em}
@media(max-width:700px){
  .demo-screen .app{display:block;min-width:0}
  .demo-screen .workspace{width:100%;max-width:100%;margin:0 auto}
  .demo-screen .brand-hero .hero-overlay{background:linear-gradient(90deg,rgba(5,19,30,.94),rgba(5,19,30,.62) 76%,rgba(5,19,30,.32))}
  .demo-screen .metric-grid,.demo-screen .two-col{width:100%;min-width:0}
  .demo-screen .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .demo-screen .metric-grid article{display:flex;flex-direction:column;justify-content:center;gap:7px;min-width:0}
  .demo-screen .metric-grid article span,.demo-screen .metric-grid article small{white-space:normal;line-height:1.35}
  .demo-screen .demo-assistant{max-width:calc(100vw - 20px)}
}
@media(max-width:350px){.demo-screen .metric-grid article{padding:11px}.demo-screen .metric-grid article strong{font-size:25px}.demo-screen .brand-hero .hero-overlay h2{font-size:22px!important}}

/* RC78 — camada final única de responsividade. */
.demo-screen .app,.demo-screen .workspace,.demo-screen .brand-hero,.demo-screen .metric-grid,.demo-screen .panel{max-width:100%}
.demo-screen .workspace>header>div,.demo-screen .brand-hero .hero-overlay>div{min-width:0}
.demo-screen .brand-hero .hero-overlay{box-sizing:border-box;width:100%}
.demo-screen .metric-grid article strong{max-width:100%;overflow-wrap:anywhere}
@media(max-width:700px){
  .demo-screen .app>aside{width:100%;max-width:100%;overflow:hidden}
  .demo-screen .app>aside .side-brand{min-width:0;max-width:100%}
  .demo-screen .app>aside .side-brand span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .demo-screen .workspace>header{width:100%}
  .demo-screen .brand-hero .hero-overlay{align-items:flex-end}
  .demo-screen .panel,.demo-screen .daily-action,.demo-screen .channel-phone,.demo-screen .google-flow{width:100%;max-width:100%}
}
@media(max-width:420px){
  .demo-screen .workspace{padding-left:10px;padding-right:10px}
  .demo-screen .brand-hero{height:auto!important;min-height:210px!important}
  .demo-screen .brand-hero .hero-overlay{min-height:210px!important;padding:15px!important;gap:10px!important}
  .demo-screen .brand-hero .hero-overlay img{width:52px!important;height:52px!important}
  .demo-screen .brand-hero .hero-overlay h2{font-size:clamp(22px,7vw,27px)!important}
  .demo-screen .brand-hero .hero-overlay span{font-size:12px!important;line-height:1.35!important}
  .demo-screen .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}
  .demo-screen .metric-grid article{padding:12px!important;min-height:108px!important}
  .demo-screen .metric-grid article strong{font-size:clamp(23px,8vw,28px)!important}
}
@media(max-width:340px){.demo-screen .metric-grid{grid-template-columns:1fr!important}.demo-screen .metric-grid article{min-height:0!important}}