/* ---------- responsivo ---------- */
@media (max-width:1000px){.hero{grid-template-columns:1fr}.search{width:auto;flex:1}.whome select{max-width:120px}}
@media (max-width:760px){
  .app{grid-template-columns:1fr}
  .side{position:fixed;top:auto;left:0;right:0;bottom:0;height:auto;flex-direction:row;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:var(--header);backdrop-filter:blur(12px);border-top:1px solid var(--line)}
  .side .logo{display:none}
  .snav{flex-direction:row;overflow-x:auto;gap:2px}
  .snav hr{display:none}
  .snav button{flex:none;min-width:68px}
  .mainwrap{padding:0 10px 90px}
  .bar{flex-wrap:wrap;padding-left:6px;padding-right:6px}
  .search{order:3;flex-basis:100%}
  .content{border-radius:22px;padding:22px 14px 40px}
  .grid2,.budget,.gen{grid-template-columns:1fr}
  .setrow{grid-template-columns:1fr}
  .pjstats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cal .day{min-height:58px;padding:4px}
  .cal .wd,.cal .days{gap:2px}
  .ev{font-size:0;padding:0;height:5px}
  .upc .r{grid-template-columns:56px minmax(0,1fr)}
  .upc .r .tag{grid-column:2;justify-self:start}
  .upc .d{width:56px;min-height:56px;font-size:16px}
  .whome select{max-width:110px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}