/* ═══ LAUREX RESPONSIVE ═══ */
@media(max-width:900px){

  /* Layout base */
  .sidebar{display:none!important;}
  .main{margin-left:0!important;width:100%!important;} /* sidebar oculta: main ocupa tudo */
 /* mobile: sidebar oculta, usa mobileOverlay */
  .content{padding:12px!important;}
  .topbar{padding:0 12px!important;}
  .page-title{font-size:16px!important;}
  .page-header{margin-bottom:12px!important;}
  .page-header-actions{gap:6px!important;}
  .page-header-actions .btn{padding:7px 10px!important;font-size:12px!important;}

  /* Grids */
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important;}
  .grid-2-mobile{grid-template-columns:1fr 1fr!important;}

  /* Tabelas — scroll horizontal */
  .table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;}
  table{min-width:500px;}
  .table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}

  /* Cards stats — manter 2 ou 3 colunas */
  .stats-row{grid-template-columns:repeat(2,1fr)!important;}
  .stats-row-3{grid-template-columns:repeat(3,1fr)!important;}

  /* Formulários */
  .form-row{flex-direction:column!important;}
  .form-row .form-group{width:100%!important;}

  /* Botões topbar — esconder texto, mostrar só icone */
  .btn-topbar-text{display:none!important;}

  /* Cards */
  .card{border-radius:8px!important;}
  .card-header{padding:12px 14px!important;}

  /* Modal */
  .modal-box{width:95vw!important;max-width:95vw!important;margin:10px!important;max-height:90vh!important;overflow-y:auto!important;}

  /* Alunos tabela */
  .alunos-table td:nth-child(3),
  .alunos-table th:nth-child(3){display:none!important;}

  /* Financeiro */
  .fin-stats{grid-template-columns:repeat(2,1fr)!important;}
  .stats-grid{grid-template-columns:repeat(2,1fr)!important;}


  /* Stat cards — sem overflow */
  .stat-card{min-width:0!important;box-sizing:border-box!important;}
  /* Mensalidades */
  .mens-filters{flex-direction:column!important;gap:8px!important;}
  .mens-filters select{width:100%!important;}

  /* Minha página — preview iframe */
  .preview-col{display:none!important;}
  .config-col{width:100%!important;}

  /* Page header com título longo */
  .page-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px;}

  /* Topbar right — esconder itens secundários */
  .topbar-right .btn-outline{display:none!important;}
.topbar-right #btnVerPagina{display:inline-flex!important;}
  .topbar-right .btn-gold,.topbar-right .btn-primary{font-size:12px!important;padding:7px 10px!important;}
}

@media(max-width:480px){
  .content{padding:8px!important;}
  .stats-row{grid-template-columns:1fr 1fr!important;}
  .card-title{font-size:13px!important;}
  .btn{font-size:12px!important;}
  .form-input{font-size:14px!important;}
  /* Esconder colunas extras em tabelas pequenas */
  .hide-xs{display:none!important;}
}

/* ── Minha Página ── */
@media(max-width:900px){
  #minhaGrid{grid-template-columns:1fr!important;}
  #minhaGrid > div:last-child{display:none!important;} /* esconder preview */
}

/* ── Topbar título longo ── */
@media(max-width:600px){
  .page-title{font-size:14px!important;max-width:160px!important;}
  .topbar{gap:8px!important;}
  .topbar-left{gap:8px!important;min-width:0!important;}
}

/* ── Financeiro stats ── */
@media(max-width:900px){
  .fin-resumo{grid-template-columns:repeat(2,1fr)!important;}
}

/* ── Formulários row ── */
@media(max-width:600px){
  .form-row{display:block!important;}
  .form-row .form-group{margin-bottom:12px!important;}
}

/* ── Cards na dashboard ── */
@media(max-width:600px){
  .next-payment{padding:14px!important;}
}