/* Admin changes only surface identity. Shared ALP geometry and typography apply. */
body.admin-mode #nav .parent.active { background: var(--orange); color: #fff; box-shadow: inset 3px 0 var(--blue); }
body.admin-mode #country, body.admin-mode #iam-workspace { display: none; }
.admin-page { min-width: 0; }
.admin-page .page-heading { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; }
.admin-page .scroll-content { min-width: 0; }
.admin-page .card { min-width: 0; }
.admin-metrics { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr)); gap: 16px; }
.admin-page .iam-table td { overflow-wrap: anywhere; }
.admin-page .iam-toolbar label { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }
.admin-page .iam-toolbar input,.admin-page .iam-toolbar select { max-width: 100%; min-height: 42px; }
@media(max-width:600px) {
  .admin-page .page-heading h1 { overflow-wrap: anywhere; }
}

.admin-column-chart { display: flex; align-items: flex-end; gap: 4px; height: 140px; overflow-x: auto; padding: 4px 0; }
.admin-column { appearance: none; border: 0; background: transparent; padding: 0; flex: 1 0 5px; min-width: 5px; max-width: 36px; height: 100%; display: flex; align-items: flex-end; cursor: pointer; }
.admin-column span { display: block; width: 100%; height: max(2px,var(--bar-height)); background: var(--blue); border-radius: 2px 2px 0 0; }
.admin-column:focus-visible { outline: 2px solid var(--nav); outline-offset: 2px; }
.admin-page .card + .card { margin-top: 16px; }
.admin-page details { margin-top: 12px; }

.admin-page .admin-metrics > .card { margin: 0; }
.admin-custom-period { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.admin-custom-period[hidden] { display: none; }
.admin-custom-period input[type=date] { width: 165px; }
body.admin-mode #notifications .notification-badge { display: none; }