/* KeyboxHub 1.5.7.8 search-shell and first-paint cleanup. */

/*
 * Search Keyboxes is a real content section, not a structural page canvas.
 * 1.5.7.6 intentionally removed a large accidental wrapper shadow, but that
 * also stripped the section's intended Liquid surface. Restore one contained
 * material here while leaving card/pagination wrappers transparent.
 */
body.kb-surface-hub #keybox-list,
body.kb-surface-hub #keybox-list.section-bg,
body.kb-surface-hub #keybox-list.kb-liquid-v156,
body.kb-surface-hub #keybox-list.kb157-liquid{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:28px!important;
  outline:0!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.018) 50%,transparent 76%),
    rgba(27,27,32,.78)!important;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.018) 50%,transparent 76%)!important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.13),
    inset 0 1px 0 rgba(255,255,255,.08),
    0 14px 32px rgba(0,0,0,.12)!important;
  -webkit-backdrop-filter:blur(20px) saturate(142%)!important;
  backdrop-filter:blur(20px) saturate(142%)!important;
  filter:none!important;
  clip-path:inset(0 round 28px)!important;
}

html[data-kb-theme="light"] body.kb-surface-hub #keybox-list,
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list.section-bg,
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list.kb-liquid-v156,
html[data-kb-theme="light"] body.kb-surface-hub #keybox-list.kb157-liquid{
  background:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,246,251,.84) 54%,rgba(234,238,246,.72)),
    rgba(248,249,252,.94)!important;
  background-image:
    linear-gradient(145deg,rgba(255,255,255,.98),rgba(244,246,251,.84) 54%,rgba(234,238,246,.72))!important;
  box-shadow:
    inset 0 0 0 1px rgba(35,42,58,.12),
    inset 0 1px 0 #fff,
    0 14px 30px rgba(45,55,78,.075)!important;
}

/* The former animated Aurora and ambient body glow must never appear during
 * first paint or after the page is ready. Real card gradients remain intact. */
.aurora-bg,
.aurora-blob{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  animation:none!important;
}
body.kb-surface-hub::before,
body.kb-surface-checker::before{
  content:none!important;
  display:none!important;
  background:none!important;
  background-image:none!important;
  box-shadow:none!important;
  filter:none!important;
  animation:none!important;
}

@media(max-width:760px){
  body.kb-surface-hub #keybox-list,
  body.kb-surface-hub #keybox-list.section-bg,
  body.kb-surface-hub #keybox-list.kb-liquid-v156,
  body.kb-surface-hub #keybox-list.kb157-liquid{
    border-radius:24px!important;
    clip-path:inset(0 round 24px)!important;
    box-shadow:
      inset 0 0 0 1px rgba(255,255,255,.12),
      inset 0 1px 0 rgba(255,255,255,.07),
      0 10px 24px rgba(0,0,0,.1)!important;
  }
  html[data-kb-theme="light"] body.kb-surface-hub #keybox-list,
  html[data-kb-theme="light"] body.kb-surface-hub #keybox-list.section-bg,
  html[data-kb-theme="light"] body.kb-surface-hub #keybox-list.kb-liquid-v156,
  html[data-kb-theme="light"] body.kb-surface-hub #keybox-list.kb157-liquid{
    box-shadow:
      inset 0 0 0 1px rgba(35,42,58,.11),
      inset 0 1px 0 #fff,
      0 10px 23px rgba(45,55,78,.065)!important;
  }
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  body.kb-surface-hub #keybox-list{
    background:#202025!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  html[data-kb-theme="light"] body.kb-surface-hub #keybox-list{
    background:#f4f5f8!important;
  }
}

@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){
  body.kb-surface-hub #keybox-list{
    background:#202025!important;
    background-image:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:inset 0 0 0 1px rgba(255,255,255,.28)!important;
  }
  html[data-kb-theme="light"] body.kb-surface-hub #keybox-list{
    background:#f4f5f8!important;
    box-shadow:inset 0 0 0 1px rgba(25,25,31,.26)!important;
  }
}
