/* ====================================================================== Diálogos do site — o substituto de `alert()` e `confirm()`. Por que não SweetAlert2: são dezesseis chamadas no site inteiro, e a estética já existe nas variáveis `--eft-*`. A biblioteca custaria ~40 KB (mais o CSS) em toda página só para depois ser repintada por um tema customizado; isto aqui são ~3 KB e nasce com a cara do site. O mesmo arquivo vale no painel do WordPress: lá o `` tem `class="wp-admin"`, e a segunda pele usa as cores e os botões do próprio admin — um cartão escuro do site no meio do painel claro ficaria estranho. ====================================================================== */ .eftl-dlg{ position:fixed;inset:0;z-index:100000; display:flex;align-items:center;justify-content:center;padding:20px; background:rgba(6,4,12,.62); opacity:0;transition:opacity .16s ease; } .eftl-dlg.is-aberto{opacity:1;} @supports (backdrop-filter:blur(2px)){ .eftl-dlg{backdrop-filter:blur(3px);} } .eftl-dlg__caixa{ width:min(440px,100%);max-height:calc(100vh - 40px);overflow-y:auto; display:grid;gap:14px;padding:22px; border-radius:14px;border:1px solid var(--eft-line,#2e2542); background:var(--eft-bg-card,#1b1729); box-shadow:0 24px 60px rgba(0,0,0,.5); transform:translateY(8px) scale(.985);transition:transform .16s ease; } .eftl-dlg.is-aberto .eftl-dlg__caixa{transform:none;} .eftl-dlg__titulo{ margin:0;font-size:18px;line-height:1.3;color:#f6ece1; font-family:var(--eft-font-titulo,inherit); } /* a mensagem chega com quebras de linha: elas fazem parte do recado */ .eftl-dlg__texto{ margin:0;font-size:14.5px;line-height:1.6;white-space:pre-line; color:var(--eft-fg-dim,#a396b0); } .eftl-dlg__acoes{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;} .eftl-dlg__btn{ flex:none;padding:9px 18px;border-radius:999px;border:1px solid transparent; font:inherit;font-size:14px;line-height:1.2;cursor:pointer; transition:background .15s ease,border-color .15s ease,color .15s ease; } .eftl-dlg__btn--ok{ background:var(--eft-brand,#e8a54e);color:#1a1206;font-weight:600; } .eftl-dlg__btn--ok:hover{background:var(--eft-brand-soft,#f3c88c);} .eftl-dlg__btn--nao{ background:transparent;border-color:var(--eft-line,#2e2542); color:var(--eft-fg-dim,#a396b0); } .eftl-dlg__btn--nao:hover{border-color:var(--eft-fg-dim,#a396b0);color:#f6ece1;} .eftl-dlg__btn:focus-visible{outline:2px solid var(--eft-cyan,#3fd0d8);outline-offset:2px;} /* o diálogo de erro troca só o acento */ .eftl-dlg--erro .eftl-dlg__titulo{color:#ffb4a2;} /* ------------------------------------------------- no painel do WordPress */ .wp-admin .eftl-dlg{background:rgba(30,35,40,.5);z-index:160001;} .wp-admin .eftl-dlg__caixa{ background:#fff;border-color:#c3c4c7;border-radius:4px; box-shadow:0 12px 40px rgba(0,0,0,.25); font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif; } .wp-admin .eftl-dlg__titulo{color:#1d2327;font-size:17px;} .wp-admin .eftl-dlg__texto{color:#3c434a;} .wp-admin .eftl-dlg__btn{border-radius:3px;padding:6px 14px;font-size:13px;} .wp-admin .eftl-dlg__btn--ok{background:#2271b1;border-color:#2271b1;color:#fff;font-weight:400;} .wp-admin .eftl-dlg__btn--ok:hover{background:#135e96;border-color:#135e96;} .wp-admin .eftl-dlg__btn--nao{background:#f6f7f7;border-color:#2271b1;color:#2271b1;} .wp-admin .eftl-dlg__btn--nao:hover{background:#f0f0f1;} .wp-admin .eftl-dlg--erro .eftl-dlg__titulo{color:#b32d2e;} @media (prefers-reduced-motion:reduce){ .eftl-dlg,.eftl-dlg__caixa{transition:none;} }