/* iOS 26 Liquid Glass — применяется поверх всех стилей */

:root {
    --glass-bg-dark:    rgba(255,255,255,0.10);
    --glass-bg-light:   rgba(255,255,255,0.72);
    --glass-border-dk:  rgba(255,255,255,0.22);
    --glass-border-lt:  rgba(0,0,0,0.09);
    --glass-blur:       blur(32px) saturate(200%) brightness(1.06);
    --glass-blur-med:   blur(20px) saturate(180%);
    --glass-blur-soft:  blur(12px) saturate(160%);
}

/* ── Навбар ─────────────────────────────────────────────── */
.navbar {
    background: rgba(10,10,10,0.52) !important;
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border-bottom: 1px solid var(--glass-border-dk) !important;
    box-shadow:
        0 1px 0 rgba(255,255,255,0.07),
        0 8px 32px rgba(0,0,0,0.32);
}

/* ── Кнопка навбара ─────────────────────────────────────── */
.btn-nav {
    background: var(--glass-bg-dark);
    backdrop-filter: var(--glass-blur-med);
    -webkit-backdrop-filter: var(--glass-blur-med);
    border: 1px solid var(--glass-border-dk);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.28);
    color: var(--white) !important;
}
.btn-nav:hover {
    background: var(--pink) !important;
    border-color: var(--pink) !important;
    box-shadow: 0 0 28px var(--pink-glow);
}

/* ── Figma-панели ───────────────────────────────────────── */
.figma-panel,
.figma-inspect,
.figma-colors {
    background: var(--glass-bg-dark) !important;
    backdrop-filter: var(--glass-blur);
    -webkit-backdrop-filter: var(--glass-blur);
    border: 1px solid var(--glass-border-dk) !important;
    box-shadow:
        0 8px 32px rgba(0,0,0,0.28),
        inset 0 1px 0 rgba(255,255,255,0.36) !important;
}

/* ── Героический бейдж ──────────────────────────────────── */
.hero-badge {
    background: var(--glass-bg-dark) !important;
    backdrop-filter: var(--glass-blur-med);
    -webkit-backdrop-filter: var(--glass-blur-med);
    border: 1px solid var(--glass-border-dk) !important;
    box-shadow:
        0 4px 20px rgba(0,0,0,0.22),
        inset 0 1px 0 rgba(255,255,255,0.22) !important;
}

/* ── Selection frame ────────────────────────────────────── */
.selection-frame {
    background: rgba(255,255,255,0.02);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

/* ── Стат-карточки (светлая секция) ─────────────────────── */
.stat-card {
    backdrop-filter: var(--glass-blur-soft);
    -webkit-backdrop-filter: var(--glass-blur-soft);
    box-shadow:
        0 1px 0 rgba(255,255,255,0.92),
        0 8px 28px rgba(0,0,0,0.09),
        inset 0 1px 0 rgba(255,255,255,0.7);
}

/* ── macOS titeblbar ────────────────────────────────────── */
.win-bar {
    background: rgba(232,232,240,0.70) !important;
    backdrop-filter: var(--glass-blur-med);
    -webkit-backdrop-filter: var(--glass-blur-med);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.07);
    border-bottom: 1px solid rgba(0,0,0,0.06) !important;
}

/* ── Форма брифа ────────────────────────────────────────── */
.brief-form {
    backdrop-filter: var(--glass-blur-soft);
    -webkit-backdrop-filter: var(--glass-blur-soft);
}

/* ── Тёмные папки портфолио ─────────────────────────────── */
.folder-1 .folder-body,
.folder-4 .folder-body {
    backdrop-filter: blur(16px) saturate(180%);
    -webkit-backdrop-filter: blur(16px) saturate(180%);
}