/* _content/AdminPortal/Components/Pages/AdminSubscriptionPage.razor.rz.scp.css */
/* v819s — Subscription aligned with the shared Admin Portal design system. */
.admin-subscription-shell .admin-subscription-page-header[b-jmcu0zt37r] {
    margin-bottom: var(--ap-space-5, 24px);
}

.admin-subscription-shell .admin-subscription-loading[b-jmcu0zt37r] {
    min-height: 320px;
}

.admin-subscription-shell .admin-subscription-error[b-jmcu0zt37r] {
    margin-bottom: var(--ap-space-4, 20px);
    border-radius: var(--ap-radius-md, 12px);
}

.admin-subscription-shell .admin-subscription-kpis[b-jmcu0zt37r] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: var(--ap-space-4, 16px);
    margin-bottom: var(--ap-space-4, 16px);
}

.admin-subscription-shell .admin-subscription-stat-card[b-jmcu0zt37r] {
    min-width: 0;
    min-height: 142px;
}

.admin-subscription-shell .admin-subscription-stat-card .ap-card__body[b-jmcu0zt37r] {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.admin-subscription-shell .admin-subscription-stat-head[b-jmcu0zt37r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    min-width: 0;
}

.admin-subscription-shell .admin-subscription-stat-head > span[b-jmcu0zt37r] {
    min-width: 0;
    color: var(--ap-text-secondary);
    font-size: var(--ap-font-size-sm, 13px);
    font-weight: 700;
}

.admin-subscription-shell .admin-subscription-stat-head > .mud-icon-root[b-jmcu0zt37r] {
    flex: 0 0 auto;
    color: var(--ap-text-muted);
    font-size: 20px;
}

.admin-subscription-shell .admin-subscription-stat-card strong[b-jmcu0zt37r] {
    display: block;
    margin: 18px 0 6px;
    color: var(--ap-text-primary);
    font-size: clamp(23px, 2vw, 29px);
    line-height: 1.08;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
}

.admin-subscription-shell .admin-subscription-stat-card small[b-jmcu0zt37r] {
    display: block;
    margin-top: auto;
    color: var(--ap-text-muted);
    font-size: 12px;
    line-height: 1.45;
}

.admin-subscription-shell .subscription-access-active[b-jmcu0zt37r] {
    color: var(--ap-success);
}

.admin-subscription-shell .subscription-access-blocked[b-jmcu0zt37r] {
    color: var(--ap-danger);
}

.admin-subscription-shell .admin-trial-banner[b-jmcu0zt37r] {
    margin-bottom: var(--ap-space-4, 16px);
    border-color: color-mix(in srgb, var(--ap-info) 34%, var(--ap-border));
    background: color-mix(in srgb, var(--ap-info-soft) 62%, var(--ap-surface));
}

.admin-subscription-shell .admin-trial-banner .ap-card__body[b-jmcu0zt37r] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
}

.admin-subscription-shell .admin-trial-icon[b-jmcu0zt37r],
.admin-subscription-shell .admin-subscription-card-icon[b-jmcu0zt37r] {
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    color: var(--ap-primary);
    border: 1px solid color-mix(in srgb, var(--ap-primary) 22%, var(--ap-border));
    background: var(--ap-primary-soft);
}

.admin-subscription-shell .admin-trial-icon[b-jmcu0zt37r] {
    width: 48px;
    height: 48px;
    border-radius: var(--ap-radius-md, 12px);
}

.admin-subscription-shell .admin-trial-title-row[b-jmcu0zt37r] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 5px;
}

.admin-subscription-shell .admin-trial-title-row h2[b-jmcu0zt37r] {
    margin: 0;
    color: var(--ap-text-primary);
    font-size: var(--ap-font-size-lg, 18px);
}

.admin-subscription-shell .admin-trial-copy p[b-jmcu0zt37r] {
    margin: 3px 0;
    color: var(--ap-text-secondary);
    line-height: 1.5;
}

.admin-subscription-shell .admin-trial-days[b-jmcu0zt37r] {
    min-width: 96px;
    padding: 11px 14px;
    text-align: center;
    border: 1px solid color-mix(in srgb, var(--ap-info) 28%, var(--ap-border));
    border-radius: var(--ap-radius-md, 12px);
    background: color-mix(in srgb, var(--ap-surface-raised) 88%, transparent);
}

.admin-subscription-shell .admin-trial-days strong[b-jmcu0zt37r] {
    display: block;
    color: var(--ap-info);
    font-size: 32px;
    line-height: 1;
}

.admin-subscription-shell .admin-trial-days span[b-jmcu0zt37r] {
    display: block;
    margin-top: 5px;
    color: var(--ap-text-muted);
    font-size: 12px;
}

.admin-subscription-shell .admin-subscription-grid[b-jmcu0zt37r] {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    gap: var(--ap-space-4, 16px);
    align-items: stretch;
    margin-bottom: var(--ap-space-4, 16px);
}

.admin-subscription-shell .admin-subscription-card[b-jmcu0zt37r] {
    min-width: 0;
    height: 100%;
}

.admin-subscription-shell .admin-subscription-card .ap-card__header[b-jmcu0zt37r] {
    padding-bottom: 0;
    border-bottom: 0;
}

.admin-subscription-shell .admin-subscription-card-title[b-jmcu0zt37r] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    min-width: 0;
}

.admin-subscription-shell .admin-subscription-card-icon[b-jmcu0zt37r] {
    width: 40px;
    height: 40px;
    border-radius: 11px;
}

.admin-subscription-shell .admin-subscription-card-title h2[b-jmcu0zt37r] {
    margin: 0 0 4px;
    color: var(--ap-text-primary);
    font-size: var(--ap-font-size-lg, 18px);
}

.admin-subscription-shell .admin-subscription-card-title p[b-jmcu0zt37r] {
    margin: 0;
    color: var(--ap-text-muted);
    font-size: 13px;
    line-height: 1.48;
}

.admin-subscription-shell .admin-subscription-details-list[b-jmcu0zt37r] {
    margin: 0;
}

.admin-subscription-shell .admin-subscription-details-list > div[b-jmcu0zt37r] {
    display: grid;
    grid-template-columns: minmax(130px, .8fr) minmax(0, 1.2fr);
    gap: 20px;
    align-items: center;
    padding: 13px 0;
    border-bottom: 1px solid var(--ap-divider, var(--ap-border));
}

.admin-subscription-shell .admin-subscription-details-list > div:last-child[b-jmcu0zt37r] {
    border-bottom: 0;
}

.admin-subscription-shell .admin-subscription-details-list dt[b-jmcu0zt37r] {
    color: var(--ap-text-muted);
}

.admin-subscription-shell .admin-subscription-details-list dd[b-jmcu0zt37r] {
    min-width: 0;
    margin: 0;
    color: var(--ap-text-primary);
    text-align: right;
    overflow-wrap: anywhere;
}

.admin-subscription-shell .admin-subscription-details-list dd .ap-badge[b-jmcu0zt37r] {
    margin-left: auto;
}

.admin-subscription-shell .admin-subscription-details-list code[b-jmcu0zt37r] {
    color: var(--ap-primary);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 12px;
}

.admin-subscription-shell .admin-subscription-access-card .ap-card__body[b-jmcu0zt37r] {
    display: flex;
    flex-direction: column;
    min-height: 180px;
}

.admin-subscription-shell .admin-subscription-access-alert[b-jmcu0zt37r] {
    border-radius: var(--ap-radius-md, 12px);
    background: color-mix(in srgb, var(--ap-surface-muted) 88%, transparent);
}

.admin-subscription-shell .admin-subscription-note[b-jmcu0zt37r] {
    margin: 18px 0 0;
    color: var(--ap-text-muted);
    line-height: 1.62;
}

.admin-subscription-shell .admin-subscription-scope-card .ap-card__body[b-jmcu0zt37r] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--ap-space-5, 24px);
}

.admin-subscription-shell .admin-subscription-scope-copy[b-jmcu0zt37r] {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    min-width: 0;
}

.admin-subscription-shell .admin-subscription-scope-copy h2[b-jmcu0zt37r] {
    margin: 0 0 6px;
    color: var(--ap-text-primary);
    font-size: var(--ap-font-size-lg, 18px);
}

.admin-subscription-shell .admin-subscription-scope-copy p[b-jmcu0zt37r] {
    max-width: 900px;
    margin: 3px 0;
    color: var(--ap-text-secondary);
    font-size: 13px;
    line-height: 1.55;
}

@media (max-width: 1500px) {
    .admin-subscription-shell .admin-subscription-kpis[b-jmcu0zt37r] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 1120px) {
    .admin-subscription-shell .admin-subscription-grid[b-jmcu0zt37r] {
        grid-template-columns: 1fr;
    }

}

@media (max-width: 760px) {
    .admin-subscription-shell .admin-subscription-kpis[b-jmcu0zt37r] {
        grid-template-columns: 1fr;
    }

    .admin-subscription-shell .admin-trial-banner .ap-card__body[b-jmcu0zt37r] {
        grid-template-columns: auto minmax(0, 1fr);
    }

    .admin-subscription-shell .admin-trial-days[b-jmcu0zt37r] {
        grid-column: 1 / -1;
    }

    .admin-subscription-shell .admin-subscription-details-list > div[b-jmcu0zt37r] {
        grid-template-columns: 1fr;
        gap: 5px;
    }

    .admin-subscription-shell .admin-subscription-details-list dd[b-jmcu0zt37r] {
        text-align: left;
    }

    .admin-subscription-shell .admin-subscription-details-list dd .ap-badge[b-jmcu0zt37r] {
        margin-left: 0;
    }

    .admin-subscription-shell .admin-subscription-scope-card .ap-card__body[b-jmcu0zt37r] {
        align-items: stretch;
        flex-direction: column;
    }

    .admin-subscription-shell .admin-subscription-scope-card .ap-button[b-jmcu0zt37r] {
        width: 100%;
    }

}