/* Shared admin density. Typography and the configured card/glass material stay intact. */
#app :is(#page-admin, .rn-content) {
  --admin-control-height: 36px;
  --admin-control-radius: 7px;
  --admin-card-radius: 10px;
}

#app :is(#page-admin, .rn-content) :is(
  .admin-editor, .admin-content-panel, .admin-subpage, .admin-ai,
  .admin-integrations, .admin-moynalog, .surface-settings, .appearance-theme,
  .admin-access, .admin-status, .admin-user-detail, .admin-user-subscriptions
) { gap: 12px; }

#app :is(#page-admin, .rn-content) :is(
  .admin-content-panel .admin-editor__section, .admin-ai__card,
  .admin-subpage-client, .admin-moynalog-receipt, .surface-card,
  .appearance-theme > .admin-editor__section, .admin-appearance-group,
  .admin-status__service, .admin-status__section, .admin-status__error,
  .admin-user-subscription, .admin-user-controls__group--balance,
  .admin-user-direct, .admin-access-card, .admin-event
) { padding: 12px; gap: 12px; border-radius: var(--admin-card-radius); }

#app :is(#page-admin, .rn-content) :is(
  .admin-content-disclosure, .admin-telegram-button, .admin-reminder-template,
  .admin-editor__subsection, .admin-broadcast-button, .admin-faq-item,
  .admin-integration, .admin-finance-card, .admin-settings-search__results,
  .admin-settings-search__empty, .admin-localization__preview
) { border-radius: var(--admin-card-radius); }

#app :is(#page-admin, .rn-content) :is(
  .admin-content-panel .admin-editor__subsection,
  .admin-content-panel .admin-broadcast-button, .admin-content-panel .admin-faq-item
) { padding: 10px; gap: 12px; }

#app :is(#page-admin, .rn-content) :is(
  .admin-editor__grid, .admin-content-disclosure__fields,
  .admin-broadcast-button__grid, .admin-subpage-list,
  .admin-ai__card, .admin-moynalog__credentials
) { gap: 12px; }

#app :is(#page-admin, .rn-content) :is(.admin-field, .admin-broadcast-button label) { gap: 6px; }

#app :is(#page-admin, .rn-content) :is(
  .admin-field__control:not(textarea):not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]),
  .admin-email-broadcast__field input, .admin-broadcast-button input,
  .admin-broadcast-button select, .admin-user-control-row input,
  .admin-finance__custom input
) {
  min-height: var(--admin-control-height);
  padding: 8px 10px;
  border-radius: var(--admin-control-radius);
}

#app :is(#page-admin, .rn-content) :is(textarea.admin-field__control, .admin-email-broadcast__field textarea) {
  min-height: 80px; padding: 8px 10px; border-radius: var(--admin-control-radius);
}
#app :is(#page-admin, .rn-content) textarea.admin-ai__prompt { height: 180px; min-height: 180px; }

#app :is(#page-admin, .rn-content) :is(
  .admin-content-nav button, .admin-reminder-test, .admin-reminder-style__option,
  .admin-broadcast-style__option, .admin-subpage-builtins__client, .admin-subpage-add,
  .admin-ai__button, .admin-ai__model, .admin-ai__reset,
  .admin-moynalog__actions button, .admin-moynalog-receipt__state button,
  .admin-logo-field__actions > label, .admin-logo-field__actions > button,
  .admin-integration__save, .admin-broadcast__primary, .admin-broadcast__secondary,
  .admin-broadcast__actions button, .admin-broadcast__reset,
  .admin-finance__more, .admin-users__more, .admin-user-direct__compose,
  .admin-user-direct__actions button, .admin-user-direct__confirm button,
  .admin-user-controls__group button, .admin-partners__create-fields button,
  .admin-partner-entry__actions button, .surface-button
) {
  min-height: var(--admin-control-height);
  height: auto; padding: 8px 10px; border-radius: var(--admin-control-radius);
}

#app :is(#page-admin, .rn-content) :is(
  .admin-icon-button, .admin-faq-item__head button, .admin-subpage-client__actions button,
  .admin-builder-row__actions button, .admin-moynalog__section-head > button,
  .admin-access__back, .admin-status__header button
) {
  width: 34px; min-width: 34px; height: 34px; min-height: 34px;
  flex: 0 0 34px; padding: 6px; border-radius: var(--admin-control-radius);
}

#app :is(#page-admin, .rn-content) :is(
  .admin-ai__power, .admin-subpage .admin-toggle, .admin-feature-toggle,
  .admin-moynalog__methods label, .admin-subpage-platforms label
) { min-height: 38px; padding: 8px 10px; border-radius: var(--admin-control-radius); }

#app :is(#page-admin, .rn-content) :is(
  .admin-content-disclosure, .admin-telegram-button, .admin-reminder-template
) > summary { min-height: 38px; padding: 9px 10px; }

#app :is(#page-admin, .rn-content) :is(
  .admin-content-disclosure__body, .admin-telegram-button__body, .admin-reminder-template__body
) { padding: 2px 10px 10px; gap: 12px; }

#app :is(#page-admin, .rn-content) .admin-content-groups { padding: 3px; gap: 3px; border-radius: var(--admin-card-radius); }
#app :is(#page-admin, .rn-content) :is(.admin-content-nav, .admin-logo-field, .admin-logo-field__body) { gap: 8px; }
#app :is(#page-admin, .rn-content) .admin-content-tabs { gap: 6px; }
#app :is(#page-admin, .rn-content) .admin-logo-field__main { grid-template-columns: 48px minmax(0, 1fr); gap: 10px; }
#app :is(#page-admin, .rn-content) .admin-logo-field__preview { width: 48px; border-radius: var(--admin-control-radius); }
#app :is(#page-admin, .rn-content) .admin-logo-field__advanced { padding-inline: 10px; border-radius: var(--admin-control-radius); }
#app :is(#page-admin, .rn-content) .admin-logo-field__advanced summary { min-height: 36px; padding-block: 9px; }
#app :is(#page-admin, .rn-content) .admin-logo-field__advanced[open] { padding-bottom: 10px; }
#app :is(#page-admin, .rn-content) :is(.admin-settings-search__field, .admin-settings-search__results, .admin-settings-search__empty) { border-radius: var(--admin-card-radius); }
#app :is(#page-admin, .rn-content) .admin-settings-search__field { min-height: 40px; padding-inline: 10px; }
#app :is(#page-admin, .rn-content) .admin-toggle { min-height: 38px; }
#app :is(#page-admin, .rn-content) .admin-menu-group .menu-row { min-height: 40px; padding: 8px 10px; border-radius: 7px; }
#app :is(#page-admin, .rn-content) .admin-range-field { padding-block: 9px 7px; }
#app :is(#page-admin, .rn-content) .admin-color-field { min-height: 42px; border-radius: 7px; }
#app :is(#page-admin, .rn-content) .admin-color-field input[type="color"] { height: 42px; }
#app :is(#page-admin, .rn-content) .admin-nav-option { padding: 24px 8px 10px; gap: 8px; border-radius: 10px; }

/* These dropdowns are portalled outside the admin page. */
.admin-localization-select {
  min-height: 36px; padding: 8px 32px 8px 10px; border-radius: 7px;
}
.admin-localization-select::after,
.admin-localization-select[aria-expanded="true"]::after { top: calc(50% - 5px); inset-inline-end: 12px; }
.admin-localization-menu { padding: 4px; border-radius: 9px; }
.admin-localization-menu__option { min-height: 36px; padding-block: 8px; border-radius: 6px; }

/* Native console controls follow the same density without changing their labels. */
html[data-admin-console="on"] :is(.rn-main, .rn-user-operations) .mantine-Input-input:not(textarea) {
  min-height: 36px; height: auto; border-radius: 7px;
}
html[data-admin-console="on"] :is(.rn-main, .rn-user-operations) .mantine-Button-root:not(.cursor-preset):not(.admin-nav-option) {
  min-height: 36px; height: auto; border-radius: 7px;
}
html[data-admin-console="on"] .rn-main :is(.rn-clickable-card, .rn-settings-panel) { padding: 10px; gap: 10px; }

/* Admin dialogs live outside the page; customer forms keep their own sizing. */
#app :is(.admin-plan-modal, .admin-profile-modal) .admin-field__control:not(textarea) {
  min-height: 36px; padding: 8px 10px; border-radius: 7px;
}
#app :is(.admin-plan-modal, .admin-profile-modal) textarea.admin-field__control { padding: 8px 10px; border-radius: 7px; }
#app :is(.admin-plan-modal__save, .admin-profile-modal__footer .btn) { min-height: 36px; padding: 8px 10px; border-radius: 7px; }

/* Administrator roles and their activity journal use the same compact surfaces. */
#app :is(#page-admin, .rn-content) .admin-access { gap: 12px; }
#app :is(#page-admin, .rn-content) .admin-access .admin-access__header { min-height: 34px; }
#app :is(#page-admin, .rn-content) .admin-access .admin-access__permissions { padding: 10px; gap: 6px; }
#app :is(#page-admin, .rn-content) .admin-access__permissions header { padding: 0 2px 4px; }
#app :is(#page-admin, .rn-content) .admin-access__permission {
  min-height: 38px; padding: 8px 10px; gap: 10px;
  border: 1px solid var(--line-soft); border-radius: 7px; background: var(--surface);
}
#app :is(#page-admin, .rn-content) .admin-access__permission input { right: 10px; width: 18px; height: 18px; }
#app :is(#page-admin, .rn-content) .admin-access__permission > i { width: 18px; height: 18px; border-radius: 5px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-access__permission input:checked + i { border-color: var(--accent); color: var(--accent); background: var(--accent-soft); }
#app :is(#page-admin, .rn-content) .admin-access__permission input:checked + i svg { color: var(--accent); }
#app :is(#page-admin, .rn-content) .admin-access__permission:has(input:disabled) { cursor: default; }
#app :is(#page-admin, .rn-content) .admin-access__person { gap: 10px; }
#app :is(#page-admin, .rn-content) .admin-access__person .admin-user-avatar { width: 42px; height: 42px; }
#app :is(#page-admin, .rn-content) .admin-access__row { min-height: 54px; padding: 8px 10px; grid-template-columns: 36px minmax(0, 1fr) minmax(64px, 100px) 17px; border: 1px solid var(--line); border-radius: 10px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-access__row .admin-user-avatar { width: 36px; height: 36px; }
#app :is(#page-admin, .rn-content) .admin-access .admin-users__search { min-height: 36px; padding-inline: 10px; border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-access .admin-users__search input { min-height: 36px; height: 36px; }
#app :is(#page-admin, .rn-content) .admin-access__tabs { padding: 3px; gap: 3px; border-radius: 10px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-access__tabs .tab { min-height: 32px; padding: 7px 10px; border-radius: 7px; }
#app :is(#page-admin, .rn-content) .admin-access__tabs .switch-selection { border-radius: 7px; border-color: var(--line); background: var(--surface-strong); }
#app :is(#page-admin, .rn-content) :is(
  .admin-access__presets button, .admin-access__permissions-head button,
  .admin-access__permissions header button, .admin-access__save, .admin-access__add,
  .admin-access__remove button, .admin-access__error button
) { min-height: 36px; padding: 8px 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-access__presets button.is-selected { border-color: var(--accent); }
#app :is(#page-admin, .rn-content) .admin-access__color { gap: 8px; }
#app :is(#page-admin, .rn-content) .admin-access__color > div { gap: 8px; }
#app :is(#page-admin, .rn-content) .admin-activity__toolbar { grid-template-columns: minmax(0, 1fr) 36px; }
#app :is(#page-admin, .rn-content) .admin-activity__toolbar > button { min-height: 36px; border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-activity__filter .admin-localization-select { width: auto; flex: 1; max-width: 70%; font-weight: 600; }
#app :is(#page-admin, .rn-content) .admin-activity__filter small { flex: 0 0 auto; order: 1; }
#app :is(#page-admin, .rn-content) .admin-activity__entry { border-radius: 10px; }
#app :is(#page-admin, .rn-content) .admin-activity__entry > summary { padding: 9px 10px; grid-template-columns: 22px minmax(0, 1fr) auto; }
#app :is(#page-admin, .rn-content) .admin-activity__body { padding: 0 10px 10px; gap: 8px; }
#app :is(#page-admin, .rn-content) .admin-access :is(button, summary):focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }

/* Lists are collections of separate cards, without a second shared pane. */
#app :is(#page-admin, .rn-content) .admin-access .admin-users__list {
  display: grid; gap: 8px; overflow: visible; padding: 0;
  border: 0 !important; border-radius: 0; background: transparent !important;
  background-image: none !important; box-shadow: none !important;
  backdrop-filter: none !important; -webkit-backdrop-filter: none !important;
}

#app :is(#page-admin, .rn-content) :is(.admin-referrals, .admin-partners, .admin-broadcast, .admin-promo-admin) { display: grid; gap: 12px; }
#app :is(#page-admin, .rn-content) :is(
  .admin-referrals > .admin-editor__section, .admin-partners__create,
  .admin-broadcast__section, .admin-mail__form, .admin-mail__delivery,
  .admin-promo-panel, .admin-withdrawal
) {
  min-width: 0; display: grid; gap: 12px; margin: 0; padding: 12px;
  border: 1px solid var(--line); border-radius: 10px; background: var(--surface);
}
#app :is(#page-admin, .rn-content) :is(.admin-referrals .admin-editor__section-head, .admin-promo-panel .admin-editor__section-head, .admin-broadcast__section-head) { margin: 0; }
#app :is(#page-admin, .rn-content) :is(.admin-referrals, .admin-partners, .admin-broadcast, .admin-promo-admin) :is(
  .admin-field__control, .admin-localization-select,
  .admin-partners input, .admin-email-broadcast__field input, .admin-email-broadcast__field textarea,
  .admin-broadcast-button input, .admin-broadcast-button select
) { color: var(--text); background: var(--surface); border-radius: 7px; }
#app :is(#page-admin, .rn-content) .admin-referrals :is(.admin-toggle-list, .admin-field) { margin: 0; }
#app :is(#page-admin, .rn-content) .admin-referrals .admin-toggle-list { gap: 6px; }
#app :is(#page-admin, .rn-content) .admin-referrals .admin-toggle {
  min-height: 38px; padding: 8px 10px; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--surface);
}
#app :is(#page-admin, .rn-content) :is(
  .admin-partners input, .admin-partner-entry__actions input
) { min-height: 36px; padding: 8px 10px; }
#app :is(#page-admin, .rn-content) .admin-partners__section { display: grid; gap: 8px; }
#app :is(#page-admin, .rn-content) .admin-partners__heading { margin: 0; }
#app :is(#page-admin, .rn-content) .admin-partner-entry { border-radius: 10px; }
#app :is(#page-admin, .rn-content) .admin-partner-entry__summary {
  min-height: 54px; padding: 8px 10px; grid-template-columns: 36px minmax(0, 1fr) minmax(60px, auto) 16px; background: var(--surface);
}
#app :is(#page-admin, .rn-content) .admin-partner-entry__summary .admin-user-avatar { width: 36px; height: 36px; }
#app :is(#page-admin, .rn-content) .admin-partner-entry__details { padding: 10px; gap: 10px; }
#app :is(#page-admin, .rn-content) .admin-partner-entry__metrics { border: 0; gap: 6px; }
#app :is(#page-admin, .rn-content) .admin-partner-entry__metrics > span { min-height: 44px; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-partner-entry__resource { background: var(--surface); border-radius: 7px; }
#app :is(#page-admin, .rn-content) :is(.admin-partners__empty, .admin-broadcast__empty) { margin: 0; padding: 10px 0; border: 0; }
#app :is(#page-admin, .rn-content) .admin-broadcast__buttons { gap: 10px; }
#app :is(#page-admin, .rn-content) .admin-broadcast .admin-broadcast-button { padding: 10px; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-broadcast-button :is(label, .admin-field) { min-width: 0; display: grid; gap: 6px; }
#app :is(#page-admin, .rn-content) .admin-broadcast-button .admin-field > span { color: var(--muted); }
#app :is(#page-admin, .rn-content) .admin-broadcast__message { padding: 10px; border: 1px solid var(--line-soft); border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) :is(.admin-broadcast__primary, .admin-broadcast__secondary, .admin-broadcast__reset) { margin: 0; }
#app :is(#page-admin, .rn-content) :is(.admin-broadcast__tabs, .admin-mail__tabs, .admin-promo-type-switch, .admin-promo-unit-switch) {
  padding: 3px; gap: 3px; margin: 0; border: 1px solid var(--line); border-radius: 10px; background: var(--surface);
}
#app :is(#page-admin, .rn-content) :is(
  .admin-broadcast__tabs button, .admin-mail__tabs button,
  .admin-promo-type-switch button, .admin-promo-unit-switch button,
  .admin-promo-submit, .admin-mail__button, .admin-withdrawal__actions button
) { min-height: 36px; padding: 8px 10px; border-radius: 7px; }
#app :is(#page-admin, .rn-content) :is(.admin-partners, .admin-broadcast, .admin-promo-admin, .admin-referrals) button:not(.admin-icon-button):not(.admin-promo-row__delete) { background: var(--surface); }
#app :is(#page-admin, .rn-content) :is(.admin-broadcast__send, .admin-mail__button--primary) { color: var(--text) !important; }
#app :is(#page-admin, .rn-content) :is(.admin-broadcast__tabs, .admin-mail__tabs, .admin-promo-type-switch, .admin-promo-unit-switch) button.is-active { border: 1px solid var(--accent); color: var(--text); background: var(--accent-soft); }
#app :is(#page-admin, .rn-content) .admin-broadcast .surface-inline > .surface-button { width: 100%; }
#app :is(#page-admin, .rn-content) .admin-promo-list { display: grid; gap: 8px; }
#app :is(#page-admin, .rn-content) .admin-promo-admin :is(.admin-field, .admin-promo-submit) { margin: 0; }
#app :is(#page-admin, .rn-content) .admin-promo-row { padding: 10px; border: 1px solid var(--line); border-radius: 7px; background: var(--surface); }
#app :is(#page-admin, .rn-content) .admin-promo-row__delete { width: 34px; min-width: 34px; height: 34px; border-radius: 7px; background: var(--surface); }
@media (max-width: 380px) {
  #app :is(#page-admin, .rn-content) .admin-partner-entry__summary { grid-template-columns: 36px minmax(0, 1fr) 16px; }
  #app :is(#page-admin, .rn-content) .admin-partner-entry__actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  #app :is(#page-admin, .rn-content) .admin-partner-entry__actions label { grid-column: 1 / -1; }
}
@media (max-width: 520px) {
  #app :is(#page-admin, .rn-content) .admin-referrals .admin-editor__grid--three > :last-child { grid-column: 1 / -1; }
  #app :is(#page-admin, .rn-content) .admin-broadcast-button__grid { grid-template-columns: 1fr; }
  #app :is(#page-admin, .rn-content) .admin-broadcast-style > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

:root[data-glass="on"] #app :is(#page-admin, .rn-content) :is(.admin-referrals, .admin-partners, .admin-broadcast, .admin-promo-admin) :is(
  .admin-editor__section, .admin-partners__create, .admin-broadcast__section, .admin-mail__form, .admin-mail__delivery,
  .admin-field__control, .admin-localization-select, .admin-toggle,
  .admin-partners input, .admin-partners button, .admin-partner-entry__summary,
  .admin-partner-entry__resource, .admin-partner-entry__metrics > span,
  .admin-email-broadcast__field input, .admin-email-broadcast__field textarea,
  .admin-broadcast-button, .admin-broadcast-button input, .admin-broadcast-button select,
  .admin-broadcast__message, .audience-squads label,
  .admin-promo-row, .admin-withdrawal,
  button:not(.admin-localization-menu__option), .admin-broadcast__tabs, .admin-mail__tabs, .admin-promo-type-switch, .admin-promo-unit-switch
) {
  background: var(--glass-background) !important; background-image: var(--glass-texture) !important;
  background-size: 128px 128px, 100% 100%; border-color: var(--glass-border);
  box-shadow: var(--glass-surface-shadow); backdrop-filter: var(--glass-backdrop); -webkit-backdrop-filter: var(--glass-backdrop);
}
:root[data-glass="on"] #app :is(#page-admin, .rn-content) :is(.admin-broadcast__tabs, .admin-mail__tabs, .admin-promo-type-switch, .admin-promo-unit-switch) button.is-active { border-color: var(--accent); }
:root[data-glass="on"] #app .admin-broadcast-style__option.is-selected { border-color: var(--accent); }