/* Estilos do painel de administração — carregado além do style.css público */
body.admin { background: #f7f7f8; }

.admin-topo {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 14px 24px;
  background: #1a1a1a;
  color: #fff;
  flex-wrap: wrap;
  gap: 10px;
}
.admin-topo a { color: #fff; text-decoration: none; }
.admin-topo__marca { font-weight: 700; display: flex; align-items: center; gap: 10px; }
.admin-topo__marca img { height: 24px; width: auto; display: block; }
.admin-topo__nav { display: flex; gap: 18px; align-items: center; flex-wrap: wrap; }
.admin-topo__nav a { opacity: 0.85; }
.admin-topo__nav a:hover { opacity: 1; }
.admin-topo__sair { background: #c9a23d; color: #14110f !important; padding: 6px 12px; border-radius: 6px; }

.admin-main { max-width: 1100px; margin: 0 auto; padding: 24px; }

.admin-card {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}

.admin-flash {
  padding: 12px 16px;
  border-radius: 8px;
  margin-bottom: 20px;
}
.admin-flash--ok { background: #e6f6ea; color: #1e6b34; border: 1px solid #b7e3c3; }
.admin-flash--erro { background: #fdecec; color: #9d2626; border: 1px solid #f3b8b8; }

.admin-tabela { width: 100%; border-collapse: collapse; }
.admin-tabela th, .admin-tabela td { text-align: left; padding: 10px 8px; border-bottom: 1px solid #eee; font-size: 0.92rem; vertical-align: middle; }
.admin-tabela img.thumb { width: 44px; height: 44px; object-fit: cover; border-radius: 6px; }
.admin-tabela .esgotado { color: #9d2626; font-size: 0.8rem; }

.admin-form label { display: block; margin: 14px 0 6px; font-weight: 600; font-size: 0.9rem; }
.admin-form input[type=text],
.admin-form input[type=number],
.admin-form input[type=password],
.admin-form textarea,
.admin-form select {
  width: 100%;
  padding: 10px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  font: inherit;
}
.admin-form input[type=time] {
  padding: 8px;
  border: 1px solid #d8d8d8;
  border-radius: 8px;
  font: inherit;
}
.admin-tabela input[type=time] { margin: 2px 0; }
.admin-form textarea { min-height: 160px; resize: vertical; }
.admin-form .check { display: flex; align-items: center; gap: 8px; margin-top: 14px; }
.admin-form .check label { margin: 0; font-weight: 500; }
.admin-form .ajuda { color: #777; font-size: 0.82rem; margin-top: 4px; }

.admin-botoes { display: flex; gap: 10px; margin-top: 22px; flex-wrap: wrap; }
.admin-btn {
  display: inline-block;
  padding: 10px 18px;
  border-radius: 8px;
  border: none;
  font-weight: 600;
  cursor: pointer;
  text-decoration: none;
  font-size: 0.95rem;
}
.admin-btn--principal { background: #c9a23d; color: #14110f; }
.admin-btn--secundario { background: #eee; color: #333; }
.admin-btn--perigo { background: #c0392b; color: #fff; }

.admin-login {
  max-width: 380px;
  margin: 80px auto;
  padding: 28px;
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
}

.admin-busca { margin-bottom: 16px; display: flex; gap: 10px; }
.admin-busca input { flex: 1; padding: 10px; border: 1px solid #d8d8d8; border-radius: 8px; }

.thumb-preview { width: 120px; height: 120px; object-fit: cover; border-radius: 8px; margin-top: 8px; }

.pilula {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 0.78rem;
  font-weight: 700;
}
.pilula--ativo { background: #e6f6ea; color: #1e6b34; }
.pilula--pausado { background: #f2f2f2; color: #666; }
.pilula--expirada { background: #fdecec; color: #9d2626; }

.link-botao {
  background: none;
  border: none;
  color: #1a5fb4;
  cursor: pointer;
  padding: 0;
  font: inherit;
  text-decoration: underline;
}
.link-botao--perigo { color: #c0392b; }