/* =====================================================================
   MedKart — xüsusi üslublar
   React versiyasındakı <style> bloku (MedKart.jsx) və App.css ilə eynidir.
   Dark rejim: <html class="dark"> — eyni override qaydaları.
   ===================================================================== */

body { margin: 0; overflow-x: hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: Inter, system-ui, sans-serif; }
[x-cloak], .mk-hidden { display: none !important; }

.fd { font-family: 'Space Grotesk', sans-serif; }
.fm { font-family: 'JetBrains Mono', monospace; }
.spine::before { content: ''; position: absolute; left: 11px; top: 6px; bottom: 6px; width: 2px; background: #e2e8f0; }
.spine2::before { content: ''; position: absolute; left: 7px; top: 6px; bottom: 6px; width: 2px; background: #e2e8f0; }

/* ---------- Dark rejim ---------- */
.dark { background: #0b1120; color: #e2e8f0; }
.dark .spine::before, .dark .spine2::before { background: #27344b; }
.dark .bg-slate-50 { background-color: #0b1120; } .dark .bg-slate-50\/60 { background-color: rgba(11,17,32,.6); } .dark .bg-slate-50\/70 { background-color: rgba(11,17,32,.7); }
.dark .bg-white, .dark .bg-white\/90, .dark .bg-white\/95 { background-color: #111a2e; }
.dark .bg-slate-100 { background-color: #1e293b; } .dark .bg-slate-300 { background-color: #334155; }
.dark .bg-slate-800 { background-color: #0d9488; } .dark .border-slate-800 { border-color: #0d9488; }
.dark .bg-slate-900 { background-color: #1e293b; } .dark .bg-slate-900\/40 { background-color: rgba(0,0,0,.65); }
.dark .text-slate-900 { color: #f1f5f9; } .dark .text-slate-800 { color: #e2e8f0; } .dark .text-slate-700 { color: #cbd5e1; }
.dark .text-slate-600 { color: #94a3b8; } .dark .text-slate-500 { color: #94a3b8; } .dark .text-slate-400 { color: #64748b; } .dark .text-slate-300 { color: #475569; }
.dark .border-slate-50 { border-color: #1e293b; } .dark .border-slate-100 { border-color: #1e293b; } .dark .border-slate-200 { border-color: #27344b; }
.dark input, .dark textarea, .dark select { background-color: #18233b; color: #e2e8f0; }
/* Şəffaf inputlar (məs. DateField-in daxili inputu) öz konteynerinin fonunu göstərməlidir */
.dark input.bg-transparent, .dark textarea.bg-transparent, .dark select.bg-transparent { background-color: transparent; }
.dark input.bg-transparent:-webkit-autofill { -webkit-box-shadow: none; box-shadow: none; }
.dark input::placeholder, .dark textarea::placeholder { color: #64748b; }
.dark select option { background-color: #18233b; color: #e2e8f0; }
.dark input[type=date]::-webkit-calendar-picker-indicator { filter: invert(.85); }
.dark input:-webkit-autofill, .dark textarea:-webkit-autofill, .dark select:-webkit-autofill { -webkit-text-fill-color: #e2e8f0; caret-color: #e2e8f0; -webkit-box-shadow: 0 0 0 1000px #18233b inset; box-shadow: 0 0 0 1000px #18233b inset; }
.dark .bg-teal-50, .dark .bg-teal-50\/60, .dark .bg-teal-50\/40 { background-color: #0c2926; } .dark .text-teal-600 { color: #2dd4bf; } .dark .text-teal-700, .dark .text-teal-800 { color: #5eead4; }
.dark .border-teal-100 { border-color: #134e4a; } .dark .border-teal-200 { border-color: #0f766e; } .dark .border-teal-300 { border-color: #0d9488; } .dark .border-teal-400, .dark .border-teal-500 { border-color: #14b8a6; }
.dark .ring-teal-100 { --tw-ring-color: #134e4a; } .dark .ring-teal-200 { --tw-ring-color: #0f766e; } .dark .ring-white { --tw-ring-color: #111a2e; }
.dark .bg-indigo-50 { background-color: #1e1b4b; } .dark .text-indigo-700 { color: #a5b4fc; } .dark .border-indigo-200 { border-color: #3730a3; }
.dark .bg-emerald-50 { background-color: #06342a; } .dark .text-emerald-700 { color: #6ee7b7; } .dark .text-emerald-600 { color: #34d399; } .dark .border-emerald-200 { border-color: #065f46; }
.dark .bg-sky-50 { background-color: #0c2a40; } .dark .text-sky-700 { color: #7dd3fc; } .dark .border-sky-200 { border-color: #075985; }
.dark .bg-amber-50, .dark .bg-amber-50\/50, .dark .bg-amber-50\/60 { background-color: #3a2406; } .dark .border-amber-300 { border-color: #b45309; } .dark .border-amber-400 { border-color: #d97706; } .dark .ring-amber-200 { --tw-ring-color: #92400e; } .dark .text-amber-700 { color: #fcd34d; } .dark .text-amber-600 { color: #fbbf24; } .dark .text-amber-500 { color: #f59e0b; } .dark .border-amber-200 { border-color: #92400e; }
.dark .bg-rose-50 { background-color: #4c0519; } .dark .text-rose-700 { color: #fda4af; } .dark .text-rose-600 { color: #fb7185; } .dark .border-rose-200 { border-color: #9f1239; }
.dark .bg-violet-50 { background-color: #2e1065; } .dark .text-violet-700 { color: #c4b5fd; } .dark .border-violet-200 { border-color: #5b21b6; }
.dark .bg-cyan-50 { background-color: #083344; } .dark .text-cyan-700 { color: #67e8f9; } .dark .border-cyan-200 { border-color: #155e75; }
.dark .bg-pink-50 { background-color: #500724; } .dark .text-pink-700 { color: #f9a8d4; } .dark .border-pink-200 { border-color: #9d174d; }
.dark .bg-orange-50 { background-color: #431407; } .dark .text-orange-700 { color: #fdba74; } .dark .border-orange-200 { border-color: #9a3412; }
.dark .hover\:bg-slate-50:hover { background-color: #1e293b; } .dark .hover\:bg-slate-50\/60:hover { background-color: rgba(30,41,59,.6); } .dark .hover\:bg-slate-50\/70:hover { background-color: rgba(30,41,59,.7); }
.dark .hover\:bg-slate-100:hover { background-color: #27344b; } .dark .hover\:bg-rose-50:hover { background-color: #4c0519; } .dark .hover\:text-rose-600:hover { color: #fb7185; }
.dark .hover\:bg-teal-100:hover { background-color: #134e4a; } .dark .hover\:border-slate-300:hover { border-color: #334155; } .dark .hover\:border-teal-300:hover { border-color: #0d9488; }
.dark .hover\:text-slate-600:hover { color: #cbd5e1; } .dark .hover\:text-slate-700:hover { color: #e2e8f0; } .dark .hover\:text-teal-600:hover { color: #2dd4bf; } .dark .hover\:text-teal-700:hover { color: #2dd4bf; } .dark .hover\:text-teal-900:hover { color: #99f6e4; }
.dark .bg-rose-600 { background-color: #e11d48; } .dark .hover\:bg-rose-700:hover { background-color: #be123c; }

/* ---------- Zəngin mətn (həkim qeydləri) — App.css ---------- */
.rt-content { overflow-wrap: anywhere; line-height: 1.6; }
.rt-content p, .rt-content div { margin: 0; }
.rt-content ul { list-style: disc; padding-left: 1.4em; margin: .3em 0; }
.rt-content ol { list-style: decimal; padding-left: 1.4em; margin: .3em 0; }
.rt-content h3 { font-size: 1.12em; font-weight: 600; margin: .5em 0 .2em; }
.rt-content h4 { font-size: 1em; font-weight: 600; margin: .4em 0 .2em; }
.rt-content blockquote { margin: .4em 0; padding: .1em .8em; border-left: 3px solid #2dd4bf; color: #475569; }
.rt-content a { color: #0f766e; text-decoration: underline; }
.rt-content table { border-collapse: collapse; margin: .4em 0; }
.rt-content td, .rt-content th { border: 1px solid #cbd5e1; padding: .25em .6em; min-width: 3em; vertical-align: top; }
.rt-content hr { border: 0; border-top: 1px solid #cbd5e1; margin: .6em 0; }
.rt-content sub { vertical-align: sub; font-size: .75em; }
.rt-content sup { vertical-align: super; font-size: .75em; }
.rt-editor:empty::before { content: attr(data-placeholder); color: #94a3b8; pointer-events: none; }
.dark .rt-content blockquote { color: #94a3b8; }
.dark .rt-content td, .dark .rt-content th { border-color: #334155; }
.dark .rt-content hr { border-top-color: #334155; }
.dark .rt-content a { color: #5eead4; }