/* ═══════════════════════════════════════════════════════════════════════
   SAIB — Sprint 21.3
   Zijbalk boven de paginainhoud (doorprikkend footerlogo)

   Additief bestand: laden ná alle eerdere saib-lagen. Er wordt niets in de
   bestaande bestanden gewijzigd.

   HET PROBLEEM
   ------------
   Bij het scrollen op een dashboardpagina verscheen het gouden zeshoekje
   met de S uit de footer bovenop de menu-items van de vaste zijbalk.

   DE OORZAAK
   ----------
   Drie dingen die samen precies dit opleveren:

   1. .dashboard-sidebar staat op position: fixed ZONDER z-index
      (saib.css). Dat betekent z-index: auto, wat in de praktijk als 0
      meetelt in de wortel-stapelcontext.

   2. .saib-logo-mark gebruikt clip-path voor de zeshoekvorm. Een
      clip-path anders dan none maakt van een element een eigen
      stapelcontext. Een niet-gepositioneerd element met een eigen
      stapelcontext wordt getekend in dezelfde laag als een gepositioneerd
      element met z-index 0, dus niet in de gewone inhoudslaag.

   3. De footer staat later in de documentvolgorde dan de zijbalk. Bij een
      gelijke z-index wint het element dat later komt.

   Resultaat: het logo werd over de vaste zijbalk heen getekend. De rest
   van de footer is gewone statische inhoud en verdween daarom wél netjes
   erachter, waardoor alleen dat ene zeshoekje doorprikte.

   DE OPLOSSING
   ------------
   De zijbalk een eigen z-index geven, zodat hij boven de paginainhoud
   staat in plaats van ermee te concurreren. Dit lost elk vergelijkbaar
   doorprik-geval op, niet alleen dit logo.

   WAAROM 100
   ----------
   Ruim boven alles in de paginaflow, en ruim onder de bestaande lagen uit
   Sprint 20.1, zodat daar niets verandert:
     1019  backdrop van het mobiele menu
     1020  sticky navbar
     1030  mobiel menupaneel
     1035  accountdropdown op desktop

   Alleen binnen min-width 992px: daaronder zet saib.css de zijbalk op
   position: static en speelt het probleem niet.
   ═══════════════════════════════════════════════════════════════════════ */

@media (min-width: 992px) {

    .dashboard-sidebar {
        z-index: 100;
    }
}