/* Sprint 12.3 — White-label */
html[data-whitelabel="1"] {
  --wl-primary: #334155;
  --wl-accent: #64748b;
}

html[data-whitelabel="1"] .manto-header-serio-v1.modal-header {
  border-bottom-color: var(--wl-accent, #cbd5e1);
}

html[data-whitelabel="1"] .modal-pebble-vida .manto-header-serio-v1 {
  background: linear-gradient(
    168deg,
    color-mix(in srgb, var(--wl-primary, #334155) 8%, #f1f5f9) 0%,
    #e2e8f0 100%
  );
}

html[data-whitelabel="1"] #login.login-serio-v1 .login-bg {
  background-image: var(--wl-login-bg, none);
  background-size: cover;
  background-position: center;
}

.wl-powered-chip {
  display: none;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 10px;
  font-weight: 800;
  color: var(--texto-suave, #64748b);
  background: var(--gris-100, #f1f5f9);
  border: var(--borde-fino, 1px solid #cbd5e1);
  border-radius: 999px;
  vertical-align: middle;
}

.tools-wl-modal .tools-wl-body {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.wl-form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px;
}

@media (max-width: 520px) {
  .wl-form-grid {
    grid-template-columns: 1fr;
  }
}

.wl-preview-host {
  margin-top: 8px;
}

.wl-preview-card {
  padding: 14px;
  border: var(--borde-fino, 1px solid #cbd5e1);
  border-radius: 12px;
  background: var(--gris-0, #fff);
  text-align: center;
}

.wl-preview-logo {
  max-width: 160px;
  max-height: 64px;
  object-fit: contain;
  margin: 0 auto 8px;
  display: block;
}

.wl-preview-name {
  font-size: 16px;
  font-weight: 900;
}

.wl-preview-tag {
  font-size: 12px;
  color: var(--texto-suave, #64748b);
  margin-top: 4px;
}

.wl-preview-powered {
  margin-top: 10px;
  font-size: 10px;
  font-weight: 800;
  color: var(--texto-muted, #94a3b8);
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.wl-enterprise-gate {
  padding: 12px;
  border-radius: 10px;
  background: #fef3c7;
  border: 1px solid #fcd34d;
  font-size: 13px;
  color: #92400e;
}

.wl-upload-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-top: 4px;
}

.wl-color-input {
  max-width: 120px;
}