/*
 * Your global styles here
 */
html,
body {
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

/* Neutralize the grey bars the BYO theme layout paints on its empty Theme
   Header / Theme Footer regions. Apex renders its own header/footer inside
   page content (c-apex-header / c-apex-footer), so these theme regions are
   always empty; the platform's default grey (rgb(239,240,242)) shows as a
   ~32px grey bar top and bottom on every page. !important beats the platform
   component rule (.__header-content.lwc-<hash>) whose scoped-hash class we
   can't stably target.
   FRAGILE: `.community_byo-scoped-header-and-footer__*-content` is an
   undocumented, platform-generated BYO-theme class — not a supported contract.
   Salesforce may rename it in a seasonal release; regression-check the footer/
   header for a returning grey bar after each SF upgrade. Longer-term, migrate
   to a supported theme-layout approach (own theme-layout wrapper). */
.community_byo-scoped-header-and-footer__header-content,
.community_byo-scoped-header-and-footer__footer-content {
    background-color: transparent !important;
}