/* =========================================================
   VERIFY CSS SYSTEM
   Datei: /assets/css/base/glass.css

   INHALT
   01) Glas-Basisflächen
   02) Licht-Overlay
   03) Radius-Zuordnung

   HINWEIS
   Diese Datei enthält nur das wiederverwendbare
   Glasmorphismus-System für Panels, Cards, Tiles und Flow-Steps.
   Keine komponentenspezifischen Abstände oder Innenlayouts.
   ========================================================= */


/* =========================================================
   01) GLAS-BASISFLÄCHEN
   Zentrale Glasoptik für wiederverwendbare Flächen
   Austauschbar, wenn der gesamte Verify-Glaslook geändert wird
   ========================================================= */

.glass-panel,
.glass-card,
.glass-tile,
.flow-step{
  position:relative;
  overflow:hidden;
  border:1px solid var(--line);
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.08));
  box-shadow:var(--shadow-1);
  backdrop-filter:blur(var(--blur)) saturate(150%);
  -webkit-backdrop-filter:blur(var(--blur)) saturate(150%);
}


/* =========================================================
   02) LICHT-OVERLAY
   Feiner futuristischer Lichtfilm über Glasflächen
   Austauschbar, wenn die Panels nüchterner oder stärker leuchten sollen
   ========================================================= */

.glass-panel::before,
.glass-card::before,
.glass-tile::before,
.flow-step::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(255,255,255,.18), transparent 34%),
    linear-gradient(315deg, rgba(126,243,255,.08), transparent 38%);
  opacity:.8;
}


/* =========================================================
   03) RADIUS-ZUORDNUNG
   Große Panels vs. kleinere Karten / Tiles
   Austauschbar, wenn Rundungen global verändert werden sollen
   ========================================================= */

.glass-panel{
  border-radius:var(--radius-xl);
}

.glass-card,
.glass-tile,
.flow-step{
  border-radius:var(--radius-lg);
}