/*
 * TMP Color Compatibility Fix
 * -----------------------------------------------------------------------
 * The plugin loads the precompiled tailwindcss@2.2.19 build from cdnjs:
 *   https://cdnjs.cloudflare.com/ajax/libs/tailwindcss/2.2.19/tailwind.min.css
 * That build only ships Tailwind's "classic" default color palette
 * (gray, red, yellow, green, blue, indigo, purple, pink). It does NOT
 * include the extended palette (emerald, teal, cyan, sky, rose, violet,
 * fuchsia) that several screens in this plugin use for buttons, badges,
 * and status colors.
 *
 * Result without this file: any bg-emerald-*, text-teal-*, border-rose-*,
 * etc. class is simply unknown to the browser, so no color is applied -
 * buttons can render with no background (invisible / "white" against a
 * white modal) and text can render colorless.
 *
 * This file defines the missing utility classes using Tailwind's own
 * published hex values, so the existing markup keeps working unchanged.
 * Load this AFTER the tailwind.min.css <link> on any page that uses it.
 */

/* ---------- Backgrounds ---------- */
.bg-emerald-50{background-color:#ecfdf5}
.bg-emerald-100{background-color:#d1fae5}
.bg-emerald-200{background-color:#a7f3d0}
.bg-emerald-300{background-color:#6ee7b7}
.bg-emerald-400{background-color:#34d399}
.bg-emerald-500{background-color:#10b981}
.bg-emerald-600{background-color:#059669}
.bg-emerald-700{background-color:#047857}
.bg-emerald-800{background-color:#065f46}
.bg-emerald-900{background-color:#064e3b}

.bg-teal-50{background-color:#f0fdfa}
.bg-teal-100{background-color:#ccfbf1}
.bg-teal-200{background-color:#99f6e4}
.bg-teal-300{background-color:#5eead4}
.bg-teal-400{background-color:#2dd4bf}
.bg-teal-500{background-color:#14b8a6}
.bg-teal-600{background-color:#0d9488}
.bg-teal-700{background-color:#0f766e}
.bg-teal-800{background-color:#115e59}
.bg-teal-900{background-color:#134e4a}

.bg-cyan-50{background-color:#ecfeff}
.bg-cyan-100{background-color:#cffafe}
.bg-cyan-200{background-color:#a5f3fc}
.bg-cyan-300{background-color:#67e8f9}
.bg-cyan-400{background-color:#22d3ee}
.bg-cyan-500{background-color:#06b6d4}
.bg-cyan-600{background-color:#0891b2}
.bg-cyan-700{background-color:#0e7490}
.bg-cyan-800{background-color:#155e75}
.bg-cyan-900{background-color:#164e63}

.bg-sky-50{background-color:#f0f9ff}
.bg-sky-100{background-color:#e0f2fe}
.bg-sky-200{background-color:#bae6fd}
.bg-sky-300{background-color:#7dd3fc}
.bg-sky-400{background-color:#38bdf8}
.bg-sky-500{background-color:#0ea5e9}
.bg-sky-600{background-color:#0284c7}
.bg-sky-700{background-color:#0369a1}
.bg-sky-800{background-color:#075985}
.bg-sky-900{background-color:#0c4a6e}

.bg-rose-50{background-color:#fff1f2}
.bg-rose-100{background-color:#ffe4e6}
.bg-rose-200{background-color:#fecdd3}
.bg-rose-300{background-color:#fda4af}
.bg-rose-400{background-color:#fb7185}
.bg-rose-500{background-color:#f43f5e}
.bg-rose-600{background-color:#e11d48}
.bg-rose-700{background-color:#be123c}
.bg-rose-800{background-color:#9f1239}
.bg-rose-900{background-color:#881337}

.bg-violet-50{background-color:#f5f3ff}
.bg-violet-100{background-color:#ede9fe}
.bg-violet-200{background-color:#ddd6fe}
.bg-violet-300{background-color:#c4b5fd}
.bg-violet-400{background-color:#a78bfa}
.bg-violet-500{background-color:#8b5cf6}
.bg-violet-600{background-color:#7c3aed}
.bg-violet-700{background-color:#6d28d9}
.bg-violet-800{background-color:#5b21b6}
.bg-violet-900{background-color:#4c1d95}

.bg-fuchsia-50{background-color:#fdf4ff}
.bg-fuchsia-100{background-color:#fae8ff}
.bg-fuchsia-200{background-color:#f5d0fe}
.bg-fuchsia-300{background-color:#f0abfc}
.bg-fuchsia-400{background-color:#e879f9}
.bg-fuchsia-500{background-color:#d946ef}
.bg-fuchsia-600{background-color:#c026d3}
.bg-fuchsia-700{background-color:#a21caf}
.bg-fuchsia-800{background-color:#86198f}
.bg-fuchsia-900{background-color:#701a75}

/* ---------- Hover backgrounds ---------- */
.hover\:bg-emerald-50:hover{background-color:#ecfdf5}
.hover\:bg-emerald-100:hover{background-color:#d1fae5}
.hover\:bg-emerald-600:hover{background-color:#059669}
.hover\:bg-emerald-700:hover{background-color:#047857}
.hover\:bg-teal-50:hover{background-color:#f0fdfa}
.hover\:bg-teal-100:hover{background-color:#ccfbf1}
.hover\:bg-teal-700:hover{background-color:#0f766e}
.hover\:bg-cyan-50:hover{background-color:#ecfeff}
.hover\:bg-sky-50:hover{background-color:#f0f9ff}
.hover\:bg-sky-100:hover{background-color:#e0f2fe}
.hover\:bg-rose-50:hover{background-color:#fff1f2}
.hover\:bg-rose-100:hover{background-color:#ffe4e6}
.hover\:bg-violet-50:hover{background-color:#f5f3ff}
.hover\:bg-violet-100:hover{background-color:#ede9fe}
.hover\:bg-fuchsia-50:hover{background-color:#fdf4ff}
.hover\:bg-fuchsia-100:hover{background-color:#fae8ff}

/* ---------- Text colors ---------- */
.text-emerald-100{color:#d1fae5}
.text-emerald-300{color:#6ee7b7}
.text-emerald-500{color:#10b981}
.text-emerald-600{color:#059669}
.text-emerald-700{color:#047857}
.text-emerald-800{color:#065f46}
.text-teal-500{color:#14b8a6}
.text-teal-600{color:#0d9488}
.text-teal-700{color:#0f766e}
.text-cyan-500{color:#06b6d4}
.text-cyan-600{color:#0891b2}
.text-sky-500{color:#0ea5e9}
.text-sky-600{color:#0284c7}
.text-rose-500{color:#f43f5e}
.text-rose-600{color:#e11d48}
.text-violet-500{color:#8b5cf6}
.text-violet-600{color:#7c3aed}
.text-fuchsia-500{color:#d946ef}
.text-fuchsia-600{color:#c026d3}

/* ---------- Exam anti-cheat: disable text selection ---------- */
/* Prevents a long-press on question text from triggering the phone's
   selection handles and "Search Google for…" popup, which students were
   using to look up answers mid-exam. Applied to the exam question areas
   only — inputs, labels, and buttons inside still work normally, this
   just stops the plain question/option TEXT from being selectable. */
.tmp-no-select,
.tmp-no-select * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none; /* iOS: suppresses the copy/lookup callout too */
}
.border-emerald-100{border-color:#d1fae5}
.border-emerald-200{border-color:#a7f3d0}
.border-teal-100{border-color:#ccfbf1}
.border-cyan-100{border-color:#cffafe}
.border-sky-100{border-color:#e0f2fe}
.border-rose-100{border-color:#ffe4e6}
.border-violet-100{border-color:#ede9fe}
.border-fuchsia-100{border-color:#fae8ff}