/*
 * Evde Sağlık Yönetimi - Ana Stil Dosyası
 * Performans için inline CSS'den external dosyaya taşındı
 */

/* CSS Custom Properties için varsayılan değerler */
:root {
	--app-font: Inter, system-ui, sans-serif;
	--theme-primary: #4f46e5;
	--theme-accent: #7c3aed;
}

/* Font Family - Tüm body'ye uygula */
body {
	font-family: var(--app-font) !important;
}

/* Theme Primary Color - Butonlar ve ana renkler */
button.bg-blue-600,
button.bg-indigo-600,
.bg-blue-600,
.bg-indigo-600 {
	background-color: var(--theme-primary) !important;
}

button.hover\:bg-blue-700:hover,
button.hover\:bg-indigo-700:hover,
.hover\:bg-blue-700:hover,
.hover\:bg-indigo-700:hover {
	background-color: var(--theme-primary) !important;
	filter: brightness(0.9);
}

/* Theme Accent Color - Linkler ve vurgu renkleri */
a,
.text-blue-600,
.text-indigo-600,
.text-purple-600 {
	color: var(--theme-accent) !important;
}

@keyframes searchHighlight {

0%,
100% {
box-shadow: 0 0 0 3px rgba(249, 115, 22, 0.8);
}

50% {
box-shadow: 0 0 0 6px rgba(249, 115, 22, 0.4);
}
}

.search-highlight {
animation: searchHighlight 0.5s ease-in-out 3;
outline: 3px solid #f97316 !important;
outline-offset: 2px;
border-radius: 8px;
position: relative;
z-index: 10;
}

#global-search-results-fixed,
#global-search-results-mobile-fixed {
position: fixed !important;
z-index: 50 !important;
}

/* Rol bazlı gizleme optimizasyonu - will-change ile GPU ivmesi */
.role-hide-viewer,
.role-hide-user {
display: none !important;
visibility: hidden !important;
will-change: display, visibility;
}

/* Admin-only elementler başlangıçta gizli (flash önleme) - Admin ise JS gösterecek */
.admin-only-btn,
[data-admin-only] {
display: none;
}

/* Admin rolü için admin butonlarını göster */
body.role-admin .admin-only-btn,
body.role-admin [data-admin-only] {
display: block;
}

body.role-admin .admin-only-btn.flex,
body.role-admin [data-admin-only].flex {
display: flex;
}

body.role-admin .admin-only-btn.inline-flex,
body.role-admin [data-admin-only].inline-flex {
display: inline-flex;
}

/* Sekme butonları başlangıçta gizli (flash önleme) */
.tab-button {
opacity: 0;
transition: opacity 0.2s ease;
}

.tab-button.visible {
opacity: 1;
}

/* TABLO STANDARDİZASYONU - Mobil Uyumlu */
table {
font-size: 0.75rem; /* 12px */
}
@media (min-width: 768px) {
table {
font-size: 0.8125rem; /* 13px */
}
}
table th {
font-size: 0.625rem; /* 10px */
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.025em;
padding: 0.5rem 0.75rem;
}
@media (min-width: 768px) {
table th {
font-size: 0.6875rem; /* 11px */
padding: 0.75rem 1rem;
}
}
table td {
padding: 0.5rem 0.75rem;
}
@media (min-width: 768px) {
table td {
padding: 0.625rem 1rem;
}
}

/* Tablolar için yatay kaydırma wrapper */
.table-scroll-wrapper {
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
.table-scroll-wrapper::-webkit-scrollbar {
height: 6px;
}
.table-scroll-wrapper::-webkit-scrollbar-track {
background: #f1f5f9;
border-radius: 3px;
}
.table-scroll-wrapper::-webkit-scrollbar-thumb {
background: #cbd5e1;
border-radius: 3px;
}
.table-scroll-wrapper::-webkit-scrollbar-thumb:hover {
background: #94a3b8;
}

/* Mobil menü animasyonu */
#mobile-menu-arrow {
transition: transform 0.2s ease;
}
#mobile-tab-dropdown {
animation: slideDown 0.2s ease;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

/* Boş durum stilleri */
.empty-state {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 2rem;
color: #9ca3af;
}
.empty-state svg {
width: 3rem;
height: 3rem;
margin-bottom: 0.5rem;
opacity: 0.5;
}
.empty-state p {
font-size: 0.875rem;
font-weight: 500;
}

/* ============================================
   STICKY HEADER + TABS WRAPPER (JS fixed yaklaşımı)
   ============================================ */
#sticky-top-wrapper {
	z-index: 40;
	background: #f5f6f9;
	transition: box-shadow 0.2s ease;
}

/* JS tarafından fixed yapıldığında */
#sticky-top-wrapper.is-fixed {
	position: fixed !important;
	top: 0;
	box-shadow: 0 2px 8px -2px rgba(0,0,0,0.15);
}

/* Spacer: fixed olduğunda boşluğu korur */
#sticky-top-spacer {
	display: none;
}
#sticky-top-spacer.active {
	display: block;
}

/* Dark mode sticky wrapper */
.dark #sticky-top-wrapper {
	background: #1e293b !important;
}
.dark #sticky-top-wrapper.is-fixed {
	box-shadow: 0 2px 8px -2px rgba(0,0,0,0.4);
}

/* Veri giriş panelleri: sekmelerin altında sabit kalsın (masaüstü) */
/* JS tarafından .sticky-panel-adjusted class'ı ve inline top değeri atanır */

/* ============================================
   LIGHT MODE - GÖZ DOSTU YUMUŞAK ARKA PLANLAR
   Beyaz yerine açık gri tonları kullanılır.
   Dark mode'da bu kurallar devre dışı kalır.
   ============================================ */

/* Ana sayfa arka planı */
:root:not(.dark) body {
	background-color: #edf0f4 !important;
}

/* Kartlar, modaller, formlar (bg-white → açık gri) */
:root:not(.dark) .bg-white,
:root:not(.dark) .bg-slate-50,
:root:not(.dark) [class*="rounded-xl"].bg-white,
:root:not(.dark) [class*="rounded-2xl"].bg-white {
	background-color: #f5f6f9 !important;
}

/* Alternatif satır / bölüm arka planları */
:root:not(.dark) .bg-gray-50 {
	background-color: #eef0f4 !important;
}

/* İkincil arka planlar */
:root:not(.dark) .bg-gray-100 {
	background-color: #e5e8ed !important;
}

/* ===== VERİ GİRİŞ PANELLERİ - Liste Panellerinden Daha Ayırt Edilebilir ===== */
/* .veri-panel class'ı form panellerine eklenerek görsel ayrım sağlanır.       */
/* Dark mode'da bu kurallar uygulanmaz (dark mod kendi stilini korur).          */

:root:not(.dark) .veri-panel {
	box-shadow: 0 4px 16px rgba(0, 0, 0, 0.09), 0 1px 4px rgba(0, 0, 0, 0.06) !important;
	border-width: 2px !important;
}

/* Blue paneller (Doktor Hasta, DR Notlar) */
:root:not(.dark) .veri-panel.bg-blue-50 {
	background-color: #dbeafe !important; /* blue-100 */
	border-color: #93c5fd !important;     /* blue-300 */
}

/* Indigo paneller (Müracaat Kayıt, Notlar, Rutinler, Analiz, Bütçe, Nöbet) */
:root:not(.dark) .veri-panel.bg-indigo-50 {
	background-color: #e0e7ff !important; /* indigo-100 */
	border-color: #a5b4fc !important;     /* indigo-300 */
}

/* Rose paneller (EX/Taburcu/Ret) */
:root:not(.dark) .veri-panel.bg-rose-50 {
	background-color: #fecdd3 !important; /* rose-200 - accordion hover uyumu için */
	border-color: #fda4af !important;     /* rose-300 */
}

/* Gray paneller (Gidilemeyen Hasta) */
:root:not(.dark) .veri-panel.bg-gray-50 {
	background-color: #e5e7eb !important; /* gray-200 */
	border-color: #9ca3af !important;     /* gray-400 */
}

/* Red paneller (Acil Çanta) */
:root:not(.dark) .veri-panel.bg-red-50 {
	background-color: #fee2e2 !important; /* red-100 */
	border-color: #fca5a5 !important;     /* red-300 */
}

/* Teal paneller (Cihazlar, Yatak Listesi) */
:root:not(.dark) .veri-panel.bg-teal-50 {
	background-color: #ccfbf1 !important; /* teal-100 */
	border-color: #5eead4 !important;     /* teal-300 */
}

/* Pink paneller (Pansuman) */
:root:not(.dark) .veri-panel.bg-pink-50 {
	background-color: #fce7f3 !important; /* pink-100 */
	border-color: #f9a8d4 !important;     /* pink-300 */
}

/* ============================================
   KARANLIK MOD - PROFESYONEl TASARIM
   Renk Paleti:
   - Ana Arka Plan: #0f172a (slate-900)
   - Kart Arka Plan: #1e293b (slate-800)
   - İkincil Arka Plan: #334155 (slate-700)
   - Border: #475569 (slate-600)
   - Metin Ana: #f1f5f9 (slate-100)
   - Metin İkincil: #94a3b8 (slate-400)
   - Metin Soluk: #64748b (slate-500)
   ============================================ */

.dark {
color-scheme: dark;
}

/* ===== ANA YAPI ===== */
.dark body {
background-color: #0f172a !important;
color: #f1f5f9 !important;
}

/* ===== KARTLAR VE KONTEYNERLAR ===== */
.dark .bg-white,
.dark .bg-slate-50,
.dark [class*="rounded-xl"].bg-white,
.dark [class*="rounded-2xl"].bg-white {
background-color: #1e293b !important;
color: #f1f5f9 !important;
}

.dark .bg-gray-50 {
background-color: #334155 !important;
color: #f1f5f9 !important;
}

.dark .bg-gray-100 {
background-color: #3f4f63 !important;
color: #f1f5f9 !important;
}

.dark .bg-gray-200 {
background-color: #475569 !important;
color: #f1f5f9 !important;
}

.dark .bg-gray-300 {
background-color: #64748b !important;
color: #f1f5f9 !important;
}

/* ===== METİN RENKLERİ ===== */
.dark .text-gray-900 {
color: #f8fafc !important;
}

.dark .text-gray-800 {
color: #f1f5f9 !important;
}

.dark .text-gray-700 {
color: #e2e8f0 !important;
}

.dark .text-gray-600 {
color: #cbd5e1 !important;
}

.dark .text-gray-500 {
color: #94a3b8 !important;
}

.dark .text-gray-400 {
color: #64748b !important;
}

.dark .text-gray-300 {
color: #94a3b8 !important;
}

/* ===== RENKLİ METİNLER (Okunabilir tonlar) ===== */
.dark .text-blue-600, .dark .text-blue-700, .dark .text-blue-800, .dark .text-blue-900 {
color: #60a5fa !important;
}
.dark .text-green-600, .dark .text-green-700, .dark .text-green-800, .dark .text-green-900 {
color: #4ade80 !important;
}
.dark .text-red-600, .dark .text-red-700, .dark .text-red-800, .dark .text-red-900 {
color: #f87171 !important;
}
.dark .text-yellow-600, .dark .text-yellow-700, .dark .text-yellow-800, .dark .text-yellow-900 {
color: #fbbf24 !important;
}
.dark .text-orange-600, .dark .text-orange-700, .dark .text-orange-800, .dark .text-orange-900 {
color: #fb923c !important;
}
.dark .text-purple-600, .dark .text-purple-700, .dark .text-purple-800, .dark .text-purple-900 {
color: #c084fc !important;
}
.dark .text-indigo-600, .dark .text-indigo-700, .dark .text-indigo-800, .dark .text-indigo-900 {
color: #818cf8 !important;
}
.dark .text-pink-600, .dark .text-pink-700, .dark .text-pink-800, .dark .text-pink-900 {
color: #f472b6 !important;
}
.dark .text-cyan-600, .dark .text-cyan-700, .dark .text-cyan-800, .dark .text-cyan-900 {
color: #22d3ee !important;
}
.dark .text-emerald-600, .dark .text-emerald-700, .dark .text-emerald-800, .dark .text-emerald-900 {
color: #34d399 !important;
}
.dark .text-amber-600, .dark .text-amber-700, .dark .text-amber-800, .dark .text-amber-900 {
color: #fbbf24 !important;
}
.dark .text-teal-600, .dark .text-teal-700, .dark .text-teal-800, .dark .text-teal-900 {
color: #2dd4bf !important;
}

/* ===== SLATE RENKLERİ ===== */
.dark .text-slate-400 { color: #94a3b8 !important; }
.dark .text-slate-500 { color: #94a3b8 !important; }
.dark .text-slate-600 { color: #cbd5e1 !important; }
.dark .text-slate-700 { color: #e2e8f0 !important; }
.dark .text-slate-800 { color: #f1f5f9 !important; }
.dark .text-slate-900 { color: #f8fafc !important; }
.dark .bg-slate-50 { background-color: #334155 !important; color: #f1f5f9 !important; }
.dark .bg-slate-100 { background-color: #3f4f63 !important; color: #f1f5f9 !important; }
.dark .border-slate-100, .dark .border-slate-200, .dark .border-slate-300 { border-color: #475569 !important; }
.dark .placeholder-slate-400::placeholder { color: #64748b !important; }

/* ===== BORDER'LAR ===== */
.dark .border-gray-100,
.dark .border-gray-200,
.dark .border-gray-300 {
border-color: #475569 !important;
}

.dark .border-gray-400,
.dark .border-gray-500,
.dark .border-gray-600 {
border-color: #64748b !important;
}

.dark .border-t,
.dark .border-b,
.dark .border-l,
.dark .border-r,
.dark .border {
border-color: #475569 !important;
}

/* Renkli Border'lar */
.dark .border-blue-200, .dark .border-blue-100 { border-color: #3b82f6 !important; }
.dark .border-green-200, .dark .border-green-100 { border-color: #22c55e !important; }
.dark .border-red-200, .dark .border-red-100 { border-color: #ef4444 !important; }
.dark .border-yellow-200, .dark .border-yellow-100 { border-color: #eab308 !important; }
.dark .border-orange-200, .dark .border-orange-100 { border-color: #f97316 !important; }
.dark .border-purple-200, .dark .border-purple-100 { border-color: #a855f7 !important; }
.dark .border-indigo-200, .dark .border-indigo-100 { border-color: #6366f1 !important; }
.dark .border-pink-200, .dark .border-pink-100 { border-color: #ec4899 !important; }
.dark .border-cyan-200, .dark .border-cyan-100 { border-color: #06b6d4 !important; }
.dark .border-emerald-200, .dark .border-emerald-100 { border-color: #10b981 !important; }

/* ===== RENKLİ ARKA PLANLAR (50 ve 100 tonları) ===== */
.dark .bg-blue-50 { background-color: rgba(59, 130, 246, 0.15) !important; color: #93c5fd !important; }
.dark .bg-blue-100 { background-color: rgba(59, 130, 246, 0.25) !important; color: #93c5fd !important; }
.dark .bg-green-50 { background-color: rgba(34, 197, 94, 0.15) !important; color: #86efac !important; }
.dark .bg-green-100 { background-color: rgba(34, 197, 94, 0.25) !important; color: #86efac !important; }
.dark .bg-red-50 { background-color: rgba(239, 68, 68, 0.15) !important; color: #fca5a5 !important; }
.dark .bg-red-100 { background-color: rgba(239, 68, 68, 0.25) !important; color: #fca5a5 !important; }
.dark .bg-yellow-50 { background-color: rgba(234, 179, 8, 0.15) !important; color: #fef08a !important; }
.dark .bg-yellow-100 { background-color: rgba(234, 179, 8, 0.25) !important; color: #fef08a !important; }
.dark .bg-orange-50 { background-color: rgba(249, 115, 22, 0.15) !important; color: #fed7aa !important; }
.dark .bg-orange-100 { background-color: rgba(249, 115, 22, 0.25) !important; color: #fed7aa !important; }
.dark .bg-purple-50 { background-color: rgba(168, 85, 247, 0.15) !important; color: #e9d5ff !important; }
.dark .bg-purple-100 { background-color: rgba(168, 85, 247, 0.25) !important; color: #e9d5ff !important; }
.dark .bg-indigo-50 { background-color: rgba(99, 102, 241, 0.15) !important; color: #c7d2fe !important; }
.dark .bg-indigo-100 { background-color: rgba(99, 102, 241, 0.25) !important; color: #c7d2fe !important; }
.dark .bg-pink-50 { background-color: rgba(236, 72, 153, 0.15) !important; color: #fbcfe8 !important; }
.dark .bg-pink-100 { background-color: rgba(236, 72, 153, 0.25) !important; color: #fbcfe8 !important; }
.dark .bg-cyan-50 { background-color: rgba(6, 182, 212, 0.15) !important; color: #a5f3fc !important; }
.dark .bg-cyan-100 { background-color: rgba(6, 182, 212, 0.25) !important; color: #a5f3fc !important; }
.dark .bg-emerald-50 { background-color: rgba(16, 185, 129, 0.15) !important; color: #a7f3d0 !important; }
.dark .bg-emerald-100 { background-color: rgba(16, 185, 129, 0.25) !important; color: #a7f3d0 !important; }
.dark .bg-amber-50 { background-color: rgba(245, 158, 11, 0.15) !important; color: #fde68a !important; }
.dark .bg-amber-100 { background-color: rgba(245, 158, 11, 0.25) !important; color: #fde68a !important; }
.dark .bg-teal-50 { background-color: rgba(20, 184, 166, 0.15) !important; color: #99f6e4 !important; }
.dark .bg-teal-100 { background-color: rgba(20, 184, 166, 0.25) !important; color: #99f6e4 !important; }

/* ===== FORM ELEMANLARI ===== */
.dark input[type="text"],
.dark input[type="email"],
.dark input[type="password"],
.dark input[type="date"],
.dark input[type="number"],
.dark input[type="tel"],
.dark input[type="search"],
.dark input[type="time"],
.dark textarea,
.dark select {
background-color: #1e293b !important;
color: #f1f5f9 !important;
border-color: #475569 !important;
}

.dark input:focus,
.dark textarea:focus,
.dark select:focus {
border-color: #6366f1 !important;
box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.3) !important;
}

.dark input::placeholder,
.dark textarea::placeholder {
color: #64748b !important;
}

.dark select option {
background-color: #1e293b !important;
color: #f1f5f9 !important;
}

/* Checkbox ve Radio */
.dark input[type="checkbox"],
.dark input[type="radio"] {
background-color: #1e293b !important;
border-color: #64748b !important;
}

.dark input[type="checkbox"]:checked,
.dark input[type="radio"]:checked {
background-color: #6366f1 !important;
border-color: #6366f1 !important;
}

/* ===== TABLOLAR ===== */
.dark table {
background-color: #1e293b !important;
color: #f1f5f9 !important;
}

.dark thead,
.dark thead tr,
.dark thead th {
background-color: #334155 !important;
color: #e2e8f0 !important;
border-color: #475569 !important;
}

.dark tbody {
background-color: #1e293b !important;
}

.dark tbody tr {
background-color: #1e293b !important;
border-color: #334155 !important;
}

.dark tbody tr:nth-child(even) {
background-color: #253348 !important;
}

.dark tbody tr:hover {
background-color: #334155 !important;
}

.dark td {
color: #e2e8f0 !important;
border-color: #334155 !important;
background-color: inherit !important;
}

.dark th {
color: #e2e8f0 !important;
}

/* Tablo içindeki renkli hücreler */
.dark td.bg-green-50, .dark td.bg-green-100,
.dark tr.bg-green-50 td { background-color: rgba(34, 197, 94, 0.2) !important; }
.dark td.bg-red-50, .dark td.bg-red-100,
.dark tr.bg-red-50 td { background-color: rgba(239, 68, 68, 0.2) !important; }
.dark td.bg-orange-50, .dark td.bg-orange-100,
.dark tr.bg-orange-50 td { background-color: rgba(249, 115, 22, 0.2) !important; }
.dark td.bg-yellow-50, .dark td.bg-yellow-100,
.dark tr.bg-yellow-50 td { background-color: rgba(234, 179, 8, 0.2) !important; }
.dark td.bg-blue-50, .dark td.bg-blue-100,
.dark tr.bg-blue-50 td { background-color: rgba(59, 130, 246, 0.2) !important; }
.dark td.bg-cyan-50, .dark td.bg-cyan-100,
.dark tr.bg-cyan-50 td { background-color: rgba(6, 182, 212, 0.2) !important; }
.dark td.bg-purple-50, .dark td.bg-purple-100,
.dark tr.bg-purple-50 td { background-color: rgba(168, 85, 247, 0.2) !important; }
.dark td.bg-pink-50, .dark td.bg-pink-100,
.dark tr.bg-pink-50 td { background-color: rgba(236, 72, 153, 0.2) !important; }

/* ===== BUTONLAR ===== */
.dark button.bg-gray-200,
.dark button.bg-gray-100,
.dark .bg-gray-200[onclick],
.dark .bg-gray-100[onclick] {
background-color: #475569 !important;
color: #f1f5f9 !important;
}

.dark button.bg-gray-200:hover,
.dark button.bg-gray-100:hover {
background-color: #64748b !important;
}

/* Hover durumları */
.dark .hover\:bg-gray-50:hover { background-color: #334155 !important; }
.dark .hover\:bg-gray-100:hover { background-color: #3f4f63 !important; }
.dark .hover\:bg-gray-200:hover { background-color: #475569 !important; }
.dark .hover\:bg-gray-300:hover { background-color: #64748b !important; }

/* Renkli hover */
.dark .hover\:bg-blue-100:hover { background-color: rgba(59, 130, 246, 0.3) !important; }
.dark .hover\:bg-green-100:hover { background-color: rgba(34, 197, 94, 0.3) !important; }
.dark .hover\:bg-red-100:hover { background-color: rgba(239, 68, 68, 0.3) !important; }
.dark .hover\:bg-yellow-100:hover { background-color: rgba(234, 179, 8, 0.3) !important; }
.dark .hover\:bg-orange-100:hover { background-color: rgba(249, 115, 22, 0.3) !important; }
.dark .hover\:bg-purple-100:hover { background-color: rgba(168, 85, 247, 0.3) !important; }
.dark .hover\:bg-indigo-100:hover { background-color: rgba(99, 102, 241, 0.3) !important; }
.dark .hover\:bg-pink-100:hover { background-color: rgba(236, 72, 153, 0.3) !important; }
.dark .hover\:bg-emerald-100:hover { background-color: rgba(16, 185, 129, 0.3) !important; }
.dark .hover\:bg-cyan-100:hover { background-color: rgba(6, 182, 212, 0.3) !important; }

/* ===== MODAL VE OVERLAY ===== */
.dark .bg-black\/60,
.dark .bg-black\/70 {
background-color: rgba(0, 0, 0, 0.8) !important;
}

.dark [class*="modal"] .bg-white,
.dark [id*="modal"] .bg-white {
background-color: #1e293b !important;
}

/* Modal başlıkları ve alt kısımları */
.dark .rounded-t-xl.bg-gray-50,
.dark .rounded-t-2xl.bg-gray-50,
.dark .rounded-b-xl.bg-gray-50,
.dark .rounded-b-2xl.bg-gray-50 {
background-color: #334155 !important;
}

/* ===== GRADIENT ARKA PLANLAR ===== */
.dark .bg-gradient-to-r.from-orange-50,
.dark .bg-gradient-to-br.from-orange-50 {
background: linear-gradient(to right, rgba(249, 115, 22, 0.15), rgba(245, 158, 11, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-blue-50,
.dark .bg-gradient-to-br.from-blue-50 {
background: linear-gradient(to right, rgba(59, 130, 246, 0.15), rgba(99, 102, 241, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-pink-50,
.dark .bg-gradient-to-br.from-pink-50 {
background: linear-gradient(to right, rgba(236, 72, 153, 0.15), rgba(168, 85, 247, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-cyan-50,
.dark .bg-gradient-to-br.from-cyan-50 {
background: linear-gradient(to right, rgba(6, 182, 212, 0.15), rgba(20, 184, 166, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-green-50,
.dark .bg-gradient-to-br.from-green-50 {
background: linear-gradient(to right, rgba(34, 197, 94, 0.15), rgba(16, 185, 129, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-purple-50,
.dark .bg-gradient-to-br.from-purple-50 {
background: linear-gradient(to right, rgba(168, 85, 247, 0.15), rgba(236, 72, 153, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-indigo-50,
.dark .bg-gradient-to-br.from-indigo-50 {
background: linear-gradient(to right, rgba(99, 102, 241, 0.15), rgba(168, 85, 247, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-yellow-50,
.dark .bg-gradient-to-br.from-yellow-50 {
background: linear-gradient(to right, rgba(234, 179, 8, 0.15), rgba(245, 158, 11, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-red-50,
.dark .bg-gradient-to-br.from-red-50 {
background: linear-gradient(to right, rgba(239, 68, 68, 0.15), rgba(249, 115, 22, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-emerald-50,
.dark .bg-gradient-to-br.from-emerald-50 {
background: linear-gradient(to right, rgba(16, 185, 129, 0.15), rgba(20, 184, 166, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-teal-50,
.dark .bg-gradient-to-br.from-teal-50 {
background: linear-gradient(to right, rgba(20, 184, 166, 0.15), rgba(6, 182, 212, 0.15)) !important;
}

.dark .bg-gradient-to-r.from-amber-50,
.dark .bg-gradient-to-br.from-amber-50 {
background: linear-gradient(to right, rgba(245, 158, 11, 0.15), rgba(234, 179, 8, 0.15)) !important;
}

/* ===== DIVIDE ===== */
.dark .divide-gray-100 > * + *,
.dark .divide-gray-200 > * + *,
.dark .divide-gray-300 > * + * {
border-color: #475569 !important;
}

/* ===== SHADOW ===== */
.dark .shadow,
.dark .shadow-sm {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4), 0 1px 2px 0 rgba(0, 0, 0, 0.3) !important;
}

.dark .shadow-md {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -1px rgba(0, 0, 0, 0.3) !important;
}

.dark .shadow-lg {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.4), 0 4px 6px -2px rgba(0, 0, 0, 0.3) !important;
}

.dark .shadow-xl,
.dark .shadow-2xl {
box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 10px 10px -5px rgba(0, 0, 0, 0.3) !important;
}

/* ===== SCROLLBAR ===== */
.dark ::-webkit-scrollbar {
width: 10px;
height: 10px;
}

.dark ::-webkit-scrollbar-track {
background: #1e293b;
border-radius: 5px;
}

.dark ::-webkit-scrollbar-thumb {
background: #475569;
border-radius: 5px;
}

.dark ::-webkit-scrollbar-thumb:hover {
background: #64748b;
}

/* ===== ÖZEL ELEMANLAR ===== */
.dark label {
color: #e2e8f0 !important;
}

.dark .border-dashed {
border-color: #64748b !important;
}

.dark .empty-state {
color: #64748b !important;
}

.dark .focus\:ring-2:focus {
--tw-ring-color: rgba(99, 102, 241, 0.5) !important;
}

.dark input:disabled,
.dark select:disabled,
.dark textarea:disabled,
.dark button:disabled {
background-color: #1e293b !important;
color: #64748b !important;
opacity: 0.6 !important;
}

.dark code,
.dark pre {
background-color: #0f172a !important;
color: #e2e8f0 !important;
border-color: #334155 !important;
}

/* ===== INR HESAPLAYICI ÖZEL ===== */
.dark #tab-inrhesaplayici .inr-target-btn {
background-color: #334155 !important;
border-color: #475569 !important;
color: #94a3b8 !important;
}

.dark #tab-inrhesaplayici .inr-target-btn.active,
.dark #tab-inrhesaplayici .inr-target-btn:hover {
background-color: rgba(6, 182, 212, 0.2) !important;
border-color: #06b6d4 !important;
color: #22d3ee !important;
}

.dark #tab-inrhesaplayici #uzmanResultCard {
background-color: #1e293b !important;
border-color: #475569 !important;
}

.dark #tab-inrhesaplayici #uzmanPillSchedule > div {
background-color: #334155 !important;
color: #e2e8f0 !important;
}

/* ===== DATALIST VE AUTOCOMPLETE ===== */
.dark datalist,
.dark option {
background-color: #1e293b !important;
color: #f1f5f9 !important;
}

/* ===== HOVER SHADOW ===== */
.dark .hover\:shadow-md:hover {
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.4) !important;
}

.dark .hover\:shadow-lg:hover {
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.4) !important;
}

/* ===== HASTA KARTLARI ===== */
.dark .patient-card,
.dark [class*="patient-row"],
.dark [id*="patient-row"] {
background-color: #1e293b !important;
border-color: #475569 !important;
}

.dark .patient-card:hover,
.dark [class*="patient-row"]:hover,
.dark [id*="patient-row"]:hover {
background-color: #334155 !important;
}

/* ===== LINE THROUGH ===== */
.dark .line-through {
color: #64748b !important;
}

/* ===== TRANSITION ===== */
.dark * {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms;
}

/* ===== KOMPAKT MOD ===== */
/* Daha fazla içerik görmek için arayüzü sıkıştırır */
body.compact-mode {
/* Genel padding ve margin azaltma */
--spacing-scale: 0.75;
}

body.compact-mode .p-4,
body.compact-mode .p-5,
body.compact-mode .p-6 {
padding: calc(1rem * 0.75) !important;
}

body.compact-mode .px-4,
body.compact-mode .px-5,
body.compact-mode .px-6 {
padding-left: calc(1rem * 0.75) !important;
padding-right: calc(1rem * 0.75) !important;
}

body.compact-mode .py-4,
body.compact-mode .py-5,
body.compact-mode .py-6 {
padding-top: calc(1rem * 0.75) !important;
padding-bottom: calc(1rem * 0.75) !important;
}

body.compact-mode .m-4,
body.compact-mode .m-5,
body.compact-mode .m-6 {
margin: calc(1rem * 0.75) !important;
}

body.compact-mode .mb-4,
body.compact-mode .mb-5,
body.compact-mode .mb-6 {
margin-bottom: calc(1rem * 0.75) !important;
}

body.compact-mode .mt-4,
body.compact-mode .mt-5,
body.compact-mode .mt-6 {
margin-top: calc(1rem * 0.75) !important;
}

body.compact-mode .space-y-4 > * + *,
body.compact-mode .space-y-5 > * + *,
body.compact-mode .space-y-6 > * + * {
margin-top: calc(1rem * 0.75) !important;
}

body.compact-mode .gap-4,
body.compact-mode .gap-5,
body.compact-mode .gap-6 {
gap: calc(1rem * 0.75) !important;
}

/* Font boyutlarını küçült */
body.compact-mode h1 {
font-size: 1.5rem !important;
}

body.compact-mode h2 {
font-size: 1.25rem !important;
}

body.compact-mode h3 {
font-size: 1.125rem !important;
}

body.compact-mode .text-base {
font-size: 0.875rem !important;
}

body.compact-mode .text-lg {
font-size: 1rem !important;
}

body.compact-mode .text-xl {
font-size: 1.125rem !important;
}

/* Butonları küçült */
body.compact-mode button,
body.compact-mode .btn {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important;
font-size: 0.875rem !important;
}

/* Kartları küçült */
body.compact-mode .rounded-xl,
body.compact-mode .rounded-2xl {
padding: 0.75rem !important;
}

/* Tablo satır yüksekliklerini azalt */
body.compact-mode table th {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important;
}

body.compact-mode table td {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important;
}

/* Form elemanlarını küçült */
body.compact-mode input,
body.compact-mode select,
body.compact-mode textarea {
padding-top: 0.375rem !important;
padding-bottom: 0.375rem !important;
font-size: 0.875rem !important;
}

/* Boşlukları azalt */
body.compact-mode .space-y-3 > * + * {
margin-top: 0.5rem !important;
}

body.compact-mode .space-y-2 > * + * {
margin-top: 0.375rem !important;
}

/* ===== VERİ GİRİŞİ MODAL - PERSONEL SATIRI İYİLEŞTİRMELERİ ===== */

/* Personel satırı hover efekti - fare üzerine gelince tüm satır vurgulanır */
#data-entry-modal .staff-entry-row:hover {
background-color: #dbeafe !important;
transition: background-color 0.15s ease;
}
.dark #data-entry-modal .staff-entry-row:hover {
background-color: rgba(59, 130, 246, 0.2) !important;
}

/* Checkbox'ları büyüt - tıklanması kolay olsun */
#data-entry-modal .staff-entry-row .custom-checkbox {
width: 20px;
height: 20px;
cursor: pointer;
}

/* Merkez/Köy sütun başlıkları - okunabilirlik */
#data-entry-modal .col-header-merkez {
font-weight: 700;
font-size: 0.625rem;
color: #1d4ed8;
letter-spacing: 0.03em;
}
#data-entry-modal .col-header-koy {
font-weight: 700;
font-size: 0.625rem;
color: #c2410c;
letter-spacing: 0.03em;
}
.dark #data-entry-modal .col-header-merkez {
color: #60a5fa;
}
.dark #data-entry-modal .col-header-koy {
color: #fb923c;
}