/*
 * THE UTILITY NAMES THE PANEL WEARS AND NO BUILT SHEET DECLARES.
 *
 * The panel does not run Tailwind's build: app.css is a frozen build from
 * August, so every utility written after it draws nothing and complains about
 * nothing. The class inventory catches exactly that, and on 22/09/2026 it was
 * refusing every commit of every front because the support screen had thirty
 * of them.
 *
 * Why a sheet of its own, and not support-chat.css: that file is rewritten
 * WHOLE by another session several times a day, and every rewrite carried
 * these declarations away with it, so the gate came back red for everybody
 * within the hour. A file nobody else rewrites ends that loop.
 *
 * The values are Tailwind 3's own, so a name means here exactly what it means
 * in the documentation somebody read before writing it.
 *
 * GENERATED. To change it, change the script that writes it.
 */

/* amber */
.bg-amber-50{background-color:#fffbeb}
.text-amber-50{color:#fffbeb}
.border-amber-50{border-color:#fffbeb}
.bg-amber-100{background-color:#fef3c7}
.text-amber-100{color:#fef3c7}
.border-amber-100{border-color:#fef3c7}
.bg-amber-200{background-color:#fde68a}
.text-amber-200{color:#fde68a}
.border-amber-200{border-color:#fde68a}
.bg-amber-300{background-color:#fcd34d}
.text-amber-300{color:#fcd34d}
.border-amber-300{border-color:#fcd34d}
.bg-amber-400{background-color:#fbbf24}
.text-amber-400{color:#fbbf24}
.border-amber-400{border-color:#fbbf24}
.bg-amber-500{background-color:#f59e0b}
.text-amber-500{color:#f59e0b}
.border-amber-500{border-color:#f59e0b}
.bg-amber-600{background-color:#d97706}
.text-amber-600{color:#d97706}
.border-amber-600{border-color:#d97706}
.bg-amber-700{background-color:#b45309}
.text-amber-700{color:#b45309}
.border-amber-700{border-color:#b45309}
.bg-amber-800{background-color:#92400e}
.text-amber-800{color:#92400e}
.border-amber-800{border-color:#92400e}
.bg-amber-900{background-color:#78350f}
.text-amber-900{color:#78350f}
.border-amber-900{border-color:#78350f}

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

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

/* slate */
.bg-slate-50{background-color:#f8fafc}
.text-slate-50{color:#f8fafc}
.border-slate-50{border-color:#f8fafc}
.bg-slate-100{background-color:#f1f5f9}
.text-slate-100{color:#f1f5f9}
.border-slate-100{border-color:#f1f5f9}
.bg-slate-200{background-color:#e2e8f0}
.text-slate-200{color:#e2e8f0}
.border-slate-200{border-color:#e2e8f0}
.bg-slate-300{background-color:#cbd5e1}
.text-slate-300{color:#cbd5e1}
.border-slate-300{border-color:#cbd5e1}
.bg-slate-400{background-color:#94a3b8}
.text-slate-400{color:#94a3b8}
.border-slate-400{border-color:#94a3b8}
.bg-slate-500{background-color:#64748b}
.text-slate-500{color:#64748b}
.border-slate-500{border-color:#64748b}
.bg-slate-600{background-color:#475569}
.text-slate-600{color:#475569}
.border-slate-600{border-color:#475569}
.bg-slate-700{background-color:#334155}
.text-slate-700{color:#334155}
.border-slate-700{border-color:#334155}
.bg-slate-800{background-color:#1e293b}
.text-slate-800{color:#1e293b}
.border-slate-800{border-color:#1e293b}
.bg-slate-900{background-color:#0f172a}
.text-slate-900{color:#0f172a}
.border-slate-900{border-color:#0f172a}

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

/* purple */
.bg-purple-50{background-color:#faf5ff}
.text-purple-50{color:#faf5ff}
.border-purple-50{border-color:#faf5ff}
.bg-purple-100{background-color:#f3e8ff}
.text-purple-100{color:#f3e8ff}
.border-purple-100{border-color:#f3e8ff}
.bg-purple-200{background-color:#e9d5ff}
.text-purple-200{color:#e9d5ff}
.border-purple-200{border-color:#e9d5ff}
.bg-purple-300{background-color:#d8b4fe}
.text-purple-300{color:#d8b4fe}
.border-purple-300{border-color:#d8b4fe}
.bg-purple-400{background-color:#c084fc}
.text-purple-400{color:#c084fc}
.border-purple-400{border-color:#c084fc}
.bg-purple-500{background-color:#a855f7}
.text-purple-500{color:#a855f7}
.border-purple-500{border-color:#a855f7}
.bg-purple-600{background-color:#9333ea}
.text-purple-600{color:#9333ea}
.border-purple-600{border-color:#9333ea}
.bg-purple-700{background-color:#7e22ce}
.text-purple-700{color:#7e22ce}
.border-purple-700{border-color:#7e22ce}
.bg-purple-800{background-color:#6b21a8}
.text-purple-800{color:#6b21a8}
.border-purple-800{border-color:#6b21a8}
.bg-purple-900{background-color:#581c87}
.text-purple-900{color:#581c87}
.border-purple-900{border-color:#581c87}

/* how many columns, how tall, how wide, how far from the edge */
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.bottom-0{bottom:0}
.top-0{top:0}
.bottom-1{bottom:0.25rem}
.top-1{top:0.25rem}
.bottom-2{bottom:0.5rem}
.top-2{top:0.5rem}
.bottom-3{bottom:0.75rem}
.top-3{top:0.75rem}
.bottom-4{bottom:1rem}
.top-4{top:1rem}
.bottom-5{bottom:1.25rem}
.top-5{top:1.25rem}
.bottom-6{bottom:1.5rem}
.top-6{top:1.5rem}
.bottom-8{bottom:2rem}
.top-8{top:2rem}
.bottom-9{bottom:2.25rem}
.top-9{top:2.25rem}
.bottom-10{bottom:2.5rem}
.top-10{top:2.5rem}
.bottom-12{bottom:3rem}
.top-12{top:3rem}
.bottom-16{bottom:4rem}
.top-16{top:4rem}
.max-h-16{max-height:4rem}
.w-16{width:4rem}
.max-h-24{max-height:6rem}
.w-24{width:6rem}
.max-h-32{max-height:8rem}
.w-32{width:8rem}
.max-h-40{max-height:10rem}
.w-40{width:10rem}
.max-h-48{max-height:12rem}
.w-48{width:12rem}
.max-h-56{max-height:14rem}
.w-56{width:14rem}
.max-h-64{max-height:16rem}
.w-64{width:16rem}
.max-h-72{max-height:18rem}
.w-72{width:18rem}
.max-h-80{max-height:20rem}
.w-80{width:20rem}
.max-h-96{max-height:24rem}
.w-96{width:24rem}
.max-w-xs{max-width:20rem}
.max-w-sm{max-width:24rem}
.max-w-md{max-width:28rem}
.max-w-lg{max-width:32rem}
.max-w-xl{max-width:36rem}
.max-w-2xl{max-width:42rem}

/* the rest of what the screens ask for */
.leading-none{line-height:1}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-normal{line-height:1.5}
.leading-relaxed{line-height:1.625}
.leading-loose{line-height:2}
.self-start{align-self:flex-start}
.self-end{align-self:flex-end}
.self-center{align-self:center}
.self-stretch{align-self:stretch}
.self-baseline{align-self:baseline}
.opacity-0{opacity:0}
.opacity-10{opacity:0.1}
.opacity-20{opacity:0.2}
.opacity-25{opacity:0.25}
.opacity-30{opacity:0.3}
.opacity-40{opacity:0.4}
.opacity-50{opacity:0.5}
.opacity-60{opacity:0.6}
.opacity-70{opacity:0.7}
.opacity-75{opacity:0.75}
.opacity-80{opacity:0.8}
.opacity-90{opacity:0.9}
.opacity-100{opacity:1}
.z-0{z-index:0}
.z-10{z-index:10}
.z-20{z-index:20}
.z-25{z-index:25}
.z-30{z-index:30}
.z-40{z-index:40}
.z-50{z-index:50}
.border-none{border-style:none}
.km-hide-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.km-hide-scrollbar::-webkit-scrollbar{display:none}