/* Keep new admin surfaces on the same material as the rest of the Mini App. */
:root:not([data-admin-console="on"])[data-glass="on"] #app :is(
  .admin-ai__card, .admin-ai__power,
  .admin-moynalog__metrics > div,
  .admin-user-metrics > div,
  .admin-user-controls__subscription,
  .admin-user-activity,
  .admin-pinned-message__preview,
  .admin-content-panel details,
  .admin-activity__entry,
  .admin-referrals > .admin-editor__section,
  .admin-partners__create,
  .admin-mail__form, .admin-mail__delivery,
  .admin-promo-panel, .admin-promo-row,
  .admin-withdrawal,
  .broadcast-workflow .admin-broadcast__section,
  .broadcast-workflow .survey-editor,
  .broadcast-workflow .survey-responses,
  .broadcast-workflow .broadcast-option,
  .broadcast-workflow .survey-question,
  .broadcast-workflow .admin-broadcast-button,
  .ab-metric, .ab-search, .ab-tabs, .ab-card, .ab-empty,
  .torrent-workspace .tp-metric,
  .torrent-workspace .tp-setup,
  .torrent-workspace .tp-tabs button,
  .torrent-workspace .tp-report,
  .torrent-workspace .tp-template,
  .torrent-workspace .tp-empty
) {
  background: var(--glass-background) !important;
  background-image: var(--glass-texture) !important;
  background-size: 128px 128px, 100% 100% !important;
  box-shadow: var(--glass-surface-shadow) !important;
  backdrop-filter: var(--glass-backdrop) !important;
  -webkit-backdrop-filter: var(--glass-backdrop) !important;
}

/* The referral report is one glass card; its input and row headers must not
   inherit a second opaque control surface from the shared control layer. */
@layer control-material {
  :root #app #page-admin .admin-referrals .admin-referrals-activity__search input[type="search"],
  :root #app #page-admin .admin-referrals .admin-referrer__summary,
  :root #app #page-admin .admin-referrals .admin-referrals-activity__tabs button:not(.is-active) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  :root #app #page-admin .admin-referrals .admin-referrals-activity__search input[type="search"]:focus-visible {
    outline: 0 !important;
    border: 0 !important;
  }
  :root[data-glass="on"] #app #page-admin .admin-referrals :is(
    .admin-referrals-activity, .admin-referrer, .admin-referrals-activity__tabs,
    .admin-referrals-activity__search, .admin-referrer__metrics > span,
    .admin-referral-history-row__stats > span, .admin-referrer__more,
    .admin-referrals-activity__more
  ) {
    background: var(--glass-background) !important;
    background-image: var(--glass-texture) !important;
    background-size: 128px 128px, 100% 100% !important;
    border-color: var(--glass-border) !important;
    box-shadow: var(--glass-surface-shadow) !important;
  }
  :root[data-glass="on"] #app #page-admin .admin-referrals .admin-referrals-activity {
    backdrop-filter: var(--glass-backdrop) !important;
    -webkit-backdrop-filter: var(--glass-backdrop) !important;
  }
  :root[data-glass="on"] #app #page-admin .admin-referrals :is(.admin-referrer, .admin-referrer__metrics > span, .admin-referral-history-row__stats > span) {
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  :root[data-glass="on"] #app #page-admin .admin-referrals .admin-referrals-activity__tabs button.is-active {
    background: color-mix(in srgb, var(--accent) 12%, var(--glass-background)) !important;
    background-image: var(--glass-texture) !important;
    box-shadow: inset 0 0 0 1px var(--glass-border) !important;
  }
}

/* A long abuse list can contain dozens of cards; their translucent material
   stays light to scroll while the fixed toolbar and metrics provide blur. */
:root:not([data-admin-console="on"])[data-glass="on"] #app .ab-card {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* The period picker sits in the notch beside the connected Google heading. */
:root:not([data-admin-console="on"])[data-glass="on"] #app .admin-analytics__hero-brand,
:root:not([data-admin-console="on"])[data-glass="on"] #app .admin-analytics__hero > .admin-ga4 {
  background: var(--glass-background) !important;
  background-image: var(--glass-texture) !important;
  background-size: 128px 128px, 100% 100% !important;
  backdrop-filter: var(--glass-backdrop);
  -webkit-backdrop-filter: var(--glass-backdrop);
}
:root:not([data-admin-console="on"])[data-glass="on"] #app .admin-analytics__hero-brand {
  box-shadow: none !important;
}
:root:not([data-admin-console="on"])[data-glass="on"] #app .admin-analytics__hero-brand::after {
  display: block;
  background: var(--glass-background);
  background-image: var(--glass-texture);
  background-size: 128px 128px, 100% 100%;
}

/* A disclosure inside a frosted card must not paint a square on top of it. */
:root:not([data-admin-console="on"])[data-glass="on"] #app #page-admin .broadcast-workflow .audience-editor {
  background: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Selected tabs keep a visible accent on top of the shared material. */
:root:not([data-admin-console="on"])[data-glass="on"] #app :is(
  .ab-tabs__selection,
  .torrent-workspace .tp-tabs button[aria-pressed="true"]
) {
  background: color-mix(in srgb, var(--accent) 14%, var(--glass-background)) !important;
  background-image: var(--glass-texture) !important;
  border-color: color-mix(in srgb, var(--accent) 55%, var(--glass-border));
}

:root:not([data-admin-console="on"])[data-glass="on"] #app :is(
  .broadcast-workflow .broadcast-workflow-tabs,
  .broadcast-workflow .admin-broadcast__tabs,
  .broadcast-workflow .broadcast-message-preview,
  .admin-broadcast__message,
  .admin-partner-entry__metrics > span,
  .admin-partner-entry__resource,
  .ab-evidence, .ab-confirm,
  .torrent-workspace .tp-search,
  .torrent-workspace .tp-report__facts
) {
  background: var(--glass-background) !important;
  background-image: var(--glass-texture) !important;
  background-size: 128px 128px, 100% 100% !important;
  backdrop-filter: var(--glass-backdrop) !important;
  -webkit-backdrop-filter: var(--glass-backdrop) !important;
}

/* The partner row lives inside an already frosted card. */
:root:not([data-admin-console="on"])[data-glass="on"] #app .admin-partner-entry__summary {
  background: transparent !important;
  background-image: none !important;
}

:root:not([data-admin-console="on"])[data-glass="on"] #app .ab-status {
  background: color-mix(in srgb, #1e2a37 38%, transparent);
  backdrop-filter: var(--glass-backdrop);
  -webkit-backdrop-filter: var(--glass-backdrop);
}
:root:not([data-admin-console="on"])[data-glass="on"] #app .ab-status.is-warning {
  background: color-mix(in srgb, #806138 35%, transparent);
}
:root:not([data-admin-console="on"])[data-glass="on"] #app .ab-status.is-error {
  background: color-mix(in srgb, #803640 35%, transparent);
}

@layer control-material {
  :root:not([data-admin-console="on"])[data-glass="on"] #app #page-admin :is(
    .ab-card__head,
    .admin-integration__summary,
    .admin-user-row,
    .admin-partner-entry__summary
  ) {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  :root:not([data-admin-console="on"])[data-glass="on"] #app .ab-search input[type="search"] {
    background: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  :root:not([data-admin-console="on"])[data-glass="on"] #app :is(
    .broadcast-workflow .admin-broadcast__actions button,
    .broadcast-workflow .admin-mail__button,
    .broadcast-workflow .broadcast-inline-action,
    .broadcast-workflow .survey-add,
    .ab-card__actions button,
    .ab-confirm button,
    .torrent-workspace .tp-search button,
    .torrent-workspace .tp-refresh,
    .torrent-workspace .tp-filters button,
    .torrent-workspace .tp-more,
    .torrent-workspace .tp-variables button
  ) {
    background-image: var(--glass-texture) !important;
    background-size: 128px 128px, 100% 100% !important;
    box-shadow: var(--glass-surface-shadow) !important;
    backdrop-filter: var(--glass-backdrop) !important;
    -webkit-backdrop-filter: var(--glass-backdrop) !important;
  }
  :root:not([data-admin-console="on"])[data-glass="on"] #app .broadcast-workflow :is(
    .admin-broadcast__actions .admin-broadcast__send,
    .admin-mail__button--primary
  ) {
    background: color-mix(in srgb, var(--accent) 78%, transparent) !important;
    background-image: var(--glass-texture) !important;
    color: var(--broadcast-action-text, var(--accent-contrast, #071017)) !important;
  }
  :root:not([data-admin-console="on"])[data-glass="on"] #app .ab-card__actions button.ab-danger {
    background: color-mix(in srgb, var(--danger) 18%, var(--control-material)) !important;
    background-image: var(--glass-texture) !important;
  }
}