@media (max-width:640px){
  .topbar{padding:8px 12px;gap:8px}
  .brand{flex:1 1 100%}
  .board-title{max-width:calc(100vw - 90px);font-size:18px}
  .board-title-fixo{max-width:calc(100vw - 150px);font-size:18px}
  .topbar .spacer{display:none}
  .search{flex:1 1 100%;order:3}
  .search input{width:100%}
  .filter{flex:1 1 0;min-width:0;order:4}
  .filter select{width:100%}
  #syncTxt{display:none}
  .board{padding:14px 12px 24px;scroll-padding-inline:12px}
  .col{flex-basis:84vw}
  .grid2{grid-template-columns:1fr}
  .pagina-painel .filtro-datas{flex:1 1 100%}
  .pagina-painel .filtro-datas input[type="date"]{flex:1;min-width:0}
  .grade-numeros{grid-template-columns:repeat(2,1fr)}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}