/* ===========================================================================
   PROPOSTA DE ADMINISTRAÇÃO — pages/proposta.php
   ---------------------------------------------------------------------------
   O cabeçalho e os cartões são o componente compartilhado (bloco 2f do
   style.css). Aqui só o que esta página tem de diferente: TRÊS cartões
   empilhados e a lista de caixas de marcação do terceiro.

   MEDIDO em 2026-09-22, no print do Sami.
   =========================================================================== */

/* `.account-block + .account-block { margin-top: 30px }` do legado: o respiro
   entre um cartão e o seguinte. */
.proposta-cartao + .proposta-cartao {
    margin-top: 30px;
}

/* --- As cinco caixas de marcação ------------------------------------------
   MEDIDO no print: a pergunta é um `<p class="page-subtitle">` de 16px/24 peso
   300, e cada linha de marcação nasce 43px abaixo da anterior (o `.form-group`
   do legado, com a caixa e o texto numa linha só).
   --------------------------------------------------------------------------- */

.proposta-caixas {
    margin: 0;
    padding: 0;
    border: 0;
}

.proposta-caixas__titulo {
    margin: 0 0 20px;
    padding: 0;
    font-size: 16px;
    font-weight: 300;
    line-height: 24px;
    color: #000;
}

.proposta-caixas__linha {
    display: flex;
    align-items: center;
    gap: 8px;
    /* 28 de linha + 15 da margem fecham os 43 medidos entre uma e outra. */
    min-height: 28px;
    margin-bottom: 15px;
}

.proposta-caixas__linha:last-child {
    margin-bottom: 0;
}

.proposta-caixas__linha input {
    width: 16px;
    height: 16px;
    margin: 0;
    flex: 0 0 auto;
    accent-color: #3333ff;
    cursor: pointer;
}

/* ⚠ A ETIQUETA DA CAIXA NÃO É NEGRITO, ao contrário das etiquetas de campo: no
   legado ela nem é `<label>` — é texto solto depois de um `&nbsp;`, e herda o
   corpo. Aqui é label de verdade (dá para clicar), com a mesma aparência. */
.proposta-caixas__linha label {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000;
    cursor: pointer;
}