/* Transparent background */
:root,
html,
body,
#app,
.dark {
  --bg-color: transparent !important;
  --color-800: transparent !important;
  --color-900: transparent !important;
  background: transparent !important;
}

/* Remove common panel backgrounds */
.background,
.background-overlay,
.main,
.container,
.section,
.card,
.widget,
.header {
  background: transparent !important;
}

/* Tiny hover effect (no shadow) */
.card,
.widget,
.section,
.service,
.service-card {
  transition: transform 140ms ease, background-color 140ms ease;
}

.card:hover,
.widget:hover,
.section:hover,
.service:hover,
.service-card:hover {
  transform: translateY(-1px);
  background-color: rgba(255, 255, 255, 0.06) !important;
}

/* Override for service tiles specifically */
li.service,
li.service:hover {
  background: transparent !important;
  box-shadow: none !important;
  border: none !important;
  outline: none !important;
}

/* Subtle liquid-glass for cards/widgets (not service tiles) */
.card,
.widget,
.section,
.service-card {
  background: rgba(255, 255, 255, 0.035) !important;
  border: 1px solid rgba(255, 255, 255, 0.08) !important;
  border-radius: 14px !important;
  backdrop-filter: blur(6px) saturate(130%);
}

.card:hover,
.widget:hover,
.section:hover,
.service-card:hover {
  background: rgba(255, 255, 255, 0.06) !important;
  border-color: rgba(255, 255, 255, 0.16) !important;
  backdrop-filter: blur(8px) saturate(150%);
}

/* Hide missing search provider logo */
.search img,
.search svg,
.search .logo,
.search .icon {
  display: none !important;
}

/* Hide any broken/missing media icon globally */
img[alt="Missing media"],
img[alt="Missing Media"],
.missing-media {
  display: none !important;
}

/* Hide missing media icon beside disk widget (specific location) */
html.dark.scheme-dark.theme-slate body div#__next div#page_wrapper div#inner_wrapper div.container div#information-widgets div#widgets-wrap div.flex-none.flex.flex-row.items-center.justify-center {
  display: none !important;
}
/* Access context badge */
#access-context-badge {
  position: fixed;
  right: 18px;
  bottom: 18px;
  z-index: 9999;
  padding: 8px 12px;
  border-radius: 9999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.02em;
  border: 1px solid rgba(255, 255, 255, 0.28);
  color: #f8fafc;
  background: rgba(15, 23, 42, 0.75);
  backdrop-filter: blur(6px) saturate(130%);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
}

#access-context-badge.access-lan {
  border-color: rgba(34, 197, 94, 0.65);
  background: rgba(21, 128, 61, 0.28);
}

#access-context-badge.access-internet {
  border-color: rgba(59, 130, 246, 0.65);
  background: rgba(30, 64, 175, 0.28);
}