/**
 * Shared section header typography + vertical rhythm.
 * Tokens default from bbai-card-rhythm.css when enqueued first; literals are fallbacks.
 *
 * Load order: after bbai-card-rhythm, admin-ui-components, status-card-refresh, analytics-page.
 */

:root {
    --bbai-section-label-size: var(--bbai-admin-type-label, var(--bbai-card-label-size, 12px));
    --bbai-section-label-weight: var(--bbai-admin-type-weight-semibold, var(--bbai-card-label-weight, 600));
    --bbai-section-label-leading: var(--bbai-card-label-leading, 1.3);
    --bbai-section-label-tracking: var(--bbai-card-label-tracking, 0.08em);
    --bbai-section-label-color: var(--bbai-admin-color-text-muted, var(--bbai-card-label-color, #7b8aa0));

    --bbai-section-title-size: var(--bbai-admin-type-section-title, 24px);
    --bbai-section-title-weight: var(--bbai-admin-type-weight-semibold, 600);
    --bbai-section-title-leading: 1.15;
    --bbai-section-title-tracking: var(--bbai-tracking-tight, -0.02em);
    --bbai-section-title-color: var(--bbai-admin-color-text, #0f172a);

    --bbai-section-meta-size: var(--bbai-admin-type-meta, var(--bbai-card-meta-size, 13px));
    --bbai-section-meta-weight: var(--bbai-admin-type-weight-medium, var(--bbai-card-meta-weight, 500));
    --bbai-section-meta-leading: 1.45;
    --bbai-section-meta-color: var(--bbai-admin-color-text-muted, var(--bbai-card-meta-color, #64748b));

    --bbai-section-label-title-gap: 0px;
    --bbai-section-title-content-gap: var(--bbai-rhythm-title-to-description, var(--bbai-space-2));
    --bbai-section-header-gap: var(--bbai-rhythm-section-header-split-gap, var(--bbai-space-4));
    --bbai-section-header-pad-y: var(--bbai-rhythm-section-header-pad-y, var(--bbai-space-2));
    --bbai-section-header-pad-b: var(--bbai-rhythm-section-header-pad-b, var(--bbai-space-1));
    --bbai-section-header-pad-x: var(--bbai-rhythm-section-header-inline-pad, var(--bbai-space-6));
}

/* ── Core type ─────────────────────────────────────────────────────────── */

.bbai-section-label,
#bbai-dashboard-main .bbai-command-card__eyebrow,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-command-card__eyebrow,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-ui-section-header__eyebrow,
.bbai-ui-section-header__eyebrow {
    font-size: var(--bbai-section-label-size);
    font-weight: var(--bbai-section-label-weight);
    line-height: var(--bbai-section-label-leading);
    letter-spacing: var(--bbai-section-label-tracking);
    text-transform: uppercase;
    color: var(--bbai-section-label-color);
}

.bbai-section-label {
    margin: 0;
}

#bbai-dashboard-main .bbai-command-card__eyebrow,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-command-card__eyebrow,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-ui-section-header__eyebrow {
    margin: 0 0 var(--bbai-card-label-margin-bottom, 8px);
}

.bbai-ui-section-header__eyebrow {
    margin: 0 0 var(--bbai-card-label-margin-bottom, 8px);
}

.bbai-section-title,
#bbai-dashboard-main .bbai-command-card__title,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-command-card__title,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-ui-section-header__title,
.bbai-ui-section-header__title {
    font-size: var(--bbai-section-title-size);
    font-weight: var(--bbai-section-title-weight);
    line-height: var(--bbai-section-title-leading);
    letter-spacing: var(--bbai-section-title-tracking);
    color: var(--bbai-section-title-color);
}

#bbai-dashboard-main .bbai-command-card__title,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-command-card__title,
body.bbai-dashboard .bbai-library-workspace-card__head .bbai-ui-section-header__title {
    margin: 0;
}

.bbai-ui-section-header__title {
    margin: 0 0 var(--bbai-card-title-margin-bottom, var(--bbai-space-2));
}

.bbai-section-title {
    margin: 0;
}

/*
 * WordPress admin: #wpbody-content h2 out-specifies component classes — match Dashboard card title scale.
 */
body.bbai-dashboard #wpbody-content .bbai-library-workspace-card__head h2.bbai-command-card__title,
body.bbai-dashboard #wpbody-content .bbai-library-workspace-card__head h2.bbai-ui-section-header__title,
body.bbai-dashboard #wpbody-content .bbai-library-workspace-card__head h2.bbai-section-title {
    font-size: var(--bbai-section-title-size) !important;
    font-weight: var(--bbai-section-title-weight) !important;
    line-height: var(--bbai-section-title-leading) !important;
    letter-spacing: var(--bbai-section-title-tracking);
    color: var(--bbai-section-title-color);
    margin: 0 0 var(--bbai-card-title-margin-bottom, var(--bbai-space-2)) !important;
}

body.bbai-dashboard #wpbody-content .bbai-library-workspace-card__head h2.bbai-section-title:last-child {
    margin-bottom: 0 !important;
}

.bbai-section-meta {
    margin: 0;
    font-size: var(--bbai-section-meta-size);
    font-weight: var(--bbai-section-meta-weight);
    line-height: var(--bbai-section-meta-leading);
    color: var(--bbai-section-meta-color);
    font-variant-numeric: tabular-nums;
}

/* ── Layout: label stack + optional right meta (workspace / cards) ─────── */

.bbai-section-header__main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--bbai-section-label-title-gap);
    min-width: 0;
}

.bbai-section-header--split-end {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--bbai-section-header-gap);
    padding: var(--bbai-section-header-pad-y) var(--bbai-section-header-pad-x) var(--bbai-section-header-pad-b);
    box-sizing: border-box;
}

.bbai-section-header--split-end .bbai-section-meta,
.bbai-section-header--split-end .bbai-command-card__meta {
    flex: 0 0 auto;
    max-width: min(42ch, 46vw);
    text-align: right;
    white-space: nowrap;
}

/*
 * ALT Library workspace card — match Dashboard command-card header rhythm:
 * horizontal inset 24px, label→title 6px (eyebrow margin), title→filters 16px (toolbar padding-top).
 */
body.bbai-dashboard .bbai-library-workspace-card__head.bbai-section-header--split-end {
    --bbai-section-header-pad-y: 0px;
    --bbai-section-header-pad-b: 0px;
    --bbai-section-header-pad-x: var(--bbai-rhythm-section-header-inline-pad, var(--bbai-space-6));
    --bbai-section-header-gap: var(--bbai-rhythm-section-header-split-gap, var(--bbai-space-4));
    /* First row aligns with command cards: content starts after card “gutter” */
    padding-top: var(--bbai-command-card-padding, var(--bbai-rhythm-card-padding, var(--bbai-space-6)));
}

@media (max-width: 782px) {
    .bbai-section-header--split-end {
        flex-direction: column;
        align-items: stretch;
        gap: 6px;
    }

    .bbai-section-header--split-end .bbai-section-meta,
    .bbai-section-header--split-end .bbai-command-card__meta {
        max-width: none;
        text-align: left;
        white-space: normal;
    }

    body.bbai-dashboard .bbai-library-workspace-card__head.bbai-section-header--split-end {
        padding-top: var(--bbai-space-5);
    }
}