/* All phone rules live in this one block (checked at 390px). */
@media (max-width: 760px){
  .top{height:auto;flex-wrap:wrap;padding:6px 12px 4px;gap:2px 8px}
  .brand{order:1}
  .me{order:2;margin-left:auto}
  .nav{order:3;flex:1 0 100%}
  .nav a{padding:7px 9px;font-size:14px}
  .nav,.chips{scrollbar-width:none}
  .nav::-webkit-scrollbar,.chips::-webkit-scrollbar{display:none}
  .me .nm{display:none}
  main{padding:16px 16px 30px}
  .filters{gap:10px}
  .chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}
  .row.hd{display:none}
  .row{grid-template-columns:1fr auto;gap:6px 10px}
  .row .c-owner,.row .c-pri{font-size:13px;color:var(--muted)}
  .row .c-name{grid-column:1/3}
  .row .c-owner{grid-column:1}
  .row .c-status{grid-column:2;grid-row:2;justify-self:end}
  .row .c-pri{grid-column:1}
  .row .c-due{grid-column:2;justify-self:end;text-align:right}
  .cols{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr}
  .prow{grid-template-columns:1fr 1fr}
  .prow .who{grid-column:1/3}
  .lrow{grid-template-columns:1fr}
  .two,.facts{grid-template-columns:1fr}
  .btn{min-height:44px}
}