/* Bridge for utility classes emitted by existing page scripts. */
body :is(.text-slate-900,.text-slate-800,.text-slate-700,.text-gray-900,.text-gray-800,.text-gray-700,.text-gray-600) {
  color: var(--text);
}
body :is(.text-slate-600,.text-slate-500,.text-gray-500,.text-gray-400) {
  color: var(--muted);
}
body :is(.text-blue-600,.text-blue-700,.text-blue-800,.text-indigo-600,.text-indigo-700,.text-indigo-800,.text-sky-600) {
  color: var(--accent);
}
body :is(.bg-white,.bg-slate-50,.bg-gray-50,.bg-slate-100,.bg-gray-100,.bg-slate-200,.bg-gray-200) {
  background-color: var(--mc-control);
}
body .bg-gray-50\/50 {
  background-color: var(--mc-control);
}
body :is(.bg-blue-50,.bg-indigo-50,.bg-sky-50,.bg-blue-100,.bg-indigo-100) {
  background-color: var(--mc-accent-soft);
  color: var(--text);
}
body :is(.bg-brand,.bg-blue-500,.bg-blue-600,.bg-blue-700,.bg-blue-800,.bg-indigo-500,.bg-indigo-600,.bg-indigo-700,.bg-sky-500,.bg-sky-600) {
  background: var(--primary)!important;
  color: var(--on-primary)!important;
}
body :is(.text-red-500,.text-red-600,.text-red-700,.text-rose-600) {
  color: var(--danger);
}
body :is(.bg-red-50,.bg-red-100,.bg-red-600,.bg-red-700) {
  background: var(--mc-danger-soft);
  color: var(--danger);
}
body :is(.text-green-600,.text-green-700,.text-emerald-600,.text-emerald-700) {
  color: var(--success);
}
body :is(.bg-green-50,.bg-green-100,.bg-green-600,.bg-emerald-100,.bg-emerald-600) {
  background: var(--mc-success-soft);
  color: var(--success);
}
body :is(.bg-yellow-50,.bg-yellow-100,.bg-amber-50,.bg-amber-100) {
  background: var(--mc-warning-soft);
  color: var(--warning);
}
body :is(.text-amber-900,.text-amber-800,.text-yellow-800) {
  color: var(--warning);
}
body :is(.border-amber-300,.border-yellow-300) {
  border-color: var(--mc-accent-border);
}
body :is(.border-slate-200,.border-slate-300,.border-gray-200,.border-gray-300) {
  border-color: var(--border);
}
html body #app :is(.glass,.card,#pricing,#preview,#customer) {
  border-color: var(--mc-glass-border);
  color: var(--text);
}
html body #app :is(.input,.select,textarea,select) {
  background: var(--mc-control);
  color: var(--text);
  border-color: var(--border);
  border-radius: var(--mc-radius-control);
}
html body #app :is(.btn,.btn-primary,.btn-save) {
  border-radius: var(--mc-radius-control);
}
html body #app :is(.btn-primary,.btn-save) {
  background: var(--primary);
  color: var(--on-primary);
}
html body #app :is(.btn-ghost,.btn-secondary,.btn-export) {
  background: var(--mc-control);
  color: var(--text);
  border-color: var(--border);
}
html body #app #assembly-canvas {
  background: var(--mc-paper);
}