@media(min-width:900px) and (pointer:fine){
  /* Geen laadtekst meer bij refresh/terugkomen */
  html.server-desktop-boot body:before{
    content:""!important;
    font-size:0!important;
    letter-spacing:0!important;
    background:var(--sd-pre-bg,#020617)!important;
  }

  /* Geen groot zwart hover-vlak om pictogrammen */
  .sdIcon:hover,
  .sdIcon.sel{
    background:transparent!important;
    border-color:transparent!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }

  /* Alleen subtiele feedback op het icoon zelf */
  .sdIcon:hover i,
  .sdIcon.sel i{
    border-color:rgba(125,211,252,.75)!important;
    box-shadow:
      0 0 0 2px rgba(125,211,252,.16),
      0 12px 28px rgba(0,0,0,.55)!important;
  }

  /* Labels blijven leesbaar, maar minder zwaar */
  .sdIcon strong,
  .sdIcon small{
    background:rgba(2,6,23,.52)!important;
  }

  .sdIcon:hover strong,
  .sdIcon:hover small{
    background:rgba(2,6,23,.58)!important;
  }
}