/* Minimal fallback for key Tailwind utility classes when CDN is unavailable */

/* Base dark theme */
body.bg-\[\#0B0B0F\] { background-color: #0B0B0F; color: #ffffff; }
body.text-white { color: #ffffff; }
::selection { background: #14b8a6; color: #000; }

/* Ring and border */
.ring-1 { border-width: 1px; border-style: solid; }
.ring-white\/10 { border-color: rgba(255,255,255,0.1); }
.border { border-style: solid; }
.border-white\/10 { border-color: rgba(255,255,255,0.1); }
.border-b { border-bottom-width: 1px; }
.border-t { border-top-width: 1px; }

/* Background utilities */
.bg-white\/\[0\.03\] { background-color: rgba(255,255,255,0.03); }
.bg-white\/5 { background-color: rgba(255,255,255,0.05); }
.bg-white\/10 { background-color: rgba(255,255,255,0.10); }
.bg-\[\#0B0B0F\] { background-color: #0B0B0F; }
.bg-teal-500\/90 { background-color: rgba(20,184,166,0.9); }

/* Text color */
.text-white { color: #ffffff; }
.text-white\/80 { color: rgba(255,255,255,0.80); }
.text-white\/70 { color: rgba(255,255,255,0.70); }
.text-white\/60 { color: rgba(255,255,255,0.60); }
.text-black { color: #0B0B0F; }

/* Hover states */
.hover\:bg-white\/5:hover { background-color: rgba(255,255,255,0.05); }
.hover\:bg-white\/10:hover { background-color: rgba(255,255,255,0.10); }
.hover\:text-white:hover { color: #ffffff; }

/* Layout helpers */
.rounded-md { border-radius: 0.375rem; }
.rounded-xl { border-radius: 0.75rem; }
.h-9 { height: 2.25rem; }
.h-10 { height: 2.5rem; }
.w-full { width: 100%; }
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.p-6 { padding: 1.5rem; }
.gap-2 { gap: 0.5rem; }

/* Focus rings */
.focus\:ring-2:focus { outline: 2px solid rgba(255,255,255,0.2); outline-offset: 2px; }
.focus\:ring-white\/20:focus { outline-color: rgba(255,255,255,0.2); }
.focus\:ring-teal-300\/60:focus { outline-color: rgba(94,234,212,0.6); }
.focus\:outline-none:focus { outline: none; }

/* Backdrop blur fallback (approximate) */
.backdrop-blur { background-color: rgba(11,11,15,0.8); }

/* Buttons */
.btn { display:inline-flex; align-items:center; justify-content:center; border-radius: 0.5rem; border: 1px solid rgba(255,255,255,0.1); cursor:pointer; }
.btn-primary { background: #10b981; color: #0B0B0F; }
.btn-danger { background: #ef4444; color: #0B0B0F; }