/* Administration uses the same materials as the public glass theme. These
   rules change presentation only; photo canvases, chart series and meaningful
   warning / error / success colors retain their own rendering. */
.admin-tools-main {
    color: var(--glass-ink);
}

.admin-tools-main .admin-tools-card {
    --surface-radius: var(--glass-radius);
    border-radius: var(--glass-radius);
}

.admin-tools-main :is(h1, h2, h3, .admin-face-main strong, .admin-stat strong,
    .admin-notification-main strong, .mod-summary-value, .landmarks-stats dd) {
    color: var(--glass-ink);
}

.admin-tools-main :is(.admin-kicker, .admin-tools-header p,
    .admin-section-header p, .admin-notification-main p, .admin-notification-meta,
    .admin-identity-toggle, .admin-identity-threshold, .mod-summary-label,
    .mod-evidence-card p, .admin-face-main span, .admin-stat span,
    .admin-pagination-label, .admin-anim-unit, .admin-anim-preview-label,
    .admin-compare-user-meta, .admin-compare-meta, .admin-announcement-form > p,
    .admin-float-preview-label, .admin-float-control-group p, .admin-float-note,
    .admin-float-graph figcaption, .landmarks-stats dt, .landmarks-hint,
    .landmarks-selected-kicker, .landmarks-selected-meta, .framing-hint,
    .looksmatch-selected, .looksmatch-search-status, .looksmatch-help,
    .card-tester-help, .projection-caption, .projection-section > p,
    .projection-metrics span, .projection-metrics small,
    .visibility-note, .user-comparisons-table small, .stats-methodology) {
    color: var(--glass-muted);
}

.admin-tools-main :is(.admin-nav-links a, .admin-anim-back a,
    .projection-nav > a:last-child, .policy-actions a,
    .user-comparisons-recent a, .inventory-card-actions button,
    .inventory-details summary) {
    color: #14698f;
}

/* Nested panels remain translucent without stacking costly blur filters. */
.admin-tools-main :is(.admin-section, .admin-notification-row:not(.is-unread),
    .mod-summary-card, .mod-evidence-card, .admin-compare-user,
    .admin-compare-slot, .admin-face-row, .admin-empty,
    .admin-anim-preview, .comparison-preview-card, .ai-account-row,
    .inventory-group, .inventory-card,
    .projection-face-tool, .framing-workspace, .card-tester-result,
    .looksmatch-slot, .stats-note, .stats-group, .stats-methodology,
    .account-ips-empty, .user-comparisons-notice, .landmarks-selected,
    .admin-float-control, .admin-float-graph, .admin-float-demo),
.admin-tools-main :is(.projection-metrics, .inventory-summary,
    .user-comparisons-summary, .landmarks-stats) > :is(article, div),
.admin-tools-main .brand-controls > fieldset,
.admin-tools-main .policy-item {
    color: var(--glass-ink);
    background: var(--glass-panel);
    border-color: var(--glass-edge);
    border-radius: var(--glass-radius);
    box-shadow: 0 6px 16px rgba(28, 131, 173, .08),
        inset 0 1px 0 rgba(255, 255, 255, .9);
}

.admin-tools-main .admin-empty {
    color: var(--glass-muted);
}

.admin-tools-main .admin-notification-row.is-unread {
    border-radius: var(--glass-radius);
    border-color: rgba(195, 149, 50, .55);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9);
}

.admin-tools-main :is(.admin-error, .inventory-integrity, .stats-warning,
    .inventory-message, .card-tester-notice, .looksmatch-notice) {
    border-radius: var(--glass-control-radius);
}

/* Native form values, range controls and checkbox hit areas are untouched. */
.admin-tools-main input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="color"]):not([type="hidden"]),
.admin-tools-main select,
.admin-tools-main textarea,
.admin-tools-main #ai-accounts-section input:not([type="checkbox"]),
.admin-tools-main #ai-accounts-section select,
.policy-dialog input:not([type="checkbox"]):not([type="radio"]),
.policy-dialog select,
.policy-dialog textarea,
.policy-dialog #reason-field textarea,
.retirement-dialog textarea {
    color: var(--glass-ink);
    background: var(--glass-control);
    border-color: var(--glass-edge);
    border-radius: var(--glass-control-radius);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .96),
        0 3px 8px rgba(22, 120, 162, .09);
}

.admin-tools-main input::placeholder,
.admin-tools-main textarea::placeholder {
    color: var(--glass-muted);
    opacity: .8;
}

.admin-tools-main :is(.gold-btn, .inventory-view-toggle button,
    .inventory-pagination button, .brand-presets button, .landmarks-zoom-btn,
    .landmarks-zoom-reset, .admin-float-preview-modes button,
    .target-results button),
#leaderboard-admin button,
.policy-dialog button,
.retirement-actions > button:first-child {
    color: var(--glass-ink);
    background: var(--glass-control);
    border-color: var(--glass-edge);
    border-radius: var(--glass-control-radius);
    box-shadow: 0 4px 10px rgba(22, 133, 179, .13),
        inset 0 1px 0 #fff,
        inset 0 -1px 0 rgba(74, 181, 219, .2);
    -webkit-backdrop-filter: blur(14px) saturate(1.12);
    backdrop-filter: blur(14px) saturate(1.12);
}

.admin-tools-main :is(.gold-btn, .inventory-view-toggle button,
    .inventory-pagination button, .brand-presets button,
    .landmarks-zoom-btn, .landmarks-zoom-reset,
    .admin-float-preview-modes button):hover:not(:disabled),
.policy-dialog button:hover:not(:disabled),
#leaderboard-admin button:hover:not(:disabled) {
    border-color: #fff;
    box-shadow: 0 4px 14px rgba(10, 154, 207, .2),
        inset 0 1px 0 #fff;
}

.admin-tools-main .mod-filter-row .gold-btn.is-active,
.admin-tools-main .inventory-view-toggle button.is-active,
.admin-tools-main .admin-float-preview-modes button[aria-pressed="true"],
.admin-tools-main .inventory-tabs a[aria-current="page"] {
    color: var(--glass-ink);
    background: var(--glass-control);
    box-shadow: 0 3px 10px rgba(10, 154, 207, .19),
        inset 0 0 0 2px rgba(0, 184, 226, .65),
        inset 0 1px 0 #fff;
}

.admin-tools-main .inventory-tabs {
    background: var(--glass-panel);
    border-radius: 10px;
    box-shadow: inset 0 0 0 1px var(--glass-edge);
}

.admin-tools-main .inventory-tabs :is(a, span) {
    border-radius: var(--glass-control-radius);
    color: var(--glass-muted);
}

.admin-tools-main .inventory-summary strong {
    font-family: "Mozilla Text", sans-serif;
}

.admin-tools-main .inventory-summary :is(span, small) {
    color: var(--glass-muted);
}

.admin-tools-main .inventory-summary strong:not(.inventory-health) {
    color: var(--glass-ink);
}

.admin-tools-main .inventory-badge {
    background: rgba(195, 237, 253, .7);
    color: #245f85;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .7);
}

.admin-tools-main .inventory-details pre {
    background: rgba(223, 246, 255, .6);
    color: var(--glass-ink);
}

/* Row boundaries stay easy to follow through translucent data panels. */
.admin-tools-main :is(.account-ips-table, .user-comparisons-table,
    .admin-report-scoring-table, .stats-table) :is(th, td) {
    border-bottom-color: rgba(74, 151, 188, .24);
}

.admin-tools-main :is(.account-ips-table, .user-comparisons-table) thead,
.admin-tools-main .projection-faces thead th,
.admin-tools-main .stats-group-header > span {
    color: var(--glass-ink);
    background: var(--glass-control);
}

.admin-tools-main .projection-selected {
    background: rgba(184, 235, 254, .55);
}

/* A lightly frosted chart bed keeps plotted series and labels legible. */
.admin-tools-main .projection-chart {
    background: rgba(243, 252, 255, .8);
    border-color: var(--glass-edge);
    border-radius: var(--glass-radius);
    box-shadow: inset 0 1px 0 #fff;
}

.admin-tools-main .projection-chart text {
    font-family: "Mozilla Text", sans-serif;
    fill: var(--glass-muted);
}

.admin-tools-main .projection-chart figcaption {
    color: var(--glass-muted);
}

.admin-tools-main :is(.framing-photo, .looksmatch-result) {
    color: var(--glass-ink);
    background: var(--glass-panel);
    border-color: var(--glass-edge);
    border-radius: 10px;
    box-shadow: inset 0 1px 0 #fff;
}

.admin-tools-main :is(.framing-photo, .looksmatch-result)[aria-pressed="true"] {
    border-color: #00b8e2;
    background: var(--glass-control);
    box-shadow: 0 0 0 1px rgba(0, 184, 226, .3),
        0 4px 12px rgba(10, 154, 207, .14);
}

.admin-tools-main .mod-summary-card:hover {
    border-color: #00b8e2;
}

.admin-tools-main :is(.admin-compare-suggestions, .landmark-hover-tip) {
    color: var(--glass-ink);
    background: linear-gradient(135deg, rgba(247, 253, 255, .95), rgba(218, 246, 255, .91));
    border-color: var(--glass-edge);
    border-radius: var(--glass-radius);
    box-shadow: var(--glass-shadow);
    -webkit-backdrop-filter: blur(20px) saturate(1.15);
    backdrop-filter: blur(20px) saturate(1.15);
}

.admin-tools-main :is(.admin-compare-suggestion:hover,
    .admin-compare-suggestion:focus, .landmarks-mapping-item:hover,
    .landmarks-mapping-item.is-active) {
    background: rgba(180, 234, 253, .5);
}

.admin-tools-main .admin-float-preview-wrap {
    background: var(--glass-panel);
    border-color: var(--glass-edge);
    border-radius: var(--glass-radius);
}

.admin-tools-main .admin-float-demo .home-face-card {
    border-color: var(--glass-edge);
    background: var(--glass-panel);
}

/* Portaled native dialogs need their own material outside the main wrapper. */
dialog:is(.policy-dialog, .retirement-dialog) {
    color: var(--glass-ink);
    background: linear-gradient(135deg, rgba(247, 253, 255, .96), rgba(217, 245, 255, .9));
    border-color: var(--glass-edge);
    border-radius: var(--glass-radius);
    box-shadow: var(--glass-shadow);
    -webkit-backdrop-filter: blur(22px) saturate(1.15);
    backdrop-filter: blur(22px) saturate(1.15);
}

dialog:is(.policy-dialog, .retirement-dialog)::backdrop {
    background: rgba(6, 33, 59, .4);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
}

.policy-dialog fieldset {
    border-color: rgba(84, 164, 196, .35);
    border-radius: var(--glass-control-radius);
}

/* The comparison choices retain their framing and transparent image bed. */
.admin-tools-main .target-pair button {
    background: transparent;
    box-shadow: none;
}

.admin-tools-main .target-pair button:focus-visible {
    border-color: #00b8e2;
}