/* Camada global de contenção responsiva. */
html,body{width:100%;max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
main,section,article,header,footer,nav,form,fieldset{max-width:100%}
img,video,canvas{max-width:100%;height:auto}
input,select,textarea,button{max-width:100%}
p,h1,h2,h3,h4,li,dd{overflow-wrap:anywhere}
.panel-shell,.profile-page,.store-products,.events-list,.events-calendar-section,.weekly-tips{width:100%;max-width:100%}
.table-scroll{width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.management-metrics>*,.management-grid>*,.recent-accounts>div>*,.role-grid>*,.content-editor-grid>*,.product-grid>*,.store-manager-grid>*,.profile-showcase>*,.profile-professional>*,.photo-grid>*,.profile-gallery>*,.events-intro>*,.tips-grid>*,.event-items>*,.calendar-introduction>*,.form-grid>*,.checkout-row>*,.editor-row>*,.account-card>form>*,.pix-settings-panel form>*,.panel-heading>*,.management-panel>header>*{min-width:0}
.audit-timeline li.audit-empty{grid-template-columns:minmax(0,1fr)}
.audit-timeline li.audit-empty>p{grid-column:1;width:100%;margin:0;overflow-wrap:normal;word-break:normal}

@media(max-width:820px){
  body{position:relative}
  .panel-shell,.profile-page{padding:42px 16px 90px}
  .weekly,.ranking,.weekly-tips,.events-calendar-section,.events-list,.store-products{padding-right:16px;padding-left:16px}
  .panel-heading,.management-heading,.store-heading,.events-section-title,.calendar-head{width:100%}
  .panel-heading h1,.management-heading h1{font-size:clamp(38px,12vw,58px)}
  .panel-heading-actions,.profile-actions,.editor-actions,.managed-actions{max-width:100%;flex-wrap:wrap}
  .panel-heading-actions>a,.panel-heading-actions>button{max-width:100%;white-space:normal;text-align:center}
  .primary-button{white-space:normal;text-align:center}
  footer div{justify-content:center;flex-wrap:wrap;gap:14px 22px}
  footer div a{flex:0 0 auto;white-space:nowrap;overflow-wrap:normal;word-break:normal}

  /* Gestão e painéis administrativos. */
  .management-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%}
  .management-metrics article{min-height:120px;padding:18px 16px}
  .management-metrics strong{font-size:30px}
  .management-grid{grid-template-columns:minmax(0,1fr);width:100%;gap:16px}
  .management-panel{width:100%;padding:20px 16px;overflow:hidden}
  .management-panel>header{flex-wrap:wrap;gap:12px}
  .management-panel h2{font-size:clamp(27px,9vw,34px)}
  .performance-panel>header>strong{margin-left:0}
  .mini-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;width:100%;height:210px}
  .mini-chart span{width:min(100%,32px)}
  .mini-chart small{font-size:8px}
  .popular-routes li,.system-health dl>div{align-items:flex-start;flex-wrap:wrap}
  .recent-accounts>div{grid-template-columns:minmax(0,1fr)}
  .recent-accounts>div>a{width:100%}
  .recent-accounts em{flex:0 0 auto}
  .audit-timeline li>div{min-width:0}
  .audit-timeline li>p{grid-column:1/-1;width:100%;margin:0;overflow-wrap:normal;word-break:normal}
  .access-table{overflow:hidden}
  .access-table table{min-width:640px}

  /* Contas, permissões, conteúdo e pedidos. */
  .account-card,.role-card,.content-panel,.managed-content,.mp-accounts-panel,.order-card{width:100%;padding:20px 16px}
  .account-summary{align-items:flex-start;flex-wrap:wrap}
  .account-summary .status{margin-left:0}
  .account-card>form,.account-card .delete-profile-panel form{grid-template-columns:minmax(0,1fr)}
  .delete-profile-panel summary{width:auto;max-width:100%}
  .managed-content>article,.mp-account{width:100%}
  .managed-actions{width:100%}
  .managed-actions>*{flex:1 1 auto}
  .managed-actions button{width:100%}
  .order-body li{align-items:flex-start;flex-wrap:wrap}
  .order-customer a{overflow-wrap:anywhere}
  .payment-summary>div{align-items:flex-start;flex-wrap:wrap}

  /* Loja. */
  .store-hero{grid-template-columns:minmax(0,1fr);width:100%;padding-right:16px;padding-left:16px;overflow:hidden}
  .store-hero-photo{transform:none}
  .product-grid,.store-assurance,.store-manager-grid{grid-template-columns:minmax(0,1fr)}
  .product-card,.product-options,.store-contact-panel,.checkout-form{width:100%}
  .product-options{grid-template-columns:minmax(0,1fr) 82px}
  .product-options .primary-button{grid-column:1/-1;width:100%}
  .cart{width:100%;max-width:100%;padding:22px 16px}
  .cart-trigger{right:14px;bottom:84px;max-width:calc(100vw - 28px)}
  .cart-item{grid-template-columns:minmax(0,1fr) auto auto}

  /* Eventos e calendário. */
  .events-intro,.calendar-introduction,.content-editor-grid{grid-template-columns:minmax(0,1fr)}
  .events-intro{padding-right:16px;padding-left:16px}
  .event-calendar,.fc,#voe-calendar{width:100%;max-width:100%}
  .event-items>article{grid-template-columns:56px minmax(0,1fr);gap:14px;padding:16px}
  .event-date{width:56px;height:56px}
  .event-copy h3{font-size:23px}
  .calendar-head nav,.fc .fc-toolbar-chunk,.fc .fc-button-group{max-width:100%;flex-wrap:wrap}

  /* Perfis, fotos e formulários. */
  .profile-hero,.profile-showcase,.profile-professional,.photo-grid,.profile-gallery{grid-template-columns:minmax(0,1fr)}
  .profile-contact-card,.pilot-digital-card,.form-card,.payment-card{width:100%;max-width:100%}
  .profile-contact-links strong,.pilot-card-location{overflow-wrap:anywhere}
  .photo-frame{height:clamp(300px,110vw,420px)}
  .photo-meta{width:100%}
  .pilot-profile-callout{width:100%;min-width:0}
  .form-shell,.payment-shell,.pilot-card-shell{width:100%;padding-right:16px;padding-left:16px}
  .form-card{padding:28px 20px}
  .form-grid,.checkout-row,.editor-row,.pix-settings-panel form{grid-template-columns:minmax(0,1fr)}
}

@media(max-width:390px){
  .panel-shell,.profile-page{padding-right:12px;padding-left:12px}
  .management-metrics{gap:9px}
  .management-metrics article{min-height:106px;padding:15px 12px}
  .management-metrics strong{font-size:27px}
  .management-panel{padding:18px 13px}
  .mini-chart{gap:2px}
  .event-items>article{grid-template-columns:1fr}
  .product-options{grid-template-columns:minmax(0,1fr)}
  .product-options .primary-button{grid-column:auto}
}
