/* ==========================================================================
   Jonas Móveis Planejados — conta.css
   Área do cliente: login, cadastro, meus pedidos e configurações.
   Reaproveita tokens e classes de home.css/checkout.css (.contato-hero,
   .contato-form, .campo, .contato-erro) para manter a mesma identidade
   visual das páginas institucionais (FAQ, Contato, Sobre...).
   ========================================================================== */

.conta-pagina.institucional-pagina { padding-bottom: 96px; }

/* -------- Login / Cadastro -------- */
.conta-auth { display: flex; justify-content: center; margin-top: 8px; }

.conta-auth-card {
    width: 100%;
    max-width: 580px;
    background: #fff;
    border: 1px solid var(--cor-cinza-borda);
    border-radius: var(--raio-card);
    box-shadow: var(--sombra-sm);
    padding: 40px;
}
@media (max-width: 560px) { .conta-auth-card { padding: 28px 22px; } }

.conta-auth-card h1 { font-size: 1.9rem; margin: 6px 0 10px; }
.conta-auth-sub { color: var(--cor-texto-suave); margin: 0 0 28px; line-height: 1.6; }

.conta-auth-rodape { margin: 20px 0 0; text-align: center; color: var(--cor-texto-suave); font-size: .95rem; }
.conta-auth-rodape a { font-weight: 600; }

/* -------- Meus Pedidos / Configurações -------- */
.conta-layout { display: grid; grid-template-columns: 1fr; gap: 32px; align-items: start; }
@media (min-width: 760px) { .conta-layout { grid-template-columns: .8fr 1.6fr; } }

.conta-nav {
    display: flex;
    flex-direction: column;
    gap: 4px;
    background: #fff;
    border: 1px solid var(--cor-cinza-borda);
    border-radius: var(--raio-card);
    box-shadow: var(--sombra-sm);
    padding: 20px;
}
.conta-nav-saudacao { margin: 0 0 12px; font-weight: 600; color: var(--cor-preto); font-size: .95rem; }
.conta-nav-link {
    padding: 11px 14px;
    border-radius: var(--raio-sm);
    color: var(--cor-texto);
    font-weight: 500;
    transition: background var(--transicao), color var(--transicao);
}
.conta-nav-link:hover { background: var(--cor-cinza-claro); color: var(--cor-texto); text-decoration: none; }
.conta-nav-link.ativo { background: var(--cor-laranja); color: #fff; font-weight: 600; }
.conta-nav-sair { color: #c62828; margin-top: 6px; border-top: 1px solid var(--cor-cinza-borda); padding-top: 15px; border-radius: 0 0 var(--raio-sm) var(--raio-sm); }
.conta-nav-sair:hover { background: #fdecea; color: #c62828; }

.conta-conteudo {
    background: #fff;
    border: 1px solid var(--cor-cinza-borda);
    border-radius: var(--raio-card);
    box-shadow: var(--sombra-sm);
    padding: 32px;
}
@media (max-width: 560px) { .conta-conteudo { padding: 22px 18px; } }

.conta-vazio { text-align: center; padding: 32px 0; color: var(--cor-texto-suave); }
.conta-vazio p { margin: 0 0 20px; }

.conta-pedidos-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 12px; }
.conta-pedido-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px 20px;
    padding: 16px 18px;
    border: 1px solid var(--cor-cinza-borda);
    border-radius: var(--raio-sm);
}
.conta-pedido-info { display: flex; flex-direction: column; gap: 2px; min-width: 110px; }
.conta-pedido-data { font-size: .82rem; color: var(--cor-texto-suave); }
.conta-pedido-total { font-weight: 600; margin-left: auto; }
.conta-pedido-ver { font-weight: 600; white-space: nowrap; }

.conta-pedido-status {
    display: inline-flex;
    align-items: center;
    padding: 4px 12px;
    border-radius: var(--raio-pill);
    font-size: .78rem;
    font-weight: 600;
    background: var(--cor-cinza-claro);
    color: var(--cor-texto-suave);
}
.conta-pedido-status.status-pago,
.conta-pedido-status.status-processando { background: #fff3e0; color: #b5650c; }
.conta-pedido-status.status-enviado { background: #e3f2fd; color: #1565c0; }
.conta-pedido-status.status-entregue { background: #eafaf0; color: #1a7a3a; }
.conta-pedido-status.status-cancelado { background: #fdecea; color: #c62828; }

.conta-secao-titulo { font-size: 1.15rem; margin: 30px 0 4px; }
.conta-secao-sub { color: var(--cor-texto-suave); font-size: .9rem; margin: 0 0 18px; }

.conta-sucesso-msg {
    color: #1a7a3a;
    font-size: .95rem;
    margin-bottom: 20px;
    padding: 12px 16px;
    background: #eafaf0;
    border-radius: var(--raio-sm);
}

/* Campo desabilitado (e-mail não editável) */
.campo input:disabled { background: var(--cor-cinza-claro); color: var(--cor-texto-suave); cursor: not-allowed; }