/**
 * Local testing: undo panel-no-top-banner + orders-create hides when
 * body / #panel-ajax-content has .panel-test-top-banner (PANEL_TEST_TOP_BANNER=true).
 */

/* Banner layout tokens — only on pages that render the blue strip */
body.g-sidenav-show.panel-test-top-banner.orders-create-page,
body.g-sidenav-show.panel-test-top-banner.balances-create-page,
body.g-sidenav-show.panel-test-top-banner.massorderCreate-page,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page,
body.g-sidenav-show.panel-test-top-banner.services-search-page,
body.g-sidenav-show.panel-test-top-banner.account-index-page,
#panel-ajax-content.panel-test-top-banner[data-panel-page="orders.create"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="balances.create"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="services.search.index"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="home"] {
    --panel-below-header-gap: 0px;
    --panel-orders-create-below-header: 0px;
    --panel-test-banner-h: 200px;
    --panel-test-banner-overlap: -112px;
}

/* Other panel pages keep normal header gap when test CSS is loaded globally */
#panel-ajax-content.panel-test-top-banner:not([data-panel-page="orders.create"]):not([data-panel-page="balances.create"]):not([data-panel-page="massorderCreate"]):not([data-panel-page="tickets.index"]):not([data-panel-page="home"]) {
    --panel-below-header-gap: 32px;
}

/* Blue strip flush under fixed panel-topbar (no white band) */
body.g-sidenav-show.panel-test-top-banner:has(.panel-topbar) #panel-ajax-content,
body.g-sidenav-show.panel-test-top-banner.orders-create-page #panel-ajax-content,
body.g-sidenav-show.orders-create-page #panel-ajax-content.panel-test-top-banner,
body.g-sidenav-show.balances-create-page #panel-ajax-content.panel-test-top-banner,
body.g-sidenav-show.massorderCreate-page #panel-ajax-content.panel-test-top-banner,
body.g-sidenav-show.tickets-index-page #panel-ajax-content.panel-test-top-banner,
body.g-sidenav-show.services-search-page #panel-ajax-content.panel-test-top-banner,
body.g-sidenav-show.account-index-page #panel-ajax-content.panel-test-top-banner,
#panel-ajax-content.panel-test-top-banner[data-panel-page="orders.create"],
body.g-sidenav-show.panel-test-top-banner.balances-create-page #panel-ajax-content,
#panel-ajax-content.panel-test-top-banner[data-panel-page="balances.create"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="services.search.index"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="home"] {
    padding-top: var(--panel-shell-header-h, var(--panel-topbar-h, 72px)) !important;
}

body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header.orders-create-header:first-child,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header.balances-create-header:first-child,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header.massorder-create-header:first-child,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header.tickets-index-header:first-child,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header.services-search-header:first-child,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header.account-index-header:first-child,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .panel-test-top-banner__strip:first-child,
#panel-ajax-content.panel-test-top-banner > .iq-navbar-header:first-child,
#panel-ajax-content.panel-test-top-banner > .panel-test-top-banner__strip:first-child {
    margin-top: 0 !important;
}

/* panel-layout .lbrt used to shift legacy headers — test strip must be edge-to-edge */
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .iq-navbar-header,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content > .panel-test-top-banner__strip,
#panel-ajax-content.panel-test-top-banner > .iq-navbar-header,
#panel-ajax-content.panel-test-top-banner > .panel-test-top-banner__strip {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
}

#panel-ajax-content.panel-test-top-banner > .iq-navbar-header .iq-header-img,
#panel-ajax-content.panel-test-top-banner > .iq-navbar-header .iq-header-img img {
    width: 100% !important;
    min-width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center top !important;
}

body.g-sidenav-show.panel-test-top-banner .iq-header-img,
#panel-ajax-content.panel-test-top-banner .iq-header-img {
    display: block !important;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.orders-create-header,
body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.balances-create-header,
body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.massorder-create-header,
body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.tickets-index-header,
body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.services-search-header,
body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.account-index-header,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header.orders-create-header,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header.balances-create-header,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header.massorder-create-header,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header.tickets-index-header,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header.services-search-header,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header.account-index-header {
    display: block !important;
    height: var(--panel-test-banner-h, 200px) !important;
    min-height: var(--panel-test-banner-h, 200px) !important;
    padding: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.orders-create-header .iq-header-img,
body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.balances-create-header .iq-header-img,
#panel-ajax-content.panel-test-top-banner .iq-navbar-header .iq-header-img {
    display: block !important;
    border-radius: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner.orders-create-page #panel-ajax-content #page_layout,
body.g-sidenav-show.panel-test-top-banner.orders-create-page #page_layout,
body.g-sidenav-show.orders-create-page #panel-ajax-content.panel-test-top-banner #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="orders.create"] #page_layout {
    margin-top: var(--panel-test-banner-overlap, -112px) !important;
    padding-top: 0 !important;
    position: relative;
    z-index: 2;
    background: transparent !important;
}

body.g-sidenav-show.panel-test-top-banner.orders-create-page #page_layout .body-new-order.new-order,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] #page_layout .body-new-order.new-order,
body.g-sidenav-show.panel-test-top-banner.orders-create-page #page_layout .orders-create-layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] #page_layout .orders-create-layout {
    background: transparent !important;
}

/* Wrapper pages: same pull-up as orders/create #page_layout */
body.g-sidenav-show.panel-test-top-banner.balances-create-page #panel-ajax-content > .card-balances,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] > .card-balances,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page #panel-ajax-content > .card-ti,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] > .card-ti,
#panel-ajax-content.panel-test-top-banner[data-panel-page="balances.create"] > .card-balances,
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"] > .card-ti,
body.g-sidenav-show.panel-test-top-banner.account-index-page #panel-ajax-content > .card-profiles,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] > .card-profiles,
#panel-ajax-content.panel-test-top-banner[data-panel-page="home"] > .card-profiles {
    margin-top: var(--panel-test-banner-overlap, -112px) !important;
    position: relative;
    z-index: 2;
}

body.g-sidenav-show.panel-test-top-banner.balances-create-page #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] .card-balances #page_layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}

body.g-sidenav-show.panel-test-top-banner.massorderCreate-page #page_layout.massorder-page,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] #page_layout.massorder-page,
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"] #page_layout.massorder-page {
    margin-top: var(--panel-test-banner-overlap, -112px) !important;
    padding-top: 0 !important;
    position: relative;
    z-index: 2;
    background: transparent !important;
}

body.g-sidenav-show.panel-test-top-banner.tickets-index-page #page_layout,
body.g-sidenav-show.panel-test-top-banner.account-index-page #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] .card-balances #page_layout {
    margin-top: 0 !important;
    padding-top: 0 !important;
    background: transparent !important;
}

/* Beat page CSS (orders/balances/tickets/massorder) — match orders/create spacing */
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] #page_layout.massorder-page,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="orders.create"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="balances.create"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"] #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="home"] #page_layout {
    padding-top: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner.account-index-page #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] #page_layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] #contact3 {
    margin-top: 0 !important;
}

@media (min-width: 992px) {
    body.g-sidenav-show.panel-test-top-banner.orders-create-page .orders-create-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.orders-create-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] .orders-create-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.massorder-create-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] .massorder-create-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.tickets-index-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] .tickets-index-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.account-index-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] .account-index-header {
        display: block !important;
        height: var(--panel-test-banner-h, 200px) !important;
        min-height: var(--panel-test-banner-h, 200px) !important;
    }

    body.g-sidenav-show.panel-test-top-banner.orders-create-page #page_layout .orders-create-top-actions-col,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] #page_layout .orders-create-top-actions-col {
        display: flex !important;
    }
}

@media (max-width: 991.98px) {
    body.g-sidenav-show.panel-test-top-banner.orders-create-page .orders-create-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] .orders-create-header {
        display: block !important;
        --panel-test-banner-h: 140px;
        --panel-test-banner-overlap: -58px;
        height: var(--panel-test-banner-h) !important;
        min-height: var(--panel-test-banner-h) !important;
    }

    body.g-sidenav-show.panel-test-top-banner.orders-create-page #page_layout,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="orders.create"] #page_layout {
        margin-top: var(--panel-test-banner-overlap, -58px) !important;
    }

    body.g-sidenav-show.panel-test-top-banner.balances-create-page #panel-ajax-content > .card-balances,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="balances.create"] > .card-balances,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] > .card-ti,
    #panel-ajax-content.panel-test-top-banner[data-panel-page="balances.create"] > .card-balances,
    #panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"] > .card-ti,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] > .card-profiles,
    #panel-ajax-content.panel-test-top-banner[data-panel-page="home"] > .card-profiles {
        margin-top: var(--panel-test-banner-overlap, -58px) !important;
    }

    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] .massorder-create-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.massorder-create-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] .account-index-header {
        display: block !important;
        --panel-test-banner-h: 140px;
        --panel-test-banner-overlap: -58px;
        height: var(--panel-test-banner-h) !important;
        min-height: var(--panel-test-banner-h) !important;
        max-height: var(--panel-test-banner-h) !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] .tickets-index-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.tickets-index-header {
        --panel-test-banner-h: 140px;
        --panel-test-banner-overlap: -58px;
        display: block !important;
        height: var(--panel-test-banner-h) !important;
        min-height: var(--panel-test-banner-h) !important;
        max-height: var(--panel-test-banner-h) !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    body.g-sidenav-show.panel-test-top-banner.tickets-index-page .main-content > .card-ti,
    body.g-sidenav-show.panel-test-top-banner.tickets-index-page #panel-ajax-content > .card-ti,
    body.g-sidenav-show.panel-test-top-banner .main-content .iq-banner #panel-ajax-content > .card-ti {
        margin-top: var(--panel-test-banner-overlap, -58px) !important;
    }

    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] #page_layout.massorder-page,
    #panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"] #page_layout {
        margin-top: var(--panel-test-banner-overlap, -58px) !important;
        padding-top: 0 !important;
    }

    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.account-index-header,
    body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] .account-index-header {
        display: block !important;
        --panel-test-banner-h: 140px;
        --panel-test-banner-overlap: -58px;
        height: var(--panel-test-banner-h) !important;
        min-height: var(--panel-test-banner-h) !important;
        max-height: var(--panel-test-banner-h) !important;
        padding-bottom: 0 !important;
    }
}

/*
 * Account (/account): strip only — not a full-page blue canvas inside .iq-banner
 * (Hope keeps page content inside .iq-banner; legacy .card-profiles margins stack badly)
 */
body.g-sidenav-show.panel-test-top-banner.account-index-page .main-content > .iq-banner {
    background: transparent !important;
    background-image: none !important;
    min-height: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner.account-index-page .iq-navbar-header.account-index-header,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] .account-index-header,
#panel-ajax-content.panel-test-top-banner[data-panel-page="home"] .account-index-header {
    position: relative !important;
    max-height: var(--panel-test-banner-h, 200px) !important;
    flex-shrink: 0;
}

body.g-sidenav-show.panel-test-top-banner.account-index-page .iq-navbar-header.account-index-header .iq-header-img,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="home"] .account-index-header .iq-header-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}

/*
 * Mass order (/massorder): strip only — not full-page blue inside .iq-banner
 */
body.g-sidenav-show.panel-test-top-banner.massorderCreate-page .main-content > .iq-banner {
    background: transparent !important;
    background-image: none !important;
    min-height: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.massorder-create-header,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] .massorder-create-header,
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"] .massorder-create-header,
body.g-sidenav-show.panel-test-top-banner.massorderCreate-page .main-content .iq-navbar-header.massorder-create-header {
    position: relative !important;
    display: block !important;
    max-height: var(--panel-test-banner-h, 200px) !important;
    overflow: hidden !important;
    flex-shrink: 0;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.massorder-create-header .iq-header-img,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="massorderCreate"] .massorder-create-header .iq-header-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}

body.g-sidenav-show.panel-test-top-banner.massorderCreate-page:has(.panel-topbar) .main-content #page_layout.massorder-page.content-inner,
body.g-sidenav-show.panel-test-top-banner.massorderCreate-page:has(.panel-topbar) .main-content #page_layout.massorder-page.container-fluid,
body.g-sidenav-show.panel-test-top-banner.massorderCreate-page #page_layout.massorder-page {
    padding-top: 0 !important;
    background: transparent !important;
}

/*
 * Tickets (/tickets): strip only — Hope keeps page content inside .iq-banner (full blue canvas)
 */
body.g-sidenav-show.panel-test-top-banner.tickets-index-page .main-content > .iq-banner {
    background: transparent !important;
    background-image: none !important;
    min-height: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.tickets-index-header,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] .tickets-index-header,
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"] .tickets-index-header,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page .main-content .iq-navbar-header.tickets-index-header {
    position: relative !important;
    display: block !important;
    max-height: var(--panel-test-banner-h, 200px) !important;
    overflow: hidden !important;
    flex-shrink: 0;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.tickets-index-header .iq-header-img,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] .tickets-index-header .iq-header-img,
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"] .tickets-index-header .iq-header-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}

body.g-sidenav-show.panel-test-top-banner.tickets-index-page:has(.panel-topbar) .main-content #page_layout.content-inner,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page:has(.panel-topbar) .main-content #page_layout.container-fluid,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page .card-ti #page_layout,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="tickets.index"] .card-ti #page_layout,
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"] .card-ti #page_layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
}

body.g-sidenav-show.panel-test-top-banner.tickets-index-page .main-content > .card-ti,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page #panel-ajax-content > .card-ti,
body.g-sidenav-show.panel-test-top-banner .main-content .iq-banner #panel-ajax-content > .card-ti {
    margin-top: var(--panel-test-banner-overlap, -112px) !important;
    position: relative;
    z-index: 2;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

/* Full page load without #panel-ajax-content (AJAX nav off) */
body.g-sidenav-show.panel-test-top-banner.account-index-page .card-profiles,
body.g-sidenav-show.panel-test-top-banner.account-index-page .main-content .card-profiles {
    margin-top: var(--panel-test-banner-overlap, -112px) !important;
    position: relative;
    z-index: 2;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

body.g-sidenav-show.panel-test-top-banner.account-index-page:has(.panel-topbar) .main-content #page_layout.content-inner,
body.g-sidenav-show.panel-test-top-banner.account-index-page:has(.panel-topbar) .main-content #page_layout.container-fluid,
body.g-sidenav-show.panel-test-top-banner.account-index-page .card-profiles #page_layout {
    padding-top: 0 !important;
    margin-top: 0 !important;
    background: transparent !important;
}

/* Loaded after panel-header-v2 — win over generic #panel-ajax-content top pad */
body.g-sidenav-show.panel-test-top-banner:has(.panel-topbar) #panel-ajax-content.panel-test-top-banner,
body.g-sidenav-show.panel-test-top-banner.orders-create-page #panel-ajax-content,
body.g-sidenav-show.panel-test-top-banner.balances-create-page #panel-ajax-content,
body.g-sidenav-show.panel-test-top-banner.massorderCreate-page #panel-ajax-content,
body.g-sidenav-show.panel-test-top-banner.tickets-index-page #panel-ajax-content,
body.g-sidenav-show.panel-test-top-banner.services-search-page #panel-ajax-content,
body.g-sidenav-show.panel-test-top-banner.account-index-page #panel-ajax-content,
#panel-ajax-content.panel-test-top-banner[data-panel-page="orders.create"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="balances.create"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="massorderCreate"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="tickets.index"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="services.search.index"],
#panel-ajax-content.panel-test-top-banner[data-panel-page="home"] {
    padding-top: var(--panel-shell-header-h, var(--panel-topbar-h, 72px)) !important;
}

@media (max-width: 991.98px) {
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.panel-test-top-banner__strip,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.account-index-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.orders-create-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.balances-create-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.tickets-index-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.services-search-header,
    body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.massorder-create-header {
        height: var(--panel-test-banner-h, 140px) !important;
        min-height: var(--panel-test-banner-h, 140px) !important;
        max-height: var(--panel-test-banner-h, 140px) !important;
        padding-bottom: 0 !important;
    }
}

/*
 * AI Search (/services/search): blue strip + chat shell overlap
 */
body.g-sidenav-show.panel-test-top-banner.services-search-page .main-content > .iq-banner {
    background: transparent !important;
    background-image: none !important;
    min-height: 0 !important;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.services-search-header,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="services.search.index"] .services-search-header,
#panel-ajax-content.panel-test-top-banner[data-panel-page="services.search.index"] .services-search-header {
    position: relative !important;
    display: block !important;
    max-height: var(--panel-test-banner-h, 200px) !important;
    overflow: hidden !important;
    flex-shrink: 0;
}

body.g-sidenav-show.panel-test-top-banner .iq-navbar-header.services-search-header .iq-header-img,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="services.search.index"] .services-search-header .iq-header-img,
#panel-ajax-content.panel-test-top-banner[data-panel-page="services.search.index"] .services-search-header .iq-header-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}

body.g-sidenav-show.panel-test-top-banner.services-search-page:has(.panel-topbar) .main-content #page_layout.services-search-page,
body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="services.search.index"] #page_layout.services-search-page,
#panel-ajax-content.panel-test-top-banner[data-panel-page="services.search.index"] #page_layout.services-search-page {
    padding-top: 0 !important;
    margin-top: var(--panel-test-banner-overlap, -112px) !important;
    position: relative;
    z-index: 2;
    background: transparent !important;
}

body.g-sidenav-show.panel-test-top-banner #panel-ajax-content[data-panel-page="services.search.index"] .ss-page {
    position: relative;
    z-index: 1;
}