/*
 * HelpAlong Staff Portal — layout consistency layer (v2.7.1)
 * Presentation only. Loaded last so historical section rules resolve to one
 * predictable container, spacing and responsive system.
 */

body.hasp-staff-portal-page {
    --hasp-layout-max: 1920px;
    --hasp-layout-edge: clamp(14px, 1.25vw, 24px);
    --hasp-main-gutter: clamp(22px, 1.8vw, 34px);
    --hasp-space-1: 6px;
    --hasp-space-2: 10px;
    --hasp-space-3: 14px;
    --hasp-space-4: 18px;
    --hasp-space-5: 22px;
    --hasp-panel-radius: 12px;
}

/* One authoritative page and portal container. */
body.hasp-staff-portal-page .ha-page-section {
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 14px 0 18px !important;
}

body.hasp-staff-portal-page .ha-page-section > .ha-container,
body.hasp-staff-portal-page .ha-page-section .ha-container:has(.hasp-shell),
body.hasp-staff-portal-page main .ha-container:has(.hasp-shell) {
    width: 100% !important;
    max-width: var(--hasp-layout-max) !important;
    margin-inline: auto !important;
    padding-inline: var(--hasp-layout-edge) !important;
    box-sizing: border-box !important;
}

body.hasp-staff-portal-page .ha-entry-content:has(> .hasp-shell),
body.hasp-staff-portal-page .entry-content:has(> .hasp-shell),
body.hasp-staff-portal-page .site-main:has(.hasp-shell) {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.hasp-staff-portal-page .hasp-shell {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: calc(100vh - 32px);
    grid-template-columns: minmax(228px, 252px) minmax(0, 1fr);
    align-items: start;
    margin: 0 !important;
    overflow: visible;
    border-radius: 15px;
    background: var(--hasp-bg);
}

body.hasp-staff-portal-page .hasp-main {
    width: 100%;
    max-width: none;
    min-width: 0;
    padding: 0 var(--hasp-main-gutter) 56px !important;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-main > * {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-sidebar {
    position: sticky;
    top: 14px;
    align-self: start;
    width: 100%;
    height: calc(100vh - 28px);
    min-height: min(620px, calc(100vh - 28px));
    padding: 20px 13px 16px;
    border-radius: 14px;
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, .22) transparent;
}

body.hasp-staff-portal-page .hasp-sidebar nav {
    flex: 1 1 auto;
    align-content: start;
    min-height: 0;
    padding: 14px 0;
}

body.hasp-staff-portal-page .hasp-nav-group-label {
    margin: 14px 10px 5px;
}

body.hasp-staff-portal-page .hasp-nav-group-label:first-child {
    margin-top: 4px;
}

body.hasp-staff-portal-page .hasp-sidebar nav a {
    min-height: 40px;
    padding: 9px 11px;
}

body.hasp-staff-portal-page .hasp-user {
    flex: 0 0 auto;
    margin-top: 10px;
    padding: 14px 6px 0;
}

/* Header and page rhythm share the same main-content indentation. */
body.hasp-staff-portal-page .hasp-topbar {
    width: 100%;
    min-height: 64px;
    margin: 0 0 20px;
    padding: 8px 0 11px;
    background: transparent;
}

body.hasp-staff-portal-page .hasp-topbar > div:first-of-type {
    min-width: 0;
}

body.hasp-staff-portal-page .hasp-topbar h1 {
    overflow-wrap: anywhere;
}

body.hasp-staff-portal-page .hasp-top-actions,
body.hasp-staff-portal-page .hasp-editor-actions,
body.hasp-staff-portal-page .hasp-app-hero-actions,
body.hasp-staff-portal-page .hasp-enq-hero-actions,
body.hasp-staff-portal-page .hasp-builder-hero-actions,
body.hasp-staff-portal-page .hasp-form-actions,
body.hasp-staff-portal-page .hasp-publish-actions {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

body.hasp-staff-portal-page .hasp-content-workspace,
body.hasp-staff-portal-page .hasp-applications-page,
body.hasp-staff-portal-page .hasp-enq-workspace,
body.hasp-staff-portal-page .hasp-audit-workspace,
body.hasp-staff-portal-page .hasp-settings-workspace,
body.hasp-staff-portal-page .hasp-workspace,
body.hasp-staff-portal-page .hasp-workplace,
body.hasp-staff-portal-page .hasp-reimbursements,
body.hasp-staff-portal-page .hasp-notifications,
body.hasp-staff-portal-page .hasp-newsletters,
body.hasp-staff-portal-page .hasp-pages-editor,
body.hasp-staff-portal-page .hasp-newsletter-builder,
body.hasp-staff-portal-page .hasp-settings {
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-content-workspace,
body.hasp-staff-portal-page .hasp-applications-page,
body.hasp-staff-portal-page .hasp-enq-workspace,
body.hasp-staff-portal-page .hasp-audit-workspace,
body.hasp-staff-portal-page .hasp-settings-workspace,
body.hasp-staff-portal-page .hasp-workspace,
body.hasp-staff-portal-page .hasp-workplace,
body.hasp-staff-portal-page .hasp-reimbursements,
body.hasp-staff-portal-page .hasp-notifications,
body.hasp-staff-portal-page .hasp-newsletters {
    gap: var(--hasp-space-4);
}

/* Consistent panel and introduction dimensions. */
body.hasp-staff-portal-page .hasp-panel,
body.hasp-staff-portal-page .hasp-pages-panel {
    padding: 20px;
    border-radius: var(--hasp-panel-radius);
}

body.hasp-staff-portal-page .hasp-panel-head {
    align-items: flex-start;
    gap: 14px;
    margin-bottom: 15px;
}

body.hasp-staff-portal-page .hasp-panel-head > div,
body.hasp-staff-portal-page .hasp-section-head > div,
body.hasp-staff-portal-page .hasp-settings-card-head > div,
body.hasp-staff-portal-page .hasp-pages-panel__heading > div {
    min-width: 0;
}

body.hasp-staff-portal-page .hasp-dash-hero,
body.hasp-staff-portal-page .hasp-content-hero,
body.hasp-staff-portal-page .hasp-enq-hero,
body.hasp-staff-portal-page .hasp-app-hero,
body.hasp-staff-portal-page .hasp-settings-hero,
body.hasp-staff-portal-page .hasp-audit-hero,
body.hasp-staff-portal-page .hasp-builder-hero,
body.hasp-staff-portal-page .hasp-pages-intro,
body.hasp-staff-portal-page .hasp-workspace > .hasp-section-head,
body.hasp-staff-portal-page .hasp-workplace > .hasp-section-head,
body.hasp-staff-portal-page .hasp-reimbursements > .hasp-section-head,
body.hasp-staff-portal-page .hasp-notifications > .hasp-section-head {
    width: 100%;
    min-height: 0;
    margin-top: 0;
    padding: 19px 21px;
    border-radius: 13px;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-dash-hero {
    padding-block: 16px;
}

body.hasp-staff-portal-page .hasp-pages-intro {
    margin-bottom: 18px;
}

body.hasp-staff-portal-page .hasp-pages-editor-heading {
    align-items: flex-start;
    margin-bottom: 18px;
}

body.hasp-staff-portal-page .hasp-pages-editor-heading h2 {
    margin-top: 7px;
}

/* Predictable form indentation and vertical spacing. */
body.hasp-staff-portal-page .hasp-shell form {
    min-width: 0;
}

body.hasp-staff-portal-page .hasp-shell form > label:not(.hasp-check):not(.hasp-cap-card):not(.hasp-setting-toggle),
body.hasp-staff-portal-page .hasp-panel form > label:not(.hasp-check):not(.hasp-cap-card):not(.hasp-setting-toggle) {
    display: block;
    margin: 0 0 14px;
}

body.hasp-staff-portal-page .hasp-shell label:not(.hasp-check):not(.hasp-cap-card):not(.hasp-setting-toggle) > input:not([type="checkbox"]):not([type="radio"]),
body.hasp-staff-portal-page .hasp-shell label:not(.hasp-check):not(.hasp-cap-card):not(.hasp-setting-toggle) > select,
body.hasp-staff-portal-page .hasp-shell label:not(.hasp-check):not(.hasp-cap-card):not(.hasp-setting-toggle) > textarea {
    display: block;
    margin-top: 6px;
}

body.hasp-staff-portal-page .hasp-field {
    margin-bottom: 18px;
}

body.hasp-staff-portal-page .hasp-field > label,
body.hasp-staff-portal-page .hasp-field > span,
body.hasp-staff-portal-page .hasp-pages-field > span,
body.hasp-staff-portal-page .hasp-pages-field > label > span {
    margin-bottom: 7px;
}

body.hasp-staff-portal-page .hasp-form-grid,
body.hasp-staff-portal-page .hasp-check-grid,
body.hasp-staff-portal-page .hasp-enq-management-grid,
body.hasp-staff-portal-page .hasp-app-management-grid,
body.hasp-staff-portal-page .hasp-pages-fields {
    gap: 15px;
}

body.hasp-staff-portal-page .hasp-form-grid > label,
body.hasp-staff-portal-page .hasp-pages-fields > label,
body.hasp-staff-portal-page .hasp-pages-fields > .hasp-pages-field {
    margin-bottom: 0 !important;
}

body.hasp-staff-portal-page .hasp-check,
body.hasp-staff-portal-page .hasp-setting-toggle,
body.hasp-staff-portal-page .hasp-cap-card {
    align-items: flex-start !important;
}

body.hasp-staff-portal-page .hasp-check input,
body.hasp-staff-portal-page .hasp-setting-toggle input,
body.hasp-staff-portal-page .hasp-cap-card input {
    flex: 0 0 auto;
    margin-top: 2px;
}

body.hasp-staff-portal-page .hasp-form-actions,
body.hasp-staff-portal-page .hasp-enq-savebar,
body.hasp-staff-portal-page .hasp-app-savebar,
body.hasp-staff-portal-page .hasp-settings-save {
    margin-top: 17px;
    padding-top: 15px;
}

/* WordPress rich editor must stay inside its column. */
body.hasp-staff-portal-page .wp-editor-wrap,
body.hasp-staff-portal-page .wp-editor-container,
body.hasp-staff-portal-page .mce-container,
body.hasp-staff-portal-page .mce-container-body,
body.hasp-staff-portal-page .quicktags-toolbar {
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .wp-editor-wrap {
    width: 100%;
    margin-top: 7px;
}

/* Toolbars, tables and action rows use one indentation baseline. */
body.hasp-staff-portal-page .hasp-content-toolbar,
body.hasp-staff-portal-page .hasp-app-toolbar,
body.hasp-staff-portal-page .hasp-enq-toolbar,
body.hasp-staff-portal-page .hasp-audit-filters,
body.hasp-staff-portal-page .hasp-report-filters,
body.hasp-staff-portal-page .hasp-filterbar,
body.hasp-staff-portal-page .hasp-pages-filters {
    width: 100%;
    max-width: none;
    gap: 10px;
    padding: 14px 15px;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-content-list .hasp-content-toolbar {
    padding-inline: 17px;
}

body.hasp-staff-portal-page .hasp-table-wrap,
body.hasp-staff-portal-page .hasp-audit-table-wrap,
body.hasp-staff-portal-page .hasp-pages-table-wrap,
body.hasp-staff-portal-page .hasp-newsletter-engagement-table-wrap {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-table-wrap th,
body.hasp-staff-portal-page .hasp-table th,
body.hasp-staff-portal-page .hasp-audit-table th,
body.hasp-staff-portal-page .hasp-pages-table th {
    padding: 11px 14px;
}

body.hasp-staff-portal-page .hasp-table-wrap td,
body.hasp-staff-portal-page .hasp-table td,
body.hasp-staff-portal-page .hasp-audit-table td,
body.hasp-staff-portal-page .hasp-pages-table td {
    padding: 13px 14px;
}

body.hasp-staff-portal-page .hasp-row-actions,
body.hasp-staff-portal-page .hasp-pages-actions,
body.hasp-staff-portal-page .hasp-content-card-actions,
body.hasp-staff-portal-page .hasp-card-utility-actions {
    align-items: center;
    gap: 8px;
}

body.hasp-staff-portal-page .hasp-row-actions a {
    margin-left: 0;
}

/* Correct historic negative offsets to match the current panel padding. */
body.hasp-staff-portal-page .hasp-role-items,
body.hasp-staff-portal-page .hasp-enquiry-items {
    margin-inline: -20px;
}

body.hasp-staff-portal-page .hasp-role-items > a,
body.hasp-staff-portal-page .hasp-enquiry-items > a {
    padding-inline: 20px;
}

/* Balanced working grids and side panels. */
body.hasp-staff-portal-page .hasp-dash-kpis,
body.hasp-staff-portal-page .hasp-content-kpis,
body.hasp-staff-portal-page .hasp-app-kpis,
body.hasp-staff-portal-page .hasp-enq-kpis,
body.hasp-staff-portal-page .hasp-notification-kpis,
body.hasp-staff-portal-page .hasp-audit-stats,
body.hasp-staff-portal-page .hasp-settings-grid,
body.hasp-staff-portal-page .hasp-content-cards,
body.hasp-staff-portal-page .hasp-newsletter-grid,
body.hasp-staff-portal-page .hasp-template-grid {
    align-items: stretch;
}

body.hasp-staff-portal-page .hasp-dash-layout,
body.hasp-staff-portal-page .hasp-enq-grid,
body.hasp-staff-portal-page .hasp-app-workspace,
body.hasp-staff-portal-page .hasp-editor-grid,
body.hasp-staff-portal-page .hasp-role-layout,
body.hasp-staff-portal-page .hasp-notification-grid,
body.hasp-staff-portal-page .hasp-recipient-layout,
body.hasp-staff-portal-page .hasp-newsletter-distribution-grid,
body.hasp-staff-portal-page .hasp-pages-editor {
    width: 100%;
    max-width: none;
    min-width: 0;
    gap: 18px;
    box-sizing: border-box;
}

body.hasp-staff-portal-page .hasp-editor-grid > *,
body.hasp-staff-portal-page .hasp-enq-grid > *,
body.hasp-staff-portal-page .hasp-app-workspace > *,
body.hasp-staff-portal-page .hasp-notification-grid > *,
body.hasp-staff-portal-page .hasp-pages-editor > * {
    min-width: 0;
}

body.hasp-staff-portal-page .hasp-editor-sidebar,
body.hasp-staff-portal-page .hasp-pages-editor__side {
    align-content: start;
    gap: 14px;
}

@media (min-width: 1181px) {
    body.hasp-staff-portal-page .hasp-editor-sidebar,
    body.hasp-staff-portal-page .hasp-pages-editor__side {
        position: sticky;
        top: 18px;
    }
}

/* Raise compact supporting copy to a consistent readability floor. */
body.hasp-staff-portal-page .hasp-content-card p,
body.hasp-staff-portal-page .hasp-content-list-head p,
body.hasp-staff-portal-page .hasp-enq-card small,
body.hasp-staff-portal-page .hasp-app-candidate small,
body.hasp-staff-portal-page .hasp-settings-card-head p,
body.hasp-staff-portal-page .hasp-setting-toggle small,
body.hasp-staff-portal-page .hasp-system-list dt,
body.hasp-staff-portal-page .hasp-system-list dd,
body.hasp-staff-portal-page .hasp-dash-action-grid small,
body.hasp-staff-portal-page .hasp-activity-list small,
body.hasp-staff-portal-page .hasp-dash-feed small,
body.hasp-staff-portal-page .hasp-site-health small {
    font-size: 12px;
    line-height: 1.5;
}

/* Medium screens: compact navigation, preserve useful working width. */
@media (min-width: 781px) and (max-width: 1050px) {
    body.hasp-staff-portal-page {
        --hasp-layout-edge: 12px;
        --hasp-main-gutter: 20px;
    }

    body.hasp-staff-portal-page .hasp-shell {
        grid-template-columns: 82px minmax(0, 1fr);
    }

    body.hasp-staff-portal-page .hasp-sidebar {
        padding-inline: 10px;
    }

    body.hasp-staff-portal-page .hasp-logo {
        padding-inline: 4px;
    }

    body.hasp-staff-portal-page .hasp-role-layout,
    body.hasp-staff-portal-page .hasp-editor-grid,
    body.hasp-staff-portal-page .hasp-pages-editor {
        grid-template-columns: 1fr;
    }

    body.hasp-staff-portal-page .hasp-editor-sidebar,
    body.hasp-staff-portal-page .hasp-pages-editor__side {
        position: static;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 920px) {
    body.hasp-staff-portal-page .hasp-dash-layout,
    body.hasp-staff-portal-page .hasp-enq-grid,
    body.hasp-staff-portal-page .hasp-app-workspace,
    body.hasp-staff-portal-page .hasp-role-layout,
    body.hasp-staff-portal-page .hasp-notification-grid,
    body.hasp-staff-portal-page .hasp-recipient-layout,
    body.hasp-staff-portal-page .hasp-newsletter-distribution-grid {
        grid-template-columns: 1fr;
    }

    body.hasp-staff-portal-page .hasp-enq-detail-panel,
    body.hasp-staff-portal-page .hasp-app-detail-panel {
        position: static;
    }
}

/* Mobile: edge-to-edge shell with deliberate internal padding. */
@media (max-width: 780px) {
    body.hasp-staff-portal-page {
        --hasp-layout-edge: 0px;
        --hasp-main-gutter: clamp(13px, 4vw, 18px);
    }

    body.hasp-staff-portal-page .ha-page-section {
        padding: 0 !important;
    }

    body.hasp-staff-portal-page .hasp-shell {
        display: block;
        min-height: 100vh;
        border-radius: 0;
    }

    body.hasp-staff-portal-page .hasp-main {
        padding: 0 var(--hasp-main-gutter) 42px !important;
    }

    body.hasp-staff-portal-page .hasp-sidebar {
        position: fixed;
        inset: 0 auto 0 -290px;
        z-index: 1000;
        width: min(86vw, 280px);
        height: 100vh;
        height: 100dvh;
        min-height: 0;
        border-radius: 0 14px 14px 0;
        transition: left .2s ease;
    }

    body.hasp-staff-portal-page .hasp-shell.is-menu-open .hasp-sidebar {
        left: 0;
    }

    body.hasp-staff-portal-page .hasp-topbar {
        min-height: 60px;
        margin-bottom: 16px;
        padding-block: 7px 9px;
    }

    body.hasp-staff-portal-page .hasp-panel,
    body.hasp-staff-portal-page .hasp-pages-panel {
        padding: 16px;
    }

    body.hasp-staff-portal-page .hasp-dash-hero,
    body.hasp-staff-portal-page .hasp-content-hero,
    body.hasp-staff-portal-page .hasp-enq-hero,
    body.hasp-staff-portal-page .hasp-app-hero,
    body.hasp-staff-portal-page .hasp-settings-hero,
    body.hasp-staff-portal-page .hasp-audit-hero,
    body.hasp-staff-portal-page .hasp-builder-hero,
    body.hasp-staff-portal-page .hasp-pages-intro,
    body.hasp-staff-portal-page .hasp-workspace > .hasp-section-head,
    body.hasp-staff-portal-page .hasp-workplace > .hasp-section-head,
    body.hasp-staff-portal-page .hasp-reimbursements > .hasp-section-head,
    body.hasp-staff-portal-page .hasp-notifications > .hasp-section-head {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
        padding: 17px;
    }

    body.hasp-staff-portal-page .hasp-editor-head,
    body.hasp-staff-portal-page .hasp-pages-editor-heading,
    body.hasp-staff-portal-page .hasp-panel-head,
    body.hasp-staff-portal-page .hasp-enq-profile,
    body.hasp-staff-portal-page .hasp-app-profile,
    body.hasp-staff-portal-page .hasp-enq-savebar,
    body.hasp-staff-portal-page .hasp-app-savebar,
    body.hasp-staff-portal-page .hasp-settings-save,
    body.hasp-staff-portal-page .hasp-test-email-panel {
        align-items: stretch;
        flex-direction: column;
    }

    body.hasp-staff-portal-page .hasp-editor-actions,
    body.hasp-staff-portal-page .hasp-pages-editor-actions,
    body.hasp-staff-portal-page .hasp-app-profile-actions,
    body.hasp-staff-portal-page .hasp-enq-profile-actions {
        width: 100%;
        justify-content: flex-start;
    }

    body.hasp-staff-portal-page .hasp-editor-grid,
    body.hasp-staff-portal-page .hasp-pages-editor,
    body.hasp-staff-portal-page .hasp-form-grid,
    body.hasp-staff-portal-page .hasp-pages-fields,
    body.hasp-staff-portal-page .hasp-settings-grid,
    body.hasp-staff-portal-page .hasp-check-grid {
        grid-template-columns: 1fr;
    }

    body.hasp-staff-portal-page .hasp-editor-sidebar,
    body.hasp-staff-portal-page .hasp-pages-editor__side {
        position: static;
        grid-template-columns: 1fr;
    }

    body.hasp-staff-portal-page .hasp-content-toolbar,
    body.hasp-staff-portal-page .hasp-app-toolbar,
    body.hasp-staff-portal-page .hasp-enq-toolbar,
    body.hasp-staff-portal-page .hasp-audit-filters,
    body.hasp-staff-portal-page .hasp-report-filters,
    body.hasp-staff-portal-page .hasp-filterbar,
    body.hasp-staff-portal-page .hasp-pages-filters {
        grid-template-columns: 1fr;
        align-items: stretch;
    }

    body.hasp-staff-portal-page .hasp-content-toolbar .hasp-btn,
    body.hasp-staff-portal-page .hasp-app-toolbar .hasp-btn,
    body.hasp-staff-portal-page .hasp-enq-toolbar .hasp-btn,
    body.hasp-staff-portal-page .hasp-audit-filters .hasp-btn,
    body.hasp-staff-portal-page .hasp-report-filters .hasp-btn,
    body.hasp-staff-portal-page .hasp-pages-filters .hasp-btn,
    body.hasp-staff-portal-page .hasp-form-actions .hasp-btn {
        width: 100%;
    }

    body.hasp-staff-portal-page .hasp-role-items,
    body.hasp-staff-portal-page .hasp-enquiry-items {
        margin-inline: -16px;
    }

    body.hasp-staff-portal-page .hasp-role-items > a,
    body.hasp-staff-portal-page .hasp-enquiry-items > a {
        padding-inline: 16px;
    }
}

@media (max-width: 520px) {
    body.hasp-staff-portal-page .hasp-dash-kpis,
    body.hasp-staff-portal-page .hasp-content-kpis,
    body.hasp-staff-portal-page .hasp-app-kpis,
    body.hasp-staff-portal-page .hasp-enq-kpis,
    body.hasp-staff-portal-page .hasp-notification-kpis,
    body.hasp-staff-portal-page .hasp-audit-stats {
        grid-template-columns: 1fr !important;
    }

    body.hasp-staff-portal-page .hasp-content-cards,
    body.hasp-staff-portal-page .hasp-newsletter-grid,
    body.hasp-staff-portal-page .hasp-template-grid {
        grid-template-columns: 1fr;
    }

    body.hasp-staff-portal-page .hasp-topbar h1 {
        font-size: 19px;
    }

    body.hasp-staff-portal-page .hasp-btn {
        min-height: 41px;
    }
}

@media print {
    body.hasp-staff-portal-page .ha-page-section,
    body.hasp-staff-portal-page .ha-page-section > .ha-container,
    body.hasp-staff-portal-page .hasp-main {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
        padding: 0 !important;
    }
}

body.hasp-staff-portal-page .ha-page-section > .ha-container,
body.hasp-staff-portal-page .ha-page-section .ha-container:has(.hasp-shell),
body.hasp-staff-portal-page main .ha-container:has(.hasp-shell) {
    background-color: #f4f7fb;
}