/* Acentos por produto vertical */
.accent-dental .ss-brand-mark,
.accent-dental .ss-btn-primary { background: linear-gradient(135deg, #0d9488, #0f766e); }
.accent-dental .ss-badge { background: #ccfbf1; color: #0f766e; }
.accent-dental h1 em { color: #0d9488; }

.accent-tech .ss-brand-mark,
.accent-tech .ss-btn-primary { background: linear-gradient(135deg, #7c3aed, #5b21b6); }
.accent-tech .ss-badge { background: #ede9fe; color: #5b21b6; }
.accent-tech h1 em { color: #7c3aed; }

.accent-atacarejo .ss-brand-mark,
.accent-atacarejo .ss-btn-primary { background: linear-gradient(135deg, #2563eb, #1e3a5f); }
.accent-atacarejo h1 em { color: #2563eb; }

.accent-licit .ss-brand-mark,
.accent-licit .ss-btn-primary { background: linear-gradient(135deg, #d97706, #92400e); }
.accent-licit .ss-badge { background: #fef3c7; color: #92400e; }
.accent-licit h1 em { color: #d97706; }

.accent-agro .ss-brand-mark,
.accent-agro .ss-btn-primary { background: #0c1f16; }
.accent-agro .ss-badge { background: transparent; color: #047857; }
.accent-agro h1 em { color: #a67c3d; }

.ss-module-slide.accent-agro-ui {
  background: linear-gradient(160deg, #1a3a2c 0%, #0c1f16 100%);
}

.accent-juridico .ss-brand-mark,
.accent-juridico .ss-btn-primary { background: linear-gradient(135deg, #92400e, #78350f); }
.accent-juridico .ss-badge { background: #fef3c7; color: #92400e; }
.accent-juridico h1 em { color: #b45309; }

.ss-product-auth-wrap {
  min-height: 100vh;
  display: grid;
  place-items: center;
  background: linear-gradient(180deg, var(--blue-50) 0%, #e0f2fe 100%);
  padding: 24px;
}

.ss-product-auth-card {
  width: 100%;
  max-width: 440px;
  padding: 36px 32px;
  border-radius: var(--radius-lg);
  background: white;
  box-shadow: var(--shadow-lg);
}

.ss-product-auth-card h1 {
  margin: 0 0 8px;
  font-size: 1.375rem;
  font-weight: 800;
  color: var(--blue-950);
  text-align: center;
}

.ss-product-auth-card label {
  display: block;
  margin-bottom: 14px;
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--slate-600);
}

.ss-product-auth-card input {
  display: block;
  width: 100%;
  margin-top: 6px;
  padding: 12px 14px;
  border: 2px solid var(--slate-200);
  border-radius: var(--radius);
  font-size: 1rem;
}

.ss-demo-hint {
  margin-top: 12px;
  padding: 10px 12px;
  border-radius: 8px;
  background: var(--slate-50);
  font-size: 0.75rem;
  color: var(--slate-600);
  text-align: center;
}

.ss-auth-error {
  margin-bottom: 12px;
  padding: 10px;
  border-radius: 8px;
  background: #fef2f2;
  color: #b91c1c;
  font-size: 0.8125rem;
  display: none;
}

.ss-auth-error.visible { display: block; }