/* #275 admin users and platform overview. Admin pages only: no customer page uses these classes. */
.dialog-card.admin-user-dialog { width: min(100%, 52rem); max-height: 92vh; }
.admin-user-dialog h3 { margin: 1.125rem 0 0.5rem; font-size: 0.8125rem; }
.admin-user-facts { display: grid; grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)); gap: 0.625rem 1rem; margin: 0 0 0.75rem; }
.admin-user-facts dt { color: var(--muted); font-size: 0.625rem; }
.admin-user-facts dd { margin: 0.125rem 0 0; font-size: 0.75rem; overflow-wrap: anywhere; }
.admin-usage-table th[scope="row"] { text-align: left; font-weight: 700; }
.admin-user-action { margin-top: 0.5rem; }
.admin-users-filters { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 0.625rem; margin-bottom: 0.875rem; }
.admin-users-filters .search-wrap { flex: 2 1 14rem; max-width: none; margin: 0; }
.admin-users-filters .field { flex: 1 1 9rem; min-width: 9rem; }
.admin-user-open { padding: 0; font-weight: 700; text-align: left; }
.admin-user-cell { display: block; min-width: 0; overflow-wrap: anywhere; }
.admin-pager { display: flex; justify-content: space-between; margin-top: 0.75rem; }
.admin-window-switch { display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; margin-bottom: 0.875rem; }
.admin-window-switch .field-hint { margin-left: 0.5rem; }
.admin-chart { margin: 0 0 0.5rem; }
.admin-chart svg { display: block; width: 100%; height: 9.5rem; }
.admin-chart .ok { fill: var(--green); }
.admin-chart .bad { fill: var(--red); }
.admin-chart figcaption { display: flex; justify-content: space-between; margin-top: 0.375rem; color: var(--muted); font-size: 0.625rem; }
.admin-legend i { display: inline-block; width: 0.5rem; height: 0.5rem; margin: 0 0.25rem 0 0.5rem; border-radius: 50%; }
.admin-legend i.ok { background: var(--green); }
.admin-legend i.bad { background: var(--red); }
.admin-chart-table summary { cursor: pointer; color: var(--muted); font-size: 0.625rem; }
.admin-overview-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-top: 1.125rem; }
.admin-overview-grid > .panel { margin-top: 0; }
@media (max-width: 1100px) { .admin-overview-grid { grid-template-columns: 1fr; } }