:root{--bg:#05070d;--panel:#0c101b;--panel2:#111827;--line:rgba(148,163,184,.14);--text:#e7eefc;--muted:#91a0b8;--cyan:#22d3ee;--violet:#8b5cf6;--pink:#ec4899;--green:#34d399;--danger:#fb7185}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;background:radial-gradient(circle at 15% -10%,rgba(139,92,246,.18),transparent 32%),radial-gradient(circle at 90% 0,rgba(34,211,238,.12),transparent 28%),var(--bg)!important;color:var(--text)!important}.glass{background:linear-gradient(145deg,rgba(17,24,39,.92),rgba(7,10,18,.9));border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.28),inset 0 1px rgba(255,255,255,.035);backdrop-filter:blur(16px)}
main,.min-h-screen{background:transparent!important}.bg-white,.bg-gray-50,.bg-slate-50,.bg-white\/80{background:var(--panel)!important;color:var(--text)!important}.bg-slate-900{background:#070b13!important}.text-slate-900,.text-slate-800,.text-gray-800,.text-slate-700,.text-gray-700{color:var(--text)!important}.text-slate-600,.text-gray-600,.text-slate-500,.text-gray-500,.text-slate-400,.text-gray-400{color:var(--muted)!important}.border-gray-100,.border-slate-100,.border-slate-200,.border-gray-200{border-color:var(--line)!important}.bg-slate-100,.bg-gray-100,.bg-slate-50\/50{background:rgba(255,255,255,.045)!important}.hover\:bg-gray-50:hover,.hover\:bg-slate-50:hover{background:rgba(255,255,255,.06)!important}.shadow-sm,.shadow-xl{box-shadow:0 18px 60px rgba(0,0,0,.22)!important}input,textarea,select{background:#080d17!important;color:#e7eefc!important;border-color:var(--line)!important}input::placeholder,textarea::placeholder{color:#64748b!important}a{transition:.2s ease}.neon{box-shadow:0 0 0 1px rgba(139,92,246,.2),0 0 32px rgba(139,92,246,.15)}.neon-text{text-shadow:0 0 24px rgba(34,211,238,.45)}.gradient-text{background:linear-gradient(90deg,var(--cyan),var(--violet),var(--pink));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-grid{background-image:linear-gradient(rgba(148,163,184,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.06) 1px,transparent 1px);background-size:34px 34px}.btn-gradient{background:linear-gradient(110deg,var(--violet),var(--pink));box-shadow:0 12px 30px rgba(139,92,246,.25)}.btn-gradient:hover{filter:brightness(1.12);transform:translateY(-1px)}img{max-width:100%;height:auto}.media-fit{width:100%;height:100%;object-fit:contain;object-position:center}.prose-dark p,.prose-dark li{color:var(--muted)}
@media(max-width:640px){.container{width:100%}.glass{border-radius:18px}.text-5xl{font-size:2.3rem}.text-4xl{font-size:2rem}}
.object-cover{object-fit:contain!important;object-position:center}.product-image,.cover-image{width:100%;height:100%;object-fit:contain!important}

/* KODYON dark theme normalization */
html,body{background:#05070d!important;color:#e7eefc!important}
body,body *{border-color:var(--line)}
main,section,article,.min-h-screen{color:var(--text)}
.field-label{display:block;margin:0 0 7px 4px;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#91a0b8}.field-label span{color:#fb7185}.field-input{width:100%;border-radius:14px;padding:13px 15px;background:#080d17!important;color:#e7eefc!important;border:1px solid rgba(148,163,184,.16)!important;outline:none;transition:.2s}.field-input:focus{border-color:rgba(34,211,238,.65)!important;box-shadow:0 0 0 4px rgba(34,211,238,.08),0 0 25px rgba(139,92,246,.08)}
button,input,select,textarea{font-family:inherit}select option{background:#0c101b;color:#e7eefc}
.text-white{color:#fff!important}.text-black{color:#e7eefc!important}.bg-white{background:#0c101b!important}.bg-black{background:#05070d!important}
footer{color:var(--text)!important} footer a{color:#91a0b8!important} footer a:hover{color:#fff!important}
.prose,.prose *{color:var(--muted)}.prose h1,.prose h2,.prose h3,.prose h4{color:#fff!important}


/* ===== KODYON DARK UI - cross-page normalization ===== */
:root{color-scheme:dark}
html{background:#05070d!important}
body{min-height:100vh;background-color:#05070d!important}
/* Tailwind light surfaces */
.bg-white,.bg-gray-50,.bg-gray-100,.bg-slate-50,.bg-slate-100,.bg-slate-200,.bg-zinc-50,.bg-zinc-100{background-color:#0c101b!important;color:var(--text)!important}
.bg-white\/90,.bg-white\/80,.bg-white\/70,.bg-white\/60,.bg-slate-50\/50,.bg-slate-100\/50{background-color:rgba(12,16,27,.94)!important;color:var(--text)!important}
/* Text colors */
.text-gray-900,.text-gray-800,.text-gray-700,.text-gray-600,.text-slate-900,.text-slate-800,.text-slate-700,.text-slate-600,.text-zinc-900,.text-zinc-800{color:var(--text)!important}
.text-gray-500,.text-gray-400,.text-slate-500,.text-slate-400,.text-zinc-500,.text-zinc-400{color:var(--muted)!important}
/* Borders / cards */
.border-gray-100,.border-gray-200,.border-gray-300,.border-slate-100,.border-slate-200,.border-slate-300,.border-zinc-100,.border-zinc-200{border-color:var(--line)!important}
.rounded-lg,.rounded-xl,.rounded-2xl,.rounded-3xl{--tw-ring-color:rgba(34,211,238,.18)}
/* Tables, dropdowns and common form surfaces */
table{background:transparent!important;color:var(--text)!important}
thead,tbody,tr{border-color:var(--line)!important}
th{background:rgba(255,255,255,.04)!important;color:#cbd5e1!important}
td{color:var(--muted)!important}
option{background:#0c101b!important;color:#e7eefc!important}
/* Light hover utilities */
.hover\:bg-white:hover,.hover\:bg-gray-50:hover,.hover\:bg-slate-50:hover,.hover\:bg-slate-100:hover{background:rgba(255,255,255,.07)!important}
/* Common admin/customer panels that used inline/light classes */
.card,.panel,.sidebar,.modal-content{background:#0c101b!important;color:var(--text)!important;border-color:var(--line)!important}
/* Keep colored status/badge utilities visible instead of washing them out */
.bg-green-50,.bg-emerald-50,.bg-red-50,.bg-rose-50,.bg-yellow-50,.bg-amber-50,.bg-blue-50,.bg-indigo-50,.bg-purple-50,.bg-violet-50,.bg-pink-50,.bg-cyan-50{background:rgba(255,255,255,.045)!important}
/* Images never enlarge beyond their container */
img{max-width:100%;height:auto}
img.object-cover,.object-cover{object-fit:contain!important}

/* KODYON global dark surface normalization */
html,body{background:#05070d!important;color:#e7eefc!important}
main,.min-h-screen{color:#e7eefc}
.bg-white,.bg-slate-50,.bg-slate-100,.bg-gray-50,.bg-gray-100{background-color:#0c101b!important;color:#e7eefc!important}
.text-slate-950,.text-slate-900,.text-slate-800,.text-slate-700,.text-gray-900,.text-gray-800,.text-gray-700{color:#e7eefc!important}
.text-slate-600,.text-slate-500,.text-gray-600,.text-gray-500{color:#91a0b8!important}
.border-slate-300,.border-slate-200,.border-slate-100,.border-gray-200,.border-gray-100{border-color:rgba(148,163,184,.14)!important}
input,textarea,select{background:#080d17!important;color:#f8fafc!important;border-color:#263246!important}
input::placeholder,textarea::placeholder{color:#64748b!important}


/* ===== KODYON FINAL DARK SYSTEM / anti-FOUC / cross-page surfaces ===== */
html{background:#05070d!important;color-scheme:dark!important}
html,body{width:100%;min-height:100%;background:#05070d!important;color:#e7eefc!important}
body{background-color:#05070d!important;overflow-x:hidden}
/* Never allow Tailwind light surfaces to expose white during navigation/rendering. */
main{background:#05070d!important;color:#e7eefc!important}
main>section{background-color:transparent!important;color:#e7eefc!important}
section.bg-white,section.bg-gray-50,section.bg-slate-50,div.bg-white,div.bg-gray-50,div.bg-slate-50{background-color:#0c101b!important;color:#e7eefc!important}
[class*="bg-white/"]{background-color:rgba(12,16,27,.94)!important;color:#e7eefc!important}
[class*="bg-black/"]{background-color:rgba(5,7,13,.72)!important}
[class*="bg-slate-50/"]{background-color:rgba(12,16,27,.94)!important}
[class*="bg-gray-50/"]{background-color:rgba(12,16,27,.94)!important}
[class*="border-white/"]{border-color:rgba(148,163,184,.14)!important}
[class*="border-slate-"]{border-color:rgba(148,163,184,.14)!important}
[class*="border-gray-"]{border-color:rgba(148,163,184,.14)!important}
[class*="text-slate-"]{color:#91a0b8!important}
[class*="text-gray-"]{color:#91a0b8!important}
.text-white{color:#fff!important}
/* Footer must remain a dark surface; bg-black/30 over a white body was the grey-footer bug. */
footer,footer.bg-black,footer[class*="bg-black/"]{background:#070b13!important;color:#e7eefc!important}
footer .border-t,footer [class*="border-t"]{border-color:rgba(148,163,184,.12)!important}
/* Tables */
table,thead,tbody{background:transparent!important}
thead th{background:rgba(255,255,255,.035)!important;color:#94a3b8!important}
tbody td{color:#aab6c8!important}
/* Prevent browser/extension focus or selection flashes from looking like white overlays. */
::selection{background:rgba(139,92,246,.35);color:#fff}
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:#070b13}
::-webkit-scrollbar-thumb{background:#263246;border-radius:999px;border:2px solid #070b13}
::-webkit-scrollbar-thumb:hover{background:#3b4a63}
/* Native controls */
select,option{background:#080d17!important;color:#e7eefc!important}
input,textarea,select{color-scheme:dark}
/* Images keep their box and never create a light placeholder area. */
img{background:transparent!important}
/* Generic light cards */
.card,.panel,.modal,.modal-content,.dropdown-menu{background:#0c101b!important;color:#e7eefc!important;border-color:rgba(148,163,184,.14)!important}