/* ══════════════════════════════════════════════════════════════════
   ELEGANCE — REDESENHO VISUAL  ·  12/09/2026
   ------------------------------------------------------------------
   Camada PURAMENTE VISUAL. Regra do Paulo, registrada antes da
   primeira linha de código: nada pode ser suprimido. Nenhum campo,
   botão, permissão ou cálculo muda aqui — só aparência.

   Vale para o Modo Campo E para a Área do Lojista, porque telas como
   "Extrato da conta" e "Crédito de fidelidade" são as mesmas nos dois
   lugares. Por isso saiu de dentro do <style> do modo campo e virou
   arquivo próprio.

   Paleta: verde-garrafa #1C3A2B · latão #B18F4E · osso #F7F6F1
   Tipos:  Cormorant Garamond nos nomes e valores · Jost na interface
   ══════════════════════════════════════════════════════════════════ */

/* A camada só age nas telas do sistema, nunca no site público. */

/* ═══════════════════════════════════════════════════════════════
   REDESENHO — 12/09/2026
   Camada puramente visual do Modo Campo. Não altera nenhum campo,
   botão, permissão ou cálculo: só aparência. Vale para TODAS as
   telas de campo porque este <style> só carrega aqui.
   Verde-garrafa #1C3A2B · latão #B18F4E · osso #F7F6F1
   Serifa Cormorant Garamond nos nomes e valores; Jost na interface.
   ═══════════════════════════════════════════════════════════════ */
.eg-section{background:#F1F2ED !important;min-height:100vh}
.eg-section, .eg-section p, .eg-section span, .eg-section div,
.eg-section a, .eg-section label, .eg-section small, .eg-section strong{
    font-family:'Jost',system-ui,-apple-system,sans-serif;
}
.eg-container{max-width:460px !important}

/* Títulos de tela */
.eg-container h1{
    font-family:'Cormorant Garamond',Georgia,serif !important;
    font-weight:400 !important;font-size:30px !important;line-height:1.1 !important;
    color:#1A211D !important;letter-spacing:.01em !important;margin:2px 0 4px !important;
}
.eg-container h1 + p{color:#6E766F !important;font-size:12.5px !important;margin:4px 0 16px !important}
.eg-container h1 + p strong{color:#1A211D !important;font-weight:500 !important}

/* Voltar */
.egc-voltar{margin:0 0 14px !important}
.egc-voltar a, .eg-container p > a[href*="barbearia"]:first-child{
    color:#8E7132 !important;text-decoration:none !important;font-size:11px !important;
    letter-spacing:.14em;text-transform:uppercase;
}

/* ── Cartão do cliente em atendimento ── */
.egc-cliente{
    position:relative;cursor:pointer;background:#1C3A2B;color:#F7F6F1;
    border-radius:4px;padding:5px;margin-bottom:6px;
    box-shadow:0 14px 30px -18px rgba(20,42,32,.85);
}
.egc-cliente::before{
    content:"";position:absolute;inset:5px;border:1px solid rgba(216,190,134,.34);
    border-radius:2px;pointer-events:none;
}
.egc-cliente-kick{
    font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;
    color:rgba(216,190,134,.85);padding:14px 16px 0;
}
.egc-cliente-kick span{opacity:.65;letter-spacing:.12em}
.egc-cliente-nome{
    font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;font-weight:500;
    line-height:1.15;padding:3px 40px 0 16px;
}
.egc-cliente-estab{font-size:12px;color:rgba(247,246,241,.6);padding:2px 16px 0}
.egc-cliente-seta{position:absolute;top:18px;right:18px;font-size:17px;color:#D8BE86;opacity:.85}
.egc-saldo{
    display:flex;align-items:baseline;justify-content:space-between;gap:12px;
    margin:14px 11px 11px;padding:11px 12px;border-radius:2px;
}
.egc-saldo-lbl{font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;opacity:.8}
.egc-saldo-val{font-family:'Cormorant Garamond',Georgia,serif;font-size:23px;font-weight:500}
.egc-saldo-deve{background:rgba(140,58,63,.22);border:1px solid rgba(201,138,142,.5);color:#F0CDCF}
.egc-saldo-credito{background:rgba(46,106,78,.25);border:1px solid rgba(111,174,139,.5);color:#CDE9DA}

/* ── Rótulo de grupo ── */
.egc-sec{
    display:flex;align-items:center;gap:12px;margin:22px 0 9px !important;
    font-size:10px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:#8A9188;
}
.egc-sec::after{content:"";flex:1;height:1px;background:#E0E2DB}

/* ── Ações ── */
.egc-acoes{display:flex;flex-direction:column;gap:7px}
.egc-acao{
    display:flex;align-items:center;gap:14px;padding:16px 15px;background:#fff;
    border:1px solid #E4E3DA;border-radius:3px;text-decoration:none;color:#1A211D;
    transition:border-color .18s,transform .12s;
}
.egc-acao:active{transform:scale(.99)}
.egc-acao-ico{color:#8E7132;display:flex;flex:none}
.egc-acao-lbl{
    flex:1;font-family:'Cormorant Garamond',Georgia,serif;font-size:18px;
    font-weight:500;line-height:1.2;letter-spacing:.01em;
}
.egc-acao-seta{color:#C3C7BE;display:flex;flex:none}
.egc-acao-destaque{background:#1C3A2B;border-color:#1C3A2B;padding:19px 15px;
    box-shadow:inset 0 0 0 1px rgba(216,190,134,.3)}
.egc-acao-destaque .egc-acao-lbl{color:#F7F6F1;font-size:21px}
.egc-acao-destaque .egc-acao-ico, .egc-acao-destaque .egc-acao-seta{color:#D8BE86}
.egc-vazio{color:#8A9188 !important;text-align:center;padding:24px 0;font-size:13px}

/* ── Campos ── */
.eg-container input[type="search"], .eg-container input[type="text"],
.eg-container input[type="number"], .eg-container input[type="tel"],
.eg-container input[type="email"], .eg-container input[type="password"],
.eg-container select, .eg-container textarea{
    border:1px solid #E4E3DA !important;border-radius:3px !important;
    background:#fff !important;color:#1A211D !important;
    font-family:'Jost',system-ui,sans-serif !important;
}
.eg-container input:focus, .eg-container select:focus, .eg-container textarea:focus{
    outline:none !important;border-color:#B18F4E !important;
}
.eg-container label{font-size:12px;color:#6E766F}

/* ── Botões de ação (envio) ── */
.eg-container button[type="submit"], .eg-container .eg-btn,
.eg-container a.eg-btn, .eg-cv-barra .eg-barra-btn{
    font-family:'Jost',system-ui,sans-serif !important;font-size:11px !important;
    letter-spacing:.16em !important;text-transform:uppercase !important;
    font-weight:500 !important;border-radius:3px !important;
    background:#1C3A2B !important;color:#D8BE86 !important;
    border:1px solid #1C3A2B !important;box-shadow:none !important;
}
.eg-container .eg-btn-gold, .eg-cv-barra .eg-barra-btn{
    background:#B18F4E !important;color:#142A20 !important;border-color:#B18F4E !important;
}
/* os +/− da quantidade NÃO são botões de ação */
.eg-cv-mais, .eg-cv-menos, .eg-cs-mais, .eg-cs-menos,
.eg-cr-mais, .eg-cr-menos, .eg-ac-mais, .eg-ac-menos{
    background:#fff !important;color:#8E7132 !important;
    border:1px solid #E4E3DA !important;border-radius:3px !important;
    font-size:15px !important;font-weight:400 !important;text-transform:none !important;
    letter-spacing:0 !important;box-shadow:none !important;
}

/* ── Linhas de produto ── */
.eg-cv-item, .eg-cs-item, .eg-cr-item, .eg-ac-item{
    background:#fff !important;border:1px solid #E4E3DA !important;
    border-radius:3px !important;box-shadow:none !important;
}
.eg-cv-item strong, .eg-cs-item strong, .eg-cr-item strong, .eg-ac-item strong{
    font-family:'Cormorant Garamond',Georgia,serif !important;
    font-size:17px !important;font-weight:500 !important;color:#1A211D !important;
}
.eg-cv-item small, .eg-cs-item small, .eg-cr-item small, .eg-ac-item small{
    color:#6E766F !important;font-size:11.5px !important;
}
.eg-cv-qtd, .eg-cs-qtd, .eg-cr-qtd, .eg-ac-qtd{
    font-variant-numeric:tabular-nums;font-weight:400 !important;
}

/* ── Faixa fixa do total ── */
.eg-cv-barra{
    background:#1C3A2B !important;border-top:1px solid #B18F4E !important;
    box-shadow:0 -10px 26px -14px rgba(20,42,32,.85) !important;
}
.eg-cv-barra .eg-barra-tot span{
    color:rgba(216,190,134,.85) !important;font-size:9.5px !important;
    letter-spacing:.18em;text-transform:uppercase;
}
.eg-cv-barra .eg-barra-tot strong{
    color:#F7F6F1 !important;font-family:'Cormorant Garamond',Georgia,serif !important;
    font-size:25px !important;font-weight:500 !important;font-variant-numeric:tabular-nums;
}

/* ── Rodapé de fechamento (montar pedido) ── */
.egc-fecha{position:sticky;bottom:0;margin-top:16px;padding-bottom:10px;background:#F1F2ED}
.egc-fecha-topo{
    background:#fff;border:1px solid #E4E3DA;border-radius:3px 3px 0 0;
    padding:13px 14px 11px;border-bottom:0;
}
.egc-fecha-topo label{
    display:block;font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;
    color:#8A9188;margin-bottom:6px;
}
.egc-fecha-topo select{width:100%;padding:11px 12px !important;font-size:15px}
.egc-fecha-limpar{
    display:block;width:100%;margin-top:11px;background:none !important;border:0 !important;
    color:#8C3A3F !important;font-size:10px !important;letter-spacing:.14em !important;
    text-transform:uppercase !important;cursor:pointer;padding:6px !important;
    box-shadow:none !important;
}
.egc-fecha-barra{
    display:flex;align-items:center;justify-content:space-between;gap:12px;
    background:#1C3A2B;border:1px solid #1C3A2B;border-top:1px solid #B18F4E;
    border-radius:0 0 3px 3px;padding:13px 15px;
}
.egc-fecha-tot{display:flex;flex-direction:column;line-height:1.15;min-width:0}
.egc-fecha-tot > span{
    font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(216,190,134,.85);
}
.egc-fecha-tot strong{
    font-family:'Cormorant Garamond',Georgia,serif;font-size:25px;font-weight:500;
    color:#F7F6F1;font-variant-numeric:tabular-nums;
}
.egc-fecha-btn{flex:none;width:auto !important;padding:13px 17px !important;margin:0 !important}

/* ═══ NORMALIZAÇÃO DAS TELAS ANTIGAS ═══
   As telas de campo foram escritas com estilo embutido em cada
   elemento. Em vez de reescrever a marcação de 15 telas, estas regras
   reconhecem os padrões antigos pelo próprio estilo embutido e os
   trazem para a nova paleta. É só aparência — nenhum elemento some. */

/* cantos: tudo vira o mesmo filete reto */
.eg-section [style*="border-radius:16px"], .eg-section [style*="border-radius: 16px"],
.eg-section [style*="border-radius:14px"], .eg-section [style*="border-radius: 14px"],
.eg-section [style*="border-radius:12px"], .eg-section [style*="border-radius: 12px"],
.eg-section [style*="border-radius:10px"], .eg-section [style*="border-radius: 10px"],
.eg-section [style*="border-radius:8px"],  .eg-section [style*="border-radius: 8px"]{
    border-radius:3px !important;
}
/* pílulas continuam pílulas */
.eg-section [style*="border-radius:999px"]{border-radius:999px !important}

/* blocos verdes → verde-garrafa com fio de latão por dentro */
.eg-section [style*="background:#2D5A3D"], .eg-section [style*="background:#2d5a3d"],
.eg-section [style*="background:#2D4A2D"], .eg-section [style*="background:#2d4a2d"],
.eg-section [style*="background:#1a7a4a"], .eg-section [style*="background:#1e7a3d"],
.eg-section [style*="background:#1B5E3B"]{
    background:#1C3A2B !important;
    box-shadow:inset 0 0 0 1px rgba(216,190,134,.3) !important;
}
/* laranja de ação → latão */
.eg-section [style*="background:#d68f00"], .eg-section [style*="background:#D68F00"]{
    background:#B18F4E !important;color:#142A20 !important;
}
/* vermelho forte → borgonha */
.eg-section [style*="background:#b32d2e"]{background:#8C3A3F !important}

/* caixinhas de ação claras → branco com filete na cor do assunto */
.eg-section [style*="background:#eaf3ee"]{
    background:#fff !important;color:#1C3A2B !important;border:1px solid #E4E3DA !important;
}
.eg-section [style*="background:#fdecec"]{
    background:#fff !important;color:#8C3A3F !important;border:1px solid rgba(140,58,63,.35) !important;
}
.eg-section [style*="background:#fbf3dd"], .eg-section [style*="background:#fff7e6"],
.eg-section [style*="background:#fff8e5"], .eg-section [style*="background:#fbf6ea"]{
    background:rgba(177,143,78,.07) !important;color:#8E7132 !important;
    border:1px solid rgba(177,143,78,.4) !important;
}
.eg-section [style*="background:#eef3ee"], .eg-section [style*="background:#eef7ee"]{
    background:#fff !important;border:1px solid #E4E3DA !important;color:#5C6660 !important;
}
/* bordas cinzas do tema antigo */
.eg-section [style*="1px solid #e0e0e0"], .eg-section [style*="1px solid #ececec"],
.eg-section [style*="1px solid #ccc"],    .eg-section [style*="1px solid #ddd"],
.eg-section [style*="1px solid #eee"],    .eg-section [style*="1px solid #f0f0f0"],
.eg-section [style*="1px solid #cdddcd"], .eg-section [style*="1px solid #cde0cd"]{
    border-color:#E4E3DA !important;
}
/* sombras coloridas do estilo antigo */
.eg-section [style*="box-shadow:0 4px"], .eg-section [style*="box-shadow:0 2px"],
.eg-section [style*="box-shadow:0 1px"]{box-shadow:none !important}

/* títulos grandes dentro de bloco verde ganham a serifa */
.eg-section [style*="background:#1C3A2B"] h1,
.eg-section [style*="background:#2D5A3D"] h1,
.eg-section [style*="background:#2D4A2D"] h1{
    color:#F7F6F1 !important;font-family:'Cormorant Garamond',Georgia,serif !important;
}

/* ── Avisos ── */
.eg-container .eg-alert{
    border-radius:2px !important;font-size:12.5px !important;
    border:1px solid rgba(177,143,78,.45) !important;border-left:2px solid #B18F4E !important;
    background:rgba(177,143,78,.07) !important;color:#5C6660 !important;
}
.eg-container .eg-alert-error{
    border-color:rgba(140,58,63,.4) !important;border-left-color:#8C3A3F !important;
    background:rgba(140,58,63,.05) !important;color:#8C3A3F !important;
}
.eg-container .eg-alert-success{
    border-color:rgba(46,106,78,.4) !important;border-left-color:#2E6A4E !important;
    background:rgba(46,106,78,.06) !important;color:#2E6A4E !important;
}

/* ══════════════════════════════════════════════════════════════════
   SEGUNDA RODADA — telas que o Paulo achou ainda antigas
   (Produtos consignados, Extrato da conta, Crédito de fidelidade)
   ══════════════════════════════════════════════════════════════════ */

/* verde-WhatsApp do "Enviar relação em PDF" → verde-garrafa com latão */
.eg-section [style*="background:#25D366"], .eg-section [style*="background:#25d366"]{
    background:#1C3A2B !important; color:#D8BE86 !important;
    border:1px solid #1C3A2B !important;
    box-shadow:inset 0 0 0 1px rgba(216,190,134,.3) !important;
    font-weight:500 !important; font-size:11px !important;
    letter-spacing:.16em !important; text-transform:uppercase !important;
}
/* botão claro secundário (abrir/baixar PDF) */
.eg-section [style*="1px solid #cfd8cf"]{
    border-color:#E4E3DA !important; color:#8E7132 !important;
    font-size:10.5px !important; letter-spacing:.14em !important;
    text-transform:uppercase !important; font-weight:500 !important;
}

/* painel de saldo devedor / crédito: tira o fundo rosado e o vermelho puro */
.eg-section [style*="background:#fef6f5"]{
    background:#fff !important; border:1px solid rgba(140,58,63,.3) !important;
}
.eg-section [style*="background:#f2f8f4"], .eg-section [style*="background:#f0f7f2"]{
    background:#fff !important; border:1px solid rgba(46,106,78,.3) !important;
}
.eg-section [style*="color:#b32d2e"]{color:#8C3A3F !important}
.eg-section [style*="color:#1a7a43"], .eg-section [style*="color:#1e7a3d"]{color:#2E6A4E !important}
.eg-section [style*="color:#d68f00"], .eg-section [style*="color:#9a6700"],
.eg-section [style*="color:#7a5b1a"]{color:#8E7132 !important}

/* valores grandes (saldo, crédito) ganham a serifa */
.eg-section [style*="font-size:32px"], .eg-section [style*="font-size:30px"],
.eg-section [style*="font-size:28px"], .eg-section [style*="font-size:26px"]{
    font-family:'Cormorant Garamond',Georgia,serif !important;
    font-weight:500 !important; font-variant-numeric:tabular-nums;
}
/* rótulos em caixa alta do extrato */
.eg-section [style*="letter-spacing"][style*="text-transform:uppercase"]{
    letter-spacing:.18em !important; font-size:9.5px !important; font-weight:500 !important;
}

/* caixas de fidelidade (bege com borda dourada) */
.eg-section [style*="2px solid #e9d3a3"], .eg-section [style*="1px dashed #d8c48a"]{
    border:1px solid rgba(177,143,78,.4) !important;
}
.eg-section [style*="background:#fbf6ea"], .eg-section [style*="background:#f7f7f5"]{
    background:rgba(177,143,78,.06) !important;
}

/* linha do tempo do extrato: barra lateral vira filete */
.eg-section [style*="border-left:4px solid"], .eg-section [style*="border-left:3px solid"]{
    border-left-width:2px !important;
}

/* ── Movimentações de fidelidade, agrupadas mês a mês (12/09/2026) ──
   Pedido do Paulo para facilitar a leitura. O cabeçalho de cada mês traz
   o saldo do período: o que entrou de cashback menos o que foi resgatado. */
.eg-fid-meses{display:flex;flex-direction:column;gap:22px}
.eg-fid-mes-cab{
    display:flex;align-items:baseline;justify-content:space-between;gap:12px;
    padding-bottom:7px;border-bottom:1px solid #E4E3DA;margin-bottom:2px;
}
.eg-fid-mes-nome{
    font-size:10px;letter-spacing:.2em;text-transform:uppercase;
    color:#8A9188;font-weight:500;
}
.eg-fid-mes-soma{
    font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:500;
    font-variant-numeric:tabular-nums;white-space:nowrap;
}
.eg-fid-mes-soma.pos{color:#2E6A4E}
.eg-fid-mes-soma.neg{color:#8C3A3F}
.eg-fid-mov{
    display:flex;justify-content:space-between;gap:12px;align-items:baseline;
    padding:12px 0;border-bottom:1px solid #EFEFE9;
}
.eg-fid-mes .eg-fid-mov:last-child{border-bottom:0}
.eg-fid-mov-txt{flex:1;min-width:0}
.eg-fid-mov-desc{display:block;font-size:13.5px;color:#1A211D;line-height:1.35}
.eg-fid-mov-meta{display:block;font-size:11px;color:#8A9188;margin-top:3px;letter-spacing:.02em}
.eg-fid-mov-val{
    font-family:'Cormorant Garamond',Georgia,serif;font-size:19px;font-weight:500;
    white-space:nowrap;font-variant-numeric:tabular-nums;
}
.eg-fid-mov-val.pos{color:#2E6A4E}
.eg-fid-mov-val.neg{color:#8C3A3F}
.eg-fid-venc{color:#8E7132}
.eg-fid-venc.venceu{color:#8C3A3F}

/* ── Linha do tempo do extrato, cortada mês a mês (12/09/2026) ──
   O cabeçalho traz o que o mês movimentou: comprou X, pagou Y. */
.eg-ext-mes{
    display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;
    padding:4px 0 8px;border-bottom:1px solid #E4E3DA;margin-top:8px;
}
.eg-ext-mes:first-child{margin-top:0}
.eg-ext-mes-nome{
    font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#8A9188;font-weight:500;
}
.eg-ext-mes-somas{display:flex;gap:14px;font-size:11.5px;font-variant-numeric:tabular-nums}
.eg-ext-mes-somas .neg{color:#8C3A3F}
.eg-ext-mes-somas .pos{color:#2E6A4E}