/* ====================================
   PUBLIC APP LAYOUT
   ==================================== */

header {
    background: var(--primary-color);
    position: fixed;
    width: 100%;
    top: 0;
    z-index: var(--z-fixed);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* The public navbar uses Bootstrap's `sticky-top` (in document flow), so the
   page content sits flush beneath it — no compensating top padding needed. */
#app-content {
    min-height: 100vh;
}