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

html {
    background: white;
}

body {
    margin: 0;
}

/* Subtle depth overlay for a less flat, more "designed" feel on the dark Login
   page background. Scoped to body.mn-guest-page (set by sidebarThemeLayout.js)
   so it NEVER shows on the authenticated portal, which has its own light
   dashboard background and must stay flat/clean. A bare `body::before` here
   was wrongly bleeding through on top of the portal's content, since a
   position:fixed + explicit z-index element paints above normal in-flow
   siblings regardless of DOM order - lesson learned, always scope this kind
   of global overlay. Fixed + very low opacity so it reads as dimension/sheen,
   not a loud color change, and never blocks clicks/typing. */
body.mn-guest-page::before {
    content: '';
    position: fixed;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.06) 0%, rgba(255,255,255,0) 30%, rgba(6,16,26,0.5) 100%);
    pointer-events: none;
    z-index: 1;
}