/* ==========================================================================
   css/empresa.css — Área da empresa (empresa/, migration 34). Usa as variáveis
   do site público (css/site.css): mesmo visual escuro com acentos dourados.
   ========================================================================== */
.er-secao { padding-top: 32px; }
.er-estreito { max-width: 520px; margin: 0 auto; }
.er-medio { max-width: 820px; margin: 0 auto; }
.er-nota { font-size: .86rem; color: var(--s-texto-sub); margin-top: 14px; line-height: 1.55; }
.er-nota a, .s-msg a { color: var(--s-ouro-claro); }
.er-codigo { font-size: 1.4rem !important; letter-spacing: .35em; text-align: center; font-weight: 700; }
.er-linha-acoes { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 14px; }
.er-topo-rel { margin: 0 0 16px; }

/* barra da empresa logada */
.er-barra { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 20px; padding: 12px 16px; margin-bottom: 22px; background: var(--s-card); border: 1px solid var(--s-borda); border-radius: var(--s-raio); }
.er-quem { display: flex; align-items: center; gap: 12px; min-width: 0; }
.er-quem .si { width: 28px; height: 28px; color: var(--s-ouro); flex: none; }
.er-quem b { display: block; overflow-wrap: anywhere; }
.er-quem small { color: var(--s-texto-fraco); font-size: .8rem; }
.er-abas { display: flex; flex-wrap: wrap; gap: 4px; }
.er-abas a { padding: 8px 14px; border-radius: 999px; color: var(--s-texto-sub); text-decoration: none; font-size: .9rem; font-weight: 600; }
.er-abas a:hover { color: var(--s-texto); background: var(--s-card-2); }
.er-abas a.ativo { color: #1a1305; background: var(--s-ouro); }
.er-abas .er-sair { color: var(--s-texto-fraco); }

/* cadastros e premiações */
.er-cadastro { margin-bottom: 22px; }
.er-cadastro-topo { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 12px; }
.er-cadastro-topo h2 { font-family: var(--s-fonte-display); font-size: 1.45rem; }
.er-cadastro-topo small { color: var(--s-texto-fraco); }
.er-acoes { display: flex; flex-wrap: wrap; gap: 8px; }
.er-acoes .si, .er-linha-acoes .si { width: 16px; height: 16px; }
.er-sub { font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--s-texto-fraco); margin: 22px 0 10px; }
.er-premios { display: grid; gap: 12px; }
.er-premio { border: 1px solid var(--s-borda); border-radius: var(--s-raio-p); padding: 14px; background: var(--s-fundo-2); }
.er-premio-cab { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 10px; }
.er-premio-cab b { margin-right: 10px; }
.er-sit { display: inline-block; font-size: .72rem; font-weight: 700; padding: 3px 10px; border-radius: 999px; border: 1px solid var(--s-borda-forte); color: var(--s-texto-sub); letter-spacing: .02em; text-transform: none; }
.er-sit-encerrada, .er-cont-respondida { border-color: rgba(74, 222, 128, .4); color: #86efac; }
.er-sit-andamento, .er-cont-aberta { border-color: rgba(212, 175, 55, .45); color: var(--s-ouro-claro); }
.er-cats { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 6px; }
.er-cats li { display: grid; grid-template-columns: 1fr auto auto; gap: 12px; align-items: baseline; padding: 7px 0; border-top: 1px solid var(--s-borda); }
.er-cats b { color: var(--s-texto); }
.er-cats .er-pos-1 { color: var(--s-ouro-claro); }
.er-cats small { color: var(--s-texto-fraco); min-width: 70px; text-align: right; }
.er-arquivos { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.er-arquivos li { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.er-arquivos .si { width: 18px; height: 18px; color: var(--s-ouro); }
.er-arquivos a { color: var(--s-ouro-claro); }
.er-arquivos small { color: var(--s-texto-fraco); }
.er-badge { display: inline-flex; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--s-vermelho, #ef4444); color: #fff; font-size: .72rem; font-weight: 700; align-items: center; justify-content: center; }

/* listas, conversas */
.er-lista { display: grid; gap: 10px; }
.er-lista-item { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px 16px; text-decoration: none; color: inherit; }
.er-lista-item:hover { border-color: var(--s-ouro); }
.er-lista-item small { display: block; color: var(--s-texto-fraco); font-size: .82rem; margin-top: 2px; }
.er-lista-item .si { width: 18px; height: 18px; color: var(--s-ouro); }
.er-conversa { display: grid; gap: 12px; margin-bottom: 18px; }
.er-msg { max-width: 88%; padding: 12px 14px; border-radius: var(--s-raio-p); border: 1px solid var(--s-borda); background: var(--s-fundo-2); }
.er-msg-empresa { justify-self: end; border-color: rgba(212, 175, 55, .35); background: var(--s-ouro-fundo); }
.er-msg-cab { display: flex; justify-content: space-between; gap: 12px; font-size: .8rem; margin-bottom: 6px; }
.er-msg-cab small { color: var(--s-texto-fraco); }
.er-msg-texto { white-space: normal; overflow-wrap: anywhere; line-height: 1.55; }
.er-anexo { display: inline-block; margin: 8px 10px 0 0; font-size: .85rem; color: var(--s-ouro-claro); overflow-wrap: anywhere; }
.er-form-msg { border-top: 1px solid var(--s-borda); padding-top: 16px; }
.er-cont-titulo { font-size: 1.2rem; margin-bottom: 4px; }
.er-tabela { width: 100%; border-collapse: collapse; font-size: .9rem; }
.er-tabela th, .er-tabela td { text-align: left; padding: 8px 10px; border-top: 1px solid var(--s-borda); vertical-align: top; }
.er-tabela th { color: var(--s-texto-sub); font-weight: 600; width: 40%; }
.er-hash { font-size: .72rem; overflow-wrap: anywhere; color: var(--s-texto-sub); }

/* relatório na tela */
.er-rel-corpo { overflow-x: auto; }
.er-relatorio h1 { font-family: var(--s-fonte-display); font-size: 1.4rem; margin-bottom: 8px; }
.er-relatorio h2 { font-size: .78rem; letter-spacing: .12em; text-transform: uppercase; color: var(--s-texto-fraco); margin: 24px 0 10px; }
.er-relatorio p { font-size: .9rem; line-height: 1.6; color: var(--s-texto-sub); }
.er-relatorio .sel { font-size: .8rem; }
.er-relatorio .cod { color: var(--s-ouro-claro); font-weight: 700; }
.er-relatorio table { width: 100%; border-collapse: collapse; font-size: .84rem; min-width: 560px; }
.er-relatorio th, .er-relatorio td { padding: 7px 9px; border-bottom: 1px solid var(--s-borda); text-align: left; vertical-align: top; }
.er-relatorio th { background: var(--s-card-cab); color: var(--s-texto-sub); font-weight: 600; }
.er-relatorio .r { text-align: right; }

@media (max-width: 640px) {
  .er-msg { max-width: 100%; }
  .er-cats li { grid-template-columns: 1fr auto; }
  .er-cats small { grid-column: 2; }
  .er-abas { width: 100%; }
}

/* link do arquivo do relatório */
.er-link-campo { display: flex; gap: 8px; margin-top: 12px; }
.er-link-campo input { flex: 1; min-width: 0; padding: 10px 12px; border: 1px solid var(--s-borda-forte); border-radius: var(--s-raio-p); background: #141518; color: var(--s-texto-sub); font: inherit; font-size: .85rem; }
@media (max-width: 640px) { .er-link-campo { flex-direction: column; } }