/* ============================================================
   glass.css — Frosted-Glass-Utilities (Technik C)
   Flächen LIMITIERT halten (backdrop-filter = teuer → Perf, ADR-002).
   Leitmotiv: Passepartout + Gold-Faden auf hellem Saal.
   ============================================================ */

.glass {
  /* backdrop-filter ENTFERNT — verursachte schweres Scroll-Ruckeln (Repaint pro Frame).
     Glas-Look bleibt über halbtransparenten Hintergrund, ohne Live-Blur. */
  background: rgba(251, 250, 248, .9);
  border: 1px solid var(--glass-border);
  box-shadow: var(--glass-shadow);
  border-radius: var(--r-lg);
}
.glass--dark {
  background: var(--glass-bg-dark);
  border-color: rgba(255,255,255,.14);
  color: var(--on-dark);
}

/* Fallback ohne backdrop-filter-Support */
@supports not ((-webkit-backdrop-filter: blur(2px)) or (backdrop-filter: blur(2px))) {
  .glass { background: rgba(251,250,248,.94); }
  .glass--dark { background: rgba(22,20,15,.9); }
}

/* Passepartout-Rahmen (Leitmotiv) — Gold-Faden innen */
.passepartout {
  position: relative;
  background: var(--paper-2);
  padding: clamp(.7rem, 1.2vw, 1.1rem);
  border: 1px solid var(--line);
  box-shadow: var(--shadow-card);
}
.passepartout::after {
  content: ""; position: absolute; inset: clamp(.7rem,1.2vw,1.1rem);
  border: 1px solid var(--gold-soft); pointer-events: none;
}