.menu-usage-view .query-panel > p,
.menu-usage-view .grid-panel > p { margin: 12px; }
.menu-usage-filters { display: flex; flex-wrap: wrap; gap: 12px; padding: 0 12px; align-items: end; }
.menu-usage-filters label { display: grid; gap: 6px; font-weight: 700; }
.menu-usage-filters input, .menu-usage-filters select, .menu-usage-filters button { min-height: 36px; }
.menu-usage-filters select { max-width: min(450px, 80vw); }
.menu-usage-view :focus-visible { outline: 2px solid #2454a6; outline-offset: 2px; }
.menu-usage-view .grid-wrap { overflow: auto; max-height: 600px; }
body .menu-usage-view .grid-panel { min-height: 0; }
.menu-usage-view .erp-grid { min-width: 760px; }
.menu-usage-error { color: #96351a; font-weight: 700; }
.menu-usage-ranking { padding: 12px; display: grid; gap: 8px; }
.menu-usage-ranking > div { display: grid; grid-template-columns: minmax(100px, 220px) minmax(80px, 1fr) 90px; gap: 12px; align-items: center; }
.menu-usage-ranking meter { width: 100%; height: 20px; }
.menu-usage-ranking strong { text-align: right; }
@media (max-width: 700px) {
  .menu-usage-filters input, .menu-usage-filters select, .menu-usage-filters button { min-height: 44px; }
  .menu-usage-ranking > div { grid-template-columns: minmax(70px, 1fr) minmax(60px, 1fr) 65px; gap: 8px; }
}