/* assets/css/responsivo.css
   Telas estreitas. Até 1024px a barra lateral vira trilho de ícones;
   abaixo de 768px vira gaveta (drawer) com véu; tudo empilha. */

@media (max-width:1200px){
  .cards-4,.executive-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
  .charts-3{grid-template-columns:1fr 1fr}
}
@media (max-width:1024px){
  .charts-2,.charts-3{grid-template-columns:1fr}
  .form-4{grid-template-columns:1fr 1fr}
  .company-config-grid{grid-template-columns:1fr}
  .cliente-corpo{grid-template-columns:1fr;gap:0}
  .screen-export span{display:none}
}
@media (max-width:767px){
  :root{--menubar-h:56px}
  #sidebar{position:fixed;left:10px;top:10px;bottom:10px;height:auto;margin:0;width:min(300px,calc(100vw - 40px));
    transform:translateX(calc(-100% - 20px))}
  #app.menu-aberto #sidebar{transform:none}
  .menu-celular{display:inline-grid}
  .gaveta-scrim{display:block;position:fixed;inset:0;z-index:65;background:rgba(5,8,14,.4);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    opacity:0;pointer-events:none;transition:opacity var(--medio) var(--curva)}
  #app.menu-aberto .gaveta-scrim{opacity:1;pointer-events:auto}
  .menubar{padding:6px 8px;margin:8px 8px 0;top:8px}
  #pageContainer{padding:12px 12px 48px}
  #saveStatus,.screen-export,.header-breadcrumb,.menubar-contexto,.aviso-demo{display:none!important}
  .menubar-acoes .botao-primario span{display:none}
  .cards-3,.cards-2,.cards-4,.form-2,.form-3,.f-form-grid,.audit-grid,.forecast-grid,.campos-2,.guia-mapa{grid-template-columns:1fr}
  .executive-strip{grid-template-columns:1fr 1fr}
  .finance-balance{display:block}
  .page-title,.finance-workspace h1{font-size:var(--t-titulo-2)}
  .painel-cabeca h1{font-size:var(--t-titulo-1)}
  .resumo div{min-width:calc(50% - 4px);flex:1}
  .guia-folha{padding:18px}
  .guia-corpo{min-height:0}
  .acesso-folha{padding:28px 20px 22px}
}
@media print{
  .ambiente,#sidebar,.menubar,.quick-actions,.gaveta-scrim{display:none!important}
  body{background:#fff;color:#000}
  .card,.table-wrap{box-shadow:none;border-color:#ccc;background:#fff}
}