/* Edge-rail overlay tabs: match left main tabs band + hairline Y.
   Loaded last (after domain/module CSS). Include dual-class
   *.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header variants so
   domain rules (Accounts/Contacts/etc.) cannot win on specificity. */
html body .nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .nucleus-detail-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .nucleus-detail-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .service-desk-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .service-desk-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .account-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .account-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .contact-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .contact-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .capability-workspace-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .capability-workspace-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .project-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .project-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .contract-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .contract-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .order-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .order-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .strategy-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .strategy-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .business-flow-workspace-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .business-flow-workspace-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .opportunity-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .opportunity-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
html body .asset-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .supplier-workspace-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .legal-contract-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .organisation-department-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .organisation-location-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
html body .governance-grc-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    /* Same 46px strip and baseline as the left tabs. */
    min-height: 46px !important;
    height: 46px !important;
    max-height: 46px !important;
    box-sizing: border-box !important;
    /* Hairline is on the toolbar, starting at Details, so the column gap stays open. */
    padding: 0 !important;
    margin: 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #DFE7ED !important;
    overflow: visible !important;
    background: transparent !important;
}

@media (min-width: 960px) {
    html body .nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .nucleus-detail-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .nucleus-detail-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .service-desk-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .service-desk-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .account-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .account-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .contact-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .contact-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .capability-workspace-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .capability-workspace-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .project-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .project-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .contract-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .contract-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .order-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .order-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .strategy-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .strategy-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .business-flow-workspace-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .business-flow-workspace-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .opportunity-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .opportunity-detail-right-rail-card__tabs.nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .asset-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .supplier-workspace-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .legal-contract-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .organisation-department-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .organisation-location-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header,
    html body .governance-grc-detail-right-rail-card__tabs.nucleus-detail-edge-rail-header {
        border-top: none !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius: 0 !important;
        position: relative;
    }

    html body .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-shell__main-tabs,
    html body .nucleus-detail-edge-rail-header {
        border-top: none !important;
        box-shadow: none !important;
    }

    html body .nucleus-detail-edge-rail-header::before,
    html body .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-shell__main-tabs::before {
        content: none !important;
        display: none !important;
        border: none !important;
    }
}

html body .nucleus-detail-edge-rail-toolbar {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    flex: 1 1 auto !important;
    gap: 0 !important;
    width: 100% !important;
    min-height: 0 !important;
    height: 100% !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 var(--nx-detail-rail-inset, 22px) !important;
    border-bottom: none !important;
}

html body .nucleus-detail-edge-rail-title {
    flex: 1 1 auto !important;
    min-height: var(--nucleus-detail-chrome-band-min-height, 2.75rem) !important;
    height: 100% !important;
    box-sizing: border-box !important;
    margin-left: var(--nucleus-detail-column-edge-inset, 0.75rem) !important;
    width: calc(100% - var(--nucleus-detail-column-edge-inset, 0.75rem)) !important;
    padding-left: 0 !important;
    padding-right: var(--nucleus-detail-column-edge-inset, 0.75rem) !important;
    /* A rail title sits in the tab band. It does not draw the tab underline. */
    border-bottom: none !important;
}

html body .nucleus-detail-edge-rail-toolbar > .mud-button-root,
html body .nucleus-detail-edge-rail-toolbar .mud-button-root.nucleus-detail-edge-rail-toolbar__btn {
    width: auto !important;
    min-width: 0 !important;
    min-height: 2.25rem !important;
    height: 100% !important;
    flex: 0 0 auto !important;
    justify-content: center !important;
    align-self: stretch !important;
    padding: 0 !important;
    margin-inline-end: 25px !important;
    border: none !important;
    border-left: none !important;
    border-radius: 0 !important;
    text-transform: none !important;
    box-shadow: none !important;
    background: transparent !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    color: #74899A !important;
}

html body .nucleus-detail-edge-rail-toolbar .mud-button-root .mud-button-label {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: inherit !important;
}

html body .nucleus-detail-edge-rail-toolbar > .mud-button-root:first-child,
html body .nucleus-detail-edge-rail-toolbar .mud-button-root.nucleus-detail-edge-rail-toolbar__btn:first-child {
    padding-left: 0 !important;
    margin-inline-start: 0 !important;
}

html body .nucleus-detail-edge-rail-toolbar .mud-button-root.nucleus-detail-edge-rail-toolbar__btn:hover {
    color: #294E6D !important;
    background: transparent !important;
}

html body .nucleus-detail-edge-rail-toolbar .mud-button-root.nucleus-detail-edge-rail-toolbar__btn--active,
html body .nucleus-detail-edge-rail-toolbar .mud-button-root.nucleus-detail-edge-rail-toolbar__btn--active .mud-button-label {
    color: #143A55 !important;
    background: transparent !important;
    box-shadow: inset 0 -2px 0 #304D6E !important;
}

/*
 * One horizontal inset from the nav. Chrome, index headers, index bodies,
 * and detail headers/bodies all use --nx-page-gutter-x. Loaded last so
 * domain 1.25rem / px-5 rules cannot pull a header off the body edge.
 */
html body .module-index-page:not(.page-content-standard),
html body .sales-index-page:not(.page-content-standard),
html body .nucleus-index-page:not(.page-content-standard),
html body .properties-index-page:not(.page-content-standard),
html body .sales-settings-page:not(.page-content-standard) {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

html body .app-content-shell:has(.module-index-page),
html body .app-content-shell:has(.nucleus-index-page),
html body .app-content-shell:has(.properties-index-page),
html body .app-content-shell:has(.sales-index-page),
html body .app-content-shell:has(.business-hub-landing),
html body .app-content-shell:has(.bs-story-page) {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding: 0 !important;
    width: 100% !important;
}

html body .module-index-header .module-index-back-mobile.mud-icon-button {
    width: 24px !important;
    height: 24px !important;
    min-width: 24px !important;
    min-height: 24px !important;
    padding: 0 !important;
    margin: 0 !important;
}

html body .module-index-header .module-index-back-mobile .mud-icon-root {
    font-size: 1.5rem !important;
    width: 1.5rem !important;
    height: 1.5rem !important;
}

html body .module-index-header.page-content-standard,
html body .module-index-header-sticky.page-content-standard,
html body .app-content-shell.page-section.service-desk-index-page-host > .page-content-standard.module-index-header-sticky {
    padding: 16px 1.25rem 8px 1.25rem !important;
}

html body .module-index-scroll-inner {
    padding: 12px 1.25rem 24px !important;
}

html body .entity-view-layout .module-header-section,
html body .entity-view-layout .module-content-region .workspace-main-body {
    padding-left: 1.25rem !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-header-section,
html body .entity-view-layout.asset-detail-layout--edge-rail .module-header-section,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-content-region .workspace-main-body,
html body .entity-view-layout.asset-detail-layout--edge-rail .module-content-region .workspace-main-body {
    padding-right: 0 !important;
}

/*
 * Two columns from 960px up: main 2/3, rail 1/3.
 * The main track is width:auto so it fills its column and cannot cover the divider.
 */
@media (min-width: 960px) {
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .service-desk-detail-layout.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.asset-detail-layout--edge-rail .service-desk-detail-layout.nucleus-detail-split-layout--with-side-panel {
        display: grid !important;
        grid-template-columns: minmax(0, 2fr) minmax(0, 1fr) !important;
        grid-template-rows: auto minmax(0, 1fr) !important;
        column-gap: var(--nx-detail-column-gap, 28px) !important;
        overflow: hidden !important;
        min-height: 0 !important;
        min-width: 0 !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-tabs,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-tabs,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-shell__main-tabs,
    html body .nucleus-detail-rail-card__tabs.nucleus-detail-edge-rail-header {
        grid-column: 1 !important;
        grid-row: 1 !important;
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
        padding-top: 0 !important;
        align-items: stretch !important;
        box-sizing: border-box !important;
    }

    html body .nucleus-detail-rail-card__tabs.nucleus-detail-edge-rail-header {
        grid-column: auto !important;
        grid-row: auto !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-content,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-content {
        grid-column: 1 !important;
        grid-row: 2 !important;
        /* Fill the 2/3 track. A 100% width resolves against the whole shell and paints over the rail. */
        width: auto !important;
        max-width: 100% !important;
        min-width: 0 !important;
        min-height: 0 !important;
        justify-self: stretch !important;
        align-self: stretch !important;
        box-sizing: border-box !important;
        padding-top: 22px !important;
        padding-right: 0 !important;
        overflow-x: hidden !important;
    }

    html body .entity-view-layout.department-detail-page.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-content {
        padding-top: 22px !important;
        padding-left: 0 !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--main-scroll-auto > .nucleus-detail-split-layout__main-content,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--main-scroll-auto > .nucleus-detail-split-layout__main-content {
        overflow-y: auto !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__side-panel-host,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__side-panel-host {
        grid-column: 2 !important;
        grid-row: 1 / -1 !important;
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 100% !important;
        min-height: 0 !important;
        align-self: stretch !important;
        justify-self: stretch !important;
        z-index: 4 !important;
        background: var(--mud-palette-surface, #fff) !important;
        border-left: 1px solid #DFE7ED !important;
        border-right: none !important;
        border-top: none !important;
        border-bottom: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
    }

    /* Page stays put. Each column is its own scrollport. */
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-main-column,
    html body .entity-view-layout.asset-detail-layout--edge-rail .module-main-column,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-content-region,
    html body .entity-view-layout.asset-detail-layout--edge-rail .module-content-region,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-content-region .workspace-main-body,
    html body .entity-view-layout.asset-detail-layout--edge-rail .module-content-region .workspace-main-body,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-host,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-host,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .service-desk-detail-keyboard-host,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .capability-workspace-detail-host {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    html body .entity-view-layout.entity-view-layout--content-anchored-tabs.nucleus-detail-layout--edge-rail:has(.nucleus-detail-shell) .workspace-main-body,
    html body .entity-view-layout.entity-view-layout--content-anchored-tabs.nucleus-detail-layout--edge-rail:has(.nucleus-detail-shell) .nucleus-detail-host,
    html body .entity-view-layout.entity-view-layout--content-anchored-tabs.asset-detail-layout--edge-rail:has(.nucleus-detail-shell) .workspace-main-body,
    html body .entity-view-layout.entity-view-layout--content-anchored-tabs.asset-detail-layout--edge-rail:has(.nucleus-detail-shell) .nucleus-detail-host,
    html body .entity-view-layout.entity-view-layout--content-anchored-tabs.nucleus-detail-layout--edge-rail:has(.nucleus-detail-shell) .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.entity-view-layout--content-anchored-tabs.asset-detail-layout--edge-rail:has(.nucleus-detail-shell) .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel {
        overflow: hidden !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        height: auto !important;
        max-height: none !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--main-scroll-auto > .nucleus-detail-split-layout__main-content,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--main-scroll-auto > .nucleus-detail-split-layout__main-content {
        overscroll-behavior: contain;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--main-scroll-component-managed > .nucleus-detail-split-layout__main-content,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--main-scroll-component-managed > .nucleus-detail-split-layout__main-content {
        overflow: hidden !important;
        min-height: 0 !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-detail-side-panel,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-detail-edge-rail-host,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-detail-side-panel,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-detail-edge-rail-host {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 0 !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: hidden !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-detail-rail-card__body,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-context-panel-content,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-detail-rail-card__body,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-edge-rail-card .nucleus-context-panel-content {
        flex: 1 1 0 !important;
        min-height: 0 !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
    }
}

/* Department has no rail tabs. Drop the empty band so the readiness title is that band. */
html body .department-context-panel .nucleus-detail-rail-card__tabs,
html body .department-context-panel .nucleus-detail-edge-rail-rule {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    overflow: hidden !important;
}

html body .nucleus-detail-rail-dashboard {
    padding: 16px var(--nx-detail-rail-inset, 22px) 12px var(--nx-detail-rail-inset, 22px) !important;
}

/* No rail tabs: content starts 23px under the header rule, as on Department. */
html body .nucleus-detail-side-panel:not(:has(.nucleus-context-panel-tabs)) .nucleus-detail-rail-dashboard {
    padding-top: 23px !important;
}

html body .nucleus-detail-side-panel.department-context-panel:not(:has(.nucleus-context-panel-tabs)) .nucleus-detail-rail-dashboard {
    padding-top: 0 !important;
}

html body .nucleus-detail-side-panel:not(:has(.nucleus-context-panel-tabs)) .dept-rail-section:first-child {
    padding-top: 23px !important;
    border-top: none !important;
}

/* One subtitle: the purpose line is removed. Owner / Reports to is that row. */
html body .department-detail-page .nucleus-page-title-band__subtitle:has(.nx-record-purpose) {
    display: none !important;
}

/* Record title and the back chevron share one center line and one size. */
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record {
    display: grid !important;
    grid-template-columns: 30px minmax(0, 1fr) !important;
    column-gap: 7px !important;
    row-gap: 7px !important;
    align-items: center !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record .nucleus-page-title-band__title-row,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record .nucleus-page-title-band__title-row {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record .nucleus-page-title-band__subtitle,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record .entity-view-header-subtitle-slot,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record .nucleus-page-title-band__subtitle,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record .entity-view-header-subtitle-slot {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
}

html body .nucleus-page-title-band--record .nucleus-page-title-band__badge {
    margin-left: 5px !important;
}

html body .nucleus-page-title-band--record .nucleus-page-title-band__leading,
html body .nucleus-page-title-band--record .nucleus-detail-title-back-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: center !important;
    height: 32px !important;
    width: 30px !important;
    margin: 0 0 0 -2px !important;
    padding: 0 !important;
    line-height: 32px !important;
    color: #315F93 !important;
    border-radius: 3px !important;
}

html body .nucleus-page-title-band--record .nucleus-detail-title-back-btn__icon.mud-icon-root,
html body .nucleus-page-title-band--record .nucleus-detail-title-back-btn .mud-icon-root {
    font-size: 22px !important;
    width: 22px !important;
    height: 22px !important;
    line-height: 22px !important;
    color: #315F93 !important;
}

html body .nucleus-page-title-band--record .nucleus-detail-title-back-btn:hover {
    background: #F2F6F9 !important;
}

html body .nucleus-page-title-band--record .nucleus-detail-title-back-btn:hover .mud-icon-root {
    color: #182F45 !important;
}

html body .nucleus-page-title-band--record .nx-record-title {
    line-height: 1.2 !important;
    margin: 0 !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record .nucleus-page-title-band__subtitle,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record .entity-view-header-subtitle-slot,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record .nucleus-page-title-band__subtitle,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record .entity-view-header-subtitle-slot {
    grid-column: 2 !important;
    grid-row: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: start !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta span,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta .mud-typography,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta span,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta .mud-typography {
    margin: 0 !important;
    font-family: inherit !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
    color: #708394 !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta strong,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta b,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta .mud-link,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta .mud-link .mud-typography,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta strong,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta b,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta .mud-link,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta .mud-link .mud-typography {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    letter-spacing: 0 !important;
    color: #36566F !important;
}
html body .entity-view-layout.entity-view-layout--content-anchored-tabs.nucleus-detail-layout--edge-rail:has(.nucleus-detail-shell) .entity-view-header-with-border,
html body .entity-view-layout.entity-view-layout--content-anchored-tabs.asset-detail-layout--edge-rail:has(.nucleus-detail-shell) .entity-view-header-with-border,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .entity-view-header-with-border,
html body .entity-view-layout.asset-detail-layout--edge-rail .entity-view-header-with-border {
    border-bottom: 1px solid #DFE7ED !important;
    padding-bottom: 18px !important;
    box-shadow: none !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .entity-view-header-with-border .home-header-content,
html body .entity-view-layout.asset-detail-layout--edge-rail .entity-view-header-with-border .home-header-content {
    gap: 0 !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-header-section,
html body .entity-view-layout.asset-detail-layout--edge-rail .module-header-section {
    padding-top: 22px !important;
    padding-bottom: 0 !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .module-content-region .workspace-main-body,
html body .entity-view-layout.asset-detail-layout--edge-rail .module-content-region .workspace-main-body {
    padding-top: 0 !important;
}

html body .nucleus-detail-shell__main-tabs,
html body .nucleus-detail-shell__main-tabs .nucleus-detail-main-mud-tabs-host,
html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical),
html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-toolbar,
html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-tabbar,
html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-tabbar-inner,
html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-tabbar-wrapper {
    height: 46px !important;
    min-height: 46px !important;
    max-height: 46px !important;
    padding: 0 !important;
    margin: 0 !important;
    align-items: stretch !important;
    box-sizing: border-box !important;
    border-bottom: none !important;
}

html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-tabbar {
    border-bottom: 1px solid #DFE7ED !important;
}

html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tab,
html body .nucleus-detail-shell__main-tabs .nucleus-detail-simple-mud-tabs.mud-tabs:not(.mud-tabs-vertical) .mud-tab,
html body .nucleus-detail-shell__main-tabs .nucleus-detail-simple-mud-tabs.mud-tabs:not(.mud-tabs-vertical) .mud-tab.mud-tab-active,
html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tab.mud-tab-active {
    box-sizing: border-box !important;
    height: 100% !important;
    min-height: 0 !important;
    max-height: none !important;
    margin: 0 25px 0 0 !important;
    padding: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    align-self: stretch !important;
    justify-content: center !important;
    top: 0 !important;
    transform: none !important;
    line-height: 12px !important;
    font-size: 12px !important;
}

html body .nucleus-detail-shell__main-tabs .mud-tab:first-child {
    margin-left: 0 !important;
}

html body .nucleus-detail-shell__main-tabs .nucleus-detail-tab-label,
html body .nucleus-detail-shell__main-tabs .mud-tab-wrapper,
html body .nucleus-detail-shell__main-tabs .mud-tab > * {
    margin: 0 !important;
    padding: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 12px !important;
    font-size: 12px !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .entity-view-header-top-row,
html body .entity-view-layout.asset-detail-layout--edge-rail .entity-view-header-top-row {
    align-items: flex-start !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .entity-view-header-right-column,
html body .entity-view-layout.asset-detail-layout--edge-rail .entity-view-header-right-column {
    padding-inline: 0 !important;
    padding-top: 5px !important;
    align-self: start !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-header-workflow-actions,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-header-workflow-actions {
    align-items: flex-start !important;
    gap: 9px !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-header-workflow-actions .mud-button-outlined,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-header-workflow-actions .mud-button-outlined {
    min-height: 0 !important;
    height: auto !important;
    padding: 6px 9px !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    border-radius: 3px !important;
    border: 1px solid #DFE7ED !important;
    color: #274C67 !important;
    background: #fff !important;
    box-shadow: none !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-header-workflow-actions .mud-button-outlined .mud-button-label,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-header-workflow-actions .mud-button-outlined .mud-button-label {
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    text-transform: none !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-header-workflow-actions .mud-button-outlined .mud-icon-root,
html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-header-workflow-actions .mud-button-outlined .mud-icon-root {
    font-size: 14px !important;
    width: 14px !important;
    height: 14px !important;
}

/* Rail sections sit on the page surface. Hairline between them, no card chrome. */
html body .nucleus-detail-rail-dashboard .sd-dash-card,
html body .nucleus-detail-rail-dashboard .nucleus-surface-card,
html body .nucleus-detail-rail-dashboard .modern-card,
html body .nucleus-detail-edge-rail-card .sd-dash-card,
html body .nucleus-detail-edge-rail-card .nucleus-surface-card,
html body .nucleus-detail-edge-rail-card .modern-card {
    border-width: 0 0 1px 0 !important;
    border-style: solid !important;
    border-color: #E8EEF3 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    margin: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
}

html body .nucleus-detail-rail-dashboard > .sd-dash-card:last-child,
html body .nucleus-detail-rail-dashboard > .nucleus-surface-card:last-child,
html body .nucleus-detail-rail-dashboard > .modern-card:last-child,
html body .nucleus-detail-rail-dashboard > *:last-child > .sd-dash-card:only-child,
html body .nucleus-detail-rail-dashboard > *:last-child > .nucleus-surface-card:only-child,
html body .nucleus-detail-rail-dashboard > *:last-child > .modern-card:only-child {
    border-bottom-width: 0 !important;
}

/* Section title and its action share one row, inside the main column. */
html body .nucleus-detail-shell__main .nucleus-definition-section,
html body .nucleus-detail-split-layout__main-content .nucleus-definition-section {
    min-width: 0;
    max-width: 100%;
}

html body .nucleus-definition-section,
html body .nucleus-definition-section__body,
html body .nucleus-content-pair {
    max-width: 100% !important;
    min-width: 0 !important;
}

html body .nucleus-definition-section__header {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
}

html body .nucleus-definition-section__title {
    flex: 1 1 auto !important;
    width: auto !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: -0.2px !important;
    color: #1B405C !important;
}

html body .nucleus-definition-section__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    width: auto !important;
    margin-left: auto !important;
    justify-content: flex-end !important;
}

html body .nucleus-definition-section__actions .mud-button-root {
    width: auto !important;
    min-width: 0 !important;
}

/* Overview pairs: two columns until the window is narrow. */
html body .nucleus-content-pair {
    display: grid !important;
    grid-template-columns: minmax(0, 340px) minmax(0, 340px) !important;
    justify-content: start !important;
    column-gap: 29px !important;
    row-gap: 15px !important;
    width: 100% !important;
}

html body .nucleus-content-pair > * {
    grid-column: auto !important;
    width: 100% !important;
    max-width: 340px !important;
    min-width: 0 !important;
    justify-self: start !important;
}

/* Shared record sections: 20px under the content, 25px before the next heading. */
html body .dept-overview-tab .nucleus-definition-section,
html body .account-overview-tab .nucleus-definition-section,
html body .dept-record-tab.nucleus-definition-section {
    margin: 0 0 25px !important;
    padding: 0 0 20px !important;
    border-top: none !important;
    border-bottom: 1px solid #E8EEF3 !important;
    box-shadow: none !important;
}

html body .dept-overview-tab .nucleus-definition-section:last-child,
html body .dept-record-tab.nucleus-definition-section:last-child {
    border-bottom: none !important;
}

html body .dept-overview-tab .nucleus-definition-section:last-child,
html body .account-overview-tab .nucleus-definition-section:last-child,
html body .dept-record-tab.nucleus-definition-section:last-child {
    border-bottom: none !important;
}

html body .dept-overview-tab .nucleus-definition-section__header,
html body .account-overview-tab .nucleus-definition-section__header,
html body .dept-record-tab .nucleus-definition-section__header {
    margin: 0 0 12px !important;
    overflow: visible !important;
}

html body .dept-overview-tab .nx-section-description,
html body .account-overview-tab .nx-section-description,
html body .dept-record-tab .nx-section-description {
    display: block !important;
    max-width: 850px !important;
    margin: -4px 0 14px !important;
    font-size: 11.5px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #718597 !important;
}

html body .dept-overview-tab .nucleus-content-pair,
html body .account-overview-tab .nucleus-content-pair {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
    column-gap: 29px !important;
    row-gap: 15px !important;
}

html body .dept-overview-tab .nucleus-content-pair > *,
html body .account-overview-tab .nucleus-content-pair > * {
    width: auto !important;
    max-width: none !important;
}

html body .dept-overview-tab .mud-typography-overline,
html body .account-overview-tab .mud-typography-overline {
    margin: 0 0 5px !important;
}

html body .account-overview-tab .nucleus-content-pair .mud-typography-overline:not(:first-child) {
    margin-top: 14px !important;
}

html body .dept-overview-tab .nx-overview-row,
html body .account-overview-tab .nx-overview-row {
    padding: 11px 0 !important;
    border-bottom: 1px solid #edf1f5;
}

html body .dept-overview-tab .nucleus-definition-section .nx-overview-row:last-of-type,
html body .dept-overview-tab .nucleus-content-pair > * .nx-overview-row:last-of-type {
    border-bottom: none !important;
}

html body .dept-overview-tab .nucleus-content-pair > * .nx-overview-row:last-child,
html body .account-overview-tab .nx-overview-row:last-child {
    border-bottom: none;
}

@media (max-width: 680px) {
    html body .nucleus-content-pair,
    html body .dept-overview-tab .nucleus-content-pair,
    html body .account-overview-tab .nucleus-content-pair {
        grid-template-columns: minmax(0, 1fr) !important;
    }
}

html body .nucleus-content-pair > * {
    text-align: left !important;
}

html body .nucleus-content-pair .mud-typography-overline {
    display: block !important;
    margin: 0 0 4px !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    line-height: 1.33 !important;
    text-transform: uppercase !important;
    color: #7B8FA0 !important;
}

html body .nx-field-value {
    display: block !important;
    margin: 0 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #2F5067 !important;
    text-align: left !important;
}

html body .nucleus-content-pair .mud-link,
html body .nx-overview-row .mud-link {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #315F83 !important;
    text-align: left !important;
}

html body .nx-overview-note {
    display: block !important;
    margin-top: 3px !important;
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #758A9C !important;
}

html body .nx-record-purpose {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.45 !important;
    color: #708394 !important;
}

html body .dept-overview-tab .dept-purpose-text {
    margin: 0 !important;
    max-width: 840px !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
    color: #263C51 !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .nx-record-meta > span + span::before,
html body .entity-view-layout.asset-detail-layout--edge-rail .nx-record-meta > span + span::before {
    content: "·" !important;
    display: inline-block !important;
    margin: 0 12px !important;
    color: #9AABBA !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

/* Readiness title and the derived label sit together, not at opposite edges of the rail. */
html body .nx-readiness__head {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: baseline !important;
    gap: 0 !important;
}

html body .nx-readiness__head .mud-typography {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #274B67 !important;
}

html body .nx-readiness__derived::before {
    content: "·";
    margin: 0 0.45rem;
    color: #9AABBA;
    font-weight: 400;
}

html body .dept-fact-grid > span {
    padding: 6px 0;
    border-bottom: 1px solid #EDF1F5;
    font-size: 12px;
    line-height: 1.35;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .account-header-workflow-actions {
    display: flex !important;
    width: auto !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 9px !important;
}

html body .entity-view-layout.nucleus-detail-layout--edge-rail .account-header-workflow-actions > *,
html body .entity-view-layout.nucleus-detail-layout--edge-rail .account-header-workflow-actions .mud-button-root {
    flex: 0 0 auto !important;
    width: auto !important;
}

html body .account-overview-record {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 8px;
}

html body .account-overview-record .nx-overview-row {
    flex: 1 1 auto;
    min-width: 0;
}

html body .account-rail-section {
    padding: 14px 0;
    border-top: 1px solid #E8EEF3;
}

html body .account-context-panel .account-rail-section:first-child {
    border-top: none;
    padding-top: 0;
}

html body .account-rail-heading-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 8px;
}

html body .account-rail-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

html body .account-context-panel .account-rail-nav-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 6px 0;
    border: 0;
    border-bottom: 1px solid #EDF1F5;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: left;
    cursor: pointer;
}

html body .account-context-panel .account-rail-nav-row__label {
    font-size: 12px;
    font-weight: 400;
    color: #708394;
}

html body .account-context-panel .account-rail-nav-row__value {
    font-size: 12px;
    font-weight: 700;
    color: #182F45;
    text-align: right;
}

html body .account-context-panel .account-rail-nav-row__chevron {
    display: none;
}

/* Department overview and rail only. Other records keep their current type. */
html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tab,
html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tab .mud-typography {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 12px !important;
    color: #74899A !important;
}

html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tab.mud-tab-active,
html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tab.mud-tab-active .mud-typography {
    color: #143A55 !important;
}

html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tab-slider {
    background: #304D6E !important;
}

html body .department-detail-page .nucleus-detail-shell__main-tabs,
html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tabs-toolbar,
html body .department-detail-page .department-context-panel,
html body .department-detail-page .nucleus-detail-split-layout__side-panel-host {
    border-top: none !important;
}

html body .department-detail-page .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-tabbar {
    border-bottom: 1px solid #DFE7ED !important;
}

html body .department-context-panel .dept-rail-section {
    padding: 17px 0 !important;
    border-top: none !important;
    border-bottom: 1px solid #E7EDF2 !important;
}

html body .department-context-panel .dept-rail-section:first-child {
    padding-top: 23px !important;
}

html body .department-context-panel .dept-rail-section:last-child {
    border-bottom: none !important;
}

html body .department-context-panel .dept-fact-grid > span:nth-last-child(-n + 2) {
    border-bottom: none !important;
}

html body .dept-overview-tab .nucleus-definition-section__title.mud-typography,
html body .dept-overview-tab .mud-typography.nucleus-definition-section__title,
html body .dept-record-tab .nucleus-definition-section__title.mud-typography,
html body .dept-record-tab .mud-typography.nucleus-definition-section__title {
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.48 !important;
    letter-spacing: -0.2px !important;
    color: #1B405C !important;
}

html body .dept-overview-tab .mud-typography.mud-typography-overline {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
    line-height: 1.33 !important;
    text-transform: uppercase !important;
    color: #7C90A0 !important;
}

html body .dept-overview-tab .nx-field-value {
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
    color: #2F5067 !important;
}

html body .dept-overview-tab .nucleus-content-pair .mud-link,
html body .dept-overview-tab .nucleus-content-pair .mud-link .mud-typography {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #274860 !important;
}

html body .dept-overview-tab .nx-overview-row .mud-link,
html body .dept-overview-tab .nx-overview-row .mud-link .mud-typography,
html body .dept-overview-tab .nx-overview-row > .mud-typography {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #274860 !important;
}

html body .dept-overview-tab .nx-section-description,
html body .dept-overview-tab .nx-overview-note,
html body .dept-overview-tab .nx-overview-empty,
html body .department-context-panel .nx-overview-empty,
html body .department-context-panel .nx-rail-note {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #758A9C !important;
}

html body .dept-overview-tab .nx-section-description {
    font-size: 11.5px !important;
    line-height: 1.6 !important;
    color: #718597 !important;
}

html body .department-detail-page .dept-overview-tab .mud-button-root.mud-button-text,
html body .department-detail-page .dept-overview-tab .mud-button-root.mud-button-text .mud-button-label {
    height: auto !important;
    min-height: 0 !important;
    padding: 2px 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #31658A !important;
}

html body .department-context-panel .nx-rail-heading {
    margin: 0 0 10px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #274B67 !important;
}

html body .department-context-panel .nx-readiness__score {
    margin-top: 0 !important;
    font-size: 23px !important;
    font-weight: 700 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.6px !important;
    color: #244F70 !important;
}

html body .department-context-panel .nx-readiness__status.mud-typography,
html body .department-context-panel .nx-readiness__status {
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    color: #244F70 !important;
}

html body .department-context-panel .nx-readiness__checks > li {
    font-size: 11px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
}

html body .department-detail-page .department-context-panel .mud-button-root.mud-button-text,
html body .department-detail-page .department-context-panel .mud-button-root.mud-button-text .mud-button-label,
html body .location-detail-page .department-context-panel .mud-button-root.mud-button-text,
html body .location-detail-page .department-context-panel .mud-button-root.mud-button-text .mud-button-label {
    height: auto !important;
    min-height: 0 !important;
    padding: 7px 0 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #315F7B !important;
}

html body .dept-overview-tab .mud-typography-overline {
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    color: #7C90A0 !important;
}

html body .dept-overview-tab .nx-field-value {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #2F5067 !important;
}

html body .dept-overview-tab .nx-overview-row .mud-link,
html body .dept-overview-tab .nx-overview-row .mud-typography {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #274860 !important;
}

html body .dept-overview-tab .nx-overview-note,
html body .dept-overview-tab .nx-overview-empty,
html body .department-context-panel .nx-overview-empty {
    font-size: 11px !important;
    font-weight: 400 !important;
    color: #758A9C !important;
}

html body .dept-overview-tab .mud-button-root,
html body .dept-overview-tab .mud-button-root .mud-button-label {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #31658A !important;
}

html body .department-context-panel .nx-readiness__head .mud-typography {
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 12px !important;
    color: #274B67 !important;
}

html body .department-context-panel .nx-readiness__score {
    font-size: 23px !important;
    font-weight: 700 !important;
    letter-spacing: -0.6px !important;
    color: #244F70 !important;
}

html body .department-context-panel .nx-readiness__score span {
    font-size: 12px !important;
    font-weight: 400 !important;
}

html body .department-context-panel .nx-readiness__status,
html body .department-context-panel .nx-readiness__status.mud-typography {
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #244F70 !important;
}

html body .department-context-panel .nx-readiness__checks > li {
    font-size: 11px !important;
    font-weight: 400 !important;
}

html body .department-context-panel .nx-readiness__checks > li.is-met {
    color: #317662 !important;
}

html body .department-context-panel .nx-readiness__checks > li.is-missing {
    color: #A27639 !important;
}

html body .department-context-panel .dept-fact-grid {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 6px 16px !important;
    align-items: baseline !important;
}

html body .department-context-panel .dept-fact-grid,
html body .department-context-panel .dept-fact-grid > span {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #708394 !important;
}

html body .department-context-panel .dept-fact-grid > span:nth-child(even) {
    font-weight: 700 !important;
    color: #182F45 !important;
    text-align: right !important;
}

html body .department-context-panel .dept-fact-grid .mud-button-root {
    justify-content: flex-start !important;
    width: auto !important;
}

html body .department-context-panel .mud-button-root,
html body .department-context-panel .mud-button-root .mud-button-label {
    height: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #315F7B !important;
}

@media (max-width: 1200px) and (min-width: 1051px) {
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel {
        column-gap: 20px !important;
    }

    html body .nucleus-detail-rail-dashboard {
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    html body .dept-overview-tab .nucleus-content-pair,
    html body .account-overview-tab .nucleus-content-pair {
        column-gap: 18px !important;
    }
}

@media (max-width: 1050px) {
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel {
        display: flex !important;
        flex-direction: column !important;
        overflow: auto !important;
        column-gap: 0 !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-content,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__main-content,
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__side-panel-host,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__side-panel-host {
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        width: 100% !important;
    }

    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__side-panel-host,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-detail-shell.nucleus-detail-split-layout--with-side-panel > .nucleus-detail-split-layout__side-panel-host {
        border-left: none !important;
        border-top: 1px solid #DFE7ED !important;
    }

    html body .department-readiness-rail {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 23px !important;
    }

    html body .department-context-panel .dept-rail-section:first-child {
        padding-top: 17px !important;
    }
}

@media (max-width: 760px) {
    html body .nucleus-detail-shell__main-tabs,
    html body .nucleus-detail-shell__main-tabs .nucleus-detail-main-mud-tabs-host,
    html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical),
    html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-toolbar,
    html body .nucleus-detail-shell__main-tabs .mud-tabs:not(.mud-tabs-vertical) .mud-tabs-tabbar,
    html body .nucleus-context-panel-tabs.nucleus-detail-edge-rail-header,
    html body .nucleus-detail-rail-card__tabs.nucleus-detail-edge-rail-header {
        height: 43px !important;
        min-height: 43px !important;
        max-height: 43px !important;
    }
}

@media (max-width: 680px) {
    html body .entity-view-layout.nucleus-detail-layout--edge-rail .nucleus-page-title-band--record,
    html body .entity-view-layout.asset-detail-layout--edge-rail .nucleus-page-title-band--record {
        grid-template-columns: 38px minmax(0, 1fr) !important;
        column-gap: 7px !important;
    }

    html body .nucleus-page-title-band--record .nucleus-page-title-band__leading,
    html body .nucleus-page-title-band--record .nucleus-detail-title-back-btn {
        height: 38px !important;
        width: 38px !important;
    }
}

html body .dept-record-subnav {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: flex-end !important;
    gap: 0 25px !important;
    margin: 0 0 22px !important;
    padding: 0 !important;
    border-bottom: 1px solid #DFE7ED !important;
    min-height: 46px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

/* Same left edge as the primary strip: no column gutter and no extra left padding. */
html body .department-detail-page .dept-record-subnav {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    max-width: none !important;
}

html body .dept-record-subnav button {
    appearance: none !important;
    background: transparent !important;
    border: 0 !important;
    border-bottom: 2px solid transparent !important;
    margin: 0 !important;
    padding: 0 0 10px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 12px !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    color: #74899A !important;
    cursor: pointer !important;
}

html body .dept-record-subnav button:hover {
    color: #294E6D !important;
}

html body .dept-record-subnav button.is-active {
    color: #143A55 !important;
    border-bottom-color: #304D6E !important;
}

html body .dept-record-search {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 0 14px !important;
    padding: 6px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid #DFE7ED !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    color: #2F5067 !important;
}

html body .dept-record-search:focus {
    outline: none !important;
    border-bottom-color: #304D6E !important;
}

html body .dept-record-line {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    border-bottom: 1px solid #EDF1F5 !important;
}

html body .dept-record-line .nx-overview-row {
    flex: 1 1 auto !important;
    border-bottom: none !important;
    min-width: 0 !important;
}

html body .dept-record-line__actions {
    display: flex !important;
    flex: 0 0 auto !important;
    gap: 12px !important;
}

html body .dept-position-table {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
}

html body .dept-position-row {
    display: grid !important;
    grid-template-columns: minmax(8rem, 1.4fr) minmax(4.5rem, 0.7fr) minmax(8rem, 1.3fr) minmax(5rem, 0.7fr) auto !important;
    column-gap: 16px !important;
    align-items: center !important;
    min-width: 36rem !important;
    padding: 8px 0 !important;
    border-bottom: 1px solid #EDF1F5 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 1.35 !important;
    color: #2F5067 !important;
}

html body .dept-position-row--head {
    padding-top: 0 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    color: #74899A !important;
}