/* Admin Dashboard reference redesign. Loaded after styles.css on purpose. */
.admin-mode {
  --dashboard-bg: #F5F7F6;
  --dashboard-sidebar: #063F36;
  --dashboard-green: #087F65;
  --dashboard-card: #FFFFFF;
  --dashboard-border: #E1E7E4;
  --dashboard-text: #17211F;
  --dashboard-muted: #66736F;
  background: var(--dashboard-bg) !important;
}

.admin-mode,
.admin-mode * {
  box-sizing: border-box;
  min-width: 0;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

.admin-mode .admin-dashboard {
  min-height: 100vh !important;
  background: var(--dashboard-bg) !important;
  color: var(--dashboard-text) !important;
  overflow-x: hidden !important;
}

.admin-mode .admin-sidebar {
  position: fixed !important;
  inset: 0 auto 0 0 !important;
  width: 240px !important;
  padding: 18px 14px !important;
  background: linear-gradient(180deg, var(--dashboard-sidebar), #042f29) !important;
  box-shadow: 16px 0 34px rgba(3, 40, 34, 0.14) !important;
  z-index: 90 !important;
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
}

.admin-mode .admin-sidebar .admin-brand,
.admin-mode .admin-sidebar .sidebar-collapse,
.admin-mode .admin-sidebar .admin-sidebar-footer { flex: 0 0 auto !important; }

.admin-mode .admin-sidebar .admin-menu {
  flex: 1 1 auto !important;
  min-height: 0 !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  padding: 8px 3px 14px 0 !important;
  scrollbar-width: thin;
  scrollbar-color: rgba(255,255,255,.28) transparent;
}

.admin-mode .admin-sidebar .admin-menu::-webkit-scrollbar { width: 5px; }
.admin-mode .admin-sidebar .admin-menu::-webkit-scrollbar-track { background: transparent; }
.admin-mode .admin-sidebar .admin-menu::-webkit-scrollbar-thumb { border-radius: 999px; background: rgba(255,255,255,.28); }

.admin-mode .admin-sidebar-footer {
  padding-top: 10px !important;
  border-top: 1px solid rgba(255,255,255,.12) !important;
  background: transparent !important;
}

.admin-mode .admin-sidebar-footer .danger-link {
  width: 100% !important;
  margin: 0 !important;
  color: #ffd8d4 !important;
}

.admin-mode .admin-sidebar-footer .danger-link span { color: currentColor !important; }

.admin-mode .admin-shell,
.admin-mode.admin-sidebar-collapsed .admin-shell {
  width: calc(100% - 240px) !important;
  max-width: none !important;
  margin-left: 240px !important;
  padding: 20px 24px !important;
}

.admin-mode .admin-main,
.admin-mode .admin-header,
.admin-mode .admin-page[data-admin-page="dashboard"] {
  width: 100% !important;
  max-width: 1480px !important;
  margin-inline: auto !important;
}

.admin-mode .admin-header {
  position: sticky !important;
  top: 16px !important;
  z-index: 50 !important;
  display: grid !important;
  grid-template-columns: auto minmax(220px, 1fr) minmax(0, auto) !important;
  align-items: center !important;
  gap: 16px !important;
  min-height: 64px !important;
  padding: 10px 14px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.96) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  backdrop-filter: blur(12px) !important;
}

.admin-mode .admin-header > div:first-of-type h2 {
  margin: 0 !important;
  color: var(--dashboard-text) !important;
  font-size: 1.28rem !important;
  line-height: 1.15 !important;
}

.admin-mode .admin-header > div:first-of-type p {
  margin-top: 4px !important;
  color: var(--dashboard-muted) !important;
  font-size: 0.88rem !important;
}

.admin-mode .admin-header-tools {
  display: grid !important;
  grid-template-columns: auto auto !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 10px !important;
}

.admin-mode .admin-header-tools::before {
  display: none !important;
  content: none !important;
}

.admin-mode .admin-header-tools input,
.admin-mode .admin-header-tools select {
  width: 100% !important;
  min-height: 42px !important;
  height: 42px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--dashboard-text) !important;
  font-size: 0.9rem !important;
}

.admin-mode .admin-header-tools [hidden] {
  display: none !important;
}

.admin-mode .notification-button,
.admin-mode .admin-drawer-toggle {
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border-radius: 10px !important;
}

.admin-mode .admin-profile summary {
  min-height: 42px !important;
  padding: 4px 8px 4px 4px !important;
  border-radius: 999px !important;
}

.admin-mode .admin-profile summary span {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 999px !important;
  background: var(--dashboard-green) !important;
  color: #fff !important;
  font-size: 0.86rem !important;
  font-weight: 900 !important;
}

.admin-mode .admin-profile summary strong {
  color: var(--dashboard-text) !important;
  font-size: 0.9rem !important;
}

.admin-page[data-admin-page="dashboard"] {
  display: none !important;
}

.admin-page[data-admin-page="dashboard"].active {
  display: grid !important;
  gap: 16px !important;
}

.admin-page[data-admin-page="dashboard"] .kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card {
  position: relative !important;
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) 18px !important;
  grid-template-rows: auto auto auto !important;
  align-items: center !important;
  gap: 6px 14px !important;
  min-height: 104px !important;
  padding: 16px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 16px !important;
  background: var(--dashboard-card) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  color: var(--dashboard-text) !important;
  text-align: left !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card::after {
  content: ">" !important;
  grid-column: 3 !important;
  grid-row: 1 / span 3 !important;
  color: var(--dashboard-muted) !important;
  font-size: 1.7rem !important;
  line-height: 1 !important;
}

.admin-page[data-admin-page="dashboard"] .stat-icon {
  grid-row: 1 / span 3 !important;
  width: 46px !important;
  height: 46px !important;
  border-radius: 14px !important;
  background: #E7F6EF !important;
  color: var(--dashboard-green) !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card:nth-child(2) .stat-icon {
  background: #FFF3E2 !important;
  color: #D97706 !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card:nth-child(3) .stat-icon {
  background: #EAF2FF !important;
  color: #2563EB !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card:nth-child(4) .stat-icon {
  background: #FFE8E8 !important;
  color: #DC2626 !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card > span:not(.stat-icon) {
  grid-column: 2 !important;
  color: var(--dashboard-text) !important;
  font-size: 0.86rem !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card strong {
  grid-column: 2 !important;
  color: #03130F !important;
  font-size: 1.75rem !important;
  line-height: 1 !important;
  letter-spacing: -0.03em !important;
}

.admin-page[data-admin-page="dashboard"] .stat-card small {
  grid-column: 2 !important;
  color: var(--dashboard-muted) !important;
  font-size: 0.8rem !important;
  line-height: 1.25 !important;
}

.admin-page[data-admin-page="dashboard"] .dashboard-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 2fr) minmax(320px, 1fr) !important;
  gap: 16px !important;
  align-items: start !important;
}

.admin-page[data-admin-page="dashboard"] .dashboard-left-column,
.admin-page[data-admin-page="dashboard"] .dashboard-side {
  display: grid !important;
  gap: 16px !important;
  align-content: start !important;
  min-width: 0 !important;
}

.admin-page[data-admin-page="dashboard"] .dashboard-card {
  width: 100% !important;
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 14px !important;
  background: var(--dashboard-card) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
  overflow: hidden !important;
}

.admin-page[data-admin-page="dashboard"] .section-heading {
  display: flex !important;
  align-items: start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.admin-page[data-admin-page="dashboard"] .section-heading h2 {
  margin: 0 !important;
  color: var(--dashboard-text) !important;
  font-size: 1.04rem !important;
}

.admin-page[data-admin-page="dashboard"] .eyebrow {
  color: var(--dashboard-green) !important;
  font-size: 0.7rem !important;
  letter-spacing: 0 !important;
}

.admin-page[data-admin-page="dashboard"] .usage-tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}

.admin-page[data-admin-page="dashboard"] .usage-tabs button {
  min-height: 34px !important;
  padding: 0 11px !important;
  border-radius: 999px !important;
  font-size: 0.8rem !important;
}

.admin-page[data-admin-page="dashboard"] .chart-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 14px !important;
}

.admin-page[data-admin-page="dashboard"] .chart-bars {
  display: grid !important;
  gap: 13px !important;
}

.admin-page[data-admin-page="dashboard"] .chart-row {
  display: grid !important;
  grid-template-columns: minmax(130px, 0.85fr) minmax(160px, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}

.admin-page[data-admin-page="dashboard"] .chart-row span {
  color: var(--dashboard-text) !important;
  font-size: 0.88rem !important;
  font-weight: 700 !important;
}

.admin-page[data-admin-page="dashboard"] .chart-row strong {
  color: var(--dashboard-text) !important;
  font-size: 0.86rem !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="dashboard"] .chart-track {
  height: 9px !important;
  border-radius: 999px !important;
  background: #EBEFED !important;
}

.admin-page[data-admin-page="dashboard"] .chart-bar {
  background: linear-gradient(90deg, var(--dashboard-green), #28B28D) !important;
}

.admin-page[data-admin-page="dashboard"] .empty-state {
  min-height: 0 !important;
  max-height: 110px !important;
  padding: 12px !important;
  border-radius: 12px !important;
  overflow: hidden !important;
}

.admin-page[data-admin-page="dashboard"] .quick-actions {
  display: grid !important;
  gap: 10px !important;
}

.admin-page[data-admin-page="dashboard"] .quick-actions button,
.admin-page[data-admin-page="dashboard"] .quick-actions a {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto 14px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 8px 10px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 10px !important;
  background: #FBFCFC !important;
  color: var(--dashboard-text) !important;
  text-decoration: none !important;
}

.admin-page[data-admin-page="dashboard"] .quick-actions button::after,
.admin-page[data-admin-page="dashboard"] .quick-actions a::after {
  content: ">" !important;
  color: var(--dashboard-muted) !important;
  font-size: 1.25rem !important;
}

.admin-page[data-admin-page="dashboard"] .quick-icon {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 10px !important;
  background: #E7F6EF !important;
  color: var(--dashboard-green) !important;
}

.admin-page[data-admin-page="dashboard"] .quick-actions > * > span:not(.quick-icon) {
  display: none !important;
}

.admin-page[data-admin-page="dashboard"] .quick-actions strong {
  color: var(--dashboard-text) !important;
  font-size: 0.9rem !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}

.admin-page[data-admin-page="dashboard"] .quick-actions small {
  color: var(--dashboard-muted) !important;
  font-size: 0.78rem !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="dashboard"] .scanner-status-list,
.admin-page[data-admin-page="dashboard"] .expiring-soon-list,
.admin-page[data-admin-page="dashboard"] .recent-activity {
  display: grid !important;
  gap: 10px !important;
}

.admin-page[data-admin-page="dashboard"] .expiry-row { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 11px 2px; border-bottom: 1px solid var(--dashboard-border); }
.admin-page[data-admin-page="dashboard"] .expiry-row:last-child { border-bottom: 0; }
.admin-page[data-admin-page="dashboard"] .expiry-avatar { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: #fff3d6; color: #8a5a00; font-size: .76rem; font-weight: 900; }
.admin-page[data-admin-page="dashboard"] .expiry-row strong,
.admin-page[data-admin-page="dashboard"] .expiry-row small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-page[data-admin-page="dashboard"] .expiry-row strong { color: var(--dashboard-text); font-size: .84rem; }
.admin-page[data-admin-page="dashboard"] .expiry-row small { margin-top: 3px; color: var(--dashboard-muted); font-size: .72rem; }
.admin-page[data-admin-page="dashboard"] .expiry-days { padding: 6px 8px; border-radius: 999px; background: #fff2ce; color: #855b00; font-size: .7rem; font-weight: 900; white-space: nowrap; }
.admin-page[data-admin-page="dashboard"] .expiry-days.urgent { background: #ffe2df; color: #a32118; }
.admin-page[data-admin-page="dashboard"] .expiry-row > button { min-height: 36px; padding: 6px 10px; border-radius: 9px; }

@media (max-width: 520px) {
  .admin-page[data-admin-page="dashboard"] .expiry-row { grid-template-columns: 38px minmax(0, 1fr) auto; }
  .admin-page[data-admin-page="dashboard"] .expiry-days { grid-column: 2; justify-self: start; }
  .admin-page[data-admin-page="dashboard"] .expiry-row > button { grid-column: 3; grid-row: 1 / span 2; }
}

.admin-page[data-admin-page="dashboard"] .scanner-status-row {
  display: grid !important;
  grid-template-columns: 10px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF2F0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-page[data-admin-page="dashboard"] .scanner-status-row:last-child {
  border-bottom: 0 !important;
}

.admin-page[data-admin-page="dashboard"] .status-dot {
  width: 9px !important;
  height: 9px !important;
}

.admin-page[data-admin-page="dashboard"] .status-dot.online {
  background: #16A34A !important;
}

.admin-page[data-admin-page="dashboard"] .status-dot.idle {
  background: #D97706 !important;
}

.admin-page[data-admin-page="dashboard"] .status-dot.offline {
  background: #DC2626 !important;
}

.admin-page[data-admin-page="dashboard"] .status-dot.unknown {
  background: #9CA3AF !important;
}

.admin-page[data-admin-page="dashboard"] .scanner-status-row strong,
.admin-page[data-admin-page="dashboard"] .scanner-status-row small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="dashboard"] .scanner-status-row strong {
  color: var(--dashboard-text) !important;
  font-size: 0.9rem !important;
}

.admin-page[data-admin-page="dashboard"] .scanner-status-row small {
  color: var(--dashboard-muted) !important;
  font-size: 0.78rem !important;
}

.admin-page[data-admin-page="dashboard"] .dashboard-checkins-table {
  display: grid !important;
  gap: 0 !important;
}

.admin-page[data-admin-page="dashboard"] .recent-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) 76px 96px !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 46px !important;
  padding: 9px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF2F0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-page[data-admin-page="dashboard"] .recent-row-head {
  min-height: 34px !important;
  color: var(--dashboard-muted) !important;
  font-size: 0.76rem !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}

.admin-page[data-admin-page="dashboard"] .recent-row strong,
.admin-page[data-admin-page="dashboard"] .recent-row span,
.admin-page[data-admin-page="dashboard"] .recent-row small {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="dashboard"] .recent-row strong {
  color: var(--dashboard-text) !important;
  font-size: 0.88rem !important;
}

.admin-page[data-admin-page="dashboard"] .recent-row span,
.admin-page[data-admin-page="dashboard"] .recent-row small {
  color: var(--dashboard-muted) !important;
  font-size: 0.82rem !important;
}

.admin-page[data-admin-page="dashboard"] .dashboard-checkins-cards {
  display: none !important;
}

.admin-page[data-admin-page="dashboard"] .activity-row {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 48px !important;
  padding: 8px 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #EEF2F0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.admin-page[data-admin-page="dashboard"] .activity-row:last-child {
  border-bottom: 0 !important;
}

.admin-page[data-admin-page="dashboard"] .activity-icon {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #E7F6EF !important;
  color: var(--dashboard-green) !important;
}

.admin-page[data-admin-page="dashboard"] .activity-row strong,
.admin-page[data-admin-page="dashboard"] .activity-row small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="dashboard"] .activity-row strong {
  color: var(--dashboard-text) !important;
  font-size: 0.88rem !important;
}

.admin-page[data-admin-page="dashboard"] .activity-row small {
  color: var(--dashboard-muted) !important;
  font-size: 0.78rem !important;
}

@media (max-width: 1200px) {
  .admin-page[data-admin-page="dashboard"] .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 1023px) {
  .admin-mode .admin-sidebar {
    width: min(320px, 86vw) !important;
    transform: translateX(-105%) !important;
    transition: transform 0.2s ease !important;
  }

  .admin-mode.admin-drawer-open .admin-sidebar {
    transform: translateX(0) !important;
  }

  .admin-mode .admin-shell,
  .admin-mode.admin-sidebar-collapsed .admin-shell {
    width: 100% !important;
    margin-left: 0 !important;
    padding: 18px !important;
  }

  .admin-mode .admin-drawer-toggle {
    display: inline-grid !important;
  }

  .admin-mode .admin-header {
    grid-template-columns: auto minmax(0, 1fr) !important;
  }

  .admin-mode .admin-header-tools {
    grid-column: 1 / -1 !important;
    grid-template-columns: auto auto !important;
    width: 100% !important;
    justify-content: end !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 1024px) and (max-width: 1280px) {
  .admin-page[data-admin-page="dashboard"] .kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-layout {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 767px) {
  .admin-mode .admin-shell {
    padding: 12px !important;
  }

  .admin-mode .admin-header {
    top: 8px !important;
    min-height: 62px !important;
    padding: 12px !important;
  }

  .admin-mode .admin-header > div:first-of-type p {
    display: none !important;
  }

  .admin-mode .admin-header-tools {
    grid-template-columns: auto auto !important;
    justify-content: end !important;
  }

  .admin-mode #admin-header-search {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .admin-mode #admin-date-range {
    width: 150px !important;
  }

  .admin-page[data-admin-page="dashboard"] {
    gap: 14px !important;
  }

  .admin-page[data-admin-page="dashboard"] .kpi-grid,
  .admin-page[data-admin-page="dashboard"] .dashboard-layout {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .admin-page[data-admin-page="dashboard"] .stat-card {
    min-height: 112px !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-card {
    padding: 16px !important;
  }

  .admin-page[data-admin-page="dashboard"] .section-heading {
    align-items: stretch !important;
    flex-direction: column !important;
  }

  .admin-page[data-admin-page="dashboard"] .chart-row {
    grid-template-columns: 1fr !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-checkins-table {
    display: none !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-checkins-cards {
    display: grid !important;
    gap: 10px !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-mobile-card {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 8px !important;
    padding: 12px !important;
    border: 1px solid var(--dashboard-border) !important;
    border-radius: 12px !important;
    background: #FBFCFC !important;
  }

  .admin-page[data-admin-page="dashboard"] .dashboard-mobile-card > small {
    grid-column: 1 / -1 !important;
    color: var(--dashboard-muted) !important;
  }
}

/* Dedicated application review route */
.admin-page[data-admin-page="applications"]:has(.application-detail-view:not([hidden])) {
  padding-bottom: 120px;
}

.application-detail-view {
  width: min(100%, 1280px);
  margin: 0 auto;
  gap: 16px;
}

.review-page-header,
.review-card,
.review-document-card {
  border: 1px solid #dce6e1;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 4px 16px rgba(15, 55, 46, .04);
}

.review-page-header {
  display: grid;
  grid-template-columns: auto minmax(240px, 1fr) auto auto;
  align-items: center;
  gap: 12px 20px;
  padding: 20px 24px;
}

.review-header-main h2 { margin: 2px 0 4px; }
.review-header-main p { margin: 0; color: #64736f; }
.review-header-navigation,
.review-header-actions { display: flex; align-items: center; gap: 8px; }
.review-header-navigation { grid-column: 2; }
.review-header-actions { grid-column: 4; grid-row: 1 / span 2; }

.review-tabs {
  display: flex;
  gap: 4px;
  overflow-x: auto;
  border-bottom: 1px solid #dce6e1;
  background: #fff;
  padding: 0 12px;
}

.review-tabs button {
  flex: 0 0 auto;
  border: 0;
  border-bottom: 3px solid transparent;
  border-radius: 0;
  background: transparent;
  padding: 14px 16px 11px;
  color: #5b6c67;
  font-weight: 700;
}

.review-tabs button.active { border-color: #08735f; color: #075f50; }
.review-tab-panel { display: none; gap: 16px; }
.review-tab-panel.active { display: grid; }
.review-card { padding: 20px 24px; }
.review-card > h3,
.review-document-card h3 { margin: 0 0 16px; }

.applicant-field-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.applicant-field-grid > div { min-width: 0; }
.applicant-field-grid span,
.comparison-row span,
.activity-timeline span {
  display: block;
  margin-bottom: 5px;
  color: #6a7975;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .04em;
}
.applicant-field-grid strong { overflow-wrap: anywhere; }
.show-qid { margin-top: 7px; border: 0; background: none; padding: 0; color: #08735f; font-size: 13px; }

.facility-payment-list { display: grid; }
.facility-payment-head,
.facility-payment-row {
  display: grid;
  grid-template-columns: minmax(180px, 1.5fr) repeat(3, minmax(110px, .7fr));
  gap: 12px;
  align-items: center;
  padding: 12px 4px;
  border-bottom: 1px solid #e7ece9;
}
.facility-payment-head { color: #657570; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.review-payment-total { display: flex; justify-content: flex-end; align-items: baseline; gap: 24px; padding-top: 18px; }
.review-payment-total strong { color: #075f50; font-size: 26px; }

.review-document-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.review-document-card { min-width: 0; padding: 16px; }
.review-document-heading { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; margin-bottom: 12px; }
.review-document-heading h3 { margin-bottom: 3px; }
.document-tools { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.document-tools button,
.document-tools a { min-width: 36px; min-height: 36px; padding: 7px 10px; border: 1px solid #ccd9d4; border-radius: 8px; background: #fff; color: #174a3f; text-decoration: none; font-size: 13px; }
.review-document-preview {
  position: relative;
  display: grid;
  place-items: center;
  height: 360px;
  overflow: auto;
  border: 1px solid #dce6e1;
  border-radius: 12px;
  background: #f2f6f4;
}
.document-transform { display: grid; place-items: center; width: 100%; height: 100%; transform-origin: center; transition: transform .18s ease; }
.document-transform img,
.document-transform iframe { display: block; width: 100%; height: 100%; object-fit: contain; border: 0; }
.review-document-preview.is-sensitive .document-transform { filter: blur(18px); pointer-events: none; }
.document-reveal { display: none; position: absolute; z-index: 2; border: 1px solid #fff; background: rgba(3, 52, 42, .9); color: #fff; }
.review-document-preview.is-sensitive .document-reveal { display: block; }
.review-document-preview:fullscreen { width: 100vw; height: 100vh; background: #18211f; }

.comparison-list { display: grid; gap: 10px; }
.comparison-row { display: grid; grid-template-columns: .7fr 1fr 1fr auto; gap: 16px; align-items: end; padding: 12px; border: 1px solid #e0e8e4; border-radius: 12px; }
.comparison-row input { width: 100%; }
.comparison-status { align-self: center; min-width: 100px; padding: 7px 9px; border-radius: 999px; text-align: center; font-size: 12px; font-weight: 800; }
.comparison-status.match { background: #dcf4e9; color: #08735f; }
.comparison-status.mismatch { background: #fde5e2; color: #a52a22; }
.comparison-status.review { background: #fff2cc; color: #826100; }
.verification-checklist { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.verification-checklist label { display: flex; align-items: flex-start; gap: 10px; padding: 12px; border: 1px solid #dde7e2; border-radius: 10px; }
.verification-checklist input { margin-top: 3px; }

.activity-timeline { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.activity-timeline > div { padding: 14px; border-radius: 10px; background: #f4f7f6; }
.internal-note-field { display: grid; gap: 8px; margin-top: 18px; }

.application-detail-view .application-review-actions {
  left: auto;
  width: min(calc(100% - 32px), 1248px);
  margin: 0 auto;
  align-items: center;
}
.application-review-actions > strong { margin-right: auto; }
.approved-review-summary { display: flex; align-items: center; gap: 10px; width: 100%; }
.approved-review-summary > span { margin-right: auto; color: #08735f; font-weight: 800; }

.review-page-header button:focus-visible,
.review-tabs button:focus-visible,
.document-tools :focus-visible,
.application-review-actions :focus-visible,
.show-qid:focus-visible,
.review-document-preview:focus-visible {
  outline: 3px solid rgba(16, 137, 112, .35);
  outline-offset: 2px;
}

@media (max-width: 1050px) {
  .review-page-header { grid-template-columns: auto 1fr auto; }
  .review-header-actions { grid-column: 2 / -1; grid-row: auto; justify-content: flex-end; }
  .review-header-navigation { grid-column: 2 / -1; }
  .applicant-field-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .review-document-grid { grid-template-columns: 1fr; }
  .review-document-preview { height: 340px; }
  .activity-timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 700px) {
  .admin-page[data-admin-page="applications"]:has(.application-detail-view:not([hidden])) { padding-bottom: 230px; }
  .review-page-header { grid-template-columns: 1fr; padding: 16px; }
  .review-page-header > * { grid-column: 1; grid-row: auto; }
  .review-header-navigation,
  .review-header-actions { justify-content: flex-start; flex-wrap: wrap; }
  .applicant-field-grid,
  .verification-checklist,
  .activity-timeline { grid-template-columns: 1fr; }
  .review-card { padding: 16px; }
  .facility-payment-head { display: none; }
  .facility-payment-row { grid-template-columns: 1fr 1fr; }
  .review-document-heading { display: grid; }
  .document-tools { justify-content: flex-start; }
  .review-document-preview { height: 320px; }
  .comparison-row { grid-template-columns: 1fr; align-items: stretch; }
  .application-detail-view .application-review-actions { width: calc(100% - 24px); }
  .approved-review-summary { display: grid; }
  .approved-review-summary > span { margin: 0; }
}

@media (max-width: 430px) {
  .admin-mode .admin-header-tools {
    grid-template-columns: 42px auto !important;
  }

  .admin-mode #admin-date-range {
    width: 100% !important;
  }

  .admin-mode .admin-profile summary strong {
    display: none !important;
  }

  .admin-page[data-admin-page="dashboard"] .stat-card {
    grid-template-columns: 42px minmax(0, 1fr) 16px !important;
    padding: 16px !important;
  }
}

/* Applications / User management table cleanup */
.admin-page[data-admin-page="applications"] .user-management-panel {
  display: grid !important;
  gap: 16px !important;
  padding: 20px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 16px !important;
  background: #fff !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.04) !important;
}

.admin-page[data-admin-page="applications"] .compact-heading {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) minmax(520px, auto) !important;
  align-items: end !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  min-height: 0 !important;
}

.admin-page[data-admin-page="applications"] .compact-heading h2 {
  margin: 0 !important;
  color: var(--dashboard-text) !important;
  font-size: 1.2rem !important;
}

.admin-page[data-admin-page="applications"] .compact-heading .eyebrow {
  color: var(--dashboard-green) !important;
}

.admin-page[data-admin-page="applications"] .user-tools {
  display: grid !important;
  grid-template-columns: minmax(220px, 1fr) 90px 150px 170px !important;
  align-items: end !important;
  gap: 10px !important;
  width: min(680px, 100%) !important;
  justify-self: end !important;
}

.admin-page[data-admin-page="applications"] .user-search {
  display: contents !important;
}

.admin-page[data-admin-page="applications"] .user-tools label {
  display: grid !important;
  gap: 6px !important;
  color: var(--dashboard-muted) !important;
  font-size: 0.78rem !important;
  font-weight: 800 !important;
}

.admin-page[data-admin-page="applications"] #user-search,
.admin-page[data-admin-page="applications"] #user-status-filter,
.admin-page[data-admin-page="applications"] #user-date-filter {
  width: 100% !important;
  min-width: 0 !important;
  height: 42px !important;
  min-height: 42px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 12px !important;
  background: #fff !important;
}

.admin-page[data-admin-page="applications"] #clear-user-search {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 14px !important;
  border-radius: 12px !important;
}

.admin-page[data-admin-page="applications"] .table-wrap {
  width: 100% !important;
  overflow-x: auto !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
}

.admin-page[data-admin-page="applications"] .user-table {
  width: 100% !important;
  min-width: 1120px !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

.admin-page[data-admin-page="applications"] .user-table th,
.admin-page[data-admin-page="applications"] .user-table td {
  padding: 14px 14px !important;
  border-bottom: 1px solid #EEF2F0 !important;
  vertical-align: middle !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

.admin-page[data-admin-page="applications"] .user-table th {
  background: #F8FAF9 !important;
  color: var(--dashboard-muted) !important;
  font-size: 0.76rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="applications"] .user-table th:nth-child(1),
.admin-page[data-admin-page="applications"] .user-table td:nth-child(1) {
  width: 22% !important;
}

.admin-page[data-admin-page="applications"] .user-table th:nth-child(2),
.admin-page[data-admin-page="applications"] .user-table td:nth-child(2) {
  width: 16% !important;
}

.admin-page[data-admin-page="applications"] .user-table th:nth-child(3),
.admin-page[data-admin-page="applications"] .user-table td:nth-child(3) {
  width: 21% !important;
}

.admin-page[data-admin-page="applications"] .user-table th:nth-child(4),
.admin-page[data-admin-page="applications"] .user-table td:nth-child(4) {
  width: 12% !important;
}

.admin-page[data-admin-page="applications"] .user-table th:nth-child(5),
.admin-page[data-admin-page="applications"] .user-table td:nth-child(5) {
  width: 13% !important;
}

.admin-page[data-admin-page="applications"] .user-table th:nth-child(6),
.admin-page[data-admin-page="applications"] .user-table td:nth-child(6) {
  width: 16% !important;
}

.admin-page[data-admin-page="applications"] .person-cell {
  display: grid !important;
  gap: 4px !important;
}

.admin-page[data-admin-page="applications"] .person-cell strong {
  color: var(--dashboard-text) !important;
  font-size: 0.94rem !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.admin-page[data-admin-page="applications"] .person-cell small {
  color: var(--dashboard-muted) !important;
  font-size: 0.8rem !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}

.admin-page[data-admin-page="applications"] .facility-summary {
  display: flex !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.admin-page[data-admin-page="applications"] .facility-pill,
.admin-page[data-admin-page="applications"] .status {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 0.78rem !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="applications"] .action-cell {
  display: grid !important;
  grid-template-columns: minmax(86px, 1fr) 42px !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="applications"] .action-cell button,
.admin-page[data-admin-page="applications"] .action-cell summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 36px !important;
  padding: 0 14px !important;
  border-radius: 10px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}

.admin-page[data-admin-page="applications"] .application-action-primary {
  width: 100% !important;
  max-width: none !important;
  border: 1px solid rgba(8, 127, 101, 0.28) !important;
  background: #087F65 !important;
  color: #fff !important;
}

.admin-page[data-admin-page="applications"] .row-menu {
  position: relative !important;
  display: block !important;
  width: 42px !important;
}

.admin-page[data-admin-page="applications"] .row-menu summary {
  width: 42px !important;
  min-width: 42px !important;
  max-width: 42px !important;
  padding: 0 !important;
  border: 1px solid var(--dashboard-border) !important;
  background: #fff !important;
  color: var(--dashboard-text) !important;
  font-size: 1.1rem !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  list-style: none !important;
}

.admin-page[data-admin-page="applications"] .row-menu summary::-webkit-details-marker {
  display: none !important;
}

.admin-page[data-admin-page="applications"] .table-pagination {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
}

.admin-page[data-admin-page="applications"] .application-review-list {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
}

.admin-page[data-admin-page="applications"] .application-review-card {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.15fr) minmax(0, 2.2fr) minmax(144px, auto) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 16px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

.admin-page[data-admin-page="applications"] .application-applicant {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.admin-page[data-admin-page="applications"] .application-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #E3F4EF !important;
  color: var(--dashboard-green) !important;
  font-weight: 900 !important;
}

.admin-page[data-admin-page="applications"] .application-person {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.admin-page[data-admin-page="applications"] .application-person strong {
  color: var(--dashboard-text) !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.admin-page[data-admin-page="applications"] .application-person small {
  color: var(--dashboard-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.admin-page[data-admin-page="applications"] .application-details {
  display: grid !important;
  grid-template-columns: minmax(160px, 1.1fr) minmax(150px, 1fr) minmax(100px, auto) minmax(130px, auto) !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.admin-page[data-admin-page="applications"] .application-details div {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.admin-page[data-admin-page="applications"] .application-details dt {
  color: var(--dashboard-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.admin-page[data-admin-page="applications"] .application-details dd {
  margin: 0 !important;
  color: var(--dashboard-text) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.admin-page[data-admin-page="applications"] .application-actions {
  display: grid !important;
  grid-template-columns: minmax(96px, 1fr) 42px !important;
  align-items: center !important;
  gap: 8px !important;
  justify-self: end !important;
  min-width: 144px !important;
}

.admin-page[data-admin-page="applications"] .application-actions .application-action-primary {
  min-height: 42px !important;
  border-radius: 12px !important;
}

.admin-page[data-admin-page="applications"] .application-actions .row-menu {
  width: 42px !important;
}

.admin-page[data-admin-page="applications"] .application-actions .row-menu summary {
  height: 42px !important;
  min-height: 42px !important;
}

@media (max-width: 1100px) {
  .admin-page[data-admin-page="applications"] .compact-heading {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }

  .admin-page[data-admin-page="applications"] .user-tools {
    justify-self: stretch !important;
    width: 100% !important;
    grid-template-columns: minmax(220px, 1fr) 90px minmax(140px, 0.6fr) minmax(150px, 0.7fr) !important;
  }

  .admin-page[data-admin-page="applications"] .application-review-card {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .admin-page[data-admin-page="applications"] .application-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-page[data-admin-page="applications"] .application-actions {
    justify-self: stretch !important;
    max-width: 220px !important;
  }
}

@media (max-width: 760px) {
  .admin-page[data-admin-page="applications"] .user-management-panel {
    padding: 14px !important;
  }

  .admin-page[data-admin-page="applications"] .user-tools {
    grid-template-columns: 1fr !important;
  }

  .admin-page[data-admin-page="applications"] .table-wrap {
    display: none !important;
  }

  .admin-page[data-admin-page="applications"] .mobile-record-list {
    display: none !important;
  }

  .admin-page[data-admin-page="applications"] .application-review-card {
    padding: 14px !important;
  }

  .admin-page[data-admin-page="applications"] .application-details {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .admin-page[data-admin-page="applications"] .application-actions {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    max-width: none !important;
  }

  .admin-page[data-admin-page="applications"] .application-actions .application-action-primary,
  .admin-page[data-admin-page="applications"] .application-actions .row-menu summary {
    min-height: 44px !important;
  }
}

/* Shared compact review-list style for admin record pages */
.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-review-list {
  display: grid !important;
  gap: 12px !important;
  width: 100% !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-review-card,
.admin-page[data-admin-page="payments"] .payment-review-item {
  display: grid !important;
  grid-template-columns: minmax(260px, 1.15fr) minmax(0, 2.2fr) minmax(144px, auto) !important;
  align-items: center !important;
  gap: 18px !important;
  padding: 16px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03) !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-applicant {
  display: grid !important;
  grid-template-columns: 44px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-avatar {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 14px !important;
  background: #E3F4EF !important;
  color: var(--dashboard-green) !important;
  font-weight: 900 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-person {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-person strong {
  color: var(--dashboard-text) !important;
  font-size: 0.98rem !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-person small {
  color: var(--dashboard-muted) !important;
  font-size: 0.82rem !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-details {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(120px, 1fr)) !important;
  align-items: center !important;
  gap: 14px !important;
  margin: 0 !important;
  min-width: 0 !important;
}

.admin-page[data-admin-page="users"] .resident-details {
  grid-template-columns: minmax(150px, 1fr) minmax(150px, 1fr) minmax(100px, auto) minmax(100px, auto) minmax(120px, auto) !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-details div {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-details dt {
  color: var(--dashboard-muted) !important;
  font-size: 0.68rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-details dd {
  margin: 0 !important;
  color: var(--dashboard-text) !important;
  font-size: 0.9rem !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-actions {
  display: grid !important;
  grid-template-columns: minmax(96px, 1fr) 42px !important;
  align-items: center !important;
  gap: 8px !important;
  justify-self: end !important;
  min-width: 144px !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-action-primary {
  width: 100% !important;
  min-height: 42px !important;
  max-width: none !important;
  border: 1px solid rgba(8, 127, 101, 0.28) !important;
  border-radius: 12px !important;
  background: #087F65 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-status-action {
  justify-self: end !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .row-menu {
  position: relative !important;
  display: block !important;
  width: 42px !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .row-menu summary {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 42px !important;
  min-width: 42px !important;
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 10px !important;
  background: #fff !important;
  color: var(--dashboard-text) !important;
  font-size: 1.1rem !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  cursor: pointer !important;
  list-style: none !important;
}

.admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .row-menu summary::-webkit-details-marker {
  display: none !important;
}

.admin-page[data-admin-page="payments"] .payment-review-item {
  grid-template-columns: minmax(260px, 1.6fr) minmax(140px, auto) minmax(110px, auto) minmax(130px, auto) minmax(132px, auto) !important;
}

.admin-page[data-admin-page="payments"] .payment-review-item button {
  min-height: 42px !important;
  border-radius: 12px !important;
  background: #087F65 !important;
  color: #fff !important;
  font-weight: 900 !important;
}

@media (max-width: 1100px) {
  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-review-card,
  .admin-page[data-admin-page="payments"] .payment-review-item {
    grid-template-columns: 1fr !important;
    align-items: stretch !important;
  }

  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-details,
  .admin-page[data-admin-page="users"] .resident-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-actions,
  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-status-action {
    justify-self: stretch !important;
    max-width: 220px !important;
  }
}

@media (max-width: 760px) {
  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .mobile-record-list {
    display: none !important;
  }

  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-review-card,
  .admin-page[data-admin-page="payments"] .payment-review-item {
    padding: 14px !important;
  }

  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-details,
  .admin-page[data-admin-page="users"] .resident-details {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  .admin-page:is([data-admin-page="users"], [data-admin-page="check-in-logs"]) .application-actions {
    grid-template-columns: minmax(0, 1fr) 44px !important;
    max-width: none !important;
  }
}
.application-detail-view {
  display: grid;
  gap: 18px;
  min-width: 0;
}

.application-detail-view[hidden] { display: none; }

.application-detail-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.application-back {
  border: 0;
  background: transparent;
  color: #08735f;
  padding: 6px 0;
  font-weight: 700;
}

.application-detail-view > .section-heading {
  padding: 22px 26px;
  border: 1px solid #dce6e1;
  border-radius: 18px;
  background: #fff;
}

.application-detail-view .application-review-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding: 18px;
  border: 1px solid #dce6e1;
  border-radius: 18px;
  background: #fff;
}

.application-detail-view .id-preview { height: 420px; }
.application-detail-view .id-preview img,
.application-detail-view .id-preview iframe {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.application-detail-view .payment-check-card,
.application-detail-view .identity-form,
.application-detail-view .approval-checklist,
.application-detail-view .access-picker {
  padding: 18px;
  border: 1px solid #dce6e1;
  border-radius: 16px;
  background: #fff;
}

.application-detail-view .application-review-actions {
  position: sticky;
  z-index: 5;
  bottom: 12px;
  display: flex;
  justify-content: flex-end;
  gap: 10px;
  padding: 14px 18px;
  border: 1px solid #dce6e1;
  border-radius: 16px;
  background: rgba(255, 255, 255, .96);
  box-shadow: 0 12px 30px rgba(26, 54, 47, .12);
  backdrop-filter: blur(10px);
}

.review-queue-position {
  margin-right: auto;
  color: #64736f;
  font-size: 14px;
  font-weight: 700;
}

@media (max-width: 767px) {
  .application-detail-view .application-review-grid { grid-template-columns: 1fr; }
  .application-detail-view .id-preview { height: 320px; }
  .application-detail-view .application-review-actions { display: grid; }
  .application-detail-view .application-review-actions button { width: 100%; }
}
.admin-page[data-admin-page="facilities"] .facility-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.admin-page[data-admin-page="facilities"] .facility-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 380px;
  padding: 20px;
}

.admin-page[data-admin-page="facilities"] .facility-card-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
}

.facility-title-group { display: flex; min-width: 0; align-items: flex-start; gap: 8px; }
.facility-title-group > strong { min-width: 0; overflow-wrap: anywhere; font-size: 20px; line-height: 1.25; }
.facility-status-line { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
.facility-card-price { margin: 16px 0; color: #08735f; font-size: 22px; font-weight: 850; }
.admin-page[data-admin-page="facilities"] .facility-meta { grid-template-columns: 1fr 1fr; gap: 14px; }
.admin-page[data-admin-page="facilities"] .facility-actions { margin-top: auto; padding-top: 18px; }
.admin-page[data-admin-page="facilities"] .switch-row { margin-left: auto; }
.admin-page[data-admin-page="facilities"] .switch { width: 42px; height: 24px; }
.admin-page[data-admin-page="facilities"] .switch::after { width: 18px; height: 18px; }
.admin-page[data-admin-page="facilities"] .switch[aria-checked="true"]::after { transform: translateX(18px); }
.admin-page[data-admin-page="facilities"] .row-menu summary { width: 42px; font-size: 22px; letter-spacing: 2px; }

.status.availability-open { background: #dff4ea; color: #08735f; }
.status.availability-warning { background: #fff0cb; color: #8a6100; }
.status.availability-disabled { background: #e7ecea; color: #5f6c68; }
.status.availability-closed { background: #fde4e1; color: #ad2d24; }
.status.availability-booking { background: #e0edff; color: #245d9b; }

.facility-pricing-fields,
.facility-edit-pricing {
  display: grid;
  grid-template-columns: repeat(3, minmax(140px, 1fr));
  gap: 12px;
  grid-column: 1 / -1;
  margin: 0;
  padding: 16px;
  border: 1px solid #dce6e1;
  border-radius: 12px;
}
.facility-pricing-fields legend,
.facility-edit-pricing legend { padding: 0 6px; color: #174a3f; font-weight: 800; }
.facility-pricing-fields label,
.facility-edit-pricing label { display: grid; gap: 6px; font-size: 13px; font-weight: 700; }
.facility-pricing-fields [hidden] { display: none !important; }
.facility-edit-pricing [hidden] { display: none !important; }
.facility-edit-pricing { grid-template-columns: 1fr 1fr; }

@media (max-width: 1150px) {
  .admin-page[data-admin-page="facilities"] .facility-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .facility-pricing-fields { grid-template-columns: repeat(2, minmax(140px, 1fr)); }
}

@media (max-width: 700px) {
  .admin-page[data-admin-page="facilities"] .facility-list { grid-template-columns: 1fr; }
  .admin-page[data-admin-page="facilities"] .facility-card { min-height: 0; padding: 16px; }
  .admin-page[data-admin-page="facilities"] .facility-card-head { grid-template-columns: 1fr; }
  .facility-status-line { justify-content: flex-start; }
  .facility-pricing-fields,
  .facility-edit-pricing { grid-template-columns: 1fr; }
}
/* Users / Residents page cleanup */
.admin-page[data-admin-page="users"] #resident-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 4px 0 20px !important;
}

.admin-page[data-admin-page="users"] #resident-summary .summary-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: start !important;
  gap: 8px !important;
  min-height: 132px !important;
  padding: 18px 20px !important;
}

.admin-page[data-admin-page="users"] #resident-summary .summary-card > span {
  color: var(--dashboard-muted) !important;
  font-size: .78rem !important;
  font-weight: 800 !important;
  line-height: 1.3 !important;
}

.admin-page[data-admin-page="users"] #resident-summary .summary-card > strong {
  align-self: center !important;
  color: var(--dashboard-green) !important;
  font-size: 2rem !important;
  line-height: 1 !important;
}

.admin-page[data-admin-page="users"] #resident-summary .summary-card > small {
  color: var(--dashboard-muted) !important;
  font-size: .78rem !important;
  line-height: 1.3 !important;
}

.admin-page[data-admin-page="users"] .resident-review-card {
  grid-template-columns: minmax(260px, 1.05fr) minmax(620px, 2.7fr) minmax(142px, auto) !important;
  gap: 20px !important;
  padding: 18px 20px !important;
}

.admin-page[data-admin-page="users"] .resident-details {
  grid-template-columns: minmax(150px, 1.25fr) minmax(170px, 1.35fr) minmax(100px, .7fr) minmax(105px, .7fr) minmax(115px, .8fr) !important;
  gap: 16px !important;
}

.admin-page[data-admin-page="users"] .resident-details dd {
  overflow-wrap: anywhere !important;
}

.admin-page[data-admin-page="users"] .facility-summary {
  align-items: flex-start !important;
}

@media (max-width: 1380px) {
  .admin-page[data-admin-page="users"] #resident-summary { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
  .admin-page[data-admin-page="users"] .resident-review-card { grid-template-columns: 1fr !important; }
  .admin-page[data-admin-page="users"] .resident-details { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
  .admin-page[data-admin-page="users"] .application-actions { justify-self: start !important; }
}

@media (max-width: 760px) {
  .admin-page[data-admin-page="users"] #resident-summary { grid-template-columns: 1fr !important; }
  .admin-page[data-admin-page="users"] #resident-summary .summary-card { min-height: 112px !important; }
  .admin-page[data-admin-page="users"] .resident-details { grid-template-columns: 1fr !important; }
}
/* Facilities table and edit drawer */
.admin-page[data-admin-page="facilities"] #facility-list {
  display: block !important;
  width: 100% !important;
}

.admin-page[data-admin-page="facilities"] .facility-table-wrap {
  width: 100%;
  overflow-x: auto;
  border: 1px solid var(--dashboard-border);
  border-radius: 14px;
  background: #fff;
}

.admin-page[data-admin-page="facilities"] .facility-table {
  width: 100%;
  min-width: 1140px;
  border-collapse: collapse;
  table-layout: fixed;
}

.admin-page[data-admin-page="facilities"] .facility-table th {
  padding: 12px 14px;
  border-bottom: 1px solid var(--dashboard-border);
  background: #f4f8f6;
  color: var(--dashboard-muted);
  font-size: .7rem;
  font-weight: 900;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
}

.admin-page[data-admin-page="facilities"] .facility-table td {
  padding: 11px 14px;
  border-bottom: 1px solid #e7ece9;
  color: var(--dashboard-text);
  font-size: .84rem;
  line-height: 1.35;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.admin-page[data-admin-page="facilities"] .facility-table tbody tr:last-child td { border-bottom: 0; }
.admin-page[data-admin-page="facilities"] .facility-table tbody tr:hover { background: #f9fbfa; }
.admin-page[data-admin-page="facilities"] .facility-table tbody tr.is-disabled { background: #f5f7f6; }
.admin-page[data-admin-page="facilities"] .facility-table tbody tr.is-disabled td:not(:last-child) { color: #71807b; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(1) { width: 15%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(2) { width: 12%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(3) { width: 14%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(4) { width: 11%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(5) { width: 12%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(6) { width: 11%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(7) { width: 9%; }
.admin-page[data-admin-page="facilities"] .facility-table th:nth-child(8) { width: 16%; }
.admin-page[data-admin-page="facilities"] .facility-table td:first-child > strong { display: inline-block; margin-right: 6px; font-size: .9rem; }
.admin-page[data-admin-page="facilities"] .facility-table-price { color: var(--dashboard-green); white-space: nowrap; font-size: .82rem; }

.admin-page[data-admin-page="facilities"] .facility-table-actions {
  display: flex;
  align-items: center;
  gap: 9px;
  white-space: nowrap;
}

.admin-page[data-admin-page="facilities"] .facility-table-actions > button:not(.switch) {
  min-height: 38px;
  padding: 7px 12px;
  border-radius: 9px;
}

.admin-page[data-admin-page="facilities"] .facility-table-actions .switch { flex: 0 0 auto; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .switch {
  position: relative !important;
  display: inline-block !important;
  width: 38px !important;
  min-width: 38px !important;
  height: 22px !important;
  min-height: 22px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #c9d3cf !important;
  overflow: hidden !important;
}
.admin-page[data-admin-page="facilities"] .facility-table-actions .switch::before {
  content: "" !important;
  position: absolute !important;
  top: 3px !important;
  left: 3px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  background: #fff !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.22) !important;
  transform: translateX(0) !important;
  transition: transform .18s ease !important;
}
.admin-page[data-admin-page="facilities"] .facility-table-actions .switch::after { display: none !important; content: none !important; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .switch[aria-checked="true"] { background: var(--dashboard-green) !important; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .switch[aria-checked="true"]::before { transform: translateX(16px) !important; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .switch:focus-visible { outline: 3px solid rgba(8,127,101,.28) !important; outline-offset: 2px !important; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .row-menu { position: relative; width: 38px; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .row-menu summary { display: grid; place-items: center; width: 38px; height: 38px; padding: 0; font-size: 20px; list-style: none; }
.admin-page[data-admin-page="facilities"] .facility-table-actions .row-menu summary::-webkit-details-marker { display: none; }
.admin-page[data-admin-page="facilities"] .facility-mobile-list { display: none; }
.admin-page[data-admin-page="facilities"] .facility-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 14px; }
.admin-page[data-admin-page="facilities"] .facility-pagination span { color: var(--dashboard-muted); font-size: .82rem; font-weight: 700; }
.admin-page[data-admin-page="facilities"] .facility-pagination button { min-height: 40px; padding: 7px 13px; }

.admin-page[data-admin-page="facilities"] .facility-drawer-layer { position: fixed; inset: 0; z-index: 1200; }
.admin-page[data-admin-page="facilities"] .facility-drawer-backdrop { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; border-radius: 0; background: rgba(8, 25, 20, .42); }
.admin-page[data-admin-page="facilities"] .facility-edit-drawer { position: absolute; inset: 0 0 0 auto; display: grid; grid-template-rows: auto minmax(0, 1fr) auto; width: min(480px, 100vw); background: #fff; box-shadow: -20px 0 50px rgba(8, 35, 28, .2); }
.admin-page[data-admin-page="facilities"] .facility-edit-drawer > header,
.admin-page[data-admin-page="facilities"] .facility-edit-drawer > footer { position: sticky; z-index: 2; display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; background: #fff; }
.admin-page[data-admin-page="facilities"] .facility-edit-drawer > header { top: 0; border-bottom: 1px solid var(--dashboard-border); }
.admin-page[data-admin-page="facilities"] .facility-edit-drawer > header h2 { margin: 2px 0 0; }
.admin-page[data-admin-page="facilities"] .facility-edit-drawer > header > button { width: 40px; height: 40px; padding: 0; font-size: 24px; }
.admin-page[data-admin-page="facilities"] .facility-edit-drawer > footer { bottom: 0; justify-content: flex-end; border-top: 1px solid var(--dashboard-border); }
.admin-page[data-admin-page="facilities"] .facility-drawer-body { display: grid; align-content: start; gap: 14px; overflow-y: auto; padding: 20px; }
.admin-page[data-admin-page="facilities"] .facility-drawer-body > label { display: grid; gap: 6px; color: var(--dashboard-muted); font-size: .78rem; font-weight: 800; }
.admin-page[data-admin-page="facilities"] .facility-drawer-body input,
.admin-page[data-admin-page="facilities"] .facility-drawer-body select { width: 100%; min-height: 44px; }
.admin-page[data-admin-page="facilities"] .facility-drawer-body .facility-edit-pricing { grid-template-columns: 1fr 1fr; }

@media (max-width: 760px) {
  .admin-page[data-admin-page="facilities"] .facility-table-wrap { display: none; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-list { display: grid; gap: 12px; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-card { display: grid; gap: 12px; padding: 16px; border: 1px solid var(--dashboard-border); border-radius: 14px; background: #fff; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-card > div:first-child { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-card > p { margin: 0; color: var(--dashboard-green); font-size: 1.05rem; font-weight: 900; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-card dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-card dt { color: var(--dashboard-muted); font-size: .68rem; font-weight: 900; text-transform: uppercase; }
  .admin-page[data-admin-page="facilities"] .facility-mobile-card dd { margin: 4px 0 0; }
  .admin-page[data-admin-page="facilities"] .facility-pagination { justify-content: space-between; flex-wrap: wrap; }
  .admin-page[data-admin-page="facilities"] .facility-pagination span { order: -1; width: 100%; text-align: center; }
  .admin-page[data-admin-page="facilities"] .facility-drawer-body .facility-edit-pricing { grid-template-columns: 1fr; }
}
/* Payments page table and pagination */
.admin-page[data-admin-page="payments"] #payment-summary-cards {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  margin: 4px 0 20px !important;
}

.admin-page[data-admin-page="payments"] #payment-summary-cards .summary-card {
  display: grid !important;
  grid-template-columns: 1fr !important;
  grid-template-rows: auto 1fr auto !important;
  align-items: start !important;
  gap: 8px !important;
  min-height: 128px !important;
  padding: 18px 20px !important;
}

.admin-page[data-admin-page="payments"] #payment-summary-cards .summary-card > span,
.admin-page[data-admin-page="payments"] #payment-summary-cards .summary-card > small { color: var(--dashboard-muted) !important; font-size: .78rem !important; line-height: 1.3 !important; }
.admin-page[data-admin-page="payments"] #payment-summary-cards .summary-card > span { font-weight: 800 !important; }
.admin-page[data-admin-page="payments"] #payment-summary-cards .summary-card > strong { align-self: center !important; color: var(--dashboard-green) !important; font-size: 1.8rem !important; line-height: 1.05 !important; }
.admin-page[data-admin-page="payments"] .payment-review-list { display: grid !important; gap: 14px !important; }
.admin-page[data-admin-page="payments"] .payment-table-wrap { overflow-x: auto; border: 1px solid var(--dashboard-border); border-radius: 14px; background: #fff; }
.admin-page[data-admin-page="payments"] .payment-table { width: 100%; min-width: 900px; border-collapse: collapse; table-layout: fixed; }
.admin-page[data-admin-page="payments"] .payment-table th { padding: 12px 14px; border-bottom: 1px solid var(--dashboard-border); background: #f4f8f6; color: var(--dashboard-muted); font-size: .7rem; font-weight: 900; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.admin-page[data-admin-page="payments"] .payment-table td { padding: 13px 14px; border-bottom: 1px solid #e7ece9; color: var(--dashboard-text); font-size: .84rem; vertical-align: middle; }
.admin-page[data-admin-page="payments"] .payment-table tbody tr:last-child td { border-bottom: 0; }
.admin-page[data-admin-page="payments"] .payment-table tbody tr:hover { background: #f9fbfa; }
.admin-page[data-admin-page="payments"] .payment-table td:first-child { display: grid; gap: 4px; }
.admin-page[data-admin-page="payments"] .payment-table td small { color: var(--dashboard-muted); line-height: 1.35; }
.admin-page[data-admin-page="payments"] .payment-table code { padding: 4px 7px; border-radius: 7px; background: #f0f4f2; color: #38554d; font-family: inherit; font-size: .76rem; }
.admin-page[data-admin-page="payments"] .payment-table th:nth-child(1) { width: 26%; }
.admin-page[data-admin-page="payments"] .payment-table th:nth-child(2) { width: 12%; }
.admin-page[data-admin-page="payments"] .payment-table th:nth-child(3) { width: 16%; }
.admin-page[data-admin-page="payments"] .payment-table th:nth-child(4) { width: 13%; }
.admin-page[data-admin-page="payments"] .payment-table th:nth-child(5) { width: 18%; }
.admin-page[data-admin-page="payments"] .payment-table th:nth-child(6) { width: 15%; }
.admin-page[data-admin-page="payments"] .payment-table td:last-child button { width: 100%; min-height: 40px; border-radius: 10px; background: var(--dashboard-green); color: #fff; font-weight: 800; }
.admin-page[data-admin-page="payments"] .payment-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.admin-page[data-admin-page="payments"] .payment-pagination span { color: var(--dashboard-muted); font-size: .82rem; font-weight: 700; }
.admin-page[data-admin-page="payments"] .payment-pagination button { min-height: 40px; padding: 7px 13px; }
.admin-page[data-admin-page="payments"] .payment-mobile-list { display: none; }

@media (max-width: 1100px) {
  .admin-page[data-admin-page="payments"] #payment-summary-cards { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}

@media (max-width: 700px) {
  .admin-page[data-admin-page="payments"] #payment-summary-cards { grid-template-columns: 1fr !important; }
  .admin-page[data-admin-page="payments"] #payment-summary-cards .summary-card { min-height: 108px !important; }
  .admin-page[data-admin-page="payments"] .payment-table-wrap { display: none; }
  .admin-page[data-admin-page="payments"] .payment-mobile-list { display: grid; gap: 10px; }
  .admin-page[data-admin-page="payments"] .payment-mobile-list article { display: grid; gap: 8px; padding: 14px; border: 1px solid var(--dashboard-border); border-radius: 12px; background: #fff; }
  .admin-page[data-admin-page="payments"] .payment-mobile-list article > div { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }
  .admin-page[data-admin-page="payments"] .payment-mobile-list p { margin: 0; color: var(--dashboard-green); font-weight: 900; }
  .admin-page[data-admin-page="payments"] .payment-mobile-list small { color: var(--dashboard-muted); }
  .admin-page[data-admin-page="payments"] .payment-mobile-list button { min-height: 42px; background: var(--dashboard-green); color: #fff; }
  .admin-page[data-admin-page="payments"] .payment-pagination { justify-content: space-between; flex-wrap: wrap; }
  .admin-page[data-admin-page="payments"] .payment-pagination span { order: -1; width: 100%; text-align: center; }
}
/* Users / Residents table and pagination */
.admin-page[data-admin-page="users"] #resident-table-body { display: grid !important; gap: 14px !important; }
.admin-page[data-admin-page="users"] .resident-table-wrap { overflow-x: auto; border: 1px solid var(--dashboard-border); border-radius: 14px; background: #fff; }
.admin-page[data-admin-page="users"] .resident-table { width: 100%; min-width: 1050px; border-collapse: collapse; table-layout: fixed; }
.admin-page[data-admin-page="users"] .resident-table th { padding: 12px 14px; border-bottom: 1px solid var(--dashboard-border); background: #f4f8f6; color: var(--dashboard-muted); font-size: .7rem; font-weight: 900; letter-spacing: .04em; text-align: left; text-transform: uppercase; }
.admin-page[data-admin-page="users"] .resident-table td { padding: 13px 14px; border-bottom: 1px solid #e7ece9; color: var(--dashboard-text); font-size: .84rem; line-height: 1.35; vertical-align: middle; overflow-wrap: anywhere; }
.admin-page[data-admin-page="users"] .resident-table tbody tr:last-child td { border-bottom: 0; }
.admin-page[data-admin-page="users"] .resident-table tbody tr:hover { background: #f9fbfa; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(1) { width: 23%; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(2) { width: 16%; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(3) { width: 17%; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(4) { width: 11%; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(5) { width: 10%; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(6) { width: 11%; }
.admin-page[data-admin-page="users"] .resident-table th:nth-child(7) { width: 12%; }
.admin-page[data-admin-page="users"] .resident-person-cell { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: center; gap: 10px; }
.admin-page[data-admin-page="users"] .resident-person-cell > span,
.admin-page[data-admin-page="users"] .resident-mobile-avatar { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 12px; background: #e3f4ef; color: var(--dashboard-green); font-weight: 900; }
.admin-page[data-admin-page="users"] .resident-person-cell > div { display: grid; gap: 3px; min-width: 0; }
.admin-page[data-admin-page="users"] .resident-person-cell small { color: var(--dashboard-muted); font-size: .76rem; }
.admin-page[data-admin-page="users"] .resident-table-actions { display: flex; align-items: center; gap: 8px; }
.admin-page[data-admin-page="users"] .resident-table-actions > button { min-width: 66px; min-height: 38px; border-radius: 9px; background: var(--dashboard-green); color: #fff; font-weight: 800; }
.admin-page[data-admin-page="users"] .resident-table-actions .row-menu { position: relative !important; width: 38px !important; }
.admin-page[data-admin-page="users"] .resident-table-actions .row-menu summary { display: grid !important; place-items: center !important; width: 38px !important; min-width: 38px !important; height: 38px !important; min-height: 38px !important; padding: 0 !important; }
.admin-page[data-admin-page="users"] .resident-mobile-list { display: none; }
.admin-page[data-admin-page="users"] .resident-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.admin-page[data-admin-page="users"] .resident-pagination span { color: var(--dashboard-muted); font-size: .82rem; font-weight: 700; }
.admin-page[data-admin-page="users"] .resident-pagination button { min-height: 40px; padding: 7px 13px; }

@media (max-width: 700px) {
  .admin-page[data-admin-page="users"] .resident-table-wrap { display: none; }
  .admin-page[data-admin-page="users"] .resident-mobile-list { display: grid; gap: 10px; }
  .admin-page[data-admin-page="users"] .resident-mobile-list article { display: grid; gap: 12px; padding: 14px; border: 1px solid var(--dashboard-border); border-radius: 12px; background: #fff; }
  .admin-page[data-admin-page="users"] .resident-mobile-list article > div { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; align-items: center; gap: 10px; }
  .admin-page[data-admin-page="users"] .resident-mobile-list article > div > div { display: grid; gap: 3px; }
  .admin-page[data-admin-page="users"] .resident-mobile-list article small { color: var(--dashboard-muted); }
  .admin-page[data-admin-page="users"] .resident-mobile-list dl { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin: 0; }
  .admin-page[data-admin-page="users"] .resident-mobile-list dt { color: var(--dashboard-muted); font-size: .68rem; font-weight: 900; text-transform: uppercase; }
  .admin-page[data-admin-page="users"] .resident-mobile-list dd { margin: 4px 0 0; }
  .admin-page[data-admin-page="users"] .resident-mobile-list article > button { min-height: 42px; background: var(--dashboard-green); color: #fff; }
  .admin-page[data-admin-page="users"] .resident-pagination { justify-content: space-between; flex-wrap: wrap; }
  .admin-page[data-admin-page="users"] .resident-pagination span { order: -1; width: 100%; text-align: center; }
}
/* Application verification checklist alignment */
.admin-page[data-admin-page="applications"] .verification-checklist {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}

.admin-page[data-admin-page="applications"] .verification-checklist label {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 12px !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 12px 14px !important;
  color: var(--dashboard-text) !important;
  font-size: .88rem !important;
  font-weight: 750 !important;
  line-height: 1.35 !important;
  text-align: left !important;
}

.admin-page[data-admin-page="applications"] .verification-checklist input[type="checkbox"] {
  appearance: none !important;
  flex: 0 0 20px !important;
  width: 20px !important;
  min-width: 20px !important;
  max-width: 20px !important;
  height: 20px !important;
  min-height: 20px !important;
  margin: 0 !important;
  border: 2px solid #9aaca6 !important;
  border-radius: 5px !important;
  background: #fff !important;
  cursor: pointer !important;
}

.admin-page[data-admin-page="applications"] .verification-checklist input[type="checkbox"]:checked {
  border-color: var(--dashboard-green) !important;
  background: var(--dashboard-green) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round' d='m4 10 4 4 8-9'/%3E%3C/svg%3E") center / 16px no-repeat !important;
}

.admin-page[data-admin-page="applications"] .verification-checklist input[type="checkbox"]:focus-visible {
  outline: 3px solid rgba(8,127,101,.28) !important;
  outline-offset: 2px !important;
}

@media (max-width: 760px) {
  .admin-page[data-admin-page="applications"] .verification-checklist { grid-template-columns: 1fr !important; }
}
/* Notification read state and pagination */
.admin-page[data-admin-page="notifications"] .notification-list-toolbar,
.admin-page[data-admin-page="notifications"] .notification-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; }
.admin-page[data-admin-page="notifications"] .notification-list-toolbar { padding: 8px 0; }
.admin-page[data-admin-page="notifications"] .notification-list-toolbar span,
.admin-page[data-admin-page="notifications"] .notification-pagination span { color: var(--dashboard-muted); font-size: .82rem; font-weight: 800; }
.admin-page[data-admin-page="notifications"] .notification-list-toolbar button,
.admin-page[data-admin-page="notifications"] .notification-pagination button { min-height: 38px; padding: 7px 12px; }
.admin-page[data-admin-page="notifications"] .email-item { transition: background .15s ease, border-color .15s ease; }
.admin-page[data-admin-page="notifications"] .email-item.is-unread { border-left: 4px solid var(--dashboard-green) !important; background: #fbfefd !important; }
.admin-page[data-admin-page="notifications"] .email-item.is-read { opacity: .78; }
.admin-page[data-admin-page="notifications"] .notification-item-status { display: flex; align-items: center; justify-content: flex-end; gap: 8px; flex-wrap: wrap; }
.admin-page[data-admin-page="notifications"] .notification-item-status .unread-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--dashboard-green); }
.admin-page[data-admin-page="notifications"] .notification-item-status button { min-height: 34px; padding: 5px 9px; border-radius: 8px; color: var(--dashboard-green); font-size: .75rem; font-weight: 800; }
@media (max-width: 700px) { .admin-page[data-admin-page="notifications"] .notification-list-toolbar,
  .admin-page[data-admin-page="notifications"] .notification-pagination { justify-content: space-between; flex-wrap: wrap; }
  .admin-page[data-admin-page="notifications"] .record-card-head { align-items: flex-start; }
}
/* Settings page dashboard-style alignment */
.admin-page[data-admin-page="settings"] .settings-grid {
  display: grid !important;
  grid-template-columns: minmax(300px, 1.08fr) repeat(2, minmax(260px, 1fr)) !important;
  grid-auto-flow: row !important;
  grid-auto-rows: minmax(220px, auto) !important;
  align-items: stretch !important;
  gap: 16px !important;
}

.admin-page[data-admin-page="settings"] .settings-card {
  display: flex !important;
  flex-direction: column !important;
  min-width: 0 !important;
  height: 100% !important;
  padding: 20px 22px !important;
}

.admin-page[data-admin-page="settings"] .branding-settings-card {
  grid-row: span 2 !important;
}

.admin-page[data-admin-page="settings"] .settings-card > h3 {
  margin: 0 0 12px !important;
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--dashboard-border) !important;
}

.admin-page[data-admin-page="settings"] .branding-settings-card .branding-preview {
  margin-bottom: 16px !important;
}

.admin-page[data-admin-page="settings"] .settings-card label {
  display: grid !important;
  gap: 6px !important;
  margin-bottom: 12px !important;
}

.admin-page[data-admin-page="settings"] .settings-card input,
.admin-page[data-admin-page="settings"] .settings-card button {
  min-height: 44px !important;
}

.admin-page[data-admin-page="settings"] .scanner-pin-settings-card > button,
.admin-page[data-admin-page="settings"] .branding-settings-card .record-actions {
  margin-top: auto !important;
}

.admin-page[data-admin-page="settings"] .settings-card dl {
  margin: 0 !important;
}

.admin-page[data-admin-page="settings"] .settings-card dl > div {
  min-height: 50px !important;
}

@media (max-width: 1200px) {
  .admin-page[data-admin-page="settings"] .settings-grid { grid-template-columns: repeat(2, minmax(260px, 1fr)) !important; }
  .admin-page[data-admin-page="settings"] .branding-settings-card { grid-row: span 1 !important; }
}

@media (max-width: 700px) {
  .admin-page[data-admin-page="settings"] .settings-grid { grid-template-columns: 1fr !important; grid-auto-rows: auto !important; }
  .admin-page[data-admin-page="settings"] .settings-card { padding: 16px !important; }
}
/* Dashboard section boxes */
.admin-page[data-admin-page="dashboard"] .dashboard-layout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: stretch !important;
}

.admin-page[data-admin-page="dashboard"] .dashboard-left-column,
.admin-page[data-admin-page="dashboard"] .dashboard-side {
  display: contents !important;
}

.admin-page[data-admin-page="dashboard"] .facility-usage-card,
.admin-page[data-admin-page="dashboard"] .recent-checkins-card,
.admin-page[data-admin-page="dashboard"] .dashboard-side > .dashboard-card,
.admin-page[data-admin-page="dashboard"] .recent-activity-card {
  grid-column: auto !important;
  min-height: 320px !important;
  height: 100% !important;
}

.admin-page[data-admin-page="dashboard"] .facility-usage-card .usage-chart,
.admin-page[data-admin-page="dashboard"] .recent-checkins-card .recent-checkins,
.admin-page[data-admin-page="dashboard"] .recent-activity-card .recent-activity {
  min-height: 220px !important;
}

@media (max-width: 1180px) {
  .admin-page[data-admin-page="dashboard"] .dashboard-layout { grid-template-columns: 1fr !important; }
  .admin-page[data-admin-page="dashboard"] .facility-usage-card,
  .admin-page[data-admin-page="dashboard"] .recent-checkins-card,
  .admin-page[data-admin-page="dashboard"] .dashboard-side > .dashboard-card,
  .admin-page[data-admin-page="dashboard"] .recent-activity-card { min-height: 0 !important; }
}

/* Reports: accounts and payment reporting */
.admin-page[data-admin-page="reports"] .account-report { display: grid; gap: 20px; }
.admin-page[data-admin-page="reports"] .account-report-heading,
.admin-page[data-admin-page="reports"] .account-card-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; }
.admin-page[data-admin-page="reports"] .account-report-actions { display: flex; gap: 10px; }
.admin-page[data-admin-page="reports"] .account-summary-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto minmax(34px, 1fr) !important;
  align-items: start !important;
  gap: 9px !important;
  min-height: 150px !important;
  padding: 18px !important;
  border: 1px solid var(--dashboard-border) !important;
  border-radius: 14px !important;
  background: #fff !important;
}
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card > span,
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card > strong,
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card > small { position: static !important; display: block !important; width: 100% !important; margin: 0 !important; }
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card > span { color: var(--dashboard-muted) !important; font-size: .78rem !important; font-weight: 800 !important; }
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card > strong { color: var(--dashboard-green) !important; font-size: clamp(1.55rem, 2vw, 2rem) !important; line-height: 1.05 !important; overflow-wrap: anywhere !important; }
.admin-page[data-admin-page="reports"] .account-summary-cards .summary-card > small { align-self: end !important; color: var(--dashboard-muted) !important; font-size: .78rem !important; line-height: 1.35 !important; }
.admin-page[data-admin-page="reports"] .account-report-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(260px, .8fr); gap: 16px; }
.admin-page[data-admin-page="reports"] .account-chart-card,
.admin-page[data-admin-page="reports"] .account-daily-card,
.admin-page[data-admin-page="reports"] .account-payment-section { padding: 18px; border: 1px solid var(--dashboard-border); border-radius: 14px; background: #fff; }
.admin-page[data-admin-page="reports"] .account-card-heading label,
.admin-page[data-admin-page="reports"] .account-payment-filters label { display: grid; gap: 5px; color: var(--dashboard-muted); font-size: .72rem; font-weight: 800; }
.admin-page[data-admin-page="reports"] .account-card-heading select { min-height: 40px; }
.admin-page[data-admin-page="reports"] .monthly-revenue-chart { display: grid; gap: 9px; margin-top: 16px; }
.admin-page[data-admin-page="reports"] .monthly-revenue-row { display: grid; grid-template-columns: 34px minmax(100px, 1fr) 105px; align-items: center; gap: 10px; font-size: .78rem; }
.admin-page[data-admin-page="reports"] .monthly-revenue-row > div { height: 9px; border-radius: 999px; background: #e9efec; overflow: hidden; }
.admin-page[data-admin-page="reports"] .monthly-revenue-row i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--dashboard-green), #35b794); }
.admin-page[data-admin-page="reports"] .monthly-revenue-row strong { text-align: right; color: var(--dashboard-green); }
.admin-page[data-admin-page="reports"] .account-daily-card dl { display: grid; gap: 0; margin: 12px 0 0; }
.admin-page[data-admin-page="reports"] .account-daily-card dl div { display: flex; justify-content: space-between; gap: 16px; padding: 14px 0; border-bottom: 1px solid var(--dashboard-border); }
.admin-page[data-admin-page="reports"] .account-daily-card dl div:last-child { border-bottom: 0; }
.admin-page[data-admin-page="reports"] .account-daily-card dt { color: var(--dashboard-muted); font-weight: 700; }
.admin-page[data-admin-page="reports"] .account-daily-card dd { margin: 0; color: var(--dashboard-green); font-size: 1.15rem; font-weight: 900; }
.admin-page[data-admin-page="reports"] .account-payment-filters { display: flex; gap: 10px; }
.admin-page[data-admin-page="reports"] .account-payment-filters input,
.admin-page[data-admin-page="reports"] .account-payment-filters select { min-height: 40px; }
.admin-page[data-admin-page="reports"] .account-table-wrap { margin-top: 14px; overflow-x: auto; border: 1px solid var(--dashboard-border); border-radius: 12px; }
.admin-page[data-admin-page="reports"] .account-table { width: 100%; min-width: 920px; border-collapse: collapse; }
.admin-page[data-admin-page="reports"] .account-table th { padding: 11px 12px; background: #f4f8f6; color: var(--dashboard-muted); font-size: .68rem; text-align: left; text-transform: uppercase; }
.admin-page[data-admin-page="reports"] .account-table td { padding: 12px; border-top: 1px solid var(--dashboard-border); font-size: .8rem; }
.admin-page[data-admin-page="reports"] .account-table td:first-child strong,
.admin-page[data-admin-page="reports"] .account-table td:first-child small { display: block; }
.admin-page[data-admin-page="reports"] .account-table td:first-child small { margin-top: 3px; color: var(--dashboard-muted); }
.admin-page[data-admin-page="reports"] .account-pagination { display: flex; align-items: center; justify-content: flex-end; gap: 12px; margin-top: 14px; }
.admin-page[data-admin-page="reports"] .account-pagination span { color: var(--dashboard-muted); font-size: .82rem; font-weight: 700; }

@media (max-width: 1050px) {
  .admin-page[data-admin-page="reports"] .account-summary-cards { grid-template-columns: repeat(2, 1fr); }
  .admin-page[data-admin-page="reports"] .account-report-grid { grid-template-columns: 1fr; }
}
@media (max-width: 680px) {
  .admin-page[data-admin-page="reports"] .account-report-heading,
  .admin-page[data-admin-page="reports"] .account-card-heading { align-items: stretch; flex-direction: column; }
  .admin-page[data-admin-page="reports"] .account-report-actions,
  .admin-page[data-admin-page="reports"] .account-payment-filters { display: grid; grid-template-columns: 1fr; width: 100%; }
  .admin-page[data-admin-page="reports"] .account-summary-cards { grid-template-columns: 1fr; }
  .admin-page[data-admin-page="reports"] .account-pagination { justify-content: space-between; flex-wrap: wrap; }
  .admin-page[data-admin-page="reports"] .account-pagination span { order: -1; width: 100%; text-align: center; }
}