/* VaultPay UI compartilhada (idioma, menu da conta, cabeçalho que encolhe, tema escuro da home e ajustes por página) */

/* ===== Seletor de idioma (todas as páginas) ===== */

/* ===== Sair (vermelho) em qualquer página ===== */
.pv-menu-logout,.pv-menu-logout span,.pv-menu-logout .pv-ico{color:#ef4444!important}
.pv-menu-logout:hover,.pv-menu-logout:focus-visible{background:rgba(239,68,68,.1)!important}

/* ===== Home e login ===== */
.pv-home .site-nav-actions{margin-left:auto}
.pv-home .theme-toggle{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer}
.pv-home .theme-toggle:hover{border-color:var(--blue)}
.pv-home .theme-toggle svg{width:18px;height:18px}
.pv-home .pv-menu{display:flex;flex-direction:column;gap:2px;margin-top:10px}
.pv-home .pv-menu-link{display:flex;align-items:center;gap:13px;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:11px;background:transparent;color:var(--text);font-size:13px;font-weight:600;line-height:1.2;text-align:left;cursor:pointer}
.pv-home .pv-menu-link:hover,.pv-home .pv-menu-link:focus-visible{background:var(--soft)}
.pv-home .pv-menu-link>span{flex:1}
.pv-home .pv-ico{width:20px;height:20px;flex:none}
.pv-home .pv-ico-fill{fill:currentColor;stroke:none}
/* logo sem fundo e sem formas */
.deco,.cta-ring,.art-back,.art-blob{display:none!important}
.pv-home .art-card{width:min(300px,70%);aspect-ratio:auto;border-radius:0;background:none;border:0;box-shadow:none}
.pv-home .art-card img{width:100%;height:auto;filter:none}
.pv-home .card-symbol{width:auto;height:auto;background:none;border-radius:0;justify-content:start}
.pv-home .card-symbol img{width:54px;height:54px}
/* riscos removidos */
.stat+.stat{border-left:0}
.footer-bottom{border-top:0;padding-top:0}
.card-bottom{border-top:0;padding-top:4px}
.login-foot{border-top:0}
@media(max-width:700px){.stat+.stat{border-top:0}}
/* botão "Pronto para começar" flutuando; no hover ele para e faz a animação do botão */
@keyframes pv-cta-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
.pv-home .cta .btn-white{animation:pv-cta-float 3s ease-in-out infinite}
.pv-home .cta .btn-white:hover{animation-play-state:paused;transform:translateY(-3px) scale(1.04);box-shadow:0 16px 38px rgba(5,30,90,.35)}
@media(prefers-reduced-motion:reduce){.pv-home .cta .btn-white{animation:none}}
/* cabeçalho pequeno ao descer */
.pv-home .site-header{transition:box-shadow .25s,border-color .25s}
.pv-home .site-header-inner{transition:min-height .25s ease}
.pv-home .site-brand{transition:font-size .25s ease}
.pv-home .site-brand img{transition:width .25s ease,height .25s ease}
.pv-home .site-header.is-scrolled{border-color:var(--line);box-shadow:0 4px 20px rgba(15,40,90,.06)}
.pv-home .site-header.is-scrolled .site-header-inner{min-height:54px}
.pv-home .site-header.is-scrolled .site-brand{font-size:19px}
.pv-home .site-header.is-scrolled .site-brand img{width:27px;height:27px}
/* rodapé da home */
.pv-home .footer-grid{grid-template-columns:1.6fr 1fr auto}
.pv-home .footer-col a.footer-discord{display:flex;align-items:center;gap:8px}
.pv-home .footer-discord svg{width:16px;height:16px;flex:none;fill:currentColor;stroke:none}
.pv-home .footer-status{gap:8px}
.os-emoji{width:20px;height:20px;object-fit:contain;flex:none}
.pv-home .footer-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.pv-home .footer-bottom .dot{opacity:.55;margin:0 3px}
.flag-inline{width:20px;height:14px;border-radius:3px;object-fit:cover;box-shadow:0 0 0 1px rgba(127,140,160,.3)}
@media(max-width:980px){.pv-home .footer-grid{grid-template-columns:1fr 1fr}}

/* ===== Tema escuro da home e do login ===== */
:root[data-theme=dark]{background:#080b10}
:root[data-theme=dark] body.pv-home{--bg:#080b10;--surface:#10151d;--soft:#131b28;--text:#f0f4fa;--muted:#a9b5c8;--muted2:#8794a8;--line:#222c3a;--blue-soft:#10244a;--shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px rgba(0,0,0,.35);color-scheme:dark}
:root[data-theme=dark] .pv-home .site-header{background:rgba(8,11,16,.86)}
:root[data-theme=dark] .pv-home .btn-outline,
:root[data-theme=dark] .pv-home .nav-menu-toggle,
:root[data-theme=dark] .pv-home .account-trigger,
:root[data-theme=dark] .pv-home .account-popover,
:root[data-theme=dark] .pv-home .nav-drop-menu,
:root[data-theme=dark] .pv-home .feature,
:root[data-theme=dark] .pv-home .step,
:root[data-theme=dark] .pv-home .login-card,
:root[data-theme=dark] .pv-home .site-footer{background:var(--surface)}
@media(max-width:980px){:root[data-theme=dark] .pv-home .site-nav-links{background:var(--surface)}}
:root[data-theme=dark] .pv-home .pill{color:#8ab8ff}
:root[data-theme=dark] .pv-home .account-avatar{color:#8ab8ff}
:root[data-theme=dark] .pv-home .btn-outline:hover,
:root[data-theme=dark] .pv-home .account-trigger:hover{border-color:#3a4a63}
:root[data-theme=dark] .pv-home .feature:hover{border-color:#2f4a7a}
:root[data-theme=dark] .pv-home .login-error{background:#2a1215;border-color:#5a2128;color:#fca5a5}
:root[data-theme=dark] .pv-home .art-card img{filter:drop-shadow(0 14px 28px rgba(36,119,255,.35))}
:root[data-theme=dark] .pv-home .site-header.is-scrolled{box-shadow:0 4px 20px rgba(0,0,0,.35)}

/* ===== Termos e privacidade ===== */

/* ===== Dashboard ===== */
.drawer-nav{padding-inline:6px!important}
.drawer-nav .nav-label{margin-left:0!important;padding-left:10px!important}
.drawer-nav>a,.nav-group-toggle,.nav-sub a{padding-left:10px!important}
.sidebar-footer{padding:12px 8px!important}
.drawer-heading{padding-inline:14px!important}
#adminSidebarLink[hidden]{display:none!important}
.sidebar-footer .admin-sidebar-link{margin-bottom:4px}
.header-account .account-trigger{border:0!important;background:transparent!important;border-radius:999px!important;padding:4px 12px 4px 4px!important}
.header-account .account-trigger .avatar,.header-account .account-trigger .account-avatar{border-radius:50%!important}
.app-header{transition:height .25s ease}
.app-header .top-brand img{transition:width .25s ease,height .25s ease}
.app-header.is-scrolled{height:56px!important}
.app-header.is-scrolled .top-brand img{width:26px!important;height:26px!important}

/* ===== Documentação ===== */
.layout.no-aside{grid-template-columns:var(--sidebar-width) minmax(0,1fr)}
.layout.no-aside .right-pane{display:none}
.sidebar-bottom .vault-home{display:flex;align-items:center;gap:10px}
.sidebar-bottom .vault-home img{width:18px;height:18px;object-fit:contain}
.header-actions{display:flex;align-items:center;gap:8px}

/* ===== Admin ===== */
.pv-admin .topbar{border-bottom:0;background:transparent;justify-content:flex-end}
.pv-admin .top-actions{display:flex;align-items:center;gap:10px}
.pv-admin .theme-toggle,.pv-admin .refresh{display:inline-grid;place-items:center;width:38px;height:38px;padding:0;border-radius:11px;border:1px solid var(--line);background:var(--card);color:var(--text);cursor:pointer}
.pv-admin .theme-toggle:hover,.pv-admin .refresh:hover{border-color:var(--blue)}
.pv-admin .theme-toggle svg,.pv-admin .refresh svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.pv-admin .refresh:disabled{opacity:.6;cursor:progress}
.pv-admin .eyebrow{gap:0}