/**
 * Shared page header typography and logo/title alignment (redesigned pages).
 */
:root {
    --hb-page-title-font: 'Inter', sans-serif;
    --hb-page-title-size: 18px;
    --hb-page-title-weight: 700;
    --hb-page-title-line-height: 28px;
    --hb-page-title-spacing: 0;
    --hb-page-logo-size: 28px;
}

/* Page titles */
.dr-page .dr-header__title,
.trp-page .trp-header__title,
.trp-create .trp-create-header__title,
.inv-page .inv-header__title,
.inv-show-page .inv-show-top__title,
.obt-page .obt-header__title,
.lp-page .lp-header__title,
.lp-form .lp-form-header__title,
.cp-page .cp-header__title,
.cp-form .cp-form-header__title,
.cb-page .cb-header__title,
.ca-page .ca-header__title,
.dp-page .dp-header__title,
.dp-form-page .dp-form-header__title,
.ll-page .ll-header__title,
.lci-page .lci-header__title,
.ops-aq-page-title,
.ops-dash-page-title,
.cd-page .cd-header__title,
.cd-page .cd-top .cd-header__title,
.srb-hero h4,
.bulk-assign-page .bulk-assign-hero h4,
.whl-page .trp-header__title {
    font-family: var(--hb-page-title-font) !important;
    font-weight: var(--hb-page-title-weight) !important;
    font-size: var(--hb-page-title-size) !important;
    line-height: var(--hb-page-title-line-height) !important;
    letter-spacing: var(--hb-page-title-spacing) !important;
}

@media (max-width: 991.98px) {
    .dr-page .dr-header__title,
    .trp-page .trp-header__title,
    .trp-create .trp-create-header__title,
    .inv-page .inv-header__title,
    .inv-show-page .inv-show-top__title,
    .obt-page .obt-header__title,
    .lp-page .lp-header__title,
    .lp-form .lp-form-header__title,
    .cp-page .cp-header__title,
    .cp-form .cp-form-header__title,
    .cb-page .cb-header__title,
    .ca-page .ca-header__title,
    .dp-page .dp-header__title,
    .dp-form-page .dp-form-header__title,
    .ll-page .ll-header__title,
    .lci-page .lci-header__title,
    .ops-aq-page-title,
    .ops-dash-page-title,
    .cd-page .cd-header__title,
.cd-page .cd-top .cd-header__title,
    .srb-hero h4,
    .bulk-assign-page .bulk-assign-hero h4,
    .whl-page .trp-header__title {
        font-size: var(--hb-page-title-size) !important;
        line-height: var(--hb-page-title-line-height) !important;
    }
}

/* Logo + title row alignment */
.dr-page .dr-header__intro,
.trp-page .trp-header__intro,
.trp-create .trp-create-header__intro,
.obt-page .obt-header__intro,
.lp-page .lp-header__intro,
.lp-form .lp-form-header__intro,
.cp-page .cp-header__intro,
.cp-form .cp-form-header__intro,
.cb-page .cb-header,
.srb-hero,
.bulk-assign-page .bulk-assign-hero {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

/* Logo / icon size matches title line-height (28px) */
.dr-page .dr-header__logo,
.trp-page .trp-header__logo,
.trp-create .trp-create-header__logo,
.obt-page .obt-header__logo,
.lp-page .lp-header__logo,
.lp-form .lp-form-header__logo,
.cp-page .cp-header__icon,
.cp-form .cp-form-header__icon,
.cb-page .cb-header__icon,
.srb-hero__icon,
.bulk-assign-page .bulk-assign-hero-icon {
    width: var(--hb-page-logo-size) !important;
    height: var(--hb-page-logo-size) !important;
    flex-shrink: 0;
}

.cp-page .cp-header__icon,
.cp-form .cp-form-header__icon,
.cb-page .cb-header__icon,
.srb-hero__icon,
.bulk-assign-page .bulk-assign-hero-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.cp-page .cp-header__icon .material-icons,
.cp-form .cp-form-header__icon .material-icons,
.cb-page .cb-header__icon .material-icons,
.srb-hero__icon .material-icons,
.bulk-assign-page .bulk-assign-hero-icon .material-icons {
    font-size: 18px;
    line-height: 1;
}

.trp-page .trp-header__logo,
.obt-page .obt-header__logo,
.lp-page .lp-header__logo,
.trp-create .trp-create-header__logo,
.lp-form .lp-form-header__logo {
    border-radius: 6px;
    object-fit: contain;
}

.dr-page .dr-header__logo {
    border-radius: 6px;
}

.srb-hero__icon {
    border-radius: 8px;
}