/* =========================================================
   Carlos Cruz · Responsive System v6.33.3
   Camada responsiva transversal. Não altera lógica, rotas ou dados.
   ========================================================= */

/* Base: nenhum módulo pode forçar a largura do shell administrativo. */
.admin-ui-v2 .admin-shell,
.admin-ui-v2 .main-area,
.admin-ui-v2 .admin-content,
.admin-ui-v2 .admin-content > *,
.ebi-page,.ebi-page > *,
.finance-page,.finance-page > *,
.gads-page,.gads-page > *,
.aip-page,.aip-page > *,
.aia-page,.aia-page > *,
.mytasks-page,.mytasks-page > *,
.mai-page,.mai-page > *,
.meetings-page,.meetings-page > *,
.proposal-admin-page,.proposal-admin-page > *,
.proposal-form-page,.proposal-form-page > *,
.imgtool-page,.imgtool-page > *,
.trk-page,.trk-page > *,
.sm-page,.sm-page > *{
  min-width:0;
  max-width:100%;
  box-sizing:border-box;
}

.admin-ui-v2 .main-area{width:auto;max-width:100%}
.admin-ui-v2 .admin-content{width:100%;min-width:0}

/* Componentes com rolagem horizontal deliberada nunca expandem a página. */
:where(
  .table-wrap,.client-table-wrap,.finance-table-wrap,.gads-table-wrap,.traffic-keyword-wrap,
  .ebi-table-wrap,.crm-board-wrap,.agenda-scroll,.mytasks-schedule-scroll,.mytasks-month,
  .sm-week,.sm-day,.sm-calendar-wrap,.trk-table-wrap,.mai-table-wrap
){
  max-width:100%;
  min-width:0;
  overscroll-behavior-inline:contain;
  -webkit-overflow-scrolling:touch;
}

@media(max-width:980px){
  .admin-ui-v2 .main-area{margin-left:0!important;width:100%!important;max-width:100vw!important}
  .admin-ui-v2 .admin-content{max-width:none!important}

  :where(.page-head,.panel-head,.client-page-hero,.client-detail-hero){min-width:0}
}

@media(max-width:760px){
  /* Topbar: título ganha prioridade, ações secundárias não comprimem a tela. */
  .admin-ui-v2 .admin-topbar{width:100%;max-width:100vw;box-sizing:border-box}
  .admin-ui-v2 .topbar-left{flex:1 1 auto;min-width:0}
  .admin-ui-v2 .topbar-user{flex:0 0 auto;min-width:0}
  .admin-ui-v2 .topbar-breadcrumb{min-width:0;overflow:hidden}
  .admin-ui-v2 .topbar-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

  /* Cabeçalhos e toolbars genéricos. */
  :where(
    .page-head,.panel-head,.finance-card-head,.finance-page-head,.gads-panel-head,
    .proposal-panel-head,.proposal-form-head,.imgtool-results-head,.trk-section-title,
    .mai-section-title,.meeting-modal-head
  ){
    align-items:stretch;
    flex-direction:column;
  }
  :where(.head-actions,.page-head-actions,.finance-card-actions,.proposal-actions,.trk-actions){
    max-width:100%;
    flex-wrap:wrap;
  }

  /* E-commerce BI: correção principal da versão 6.33.3. */
  .ebi-page{width:100%!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .ebi-page > *,
  .ebi-workspace-panel,
  .ebi-workspace-panel > *,
  .ebi-tab-panel,
  .ebi-tab-panel > *{width:100%;min-width:0;max-width:100%}
  .ebi-hero{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:16px!important}
  .ebi-hero-actions{width:100%;justify-content:flex-start}
  .ebi-hero-actions .btn{max-width:100%}
  .ebi-controlbar{width:100%!important}
  .ebi-controlbar form{width:100%;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
  .ebi-controlbar label,.ebi-controlbar .ebi-client-filter{min-width:0!important;width:100%!important}
  .ebi-controlbar input,.ebi-controlbar select{width:100%!important;min-width:0!important}
  .ebi-controlbar .ebi-client-filter{grid-column:1/-1!important}
  .ebi-controlbar button{grid-column:1/-1!important;width:100%;justify-content:center}
  .ebi-workspace-nav,.ebi-tabs,.ebi-pricing-subnav{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow-x:auto!important;
    flex-wrap:nowrap!important;
    justify-content:flex-start!important;
  }
  .ebi-workspace-nav button,.ebi-tabs button,.ebi-pricing-subnav button{flex:0 0 auto!important;white-space:nowrap}
  .ebi-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ebi-metric-card{width:100%;min-width:0;overflow:hidden}
  .ebi-metric-card div{min-width:0}
  .ebi-metric-card strong,.ebi-metric-card small,.ebi-metric-card em{overflow-wrap:anywhere}
  .ebi-mini-metrics,.ebi-mini-metrics-pricing,.ebi-marketplace-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .ebi-grid-2,.ebi-admin-setup,.ebi-fee-grid,.ebi-marketplace-price-form,.ebi-marketplace-source-status{grid-template-columns:minmax(0,1fr)!important}
  .ebi-card,.ebi-stock-detail-card,.ebi-pricing-settings{width:100%;min-width:0;max-width:100%;overflow:hidden}
  .ebi-card-head{width:100%;min-width:0}
  .ebi-card-head > *{min-width:0}
  .ebi-table-wrap{width:100%;overflow-x:auto!important}
  .ebi-canvas-wrap{width:100%;max-width:100%;height:240px}
  .ebi-canvas-wrap canvas{max-width:100%}
  .ebi-import-supported{max-width:100%;overflow:hidden}
  .ebi-import-supported span{max-width:100%;white-space:normal;overflow-wrap:anywhere}
  .ebi-bling-actions,.ebi-bling-actions form{max-width:100%}
  .ebi-manual-grid,.ebi-manual-result{min-width:0}

  /* Tráfego pago */
  .gads-page,.traffic-client-page{width:100%;min-width:0}
  :where(.gads-filters,.traffic-api-period-filter,.traffic-client-filters){max-width:100%;min-width:0}
  .traffic-platform-summary,.traffic-metrics{grid-template-columns:1fr 1fr!important}
  .traffic-keyword-wrap{overflow-x:auto!important}

  /* Financeiro */
  .finance-page{width:100%;min-width:0}
  .finance-subnav{max-width:100%;overflow-x:auto;flex-wrap:nowrap!important}
  .finance-subnav a{flex:0 0 auto;white-space:nowrap}
  .finance-filters{min-width:0}

  /* Propostas / CRM */
  .proposal-admin-page,.proposal-form-page,.proposal-detail-page{width:100%;min-width:0}
  .proposal-module-tabs{max-width:100%;overflow-x:auto;flex-wrap:nowrap}
  .proposal-module-tabs a{flex:0 0 auto;white-space:nowrap}
  .crm-board-wrap{width:100%;overflow-x:auto!important}
  .crm-filters{min-width:0}

  /* Calendários / agenda */
  .sm-page,.mytasks-page,.meetings-page{width:100%;min-width:0}
  .sm-toolbar{max-width:100%;min-width:0}
  .sm-toolbar-row{min-width:0;flex-wrap:wrap}
  .sm-calendar-wrap{width:100%;max-width:100%;overflow:hidden}
  .mytasks-calendar-toolbar{width:100%;min-width:0}
  .mytasks-source-filters{min-width:0}
  .mytasks-source-filters input,.mytasks-source-filters select{max-width:100%}

  /* IA, tracking e ferramentas */
  .aip-page,.aia-page,.trk-page,.imgtool-page,.mai-page{width:100%;min-width:0}
  .aip-block,.aia-card,.trk-card,.imgtool-card,.mai-card{min-width:0}
}

@media(max-width:560px){
  .admin-ui-v2 .admin-content{padding-left:10px!important;padding-right:10px!important}

  /* BI vira uma coluna real no telefone, sem cartões maiores que o viewport. */
  .ebi-hero{padding:17px!important}
  .ebi-hero h1{font-size:24px!important;line-height:1.08}
  .ebi-controlbar{padding:12px!important}
  .ebi-controlbar form{grid-template-columns:minmax(0,1fr)!important}
  .ebi-controlbar .ebi-client-filter,.ebi-controlbar button{grid-column:auto!important}
  .ebi-metric-grid,.ebi-mini-metrics,.ebi-mini-metrics-pricing,.ebi-marketplace-metrics,
  .ebi-goal-history,.ebi-channel-goals,.ebi-stock-alerts{grid-template-columns:minmax(0,1fr)!important}
  .ebi-metric-card{min-height:auto;padding:14px!important}
  .ebi-card{padding:14px!important}
  .ebi-workspace-nav{position:sticky;top:68px}
  .ebi-tabs{top:118px}
  .ebi-goal-row{grid-template-columns:minmax(0,1fr)!important}
  .ebi-goal-row>div:first-child{grid-column:auto!important;display:grid!important}
  .ebi-goal-row em{text-align:left!important}
  .ebi-fee-grid label{grid-template-columns:minmax(0,1fr)!important}
  .ebi-benchmark-field{grid-template-columns:minmax(0,1fr)!important}
  .ebi-manual-grid,.ebi-manual-result{grid-template-columns:minmax(0,1fr)!important}
  .ebi-marketplace-pills{min-width:0!important}

  /* Demais páginas auditadas: preferir fluxo vertical no telefone. */
  .traffic-platform-summary,.traffic-metrics,.trk-kpis,.proposal-stat-grid,.crm-stat-grid,
  .finance-metrics,.client-detail-metrics{grid-template-columns:minmax(0,1fr)!important}
  :where(.filter-bar,.crm-filters,.gads-filters,.finance-filters,.traffic-api-period-filter){grid-template-columns:minmax(0,1fr)!important}
  :where(.filter-bar,.crm-filters,.gads-filters,.finance-filters,.traffic-api-period-filter) :where(input,select,button,.btn){max-width:100%;min-width:0}
  .sm-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important}
  .sm-toolbar-row,.sm-toolbar-end{width:100%;justify-content:flex-start}
  .sm-segment,.sm-filters{max-width:100%;overflow-x:auto;flex-wrap:nowrap}
  .sm-segment button,.sm-filters button{flex:0 0 auto}
  .mytasks-finance-summary{grid-template-columns:minmax(0,1fr)!important}
  .aia-page{padding-left:0!important;padding-right:0!important}
  .aia-hero,.aia-card{max-width:100%}
  .imgtool-summary-cards{grid-template-columns:minmax(0,1fr)!important}
}

/* iOS/Android: campos nunca ampliam o viewport por conteúdo interno. */
@media(max-width:760px){
  :where(input,select,textarea,button){max-width:100%}
  :where(.admin-content,.ebi-page,.finance-page,.gads-page,.proposal-admin-page,.aip-page,.aia-page,.trk-page,.imgtool-page,.sm-page,.mytasks-page){overflow-wrap:anywhere}
}