/* Correções responsivas aplicadas após os estilos-base. */
@media (min-width:1101px) and (max-width:1350px){
  .board{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .column{min-height:300px}
  .empty{display:grid;place-items:center;min-height:180px;padding:24px}
}

@media (max-width:1100px){
  .app-shell{display:block}
  .sidebar{position:fixed;left:0;right:0;bottom:0;top:auto;height:76px;z-index:100;padding:8px 14px;background:var(--nav);display:block}
  .brand,.sidebar-note,.sidebar-actions{display:none}
  .sidebar nav{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:560px;margin:0 auto}
  .nav-item,.nav-item:not(.active){font-size:12px;text-align:center;padding:4px 8px;min-height:60px}
  .nav-item span{display:block;width:auto;font-size:18px;line-height:20px}
  main{padding-bottom:105px}
  .stats{grid-template-columns:repeat(2,1fr)}
  .board{grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible}
  .column{min-height:300px}
  .empty{display:grid;place-items:center;min-height:180px;padding:24px}
  .strategy-grid{grid-template-columns:1fr}
  .strategy-grid .strategy-hero,.formula{grid-column:auto}
  .formula ol{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:700px){
  .sidebar{height:70px;padding:6px 8px}
  .sidebar nav{gap:4px}
  .nav-item,.nav-item:not(.active){font-size:11px;min-height:56px;padding:3px 5px}
  main{padding:24px 14px 95px}
  .topbar{align-items:flex-start}
  .topbar .subtitle{display:none}
  .topbar h1{max-width:210px}
  .primary{padding:0 12px}
  .stats{margin:20px 0;gap:8px}
  .stats article{padding:14px}
  .stats strong{font-size:24px}
  .filters{display:grid}
  .board{grid-template-columns:1fr;gap:12px}
  .column{min-height:180px}
  .empty{min-height:100px}
  .form-grid{grid-template-columns:1fr}
  .form-grid .full{grid-column:auto}
  .dialog-actions{grid-template-columns:1fr 1fr}
  .dialog-actions span{display:none}
  .day{grid-template-columns:95px 1fr}
  .strategy-grid .strategy-hero{padding:24px}
  .formula ol{grid-template-columns:1fr}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
