/* The app's Tailwind stylesheet is pre-built, so utilities that were not already
   present in it cannot be generated. These are the ones the guided design
   workflow needs; they mirror Tailwind's own output for the same class names. */

.min-h-\[36px\] { min-height: 36px; }
.min-h-\[40px\] { min-height: 40px; }
.min-h-\[44px\] { min-height: 44px; }
.min-h-\[56px\] { min-height: 56px; }
.min-w-\[90px\] { min-width: 90px; }
.w-28 { width: 7rem; }

.border-white\/12 { border-color: rgb(255 255 255 / 0.12); }
.border-white\/25 { border-color: rgb(255 255 255 / 0.25); }
.divide-white\/5 > :not([hidden]) ~ :not([hidden]) { border-color: rgb(255 255 255 / 0.05); }

.text-rose-300 { color: #fda4af; }

/* Amber is used only by the post-render safety report and the "not quite right"
   rating, neither of which existed when the stylesheet was built. */
.border-amber-400\/40 { border-color: rgb(251 191 36 / 0.4); }
.border-amber-400\/70 { border-color: rgb(251 191 36 / 0.7); }
.bg-amber-400\/15 { background-color: rgb(251 191 36 / 0.15); }
.bg-amber-400\/\[0\.08\] { background-color: rgb(251 191 36 / 0.08); }
.text-amber-100 { color: #fef3c7; }
.text-amber-100\/70 { color: rgb(254 243 199 / 0.7); }
.text-amber-100\/80 { color: rgb(254 243 199 / 0.8); }
.text-amber-100\/90 { color: rgb(254 243 199 / 0.9); }

.accent-teal-400 { accent-color: #2dd4bf; }
.cursor-crosshair { cursor: crosshair; }
.scale-110 { transform: scale(1.1); }
.disabled\:opacity-40:disabled { opacity: 0.4; }