/* PC menus remain usable on phones; the dedicated field UI uses mobile.css. */
@media screen and (max-width: 900px) {
  .shell .cols2, .shell .cols2.home-top { grid-template-columns: minmax(0, 1fr) !important; }
  .shell .cols2 > * { min-width: 0; }
  .shell .panel-head, .shell .subtabs, .shell .tabs, .shell .content .row, .shell .top { flex-wrap: wrap !important; }
  .shell .panel-head > .spacer, .shell .subtabs > .spacer { display: none; }
  .shell .content .ssel { max-width: 100%; }
  .shell .top { height: auto; min-height: 48px; }
  .shell .top .crumb { min-width: 0; white-space: normal; overflow-wrap: anywhere; }
  .shell .panel-head h2 { white-space: normal; min-width: 0; }
  .shell .fin-grid { grid-template-columns: repeat(auto-fit, minmax(0, 1fr)) !important; }
  .shell .quick > *, .shell .fin-grid > * { min-width: 0; }
}
@media screen and (max-width: 520px) {
  .shell .pt2-shell { flex-direction: column; }
  .shell .pt2-shell > * { min-width: 0; width: auto !important; max-width: 100%; flex: none; }
  .shell .quick { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .shell .fin-grid { grid-template-columns: minmax(0, 1fr) !important; }
}