/* ==========================================================================
   CAPACITAÇÃO ABERTA — casca do portal capacitacao.iacadu.com.br
   (migration 290). Identidade do iaCadu: tokens e componentes do painel,
   logo no topo e a tela de entrada igual ao login (ic-login). Aqui fica
   só a casca de quem já entrou.
   ========================================================================== */

.cpo-body {
    margin: 0;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--ic-bg);
    color: var(--ic-texto);
    font-family: var(--ic-font-texto);
}

/* ── Topo ──────────────────────────────────────────────────────────────── */

.cpo-topo {
    position: sticky;
    top: 0;
    z-index: 20;
    background: var(--ic-surface);
    border-bottom: 1px solid var(--ic-borda);
    padding-top: env(safe-area-inset-top, 0px);
}

.cpo-topo__in {
    max-width: 1120px;
    margin: 0 auto;
    padding: 10px 16px;
    display: flex;
    align-items: center;
    gap: 12px;
}

.cpo-topo__espaco { flex: 1; }

.cpo-marca {
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--ic-texto-forte);
    text-decoration: none;
    min-width: 0;
}

.cpo-marca__logo { height: 34px; width: auto; flex: none; }

.cpo-marca__txt { padding-left: 12px; border-left: 1px solid var(--ic-borda); }
.cpo-marca__txt strong { color: var(--ic-primary); }

.cpo-marca__txt { display: flex; flex-direction: column; line-height: 1.15; min-width: 0; }
.cpo-marca__txt small {
    color: var(--ic-texto-fraco);
    font-size: var(--ic-texto-xs);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cpo-quem { display: flex; align-items: center; gap: 10px; min-width: 0; }

.cpo-quem__av {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: var(--ic-primary-100);
    color: var(--ic-primary-600);
    font-weight: 700;
    font-size: var(--ic-texto-sm);
    display: grid;
    place-items: center;
    flex: none;
}

.cpo-quem__txt { display: flex; flex-direction: column; line-height: 1.15; }
.cpo-quem__txt small { color: var(--ic-texto-fraco); font-size: var(--ic-texto-xs); }

@media (max-width: 520px) {
    .cpo-quem__txt, .cpo-marca__txt small { display: none; }
}

/* ── Conteúdo ──────────────────────────────────────────────────────────── */

.cpo-main {
    flex: 1;
    width: 100%;
    max-width: 1120px;
    margin: 0 auto;
    padding: 24px 16px 40px;
    box-sizing: border-box;
}

.cpo-alerta { margin-bottom: 16px; }

.cpo-rodape {
    text-align: center;
    font-size: var(--ic-texto-xs);
    color: var(--ic-texto-fraco);
    padding: 16px 16px calc(20px + env(safe-area-inset-bottom, 0px));
}

/* ── Entrada (só CPF) ─────────────────────────────────────────────────── */

.cpo-input-cpf {
    font-size: 1.15rem;
    font-variant-numeric: tabular-nums;
    letter-spacing: .04em;
}