/*
 * hadir. v6.15.2 — Phase 7A audit remediation
 * Loaded last on Guest, Admin, Client, and Film Lab.
 * Purpose: accessibility baseline, responsive containment, low-effects fallback,
 * safe-area parity, touch targets, and measured overflow fixes.
 */

:root {
  --hadir-focus-ring: #6d5dfc;
  --hadir-focus-offset: 3px;
  --hadir-touch-min: 44px;
  --hadir-text-body-min: 14px;
  --hadir-text-meta-min: 12px;
  --hadir-safe-top: env(safe-area-inset-top, 0px);
  --hadir-safe-right: env(safe-area-inset-right, 0px);
  --hadir-safe-bottom: env(safe-area-inset-bottom, 0px);
  --hadir-safe-left: env(safe-area-inset-left, 0px);
}

/* Shared keyboard baseline. Do not remove focus without a replacement. */
:where(a[href], button, input, select, textarea, summary, [role="button"], [tabindex]):focus-visible {
  outline: 3px solid var(--hadir-focus-ring) !important;
  outline-offset: var(--hadir-focus-offset) !important;
  box-shadow: 0 0 0 2px Canvas !important;
}

:where(button, input, select, textarea) {
  -webkit-tap-highlight-color: transparent;
}

:where(button, input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]), select, textarea) {
  min-height: var(--hadir-touch-min);
}

:where(.menu-toggle, .sidebar-close, .topbar-logout, .icon-button, .event-detail-close,
  .media-lightbox-nav, .lightbox-nav, .theme-choice, .gallery-tab, .settings-tab,
  .workspace-tab, .mobile-nav-item, .nav-item, .soft-button, .primary-button,
  .ghost-button, .danger-outline-button, .gallery-dock-button) {
  min-height: var(--hadir-touch-min);
}

:where(.menu-toggle, .sidebar-close, .topbar-logout, .icon-button, .event-detail-close,
  .media-lightbox-nav, .lightbox-nav) {
  min-width: var(--hadir-touch-min);
}

/* Decorative glows are contained so they cannot create page-level overflow. */
.ambient-layer {
  position: fixed;
  inset: 0;
  z-index: -1;
  overflow: clip;
  pointer-events: none;
  contain: strict;
}
.ambient-layer .ambient { position: absolute; }

/* Shared low-effects mode for low-memory / low-core devices. */
html[data-low-effects="true"] :where(
  .glass-panel, .client-sidebar, .client-topbar, .client-auth-card,
  .dashboard-mobile-nav, .dashboard-sidebar, .dashboard-topbar,
  .admin-panel, .event-card, .settings-card, .settings-panel-card,
  .media-lightbox, .event-detail-drawer, .admin-confirm-card
) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, .12) !important;
}
html[data-low-effects="true"] .ambient { display: none !important; }

/* Horizontal tab affordance. Classes are maintained by phase7a-remediation.js. */
:where(.workspace-tabs, .settings-tabs) {
  max-width: 100%;
  min-width: 0;
  overflow-x: auto;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  scroll-snap-type: inline proximity;
  scrollbar-width: thin;
  -webkit-overflow-scrolling: touch;
}
:where(.workspace-tab, .settings-tab) {
  flex: 0 0 auto;
  scroll-snap-align: center;
}
:where(.workspace-tabs, .settings-tabs).can-scroll-right:not(.can-scroll-left) {
  -webkit-mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
  mask-image: linear-gradient(to right, #000 0, #000 calc(100% - 28px), transparent 100%);
}
:where(.workspace-tabs, .settings-tabs).can-scroll-left:not(.can-scroll-right) {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 100%);
}
:where(.workspace-tabs, .settings-tabs).can-scroll-left.can-scroll-right {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
  mask-image: linear-gradient(to right, transparent 0, #000 28px, #000 calc(100% - 28px), transparent 100%);
}

/* Guest App: native mini-gallery control and safe focus treatment. */
button.mini-gallery {
  appearance: none;
  -webkit-appearance: none;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  cursor: pointer;
}
button.mini-gallery:focus-visible {
  border-radius: 14px;
}

/* Admin: containment and typography floor. */
.dashboard-app,
.dashboard-workspace,
.dashboard-content,
.dashboard-section,
.dashboard-section > *,
.admin-panel,
.admin-panel > *,
.event-management-toolbar,
.event-list-v3,
.settings-workspace,
.settings-panel,
.settings-panel > * {
  min-width: 0;
  max-width: 100%;
}

.dashboard-content {
  padding-left: max(var(--admin-content-pad, 24px), var(--hadir-safe-left));
  padding-right: max(var(--admin-content-pad, 24px), var(--hadir-safe-right));
  padding-bottom: calc(96px + var(--hadir-safe-bottom));
}

.dashboard-topbar {
  padding-top: var(--hadir-safe-top);
  padding-left: max(18px, var(--hadir-safe-left));
  padding-right: max(18px, var(--hadir-safe-right));
}

.dashboard-mobile-nav {
  padding-left: max(8px, var(--hadir-safe-left));
  padding-right: max(8px, var(--hadir-safe-right));
  padding-bottom: max(8px, var(--hadir-safe-bottom));
}

.dashboard-sidebar {
  padding-left: max(18px, var(--hadir-safe-left));
  padding-bottom: max(18px, var(--hadir-safe-bottom));
}

.dashboard-app :where(p, label, input, select, textarea, button, a, time, code) {
  font-size: max(var(--hadir-text-body-min), 1em);
}
.dashboard-app :where(small, .eyebrow, .event-result-count, .event-status-pill,
  .overview-event-status, .phase6c-status, .settings-admin-state,
  .settings-admin-date, .settings-security-log-meta,
  .admin-kpi-copy > span, .admin-kpi-copy small,
  .sidebar-footer-links a, .topbar-profile span, .sidebar-account span) {
  font-size: var(--hadir-text-meta-min) !important;
  line-height: 1.45;
}
.dashboard-app :where(.workspace-tab, .settings-tab, .mobile-nav-item, .nav-item) {
  font-size: 13px !important;
}
.dashboard-app :where(input, select, textarea) {
  width: 100%;
  max-width: 100%;
  font-size: 14px !important;
}

.event-management-toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(0, auto) !important;
}
.event-management-toolbar > * { min-width: 0; }
.event-management-toolbar .event-search-field,
.event-management-toolbar input,
.event-management-toolbar select { max-width: 100%; }

.event-card,
.event-card-head,
.event-card-footer,
.event-card-identity,
.event-card-metrics { min-width: 0; }
.event-card-identity h3,
.event-card-identity p,
.event-card-footer span,
.event-card-footer code {
  overflow-wrap: anywhere;
  word-break: break-word;
}
.event-detail-trigger { min-width: 44px !important; min-height: 44px !important; }
.event-detail-action-row { flex-wrap: wrap; }
.event-detail-action-row > * { min-height: 44px; }
.event-detail-maintenance summary { min-height: 44px; display: flex; align-items: center; }

.settings-account-create-grid,
.settings-admin-table-head,
.settings-admin-row {
  width: 100%;
  max-width: 100%;
  min-width: 0;
}
.settings-account-create-grid {
  grid-template-columns: minmax(0, .9fr) minmax(0, 1.2fr) minmax(130px, 150px) minmax(160px, auto) !important;
}
.settings-account-create-grid > *,
.settings-admin-table-head > *,
.settings-admin-row > * { min-width: 0; }
.settings-admin-identity span,
.settings-admin-date,
.settings-security-log-meta { overflow-wrap: anywhere; }
.settings-admin-role-select,
.settings-admin-action { min-height: 44px !important; }

/* Client Portal parity with Admin shell. */
.client-skip-link {
  position: fixed;
  z-index: 1000;
  top: calc(var(--hadir-safe-top) + 8px);
  left: max(12px, var(--hadir-safe-left));
  transform: translateY(-160%);
  padding: 12px 16px;
  border-radius: 12px;
  background: #fff;
  color: #111522;
  font-weight: 800;
  text-decoration: none;
  transition: transform .16s ease;
}
.client-skip-link:focus { transform: translateY(0); }

.client-app,
.client-workspace,
.client-content,
.client-content > *,
.client-main-grid,
.client-main-grid > *,
.client-event-banner,
.client-event-list,
.client-album-grid { min-width: 0; max-width: 100%; }

.client-sidebar {
  padding-top: max(22px, var(--hadir-safe-top));
  padding-left: max(18px, var(--hadir-safe-left));
  padding-bottom: max(18px, var(--hadir-safe-bottom));
}
.client-topbar {
  min-height: calc(66px + var(--hadir-safe-top));
  padding-top: var(--hadir-safe-top);
  padding-left: max(14px, var(--hadir-safe-left));
  padding-right: max(14px, var(--hadir-safe-right));
}
.client-content {
  padding-left: var(--hadir-safe-left);
  padding-right: var(--hadir-safe-right);
  padding-bottom: calc(40px + var(--hadir-safe-bottom));
}
.client-toast {
  bottom: calc(24px + var(--hadir-safe-bottom));
  max-width: calc(100vw - 32px - var(--hadir-safe-left) - var(--hadir-safe-right));
}
.client-sidebar-backdrop {
  position: fixed;
  z-index: 89;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0;
  padding: 0;
  border: 0;
  background: rgba(4, 7, 17, .62);
  opacity: 0;
  pointer-events: none;
  transition: opacity .18s ease;
}
.client-sidebar-backdrop:not([hidden]) {
  opacity: 1;
  pointer-events: auto;
}
body.client-nav-open { overflow: hidden; }

.client-app :where(p, label, input, select, textarea, button, a, time) {
  font-size: max(var(--hadir-text-body-min), 1em);
}
.client-app :where(small, .eyebrow, .client-event-card p, .client-stat span,
  .client-stat small, .retention-card small, .album-heading > span,
  .story-signature, .story-card > strong, .client-sidebar-profile span) {
  font-size: var(--hadir-text-meta-min) !important;
  line-height: 1.5;
}
.client-auth-stage :where(label, input, button, p) { font-size: 14px; }
.client-auth-stage .eyebrow { font-size: 12px !important; }
.client-auth-stage input { min-height: 48px; }
.client-auth-stage .primary-button { min-height: 48px; }
.sidebar-nav .nav-item,
.sidebar-close,
.menu-toggle,
.theme-choice,
.icon-button { min-height: 44px; }
.sidebar-nav .nav-item { font-size: 14px !important; }
.client-event-card,
.client-event-card p,
.client-album-grid,
.album-heading { overflow-wrap: anywhere; }

/* Film Lab accessibility baseline. */
body .pick { min-height: 44px; }
body .pick:focus-within { outline: 3px solid var(--hadir-focus-ring); outline-offset: 3px; }

@media (max-width: 1200px) {
  .settings-account-create-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .settings-account-create-grid .primary-button { width: 100%; }
  .settings-admin-table-head,
  .settings-admin-row {
    grid-template-columns: minmax(0, 1.35fr) minmax(112px, .55fr) minmax(104px, .48fr) minmax(92px, .44fr) !important;
  }
  .settings-admin-table-head > :nth-child(4),
  .settings-admin-row > :nth-child(4),
  .settings-admin-table-head > :nth-child(5),
  .settings-admin-row > :nth-child(5) { display: none !important; }
}

@media (max-width: 980px) {
  .dashboard-content {
    padding-left: max(16px, var(--hadir-safe-left));
    padding-right: max(16px, var(--hadir-safe-right));
  }
  .dashboard-sidebar {
    width: min(88vw, 300px) !important;
    max-width: calc(100vw - var(--hadir-safe-right));
  }
  .event-management-toolbar { grid-template-columns: 1fr !important; }
  .settings-admin-table-head { display: none !important; }
  .settings-admin-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(120px, .45fr) !important;
    gap: 12px;
  }
  .settings-admin-row > :nth-child(3) { grid-column: 1; }
  .settings-admin-row > :nth-child(6) { grid-column: 2; grid-row: 2; }
}

@media (max-width: 760px) {
  html:not([data-low-effects="false"]) :where(
    .glass-panel, .client-sidebar, .client-topbar, .client-auth-card,
    .dashboard-mobile-nav, .dashboard-sidebar, .dashboard-topbar,
    .admin-panel, .event-card, .settings-card, .settings-panel-card
  ) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    filter: none !important;
  }
  .ambient { display: none !important; }

  .dashboard-mobile-nav {
    background: color-mix(in srgb, var(--panel-strong, #fff) 96%, transparent) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: 0 -6px 18px rgba(17, 18, 20, .08) !important;
  }
  html[data-dashboard-theme="dark"] .dashboard-mobile-nav {
    background: rgba(7, 11, 25, .98) !important;
  }
  .mobile-nav-item { min-height: 52px !important; }
  .mobile-nav-item span { font-size: 12px !important; }

  .workspace-tabs,
  .settings-tabs {
    margin-inline: -4px;
    padding-inline: 4px;
  }
  .workspace-tab,
  .settings-tab {
    min-height: 44px !important;
    padding-inline: 14px !important;
  }

  .event-card-head { align-items: flex-start; gap: 10px; }
  .event-card-metrics { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .event-card-footer { display: grid !important; grid-template-columns: 1fr; gap: 8px; }
  .event-card-footer code { width: 100%; margin-left: 0 !important; }
  .event-detail-drawer {
    width: 100%;
    max-width: 100%;
    padding-left: var(--hadir-safe-left);
    padding-right: var(--hadir-safe-right);
  }
  .event-detail-header { padding-top: max(18px, var(--hadir-safe-top)); }
  .event-detail-body { padding-bottom: calc(28px + var(--hadir-safe-bottom)); }

  .settings-account-create-grid { grid-template-columns: 1fr !important; }
  .settings-account-create-foot { align-items: flex-start !important; flex-direction: column; }
  .settings-account-create-foot small { text-align: left !important; }
  .settings-admin-row {
    grid-template-columns: 1fr !important;
    gap: 10px;
  }
  .settings-admin-row > * { grid-column: 1 !important; grid-row: auto !important; }
  .settings-admin-action { width: 100%; }

  .client-sidebar {
    z-index: 90 !important;
    width: min(86vw, 300px) !important;
    max-width: calc(100vw - var(--hadir-safe-right));
  }
  .client-content { width: calc(100% - 20px - var(--hadir-safe-left) - var(--hadir-safe-right)) !important; }
  .client-auth-visual {
    padding-left: max(24px, var(--hadir-safe-left)) !important;
    padding-right: max(24px, var(--hadir-safe-right)) !important;
    padding-top: max(32px, var(--hadir-safe-top)) !important;
  }
  .client-auth-card-wrap {
    padding-left: max(20px, var(--hadir-safe-left)) !important;
    padding-right: max(20px, var(--hadir-safe-right)) !important;
    padding-bottom: max(20px, var(--hadir-safe-bottom)) !important;
  }
  .client-welcome-copy h1 { font-size: clamp(32px, 10vw, 42px) !important; }
  .client-login-copy h1 { font-size: clamp(36px, 12vw, 48px) !important; }
}

@media (max-width: 480px) {
  .dashboard-content {
    padding-left: max(12px, var(--hadir-safe-left));
    padding-right: max(12px, var(--hadir-safe-right));
  }
  .event-card-metrics { grid-template-columns: 1fr; }
  .event-card-metrics > div { min-height: 54px; }
  .settings-admin-row { padding: 14px 12px !important; }
  .client-album-grid { grid-template-columns: 1fr !important; }
  .client-stats { grid-template-columns: 1fr !important; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto !important; }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
  :where(.ambient, .hero-orb, .brand-reveal) { animation: none !important; }
  :where(.glass-panel, .client-sidebar, .client-topbar, .dashboard-mobile-nav) {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }
}

@media (forced-colors: active) {
  :where(a[href], button, input, select, textarea, summary, [role="button"]):focus-visible {
    outline: 3px solid Highlight !important;
    box-shadow: none !important;
  }
}

/* Final audit enforcement: explicit specificity for legacy component rules. */
.dashboard-app a[href],
.dashboard-app button,
.dashboard-app input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.dashboard-app select,
.dashboard-app textarea,
.dashboard-app summary {
  min-height: 44px !important;
}
.dashboard-app :is(.theme-choice, .menu-toggle, .sidebar-close, .topbar-logout, .event-detail-close, .media-lightbox-nav) {
  min-width: 44px !important;
}
.dashboard-app a[href] {
  display: inline-flex;
  align-items: center;
}
.dashboard-app :is(span, small, strong, b, time, code, kbd, em) {
  font-size: max(12px, 1em) !important;
}
.dashboard-app :is(p, label, button, input, select, textarea, a) {
  font-size: max(14px, 1em) !important;
}

.client-app a[href],
.client-app button,
.client-app input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
.client-app select,
.client-app textarea,
.client-auth-stage a[href],
.client-auth-stage button,
.client-auth-stage input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]) {
  min-height: 44px !important;
}
.client-app :is(.theme-choice, .menu-toggle, .sidebar-close, .icon-button) {
  min-width: 44px !important;
}
.client-app a[href],
.client-auth-stage a[href] {
  display: inline-flex;
  align-items: center;
}
.client-app :is(span, small, strong, b, time, code, em),
.client-auth-stage :is(span, small, strong, b, time, code, em) {
  font-size: max(12px, 1em) !important;
}
.client-app :is(p, label, button, input, select, textarea, a),
.client-auth-stage :is(p, label, button, input, select, textarea, a) {
  font-size: max(14px, 1em) !important;
}

#camera-screen :is(button, [role="button"]),
#gallery-screen :is(button, [role="button"]),
#welcome-screen :is(button, [role="button"]),
#auth-screen :is(button, [role="button"]) {
  min-width: 44px !important;
  min-height: 44px !important;
}

.client-auth-stage,
.client-auth-visual,
.client-auth-card-wrap {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}
.client-auth-card {
  width: 100% !important;
  min-width: 0;
  max-width: 460px;
}

@media (min-width: 1201px) {
  .settings-admin-table-head,
  .settings-admin-row {
    grid-template-columns: minmax(0, 1fr) 120px 112px 112px 122px 88px !important;
    gap: 8px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .settings-admin-action { padding-inline: 6px !important; }
}

/* Phase 7A.1 final targeted remediation for legacy high-specificity rules. */
.admin-auth-brand {
  min-height: 44px !important;
  padding-block: 6px !important;
  align-items: center !important;
}
#admin-password-toggle {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
}
.admin-auth-kicker,
#admin-forgot-link,
.admin-auth-divider span {
  font-size: 12px !important;
}
.sidebar-brand,
.topbar-profile,
.profile-avatar {
  min-width: 44px !important;
  min-height: 44px !important;
}
.sidebar-brand,
.topbar-profile {
  justify-content: center;
}
.event-detail-drawer :is(.eyebrow, .event-status-pill, .event-detail-section-head span,
  .event-detail-metrics span, #event-detail-created, #event-detail-subtitle,
  #event-detail-link, #event-detail-film-note, summary, p, small) {
  font-size: 12px !important;
  line-height: 1.45 !important;
}
.event-detail-drawer :is(button, a[href], summary) {
  min-height: 44px !important;
}
.event-detail-drawer :is(.soft-button, .danger-outline-button, .primary-button) {
  padding-block: 10px !important;
}

.client-skip-link,
.client-app .ghost-button,
.client-app .topbar-link,
.client-app .theme-choice,
.client-app .icon-button,
.client-auth-stage .primary-button {
  min-height: 44px !important;
}
.client-app .theme-choice,
.client-app .icon-button {
  width: 44px !important;
  min-width: 44px !important;
}

@media (max-width: 480px) {
  .client-auth-stage {
    grid-template-columns: minmax(0, 1fr) !important;
    overflow: clip;
  }
  .client-auth-card-wrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    place-items: stretch !important;
    padding-inline: max(12px, var(--hadir-safe-left), var(--hadir-safe-right)) !important;
  }
  .client-auth-card-wrap > * {
    min-width: 0 !important;
  }
  .client-auth-card {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
    padding: 24px 20px !important;
    border-radius: 22px !important;
  }
}

#camera-view .camera-ui-topbar .icon-btn,
#camera-view .tool-row .tool-btn,
#camera-screen .icon-btn,
#camera-screen .tool-btn {
  width: 44px !important;
  min-width: 44px !important;
  height: 44px !important;
  min-height: 44px !important;
}
#camera-view :is(.event-sub, .capture-mode-label, .camera-status, .camera-status b,
  .camera-status span, .remaining-copy, .remaining-copy span, .remaining-copy small),
#welcome-screen :is(.welcome-event-name, .guest-name-label, .sheet-note, small) {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* Readability overrides for explicit legacy selectors. */
#event-detail-copy,
#event-detail-qr-download,
#event-detail-open,
#event-detail-normalize {
  font-size: 12px !important;
}
.admin-auth-visual :is(.admin-auth-visual-copy > span, .admin-auth-security-card strong,
  .admin-auth-security-card small) {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
#admin-date-chip,
.dashboard-section .empty-admin,
.empty-admin {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.sheet-note,
#camera-view .focus-status b,
#camera-view .camera-vertical-wordmark {
  font-size: 12px !important;
  line-height: 1.4 !important;
}

@media (max-width: 480px) {
  .client-topbar {
    gap: 8px !important;
    padding-inline: max(10px, var(--hadir-safe-left), var(--hadir-safe-right)) !important;
  }
  .client-topbar .client-profile {
    display: none !important;
  }
}

/* Calendar touch and readability baseline. */
#calendar-prev-month,
#calendar-next-month {
  min-width: 44px !important;
  width: 44px !important;
}
.calendar-weekday {
  min-width: 44px;
  font-size: 12px !important;
}
.calendar-day {
  min-width: 44px !important;
  min-height: 44px !important;
}
@media (max-width: 360px) {
  .calendar-panel {
    overflow-x: auto !important;
    overscroll-behavior-inline: contain;
    scrollbar-width: thin;
  }
  .admin-calendar-grid {
    grid-template-columns: repeat(7, 44px) !important;
    width: max-content;
    min-width: max-content;
  }
}

/* Photo selection keeps a compact visual check while exposing a 44px hit target. */
.admin-photo-select {
  width: 44px !important;
  height: 44px !important;
  cursor: pointer;
}
.admin-photo-select input[type="checkbox"] {
  position: absolute;
  inset: 0;
  width: 44px !important;
  height: 44px !important;
  margin: 0 !important;
  opacity: .001;
  cursor: pointer;
}
.admin-photo-select::after {
  content: "";
  width: 16px;
  height: 16px;
  border: 1px solid rgba(255,255,255,.86);
  border-radius: 5px;
  background: rgba(15,17,23,.3);
  pointer-events: none;
}
.admin-photo-select:has(input:checked)::after {
  border-color: #fff;
  background: #596cff;
  box-shadow: inset 0 0 0 3px #596cff, inset 0 0 0 5px #fff;
}
.admin-photo-select input[type="checkbox"] {
  inset: -1px auto auto -1px !important;
  width: 44px !important;
  height: 44px !important;
}
.admin-auth-visual-copy > span,
.admin-auth-security-item strong,
.admin-auth-security-item small,
.admin-auth-security-card strong,
.admin-auth-security-card small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}
.admin-photo-select input[type="checkbox"] {
  width: 46px !important;
  height: 46px !important;
}
.admin-auth-showcase-top > span,
.admin-auth-benefits strong,
.admin-auth-benefits small {
  font-size: 12px !important;
  line-height: 1.5 !important;
}