/* Ações da conta visíveis no cabeçalho do painel admin. */
.vn-header-actions {
    display: flex;
    flex: none;
    align-items: center;
    gap: .5rem;
    margin-inline-start: 1rem;
    color: #64748b;
}
.vn-header-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    border: 0;
    border-radius: .65rem;
    background: transparent;
    color: inherit;
    cursor: pointer;
    text-decoration: none;
}
.vn-header-action svg { width: 1.3rem; height: 1.3rem; }
.vn-header-action:hover { background: #f1f5f9; color: #00234a; }
.vn-header-action:focus-visible { outline: 2px solid #007a60; outline-offset: 2px; }
.vn-header-action[aria-current="page"] { background: #e9fcf6; color: #007a60; }
.vn-header-themes {
    display: flex;
    gap: .125rem;
    padding: .125rem;
    border: 1px solid #e2e8f0;
    border-radius: .8rem;
    background: #f8fafc;
}
.vn-header-themes .vn-header-action[aria-pressed="true"] {
    background: #fff;
    color: #9a5700;
    box-shadow: 0 1px 3px #00234a1a, inset 0 0 0 1px #e2e8f0;
}
.vn-header-logout { margin: 0; }
.vn-header-action--logout:hover { color: #b91c1c; background: #fff1f2; }
.dark .vn-header-actions { color: #cbd5e1; }
.dark .vn-header-action:hover { background: #334155; color: #fff; }
.dark .vn-header-action:focus-visible { outline-color: #34d399; }
.dark .vn-header-action[aria-current="page"] { color: #6ee7b7; background: #064e3b; }
.dark .vn-header-themes { border-color: #475569; background: #1e293b; }
.dark .vn-header-themes .vn-header-action[aria-pressed="true"] { background: #475569; color: #fcd34d; box-shadow: inset 0 0 0 1px #64748b; }
.dark .vn-header-action--logout:hover { background: #4c0519; color: #fda4af; }
@media (max-width: 640px) {
    .fi-topbar:has(> .vn-header-actions) { flex-wrap: wrap; gap: .5rem; padding-block: .5rem; }
    .vn-header-actions { gap: .25rem; margin-inline-start: auto; }
    .vn-header-action { width: 2rem; height: 2rem; }
    .vn-header-action svg { width: 1.2rem; height: 1.2rem; }
}