/* client/assets/style/profile-security.css
   Estilos da seção "Segurança" do perfil (Trocar senha / Deletar conta).
   Arquivo isolado do cliente — não depende da drawer.css de produção, que não
   traz mais essas regras. Carregado só pelo client/index.php (driver intacto). */

#sideDrawer .profileSecurity {
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid rgba(11, 15, 25, .10);
}
#sideDrawer .profileSecurity .profileSecurityTitle {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .4px;
    text-transform: uppercase;
    color: var(--text-muted);
    margin-bottom: 10px;
}
#sideDrawer .btnSecurity {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 14px;
    padding: 14px;
    margin-top: 8px;
    font-weight: 700;
    background: rgba(11, 15, 25, .04);
    color: var(--text-strong);
}
#sideDrawer .btnSecurity .dsiChevron {
    color: var(--text-muted);
    font-size: 18px;
    line-height: 1;
}
#sideDrawer .btnSecurityDanger {
    color: var(--danger);
    background: rgba(229, 57, 53, .06);
}
#sideDrawer .btnSecurityDanger .dsiChevron { color: var(--danger); }

#sideDrawer #drawerViewDeleteAccount .deleteWarn {
    background: rgba(229, 57, 53, .08);
    border: 1px solid rgba(229, 57, 53, .25);
    border-radius: 12px;
    padding: 12px 14px;
    font-size: 13px;
    line-height: 1.5;
    color: var(--text-strong);
    margin-bottom: 4px;
}
#sideDrawer #drawerViewDeleteAccount .deleteWarn strong {
    display: block;
    margin-bottom: 4px;
}

/* Editar perfil: Meu endereço (grade 2 colunas) */
#sideDrawer #drawerViewAddress .pfRow2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
#sideDrawer #drawerViewAddress #pfCepHint {
    margin: 6px 0 2px;
}

/* Respiro entre botões empilhados nas telas de segurança (Trocar senha /
   Deletar conta) — o .btn base não tem margem, então ficavam colados. */
#sideDrawer #drawerViewChangePass .btn + .btn,
#sideDrawer #drawerViewDeleteAccount .btn + .btn {
    margin-top: 12px;
}

/* Card branco nas sub-telas do perfil — igual ao Editar perfil. A produção 1.48.x
   só tinha o card no #drawerViewProfile, deixando Trocar senha / Deletar conta /
   Meu endereço com os campos soltos no fundo cinza (sem card). */
#sideDrawer #drawerViewPersonalData .drawerBody,
#sideDrawer #drawerViewChangePass .drawerBody,
#sideDrawer #drawerViewDeleteAccount .drawerBody,
#sideDrawer #drawerViewAddress .drawerBody {
    margin: 0 16px;
    padding: 16px;
    background: var(--rv-card);
    border-radius: var(--rv-radius);
    box-shadow: var(--rv-shadow);
}

/* Respiro entre label e campo nessas telas (o .fieldLabel/.input não têm margem,
   então ficavam colados — no perfil o gap é ~6px). */
#sideDrawer #drawerViewPersonalData .fieldLabel,
#sideDrawer #drawerViewChangePass .fieldLabel,
#sideDrawer #drawerViewDeleteAccount .fieldLabel,
#sideDrawer #drawerViewAddress .fieldLabel {
    display: block;
    margin: 12px 0 6px;
}

/* Respiro acima do botão de ação principal nas sub-telas (o .btn base não tem
   margem — no perfil o #btnSaveProfile usa margin-top:16px). Sem isso o "Salvar"
   colava no campo acima. */
#sideDrawer #drawerViewPersonalData #btnSaveProfile,
#sideDrawer #drawerViewAddress #btnSaveAddress,
#sideDrawer #drawerViewChangePass #cpVerify,
#sideDrawer #drawerViewChangePass #cpSave,
#sideDrawer #drawerViewDeleteAccount #daConfirm {
    margin-top: 16px;
}