/* _content/xizAuthServer/Components/Pages/Admin.razor.rz.scp.css */
.admin-page[b-052djcggge] {
    --admin-ink: #163c32;
    --admin-muted: #6f817c;
    --admin-green: #16684f;
    --admin-border: #dfe9e5;
    display: grid;
    gap: 22px;
    width: min(1500px, 100%);
    margin: 0 auto;
    color: var(--admin-ink);
    font-family: Inter, Roboto, "Segoe UI", sans-serif;
}

.admin-page span[b-052djcggge] { margin: 0; font-size: inherit; }
.admin-page button[b-052djcggge], .admin-page input[b-052djcggge], .admin-page select[b-052djcggge] { font: inherit; }

.admin-hero[b-052djcggge] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 190px;
    padding: 36px 40px;
    overflow: hidden;
    border-radius: 24px;
    color: #fff;
    background:
        radial-gradient(circle at 92% 15%, rgba(118, 225, 187, .24), transparent 28%),
        linear-gradient(135deg, #0d3d30 0%, #14664f 58%, #1b7a60 100%);
    box-shadow: 0 22px 55px rgba(20, 82, 65, .17);
}

.admin-hero[b-052djcggge]::after {
    content: "";
    position: absolute;
    right: -55px;
    bottom: -105px;
    width: 290px;
    height: 290px;
    border: 1px solid rgba(255,255,255,.13);
    border-radius: 50%;
    box-shadow: 0 0 0 35px rgba(255,255,255,.035), 0 0 0 70px rgba(255,255,255,.025);
}

.admin-hero > *[b-052djcggge] { position: relative; z-index: 1; }
.admin-eyebrow[b-052djcggge] { display: block; color: #77d4b4; font-size: 10px !important; font-weight: 800; letter-spacing: .17em; }
.admin-hero h1[b-052djcggge] { margin: 7px 0 8px; color: #fff; font-size: clamp(34px, 4vw, 52px); line-height: 1; letter-spacing: -.045em; }
.admin-hero h1:focus[b-052djcggge] { outline: none; }
.admin-hero p[b-052djcggge] { margin: 0; color: rgba(255,255,255,.7); font-size: 15px; }
.admin-hero-actions[b-052djcggge] { display: flex; align-items: center; gap: 10px; }

.admin-primary-action[b-052djcggge],
.admin-secondary-action[b-052djcggge],
.admin-text-action[b-052djcggge] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px;
    border-radius: 11px;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none;
    cursor: pointer;
    transition: transform .16s ease, box-shadow .16s ease, background .16s ease;
}

.admin-primary-action[b-052djcggge] { border: 0; color: #fff; background: #1b8568; box-shadow: 0 9px 20px rgba(13,82,63,.2); }
.admin-hero .admin-primary-action[b-052djcggge] { color: #174637; background: #fff; box-shadow: 0 12px 24px rgba(0,0,0,.14); }
.admin-secondary-action[b-052djcggge] { border: 1px solid rgba(255,255,255,.22); color: #fff; background: rgba(255,255,255,.08); }
.admin-text-action[b-052djcggge] { border: 0; color: #58736b; background: transparent; }
.admin-primary-action:hover[b-052djcggge], .admin-secondary-action:hover[b-052djcggge] { transform: translateY(-1px); }
.admin-primary-action:disabled[b-052djcggge] { cursor: wait; opacity: .58; transform: none; }

.admin-message[b-052djcggge] { padding: 13px 16px; border: 1px solid; border-radius: 12px; font-size: 13px; font-weight: 650; }
.admin-message.success[b-052djcggge] { color: #166534; border-color: #bbf7d0; background: #f0fdf4; }
.admin-message.error[b-052djcggge] { color: #991b1b; border-color: #fecaca; background: #fff1f2; }

.admin-stats[b-052djcggge] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.admin-stats article[b-052djcggge] {
    display: flex;
    align-items: center;
    gap: 14px;
    min-height: 96px;
    padding: 18px;
    border: 1px solid var(--admin-border);
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 10px 28px rgba(24, 70, 58, .055);
}
.stat-icon[b-052djcggge] { display: grid; place-items: center; flex: 0 0 45px; width: 45px; height: 45px; border-radius: 13px; font-weight: 850; }
.stat-icon.accounts[b-052djcggge] { color: #216a58; background: #e6f5f0; }
.stat-icon.active[b-052djcggge] { color: #26764d; background: #edf8e9; }
.stat-icon.admins[b-052djcggge] { color: #8d6117; background: #fff5dc; }
.stat-icon.pending[b-052djcggge] { color: #a94c39; background: #fff0ed; }
.admin-stats strong[b-052djcggge] { display: block; font-size: 25px; line-height: 1.05; }
.admin-stats article div span[b-052djcggge] { display: block; margin-top: 5px; color: var(--admin-muted); font-size: 11px; }

.admin-create-card[b-052djcggge],
.password-reset-card[b-052djcggge],
.admin-list-card[b-052djcggge] {
    border: 1px solid var(--admin-border);
    border-radius: 20px;
    background: #fff;
    box-shadow: 0 12px 34px rgba(24, 70, 58, .06);
}

.admin-create-card[b-052djcggge] { padding: 25px; }
.section-heading[b-052djcggge] { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 20px; }
.section-heading span[b-052djcggge], .password-reset-card > div:first-child > span[b-052djcggge] { color: #1b8065; font-size: 9px !important; font-weight: 850; letter-spacing: .15em; }
.section-heading h2[b-052djcggge], .password-reset-card h2[b-052djcggge], .admin-toolbar h2[b-052djcggge] { margin: 4px 0 0; color: var(--admin-ink); font-size: 22px; letter-spacing: -.025em; }
.section-heading p[b-052djcggge], .password-reset-card p[b-052djcggge] { margin: 0; color: var(--admin-muted); font-size: 12px; }
.admin-form-grid[b-052djcggge] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 15px; }
.admin-form-grid label[b-052djcggge] { display: grid; gap: 7px; color: #38564e; font-size: 12px; font-weight: 700; }
.admin-form-grid input[b-052djcggge],
.admin-form-grid select[b-052djcggge],
.password-reset-actions input[b-052djcggge],
.admin-search[b-052djcggge],
.admin-filters select[b-052djcggge] {
    min-height: 44px;
    border: 1px solid #d7e3df;
    border-radius: 10px;
    outline: none;
    color: var(--admin-ink);
    background: #fbfdfc;
}
.admin-form-grid input[b-052djcggge], .admin-form-grid select[b-052djcggge], .password-reset-actions input[b-052djcggge] { width: 100%; padding: 0 13px; }
.admin-form-grid input:focus[b-052djcggge], .admin-form-grid select:focus[b-052djcggge], .password-reset-actions input:focus[b-052djcggge], .admin-search:focus-within[b-052djcggge], .admin-filters select:focus[b-052djcggge] { border-color: #3a9b7f; box-shadow: 0 0 0 3px rgba(58,155,127,.1); }
.admin-form-grid .validation-message[b-052djcggge] { color: #b42318; font-size: 11px; font-weight: 550; }
.field-help[b-052djcggge] { color: #71857f; font-size: 10px; font-weight: 550; }
.admin-form-footer[b-052djcggge] { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-top: 19px; padding-top: 18px; border-top: 1px solid #edf2f0; }
.account-access-note[b-052djcggge] { color: #526b64; font-size: 12px; }
.admin-check[b-052djcggge] { display: inline-flex; align-items: center; gap: 9px; color: #526b64; font-size: 12px; cursor: pointer; }
.admin-check input[b-052djcggge] { width: 17px; height: 17px; accent-color: var(--admin-green); }

.password-reset-card[b-052djcggge] { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 21px 24px; border-color: #eadfbf; background: linear-gradient(115deg, #fffef9, #fff); }
.password-reset-actions[b-052djcggge] { display: flex; align-items: center; gap: 8px; width: min(590px, 100%); }
.password-reset-actions input[b-052djcggge] { flex: 1; min-width: 190px; }

.admin-list-card[b-052djcggge] { overflow: hidden; }
.admin-toolbar[b-052djcggge] { display: flex; align-items: center; justify-content: space-between; gap: 24px; padding: 23px 24px 18px; border-bottom: 1px solid #e8efec; }
.admin-filters[b-052djcggge] { display: flex; gap: 9px; width: min(620px, 100%); }
.admin-search[b-052djcggge] { display: flex; align-items: center; flex: 1; padding: 0 13px; }
.admin-search > span[b-052djcggge] { color: #7e928c; font-size: 22px !important; }
.admin-search input[b-052djcggge] { flex: 1; min-width: 0; height: 42px; padding: 0 8px; border: 0; outline: 0; color: var(--admin-ink); background: transparent; font-size: 12px; }
.admin-filters select[b-052djcggge] { min-width: 150px; padding: 0 12px; font-size: 12px; }
.tab-count[b-052djcggge] { display: inline-grid; place-items: center; min-width: 24px; height: 22px; margin-left: 7px; padding: 0 6px; border-radius: 999px; color: #5c746c; background: #edf4f1; font-size: 10px; font-weight: 800; }
.account-tabs[b-052djcggge] { display: flex; align-items: center; gap: 7px; overflow-x: auto; padding: 14px 24px 13px; border-bottom: 1px solid #e8efec; background: #fbfdfc; }
.account-tab[b-052djcggge] { display: inline-flex; align-items: center; gap: 5px; flex: 0 0 auto; min-height: 34px; padding: 0 11px; border: 1px solid #d7e5df; border-radius: 9px; color: #59736a; background: #fff; font-size: 11px; font-weight: 700; cursor: pointer; transition: border-color .16s ease, color .16s ease, background .16s ease, transform .16s ease; }
.account-tab:hover[b-052djcggge] { border-color: #79b7a3; color: #16684f; transform: translateY(-1px); }
.account-tab.selected[b-052djcggge] { border-color: #167a5c; color: #fff; background: #167a5c; box-shadow: 0 5px 12px rgba(22,122,92,.16); }
.account-tab.selected strong[b-052djcggge] { color: #16684f; background: #dff5eb; }
.account-tab strong[b-052djcggge] { display: inline-grid; place-items: center; min-width: 20px; height: 20px; padding: 0 5px; border-radius: 999px; color: #6d847c; background: #eef4f1; font-size: 9px; }
.admin-table-wrap[b-052djcggge] { overflow-x: auto; }
.admin-table[b-052djcggge] { width: 100%; border-collapse: collapse; }
.admin-table th[b-052djcggge] { padding: 11px 16px; color: #83938f; background: #f8fbfa; font-size: 9px; font-weight: 850; letter-spacing: .12em; text-align: left; text-transform: uppercase; }
.admin-table td[b-052djcggge] { padding: 14px 16px; border-top: 1px solid #edf2f0; color: #4e655f; font-size: 11px; vertical-align: middle; }
.admin-table tr[b-052djcggge] { cursor: default; }
.admin-table tbody tr:hover[b-052djcggge] { background: #fbfdfc; }
.account-cell[b-052djcggge] { display: flex; align-items: center; gap: 11px; min-width: 230px; }
.account-avatar[b-052djcggge] { display: grid; place-items: center; flex: 0 0 38px; width: 38px; height: 38px; border-radius: 11px; color: #17654f; background: #e8f5f1; font-size: 13px !important; font-weight: 850; }
.account-cell strong[b-052djcggge], .account-cell div > span[b-052djcggge], .account-cell small[b-052djcggge] { display: block; }
.account-cell strong[b-052djcggge] { color: #173f34; font-size: 12px; }
.account-cell div > span[b-052djcggge] { margin-top: 2px; color: #70827d; font-size: 10px; }
.account-cell small[b-052djcggge] { margin-top: 2px; color: #9aa7a4; font-size: 9px; }
.status-pill[b-052djcggge], .role-pill[b-052djcggge] { display: inline-flex; align-items: center; width: fit-content; margin: 2px 4px 2px 0 !important; padding: 5px 8px; border-radius: 999px; font-size: 9px !important; font-weight: 800; white-space: nowrap; }
.status-pill.active[b-052djcggge] { color: #23734d; background: #eaf7ed; }
.status-pill.inactive[b-052djcggge] { color: #9a4338; background: #fff0ed; }
.status-pill.pending[b-052djcggge] { color: #8a601c; background: #fff5df; }
.status-pill.password[b-052djcggge] { color: #6d45a2; background: #f4edff; }
.role-pill.admin[b-052djcggge] { color: #775013; background: #fff3d5; }
.role-pill.client[b-052djcggge] { color: #48655d; background: #eef4f2; }
.tenant-label[b-052djcggge] { display: block; margin-top: 5px; color: #71857f; font-size: 9px; }
.account-actions[b-052djcggge] { display: flex; flex-wrap: wrap; gap: 5px; min-width: 290px; }
.account-actions button[b-052djcggge] { min-height: 29px; padding: 0 9px; border: 1px solid #d9e4e0; border-radius: 7px; color: #456159; background: #fff; font-size: 9px; font-weight: 750; cursor: pointer; }
.account-actions button:hover[b-052djcggge] { border-color: #77aa9b; background: #f5faf8; }
.account-actions button.danger[b-052djcggge] { color: #a94339; border-color: #f0cfca; background: #fff8f7; }
.account-actions button.delete-forever[b-052djcggge] { color: #fff; border-color: #b42318; background: #b42318; }
.account-actions button.delete-forever:hover[b-052djcggge] { border-color: #8f1d14; background: #8f1d14; }
.account-actions button.positive[b-052djcggge] { color: #23734d; border-color: #c9e8d2; background: #f4fbf6; }
.account-actions button:disabled[b-052djcggge] { cursor: wait; opacity: .45; }
.admin-empty[b-052djcggge] { padding: 50px 20px; color: #84938f; text-align: center; font-size: 13px; }

.delete-account-backdrop[b-052djcggge] {
    position: fixed;
    z-index: 1800;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 22px;
    background: rgba(20, 29, 26, .68);
    backdrop-filter: blur(8px);
}

.delete-account-dialog[b-052djcggge] {
    display: grid;
    justify-items: center;
    width: min(500px, 100%);
    padding: 30px;
    border: 1px solid #f1cbc7;
    border-radius: 22px;
    color: var(--admin-ink);
    background: #fff;
    box-shadow: 0 30px 90px rgba(0,0,0,.28);
    text-align: center;
}

.delete-account-icon[b-052djcggge] {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 17px;
    border-radius: 15px;
    color: #fff;
    background: #b42318;
    box-shadow: 0 10px 24px rgba(180,35,24,.22);
    font-size: 25px;
    font-weight: 850;
}

.delete-account-dialog .admin-eyebrow[b-052djcggge] { color: #b42318; }
.delete-account-dialog h2[b-052djcggge] { margin: 7px 0 10px; color: #4f1c18; font-size: 26px; letter-spacing: -.035em; }
.delete-account-dialog > p[b-052djcggge] { margin: 0; color: #6e5f5c; font-size: 13px; line-height: 1.6; }
.delete-account-dialog > p span[b-052djcggge] { color: #8e3028; font-weight: 700; }
.delete-account-dialog > label[b-052djcggge] { display: grid; gap: 8px; width: 100%; margin-top: 22px; color: #654e4a; font-size: 12px; text-align: left; }
.delete-account-dialog > label input[b-052djcggge] {
    width: 100%;
    min-height: 46px;
    padding: 0 14px;
    border: 1px solid #e1c5c1;
    border-radius: 10px;
    outline: none;
    color: #4f1c18;
    background: #fffafa;
    font-weight: 800;
    letter-spacing: .12em;
}
.delete-account-dialog > label input:focus[b-052djcggge] { border-color: #c84a3f; box-shadow: 0 0 0 3px rgba(200,74,63,.12); }
.delete-account-actions[b-052djcggge] { display: flex; justify-content: flex-end; gap: 9px; width: 100%; margin-top: 22px; padding-top: 18px; border-top: 1px solid #f1e7e5; }
.admin-delete-action[b-052djcggge] { min-height: 42px; padding: 0 16px; border: 0; border-radius: 10px; color: #fff; background: #b42318; font-size: 12px; font-weight: 800; cursor: pointer; }
.admin-delete-action:hover[b-052djcggge] { background: #8f1d14; }
.admin-delete-action:disabled[b-052djcggge] { cursor: not-allowed; opacity: .42; }

@media (max-width: 980px) {
    .admin-stats[b-052djcggge] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-toolbar[b-052djcggge], .password-reset-card[b-052djcggge] { align-items: stretch; flex-direction: column; }
    .admin-filters[b-052djcggge], .password-reset-actions[b-052djcggge] { width: 100%; }
}

@media (max-width: 680px) {
    .admin-hero[b-052djcggge] { align-items: flex-start; flex-direction: column; padding: 27px 23px; }
    .admin-hero-actions[b-052djcggge] { width: 100%; }
    .admin-hero-actions > *[b-052djcggge] { flex: 1; }
    .admin-stats[b-052djcggge], .admin-form-grid[b-052djcggge] { grid-template-columns: 1fr; }
    .admin-form-footer[b-052djcggge], .section-heading[b-052djcggge], .admin-filters[b-052djcggge], .password-reset-actions[b-052djcggge] { align-items: stretch; flex-direction: column; }
    .admin-search[b-052djcggge], .admin-filters select[b-052djcggge] { width: 100%; }
    .admin-create-card[b-052djcggge] { padding: 20px; }
    .delete-account-dialog[b-052djcggge] { padding: 24px 20px; }
    .delete-account-actions[b-052djcggge] { align-items: stretch; flex-direction: column-reverse; }
    .delete-account-actions > button[b-052djcggge] { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
    .admin-primary-action[b-052djcggge], .admin-secondary-action[b-052djcggge] { transition: none; }
}
.subscription-options[b-052djcggge]{display:flex;flex-wrap:wrap;gap:5px;min-width:180px}.subscription-options button[b-052djcggge]{padding:6px 8px;border:1px solid #d7e3df;border-radius:8px;color:#768881;background:#f7faf9;font-size:10px;font-weight:800;cursor:pointer}.subscription-options button.enabled[b-052djcggge]{border-color:#16805f;color:#12684e;background:#e9f6f1;box-shadow:inset 0 0 0 1px #16805f22}.subscription-options button:disabled[b-052djcggge]{opacity:.55;cursor:wait}.subscription-full[b-052djcggge],.subscription-inherited[b-052djcggge]{display:inline-flex;padding:6px 8px;border-radius:8px;color:#176f57;background:#eaf6f2;font-size:10px;font-weight:800}.subscription-inherited[b-052djcggge]{color:#687c75;background:#f0f4f2}
.trial-countdown[b-052djcggge] { display:flex; align-items:center; gap:4px; width:max-content; margin-top:5px; padding:5px 7px; border:1px solid #f3dca7; border-radius:7px; color:#936316; background:#fff8e8; font-size:10px; font-weight:800; }
.trial-countdown span[b-052djcggge] { font-size:13px; line-height:1; }
.activate-account-action[b-052djcggge] { border-color:#a9daca !important; color:#12694f !important; background:#eaf8f2 !important; font-weight:850 !important; }
.admin-ticket-count[b-052djcggge] { display:inline-grid; place-items:center; min-width:20px; height:20px; margin-left:5px; padding:0 5px; border-radius:999px; color:#fff; background:#d45b47; font-size:10px !important; }
.trial-duration-card[b-052djcggge] { display:grid; grid-template-columns:minmax(230px,1fr) minmax(360px,1.3fr) auto; align-items:center; gap:20px; margin:18px 0; padding:22px 24px; border:1px solid #cfe5dd; border-radius:18px; background:linear-gradient(115deg,#f0faf6,#fff); box-shadow:0 10px 25px rgba(20,90,68,.06); }
.trial-duration-card > div:first-child > span[b-052djcggge] { color:#16805f; font-size:10px; font-weight:850; letter-spacing:.12em; }
.trial-duration-card h2[b-052djcggge] { margin:5px 0; color:#173f34; font-size:17px; }
.trial-duration-card p[b-052djcggge] { margin:0; color:#728881; font-size:11px; }
.trial-duration-fields[b-052djcggge] { display:grid; grid-template-columns:repeat(4, minmax(70px,1fr)); gap:8px; }
.trial-duration-fields label[b-052djcggge] { display:grid; gap:5px; color:#527167; font-size:10px; font-weight:800; }
.trial-duration-fields input[b-052djcggge] { min-height:38px; width:100%; padding:0 9px; border:1px solid #c8ded6; border-radius:8px; color:#173f34; background:#fff; }
@media (max-width:980px) { .trial-duration-card[b-052djcggge] { grid-template-columns:1fr; }.trial-duration-card .password-reset-actions[b-052djcggge] { width:auto; } }