/* Liquid Glass: halbtransparente Fläche mit Blur, heller Kante oben und weichem Schatten.
   Lesbarkeit geht vor: ohne backdrop-filter und bei „Transparenz reduzieren“ wird die Fläche deckend. */
.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);border:1px solid var(--glass-line);box-shadow:inset 0 1px 0 var(--glass-edge),var(--shadow)}
.glass .field,.glass input,.glass select,.glass textarea{background:var(--glass-strong)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass{background:var(--surface)}}
@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none}.topbar-wrap{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}
@media (prefers-contrast:more){.glass{background:var(--surface);border-color:var(--line-strong)}}
@media (min-width:1024px){
  .sidebar{background:color-mix(in srgb,var(--surface-2) 72%,transparent);-webkit-backdrop-filter:blur(22px) saturate(1.6);backdrop-filter:blur(22px) saturate(1.6);box-shadow:inset -1px 0 0 var(--glass-line)}
}
@media (prefers-reduced-transparency:reduce){.sidebar{background:var(--surface-2);-webkit-backdrop-filter:none;backdrop-filter:none}}