/* Map legacy production partial tokens to clean preview inside shell */
.cl-legacy-bridge {
  --color-bg-primary: var(--cl-bg);
  --color-bg-secondary: var(--cl-surface);
  --color-bg-tertiary: var(--cl-surface);
  --color-card-bg: #fff;
  --color-card-border: var(--cl-border);
  --color-card-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  --color-text-primary: var(--cl-text);
  --color-text-secondary: var(--cl-muted);
  --color-text-tertiary: #9ca3af;
  --color-border-light: var(--cl-border);
  --color-red-primary: var(--cl-accent);
  --color-button-primary: var(--cl-accent);
  --color-button-primary-text: #fff;
  --color-success: var(--cl-ok);
  --color-warning: var(--cl-warn);
  --color-error: var(--cl-danger);
  --color-info: #6366f1;
  --color-badge-green: var(--cl-ok-soft);
  --color-badge-green-text: var(--cl-ok);
  --color-badge-yellow: var(--cl-warn-soft);
  --color-badge-yellow-text: var(--cl-warn);
  --color-badge-red: var(--cl-danger-soft);
  --color-badge-red-text: var(--cl-danger);
  --color-badge-default: var(--cl-surface);
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.cl-legacy-bridge .container {
  max-width: none;
  padding: 0;
  margin: 0;
}

.cl-legacy-bridge .btn-primary,
.cl-legacy-bridge .btn.btn-primary {
  background: var(--cl-accent);
  border-color: var(--cl-accent);
  border-radius: var(--cl-r);
}

.cl-legacy-bridge .btn-primary:hover,
.cl-legacy-bridge .btn.btn-primary:hover {
  background: var(--cl-accent-hover);
}

.cl-legacy-bridge .btn-secondary,
.cl-legacy-bridge .btn.btn-secondary {
  border-radius: var(--cl-r);
}

.cl-legacy-bridge input[type="text"],
.cl-legacy-bridge input[type="email"],
.cl-legacy-bridge input[type="password"],
.cl-legacy-bridge input[type="number"],
.cl-legacy-bridge input[type="search"],
.cl-legacy-bridge select,
.cl-legacy-bridge textarea {
  border-radius: var(--cl-r);
  border-color: var(--cl-border);
}

.cl-legacy-bridge input:focus,
.cl-legacy-bridge select:focus,
.cl-legacy-bridge textarea:focus {
  outline: none;
  border-color: var(--cl-accent);
  box-shadow: 0 0 0 3px rgba(220, 0, 25, 0.1);
}

.cl-legacy-bridge #dismissModal .card {
  border-radius: var(--cl-r);
  border: 1px solid var(--cl-border);
  box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
  max-width: 520px;
}
.cl-legacy-bridge #dismissModal label {
  border-radius: var(--cl-r);
  border: 1px solid var(--cl-border);
}
.cl-questionnaire-wrap .suggestion-item:hover {
  background: var(--cl-surface);
}

.cl-legacy-bridge .location-suggestions,
.cl-legacy-bridge .location-suggestions.active {
  background: #fff;
  background-color: #fff;
}

.cl-legacy-bridge .location-suggestions .suggestion-item {
  background: #fff;
  background-color: #fff;
}