:root{--site-header-height:76px;--header-orange:#ff5f0f;--header-orange2:#ff8a3d;--site-dark:#05070a;--site-panel:#080d14;--site-border:rgba(255,255,255,.11);}
html{overflow-x:hidden;scroll-padding-top:calc(var(--site-header-height,76px) + 24px);}
body{overflow-x:hidden;}
img,svg,canvas,video{max-width:100%;}
#site-header{display:block;min-height:var(--site-header-height);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
#site-header *{box-sizing:border-box;}
#site-header a{color:inherit;text-decoration:none;}
#site-header .topbar{position:fixed!important;top:0;left:0;right:0;z-index:1035;background:rgba(7,10,22,.78)!important;border-bottom:1px solid rgba(255,255,255,.08)!important;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:background .24s ease,border-color .24s ease,box-shadow .24s ease;}
#site-header .topbar.is-scrolled{background:rgba(7,10,22,.92)!important;border-bottom-color:rgba(255,255,255,.12)!important;box-shadow:0 18px 55px rgba(0,0,0,.24);}
#site-header .container{width:min(1180px,calc(100% - 40px));max-width:1180px;margin:0 auto;padding-left:0!important;padding-right:0!important;}
#site-header .nav{height:76px!important;min-height:76px!important;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0!important;transition:height .24s ease,min-height .24s ease,gap .24s ease;}
#site-header .brand{display:flex;align-items:center;gap:11px;min-width:206px;color:#fff;text-decoration:none!important;}
#site-header .brand img{width:34px!important;height:34px!important;display:block;object-fit:contain;flex:0 0 34px;}
#site-header .brand strong{display:block;color:#fff;font-size:14px;font-weight:850;line-height:1.1;letter-spacing:-.02em;white-space:nowrap;}
#site-header .brand span{display:block;color:rgba(221,229,240,.72);font-size:11px;line-height:1.1;margin-top:3px;white-space:nowrap;}
#site-header .navlinks{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid rgba(255,255,255,.11);border-radius:10px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);}
#site-header .navlinks a,#site-header .navdrop-toggle{appearance:none;border:0;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:7px;background:transparent;color:rgba(232,239,249,.82);font:inherit;font-size:13px;font-weight:750;letter-spacing:-.01em;line-height:1;white-space:nowrap;cursor:pointer;text-decoration:none!important;}
#site-header .navlinks > a:hover,#site-header .navdrop-toggle:hover,#site-header .navlinks > a.active,#site-header .navdrop-toggle.active{background:rgba(255,255,255,.08);color:#fff;}
#site-header .navdrop{position:relative;display:inline-flex;align-items:center;}
#site-header .navdrop-toggle:after{content:"";width:5px;height:5px;margin-left:7px;border-right:1.8px solid currentColor;border-bottom:1.8px solid currentColor;transform:rotate(45deg) translateY(-1px);opacity:.65;}
#site-header .navdrop-menu{position:absolute;top:calc(100% + 12px);left:50%;width:min(1040px,calc(100vw - 48px));display:grid;grid-template-columns:1.2fr 1.2fr 1.05fr 1.35fr 1fr;gap:24px;padding:24px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(8,12,19,.97);box-shadow:0 28px 80px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.05);opacity:0;visibility:hidden;transform:translateX(-50%) translateY(8px);transition:opacity .18s ease,visibility .18s ease,transform .18s ease;overflow:visible;}
#site-header .navdrop-menu.erp-menu{width:270px;grid-template-columns:1fr;gap:6px;padding:10px;left:50%;}
#site-header .navdrop-menu.erp-menu a{display:flex;align-items:center;min-height:36px;padding:0 12px;border-radius:8px;color:rgba(232,239,249,.84);font-size:13.5px;font-weight:780;line-height:1.2;text-decoration:none!important;white-space:nowrap;}
#site-header .navdrop-menu.erp-menu a:hover,#site-header .navdrop-menu.erp-menu a.active{background:rgba(255,95,15,.12);color:#fff;}
#site-header .navdrop-menu.erp-menu a.active{box-shadow:inset 2px 0 0 var(--header-orange);}
#site-header .navdrop.open .navdrop-menu,#site-header .navdrop:hover .navdrop-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
#site-header .mega-col{min-width:0;display:flex;flex-direction:column;gap:7px;padding-right:14px;border-right:1px solid rgba(255,255,255,.08);}
#site-header .mega-col:last-child{border-right:0;padding-right:0;}
#site-header .mega-title{display:block;margin:0 0 10px;color:var(--header-orange2);font-size:11.5px;font-weight:900;line-height:1.1;text-transform:uppercase;letter-spacing:.11em;white-space:nowrap;}
#site-header .mega-col a{display:flex;align-items:center;justify-content:flex-start;min-height:36px;width:100%;padding:0 10px;border-radius:8px;color:rgba(232,239,249,.84);font-size:13.5px;font-weight:760;line-height:1.2;text-align:left;text-decoration:none!important;white-space:normal;}
#site-header .mega-col a:hover,#site-header .mega-col a.active{background:rgba(255,95,15,.12);color:#fff;}
#site-header .mega-col a.active{box-shadow:inset 2px 0 0 var(--header-orange);}
#site-header .navcta{display:flex;align-items:center;gap:9px;}
#site-header .btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border-radius:8px;font-size:13px;font-weight:850;line-height:1;white-space:nowrap;border:1px solid rgba(255,255,255,.13);text-decoration:none!important;box-shadow:none;}
#site-header .btn.ghost{color:#fff;background:rgba(255,255,255,.04);}
#site-header .btn.ghost:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.2);}
#site-header .btn.primary{color:#fff;border-color:rgba(255,95,15,.72);background:linear-gradient(180deg,var(--header-orange2),var(--header-orange));box-shadow:0 15px 34px rgba(255,95,15,.18);}
#site-header .btn.primary:hover{filter:brightness(1.05);}
#site-header .site-menu-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.05);color:#fff;box-shadow:none;}
#site-header .site-menu-toggle .navbar-toggler-icon{width:1.35rem;height:1.35rem;filter:brightness(1.35);}
#site-header .site-mobile-menu{--bs-offcanvas-width:min(92vw,420px);background:rgba(7,10,22,.98);color:#fff;border-left:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px);}
#site-header .site-mobile-menu .offcanvas-header{min-height:76px;border-bottom:1px solid rgba(255,255,255,.08);padding:18px 22px;}
#site-header .site-mobile-menu .btn-close{filter:invert(1) grayscale(1);opacity:.82;box-shadow:none;}
#site-header .mobile-menu-body{padding:16px 20px 24px;overflow-y:auto;}
#site-header .mobile-section{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);}
#site-header .mobile-section:first-child{padding-top:0;}
#site-header .mobile-title{display:block;margin:0 0 8px;color:var(--header-orange2);font-size:11.5px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;}
#site-header .mobile-link{display:flex;align-items:center;min-height:43px;padding:0 12px;border-radius:9px;color:rgba(232,239,249,.86);font-size:14px;font-weight:760;text-decoration:none!important;}
#site-header .mobile-link:hover,#site-header .mobile-link.active{background:rgba(255,95,15,.13);color:#fff;}
#site-header .mobile-actions{display:grid;gap:10px;padding-top:18px;}
#site-header .mobile-actions .btn{width:100%;min-height:46px;}
@media(max-width:1140px){#site-header .nav{gap:12px;}#site-header .navlinks a,#site-header .navdrop-toggle{padding:0 9px;font-size:12.5px;}#site-header .brand{min-width:190px;}#site-header .navcta .ghost{display:none;}}
@media(max-width:991.98px){#site-header{min-height:68px;}#site-header .container{width:min(100% - 28px,1180px);}#site-header .nav{height:68px!important;min-height:68px!important;gap:12px;}#site-header .brand{min-width:0;}#site-header .brand img{width:32px!important;height:32px!important;flex-basis:32px;}#site-header .brand strong{font-size:13.5px;}#site-header .brand span{display:none;}#site-header .navlinks,#site-header .navcta{display:none!important;}#site-header .site-menu-toggle{display:inline-flex;}}
@media(max-width:370px){#site-header .brand strong{font-size:12.5px;}#site-header .container{width:min(100% - 22px,1180px);}#site-header .site-menu-toggle{width:42px;height:42px;}}

.global-contact-section{scroll-margin-top:calc(var(--site-header-height,76px) + 28px); padding:76px 0 72px; border-top:1px solid var(--line2); background:linear-gradient(180deg,rgba(5,7,10,.16),rgba(5,7,10,.48))}
.global-contact-shell{display:grid; grid-template-columns:minmax(280px,.82fr) 1.18fr; gap:56px; align-items:start; border:1px solid var(--line2); background:linear-gradient(135deg,rgba(255,95,15,.08),rgba(255,255,255,.025) 38%,rgba(10,16,24,.5)); padding:38px; box-shadow:0 30px 90px rgba(0,0,0,.24)}
.global-contact-copy h2{margin:10px 0 16px; color:#fff; font-size:clamp(34px,4.2vw,64px); line-height:.98; letter-spacing:-.06em}
.global-contact-copy p{margin:0 0 22px; color:#aeb8c7; font-size:16px; line-height:1.72; max-width:520px}
.global-contact-whatsapp{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 18px; border-radius:9px; background:linear-gradient(180deg,var(--orange2,#ff8a3d),var(--orange,#ff5f0f)); color:#fff!important; font-weight:900; box-shadow:0 18px 44px rgba(255,95,15,.2)}
.global-lead-form{display:grid; grid-template-columns:1fr 1fr; gap:16px}
.global-field{display:flex; flex-direction:column; gap:8px}
.global-field label{color:#dfe6ef; font-size:12px; font-weight:800}
.global-field input,.global-field textarea{width:100%; border:1px solid var(--line2); background:rgba(6,10,16,.78); color:#fff; min-height:48px; padding:12px 14px; border-radius:8px; outline:none; font:inherit}
.global-field textarea{min-height:124px; resize:vertical}
.global-field input:focus,.global-field textarea:focus{border-color:rgba(255,95,15,.62); box-shadow:0 0 0 3px rgba(255,95,15,.12)}
.global-full{grid-column:1/-1}
.global-submit{display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border:0; border-radius:9px; background:linear-gradient(180deg,var(--orange2,#ff8a3d),var(--orange,#ff5f0f)); color:#fff; font-weight:900; cursor:pointer; box-shadow:0 18px 44px rgba(255,95,15,.2)}
@media(max-width:860px){.global-contact-section{padding:52px 0 48px}.global-contact-shell{grid-template-columns:1fr; gap:28px; padding:26px}.global-lead-form{grid-template-columns:1fr}.global-contact-copy h2{font-size:clamp(32px,11vw,48px)}}

.premium-footer{border-top:1px solid var(--line2); color:var(--muted); background:linear-gradient(180deg,rgba(5,7,10,.46),rgba(5,7,10,.82)); font-size:13px}
.footer-shell{padding:0}
.footer-main{display:grid; grid-template-columns:minmax(260px,.85fr) 1.85fr; gap:56px; padding:44px 0 32px}
.footer-brand{max-width:455px}.footer-logo{display:inline-flex; align-items:center; gap:12px; margin-bottom:20px}.footer-logo img{width:34px; height:34px; object-fit:contain}.footer-logo strong{display:block; color:#fff; font-size:15px; letter-spacing:-.01em}.footer-logo span{display:block; color:var(--muted); font-size:12px; margin-top:2px}.footer-brand p{margin:0 0 11px; color:#aeb8c7; line-height:1.72}.footer-coverage{color:#d3d9e4!important}
.footer-links{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px}.footer-links div{display:flex; flex-direction:column; gap:9px}.footer-links strong{color:#fff; font-size:11px; text-transform:uppercase; letter-spacing:.14em; margin-bottom:7px}.footer-links a{color:#aab6c5; line-height:1.35; transition:color .18s ease, transform .18s ease}.footer-links a:hover{color:#fff; transform:translateX(3px)}.footer-contact p{margin:0 0 6px; color:#aeb8c7; line-height:1.65}.footer-whatsapp{display:inline-flex; align-items:center; gap:9px; width:max-content; margin-top:4px; color:#d8f8e4!important; font-weight:800; letter-spacing:-.01em}.footer-whatsapp svg{width:20px; height:20px; flex:0 0 20px; fill:#25d366; filter:drop-shadow(0 0 10px rgba(37,211,102,.18))}.footer-whatsapp:hover{color:#fff!important; transform:translateX(3px)}.footer-link-strong{width:max-content; color:#fff!important; font-weight:700; margin-top:2px}
.footer-bottom{display:flex; justify-content:space-between; gap:20px; padding:18px 0 28px; border-top:1px solid var(--line2); color:#778393}
.scroll-top-button{position:fixed; right:22px; bottom:22px; z-index:90; width:46px; height:46px; display:grid; place-items:center; border:1px solid rgba(255,122,24,.54); border-radius:14px; color:#fff; background:linear-gradient(180deg,rgba(255,122,24,.98),rgba(214,85,10,.96)); backdrop-filter:blur(14px); box-shadow:0 18px 48px rgba(255,122,24,.22),0 10px 34px rgba(0,0,0,.34); opacity:0; transform:translateY(14px) scale(.94); pointer-events:none; transition:opacity .2s ease, transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease}.scroll-top-button.is-visible{opacity:1; transform:translateY(0) scale(1); pointer-events:auto}.scroll-top-button:hover{border-color:rgba(255,166,74,.82); background:linear-gradient(180deg,rgba(255,143,44,1),rgba(236,96,11,1)); box-shadow:0 20px 54px rgba(255,122,24,.32),0 12px 36px rgba(0,0,0,.36); transform:translateY(-2px) scale(1.02)}.scroll-top-button svg{width:23px; height:23px; fill:currentColor}
@media(max-width:1080px){.footer-main{grid-template-columns:1fr; gap:34px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.footer-main{padding:36px 0 28px}.footer-links{grid-template-columns:1fr; gap:24px}.footer-bottom{flex-direction:column; gap:8px}.footer-whatsapp,.footer-link-strong{width:max-content}.scroll-top-button{right:16px; bottom:16px; width:42px; height:42px}}

/* Responsividade estrutural do site usando Bootstrap 5/AdminLTE 4 como base. */
:root{--bs-body-bg:#05070a;--bs-body-color:#e9eef7;--bs-primary:#ff5f0f;--bs-border-color:rgba(255,255,255,.12);}
*{min-width:0;}
a,button,input,textarea,select{touch-action:manipulation;}
main{width:100%;}
.container{max-width:min(var(--max,1180px),calc(100% - 40px));}
.btn{--bs-btn-border-radius:.55rem;}
.text-link{display:inline-flex;max-width:100%;overflow-wrap:anywhere;}
@media(max-width:991.98px){
  section,.section{padding-top:58px!important;padding-bottom:58px!important;}
  .hero{padding-top:56px!important;padding-bottom:62px!important;}
  .hero-grid,.fiscal-grid,.split,.testimonial-layout,.contact-panel,.automation-panel,.global-contact-shell,.api-layout,.bank-layout,.checkout-layout,.commerce-layout,.distrib-layout,.services-layout,.payment-layout,.report-layout{grid-template-columns:1fr!important;gap:28px!important;}
  .section-head{grid-template-columns:1fr!important;gap:18px!important;align-items:start!important;}
  .section-head p{max-width:100%!important;}
  .product-lines,.trustline,.grid,.tile-grid,.report-grid,.proof-grid,.billing-band-grid,.insight-grid,.api-grid,.timeline,.steps,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
  .flow-grid{grid-template-columns:1fr!important;}
  .flow:before{display:none!important;}
  .flow-step{border-bottom:1px solid var(--line2,rgba(255,255,255,.08));padding:18px 0!important;}
  .command,.fiscal-console,.api-shell,.bank-console,.payment-console,.commerce-console,.distrib-console,.services-console{min-height:auto!important;}
}
@media(max-width:767.98px){
  .container{max-width:calc(100% - 28px)!important;width:calc(100% - 28px)!important;}
  h1{font-size:clamp(2.35rem,12vw,3rem)!important;line-height:.98!important;overflow-wrap:break-word;}
  h2{font-size:clamp(1.85rem,9vw,2.55rem)!important;line-height:1.02!important;overflow-wrap:break-word;}
  h3{overflow-wrap:break-word;}
  .lead{font-size:clamp(1rem,4.4vw,1.12rem)!important;}
  .hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;width:100%;}
  .hero-actions .btn,.global-submit{width:100%;min-height:46px;white-space:normal;text-align:center;}
  .btn{white-space:normal;text-align:center;}
  .product-lines,.trustline,.grid,.tile-grid,.report-grid,.proof-grid,.billing-band-grid,.insight-grid,.api-grid,.timeline,.steps,.stats-grid{grid-template-columns:1fr!important;}
  .module-row,.listline .item,.quote-mini,.stream-row,.stack-row,.rule,.panel-row,.doc-row,.order-row,.pipe-row,.live-row,.cash-row,.auto-row,.commerce-row,.distrib-row,.services-row,.reconcile-row,.billing-event,.bank-event,.timeline-step{grid-template-columns:1fr!important;gap:10px!important;}
  .module-row strong{border-right:0!important;border-bottom:1px solid var(--line2,rgba(255,255,255,.08))!important;}
  .module-row strong,.module-row span{padding:18px!important;}
  .stack-row em,.rule em,.panel-row em,.doc-row em,.order-row em,.pipe-row em,.billing-event em,.bank-event em{justify-self:start!important;}
  .contact-panel,.automation-panel,.global-contact-shell{padding:24px!important;border-radius:14px!important;}
  .form-grid,.global-lead-form{grid-template-columns:1fr!important;}
  .global-full,.form-grid .full{grid-column:1/-1;}
  .product-lines article,.tile,.report-grid article{min-height:auto!important;}
  .node,.api-node,.bill-node,.pay-node{position:static!important;transform:none!important;margin:8px 0!important;width:100%!important;min-width:0!important;}
  .path,.api-path,.bill-path,.pay-path{display:none!important;}
  .quote-main{padding-left:20px!important;}
  .footer .container{flex-direction:column!important;}
}
@media(max-width:420px){
  .container{max-width:calc(100% - 22px)!important;width:calc(100% - 22px)!important;}
  .kicker,.eyebrow{line-height:1.3!important;}
  .global-contact-shell,.contact-panel,.automation-panel{padding:20px!important;}
  .hero-actions .btn{padding-left:14px!important;padding-right:14px!important;}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.reveal{opacity:1!important;transform:none!important;}}

/* Fallback visual para offcanvas/toggler caso o CSS externo ainda esteja carregando. */
#site-header .site-menu-toggle .navbar-toggler-icon{position:relative;background-image:none!important;display:block;width:20px;height:14px;border-top:2px solid currentColor;border-bottom:2px solid currentColor;}
#site-header .site-menu-toggle .navbar-toggler-icon::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:2px solid currentColor;transform:translateY(-50%);}
#site-header .site-mobile-menu.offcanvas{position:fixed;top:0;right:0;bottom:0;left:auto;z-index:1055;display:flex;flex-direction:column;max-width:100%;width:var(--bs-offcanvas-width,min(92vw,420px));visibility:hidden;transform:translateX(100%);transition:transform .28s ease,visibility .28s ease;}
#site-header .site-mobile-menu.offcanvas.show{visibility:visible;transform:none;}
#site-header .site-mobile-menu .offcanvas-body{flex:1 1 auto;}
#site-header .site-mobile-menu .offcanvas-header{display:flex;align-items:center;justify-content:space-between;}
#site-header .site-mobile-menu .btn-close{width:36px;height:36px;border:0;background:transparent;position:relative;}
#site-header .site-mobile-menu .btn-close::before,#site-header .site-mobile-menu .btn-close::after{content:"";position:absolute;left:9px;right:9px;top:17px;border-top:2px solid currentColor;}
#site-header .site-mobile-menu .btn-close::before{transform:rotate(45deg);}#site-header .site-mobile-menu .btn-close::after{transform:rotate(-45deg);}

@media(max-width:575.98px){#site-header .site-mobile-menu{--bs-offcanvas-width:100vw;border-left:0;}#site-header .site-mobile-menu .offcanvas-header{padding-left:20px;padding-right:20px;}#site-header .mobile-menu-body{padding-left:20px;padding-right:20px;}}
.offcanvas-backdrop.show{opacity:.72;}
body:has(#siteMobileMenu.show){overflow:hidden;}


/* Correção final mobile 20260617b: força cache novo e compacta consoles sem alterar desktop. */
@media(max-width:767.98px){
  .hero{min-height:auto!important;align-items:flex-start!important;padding-top:52px!important;padding-bottom:52px!important;}
  .hero-grid,.fiscal-grid,.crm-grid,.analytics-grid,.bank-layout,.api-layout,.commerce-layout,.services-layout,.distrib-layout,.payment-layout,.checkout-layout{align-items:start!important;}
  .hero-copy,.hero-grid > div:first-child,.fiscal-grid > div:first-child,.crm-grid > div:first-child,.analytics-grid > div:first-child{order:1!important;}
  .hero-grid > div:last-child,.fiscal-grid > div:last-child,.crm-grid > div:last-child,.analytics-grid > div:last-child{order:2!important;}
  .hero .lead,.hero-copy .lead{max-width:100%!important;margin-bottom:22px!important;}
  .trustline,.proof,.kpi-strip{margin-top:26px!important;}

  .command,.billing-console,.fiscal-console,.crm-console,.store-console,.payment-console,.bank-console,.commerce-console,.services-console,.distrib-console,.phone-console,.analytics-board,.api-hub,.api-shell{
    min-height:auto!important;
    border-radius:12px!important;
    box-shadow:0 18px 52px rgba(0,0,0,.34)!important;
  }
  .command-inner,.billing-inner,.fiscal-console-inner,.crm-console-inner,.console-inner,.commerce-inner,.services-inner,.distrib-inner,.analytics-inner,.api-shell,.api-hub{
    padding:18px!important;
  }
  .command-head,.console-head,.console-top,.fiscal-head,.crm-head,.commerce-head,.services-head,.distrib-head,.analytics-head,.api-shell-head{
    gap:12px!important;
    padding-bottom:14px!important;
  }
  .command-title,.console-title,.console-head span,.console-top b,.fiscal-head strong,.crm-head strong,.commerce-head strong,.services-head strong,.distrib-head strong,.analytics-head strong,.api-shell-head strong{
    font-size:11px!important;
    letter-spacing:.08em!important;
    line-height:1.35!important;
    text-wrap:balance;
  }

  .ops-map,.billing-flow,.payment-path,.commerce-flow,.services-flow,.distrib-flow,.api-network{
    height:auto!important;
    min-height:0!important;
    margin:16px 0!important;
    padding:0!important;
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
  }
  .ops-map > svg,.billing-flow > svg,.payment-path > svg,.commerce-flow > svg,.services-flow > svg,.distrib-flow > svg,.api-network > svg,
  .ops-map svg,.billing-flow svg,.payment-path svg,.commerce-flow svg,.services-flow svg,.distrib-flow svg,.api-network svg,
  .ops-map .path,.ops-map .hot,.billing-flow .path,.billing-flow .hot,.payment-path .path,.payment-path .hot,
  .commerce-flow .path,.commerce-flow .hot,.services-flow .path,.services-flow .hot,.distrib-flow .path,.distrib-flow .hot,.api-network .path,.api-network .hot{
    display:none!important;
  }
  .ops-map .node,.billing-flow .bill-node,.payment-path .pay-node,.commerce-flow .commerce-card,.services-flow .services-card,.distrib-flow .distrib-card,.api-network .api-node{
    position:static!important;
    left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    transform:none!important;
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:12px!important;
    box-shadow:0 12px 28px rgba(0,0,0,.2)!important;
  }
  .ops-map .node.n5,.billing-flow .bill-node.n5,.api-network .api-node.center{
    grid-column:1 / -1!important;
  }
  .ops-map .node strong,.bill-node strong,.pay-node strong,.commerce-card strong,.services-card strong,.distrib-card strong,.api-node strong{
    font-size:13px!important;
    line-height:1.25!important;
  }
  .ops-map .node span,.bill-node span,.pay-node span,.commerce-card span,.services-card span,.distrib-card span,.api-node span{
    font-size:11px!important;
    line-height:1.35!important;
  }

  .store-preview,.message-flow,.stream,.billing-events,.live-feed,.order-stream,.cash-flow,.api-log{
    margin-top:14px!important;
  }
  .stream-row,.billing-event,.live-row,.order-row,.cash-row,.doc-row,.pipe-row,.panel-row,.reconcile-row,.auto-row,.commerce-row,.services-row,.distrib-row,.api-log div{
    padding:12px 0!important;
    gap:6px!important;
  }
  .stream-row strong,.billing-event strong,.live-row b,.order-row b,.cash-row b,.doc-row strong,.pipe-row strong,.panel-row strong,.reconcile-row strong,.auto-row strong,.commerce-row strong,.services-row strong,.distrib-row strong,.api-log strong{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .stream-row span,.billing-event span,.live-row em,.order-row em,.cash-row em,.doc-row em,.pipe-row em,.panel-row em,.reconcile-row em,.auto-row em,.commerce-row em,.services-row em,.distrib-row em{
    justify-self:start!important;
  }

  .product-grid,.payment-cards,.fiscal-metrics,.crm-metrics,.commerce-status,.services-status,.distrib-status,.approval-board,.store-strip,.service-strip,.distrib-strip,.metric-list{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
  .product-card,.payment-card{
    min-height:auto!important;
    padding:14px!important;
  }
  .product-card:before{height:34px!important;}
  .product-card strong{margin-top:48px!important;}
  .bar-chart,.line-chart{height:132px!important;}
  .analytics-board .visual-row{gap:18px!important;}
  .billing-band-grid div,.kpi-strip div,.proof div,.trustline div{padding:14px 0!important;}
  .section-head{margin-bottom:28px!important;}
}

@media(max-width:420px){
  .command-inner,.billing-inner,.fiscal-console-inner,.crm-console-inner,.console-inner,.commerce-inner,.services-inner,.distrib-inner,.analytics-inner,.api-shell,.api-hub{padding:16px!important;}
  .ops-map,.billing-flow,.payment-path,.commerce-flow,.services-flow,.distrib-flow,.api-network{gap:9px!important;}
}