/* Shared top-card sizing for individual user screens. */

:is(
    .survey-store-page,
    .video-store-page,
    .live-training-store-page,
    .my-books-page,
    .my-reports-page,
    .my-videos-page,
    .my-live-trainings-page
) .ph-header,
.book-store-page .bs-hero,
.payment-history-page .ph-page-header,
.relationship-dashboard-page .rd-header,
.profile-page .header-card,
.report-detail-page .rd-hero,
.report-detail-table-page .rdt-hero,
.missing-dependencies-page .md-hero {
    min-height: 196px !important;
    margin-bottom: 24px !important;
    padding: 26px !important;
    box-sizing: border-box !important;
}

:is(
    .survey-store-page,
    .video-store-page,
    .live-training-store-page,
    .my-books-page,
    .my-reports-page,
    .my-videos-page,
    .my-live-trainings-page
) .ph-header {
    display: flex !important;
    align-items: center !important;
}

:is(
    .survey-store-page,
    .video-store-page,
    .live-training-store-page,
    .my-books-page,
    .my-reports-page,
    .my-videos-page,
    .my-live-trainings-page
) .ph-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 128px;
}

:is(
    .survey-store-page,
    .video-store-page,
    .live-training-store-page,
    .my-reports-page,
    .my-videos-page,
    .my-live-trainings-page
) .ph-content > .row {
    width: 100%;
    min-height: 128px;
    row-gap: 1rem;
}

:is(
    .survey-store-page,
    .video-store-page,
    .live-training-store-page,
    .my-books-page,
    .my-reports-page,
    .my-videos-page,
    .my-live-trainings-page,
    .payment-history-page
) .ph-stats-row,
.book-store-page .bs-hero-stats {
    align-items: stretch !important;
}

:is(
    .survey-store-page,
    .video-store-page,
    .live-training-store-page,
    .my-books-page,
    .my-reports-page,
    .my-videos-page,
    .my-live-trainings-page,
    .payment-history-page
) .ph-stat-card,
.book-store-page .bs-stat-card {
    min-height: 74px !important;
    box-sizing: border-box !important;
}

.book-store-page .bs-hero {
    display: flex !important;
    align-items: center !important;
}

.book-store-page .bs-hero-content {
    align-items: center !important;
    width: 100%;
    min-height: 128px;
}

.payment-history-page .ph-header-content {
    min-height: 128px;
    align-items: center !important;
}

.relationship-dashboard-page .rd-header {
    display: flex !important;
    align-items: center !important;
}

.relationship-dashboard-page .rd-header-content {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: center !important;
    width: 100%;
    min-height: 128px;
}

.relationship-dashboard-page .rd-tabs {
    background: var(--tr-shell) !important;
    border-radius: 18px !important;
    padding: .35rem !important;
}

.relationship-dashboard-page .rd-tab.active {
    color: var(--tr-primary) !important;
    background: #ffffff !important;
    box-shadow: 0 10px 24px rgba(23, 32, 51, .08) !important;
}

.relationship-dashboard-page .rd-btn.primary {
    color: #ffffff !important;
    background: linear-gradient(90deg, var(--tr-primary), #6d8bff) !important;
}

.relationship-dashboard-page .rd-btn.success {
    color: #ffffff !important;
    background: linear-gradient(90deg, var(--tr-success), #22c98a) !important;
}

.relationship-dashboard-page .rd-btn.warning {
    color: #ffffff !important;
    background: linear-gradient(90deg, var(--tr-warning), #f3aa2b) !important;
}

.relationship-dashboard-page .rd-progress-fill {
    background: linear-gradient(90deg, var(--tr-success), #22c98a) !important;
}

.profile-page .header-card {
    gap: 1rem;
    flex-wrap: wrap;
}

.user-dashboard-page > .row:first-child {
    margin-bottom: 24px !important;
}

.user-dashboard-page .ud-hero-card {
    min-height: 196px !important;
    border-radius: 24px !important;
}

.user-dashboard-page .ud-hero-card > .card-body {
    display: flex;
    align-items: center;
    min-height: 194px;
    padding: 26px !important;
}

.user-dashboard-page .ud-hero-card > .card-body > .d-flex {
    width: 100%;
}

.report-detail-page .rd-hero,
.report-detail-table-page .rdt-hero {
    align-items: center !important;
}

.report-detail-page .rd-hero-main,
.report-detail-table-page .rdt-hero-copy,
.missing-dependencies-page .md-hero-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 128px;
}

.report-detail-page .rd-hero-actions,
.report-detail-table-page .rdt-hero-actions {
    align-self: center;
}

@media (max-width: 760px) {
    :is(
        .survey-store-page,
        .video-store-page,
        .live-training-store-page,
        .my-books-page,
        .my-reports-page,
        .my-videos-page,
        .my-live-trainings-page
    ) .ph-header,
    .book-store-page .bs-hero,
    .payment-history-page .ph-page-header,
    .relationship-dashboard-page .rd-header,
    .profile-page .header-card,
    .report-detail-page .rd-hero,
    .report-detail-table-page .rdt-hero,
    .missing-dependencies-page .md-hero {
        min-height: 0 !important;
        margin-bottom: 18px !important;
        padding: 18px !important;
    }

    :is(
        .survey-store-page,
        .video-store-page,
        .live-training-store-page,
        .my-books-page,
        .my-reports-page,
        .my-videos-page,
        .my-live-trainings-page
    ) .ph-content,
    :is(
        .survey-store-page,
        .video-store-page,
        .live-training-store-page,
        .my-reports-page,
        .my-videos-page,
        .my-live-trainings-page
    ) .ph-content > .row,
    .book-store-page .bs-hero-content,
    .payment-history-page .ph-header-content,
    .relationship-dashboard-page .rd-header-content,
    .report-detail-page .rd-hero-main,
    .report-detail-table-page .rdt-hero-copy,
    .missing-dependencies-page .md-hero-copy {
        min-height: 0;
    }

    .profile-page .header-card {
        align-items: flex-start !important;
    }

    .user-dashboard-page > .row:first-child {
        margin-bottom: 18px !important;
    }

    .user-dashboard-page .ud-hero-card,
    .user-dashboard-page .ud-hero-card > .card-body {
        min-height: 0 !important;
    }

    .user-dashboard-page .ud-hero-card > .card-body {
        padding: 18px !important;
    }
}