/* Glass surfaces — wireframe/components/glass.css */

.u-glass-bright {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.58);
  backdrop-filter: blur(24px) saturate(185%);
  -webkit-backdrop-filter: blur(24px) saturate(185%);
  border: 1px solid rgba(255, 255, 255, 0.92);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.98),
    inset 0 0 0 1px rgba(var(--color-primary-rgb), 0.08),
    0 12px 40px rgba(var(--color-primary-rgb), 0.08);
}

.u-glass-bright::before {
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(
    145deg,
    rgba(255, 255, 255, 0.98) 0%,
    rgba(var(--color-primary-rgb), 0.28) 46%,
    rgba(255, 255, 255, 0.72) 100%
  );
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
  opacity: 0.9;
  z-index: 0;
}

.u-glass-bright-shell {
  border-radius: clamp(2rem, 1.5rem + 2vw, 3rem);
  box-shadow:
    0 20px 56px rgba(var(--color-primary-rgb), 0.1),
    0 8px 24px rgba(28, 46, 53, 0.06);
}