/* vidro-liquido.css (01-vidro-liquido, #4726) — "Liquid glass" do tema Dia: o vidro continua translúcido, mas o que está atrás
 * vira só luz e cor (desfoque forte + saturação), e o texto fica sempre legível.
 *
 * Entrada: o <html> com data-gz-cena="dia" e data-gz-papeis (o motor por papéis da #4464/#4563 já escreveu as variáveis --gzt-*).
 * Saída:   janela, dock, menu, modal e avisos do Dia com vidro mais denso (90→86% de branco em degradê), desfoque de 40px que clareia e
 *          suaviza o fundo (brilho 1,12, contraste 0,88, saturação 1,6), reflexo de borda (luz em cima e à esquerda) e a janela de trás recuada numa névoa mais opaca.
 *          Por cima do dia-de-ouro.css (#4408), que segue intacto: mesma forma, mesmo ouro, só o vidro muda.
 * Sem backdrop-filter no navegador, ou com "reduzir transparência" ligado no aparelho: vidro quase opaco (nada atrás aparece).
 * Sem data-gz-papeis (variáveis ausentes) nada daqui casa: fica o Dia de antes. [data-gz-fixo] fica de fora como sempre.
 * Cores só por papel do tema (rgb(var(--gzt-…))): nenhuma cor escrita à mão.
 */

html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] {
    --gz-lv-desfoque: blur(40px) saturate(1.6) brightness(1.12) contrast(.88);
    --gz-lv-desfoque-leve: blur(28px) saturate(1.7);
    --gz-lv-vidro: linear-gradient(180deg, rgb(var(--gzt-vidro-topo) / .9) 0%, rgb(var(--gzt-vidro-base) / .86) 100%);
    --gz-lv-vidro-forte: linear-gradient(180deg, rgb(var(--gzt-vidro-topo) / .97) 0%, rgb(var(--gzt-vidro-base) / .95) 100%);
    --gz-lv-brilho: radial-gradient(140% 70% at 0% 0%, rgb(var(--gzt-vidro-topo) / .6) 0%, rgb(var(--gzt-vidro-topo) / 0) 55%);
    --gz-lv-reflexo:
        inset 0 1px 0 rgb(var(--gzt-vidro-topo) / 1),
        inset 1px 0 0 rgb(var(--gzt-vidro-topo) / .55),
        inset 0 -1px 0 rgb(var(--gzt-linha) / .06),
        inset 0 0 0 1px rgb(var(--gzt-vidro-topo) / .3);
    --gz-lv-borda: rgb(var(--gzt-vidro-topo) / .75);
    --gz-lv-borda-ouro: rgb(var(--gzt-destaque-fio) / .6);
}

/* ══ janelas ══ */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-gz-wid] > div:not(.gz-janelinha-so-alvo) {
    background: var(--gz-lv-brilho), var(--gz-lv-vidro) !important;
    -webkit-backdrop-filter: var(--gz-lv-desfoque) !important;
    backdrop-filter: var(--gz-lv-desfoque) !important;
    border: 1px solid var(--gz-lv-borda) !important;
    box-shadow: 0 30px 70px -30px rgb(var(--gzt-sombra) / .35), var(--gz-lv-reflexo) !important;
}
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-gz-wid] > div:not([data-gz-recuada]):not(.gz-janelinha-so-alvo) {
    border-color: var(--gz-lv-borda-ouro) !important;
    box-shadow:
        0 40px 90px -30px rgb(var(--gzt-sombra) / .4),
        0 0 90px -34px rgb(var(--gzt-destaque) / .45),
        var(--gz-lv-reflexo) !important;
}
/* a de trás recua numa névoa mais densa: o texto dela não disputa com o da frente */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-gz-wid] > div[data-gz-recuada] > div[aria-hidden="true"].inset-0.pointer-events-none {
    background: rgb(var(--gzt-vidro-base) / .4) !important;
}
/* corpo com fundo próprio (apps que pintam o miolo): vidro mais firme, sem apagar o céu */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-janela-corpo][style*="background"] {
    background: rgb(var(--gzt-vidro-topo) / .8) !important;
}

/* ══ dock ══ */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-dock-sistema] .dock-glow-parent {
    background: var(--gz-lv-brilho), linear-gradient(180deg, rgb(var(--gzt-vidro-topo) / .82) 0%, rgb(var(--gzt-vidro-base) / .74) 100%) !important;
    -webkit-backdrop-filter: var(--gz-lv-desfoque) !important;
    backdrop-filter: var(--gz-lv-desfoque) !important;
    border: 1px solid var(--gz-lv-borda) !important;
    box-shadow: 0 20px 50px -20px rgb(var(--gzt-sombra) / .4), var(--gz-lv-reflexo) !important;
}

/* ══ menu de contexto e modal: quase opacos, com o mesmo reflexo ══ */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-menu-backdrop] + div > * {
    background: var(--gz-lv-vidro-forte) !important;
    -webkit-backdrop-filter: var(--gz-lv-desfoque);
    backdrop-filter: var(--gz-lv-desfoque);
}
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [role="dialog"][data-gmodal-shell] {
    background: var(--gz-lv-brilho), var(--gz-lv-vidro-forte) !important;
    -webkit-backdrop-filter: var(--gz-lv-desfoque);
    backdrop-filter: var(--gz-lv-desfoque);
}
/* véu atrás do modal: um pouco de desfoque para o fundo não competir com ele */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] :where([class*="inset-0"][class*="bg-black/"]):not([data-gz-fixo]) {
    -webkit-backdrop-filter: blur(6px) saturate(1.2);
    backdrop-filter: blur(6px) saturate(1.2);
}

/* ══ avisos ══ */
html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-toast-host] {
    --gz-aviso-fundo: rgb(var(--gzt-vidro-topo) / .96);
}

/* ══ sem desfoque no navegador, ou o aparelho pediu menos transparência: vidro firme ══ */
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-gz-wid] > div:not(.gz-janelinha-so-alvo),
    html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-dock-sistema] .dock-glow-parent {
        background: var(--gz-lv-vidro-forte) !important;
    }
}
@media (prefers-reduced-transparency: reduce) {
    html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-gz-wid] > div:not(.gz-janelinha-so-alvo),
    html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-dock-sistema] .dock-glow-parent,
    html[data-gz-modo][data-gz-cena="dia"][data-gz-papeis] [data-janela-corpo][style*="background"] {
        background: var(--gz-lv-vidro-forte) !important;
    }
}