/* Estrutura operacional ampla e alinhada para os painéis do lojista e SaaS. */
:root{--panel-gutter:clamp(18px,2vw,38px)}
html.boot-merchant .app-shell>.content,body.saas-active .saas-main{min-width:0}
html.boot-merchant body #screen,body.saas-active #screen{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
html.boot-merchant #screen,body.saas-active .saas-content{width:100%!important;max-width:none!important;margin:0!important;padding:26px var(--panel-gutter) 48px!important}
html.boot-merchant .content>.topbar,body.saas-active .saas-main>header{position:sticky;top:0;z-index:45;width:100%;padding-inline:var(--panel-gutter)!important}
html.boot-merchant .content>.topbar,body.saas-active .saas-main>header{height:60px!important;min-height:60px}
html.boot-merchant #screen>.page-heading,body.saas-active .saas-content>.page-heading{width:100%!important;max-width:none!important}
html.boot-merchant .page-heading,body.saas-active .saas-content>.page-heading{min-height:auto!important;padding:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
html.boot-merchant .page-heading:after,body.saas-active .saas-content>.page-heading:after{display:none!important}
html.boot-merchant .page-heading h1,body.saas-active .saas-content>.page-heading h1,body[data-public-route="carrinho"] .page-heading h1,body[data-public-route="checkout"] .page-heading h1{color:#102442!important;font:700 clamp(20px,1.7vw,26px)/1.2 Poppins,Inter,sans-serif!important;letter-spacing:-.025em!important}
html.boot-merchant .page-heading .eyebrow,body.saas-active .saas-content>.page-heading .eyebrow{font-size:9px!important;letter-spacing:.11em!important}
html.boot-merchant .page-heading>div>p:last-child,body.saas-active .saas-content>.page-heading>div>p:last-child,body[data-public-route="carrinho"] .page-heading>div>p:last-child,body[data-public-route="checkout"] .page-heading>div>p:last-child{margin-top:5px!important;color:#6e798a!important;font-size:12px!important;line-height:1.45!important}
body.saas-active .saas-main>header strong,html.boot-merchant .topbar .breadcrumb strong{font-size:13px!important;font-weight:700!important}
html.boot-merchant .panel-title h2,html.boot-merchant .panel-title h3,body.saas-active .panel-title h2,body.saas-active .panel-title h3{font-size:15px!important;font-weight:700!important}
html.boot-merchant :is(.stats,.dashboard-grid,.mvp-dashboard-grid,.mvp-settings-grid,.mvp-order-detail-grid),body.saas-active :is(.stats,.dashboard-grid,.saas-overview-stats,.saas-overview-grid,.saas-plan-grid,.saas-report-grid,.saas-platform-layout){width:100%;max-width:none}

.panel-top-nav,.saas-top-actions{display:flex;min-width:0;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}
.panel-top-link{position:relative;display:inline-flex!important;width:auto!important;height:38px!important;min-height:38px;align-items:center;justify-content:center;gap:7px;padding:0 12px!important;border:1px solid #dfe4eb!important;border-radius:10px!important;background:#fff!important;color:#17325c!important;box-shadow:none!important;text-decoration:none;font-size:11px;font-weight:750;white-space:nowrap}
.panel-top-link:hover{border-color:#ff9a61!important;background:#fff8f3!important;color:#b83b17!important}
.panel-top-link.is-primary{border-color:#d33f15!important;background:linear-gradient(135deg,#ff6f1d,#d33f15)!important;color:#fff!important}
.panel-top-link.is-quiet{color:#667085!important}
.panel-top-link .pm-icon{width:16px;height:16px;flex:0 0 16px;filter:none!important}
.panel-top-link.is-alert{width:38px!important;padding:0!important}
.panel-top-link.is-alert i{position:absolute;top:7px;right:7px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#ef4d2f}
.panel-top-link.merchant-store-state.is-open{border-color:#f0b7a6!important;background:#fff7f3!important;color:#b83b17!important}
.panel-top-link.merchant-store-state.is-closed{border-color:#a9dfc1!important;background:#effbf4!important;color:#087644!important}
.panel-top-link.merchant-store-state:disabled{opacity:.68;cursor:wait}
html.boot-merchant .top-actions .mvp-session{margin-left:2px}

@media(max-width:1180px){
  :root{--panel-gutter:22px}
  .panel-top-link span{display:none}
  .panel-top-link{width:38px!important;padding:0!important}
}

@media(max-width:760px){
  :root{--panel-gutter:14px}
  html.boot-merchant #screen,body.saas-active .saas-content{padding:18px var(--panel-gutter) 34px!important}
  html.boot-merchant .content>.topbar,body.saas-active .saas-main>header{padding-inline:var(--panel-gutter)!important}
  .panel-top-nav .panel-top-link:nth-of-type(n+3),.saas-top-actions .panel-top-link:nth-of-type(n+3){display:none!important}
  .breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  html.boot-merchant .page-heading h1,body.saas-active .saas-content>.page-heading h1,body[data-public-route="carrinho"] .page-heading h1,body[data-public-route="checkout"] .page-heading h1{font-size:20px!important}
}

@media(max-width:430px){
  .panel-top-nav .panel-top-link:nth-of-type(1){display:none!important}
  .saas-top-actions .panel-top-link:nth-of-type(2){display:none!important}
}
