/* ╔══════════════════════════════════════════════════════════════════════╗ */
/* ║ 🎨 editproducts.css – Geral + Abas (padrão theme-consart)           ║ */
/* ╚══════════════════════════════════════════════════════════════════════╝ */

html, body {
  margin: 0;
  padding: 0;
  height: 100vh;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  background: var(--bg1, #f6f9ff);
  color: #0f172a;
  display: flex;
  flex-direction: column;
}

main.conteudo {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: var(--c-space-8, 32px);
  box-sizing: border-box;
  background: #fff;
  border-radius: 12px;
  margin: var(--c-space-4, 16px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  overflow-y: auto;
}

.titulo-secao {
  font-size: 1.8rem;
  margin-bottom: var(--c-space-6, 24px);
}

hr {
  margin: var(--c-space-6, 24px) 0;
  border: none;
  border-top: 1px solid var(--c-input-bd, #cfe2ff);
}

/* Abas */
.abas {
  display: flex;
  gap: var(--c-space-2, 8px);
  flex-wrap: wrap;
  margin-bottom: var(--c-space-4, 16px);
}

.aba-btn {
  padding: 10px 20px;
  border: 1px solid var(--btn-bd, #000);
  background: var(--btn-bg, #fff);
  color: var(--btn-fg, #000);
  border-radius: var(--radius, 8px);
  cursor: pointer;
  font-weight: 700;
  transition: background .15s, box-shadow .15s, transform .02s;
}

.aba-btn:hover {
  background: var(--btn-bg-hover, #f5f5f5);
}

.aba-btn.ativa {
  background-color: var(--c-primary, #a6c8ee);
  border-color: var(--c-primary, #a6c8ee);
  color: #0b203a;
}

.abas-conteudo {
  flex: 1;
  overflow-y: auto;
}

.abas-conteudo .aba {
  display: none;
  padding: 1rem 0;
}
.abas-conteudo .aba.ativa {
  display: block;
}

/* Responsividade */
@media (max-width: 768px) {
  .linha-form {
    flex-direction: column;
  }
  .abas {
    flex-direction: column;
  }
}