/* DB PHYSICS — shared glass finish
   The live animated background is provided by liquid-bg.js.
   Do not paint another background or hide .lg-bg here. */

:is(
  .glass-card, .glass, .glass-panel, .glass-nav,
  .auth-card, .admin-card, .lg-glass, .liquid-glass,
  [class*="glass-card"], [class*="glass-panel"]
) {
  background-color: rgba(255, 255, 255, .58) !important;
  border-color: rgba(255, 255, 255, .58) !important;
  -webkit-backdrop-filter: blur(6px) saturate(115%);
  backdrop-filter: blur(6px) saturate(115%);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .34),
    0 8px 24px rgba(20, 25, 50, .12);
}

html[data-theme="dark"] :is(
  .glass-card, .glass, .glass-panel, .glass-nav,
  .auth-card, .admin-card, .lg-glass, .liquid-glass,
  [class*="glass-card"], [class*="glass-panel"]
) {
  background-color: rgba(15, 15, 24, .48) !important;
  border-color: rgba(255, 255, 255, .24) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, .16),
    0 8px 24px rgba(0, 0, 0, .18);
}

@media (max-width: 768px) {
  :is(
    .glass-card, .glass, .glass-panel, .glass-nav,
    .auth-card, .admin-card, .lg-glass, .liquid-glass,
    [class*="glass-card"], [class*="glass-panel"]
  ) {
    -webkit-backdrop-filter: blur(3px) saturate(110%);
    backdrop-filter: blur(3px) saturate(110%);
    box-shadow: 0 5px 16px rgba(20, 25, 50, .10);
  }
}