/* RAVVO — Meu perfil da equipe (2026-10-11) · js/v29-meu-perfil.js */
.mp { max-width: 640px; margin: 0 auto; padding-bottom: 32px; }
.mp-titulo { font-family: var(--font-display); font-size: 1.5rem; margin: 0 0 16px; }
.mp-carregando { padding: 40px 0; text-align: center; color: var(--text-muted); }
.mp-card { margin-bottom: 16px; padding: 18px; }
.mp-card h2 { display: flex; align-items: center; gap: 10px; font-size: 1rem; margin: 0 0 12px; }
.mp-card h2 svg { color: var(--accent); flex-shrink: 0; }
.mp-topo { display: grid; grid-template-columns: 72px 1fr; gap: 14px; align-items: center; }
.mp-foto { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; background: var(--bg-card); }
.mp-iniciais { display: flex; align-items: center; justify-content: center; background: var(--accent); color: #fff; font-weight: 700; font-size: 1.4rem; font-family: var(--font-display); }
.mp-quem { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.mp-quem b { font-size: 1.1rem; overflow-wrap: anywhere; }
.mp-cargo { color: var(--accent); font-weight: 600; font-size: 0.85rem; }
.mp-quem small { color: var(--text-muted); overflow-wrap: anywhere; }
.mp-foto-acoes { grid-column: 1 / -1; display: flex; gap: 8px; flex-wrap: wrap; }
.mp-foto-acoes .btn { display: inline-flex; align-items: center; gap: 6px; cursor: pointer; }
.mp-nota { grid-column: 1 / -1; color: var(--text-muted); font-size: 0.8rem; margin: 8px 0 0; line-height: 1.45; }
.mp-status { margin: 0; font-weight: 600; }
.mp-status.ok { color: var(--success, #22c55e); }
.mp-status.pendente { color: var(--warning, #f59e0b); }
#mp-face { margin-top: 14px; display: inline-flex; align-items: center; gap: 8px; }
.mp-card form .btn { width: 100%; }
.mp-sair { width: 100%; display: inline-flex; align-items: center; justify-content: center; gap: 8px; color: var(--danger, #ef4444); }
/* Rodapé do menu: nome abre "Meu perfil"; Sair tem botão próprio. */
.sidebar-footer .sidebar-user-wrap { display: flex; align-items: center; gap: 4px; }
.sidebar-footer .sidebar-user-wrap .sidebar-user { flex: 1; min-width: 0; }
.sidebar-sair { flex-shrink: 0; background: none; border: 0; color: var(--text-muted); padding: 10px; border-radius: var(--radius-sm); cursor: pointer; display: flex; align-items: center; }
.sidebar-sair:hover { color: var(--danger, #ef4444); background: var(--bg-card); }
@media (max-width: 480px) { .mp-card { padding: 16px; } }
.mp-card form .btn, .mp-sair { display: flex; align-items: center; justify-content: center; text-align: center; }
.mp-foto-acoes .btn { width: auto; flex: 0 0 auto; justify-content: center; }
/* Equipe (admin-equipe.js): dados pessoais no formulário */
.eq-pessoais { border: 1px solid var(--border); border-radius: var(--radius-sm, 8px); padding: 10px 14px; margin-bottom: 18px; }
.eq-pessoais summary { cursor: pointer; font-weight: 600; padding: 4px 0; }
.eq-pessoais[open] summary { margin-bottom: 12px; }
.eq-falta { margin-left: 8px; font-size: .72rem; font-weight: 600; color: var(--warning, #f59e0b); }
.eq-linha { display: flex; gap: 12px; flex-wrap: wrap; }
.eq-linha .form-group { flex: 1 1 140px; min-width: 0; }
.eq-linha .eq-uf { flex: 0 0 64px; }
.eq-selo-ok { margin-left: 6px; font-size: .7rem; background: rgba(34,197,94,.15); color: var(--success, #22c55e); }
/* Meu perfil: aviso de data de nascimento antes do facial */
.mp-aviso { margin: 10px 0 0; padding: 10px 12px; border-radius: 8px; background: rgba(245,158,11,.12); color: var(--warning, #f59e0b); font-size: .85rem; }