/* ══════════════════════════════════════════════════════════
   Glass 유틸리티 — cascade 마지막 로드 (mobile.css 직전)
   모든 컴포넌트 CSS 이후 로드되므로 !important 불필요.
   같은 specificity에서 cascade 순서로 항상 이김.
   ══════════════════════════════════════════════════════════ */
.glass,
[data-glass] {
    background: var(--surface);
    backdrop-filter: var(--glass-blur-md) saturate(120%);
    -webkit-backdrop-filter: var(--glass-blur-md) saturate(120%);
    border: 1px solid var(--line-bold);
    box-shadow: inset 0 1px 0 var(--surface-w5);
}
.glass--light,
[data-glass="light"] {
    background: var(--surface-w2);
    backdrop-filter: var(--glass-blur-sm);
    -webkit-backdrop-filter: var(--glass-blur-sm);
    border: 1px solid var(--line);
}
.glass--dense,
[data-glass="dense"] {
    background: var(--glass-dense);
    backdrop-filter: var(--glass-blur-lg) saturate(150%);
    -webkit-backdrop-filter: var(--glass-blur-lg) saturate(150%);
    border: 1px solid var(--line-bold);
    box-shadow: inset 0 1px 0 var(--surface-w4), var(--shadow-glass-soft);
}

/* glass 호버 */
.glass:hover {
    background: var(--surface-w8);
    border-color: var(--line-strong);
}

/* 중첩 glass 방지 */
.glass .glass,
[data-glass] [data-glass] {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    border: none;
    box-shadow: none;
    background: transparent;
}