/* Efeitos de transparência — 2026-10-14, pedido do Thiago: "traga esta ideia do Windows de efeito de
   transparência e com uma barra para aumentar ou diminuir o efeito". Ligado por pessoa em
   Configurações › Aparência (app/aparencia.py): a <html> ganha data-transparencia="1" e as variáveis
     --vidro-t     quanto do cartão fica transparente (10% a 62%)
     --vidro-blur  desfoque do que está atrás (6 a 24 px)
     --vidro-tinta força do tom da paleta no fundo da página (6% a 28%)
   O fundo da página ganha um degradê suave com as cores da paleta, para o vidro ter o que mostrar. */

:root[data-transparencia="1"] body{
  background:
    radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--brand) var(--vidro-tinta), transparent), transparent 62%),
    radial-gradient(110% 90% at 100% 100%, color-mix(in srgb, var(--acento) var(--vidro-tinta), transparent), transparent 60%),
    var(--bg);
  background-attachment:fixed;
}

/* superfícies: cartões, laterais, painéis do FAX, menus e janelas */
:root[data-transparencia="1"] :is(.card,.ct-lateral,.pl-lateral,.ct-numero,.ct-bloco,.ct-pend a,.tf-subnav,
  .mg-painel,.fax-painel,.tf-eu-menu,.mg-modal,.mg-mais-menu,.mg-sug,.mg-emojis,.ap-op,.ap-padrao,.ap-efeito,
  .pl-coluna,.donna-painel,.app-switcher-menu):not(.ap-mini *){
  background-color:color-mix(in srgb, var(--card) calc(100% - var(--vidro-t)), transparent) !important;
  -webkit-backdrop-filter:blur(var(--vidro-blur)) saturate(1.5);
  backdrop-filter:blur(var(--vidro-blur)) saturate(1.5);
  border-color:color-mix(in srgb, #ffffff 40%, transparent) !important;
}
:root[data-transparencia="1"] .topbar.tf{
  background:color-mix(in srgb, var(--card) calc(90% - var(--vidro-t)), transparent) !important;
  -webkit-backdrop-filter:blur(calc(var(--vidro-blur) + 6px)) saturate(1.6);
  backdrop-filter:blur(calc(var(--vidro-blur) + 6px)) saturate(1.6);
}
/* no escuro, a borda de vidro é bem mais discreta */
:root[data-transparencia="1"][data-theme="dark"] :is(.card,.ct-lateral,.pl-lateral,.mg-painel,.fax-painel,.topbar.tf,.tf-eu-menu,.mg-modal){
  border-color:color-mix(in srgb, #ffffff 9%, transparent) !important;
}
@media (prefers-color-scheme: dark){
  :root[data-transparencia="1"]:not([data-theme="light"]) :is(.card,.ct-lateral,.pl-lateral,.mg-painel,.fax-painel,.topbar.tf,.tf-eu-menu,.mg-modal){
    border-color:color-mix(in srgb, #ffffff 9%, transparent) !important;
  }
}

/* FAX dentro do painel flutuante: o fundo do iframe fica transparente para o vidro do painel aparecer */
:root[data-transparencia="1"] body.fax-embed{background:transparent !important}
:root[data-transparencia="1"] .fax-painel iframe{background:transparent !important}
:root[data-transparencia="1"] .mg-papel{background-color:color-mix(in srgb, var(--papel) calc(100% - var(--vidro-t)), transparent)}

/* quem pediu ao sistema para reduzir transparência não recebe o efeito */
@media (prefers-reduced-transparency: reduce){
  :root[data-transparencia="1"] *{-webkit-backdrop-filter:none !important;backdrop-filter:none !important}
}