/* ==========================================================================
   Shared UI shell immunity — DevOpsSchool navbar (#ds-navbar) + footer
   (#ds-footer), injected by /shared-ui/ds-shell.js on every page.

   This project's legacy global stylesheets (public/css/style.css,
   public/css/sp_globals.css) ship bare element-tag rules that LEAK into the
   shared shell and break it:

       header div { float: left; }      ->  .ds-topbar / .ds-mainbar get floated
                                            and shrink to content width, so the
                                            navbar no longer spans the viewport
                                            (grey gap on the right at wide sizes)
       header     { margin-bottom: 1em; }
       footer     { position: fixed; bottom: 1em; right: 1em; }
       section    { display: flex; height: 60vh; padding-left: 400px; ... }

   The shell is fully self-contained (flex + Tailwind), so we just re-assert
   neutral defaults under the shell's own #ids. ID-scoped, so nothing else on
   the page is touched (e.g. the dashboard sidebar's .navbar markup keeps its
   style.css rules), and the shared global files stay UNTOUCHED.

   Loaded from layouts/app.blade.php right after style.css. The #id selectors
   out-rank the bare-tag rules regardless of load order.
   ========================================================================== */

/* The float leak is the one that visibly breaks the navbar: un-float every
   div the shell renders so the top contact bar and main bar fill the width. */
#ds-navbar div,
#ds-footer div {
    float: none;
}

/* style.css `header { margin-bottom: 1em }` leaks onto the fixed navbar. */
#ds-navbar {
    margin-bottom: 0;
}

/* sp_globals.css `section { display:flex; height:60vh; padding-left:400px }`
   leaks onto the footer's column <section>s (and any <section> the shell uses). */
#ds-navbar section,
#ds-footer section {
    display: block;
    position: static;
    width: auto;
    height: auto;
    min-height: 0;
    padding-left: 0;
    justify-content: normal;
    align-items: normal;
    background-blend-mode: normal;
}