/* ==========================================================================
   DIREÇÃO VISUAL V2 — painel administrativo
   Interface clara e funcional, alinhada à nova direção visual do site.
   ========================================================================== */

.admin-preview {
  --admin-paper: #f4f1e8;
  --admin-paper-2: #ebe6da;
  --admin-white: #fffdf8;
  --admin-ink: #111820;
  --admin-muted: #59666e;
  min-height: 100vh;
  color: var(--admin-ink);
  background:
    linear-gradient(rgba(16, 24, 31, .025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(16, 24, 31, .025) 1px, transparent 1px),
    var(--admin-paper);
  background-size: 72px 72px;
}

/* Login e aviso inicial. */
.admin-preview .admin-setup,
.admin-preview .admin-login {
  background:
    radial-gradient(580px 480px at 18% 30%, rgba(var(--gold-rgb), .14), transparent 72%),
    linear-gradient(120deg, #080d11, #172129 74%);
}

.admin-preview .admin-setup__card,
.admin-preview .admin-login__card {
  width: min(460px, 100%);
  padding: clamp(1.7rem, 4vw, 2.6rem);
  border-color: rgba(var(--gold-rgb), .42);
  border-radius: 26px;
  color: var(--admin-ink);
  background: var(--admin-paper);
  box-shadow: 0 34px 75px rgba(0, 0, 0, .36);
}
.admin-preview .admin-setup__card h1,
.admin-preview .admin-login__card h1 { color: var(--admin-ink); font-size: clamp(1.55rem, 4vw, 2rem); }
.admin-preview .admin-setup__card p,
.admin-preview .admin-login__card > p { color: var(--admin-muted); }
.admin-preview .admin-setup__card code { background: #172129; }
.admin-preview .admin-login__erro {
  border-color: #bf7b63;
  color: #742f1e;
  background: #f4dfd7;
}
.admin-preview .admin-login__logo {
  width: min(260px, 100%);
  height: auto;
  padding: .9rem 1rem;
  border: 1px solid rgba(var(--gold-rgb), .2);
  border-radius: 16px;
  background: #10181e;
  filter: none;
}
.admin-preview .admin-login__voltar { color: #69747b; }

/* Barra superior. */
.admin-preview .admin-topo {
  border-bottom-color: rgba(var(--gold-rgb), .18);
  background: rgba(8, 13, 17, .95);
  box-shadow: 0 12px 30px rgba(8, 13, 17, .15);
}
.admin-preview .admin-topo__inner { width: min(1440px, 94%); padding-block: .72rem; }
.admin-preview .admin-topo__marca img { height: 35px; }
.admin-preview .admin-topo__marca span { color: var(--gold-soft); }
.admin-preview .admin-abas {
  flex: 1 1 auto;
  justify-content: center;
  padding: .3rem;
  border: 1px solid rgba(255, 255, 255, .07);
  border-radius: var(--r-full);
  background: rgba(255, 255, 255, .025);
}
.admin-preview .admin-aba { padding: .58rem .9rem; }
.admin-preview .admin-aba.is-active {
  border-color: transparent;
  color: var(--gold-ink);
  background: linear-gradient(135deg, var(--gold-soft), var(--gold));
  box-shadow: 0 8px 18px rgba(var(--gold-rgb), .15);
}
.admin-preview .admin-aba.is-active .admin-aba__contador { color: var(--gold-ink); background: rgba(17, 13, 3, .13); }
.admin-preview .admin-topo__usuario { color: #89959e; }

/* Área de trabalho. */
.admin-preview .admin-conteudo { width: min(1440px, 94%); padding-block: clamp(2.5rem, 5vw, 4.5rem) 6rem; }
.admin-preview .admin-painel__head {
  margin-bottom: 2rem;
  padding-bottom: 1.4rem;
  border-bottom: 1px solid rgba(20, 30, 38, .1);
}
.admin-preview .admin-painel__head h2 {
  color: var(--admin-ink);
  font-size: clamp(1.8rem, 3vw, 2.5rem);
  letter-spacing: -.04em;
}
.admin-preview .admin-painel__head p { color: var(--admin-muted); line-height: 1.6; }
.admin-preview .admin-painel__head code {
  padding: .14rem .38rem;
  border-radius: 5px;
  color: #705d1b;
  background: rgba(var(--gold-rgb), .13);
}
.admin-preview .admin-conteudo .btn--ghost,
.admin-preview .admin-modal .btn--ghost,
.admin-preview .admin-gaveta .btn--ghost {
  border-color: rgba(20, 30, 38, .18);
  color: var(--admin-ink);
  background: rgba(255, 255, 255, .55);
}
.admin-preview .admin-conteudo .btn--ghost:hover,
.admin-preview .admin-modal .btn--ghost:hover,
.admin-preview .admin-gaveta .btn--ghost:hover { border-color: var(--gold); color: #705d1b; }
.admin-preview .admin-conteudo .btn--ghost.admin-perigo,
.admin-preview .admin-modal .btn--ghost.admin-perigo,
.admin-preview .admin-gaveta .btn--ghost.admin-perigo {
  border-color: #b96f58;
  color: #742f1e;
  background: #f8e8e1;
}
.admin-preview .admin-conteudo .btn--ghost.admin-perigo:hover,
.admin-preview .admin-modal .btn--ghost.admin-perigo:hover,
.admin-preview .admin-gaveta .btn--ghost.admin-perigo:hover {
  border-color: #8d3e29;
  color: #632414;
  background: #f3d8ce;
}

/* Indicadores. */
.admin-preview .admin-cards { gap: .8rem; }
.admin-preview .admin-card {
  position: relative;
  overflow: hidden;
  min-height: 112px;
  align-content: center;
  padding: 1.25rem 1.35rem;
  border-color: rgba(20, 30, 38, .1);
  border-radius: 18px;
  background: rgba(255, 255, 255, .78);
  box-shadow: 0 14px 32px rgba(33, 40, 45, .08);
}
.admin-preview .admin-card::after {
  content: "";
  position: absolute;
  right: -28px;
  top: -30px;
  width: 88px;
  height: 88px;
  border: 1px solid rgba(var(--gold-rgb), .22);
  border-radius: 50%;
}
.admin-preview .admin-card strong { color: #806b1c; font-size: 2.15rem; }
.admin-preview .admin-card span { color: var(--admin-muted); }

/* Filtros e campos. */
.admin-preview .admin-filtros {
  padding: .8rem;
  border: 1px solid rgba(20, 30, 38, .1);
  border-radius: 16px;
  background: rgba(255, 255, 255, .6);
}
.admin-preview .admin-filtros input,
.admin-preview .admin-filtros select,
.admin-preview .field input,
.admin-preview .field select,
.admin-preview .field textarea,
.admin-preview .admin-foto input {
  border-color: rgba(20, 30, 38, .16);
  color: var(--admin-ink);
  background: rgba(255, 255, 255, .86);
}
.admin-preview .field input:focus,
.admin-preview .field select:focus,
.admin-preview .field textarea:focus,
.admin-preview .admin-filtros input:focus,
.admin-preview .admin-filtros select:focus { background: #fff; }
.admin-preview .field label,
.admin-preview .company-question legend { color: #59656d; }
.admin-preview .field input::placeholder,
.admin-preview .field textarea::placeholder,
.admin-preview .admin-filtros input::placeholder { color: #68747b; }
.admin-preview .company-question__options label {
  border-color: rgba(20, 30, 38, .16);
  color: #56626a;
  background: rgba(255, 255, 255, .72);
}
.admin-preview .company-question__options label:hover,
.admin-preview .company-question__options input:checked + label { color: var(--admin-ink); }

/* Tabela de leads. */
.admin-preview .admin-tabela__wrap {
  border-color: rgba(20, 30, 38, .1);
  border-radius: 18px;
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 16px 38px rgba(33, 40, 45, .08);
}
.admin-preview .admin-tabela th { border-color: rgba(20, 30, 38, .1); color: #66727a; background: rgba(235, 230, 218, .58); }
.admin-preview .admin-tabela td { border-color: rgba(20, 30, 38, .07); color: #58646c; }
.admin-preview .admin-tabela tbody tr:hover { background: rgba(var(--gold-rgb), .08); }
.admin-preview .admin-tabela strong { color: #202c34; }
.admin-preview .admin-tabela a { color: #75621d; }
.admin-preview .admin-tabela__sub,
.admin-preview .admin-tabela__data { color: #768087; }
.admin-preview .admin-vazio { color: var(--admin-muted); }

/* Estados foram redesenhados para superfícies claras: texto mais escuro e
   fundos suaves, sem depender dos tons pastel pensados para o painel antigo. */
.admin-preview .admin-status { font-weight: 800; }
.admin-preview .admin-status--novo {
  border-color: #b8972a;
  color: #5f4c0c;
  background: #f5e9b5;
}
.admin-preview .admin-status--em_contato {
  border-color: #73a4bb;
  color: #244f64;
  background: #dcecf3;
}
.admin-preview .admin-status--qualificado {
  border-color: #8cac76;
  color: #365c29;
  background: #e3efd9;
}
.admin-preview .admin-status--ganho {
  border-color: #68ad80;
  color: #185b35;
  background: #dcf1e3;
}
.admin-preview .admin-status--perdido {
  border-color: #c98c75;
  color: #7a3522;
  background: #f5e2da;
}
.admin-preview .admin-etiqueta {
  display: inline-flex;
  align-items: center;
  width: fit-content;
  padding: .28rem .62rem;
  border: 1px solid #b8a96e;
  border-radius: var(--r-full);
  color: #62572d;
  background: #f1ecd7;
  font: 800 var(--fs-2xs) var(--font-display);
  letter-spacing: .06em;
  text-transform: uppercase;
}
.admin-preview .admin-etiqueta.is-publicado {
  border-color: #68ad80;
  color: #185b35;
  background: #dcf1e3;
}

/* Listas de conteúdo do site. */
.admin-preview .admin-eventos { gap: .8rem; }
.admin-preview .admin-evento,
.admin-preview .admin-ordem-evento {
  border-color: rgba(20, 30, 38, .1);
  border-radius: 18px;
  color: var(--admin-ink);
  background: rgba(255, 255, 255, .8);
  box-shadow: 0 12px 28px rgba(33, 40, 45, .07);
}
.admin-preview .admin-evento:hover,
.admin-preview .admin-ordem-evento:hover { border-color: rgba(var(--gold-rgb), .5); }
.admin-preview .admin-evento__capa,
.admin-preview .admin-ordem-evento__capa { border-radius: 12px; background: #172129; }
.admin-preview .admin-evento__corpo h3,
.admin-preview .admin-ordem-evento__corpo strong { color: #202c34; }
.admin-preview .admin-evento__corpo p,
.admin-preview .admin-ordem-evento__corpo small { color: #6b767d; }
.admin-preview .admin-evento__categoria { border-color: rgba(20, 30, 38, .14); color: #626e76; }
.admin-preview .admin-evento__acoes .btn--gold { color: #171307; }
.admin-preview .admin-ordem-evento__acoes button { border-color: rgba(20, 30, 38, .18); color: var(--admin-ink); }
.admin-preview .admin-ordenador {
  margin-bottom: 1.2rem;
  border-color: rgba(var(--gold-rgb), .4);
  border-radius: 18px;
  background: rgba(255, 255, 255, .65);
}
.admin-preview .admin-ordenador__head strong { color: #202c34; }
.admin-preview .admin-ordenador__head p { color: var(--admin-muted); }

/* Gaveta e modais: superfícies claras e cabeçalhos escuros. */
.admin-preview .admin-gaveta,
.admin-preview .admin-modal { background: rgba(6, 10, 13, .76); backdrop-filter: blur(8px); }
.admin-preview .admin-gaveta__painel,
.admin-preview .admin-modal__painel {
  border-color: rgba(var(--gold-rgb), .4);
  color: var(--admin-ink);
  background: var(--admin-paper);
}
.admin-preview .admin-modal__painel { border-radius: 24px; box-shadow: 0 34px 75px rgba(0, 0, 0, .36); }
.admin-preview .admin-gaveta__head,
.admin-preview .admin-modal__head {
  border-color: rgba(var(--gold-rgb), .18);
  color: var(--paper);
  background: #10181e;
}
.admin-preview .admin-gaveta__fechar { border-color: rgba(255, 255, 255, .18); color: var(--paper); }
.admin-preview .admin-modal__corpo { padding: clamp(1.25rem, 3vw, 2rem); }
.admin-preview .admin-modal__acoes { border-color: rgba(20, 30, 38, .1); }
.admin-preview .admin-dados > div { border-color: rgba(20, 30, 38, .08); }
.admin-preview .admin-dados dt { color: #68737b; }
.admin-preview .admin-dados dd { color: #27333b; }
.admin-preview .admin-citacao { color: #46535b; background: rgba(var(--gold-rgb), .1); }
.admin-preview .admin-gaveta__bloco h4 { color: #806b1c; }

/* Uploads e arquivos. */
.admin-preview .admin-upload input[type="file"],
.admin-preview .admin-modal__corpo input[type="file"] {
  border-color: rgba(20, 30, 38, .2);
  color: #66727a;
  background: rgba(255, 255, 255, .65);
}
.admin-preview .admin-espaco-capa > img,
.admin-preview .admin-espaco-capa__vazio,
.admin-preview .admin-capa-upload__preview,
.admin-preview .admin-video-upload__vazio {
  border-color: rgba(20, 30, 38, .18);
  color: #707b82;
  background-color: rgba(255, 255, 255, .58);
}
.admin-preview .admin-capa-upload__vazio strong,
.admin-preview .admin-video-upload__vazio strong { color: #27333b; }
.admin-preview .admin-foto {
  border-color: rgba(20, 30, 38, .1);
  border-radius: 14px;
  background: rgba(255, 255, 255, .68);
}
.admin-preview .admin-foto__etiqueta { color: #705d1b; }
.admin-preview .admin-acervo__total { color: var(--admin-muted); background: var(--admin-paper); }
.admin-preview .admin-switch { color: #4f5b63; }
.admin-preview .admin-bloco__dica,
.admin-preview .admin-crop__dica,
.admin-preview .admin-subtitulo { color: #6b767d; }
.admin-preview .admin-crop__painel { background: #111a21; color: var(--paper); }
.admin-preview .admin-crop__painel .admin-modal__corpo,
.admin-preview .admin-crop__corpo { background: #111a21; }
.admin-preview .admin-crop .admin-modal__head p { color: #b7c1c8; }
.admin-preview .admin-crop__controles label { color: #aeb8bf; }
.admin-preview .admin-crop__acoes { border-color: rgba(255, 255, 255, .09); }

.admin-preview .admin-quota {
  border-radius: 12px;
  color: #685718;
  background: rgba(var(--gold-rgb), .12);
}
.admin-preview .admin-quota--cheia {
  border-color: #bf7b63;
  color: #742f1e;
  background: #f4dfd7;
}
.admin-preview .admin-quota--pronta {
  border-color: #68a77d;
  color: #185b35;
  background: #dcf1e3;
}
.admin-preview .admin-video-upload .admin-bloco__dica a {
  color: #624f0f;
}
.admin-preview .admin-video-upload .admin-bloco__dica a:hover { color: #302708; }
.admin-preview .admin-video-upload .admin-bloco__dica.is-erro {
  border-color: #bf7b63;
  color: #742f1e;
  background: #f4dfd7;
}
.admin-preview .admin-video-upload .admin-bloco__dica.is-erro a { color: #632414; }
.admin-preview .admin-iniciais { color: #705d1b; }
.admin-preview .admin-aviso {
  border-radius: 14px;
  color: var(--paper);
  background: #172129;
  box-shadow: 0 18px 40px rgba(0, 0, 0, .25);
}

@media (max-width: 1050px) {
  .admin-preview .admin-abas {
    order: 3;
    width: 100%;
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    border-radius: 14px;
    scrollbar-width: none;
  }
  .admin-preview .admin-abas::-webkit-scrollbar { display: none; }
  .admin-preview .admin-aba { flex: 0 0 auto; }
}

@media (max-width: 600px) {
  .admin-preview .admin-topo__inner { width: min(100% - 24px, 1440px); }
  .admin-preview .admin-topo__usuario { font-size: var(--fs-xs); }
  .admin-preview .admin-conteudo { width: min(100% - 24px, 1440px); }
  .admin-preview .admin-aba { min-height: 44px; padding-inline: 1rem; }
  .admin-preview .admin-painel__head { align-items: stretch; }
  .admin-preview .admin-painel__head > .btn { width: 100%; }
  .admin-preview .admin-card { min-height: 94px; }
  .admin-preview .admin-evento,
  .admin-preview .admin-ordem-evento { border-radius: 14px; }
  .admin-preview .admin-evento__acoes { width: 100%; }
  .admin-preview .admin-evento__acoes .btn { flex: 1 1 0; justify-content: center; min-height: 44px; }
  .admin-preview .admin-modal { padding: 0; }
  .admin-preview .admin-modal__painel {
    width: 100%;
    min-height: 100dvh;
    max-height: 100dvh;
    border-width: 0;
    border-radius: 0;
  }
  .admin-preview .admin-modal__head {
    position: sticky;
    z-index: 4;
    top: 0;
    box-shadow: 0 10px 24px rgba(8, 13, 17, .15);
  }
  .admin-preview .admin-modal__corpo { padding: 1rem; }
  .admin-preview .admin-login__card,
  .admin-preview .admin-setup__card { border-radius: 20px; }
}