/* ============================================================
 PREMIUM BUTON + KART STÄ°LÄ° (Apple/Bulutklinik esintili)
 Tüm sistemde butonların renkleri yumuşak gradient + soft
 shadow + hover lift ile "kaliteli" bir his verir.
 ============================================================ */
 .btn {
 border-radius: 12px;
 font-weight: 600;
 letter-spacing: 0.01em;
 transition: all .18s cubic-bezier(.2,.6,.2,1);
 position: relative;
 overflow: hidden;
 }
 .btn:hover { transform: translateY(-1px); }
 .btn:active { transform: translateY(0); }

 /* Solid primaryler - gradient + parlama */
 .btn-primary {
 background: linear-gradient(135deg, #0078D4 0%, #00A6A6 100%);
 border: none;
 color: #fff;
 box-shadow: 0 4px 12px rgba(0,120,212,.28),
 0 1px 3px rgba(0,120,212,.18);
 }
 .btn-primary:hover {
 background: linear-gradient(135deg, #0067C0 0%, #008F8F 100%);
 box-shadow: 0 8px 18px rgba(0,120,212,.35),
 0 2px 6px rgba(0,120,212,.22);
 color: #fff;
 }
 .btn-success {
 background: linear-gradient(135deg, #10B981 0%, #059669 100%);
 border: none; color: #fff;
 box-shadow: 0 4px 12px rgba(16,185,129,.28);
 }
 .btn-success:hover {
 background: linear-gradient(135deg, #059669 0%, #047857 100%);
 box-shadow: 0 8px 18px rgba(16,185,129,.38);
 color: #fff;
 }
 .btn-danger {
 background: linear-gradient(135deg, #EF4444 0%, #DC2626 100%);
 border: none; color: #fff;
 box-shadow: 0 4px 12px rgba(239,68,68,.28);
 }
 .btn-danger:hover {
 background: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);
 box-shadow: 0 8px 18px rgba(239,68,68,.38);
 color: #fff;
 }
 .btn-warning {
 background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
 border: none; color: #fff;
 box-shadow: 0 4px 12px rgba(245,158,11,.28);
 }
 .btn-warning:hover {
 background: linear-gradient(135deg, #D97706 0%, #B45309 100%);
 color: #fff;
 }
 .btn-info {
 background: linear-gradient(135deg, #06B6D4 0%, #0891B2 100%);
 border: none; color: #fff;
 box-shadow: 0 4px 12px rgba(6,182,212,.28);
 }
 .btn-info:hover {
 background: linear-gradient(135deg, #0891B2 0%, #0E7490 100%);
 color: #fff;
 }
 .btn-dark {
 background: linear-gradient(135deg, #1F2937 0%, #111827 100%);
 border: none; color: #fff;
 box-shadow: 0 4px 12px rgba(31,41,55,.32);
 }
 .btn-dark:hover {
 background: linear-gradient(135deg, #111827 0%, #030712 100%);
 color: #fff;
 }
 .btn-secondary {
 background: linear-gradient(135deg, #64748B 0%, #475569 100%);
 border: none; color: #fff;
 box-shadow: 0 4px 12px rgba(100,116,139,.25);
 }
 .btn-secondary:hover {
 background: linear-gradient(135deg, #475569 0%, #334155 100%);
 color: #fff;
 }

 /* Outline butonlar - premium soft hover */
 .btn-outline-primary,
 .btn-outline-success,
 .btn-outline-danger,
 .btn-outline-warning,
 .btn-outline-info,
 .btn-outline-dark,
 .btn-outline-secondary {
 background: #FFFFFF;
 box-shadow: 0 1px 2px rgba(15,23,42,.04),
 0 2px 6px rgba(15,23,42,.06);
 }
 .btn-outline-primary { border-color: #93C5FD; color: #1E40AF; }
 .btn-outline-primary:hover {
 background: linear-gradient(135deg, #DBEAFE 0%, #E0F2FE 100%);
 border-color: #3B82F6; color: #1E3A8A;
 box-shadow: 0 6px 14px rgba(59,130,246,.2);
 }
 .btn-outline-success { border-color: #86EFAC; color: #166534; }
 .btn-outline-success:hover {
 background: linear-gradient(135deg, #DCFCE7 0%, #D1FAE5 100%);
 border-color: #22C55E; color: #14532D;
 box-shadow: 0 6px 14px rgba(34,197,94,.2);
 }
 .btn-outline-danger { border-color: #FCA5A5; color: #991B1B; }
 .btn-outline-danger:hover {
 background: linear-gradient(135deg, #FEE2E2 0%, #FECACA 100%);
 border-color: #EF4444; color: #7F1D1D;
 box-shadow: 0 6px 14px rgba(239,68,68,.2);
 }
 .btn-outline-warning { border-color: #FCD34D; color: #92400E; }
 .btn-outline-warning:hover {
 background: linear-gradient(135deg, #FEF3C7 0%, #FED7AA 100%);
 border-color: #F59E0B; color: #78350F;
 }
 .btn-outline-info { border-color: #67E8F9; color: #155E75; }
 .btn-outline-info:hover {
 background: linear-gradient(135deg, #CFFAFE 0%, #A5F3FC 100%);
 border-color: #06B6D4; color: #164E63;
 }
 .btn-outline-dark { border-color: #94A3B8; color: #1E293B; }
 .btn-outline-dark:hover {
 background: linear-gradient(135deg, #F1F5F9 0%, #E2E8F0 100%);
 border-color: #475569; color: #0F172A;
 }
 .btn-outline-secondary { border-color: #CBD5E1; color: #475569; }
 .btn-outline-secondary:hover {
 background: linear-gradient(135deg, #F8FAFC 0%, #F1F5F9 100%);
 border-color: #94A3B8; color: #1E293B;
 }

 /* btn-lg ekstra premium */
 .btn-lg {
 padding: 12px 22px; font-size: 15px; border-radius: 14px;
 font-weight: 700;
 }
 .btn-sm { border-radius: 10px; }

 /* Sidebar quick action premium */
 .sidebar-quick-action {
 background: linear-gradient(135deg, #FFFFFF 0%, #F8FAFC 100%);
 border: 1px solid rgba(15,23,42,.08);
 transition: all .2s cubic-bezier(.2,.6,.2,1);
 box-shadow: 0 1px 2px rgba(15,23,42,.04);
 }
 .sidebar-quick-action:hover {
 transform: translateY(-2px);
 box-shadow: 0 8px 18px rgba(15,23,42,.1);
 border-color: var(--palette-accent, #0078D4);
 }

 /* Sidebar link premium hover - tiklamayi GARANTI EDIYORUZ */
 .sidebar-link {
 transition: all .15s cubic-bezier(.2,.6,.2,1);
 border-radius: 10px;
 pointer-events: auto !important;
 cursor: pointer;
 position: relative;
 z-index: 2;
 }
 .sidebar-link * {
 pointer-events: none; /* span/icon tiklamayı linke aktarsın */
 }
 .sidebar-link:hover {
 transform: translateX(2px);
 background: linear-gradient(90deg,
 var(--palette-accent-soft, #DBEAFE) 0%,
 rgba(255,255,255,0) 100%);
 }
 .sidebar-link.active {
 background: linear-gradient(135deg,
 var(--palette-accent, #0078D4) 0%,
 var(--palette-accent-dark, #0050A0) 100%);
 color: #fff !important;
 box-shadow: 0 6px 14px rgba(0,120,212,.25);
 }
 .sidebar-link.active span,
 .sidebar-link.active i { color: #fff !important; }

 /* Card premium */
 .card {
 border-radius: 16px;
 border: 1px solid rgba(15,23,42,.06);
 transition: all .2s cubic-bezier(.2,.6,.2,1);
 }
 .card:hover {
 box-shadow: 0 14px 30px rgba(15,23,42,.08);
 }
 .card-header {
 border-radius: 16px 16px 0 0;
 border-bottom: 1px solid rgba(15,23,42,.06);
 font-weight: 700;
 }

 /* Tool-card / Quick-primary (hasta sayfasi büyük buton kartlari) */
 .tool-card {
 transition: all .2s cubic-bezier(.2,.6,.2,1);
 border-radius: 14px;
 }
 .tool-card:hover {
 transform: translateY(-3px);
 box-shadow: 0 14px 28px rgba(15,23,42,.12);
 }

 /* Dark mode renk overrideları */
 :root[data-theme="dark"] .btn-outline-primary,
 :root[data-theme="dark"] .btn-outline-success,
 :root[data-theme="dark"] .btn-outline-danger,
 :root[data-theme="dark"] .btn-outline-warning,
 :root[data-theme="dark"] .btn-outline-info,
 :root[data-theme="dark"] .btn-outline-dark,
 :root[data-theme="dark"] .btn-outline-secondary {
 background: rgba(15,23,42,.5);
 color: #e2e8f0;
 }
 :root[data-theme="dark"] .btn-outline-primary { border-color: #3B82F6; color: #BFDBFE; }
 :root[data-theme="dark"] .btn-outline-primary:hover { background: rgba(59,130,246,.18); color: #fff; }
 :root[data-theme="dark"] .btn-outline-success { border-color: #22C55E; color: #BBF7D0; }
 :root[data-theme="dark"] .btn-outline-danger { border-color: #F87171; color: #FECACA; }
 :root[data-theme="dark"] .btn-outline-warning { border-color: #FBBF24; color: #FDE68A; }
 :root[data-theme="dark"] .btn-outline-info { border-color: #22D3EE; color: #A5F3FC; }
 :root[data-theme="dark"] .btn-outline-dark { border-color: #94A3B8; color: #E2E8F0; }
 :root[data-theme="dark"] .btn-outline-secondary { border-color: #64748B; color: #CBD5E1; }
 :root[data-theme="dark"] .card {
 background: linear-gradient(145deg, rgba(17,29,48,.96), rgba(12,24,40,.92));
 border-color: rgba(125,211,252,.12);
 }

 /* === Dark mode okunabilirlik koruma (low-contrast yazilari aydinlat) === */
 :root[data-theme="dark"] {
 color-scheme: dark;
 }
 :root[data-theme="dark"] body,
 :root[data-theme="dark"] .card-body,
 :root[data-theme="dark"] .yk-eb-card,
 :root[data-theme="dark"] .yk-bk-card,
 :root[data-theme="dark"] .yk-mt-card,
 :root[data-theme="dark"] .gebe-card,
 :root[data-theme="dark"] .preg-card,
 :root[data-theme="dark"] .preg-panel,
 :root[data-theme="dark"] .yk-card,
 :root[data-theme="dark"] .yk-panel,
 :root[data-theme="dark"] .yk-stat,
 :root[data-theme="dark"] .yk-tile {
 color: #e6f3ff;
 }
 :root[data-theme="dark"] small,
 :root[data-theme="dark"] .text-muted,
 :root[data-theme="dark"] .small,
 :root[data-theme="dark"] .yk-stat span,
 :root[data-theme="dark"] .preg-info-card small,
 :root[data-theme="dark"] .preg-icon-card small,
 :root[data-theme="dark"] .yk-stat b,
 :root[data-theme="dark"] .preg-info-card b,
 :root[data-theme="dark"] .preg-step h3,
 :root[data-theme="dark"] .preg-panel h3,
 :root[data-theme="dark"] .preg-icon-card b,
 :root[data-theme="dark"] .yk-eb-rec-sub,
 :root[data-theme="dark"] .form-text {
 color: #c5d8ee !important;
 }
 :root[data-theme="dark"] code,
 :root[data-theme="dark"] pre code {
 background: rgba(125, 211, 252, .15);
 color: #e0f2fe !important;
 }
 /* Dark mode'da Bootstrap default text-muted */
 :root[data-theme="dark"] .text-muted {
 color: rgba(220, 235, 250, .75) !important;
 }
 /* Dark form input renkleri */
 :root[data-theme="dark"] .form-control,
 :root[data-theme="dark"] .form-select {
 background-color: rgba(15, 23, 42, .85);
 color: #e6f3ff;
 border-color: rgba(125, 211, 252, .25);
 }
 :root[data-theme="dark"] .form-control::placeholder {
 color: rgba(220, 235, 250, .5);
 }
 :root[data-theme="dark"] .form-control:focus,
 :root[data-theme="dark"] .form-select:focus {
 background-color: rgba(15, 23, 42, .95);
 color: #ffffff;
 border-color: #93c5fd;
 box-shadow: 0 0 0 0.2rem rgba(125, 211, 252, .25);
 }
 /* Dark alert renk normalizasyonu */
 :root[data-theme="dark"] .alert-info {
 background: rgba(56, 189, 248, .12);
 color: #bfeaff;
 border-color: rgba(56, 189, 248, .35);
 }
 :root[data-theme="dark"] .alert-success {
 background: rgba(74, 222, 128, .14);
 color: #c8f3d0;
 border-color: rgba(74, 222, 128, .35);
 }
 :root[data-theme="dark"] .alert-warning {
 background: rgba(251, 191, 36, .14);
 color: #fde68a;
 border-color: rgba(251, 191, 36, .35);
 }
 :root[data-theme="dark"] .alert-danger {
 background: rgba(248, 113, 113, .14);
 color: #fecaca;
 border-color: rgba(248, 113, 113, .35);
 }
 :root[data-theme="dark"] .alert-secondary {
 background: rgba(148, 163, 184, .15);
 color: #e2e8f0;
 border-color: rgba(148, 163, 184, .3);
 }
 /* Sidebar dark item */
 :root[data-theme="dark"] .sidebar-link {
 color: #cfe3ff;
 }
 :root[data-theme="dark"] .sidebar-link:hover {
 color: #ffffff;
 }

 /* === Yuvarlak köşelerde yazı taşması koruması (genel) ===
 Border-radius olan kart/panel/badge'lerde uzun Türkçe sözcükler veya
 ad-soyad+TC kombinasyonları köşelere değiyor. Aşağıdaki kurallar
 sayfa tasarımını bozmadan tüm metinlerin alanına sığmasını sağlar. */
 .card, .gebe-card, .preg-card, .preg-step, .preg-life-row,
 .yk-eb-card, .yk-bk-card, .yk-mt-card,
 .alert, .modal-content,
 .yk-card, .yk-panel, .yk-tile, .yk-mode-card,
 .tool-card, .quick-primary, .quick-secondary,
 .vp-demo-cell, .vp-visit-item,
 .pdf-main, .yk-pdf-source, .yk-ai-card, .yk-ai-diet,
 .border, .border.rounded {
 overflow-wrap: anywhere;
 word-wrap: break-word;
 min-width: 0;
 box-sizing: border-box;
 }
 .card *, .gebe-card *, .preg-card *, .yk-eb-card *,
 .yk-bk-card *, .yk-mt-card *, .alert *,
 .yk-tile *, .tool-card * {
 min-width: 0;
 }
/* Tablo icinde uzun Turkce sozcukler */
table.table td, table.table th {
overflow-wrap: anywhere;
word-break: break-word;
}
/* Yuvarlak panel + tablo kenarlarinda ilk/son harf kirpilmasin */
table.table th:first-child, table.table td:first-child {
padding-left: calc(var(--space-4, 16px) + 10px) !important;
}
table.table th:last-child, table.table td:last-child {
padding-right: calc(var(--space-4, 16px) + 10px) !important;
}
 /* Badge / pill / chip yuvarlak koseden tasmasin */
 .badge, .pill, .chip, .tag-chip,
 .yk-eb-counter {
 max-width: 100%;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .badge.allow-wrap, .yk-bk-issue {
 white-space: normal;
 overflow-wrap: anywhere;
 max-width: 100%;
 }
 /* Buton icindeki uzun isimler */
 .btn { max-width: 100%; }
 .btn span, .btn small, .btn b { overflow-wrap: anywhere; }
 /* Mobilde dar viewport icin ekstra koruma */
 @media (max-width: 480px) {
 .gebe-card, .preg-card, .yk-eb-card, .yk-bk-card, .yk-mt-card,
 .alert, .card { padding-inline: 14px !important; }
 .ga-display { font-size: 36px !important; }
 }
 /* ═══════════════════════════════════════════════════════════════
 YazKlinik - Bulutklinik Esintili Tasarım
 • Sol sidebar (ikon + yazı, sabit)
 • Ferah üst bar (arama + bildirim + profil)
 • Renkli vurgu kartları (yeşil/mavi/mor)
 • Plus Jakarta Sans - modern, ferah tıbbi font
 • Mobilde bottom nav + hamburger
 ═══════════════════════════════════════════════════════════════ */

 :root {
 /* Ana renkler - bulutklinik esintili ama zarif */
--accent: #10B981; /* Ana yeÅŸil accent (bulutklinik gibi) */
--accent-dark: #059669;
--accent-light: #D1FAE5;
--accent-bg: #ECFDF5;
--purple: #8B5CF6;
--purple-dark: #7C3AED;
--purple-light: #EDE9FE;
--blue: #3B82F6;
--blue-dark: #2563EB;
--blue-light: #DBEAFE;
--pink: #EC4899;
--pink-light: #FCE7F3;
--orange: #F59E0B;
--orange-light: #FEF3C7;
 
 /* Arka plan sistemi */
--bg: #F8FAFC; /* Çok açık gri - ferah */
--surface: #FFFFFF; /* Kartlar */
--surface-hover: #F1F5F9; /* Hover */
--sidebar-bg: #FFFFFF; /* Sidebar - temiz beyaz */
--header-bg: rgba(255,255,255,0.80);
 
 /* Yazı renkleri */
--text: #0F172A; /* Ana yazı */
--text-muted: #64748B; /* Ä°kincil */
--text-fade: #94A3B8; /* Pasif */
 
 /* Kenarlıklar */
--border: #E2E8F0;
--border-light: #F1F5F9;
--divider: #F1F5F9;
 
 /* Sistem renkleri */
--success: #10B981;
--success-bg: #D1FAE5;
--warning: #F59E0B;
--warning-bg: #FEF3C7;
--danger: #EF4444;
--danger-bg: #FEE2E2;
--info: #3B82F6;
--info-bg: #DBEAFE;

 /* Tipografi */
--font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
--font-display: 'Plus Jakarta Sans', -apple-system, sans-serif;
--font-serif: 'Instrument Serif', Georgia, serif;
--font-mono: 'SF Mono', 'Monaco', monospace;

 /* Spacing */
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-7: 32px;
--space-8: 40px;

 /* Köşeler - yumuşak */
--r-sm: 6px;
--r: 10px;
--r-md: 14px;
--r-lg: 20px;
--r-xl: 24px;

 /* Gölgeler */
--shadow-xs: 0 1px 2px rgba(15,23,42,0.04);
--shadow-sm: 0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.03);
--shadow: 0 4px 12px rgba(15,23,42,0.06), 0 2px 4px rgba(15,23,42,0.04);
--shadow-md: 0 8px 24px rgba(15,23,42,0.08), 0 4px 8px rgba(15,23,42,0.04);
--shadow-lg: 0 16px 40px rgba(15,23,42,0.10), 0 8px 16px rgba(15,23,42,0.06);
--shadow-glow: 0 0 0 4px rgba(16,185,129,0.15);

 /* Geçişler */
--ease: cubic-bezier(0.32, 0.72, 0, 1);
--t-fast: 150ms;
--t: 250ms;

 /* Sidebar ayarları */
--sidebar-w: 240px;
--sidebar-w-sm: 72px;
--header-h: 68px;

 /* Legacy uyumluluk */
--primary: var(--accent);
--primary-dark: var(--accent-dark);
--primary-light: var(--accent-light);
--primary-bg: var(--accent-bg);
--card-bg: var(--surface);
--card-bg-alt: var(--surface-hover);
--hairline: var(--border-light);
--line: var(--border);
--ink: var(--text);
--ink-soft: var(--text-muted);
--ink-fade: var(--text-fade);
--cream: var(--bg);
--paper: var(--surface);
--sand: var(--surface-hover);
--teal: var(--accent);
--teal-soft: var(--accent-dark);
--teal-bg: var(--accent-bg);
--terra: var(--purple);
--gold: var(--orange);
--warn: var(--warning);
--warn-bg: var(--warning-bg);
--border-strong: var(--border);
--border-control: var(--border);
--hover: var(--surface-hover);
--active: #E2E8F0;
--transition: all var(--t) var(--ease);
--radius-sm: var(--r-sm);
--radius: var(--r);
--radius-lg: var(--r-md);
--radius-xl: var(--r-lg);
--shadow-flyout: var(--shadow-lg);
 }

 /* Dark mode */
 [data-theme="dark"] {
--bg: #0F172A;
--surface: #1E293B;
--surface-hover: #334155;
--sidebar-bg: #1E293B;
--header-bg: rgba(30,41,59,0.85);
--text: #F1F5F9;
--text-muted: #94A3B8;
--text-fade: #64748B;
--border: #334155;
--border-light: #293548;
--divider: #293548;
--accent-bg: rgba(16,185,129,0.15);
--hover: #334155;
 }

 *, *::before, *::after {
 box-sizing: border-box;
 }

 html {
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 text-rendering: optimizeLegibility;
 scroll-behavior: smooth;
 }

 body {
 font-family: var(--font-body);
 font-size: 14px;
 line-height: 1.5;
 color: var(--text);
 background: var(--bg);
 min-height: 100vh;
 letter-spacing: -0.003em;
 margin: 0;
 transition: background var(--t) var(--ease);
 }

 /* Tipografi */
 h1, h2, h3, h4, h5, h6 {
 font-family: var(--font-display);
 font-weight: 700;
 letter-spacing: -0.02em;
 color: var(--text);
 margin: 0 0 var(--space-3);
 line-height: 1.2;
 }
 h1 { font-size: 28px; font-weight: 800; }
 h2 { font-size: 22px; }
 h3 { font-size: 18px; }
 h4 { font-size: 16px; }
 h5 { font-size: 14px; }

 p { margin: 0 0 var(--space-4); color: var(--text-muted); }

 em, .accent-italic {
 font-family: var(--font-serif);
 font-style: italic;
 font-weight: 400;
 color: var(--accent);
 }

 a {
 color: var(--accent);
 text-decoration: none;
 transition: color var(--t-fast);
 }
 a:hover {
 color: var(--accent-dark);
 }

 code, pre {
 font-family: var(--font-mono);
 font-size: 0.88em;
 background: var(--surface-hover);
 padding: 2px 6px;
 border-radius: 4px;
 color: var(--accent-dark);
 }

 /* ═══ APP LAYOUT - sidebar + main ═══ */
 .app-layout {
 display: flex;
 min-height: 100vh;
 }

 /* ═══ SIDEBAR ═══ */
 .sidebar {
 width: var(--sidebar-w);
 background: var(--sidebar-bg);
 border-right: 1px solid var(--border-light);
 padding: var(--space-5) var(--space-3);
 position: fixed;
 top: 0;
 left: 0;
 bottom: 0;
 overflow-y: auto;
 z-index: 100;
 transition: transform var(--t) var(--ease);
 }

 .sidebar-brand {
 display: flex;
 align-items: center;
 gap: var(--space-3);
 padding: var(--space-3) var(--space-3);
 margin-bottom: var(--space-5);
 text-decoration: none;
 }
 .sidebar-brand-icon {
 width: 36px;
 height: 36px;
 background: linear-gradient(135deg, var(--accent), var(--accent-dark));
 border-radius: var(--r);
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 20px;
 box-shadow: var(--shadow-sm);
 }
 .sidebar-brand-text {
 font-family: var(--font-display);
 font-weight: 800;
 font-size: 18px;
 letter-spacing: -0.02em;
 color: var(--text);
 }

 .sidebar-section {
 margin-bottom: var(--space-5);
 }
 .sidebar-section-title {
 font-size: 11px;
 font-weight: 600;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--text-fade);
 padding: 0 var(--space-3);
 margin-bottom: var(--space-2);
 }

 .sidebar-link {
 display: flex;
 align-items: center;
 gap: var(--space-3);
 padding: 10px var(--space-3);
 border-radius: var(--r);
 color: var(--text-muted);
 font-size: 14px;
 font-weight: 500;
 transition: var(--transition);
 margin-bottom: 2px;
 position: relative;
 }
 .sidebar-link:hover {
 background: var(--surface-hover);
 color: var(--text);
 }
 .sidebar-link.active {
 background: var(--accent-bg);
 color: var(--accent-dark);
 font-weight: 600;
 }
 .sidebar-link.active::before {
 content: '';
 position: absolute;
 left: -4px;
 top: 10px;
 bottom: 10px;
 width: 3px;
 background: var(--accent);
 border-radius: 2px;
 }
 .sidebar-link-icon {
 font-size: 18px;
 width: 24px;
 text-align: center;
 }

 .sidebar-footer {
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 padding: var(--space-3);
 border-top: 1px solid var(--border-light);
 background: var(--sidebar-bg);
 }

 /* ═══ TOP HEADER ═══ */
 .top-header {
 position: fixed;
 top: 0;
 left: var(--sidebar-w);
 right: 0;
 height: var(--header-h);
 background: var(--header-bg);
 backdrop-filter: saturate(180%) blur(20px);
 -webkit-backdrop-filter: saturate(180%) blur(20px);
 border-bottom: 1px solid var(--border-light);
 display: flex;
 align-items: center;
 padding: 0 var(--space-6);
 gap: var(--space-4);
 z-index: 90;
 transition: left var(--t) var(--ease);
 }

 .search-box {
 flex: 1;
 max-width: 480px;
 position: relative;
 }
 .search-box input {
 width: 100%;
 height: 42px;
 padding: 0 var(--space-4) 0 40px;
 background: var(--surface-hover);
 border: 1px solid transparent;
 border-radius: var(--r-md);
 font-family: inherit;
 font-size: 14px;
 color: var(--text);
 transition: var(--transition);
 }
 .search-box input:focus {
 background: var(--surface);
 border-color: var(--accent);
 box-shadow: var(--shadow-glow);
 outline: none;
 }
 .search-box::before {
 content: '🔍';
 position: absolute;
 left: var(--space-3);
 top: 50%;
 transform: translateY(-50%);
 font-size: 14px;
 opacity: 0.5;
 }

 .header-actions {
 display: flex;
 align-items: center;
 gap: var(--space-2);
 margin-left: auto;
 }

 .header-icon-btn {
 width: 40px;
 height: 40px;
 border-radius: var(--r);
 background: transparent;
 border: none;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 18px;
 color: var(--text-muted);
 cursor: pointer;
 transition: var(--transition);
 position: relative;
 text-decoration: none;
 }
 .header-icon-btn:hover {
 background: var(--surface-hover);
 color: var(--text);
 }
 .header-icon-btn.has-badge::after {
 content: '';
 position: absolute;
 top: 8px;
 right: 8px;
 width: 8px;
 height: 8px;
 background: var(--danger);
 border: 2px solid var(--surface);
 border-radius: 50%;
 }

 .profile-chip {
 display: flex;
 align-items: center;
 gap: var(--space-3);
 padding: 6px var(--space-3) 6px 6px;
 background: var(--surface-hover);
 border-radius: 24px;
 cursor: pointer;
 transition: var(--transition);
 text-decoration: none;
 }
 .profile-chip:hover {
 background: var(--accent-bg);
 }
 .profile-avatar {
 width: 32px;
 height: 32px;
 border-radius: 50%;
 background: linear-gradient(135deg, var(--accent), var(--accent-dark));
 color: white;
 display: flex;
 align-items: center;
 justify-content: center;
 font-weight: 700;
 font-size: 13px;
 }
 .profile-name {
 font-size: 13px;
 font-weight: 600;
 color: var(--text);
 }

 /* ═══ MAIN İÇERİK ═══ */
 .main-content {
 flex: 1;
 margin-left: var(--sidebar-w);
 padding-top: var(--header-h);
 min-height: 100vh;
 transition: margin-left var(--t) var(--ease);
 }

 .main-container {
 max-width: 1400px;
 margin: 0 auto;
 padding: var(--space-7) var(--space-6);
 animation: fadeUp 400ms var(--ease);
 }
 @keyframes fadeUp {
 from { opacity: 0; transform: translateY(8px); }
 to { opacity: 1; transform: translateY(0); }
 }

 /* ═══ KARTLAR ═══ */
 .card {
 background: var(--surface);
 border: 1px solid var(--border-light);
 border-radius: var(--r-md);
 box-shadow: var(--shadow-xs);
 transition: var(--transition);
 overflow: hidden;
 }
 .card:hover {
 box-shadow: var(--shadow-sm);
 border-color: var(--border);
 }
 .card-header {
 background: transparent;
 border-bottom: 1px solid var(--border-light);
 padding: var(--space-4) var(--space-5);
 font-family: var(--font-display);
 font-weight: 700;
 font-size: 15px;
 color: var(--text);
 }
 .card-body { padding: var(--space-5); }

 /* ═══ BÜYÜK VURGU KART (bulutklinik yeşil kart gibi) ═══ */
 .hero-card {
 background: linear-gradient(135deg, #10B981 0%, #059669 100%);
 color: white;
 border-radius: var(--r-lg);
 padding: var(--space-7);
 position: relative;
 overflow: hidden;
 }
 .hero-card::before {
 content: '';
 position: absolute;
 top: -50%;
 right: -20%;
 width: 400px;
 height: 400px;
 background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
 pointer-events: none;
 }
 .hero-card h2, .hero-card h3 {
 color: white;
 }
 .hero-card-purple {
 background: linear-gradient(135deg, #8B5CF6 0%, #7C3AED 100%);
 }
 .hero-card-blue {
 background: linear-gradient(135deg, #3B82F6 0%, #2563EB 100%);
 }
 .hero-card-pink {
 background: linear-gradient(135deg, #EC4899 0%, #DB2777 100%);
 }
 .hero-card-orange {
 background: linear-gradient(135deg, #F59E0B 0%, #D97706 100%);
 }

 /* ═══ STAT MINI KART ═══ */
 .stat-mini {
 background: var(--surface);
 border: 1px solid var(--border-light);
 border-radius: var(--r-md);
 padding: var(--space-4) var(--space-5);
 text-align: center;
 transition: var(--transition);
 cursor: pointer;
 }
 .stat-mini:hover {
 transform: translateY(-2px);
 box-shadow: var(--shadow);
 border-color: var(--accent);
 }
 .stat-mini-value {
 font-size: 28px;
 font-weight: 800;
 color: var(--text);
 letter-spacing: -0.02em;
 line-height: 1;
 }
 .stat-mini-label {
 font-size: 12px;
 color: var(--text-muted);
 font-weight: 500;
 margin-top: 4px;
 }

 /* Varyasyonlar */
 .stat-mini.green { background: var(--accent-bg); border-color: var(--accent-light); }
 .stat-mini.green .stat-mini-value { color: var(--accent-dark); }
 .stat-mini.blue { background: var(--blue-light); border-color: var(--blue-light); }
 .stat-mini.blue .stat-mini-value { color: var(--blue-dark); }
 .stat-mini.purple { background: var(--purple-light); border-color: var(--purple-light); }
 .stat-mini.purple .stat-mini-value { color: var(--purple-dark); }
 .stat-mini.pink { background: var(--pink-light); border-color: var(--pink-light); }
 .stat-mini.pink .stat-mini-value { color: var(--pink); }
 .stat-mini.orange { background: var(--orange-light); border-color: var(--orange-light); }
 .stat-mini.orange .stat-mini-value { color: var(--orange); }

 /* ═══ BUTONLAR ═══ */
 .btn {
 font-family: inherit;
 font-weight: 600;
 font-size: 14px;
 border-radius: var(--r);
 padding: 10px 18px;
 border: 1px solid transparent;
 transition: var(--transition);
 min-height: 40px;
 line-height: 1.4;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 6px;
 cursor: pointer;
 letter-spacing: -0.005em;
 }
 .btn:hover {
 transform: translateY(-1px);
 box-shadow: var(--shadow);
 }
 .btn:active { transform: translateY(0); box-shadow: var(--shadow-xs); }
 .btn-lg { padding: 12px 24px; font-size: 15px; min-height: 48px; }
 .btn-sm { padding: 6px 12px; font-size: 13px; min-height: 32px; }

 .btn-primary {
 background: var(--accent);
 color: white;
 border-color: var(--accent);
 }
 .btn-primary:hover {
 background: var(--accent-dark);
 border-color: var(--accent-dark);
 color: white;
 }

 .btn-secondary, .btn-default {
 background: var(--surface-hover);
 color: var(--text);
 border-color: var(--surface-hover);
 }
 .btn-secondary:hover, .btn-default:hover {
 background: var(--surface);
 border-color: var(--border);
 color: var(--text);
 }

 .btn-success { background: var(--success); color: white; border-color: var(--success); }
 .btn-success:hover { background: #059669; border-color: #059669; color: white; }

 .btn-danger { background: var(--danger); color: white; border-color: var(--danger); }
 .btn-danger:hover { background: #DC2626; border-color: #DC2626; color: white; }

 .btn-warning { background: var(--warning); color: white; border-color: var(--warning); }
 .btn-warning:hover { background: #D97706; border-color: #D97706; color: white; }

 .btn-info { background: var(--info); color: white; border-color: var(--info); }
 .btn-info:hover { background: #2563EB; border-color: #2563EB; color: white; }

 .btn-outline-primary { background: transparent; color: var(--accent); border-color: var(--accent); }
 .btn-outline-primary:hover { background: var(--accent); color: white; }

 .btn-outline-secondary { background: transparent; color: var(--text-muted); border-color: var(--border); }
 .btn-outline-secondary:hover { background: var(--surface-hover); color: var(--text); border-color: var(--border); }

 .btn-outline-danger { background: transparent; color: var(--danger); border-color: var(--danger); }
 .btn-outline-danger:hover { background: var(--danger); color: white; }

 .btn-outline-success { background: transparent; color: var(--success); border-color: var(--success); }
 .btn-outline-success:hover { background: var(--success); color: white; }

 .btn-outline-info { background: transparent; color: var(--info); border-color: var(--info); }
 .btn-outline-info:hover { background: var(--info); color: white; }

 .btn-outline-warning { background: transparent; color: var(--warning); border-color: var(--warning); }
 .btn-outline-warning:hover { background: var(--warning); color: white; }

 /* ═══ FORM KONTROL ═══ */
 .form-control, .form-select {
 background: var(--surface);
 border: 1px solid var(--border);
 border-radius: var(--r);
 color: var(--text);
 padding: 10px 14px;
 font-size: 14px;
 font-family: inherit;
 min-height: 42px;
 transition: var(--transition);
 width: 100%;
 }
 .form-control:hover, .form-select:hover { border-color: var(--text-fade); }
 .form-control:focus, .form-select:focus {
 border-color: var(--accent);
 box-shadow: var(--shadow-glow);
 outline: none;
 }
 .form-control::placeholder { color: var(--text-fade); }
 .form-control-lg, .form-select-lg { padding: 12px 16px; font-size: 16px; min-height: 48px; }
 .form-control-sm, .form-select-sm { padding: 6px 10px; font-size: 13px; min-height: 32px; }
 .form-label {
 font-family: inherit;
 font-size: 13px;
 font-weight: 600;
 color: var(--text);
 margin-bottom: 6px;
 }
 textarea.form-control { min-height: 80px; line-height: 1.55; }

 /* ═══ HASTA KARTI ═══ */
 .patient-card {
 background: var(--surface);
 border: 1px solid var(--border-light);
 border-radius: var(--r-md);
 padding: var(--space-4) var(--space-5);
 margin-bottom: var(--space-2);
 transition: var(--transition);
 cursor: pointer;
 position: relative;
 overflow: hidden;
 }
 .patient-card::before {
 content: '';
 position: absolute;
 left: 0; top: 0; bottom: 0;
 width: 3px;
 background: transparent;
 transition: background var(--t-fast);
 }
 .patient-card:hover {
 border-color: var(--accent);
 box-shadow: var(--shadow);
 transform: translateX(4px);
 }
 .patient-card:hover::before { background: var(--accent); }

 /* ═══ TABLO ═══ */
 .table {
 color: var(--text);
 margin-bottom: 0;
 font-size: 14px;
 width: 100%;
 border-collapse: separate;
 border-spacing: 0;
 }
 .table thead th {
 background: var(--surface-hover);
 color: var(--text-muted);
 font-family: inherit;
 font-weight: 600;
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 border-bottom: 1px solid var(--border);
 padding: var(--space-3) var(--space-4);
 text-align: left;
 }
.table tbody td {
padding: var(--space-3) var(--space-4);
border-bottom: 1px solid var(--border-light);
vertical-align: middle;
}
.yk-edge-safe-table thead th:first-child,
.yk-edge-safe-table tbody td:first-child {
padding-left: calc(var(--space-4) + 8px) !important;
}
.yk-edge-safe-table thead th:last-child,
.yk-edge-safe-table tbody td:last-child {
padding-right: calc(var(--space-4) + 8px) !important;
}
.yk-edge-safe-table thead th,
.yk-edge-safe-table tbody td {
background-clip: padding-box;
}
.table-hover tbody tr { transition: background var(--t-fast); }
.table-hover tbody tr:hover { background: var(--surface-hover); }
.table-light { background: var(--surface-hover); }

 /* ═══ BADGE ═══ */
 .badge {
 font-family: inherit;
 font-weight: 600;
 font-size: 11px;
 letter-spacing: 0.02em;
 padding: 4px 10px;
 border-radius: 6px;
 line-height: 1.4;
 display: inline-block;
 }
 .bg-primary { background: var(--accent) !important; color: white; }
 .bg-success { background: var(--success) !important; color: white; }
 .bg-danger { background: var(--danger) !important; color: white; }
 .bg-warning { background: var(--warning) !important; color: white; }
 .bg-info { background: var(--info) !important; color: white; }
 .bg-secondary { background: var(--text-muted) !important; color: white; }
 .bg-dark { background: var(--text) !important; color: white; }
 .bg-light { background: var(--surface-hover) !important; color: var(--text); }

 /* ═══ ALERT ═══ */
 .alert {
 border: 1px solid var(--border-light);
 border-left: 4px solid;
 border-radius: var(--r);
 padding: var(--space-4) var(--space-5);
 font-size: 14px;
 animation: slideDown 250ms var(--ease);
 margin-bottom: var(--space-4);
 }
 @keyframes slideDown {
 from { opacity: 0; transform: translateY(-4px); }
 to { opacity: 1; transform: translateY(0); }
 }
 .alert-info { background: var(--info-bg); color: var(--text); border-left-color: var(--info); }
 .alert-success { background: var(--success-bg); color: var(--text); border-left-color: var(--success); }
 .alert-danger { background: var(--danger-bg); color: var(--text); border-left-color: var(--danger); }
 .alert-warning { background: var(--warning-bg); color: var(--text); border-left-color: var(--warning); }

 /* ═══ TABS ═══ */
 .nav-tabs {
 border-bottom: 1px solid var(--border);
 gap: var(--space-1);
 }
 .nav-tabs .nav-link {
 border: none;
 border-bottom: 2px solid transparent;
 color: var(--text-muted);
 font-weight: 500;
 padding: var(--space-3) var(--space-4);
 border-radius: 0;
 background: transparent;
 transition: var(--transition);
 margin-bottom: -1px;
 }
 .nav-tabs .nav-link:hover { color: var(--text); border-color: var(--border); }
 .nav-tabs .nav-link.active {
 color: var(--accent);
 border-color: var(--accent);
 background: transparent;
 font-weight: 600;
 }

 /* ═══ MODAL ═══ */
 .modal-content {
 background: var(--surface);
 border: 1px solid var(--border-light);
 border-radius: var(--r-lg);
 box-shadow: var(--shadow-lg);
 }
 .modal-header {
 border-bottom: 1px solid var(--border-light);
 padding: var(--space-4) var(--space-5);
 }
 .modal-title { font-weight: 700; }
 .modal-body { padding: var(--space-5); }
 .modal-footer { border-top: 1px solid var(--border-light); padding: var(--space-4) var(--space-5); }

 /* ═══ DROPDOWN ═══ */
 .dropdown-menu {
 background: var(--surface);
 border: 1px solid var(--border);
 border-radius: var(--r);
 box-shadow: var(--shadow-lg);
 padding: var(--space-2);
 }
 .dropdown-item {
 border-radius: var(--r-sm);
 padding: var(--space-2) var(--space-3);
 color: var(--text);
 font-size: 14px;
 transition: var(--transition);
 }
 .dropdown-item:hover { background: var(--surface-hover); color: var(--text); }

 /* ═══ LIST GROUP ═══ */
 .list-group-item {
 background: var(--surface);
 border-color: var(--border-light);
 color: var(--text);
 padding: var(--space-3) var(--space-4);
 transition: var(--transition);
 }
 .list-group-item:hover { background: var(--surface-hover); }

 /* ═══ HAMBURGER MENU (MOBİL) ═══ */
 .hamburger-btn {
 display: none;
 width: 40px;
 height: 40px;
 border-radius: var(--r);
 background: transparent;
 border: none;
 font-size: 22px;
 color: var(--text);
 cursor: pointer;
 margin-right: var(--space-2);
 touch-action: manipulation;
 -webkit-tap-highlight-color: transparent;
 }
 .hamburger-btn:hover { background: var(--surface-hover); }

 .sidebar-overlay {
 display: none;
 position: fixed;
 top: 0; left: 0; right: 0; bottom: 0;
 background: rgba(15,23,42,0.5);
 z-index: 99;
 backdrop-filter: blur(4px);
 pointer-events: none;
 touch-action: manipulation;
 }
 .sidebar-overlay.show { display: block; pointer-events: auto; }

 /* ═══ RESPONSIVE ═══ */
 @media (max-width: 992px) {
 .sidebar {
 transform: translateX(-100%);
 box-shadow: var(--shadow-lg);
 }
 .sidebar.show { transform: translateX(0); }
 .top-header { left: 0; padding: 0 var(--space-4); }
 .main-content { margin-left: 0; }
 .main-container { padding: var(--space-5) var(--space-4); }
 .hamburger-btn { display: flex; align-items: center; justify-content: center; }
 .search-box { max-width: 100%; }
 }

 @media (max-width: 640px) {
 .profile-name { display: none; }
 .main-container { padding: var(--space-4) var(--space-3); }
 h1 { font-size: 22px; }
 h2 { font-size: 18px; }
 .card-body { padding: var(--space-4); }
 .hero-card { padding: var(--space-5); }
 body { padding-bottom: 70px; }
 }

 /* Mobil alt menü */
 @media (max-width: 768px) {
 .mobile-bottom-nav {
 position: fixed;
 bottom: 0;
 left: 0;
 right: 0;
 background: var(--header-bg);
 backdrop-filter: blur(20px);
 -webkit-backdrop-filter: blur(20px);
 border-top: 1px solid var(--border-light);
 display: flex;
 justify-content: space-around;
 padding: 8px 0 max(8px, env(safe-area-inset-bottom));
 z-index: 99;
 }
 .mobile-bottom-nav a {
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 2px;
 padding: 6px 12px;
 color: var(--text-muted);
 font-size: 11px;
 font-weight: 600;
 border-radius: var(--r);
 transition: var(--transition);
 }
 .mobile-bottom-nav a.active, .mobile-bottom-nav a:hover {
 color: var(--accent-dark);
 background: var(--accent-bg);
 }
 .mobile-bottom-nav span.icon { font-size: 20px; }
 }

 /* ═══ SCROLLBAR ═══ */
 ::-webkit-scrollbar { width: 10px; height: 10px; }
 ::-webkit-scrollbar-track { background: transparent; }
 ::-webkit-scrollbar-thumb {
 background: var(--border);
 border-radius: 10px;
 border: 2px solid var(--bg);
 }
 ::-webkit-scrollbar-thumb:hover { background: var(--text-fade); }

 /* ═══ FOCUS ═══ */
 *:focus-visible {
 outline: 2px solid var(--accent);
 outline-offset: 2px;
 border-radius: var(--r-sm);
 }

 /* Animasyonlar */
 @keyframes pulse-danger {
 0%, 100% { box-shadow: 0 0 0 0 rgba(239,68,68,0); }
 50% { box-shadow: 0 0 0 8px rgba(239,68,68,0.15); }
 }
 .pulse-danger { animation: pulse-danger 2s infinite; }

 /* Editorial detaylar */
 .eyebrow {
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 font-weight: 700;
 color: var(--accent-dark);
 margin-bottom: var(--space-2);
 display: block;
 }
 .lede {
 font-size: 15px;
 line-height: 1.55;
 color: var(--text-muted);
 max-width: 640px;
 }
 .divider-fancy {
 border: none;
 height: 1px;
 background: linear-gradient(to right, transparent, var(--border), transparent);
 margin: var(--space-6) 0;
 }

 .clinical-note {
 font-family: var(--font-mono);
 font-size: 13px;
 line-height: 1.7;
 background: var(--surface-hover);
 padding: var(--space-5);
 border-radius: var(--r);
 border-left: 3px solid var(--accent);
 white-space: pre-wrap;
 }

 .page-header { margin-bottom: var(--space-6); }

 /* Print */
 @media print {
 .sidebar, .top-header, .mobile-bottom-nav, .btn,
 .yk-mic-chip, .yk-mode-window, #ykModeSingleBtn,
 .yk-sidebar-mode-tabs, .header-actions { display: none !important; }
 .main-content { margin-left: 0; padding-top: 0; }
 body { background: white; color: black; font-size: 11pt; }
 .card { box-shadow: none; border: 1px solid #ccc; }
 }

 /* ═══ HASTA DOSYASI - sade ferah ═══ */
 .quick-actions {
 display: grid;
 grid-template-columns: 1fr 280px;
 gap: var(--space-3);
 }
 @media (max-width: 768px) {
 .quick-actions { grid-template-columns: 1fr; }
 }

 .quick-primary {
 display: flex;
 align-items: center;
 gap: var(--space-4);
 padding: var(--space-5);
 background: var(--card-bg, #FFFFFF);
 border: 1px solid var(--hairline, #E8E1D2);
 border-left: 3px solid var(--teal, #2B5F5C);
 border-radius: var(--r-md, 12px);
 text-decoration: none;
 color: var(--ink, #1C1F1A);
 transition: all 250ms cubic-bezier(0.32, 0.72, 0, 1);
 }
 .quick-primary:hover {
 box-shadow: 0 4px 16px rgba(28,31,26,0.08);
 transform: translateY(-2px);
 color: var(--ink, #1C1F1A);
 }
 .qp-icon {
 font-size: 28px;
 width: 56px;
 height: 56px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: var(--teal-bg, #E8F0EE);
 border-radius: var(--r, 8px);
 flex-shrink: 0;
 }
 .qp-content { flex: 1; min-width: 0; }
 .qp-title {
 font-family: var(--font-display, 'Cabinet Grotesk');
 font-weight: 700;
 font-size: 17px;
 color: var(--ink, #1C1F1A);
 margin-bottom: 2px;
 }
 .qp-desc { font-size: 13px; color: var(--ink-soft, #4A4D44); }
 .qp-arrow {
 font-size: 22px;
 color: var(--teal, #2B5F5C);
 opacity: 0.4;
 transition: all 250ms cubic-bezier(0.32, 0.72, 0, 1);
 }
 .quick-primary:hover .qp-arrow {
 opacity: 1;
 transform: translateX(4px);
 }

 .quick-secondary {
 display: flex;
 align-items: center;
 gap: var(--space-3);
 padding: var(--space-5);
 background: var(--sand, #F2EDE3);
 border: 1px solid var(--hairline, #E8E1D2);
 border-radius: var(--r-md, 12px);
 text-decoration: none;
 color: var(--ink, #1C1F1A);
 transition: all 250ms cubic-bezier(0.32, 0.72, 0, 1);
 }
 .quick-secondary:hover {
 background: var(--card-bg, #FFFFFF);
 transform: translateY(-2px);
 color: var(--ink, #1C1F1A);
 }
 .qs-icon { font-size: 24px; }
 .qs-text { font-weight: 600; font-size: 14px; }

 /* Tools collapse - disclosure */
 .tools-collapse {
 background: var(--card-bg, #FFFFFF);
 border: 1px solid var(--hairline, #E8E1D2);
 border-radius: var(--r-md, 12px);
 overflow: hidden;
 }
 .tools-collapse summary {
 padding: var(--space-4) var(--space-5);
 cursor: pointer;
 list-style: none;
 display: flex;
 align-items: center;
 gap: var(--space-3);
 font-weight: 500;
 color: var(--ink, #1C1F1A);
 transition: background 150ms;
 user-select: none;
 }
 .tools-collapse summary::-webkit-details-marker { display: none; }
 .tools-collapse summary:hover { background: var(--cream, #FAF7F2); }
 .tools-icon { font-size: 18px; }
 .tools-label {
 flex: 1;
 font-family: var(--font-display, 'Cabinet Grotesk');
 font-weight: 600;
 font-size: 15px;
 }
 .tools-count {
 font-size: 12px;
 color: var(--ink-fade, #8C8F86);
 background: var(--sand, #F2EDE3);
 padding: 3px 10px;
 border-radius: 12px;
 font-weight: 500;
 }
 .tools-chevron {
 color: var(--ink-fade, #8C8F86);
 transition: transform 250ms cubic-bezier(0.32, 0.72, 0, 1);
 font-size: 16px;
 }
 .tools-collapse[open] .tools-chevron { transform: rotate(180deg); }
 .tools-collapse[open] summary {
 border-bottom: 1px solid var(--hairline, #E8E1D2);
 }
 .tools-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
 gap: 1px;
 background: var(--hairline, #E8E1D2);
 padding: 1px;
 }
 .tool-card {
 padding: var(--space-4);
 background: var(--card-bg, #FFFFFF);
 text-decoration: none;
 color: var(--ink, #1C1F1A);
 display: flex;
 flex-direction: column;
 gap: 4px;
 transition: background 150ms;
 min-height: 96px;
 justify-content: center;
 }
 .tool-card:hover {
 background: var(--cream, #FAF7F2);
 color: var(--ink, #1C1F1A);
 }
 .tool-icon { font-size: 24px; margin-bottom: 4px; }
 .tool-name {
 font-weight: 600;
 font-size: 14px;
 color: var(--ink, #1C1F1A);
 }
 .tool-hint { font-size: 12px; color: var(--ink-fade, #8C8F86); }

 /* Patient detail action board */
 .tools-collapse.yk-actions-panel {
 border: 1px solid rgba(20, 126, 192, 0.22);
 border-radius: 20px;
 background:
 radial-gradient(circle at 10% 0%, rgba(0, 177, 169, 0.16), transparent 34%),
 radial-gradient(circle at 88% 10%, rgba(10, 96, 255, 0.12), transparent 32%),
 linear-gradient(135deg, rgba(255,255,255,0.96), rgba(236, 250, 255, 0.92));
 box-shadow: 0 18px 44px rgba(16, 77, 122, 0.12);
 overflow: hidden;
 }
 .tools-collapse.yk-actions-panel > summary {
 min-height: 62px;
 background: linear-gradient(135deg, #0A6BCE 0%, #00AFA5 100%);
 color: #fff;
 border-bottom: 0;
 font-weight: 800;
 letter-spacing: 0;
 }
 .tools-collapse.yk-actions-panel > summary:hover {
 background: linear-gradient(135deg, #075DB5 0%, #009D95 100%);
 }
 .tools-collapse.yk-actions-panel .tools-icon {
 width: 40px;
 height: 40px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 14px;
 background: rgba(255,255,255,0.18);
 box-shadow: inset 0 0 0 1px rgba(255,255,255,0.18);
 }
 .tools-collapse.yk-actions-panel .tools-label {
 color: #fff;
 font-size: 18px;
 }
 .tools-collapse.yk-actions-panel .tools-count {
 color: #0A3C64;
 background: rgba(255,255,255,0.92);
 font-weight: 800;
 }
 .tools-collapse.yk-actions-panel .tools-chevron {
 color: rgba(255,255,255,0.9);
 }
 .yk-actions-grid {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(188px, 1fr));
 gap: 12px;
 padding: 18px;
 background:
 linear-gradient(180deg, rgba(255,255,255,0.82), rgba(244, 252, 255, 0.88)),
 var(--card-bg, #fff);
 }
 .yk-actions-grid > form {
 display: flex !important;
 margin: 0;
 min-width: 0;
 }
 .yk-actions-grid .btn {
 width: 100%;
 min-height: 52px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 white-space: normal;
 text-align: center;
 line-height: 1.16;
 border-radius: 16px;
 border: 1px solid rgba(0, 105, 190, 0.22);
 background: rgba(255,255,255,0.94);
 color: #10304F !important;
 font-size: 15px;
 font-weight: 800;
 box-shadow: 0 10px 24px rgba(26, 82, 122, 0.09);
 transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease;
 }
 .yk-actions-grid .btn:hover {
 transform: translateY(-2px);
 box-shadow: 0 14px 30px rgba(20, 93, 142, 0.16);
 filter: saturate(1.04);
 }
 .yk-actions-grid .btn i { font-size: 18px; }
 .yk-actions-grid > a:nth-child(8n+1).btn,
 .yk-actions-grid > form:nth-child(8n+1) .btn {
 background: linear-gradient(135deg, #0A6BCE, #00AFA5);
 color: #fff !important;
 border-color: transparent;
 }
 .yk-actions-grid > a:nth-child(8n+2).btn,
 .yk-actions-grid > form:nth-child(8n+2) .btn {
 background: linear-gradient(135deg, #16A085, #2ECC71);
 color: #fff !important;
 border-color: transparent;
 }
 .yk-actions-grid > a:nth-child(8n+3).btn,
 .yk-actions-grid > form:nth-child(8n+3) .btn {
 background: linear-gradient(135deg, #7257E8, #3D8BFF);
 color: #fff !important;
 border-color: transparent;
 }
 .yk-actions-grid > a:nth-child(8n+4).btn,
 .yk-actions-grid > form:nth-child(8n+4) .btn {
 background: linear-gradient(135deg, #0F7EA8, #13C2A3);
 color: #fff !important;
 border-color: transparent;
 }
 .yk-actions-grid > a:nth-child(8n+5).btn,
 .yk-actions-grid > form:nth-child(8n+5) .btn {
 background: linear-gradient(135deg, #FFFFFF, #EFF8FF);
 color: #075DB5 !important;
 border-color: rgba(10, 107, 206, 0.28);
 }
 .yk-actions-grid > a:nth-child(8n+6).btn,
 .yk-actions-grid > form:nth-child(8n+6) .btn {
 background: linear-gradient(135deg, #FFFFFF, #F4FFF9);
 color: #087E65 !important;
 border-color: rgba(22, 160, 133, 0.28);
 }
 .yk-actions-grid > a:nth-child(8n+7).btn,
 .yk-actions-grid > form:nth-child(8n+7) .btn {
 background: linear-gradient(135deg, #FFF8EA, #FFFFFF);
 color: #946100 !important;
 border-color: rgba(232, 157, 20, 0.34);
 }
 .yk-actions-grid > a:nth-child(8n+8).btn,
 .yk-actions-grid > form:nth-child(8n+8) .btn {
 background: linear-gradient(135deg, #FFF1F3, #FFFFFF);
 color: #B42342 !important;
 border-color: rgba(214, 51, 108, 0.28);
 }
 .yk-actions-grid .btn.disabled,
 .yk-actions-grid .btn:disabled {
 opacity: 0.62;
 filter: grayscale(0.18);
 transform: none;
 cursor: not-allowed;
 }
 :root[data-theme="dark"] .tools-collapse.yk-actions-panel {
 background: linear-gradient(135deg, rgba(12, 26, 42, 0.96), rgba(6, 44, 52, 0.92));
 border-color: rgba(125, 211, 252, 0.24);
 }
 :root[data-theme="dark"] .yk-actions-grid {
 background: linear-gradient(180deg, rgba(9, 18, 31, 0.96), rgba(7, 37, 48, 0.92));
 }
 :root[data-theme="dark"] .yk-actions-grid .btn {
 background: rgba(16, 34, 52, 0.96);
 color: #EAF7FF !important;
 border-color: rgba(125, 211, 252, 0.28);
 }

 /* Hasta header sade ve geniÅŸ */
 .patient-header {
 margin-bottom: var(--space-5);
 padding-bottom: var(--space-4);
 border-bottom: 1px solid var(--hairline, #E8E1D2);
 }
 .patient-header h1 {
 margin-bottom: var(--space-3);
 }
 .patient-meta {
 display: flex;
 gap: var(--space-5);
 flex-wrap: wrap;
 font-size: 14px;
 color: var(--ink-soft, #4A4D44);
 }
 .patient-meta-item {
 display: inline-flex;
 flex-direction: column;
 gap: 2px;
 }
 .patient-meta-item .meta-label {
 font-size: 11px;
 text-transform: uppercase;
 letter-spacing: 0.06em;
 color: var(--ink-fade, #8C8F86);
 font-weight: 600;
 }
 .patient-meta-item .meta-value {
 font-weight: 600;
 font-size: 15px;
 color: var(--ink, #1C1F1A);
 }

 /* Sade alert kartlar (riskli bayraklar) */
 .flag-danger, .flag-warning, .flag-good {
 padding: var(--space-3) var(--space-4);
 border-radius: var(--r, 8px);
 font-size: 14px;
 margin-bottom: var(--space-2);
 border-left: 3px solid;
 }
 .flag-danger {
 background: #F5DDD7;
 color: #5A1A10;
 border-left-color: #A03A2A;
 }
 .flag-warning {
 background: #F8EFD4;
 color: #5A4810;
 border-left-color: #B8860B;
 }
 .flag-good {
 background: #DCEDDF;
 color: #1A4530;
 border-left-color: #2D6A4F;
 }

 /* ═══ YZ STATUS BADGE - header ═══ */
 .ai-status-badge {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 4px 10px 4px 8px;
 background: var(--surface-hover, #F2EDE3);
 border: 1px solid var(--hairline, #E8E1D2);
 border-radius: 999px;
 font-size: 12px;
 font-weight: 600;
 color: var(--ink-soft, #4A4D44);
 cursor: help;
 transition: all 200ms ease;
 }
 .ai-status-badge .ai-dot {
 width: 8px;
 height: 8px;
 border-radius: 50%;
 background: #B8B5AC;
 transition: all 200ms ease;
 }
 .ai-status-badge.online {
 background: rgba(45, 106, 79, 0.10);
 border-color: rgba(45, 106, 79, 0.25);
 color: #2D6A4F;
 }
 .ai-status-badge.online .ai-dot {
 background: #2D6A4F;
 box-shadow: 0 0 0 0 rgba(45, 106, 79, 0.6);
 animation: ai-pulse 2s ease-in-out infinite;
 }
 .ai-status-badge.offline {
 background: rgba(160, 58, 42, 0.08);
 border-color: rgba(160, 58, 42, 0.20);
 color: #A03A2A;
 }
 .ai-status-badge.offline .ai-dot {
 background: #A03A2A;
 }
 @keyframes ai-pulse {
 0%, 100% { box-shadow: 0 0 0 0 rgba(45, 106, 79, 0.5); }
 50% { box-shadow: 0 0 0 6px rgba(45, 106, 79, 0); }
 }

 /* Sidebar mini badge (YENİ etiketleri için) */
 .sidebar-badge-mini {
 margin-left: auto;
 font-size: 9px;
 font-weight: 700;
 letter-spacing: 0.06em;
 background: var(--accent, #2B5F5C);
 color: white;
 padding: 2px 6px;
 border-radius: 4px;
 text-transform: uppercase;
 }

 /* ═══ AKTİF HASTA BANNER - sticky üst ═══ */
 .active-patient-banner {
 /* D250 2026-05-11: fixed bottom; eski sticky top fullscreen icerigi ortuyordu. */
 position: fixed !important;
 bottom: 0 !important;
 top: auto !important;
 left: 0 !important;
 right: 0 !important;
 z-index: 110;
 background: linear-gradient(135deg,
 rgba(43, 95, 92, 0.96),
 rgba(43, 95, 92, 0.88));
 color: white;
 padding: 10px 24px;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 16px;
 box-shadow: 0 -2px 8px rgba(43, 95, 92, 0.25);
 backdrop-filter: blur(10px);
 animation: apb-slide-up 0.3s ease;
 }
 @keyframes apb-slide-up {
 from { transform: translateY(100%); opacity: 0; }
 to { transform: translateY(0); opacity: 1; }
 }
 .apb-left {
 display: flex;
 align-items: center;
 gap: 10px;
 flex: 1;
 min-width: 0;
 }
 .apb-pulse {
 width: 8px;
 height: 8px;
 background: #4ADE80;
 border-radius: 50%;
 box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.6);
 animation: apb-pulse 2s ease-in-out infinite;
 flex-shrink: 0;
 }
 @keyframes apb-pulse {
 0%, 100% { box-shadow: 0 0 0 0 rgba(74, 222, 128, 0.5); }
 50% { box-shadow: 0 0 0 8px rgba(74, 222, 128, 0); }
 }
 .apb-icon {
 font-size: 16px;
 flex-shrink: 0;
 }
 .apb-label {
 font-size: 13px;
 opacity: 0.85;
 flex-shrink: 0;
 }
 .apb-name {
 color: white;
 font-weight: 700;
 font-size: 16px;
 text-decoration: none;
 letter-spacing: 0.02em;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
 max-width: 400px;
 }
 .apb-name:hover {
 text-decoration: underline;
 color: white;
 }
 .apb-source {
 font-size: 11px;
 background: rgba(255, 255, 255, 0.2);
 padding: 2px 8px;
 border-radius: 10px;
 flex-shrink: 0;
 }
 .apb-right {
 display: flex;
 align-items: center;
 gap: 8px;
 flex-shrink: 0;
 }
 .apb-action {
 color: white;
 background: rgba(255, 255, 255, 0.18);
 padding: 6px 14px;
 border-radius: 6px;
 text-decoration: none;
 font-size: 13px;
 font-weight: 600;
 transition: all 200ms ease;
 }
 .apb-action:hover {
 background: rgba(255, 255, 255, 0.28);
 color: white;
 }
 .apb-clear {
 background: transparent;
 color: white;
 border: 1px solid rgba(255, 255, 255, 0.3);
 width: 28px;
 height: 28px;
 border-radius: 50%;
 cursor: pointer;
 font-size: 14px;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: all 150ms;
 }
 .apb-clear:hover {
 background: rgba(255, 255, 255, 0.2);
 }
@media (max-width: 768px) {
.apb-source { display: none; }
.apb-name { max-width: 200px; }
}

/* Akilli arkadas banneri */
.yk-friendly-banner {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 12px;
border: 1px solid rgba(10, 107, 206, 0.24);
border-left: 4px solid #0A6BCE;
border-radius: 14px;
background: linear-gradient(135deg, rgba(255,255,255,0.94), rgba(236,248,255,0.92));
box-shadow: 0 10px 28px rgba(15, 76, 121, 0.10);
padding: 12px 14px;
margin-bottom: 14px;
opacity: 0;
transform: translateY(-6px);
transition: opacity 220ms ease, transform 220ms ease;
}
.yk-friendly-banner.show {
opacity: 1;
transform: translateY(0);
}
.yk-friendly-banner[data-priority="watch"] {
border-color: rgba(10,107,206,0.26);
box-shadow: 0 14px 32px rgba(10,107,206,0.16);
}
.yk-friendly-banner[data-priority="urgent"] {
border-color: rgba(196,43,28,0.28);
box-shadow: 0 16px 36px rgba(196,43,28,0.16);
background: linear-gradient(135deg, #fff7f5, #eef8ff);
}
.yk-friendly-banner[data-priority="urgent"] .yk-friendly-banner-icon {
background: linear-gradient(135deg, #C42B1C, #F59E0B);
}
.yk-friendly-banner-main {
display: flex;
align-items: flex-start;
gap: 10px;
min-width: 0;
flex: 1;
}
.yk-friendly-banner-icon {
width: 34px;
height: 34px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(10,107,206,0.15), rgba(0,175,165,0.16));
color: #0A4A80;
font-size: 18px;
flex-shrink: 0;
}
.yk-friendly-banner-title {
font-weight: 800;
font-size: 14px;
color: #17324D;
line-height: 1.3;
}
.yk-friendly-banner-text {
margin-top: 2px;
font-size: 13.5px;
line-height: 1.45;
color: #1F3B57;
}
.yk-friendly-banner-tip {
margin-top: 4px;
font-size: 12.5px;
color: #0A5B81;
}
.yk-friendly-banner-meta {
margin-top: 6px;
display: flex;
flex-wrap: wrap;
gap: 8px;
font-size: 12px;
color: #4A627A;
}
.yk-friendly-banner-meta span {
background: rgba(255,255,255,0.7);
border: 1px solid rgba(10,107,206,0.14);
padding: 2px 8px;
border-radius: 999px;
}
.yk-friendly-banner-actions {
margin-top: 8px;
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.yk-friendly-banner-action {
display: inline-flex;
align-items: center;
gap: 6px;
text-decoration: none;
border: 1px solid rgba(10,107,206,0.22);
background: #fff;
color: #12406a;
padding: 5px 10px;
border-radius: 999px;
font-size: 12px;
font-weight: 700;
cursor: pointer;
}
.yk-friendly-banner-action:hover {
background: rgba(9,118,200,0.08);
color: #0d3253;
}
.yk-friendly-banner-action:disabled {
opacity: .65;
cursor: wait;
}
.yk-friendly-banner-close {
border: 1px solid rgba(23,50,77,0.20);
background: rgba(255,255,255,0.85);
color: #17324D;
width: 30px;
height: 30px;
border-radius: 50%;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
flex-shrink: 0;
}
.yk-friendly-banner-close:hover {
background: #fff;
}
@media (max-width: 768px) {
.yk-friendly-banner {
padding: 10px 12px;
}
.yk-friendly-banner-title {
font-size: 13.5px;
}
.yk-friendly-banner-text {
font-size: 12.5px;
}
}

/* ═══ LIGHTBOX (görüntü galerisi) ═══ */
.gallery-thumb img:hover {
transform: scale(1.03);
box-shadow: 0 4px 12px rgba(0,0,0,0.15);
 }
 .image-lightbox {
 /* D250 2026-05-11: lightbox sidebar+header'in disinda kalir, icerik alanini ortalar. */
 position: fixed;
 top: var(--header-h, 76px);
 left: var(--sidebar-w, 260px);
 right: 0;
 bottom: 0;
 background: rgba(0, 0, 0, 0.92);
 z-index: 9999;
 display: flex;
 align-items: center;
 justify-content: center;
 animation: lb-fadein 200ms ease;
 }
 @media (max-width: 992px) {
 .image-lightbox { left: 0; top: 0; }
 }
 @keyframes lb-fadein {
 from { opacity: 0; }
 to { opacity: 1; }
 }
 .lb-content {
 max-width: 95vw;
 max-height: 95vh;
 display: flex;
 flex-direction: column;
 align-items: center;
 gap: 12px;
 }
 .lb-content img {
 max-width: 95vw;
 max-height: 85vh;
 object-fit: contain;
 border-radius: 6px;
 box-shadow: 0 8px 24px rgba(0,0,0,0.5);
 }
 .lb-info {
 color: white;
 font-size: 14px;
 background: rgba(0,0,0,0.4);
 padding: 8px 16px;
 border-radius: 20px;
 display: flex;
 align-items: center;
 gap: 12px;
 }
 .lb-count {
 opacity: 0.7;
 font-size: 12px;
 }
 .lb-close {
 position: absolute;
 top: 20px;
 right: 20px;
 background: rgba(255,255,255,0.15);
 color: white;
 border: none;
 width: 44px;
 height: 44px;
 border-radius: 50%;
 font-size: 20px;
 cursor: pointer;
 transition: all 200ms;
 z-index: 10;
 }
 .lb-close:hover {
 background: rgba(255,255,255,0.3);
 }
 .lb-prev, .lb-next {
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 background: rgba(255,255,255,0.15);
 color: white;
 border: none;
 width: 56px;
 height: 56px;
 border-radius: 50%;
 font-size: 32px;
 cursor: pointer;
 transition: all 200ms;
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 0;
 }
 .lb-prev { left: 20px; }
 .lb-next { right: 20px; }
 .lb-prev:hover, .lb-next:hover {
 background: rgba(255,255,255,0.3);
 transform: translateY(-50%) scale(1.1);
 }
 @media (max-width: 768px) {
 .lb-prev, .lb-next {
 width: 44px;
 height: 44px;
 font-size: 24px;
 }
 .lb-prev { left: 10px; }
 .lb-next { right: 10px; }
 }

 /* ==========================================================================
 YazKlinik Nova UI - polished app shell
 ========================================================================== */
 :root {
--bg: #F5F0E8;
--surface: rgba(255,255,255,0.90);
--surface-hover: rgba(255,255,255,0.68);
--sidebar-bg: #10231F;
--header-bg: rgba(255,255,255,0.72);
--accent: #0D9488;
--accent-dark: #0F766E;
--accent-light: #99F6E4;
--accent-bg: rgba(13,148,136,0.11);
--blue: #2563EB;
--blue-light: #DBEAFE;
--purple: #7C3AED;
--purple-light: #EDE9FE;
--orange: #F97316;
--orange-light: #FFEDD5;
--text: #17211E;
--text-muted: #65726C;
--text-fade: #93A09A;
--border: rgba(26,43,38,0.14);
--border-light: rgba(26,43,38,0.08);
--shadow-xs: 0 1px 2px rgba(16,35,31,0.05);
--shadow-sm: 0 8px 24px rgba(16,35,31,0.08);
--shadow: 0 16px 42px rgba(16,35,31,0.10);
--shadow-md: 0 24px 60px rgba(16,35,31,0.13);
--shadow-lg: 0 34px 90px rgba(16,35,31,0.18);
--shadow-glow: 0 0 0 4px rgba(13,148,136,0.16);
--sidebar-w: 268px;
--header-h: 92px;
--r-sm: 10px;
--r: 14px;
--r-md: 20px;
--r-lg: 28px;
--r-xl: 34px;
 }

 [data-theme="dark"] {
--bg: #0B1412;
--surface: rgba(22,36,32,0.88);
--surface-hover: rgba(38,56,51,0.76);
--sidebar-bg: #07110F;
--header-bg: rgba(17,28,25,0.78);
--text: #EEF7F3;
--text-muted: #A7B8B1;
--text-fade: #72857E;
--border: rgba(226,245,238,0.14);
--border-light: rgba(226,245,238,0.08);
--accent-bg: rgba(45,212,191,0.13);
 }

 body {
 overflow-x: hidden;
 background:
 radial-gradient(circle at 9% 7%, rgba(13,148,136,0.20), transparent 28%),
 radial-gradient(circle at 86% 12%, rgba(249,115,22,0.16), transparent 25%),
 radial-gradient(circle at 72% 86%, rgba(37,99,235,0.11), transparent 28%),
 linear-gradient(135deg, #F5F0E8 0%, #EEF7F2 48%, #F8EFE7 100%);
 background-attachment: fixed;
 }
 [data-theme="dark"] body {
 background:
 radial-gradient(circle at 8% 8%, rgba(20,184,166,0.18), transparent 30%),
 radial-gradient(circle at 84% 14%, rgba(249,115,22,0.10), transparent 24%),
 radial-gradient(circle at 78% 88%, rgba(59,130,246,0.12), transparent 28%),
 linear-gradient(135deg, #07110F 0%, #0E1B18 52%, #11170F 100%);
 }

 .sidebar {
 background:
 radial-gradient(circle at 26% 0%, rgba(45,212,191,0.26), transparent 32%),
 radial-gradient(circle at 110% 78%, rgba(249,115,22,0.16), transparent 30%),
 linear-gradient(180deg, #10231F 0%, #173D36 56%, #0A1715 100%);
 border-right: 0;
 padding: 18px 14px 112px;
 box-shadow: 18px 0 60px rgba(16,35,31,0.18);
 scrollbar-width: thin;
 }
 .sidebar::before {
 content: '';
 position: fixed;
 left: 18px;
 top: 18px;
 width: calc(var(--sidebar-w) - 36px);
 height: 190px;
 border-radius: 30px;
 background: linear-gradient(135deg, rgba(255,255,255,0.11), rgba(255,255,255,0.03));
 pointer-events: none;
 }
 .sidebar > * {
 position: relative;
 z-index: 1;
 }
 .sidebar-brand {
 min-height: 70px;
 padding: 13px;
 margin-bottom: 14px;
 border: 1px solid rgba(255,255,255,0.12);
 border-radius: 24px;
 background: rgba(255,255,255,0.09);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.16);
 color: white;
 }
 .sidebar-brand:hover {
 background: rgba(255,255,255,0.14);
 color: white;
 }
 .sidebar-brand-icon {
 width: 46px;
 height: 46px;
 border-radius: 16px;
 background: linear-gradient(135deg, #BFF7EA, #14B8A6 48%, #0F766E);
 box-shadow: 0 14px 30px rgba(20,184,166,0.26);
 }
 .sidebar-brand-text {
 color: white;
 font-size: 19px;
 line-height: 1.05;
 }
 .sidebar-brand-text::after {
 content: 'Klinik komuta merkezi';
 display: block;
 margin-top: 5px;
 font-size: 10px;
 font-weight: 700;
 letter-spacing: 0.10em;
 text-transform: uppercase;
 color: rgba(255,255,255,0.52);
 }
/* C27: Doktor 'Yaz Klinik bolumunu daha guzel yap, 3.resmi logo
   olarak koy, alt satir Op.Dr.Hakan YAZ' dedi. Modern brand stili. */
.sidebar-brand--c27 {
position: relative;
overflow: hidden;
border: 1px solid rgba(87,123,161,0.24);
background:
linear-gradient(140deg, rgba(255,255,255,0.96) 0%, rgba(235,249,248,0.92) 52%, rgba(236,244,255,0.92) 100%);
box-shadow:
0 16px 38px rgba(21,53,86,0.12),
inset 0 1px 0 rgba(255,255,255,0.9);
color: #17324A;
}
.sidebar-brand--c27::before {
content: '';
position: absolute;
inset: -34% -14% auto 32%;
height: 76%;
background: radial-gradient(circle, rgba(192,132,252,0.30), rgba(192,132,252,0) 68%);
pointer-events: none;
}
.sidebar-brand--c27::after {
content: '';
position: absolute;
inset: auto -20% -58% -12%;
height: 92%;
background: radial-gradient(circle, rgba(20,184,166,0.24), rgba(20,184,166,0) 70%);
pointer-events: none;
}
.sidebar-brand--c27 .sidebar-brand-icon {
position: relative;
z-index: 1;
background: linear-gradient(135deg, #56ddc7 0%, #6c8ee5 35%, #8b5cf6 70%, #c084fc 100%);
box-shadow: 0 12px 28px rgba(139,92,246,0.32);
padding: 4px;
overflow: hidden;
 }
 .sidebar-brand--c27 .sidebar-brand-logo-img {
 width: 100%;
 height: 100%;
 object-fit: contain;
 display: block;
 filter: drop-shadow(0 2px 4px rgba(0,0,0,0.18));
 }
.sidebar-brand--c27 .sidebar-brand-text {
position: relative;
z-index: 1;
line-height: 1.2;
display: flex;
flex-direction: column;
gap: 4px;
}
.sidebar-brand--c27 .sidebar-brand-name {
font-size: 20px;
font-weight: 900;
letter-spacing: .2px;
color: #102A44;
background: linear-gradient(90deg, #11345A 0%, #6D46CA 58%, #0F8C84 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
margin-bottom: 0;
}
.sidebar-brand--c27 .sidebar-brand-doctor {
display: inline-flex;
align-items: center;
width: fit-content;
font-size: 11.5px;
font-weight: 700;
color: #2A4769;
background: rgba(255,255,255,0.66);
border: 1px solid rgba(91,121,154,0.22);
border-radius: 999px;
padding: 3px 10px;
letter-spacing: .1px;
margin-bottom: 0;
}
.sidebar-brand--c27 .sidebar-brand-text::after {
content: 'Klinik komuta merkezi';
display: block;
margin-top: 4px;
font-size: 9.8px;
font-weight: 700;
letter-spacing: 0.11em;
text-transform: uppercase;
color: rgba(33,63,94,0.74);
}
 /* C27: Sidebar mod hizli tab - doktor 'uzman/basit/doktor mod
    secilmiyor' dedi. Saf <a href> link, JS bagimsiz, garantili. */
.yk-sidebar-mode-tabs {
 display: flex;
 gap: 4px;
 margin: 0 0 12px;
 padding: 4px;
 background: rgba(0,0,0,0.18);
 border-radius: 10px;
 }
 .yk-sidebar-mode-tab {
 flex: 1;
 text-align: center;
 padding: 6px 4px;
 font-size: 11.5px;
 font-weight: 700;
 color: rgba(255,255,255,0.7);
 background: transparent;
 border-radius: 7px;
 text-decoration: none;
 transition: all .15s;
 white-space: nowrap;
 letter-spacing: .2px;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 4px;
 }
 .yk-sidebar-mode-tab i { font-size: 12px; }
 .yk-sidebar-mode-tab:hover {
 background: rgba(255,255,255,0.1);
 color: #fff;
 transform: translateY(-1px);
 }
 :root[data-experience="simple"] .yk-sidebar-mode-tab[data-mode="simple"],
 :root[data-experience="doctor"] .yk-sidebar-mode-tab[data-mode="doctor"],
 :root[data-experience="advanced"] .yk-sidebar-mode-tab[data-mode="advanced"] {
 background: linear-gradient(135deg, #c084fc 0%, #8b5cf6 50%, #6c8ee5 100%);
 color: #fff;
 box-shadow: 0 4px 12px rgba(139,92,246,0.4);
 }
 /* Default (data-experience yoksa veya advanced) - Uzman aktif gozuksun */
 :root:not([data-experience="simple"]):not([data-experience="doctor"])
   .yk-sidebar-mode-tab[data-mode="advanced"] {
 background: linear-gradient(135deg, #c084fc 0%, #8b5cf6 50%, #6c8ee5 100%);
 color: #fff;
 box-shadow: 0 4px 12px rgba(139,92,246,0.4);
 }

 .sidebar-orbit {
 margin: 0 0 18px;
 padding: 14px;
 border: 1px solid rgba(255,255,255,0.12);
 border-radius: 22px;
 background:
 linear-gradient(135deg, rgba(255,255,255,0.12), rgba(255,255,255,0.05)),
 radial-gradient(circle at right top, rgba(251,191,36,0.25), transparent 48%);
 color: rgba(255,255,255,0.92);
 }
 .sidebar-orbit-kicker {
 font-size: 10px;
 font-weight: 800;
 letter-spacing: 0.12em;
 text-transform: uppercase;
 color: rgba(191,247,234,0.92);
 }
 .sidebar-orbit-title {
 margin-top: 4px;
 font-size: 15px;
 font-weight: 800;
 letter-spacing: -0.02em;
 color: white;
 }
 .sidebar-orbit-row {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 margin-top: 12px;
 }
 .sidebar-orbit a,
 .sidebar-orbit .keycap {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-height: 28px;
 padding: 6px 10px;
 border-radius: 999px;
 font-size: 11px;
 font-weight: 800;
 color: white;
 background: rgba(255,255,255,0.13);
 border: 1px solid rgba(255,255,255,0.14);
 }
 .sidebar-orbit a:hover {
 background: rgba(255,255,255,0.21);
 color: white;
 }
 .sidebar-quick-grid {
 display: grid;
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 8px;
 margin: 0 0 18px;
 }
 .sidebar-quick-action {
 min-height: 58px;
 padding: 10px;
 border: 1px solid rgba(255,255,255,0.11);
 border-radius: 17px;
 background: rgba(255,255,255,0.08);
 color: rgba(255,255,255,0.86);
 display: flex;
 flex-direction: column;
 justify-content: center;
 gap: 3px;
 text-decoration: none;
 transition: var(--transition);
 }
 .sidebar-quick-action:hover {
 color: white;
 background: rgba(255,255,255,0.14);
 transform: translateY(-2px);
 box-shadow: 0 12px 26px rgba(0,0,0,0.14);
 }
 .sidebar-quick-action strong {
 display: block;
 font-size: 13px;
 letter-spacing: -0.02em;
 }
 .sidebar-quick-action span {
 color: rgba(255,255,255,0.50);
 font-size: 10px;
 font-weight: 800;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 }

 .sidebar-section {
 margin-bottom: 17px;
 }
 .sidebar.use-modern-nav > .sidebar-section {
 display: none;
 }
 .sidebar.use-modern-nav > .sidebar-link {
 display: none !important;
 }
 .sidebar-section-title {
 color: rgba(255,255,255,0.42);
 padding: 0 12px;
 margin-bottom: 7px;
 font-size: 10px;
 font-weight: 800;
 }
 .sidebar-link {
 min-height: 44px;
 padding: 7px 9px;
 border-radius: 16px;
 color: rgba(255,255,255,0.70);
 border: 1px solid transparent;
 font-weight: 700;
 }
 .sidebar-link > span:not(.sidebar-link-icon):not(.sidebar-badge-mini) {
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .sidebar-link-icon {
 width: 31px;
 height: 31px;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 border-radius: 12px;
 background: rgba(255,255,255,0.09);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.08);
 flex-shrink: 0;
 }
 .sidebar-link:hover {
 background: rgba(255,255,255,0.10);
 border-color: rgba(255,255,255,0.10);
 color: white;
 transform: translateX(4px);
 }
 .sidebar-link.active {
 background: linear-gradient(135deg, rgba(20,184,166,0.95), rgba(13,148,136,0.72));
 border-color: rgba(191,247,234,0.28);
 color: white;
 box-shadow: 0 13px 28px rgba(13,148,136,0.24);
 }
 .sidebar-link.active::before {
 left: -7px;
 top: 12px;
 bottom: 12px;
 width: 4px;
 background: #FDE68A;
 box-shadow: 0 0 16px rgba(253,230,138,0.80);
 }
 .sidebar-badge-mini {
 background: #FDE68A;
 color: #4A2D00;
 border-radius: 999px;
 padding: 3px 7px;
 }
 .sidebar-fold {
 margin-top: 8px;
 border: 1px solid rgba(255,255,255,0.10);
 border-radius: 18px;
 background: rgba(255,255,255,0.055);
 overflow: hidden;
 }
 .sidebar-fold summary {
 min-height: 44px;
 padding: 11px 12px;
 color: rgba(255,255,255,0.68);
 cursor: pointer;
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 10px;
 font-size: 12px;
 font-weight: 800;
 letter-spacing: 0.06em;
 text-transform: uppercase;
 list-style: none;
 }
 .sidebar-fold summary::-webkit-details-marker { display: none; }
 .sidebar-fold summary::after {
 content: '⌄';
 color: rgba(255,255,255,0.48);
 transition: transform var(--t) var(--ease);
 }
 .sidebar-fold[open] summary::after {
 transform: rotate(180deg);
 }
 .sidebar-fold-body {
 padding: 0 8px 8px;
 }

 .top-header {
 top: 14px;
 left: calc(var(--sidebar-w) + 18px);
 right: 18px;
 height: 66px;
 border: 1px solid rgba(255,255,255,0.65);
 border-radius: 28px;
 background: var(--header-bg);
 box-shadow: 0 18px 48px rgba(16,35,31,0.10);
 }
 [data-theme="dark"] .top-header {
 border-color: rgba(255,255,255,0.10);
 }
.top-header-title {
min-width: 224px;
padding: 6px 8px 6px 10px;
border-radius: 16px;
transition: var(--transition);
}
.top-header-title span {
display: block;
font-size: 10.5px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--accent-dark);
}
.top-header-title strong {
display: block;
margin-top: 3px;
max-width: 260px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 18px;
letter-spacing: -0.02em;
color: var(--text);
}
 .search-box {
 max-width: 560px;
 }
 .search-box input {
 height: 46px;
 padding-right: 76px;
 border-radius: 18px;
 background: rgba(255,255,255,0.62);
 border: 1px solid rgba(26,43,38,0.09);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
 }
 .search-box::after {
 content: 'Ctrl K';
 position: absolute;
 right: 10px;
 top: 50%;
 transform: translateY(-50%);
 padding: 4px 8px;
 border-radius: 9px;
 background: rgba(16,35,31,0.07);
 color: var(--text-muted);
 font-size: 11px;
 font-weight: 800;
 pointer-events: none;
 }
 .top-quick-links {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-left: 2px;
 }
 /* B426: Padding 13px -> 18px - Doktor 'kıllı Sohbet' yazısı kayıp gördü
    (ilk karakter yuvarlak kose tarafindan kirpiliyordu). */
 .top-quick-links a {
 height: 42px;
 padding: 0 18px;
 border-radius: 15px;
 display: inline-flex;
 align-items: center;
 gap: 7px;
 background: rgba(255,255,255,0.58);
 border: 1px solid rgba(26,43,38,0.08);
 color: var(--text);
 font-size: 12px;
 font-weight: 800;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
 transition: var(--transition);
 white-space: nowrap;
 }
 .top-quick-links a:hover {
 color: var(--accent-dark);
 transform: translateY(-1px);
 box-shadow: 0 12px 26px rgba(16,35,31,0.10);
 }
 .header-actions {
 gap: 8px;
 }
 .header-icon-btn,
 .profile-chip,
 .ai-status-badge {
 background: rgba(255,255,255,0.58);
 border: 1px solid rgba(26,43,38,0.08);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
 }
 .header-icon-btn {
 width: 42px;
 height: 42px;
 border-radius: 15px;
 }
 .header-icon-btn:hover,
 .profile-chip:hover {
 transform: translateY(-1px);
 box-shadow: 0 12px 26px rgba(16,35,31,0.10);
 }
 .profile-chip {
 border-radius: 999px;
 padding-right: 12px;
 }
 .profile-avatar {
 background: linear-gradient(135deg, #17211E, #0D9488);
 box-shadow: 0 8px 20px rgba(13,148,136,0.22);
 }
 .profile-copy {
 line-height: 1.1;
 }
 .profile-role {
 margin-top: 3px;
 font-size: 10px;
 font-weight: 800;
 letter-spacing: 0.08em;
 text-transform: uppercase;
 color: var(--text-fade);
 }

 .main-container {
 max-width: 1480px;
 padding: 28px 28px 44px;
 }
 .main-container > * {
 animation: nova-rise 420ms var(--ease) both;
 }
 @keyframes nova-rise {
 from { opacity: 0; transform: translateY(10px) scale(0.995); }
 to { opacity: 1; transform: translateY(0) scale(1); }
 }
 .card,
 .patient-card,
 .tools-collapse,
 .quick-primary,
 .quick-secondary,
 .stat-mini {
 border-radius: 22px;
 background: var(--surface);
 border-color: var(--border-light);
 box-shadow: 0 1px 0 rgba(255,255,255,0.75) inset, var(--shadow-xs);
 backdrop-filter: blur(18px);
 -webkit-backdrop-filter: blur(18px);
 }
 .card:hover,
 .patient-card:hover,
 .tools-collapse:hover,
 .stat-mini:hover {
 box-shadow: var(--shadow-sm);
 border-color: rgba(13,148,136,0.22);
 }
 .card-header {
 background: linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0));
 font-weight: 800;
 letter-spacing: -0.02em;
 }
 .btn {
 border-radius: 15px;
 box-shadow: 0 1px 0 rgba(255,255,255,0.35) inset;
 }
 .btn-primary,
 .btn-success {
 background: linear-gradient(135deg, #14B8A6, #0D9488);
 border-color: transparent;
 box-shadow: 0 12px 26px rgba(13,148,136,0.22);
 }
 .btn-primary:hover,
 .btn-success:hover {
 background: linear-gradient(135deg, #0D9488, #0F766E);
 }
 .form-control,
 .form-select {
 border-radius: 16px;
 background: rgba(255,255,255,0.72);
 }

 .patient-header {
 position: relative;
 overflow: hidden;
 margin-bottom: 22px !important;
 padding: 26px !important;
 border: 1px solid rgba(13,148,136,0.18) !important;
 border-left: 1px solid rgba(13,148,136,0.18) !important;
 border-radius: 28px !important;
 background:
 radial-gradient(circle at 82% 24%, rgba(251,191,36,0.30), transparent 30%),
 radial-gradient(circle at 8% 12%, rgba(20,184,166,0.22), transparent 30%),
 linear-gradient(135deg, rgba(255,255,255,0.88), rgba(236,253,245,0.66)) !important;
 box-shadow: var(--shadow-sm);
 }
 .patient-header::after {
 content: '';
 position: absolute;
 right: -68px;
 bottom: -92px;
 width: 230px;
 height: 230px;
 border-radius: 50%;
 border: 34px solid rgba(13,148,136,0.08);
 pointer-events: none;
 }
 .patient-header h1 {
 position: relative;
 z-index: 1;
 font-size: clamp(24px, 3vw, 38px) !important;
 letter-spacing: -0.045em;
 }
 .patient-meta {
 position: relative;
 z-index: 1;
 gap: 10px;
 }
 .patient-meta-item {
 min-width: 118px;
 padding: 10px 12px;
 border: 1px solid rgba(13,148,136,0.12);
 border-radius: 16px;
 background: rgba(255,255,255,0.58);
 }

 .quick-actions {
 gap: 14px;
 }
 .quick-primary {
 min-height: 112px;
 border-left: 0;
 background:
 radial-gradient(circle at right top, rgba(20,184,166,0.18), transparent 36%),
 linear-gradient(135deg, rgba(255,255,255,0.94), rgba(236,253,245,0.74));
 }
 .quick-primary:hover,
 .quick-secondary:hover,
 .tool-card:hover {
 transform: translateY(-3px);
 box-shadow: var(--shadow);
 }
 .qp-icon,
 .qs-icon,
 .tools-icon,
 .tool-icon {
 filter: saturate(1.15);
 }
 .qp-icon {
 border-radius: 20px;
 background: linear-gradient(135deg, rgba(20,184,166,0.18), rgba(20,184,166,0.06));
 }
 .quick-secondary {
 background:
 radial-gradient(circle at 20% 0%, rgba(37,99,235,0.18), transparent 42%),
 rgba(255,255,255,0.72);
 }
 .tools-collapse {
 overflow: clip;
 }
 .tools-collapse summary {
 min-height: 64px;
 font-weight: 800;
 }
 .tools-count {
 background: rgba(13,148,136,0.10);
 color: var(--accent-dark);
 font-weight: 800;
 }
 .tools-grid {
 gap: 10px;
 padding: 14px;
 background: linear-gradient(180deg, rgba(13,148,136,0.07), transparent);
 }
 .tool-card {
 border-radius: 18px;
 border: 1px solid var(--border-light);
 min-height: 116px;
 background: rgba(255,255,255,0.70);
 }
 .tool-card:hover {
 background: rgba(255,255,255,0.96);
 border-color: rgba(13,148,136,0.20);
 }

 .active-patient-banner {
 top: 10px;
 margin: 0 18px;
 border-radius: 0 0 22px 22px;
 background:
 radial-gradient(circle at 82% 0%, rgba(255,255,255,0.24), transparent 35%),
 linear-gradient(135deg, #0067A8 0%, #0A73B8 52%, #6BA5C9 100%) !important;
 box-shadow: 0 18px 42px rgba(0,91,150,0.22) !important;
 }

 .mobile-bottom-nav {
 left: 12px;
 right: 12px;
 bottom: 10px;
 border-radius: 26px;
 border: 1px solid rgba(255,255,255,0.65);
 box-shadow: 0 18px 44px rgba(16,35,31,0.18);
 }

 @media (max-width: 1280px) {
 .top-quick-links {
 display: none;
 }
 }
 @media (max-width: 992px) {
 :root { --header-h: 82px; }
 .sidebar {
 border-radius: 0 30px 30px 0;
 }
 .top-header {
 left: 12px;
 right: 12px;
 top: 10px;
 height: 60px;
 padding: 0 12px;
 }
 .top-header-title {
 display: none;
 }
 .main-container {
 padding: 20px 14px 94px;
 }
 }
 @media (max-width: 640px) {
 .search-box::after,
 .ai-status-badge,
 .header-actions .header-icon-btn[title="Doğum Geri Sayım"],
 .header-actions .header-icon-btn[title="Bildirimler"] {
 display: none;
 }
 .search-box input {
 padding-right: 14px;
 }
 .profile-chip {
 padding: 5px;
 }
 .profile-copy {
 display: none;
 }
 .patient-header {
 padding: 20px !important;
 border-radius: 24px !important;
 }
 .patient-meta-item {
 flex: 1 1 45%;
 min-width: 0;
 }
 .tools-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }
 @media (prefers-reduced-motion: reduce) {
 *,
 *::before,
 *::after {
 animation-duration: 0.01ms !important;
 animation-iteration-count: 1 !important;
 scroll-behavior: auto !important;
 transition-duration: 0.01ms !important;
 }
 }

 /* ==========================================================================
 YazKlinik Pearl Shell - premium light navigation refresh
 ========================================================================== */
 :root {
--sidebar-w: 282px;
--nav-ink: #18312D;
--nav-muted: #74837D;
--nav-hairline: rgba(24,49,45,0.12);
--nav-panel: rgba(255,255,255,0.72);
--nav-glow: rgba(20,184,166,0.22);
 }
 .sidebar {
 background:
 radial-gradient(circle at 20% -8%, rgba(20,184,166,0.22), transparent 34%),
 radial-gradient(circle at 112% 24%, rgba(251,191,36,0.18), transparent 30%),
 radial-gradient(circle at -10% 85%, rgba(37,99,235,0.10), transparent 28%),
 linear-gradient(180deg, #FFFDF8 0%, #F5FBF7 48%, #F9F0E7 100%);
 border-right: 1px solid rgba(24,49,45,0.10);
 box-shadow: 18px 0 55px rgba(24,49,45,0.10);
 color: var(--nav-ink);
 }
 .sidebar::before {
 background:
 linear-gradient(135deg, rgba(255,255,255,0.82), rgba(255,255,255,0.20)),
 radial-gradient(circle at top right, rgba(20,184,166,0.14), transparent 48%);
 border: 1px solid rgba(255,255,255,0.70);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.90);
 }
 .sidebar-brand {
 background: rgba(255,255,255,0.68);
 border-color: rgba(24,49,45,0.09);
 color: var(--nav-ink);
 box-shadow: 0 18px 38px rgba(24,49,45,0.08), inset 0 1px 0 rgba(255,255,255,0.82);
 }
 .sidebar-brand:hover {
 background: rgba(255,255,255,0.88);
 color: var(--nav-ink);
 transform: translateY(-1px);
 }
 .sidebar-brand-icon {
 background: conic-gradient(from 210deg, #0F766E, #14B8A6, #FDE68A, #0F766E);
 color: white;
 box-shadow: 0 16px 34px rgba(13,148,136,0.24);
 }
 .sidebar-brand-text {
 color: var(--nav-ink);
 }
 .sidebar-brand-text::after {
 color: var(--nav-muted);
 }
 .sidebar-orbit {
 background:
 linear-gradient(135deg, rgba(15,118,110,0.94), rgba(20,184,166,0.82)),
 radial-gradient(circle at right top, rgba(253,230,138,0.40), transparent 48%);
 border-color: rgba(255,255,255,0.52);
 box-shadow: 0 18px 38px rgba(13,148,136,0.20);
 }
 .sidebar-orbit-kicker {
 color: rgba(255,255,255,0.72);
 }
 .sidebar-orbit a,
 .sidebar-orbit .keycap {
 background: rgba(255,255,255,0.18);
 border-color: rgba(255,255,255,0.25);
 }
 .sidebar-quick-action {
 background: rgba(255,255,255,0.66);
 border-color: rgba(24,49,45,0.09);
 color: var(--nav-ink);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.88);
 }
 .sidebar-quick-action:hover {
 background: white;
 color: #0F766E;
 box-shadow: 0 16px 32px rgba(24,49,45,0.10);
 }
 .sidebar-quick-action span {
 color: var(--nav-muted);
 }
 .sidebar-quick-action i {
 font-size: 18px;
 color: #0F766E;
 margin-bottom: 2px;
 }
 .sidebar-section-title {
 color: rgba(24,49,45,0.48);
 }
 .sidebar-link {
 color: rgba(24,49,45,0.72);
 border-color: transparent;
 }
 .sidebar-link-icon {
 background:
 linear-gradient(135deg, rgba(255,255,255,0.95), rgba(236,253,245,0.72));
 border: 1px solid rgba(24,49,45,0.08);
 color: #0F766E;
 box-shadow: 0 7px 18px rgba(24,49,45,0.06), inset 0 1px 0 rgba(255,255,255,0.95);
 font-size: 16px;
 }
 .sidebar-link:hover {
 background: rgba(255,255,255,0.72);
 border-color: rgba(24,49,45,0.08);
 color: var(--nav-ink);
 box-shadow: 0 10px 24px rgba(24,49,45,0.07);
 }
 .sidebar-link:hover .sidebar-link-icon {
 color: #0D9488;
 transform: scale(1.04);
 }
 .sidebar-link.active {
 background:
 linear-gradient(135deg, rgba(15,118,110,0.96), rgba(20,184,166,0.86)),
 radial-gradient(circle at right top, rgba(253,230,138,0.34), transparent 45%);
 border-color: rgba(255,255,255,0.58);
 color: white;
 box-shadow: 0 16px 34px rgba(13,148,136,0.24);
 }
 .sidebar-link.active .sidebar-link-icon {
 background: rgba(255,255,255,0.20);
 border-color: rgba(255,255,255,0.24);
 color: white;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.22);
 }
 .sidebar-link.active::before {
 background: #F59E0B;
 box-shadow: 0 0 18px rgba(245,158,11,0.72);
 }
 .sidebar-fold {
 background: rgba(255,255,255,0.56);
 border-color: rgba(24,49,45,0.09);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.84);
 }
 .sidebar-fold summary {
 color: rgba(24,49,45,0.62);
 }
 .sidebar-fold summary::after {
 color: rgba(24,49,45,0.42);
 }
 .top-header {
 background: rgba(255,255,255,0.78);
 border-color: rgba(255,255,255,0.72);
 box-shadow: 0 20px 48px rgba(24,49,45,0.09);
 }
 .top-quick-links a i,
 .header-icon-btn i,
 .mobile-bottom-nav i {
 font-size: 17px;
 line-height: 1;
 }
 .hamburger-btn i {
 font-size: 24px;
 }
 .mobile-bottom-nav {
 background: rgba(255,255,255,0.82);
 backdrop-filter: blur(24px) saturate(160%);
 -webkit-backdrop-filter: blur(24px) saturate(160%);
 }
 .mobile-bottom-nav a {
 min-width: 58px;
 }
 .mobile-bottom-nav a.active {
 background: linear-gradient(135deg, rgba(13,148,136,0.14), rgba(20,184,166,0.08));
 color: #0F766E;
 }
 @media (max-width: 1180px) {
 .sidebar {
 transform: translateX(-104%);
 border-radius: 0 32px 32px 0;
 max-width: min(342px, 88vw);
 }
 .sidebar.show {
 transform: translateX(0);
 }
 .top-header {
 left: 12px;
 right: 12px;
 }
 .main-content {
 margin-left: 0;
 }
 .hamburger-btn {
 display: flex;
 align-items: center;
 justify-content: center;
 }
 }
 @media (min-width: 769px) and (max-width: 1180px) {
 .top-header {
 height: 68px;
 }
 .main-container {
 padding: 24px 22px 44px;
 }
 .patient-header {
 padding: 24px !important;
 }
 }
 @media (max-width: 768px) {
 :root { --header-h: 78px; }
 body { padding-bottom: 86px; }
 .top-header {
 border-radius: 24px;
 }
 .main-container {
 padding: 16px 12px 104px;
 }
 .sidebar {
 padding: 16px 12px 110px;
 }
 .sidebar-orbit {
 margin-bottom: 12px;
 }
 .sidebar-quick-grid {
 gap: 7px;
 margin-bottom: 14px;
 }
 .sidebar-quick-action {
 min-height: 52px;
 }
 .mobile-bottom-nav {
 display: flex !important;
 left: 10px;
 right: 10px;
 bottom: 10px;
 padding: 8px 8px max(8px, env(safe-area-inset-bottom));
 justify-content: space-between;
 }
 .mobile-bottom-nav a {
 flex: 1;
 padding: 8px 4px;
 border-radius: 18px;
 }
 .mobile-bottom-nav span.icon {
 font-size: 19px;
 }
 }

 /* ==========================================================================
 YazKlinik Sweet Desktop - themeable premium clinic shell
 ========================================================================== */
 :root,
 :root[data-palette="desktop"] {
--palette-accent: #0078D4;
--palette-accent-dark: #005A9E;
--palette-accent-soft: #CCE4F7;
--palette-accent-bg: rgba(0,120,212,0.11);
--palette-warm: #7C8FA8;
--palette-warm-soft: rgba(124,143,168,0.18);
--palette-bg-1: #F8FAFC;
--palette-bg-2: #F0F6FC;
--palette-bg-3: #EAF3FB;
--palette-card: rgba(255,255,255,0.88);
--palette-card-strong: rgba(255,255,255,0.97);
--palette-header: rgba(255,255,255,0.84);
--palette-sidebar-1: #FFFFFF;
--palette-sidebar-2: #F5F9FD;
--palette-sidebar-3: #EAF3FB;
--palette-sidebar-glow-a: rgba(0,120,212,0.16);
--palette-sidebar-glow-b: rgba(124,143,168,0.13);
--palette-glow-a: rgba(0,120,212,0.16);
--palette-glow-b: rgba(124,143,168,0.12);
--palette-glow-c: rgba(56,189,248,0.10);
--palette-ink: #17223A;
--palette-muted: #65748A;
--palette-fade: #94A3B8;
--palette-border: rgba(23,34,58,0.12);
--palette-shadow: 0 24px 70px rgba(31,65,118,0.12);
 }
 :root[data-palette="windows-baseline"] {
--palette-accent: #2563EB;
--palette-accent-dark: #1D4ED8;
--palette-accent-soft: #DBEAFE;
--palette-accent-bg: rgba(37,99,235,0.10);
--palette-warm: #6B7280;
--palette-warm-soft: rgba(107,114,128,0.14);
--palette-bg-1: #F8FAFC;
--palette-bg-2: #F3F4F6;
--palette-bg-3: #E5E7EB;
--palette-card: rgba(255,255,255,0.92);
--palette-card-strong: #FFFFFF;
--palette-header: rgba(255,255,255,0.96);
--palette-sidebar-1: #FFFFFF;
--palette-sidebar-2: #F9FAFB;
--palette-sidebar-3: #F3F4F6;
--palette-sidebar-glow-a: rgba(37,99,235,0.08);
--palette-sidebar-glow-b: rgba(107,114,128,0.08);
--palette-glow-a: rgba(37,99,235,0.10);
--palette-glow-b: rgba(107,114,128,0.08);
--palette-glow-c: rgba(209,213,219,0.20);
--palette-ink: #111827;
--palette-muted: #4B5563;
--palette-fade: #6B7280;
--palette-border: rgba(17,24,39,0.13);
--palette-shadow: 0 18px 44px rgba(17,24,39,0.08);
--yk-theme-page: #F8FAFC;
--yk-theme-page-2: #F3F4F6;
--yk-theme-page-3: #E5E7EB;
--yk-theme-surface: #FFFFFF;
--yk-theme-surface-soft: #F9FAFB;
--yk-theme-surface-strong: #FFFFFF;
--yk-theme-header: rgba(255,255,255,0.96);
--yk-theme-sidebar: #FFFFFF;
--yk-theme-sidebar-2: #F3F4F6;
--yk-theme-line: #D1D5DB;
--yk-theme-line-strong: #9CA3AF;
--yk-theme-text: #111827;
--yk-theme-muted: #4B5563;
--text: #111827;
--muted: #4B5563;
--bg: #F8FAFC !important;
--surface: #FFFFFF !important;
--surface-hover: #F9FAFB !important;
--header-bg: rgba(255,255,255,0.96) !important;
--sidebar-bg: #FFFFFF !important;
--card-bg: #FFFFFF !important;
--paper: #FFFFFF !important;
--cream: #F3F4F6 !important;
--sand: #E5E7EB !important;
 }
 :root[data-palette="viewpoint6"] {
--palette-accent: #0078D7;
--palette-accent-dark: #005A9E;
--palette-accent-soft: #D9ECFA;
--palette-accent-bg: rgba(0,120,215,0.13);
--palette-warm: #00A6B2;
--palette-warm-soft: rgba(0,166,178,0.16);
--palette-bg-1: #EAF2F7;
--palette-bg-2: #DCEAF3;
--palette-bg-3: #C9DCEA;
--palette-card: rgba(249,252,254,0.92);
--palette-card-strong: rgba(255,255,255,0.98);
--palette-header: rgba(232,243,250,0.92);
--palette-sidebar-1: #F4F8FB;
--palette-sidebar-2: #E7F0F6;
--palette-sidebar-3: #D8E7F1;
--palette-sidebar-glow-a: rgba(0,120,215,0.14);
--palette-sidebar-glow-b: rgba(0,166,178,0.12);
--palette-glow-a: rgba(0,120,215,0.14);
--palette-glow-b: rgba(0,166,178,0.10);
--palette-glow-c: rgba(125,163,190,0.12);
--palette-ink: #17324A;
--palette-muted: #526D82;
--palette-fade: #7891A5;
--palette-border: rgba(74,104,130,0.20);
--palette-shadow: 0 20px 54px rgba(37,76,112,0.13);
 }
 :root[data-palette="pearl"] {
--palette-accent: #2B6CB0;
--palette-accent-dark: #1F4E79;
--palette-accent-soft: #DCEBFA;
--palette-accent-bg: rgba(43,108,176,0.11);
--palette-warm: #8B9BB0;
--palette-warm-soft: rgba(139,155,176,0.17);
--palette-bg-1: #FBFCFE;
--palette-bg-2: #F2F6FB;
--palette-bg-3: #EDF4FA;
--palette-card: rgba(255,255,255,0.88);
--palette-card-strong: rgba(255,255,255,0.97);
--palette-header: rgba(255,255,255,0.83);
--palette-sidebar-1: #FFFFFF;
--palette-sidebar-2: #F6F9FD;
--palette-sidebar-3: #EEF5FA;
--palette-sidebar-glow-a: rgba(43,108,176,0.16);
--palette-sidebar-glow-b: rgba(139,155,176,0.14);
--palette-glow-a: rgba(43,108,176,0.15);
--palette-glow-b: rgba(139,155,176,0.12);
--palette-glow-c: rgba(56,189,248,0.10);
--palette-ink: #1C2B3A;
--palette-muted: #697989;
--palette-fade: #98A6B4;
--palette-border: rgba(28,43,58,0.12);
--palette-shadow: 0 24px 70px rgba(31,65,118,0.11);
 }
 :root[data-palette="mint"] {
--palette-accent: #12A878;
--palette-accent-dark: #08765B;
--palette-accent-soft: #D9FBE8;
--palette-accent-bg: rgba(18,168,120,0.12);
--palette-warm: #E7A23A;
--palette-warm-soft: rgba(231,162,58,0.20);
--palette-bg-1: #F6FFF9;
--palette-bg-2: #EAF8F0;
--palette-bg-3: #FFF7E8;
--palette-card: rgba(255,255,255,0.89);
--palette-card-strong: rgba(255,255,255,0.98);
--palette-header: rgba(255,255,255,0.84);
--palette-sidebar-1: #FDFFFB;
--palette-sidebar-2: #EFFBF4;
--palette-sidebar-3: #E8F7EE;
--palette-sidebar-glow-a: rgba(18,168,120,0.18);
--palette-sidebar-glow-b: rgba(231,162,58,0.18);
--palette-glow-a: rgba(18,168,120,0.20);
--palette-glow-b: rgba(231,162,58,0.14);
--palette-glow-c: rgba(94,188,152,0.14);
--palette-ink: #1A3329;
--palette-muted: #647C70;
--palette-fade: #95A99F;
--palette-border: rgba(26,51,41,0.12);
--palette-shadow: 0 24px 70px rgba(28,74,55,0.12);
 }
 :root[data-palette="sapphire"] {
--palette-accent: #2563EB;
--palette-accent-dark: #1D4ED8;
--palette-accent-soft: #DBEAFE;
--palette-accent-bg: rgba(37,99,235,0.11);
--palette-warm: #38BDF8;
--palette-warm-soft: rgba(56,189,248,0.20);
--palette-bg-1: #F7FAFF;
--palette-bg-2: #EEF5FF;
--palette-bg-3: #F1FBFF;
--palette-card: rgba(255,255,255,0.88);
--palette-card-strong: rgba(255,255,255,0.98);
--palette-header: rgba(255,255,255,0.84);
--palette-sidebar-1: #FFFFFF;
--palette-sidebar-2: #F1F6FF;
--palette-sidebar-3: #EBF4FF;
--palette-sidebar-glow-a: rgba(37,99,235,0.17);
--palette-sidebar-glow-b: rgba(56,189,248,0.18);
--palette-glow-a: rgba(37,99,235,0.18);
--palette-glow-b: rgba(56,189,248,0.16);
--palette-glow-c: rgba(14,165,233,0.12);
--palette-ink: #17223A;
--palette-muted: #65748A;
--palette-fade: #94A3B8;
--palette-border: rgba(23,34,58,0.12);
--palette-shadow: 0 24px 70px rgba(31,65,118,0.12);
 }
 :root[data-palette="rose"] {
--palette-accent: #E66A7A;
--palette-accent-dark: #C94A5D;
--palette-accent-soft: #FFE1E6;
--palette-accent-bg: rgba(230,106,122,0.12);
--palette-warm: #F6B85F;
--palette-warm-soft: rgba(246,184,95,0.22);
--palette-bg-1: #FFF9F7;
--palette-bg-2: #FFF0F3;
--palette-bg-3: #FFF8E8;
--palette-card: rgba(255,255,255,0.89);
--palette-card-strong: rgba(255,255,255,0.98);
--palette-header: rgba(255,255,255,0.84);
--palette-sidebar-1: #FFFDFC;
--palette-sidebar-2: #FFF3F5;
--palette-sidebar-3: #FFF6EA;
--palette-sidebar-glow-a: rgba(230,106,122,0.17);
--palette-sidebar-glow-b: rgba(246,184,95,0.18);
--palette-glow-a: rgba(230,106,122,0.18);
--palette-glow-b: rgba(246,184,95,0.16);
--palette-glow-c: rgba(252,165,165,0.13);
--palette-ink: #3A2327;
--palette-muted: #816B6F;
--palette-fade: #AA969A;
--palette-border: rgba(58,35,39,0.12);
--palette-shadow: 0 24px 70px rgba(94,45,52,0.12);
 }
 :root[data-palette="contrast"] {
--palette-accent: #0B5CAB;
--palette-accent-dark: #063E75;
--palette-accent-soft: #E6F2FF;
--palette-accent-bg: rgba(11,92,171,0.12);
--palette-warm: #0F766E;
--palette-warm-soft: rgba(15,118,110,0.16);
--palette-bg-1: #FFFFFF;
--palette-bg-2: #F4F8FC;
--palette-bg-3: #ECF3FA;
--palette-card: rgba(255,255,255,0.94);
--palette-card-strong: #FFFFFF;
--palette-header: rgba(255,255,255,0.94);
--palette-sidebar-1: #FFFFFF;
--palette-sidebar-2: #F6FAFF;
--palette-sidebar-3: #EEF6FF;
--palette-sidebar-glow-a: rgba(11,92,171,0.13);
--palette-sidebar-glow-b: rgba(15,118,110,0.10);
--palette-glow-a: rgba(11,92,171,0.10);
--palette-glow-b: rgba(15,118,110,0.08);
--palette-glow-c: rgba(56,189,248,0.08);
--palette-ink: #07111F;
--palette-muted: #334155;
--palette-fade: #64748B;
--palette-border: rgba(7,17,31,0.20);
--palette-shadow: 0 22px 60px rgba(15,23,42,0.13);
 }
 :root[data-palette="forest"] {
--palette-accent: #2D6A4F;
--palette-accent-dark: #1B4332;
--palette-accent-soft: #D8F3DC;
--palette-accent-bg: rgba(45,106,79,0.10);
--palette-warm: #74C69D;
--palette-warm-soft: rgba(116,198,157,0.18);
--palette-bg-1: #F8FBF8;
--palette-bg-2: #EFF7F1;
--palette-bg-3: #E2F0E5;
--palette-card: rgba(255,255,255,0.92);
--palette-card-strong: rgba(255,255,255,0.99);
--palette-header: rgba(255,255,255,0.86);
--palette-sidebar-1: #FAFCFA;
--palette-sidebar-2: #EEF6F0;
--palette-sidebar-3: #E0F0E5;
--palette-sidebar-glow-a: rgba(45,106,79,0.16);
--palette-sidebar-glow-b: rgba(116,198,157,0.14);
--palette-glow-a: rgba(45,106,79,0.14);
--palette-glow-b: rgba(116,198,157,0.10);
--palette-glow-c: rgba(149,213,178,0.10);
--palette-ink: #0F2417;
--palette-muted: #335E47;
--palette-fade: #6E907E;
--palette-border: rgba(15,36,23,0.13);
--palette-shadow: 0 22px 60px rgba(15,36,23,0.12);
 }
 :root[data-palette="amber"] {
--palette-accent: #D97706;
--palette-accent-dark: #92400E;
--palette-accent-soft: #FED7AA;
--palette-accent-bg: rgba(217,119,6,0.10);
--palette-warm: #FB923C;
--palette-warm-soft: rgba(251,146,60,0.20);
--palette-bg-1: #FFFBEF;
--palette-bg-2: #FEF3D9;
--palette-bg-3: #FFE9C2;
--palette-card: rgba(255,255,255,0.92);
--palette-card-strong: rgba(255,255,255,0.99);
--palette-header: rgba(255,253,247,0.88);
--palette-sidebar-1: #FFFCF4;
--palette-sidebar-2: #FEF3D9;
--palette-sidebar-3: #FFE7C2;
--palette-sidebar-glow-a: rgba(217,119,6,0.16);
--palette-sidebar-glow-b: rgba(251,146,60,0.14);
--palette-glow-a: rgba(217,119,6,0.14);
--palette-glow-b: rgba(251,146,60,0.12);
--palette-glow-c: rgba(252,211,77,0.10);
--palette-ink: #2A1B07;
--palette-muted: #5C3F18;
--palette-fade: #94734A;
--palette-border: rgba(42,27,7,0.14);
--palette-shadow: 0 22px 60px rgba(120,53,15,0.12);
 }
 :root[data-palette="lavender"] {
--palette-accent: #7C3AED;
--palette-accent-dark: #5B21B6;
--palette-accent-soft: #DDD6FE;
--palette-accent-bg: rgba(124,58,237,0.10);
--palette-warm: #A78BFA;
--palette-warm-soft: rgba(167,139,250,0.18);
--palette-bg-1: #FBFAFE;
--palette-bg-2: #F3EEFE;
--palette-bg-3: #E9DFFE;
--palette-card: rgba(255,255,255,0.92);
--palette-card-strong: rgba(255,255,255,0.99);
--palette-header: rgba(255,255,255,0.86);
--palette-sidebar-1: #FBFAFE;
--palette-sidebar-2: #F1ECFD;
--palette-sidebar-3: #E2D6FB;
--palette-sidebar-glow-a: rgba(124,58,237,0.16);
--palette-sidebar-glow-b: rgba(167,139,250,0.14);
--palette-glow-a: rgba(124,58,237,0.14);
--palette-glow-b: rgba(167,139,250,0.12);
--palette-glow-c: rgba(196,181,253,0.10);
--palette-ink: #1B0E2F;
--palette-muted: #4A3464;
--palette-fade: #8474A0;
--palette-border: rgba(27,14,47,0.13);
--palette-shadow: 0 22px 60px rgba(76,29,149,0.12);
 }
 :root {
--accent: var(--palette-accent);
--accent-dark: var(--palette-accent-dark);
--accent-light: var(--palette-accent-soft);
--accent-bg: var(--palette-accent-bg);
--blue: var(--palette-accent);
--blue-dark: var(--palette-accent-dark);
--blue-light: var(--palette-accent-soft);
--orange: var(--palette-warm);
--orange-light: var(--palette-warm-soft);
--bg: var(--palette-bg-1);
--surface: var(--palette-card);
--surface-hover: var(--palette-card-strong);
--header-bg: var(--palette-header);
--text: var(--palette-ink);
--text-muted: var(--palette-muted);
--text-fade: var(--palette-fade);
--border: var(--palette-border);
--border-light: color-mix(in srgb, var(--palette-border), transparent 35%);
--divider: var(--palette-border);
--nav-ink: var(--palette-ink);
--nav-muted: var(--palette-muted);
--nav-hairline: var(--palette-border);
--nav-glow: var(--palette-glow-a);
--teal: var(--palette-accent);
--teal-soft: var(--palette-accent-dark);
--teal-bg: var(--palette-accent-bg);
--shadow-xs: 0 1px 2px rgba(24,45,66,0.05);
--shadow-sm: 0 10px 28px rgba(24,45,66,0.09);
--shadow: var(--palette-shadow);
--shadow-md: 0 28px 76px rgba(24,45,66,0.14);
--shadow-lg: 0 38px 96px rgba(24,45,66,0.18);
--shadow-glow: 0 0 0 4px var(--palette-accent-bg);
 }
 :root[data-theme="dark"] {
--palette-bg-1: #0B1220;
--palette-bg-2: #101A2A;
--palette-bg-3: #171B25;
--palette-card: rgba(17,27,40,0.88);
--palette-card-strong: rgba(25,38,55,0.96);
--palette-header: rgba(15,24,36,0.86);
--palette-sidebar-1: #101A29;
--palette-sidebar-2: #0E1725;
--palette-sidebar-3: #0A111D;
--palette-sidebar-glow-a: color-mix(in srgb, var(--palette-accent), transparent 74%);
--palette-sidebar-glow-b: rgba(247,185,85,0.08);
--palette-glow-a: color-mix(in srgb, var(--palette-accent), transparent 78%);
--palette-glow-b: rgba(247,185,85,0.08);
--palette-glow-c: rgba(56,189,248,0.08);
--palette-ink: #EDF5FF;
--palette-muted: #A7B6C8;
--palette-fade: #74859A;
--palette-border: rgba(226,238,255,0.13);
--palette-shadow: 0 30px 88px rgba(0,0,0,0.34);
--surface: var(--palette-card);
--surface-hover: var(--palette-card-strong);
--header-bg: var(--palette-header);
--text: var(--palette-ink);
--text-muted: var(--palette-muted);
--text-fade: var(--palette-fade);
--border: var(--palette-border);
--border-light: rgba(226,238,255,0.08);
--divider: rgba(226,238,255,0.10);
--shadow-xs: 0 1px 2px rgba(0,0,0,0.18);
--shadow-sm: 0 12px 32px rgba(0,0,0,0.26);
--shadow-md: 0 28px 76px rgba(0,0,0,0.34);
--shadow-lg: 0 38px 96px rgba(0,0,0,0.42);
 }
 body {
 background:
 radial-gradient(circle at 9% 8%, var(--palette-glow-a), transparent 29%),
 radial-gradient(circle at 86% 10%, var(--palette-glow-b), transparent 26%),
 radial-gradient(circle at 74% 88%, var(--palette-glow-c), transparent 31%),
 linear-gradient(90deg, rgba(255,255,255,0.20) 1px, transparent 1px) 0 0/56px 56px,
 linear-gradient(180deg, var(--palette-bg-1) 0%, var(--palette-bg-2) 52%, var(--palette-bg-3) 100%);
 background-attachment: fixed;
 }
 [data-theme="dark"] body {
 background:
 radial-gradient(circle at 9% 8%, var(--palette-glow-a), transparent 30%),
 radial-gradient(circle at 84% 12%, var(--palette-glow-b), transparent 28%),
 radial-gradient(circle at 76% 90%, var(--palette-glow-c), transparent 30%),
 linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px) 0 0/56px 56px,
 linear-gradient(180deg, var(--palette-bg-1) 0%, var(--palette-bg-2) 54%, var(--palette-bg-3) 100%);
 }
 .sidebar {
 background:
 radial-gradient(circle at 18% -8%, var(--palette-sidebar-glow-a), transparent 34%),
 radial-gradient(circle at 112% 24%, var(--palette-sidebar-glow-b), transparent 31%),
 linear-gradient(180deg, var(--palette-sidebar-1) 0%, var(--palette-sidebar-2) 48%, var(--palette-sidebar-3) 100%);
 color: var(--palette-ink);
 box-shadow: 20px 0 58px rgba(24,45,66,0.12);
 }
 [data-theme="dark"] .sidebar {
 box-shadow: 20px 0 62px rgba(0,0,0,0.34);
 }
 .sidebar::before {
 background:
 linear-gradient(135deg, rgba(255,255,255,0.76), rgba(255,255,255,0.20)),
 radial-gradient(circle at top right, var(--palette-accent-bg), transparent 50%);
 border-color: rgba(255,255,255,0.70);
 }
 [data-theme="dark"] .sidebar::before {
 background:
 linear-gradient(135deg, rgba(255,255,255,0.06), rgba(255,255,255,0.018)),
 radial-gradient(circle at top right, var(--palette-accent-bg), transparent 52%);
 border-color: rgba(255,255,255,0.08);
 }
 .sidebar-brand,
 .sidebar-quick-action,
 .sidebar-fold {
 background: color-mix(in srgb, var(--palette-card-strong), transparent 14%);
 border-color: var(--palette-border);
 }
 .sidebar-brand-icon,
 .profile-avatar {
 background:
 linear-gradient(135deg, var(--palette-accent-soft), var(--palette-accent) 52%, var(--palette-accent-dark));
 box-shadow: 0 16px 34px color-mix(in srgb, var(--palette-accent), transparent 72%);
 }
 .sidebar-orbit {
 background:
 radial-gradient(circle at 86% 20%, rgba(255,255,255,0.26), transparent 34%),
 linear-gradient(135deg, var(--palette-accent-dark), var(--palette-accent));
 box-shadow: 0 20px 42px color-mix(in srgb, var(--palette-accent), transparent 74%);
 }
 .sidebar-orbit a,
 .sidebar-orbit .keycap {
 background: rgba(255,255,255,0.20);
 border-color: rgba(255,255,255,0.24);
 }
 .sidebar-quick-action:hover,
 .sidebar-link:hover {
 border-color: color-mix(in srgb, var(--palette-accent), transparent 78%);
 color: var(--palette-ink);
 box-shadow: 0 14px 34px rgba(24,45,66,0.10);
 }
 .sidebar-quick-action i,
 .sidebar-link-icon {
 color: var(--palette-accent-dark);
 }
 .sidebar-link-icon {
 background:
 linear-gradient(135deg, rgba(255,255,255,0.95), color-mix(in srgb, var(--palette-accent-soft), white 42%));
 border-color: var(--palette-border);
 }
 .sidebar-link.active {
 background:
 radial-gradient(circle at 90% 0%, rgba(255,255,255,0.26), transparent 36%),
 linear-gradient(135deg, var(--palette-accent-dark), var(--palette-accent));
 border-color: rgba(255,255,255,0.54);
 box-shadow: 0 18px 38px color-mix(in srgb, var(--palette-accent), transparent 72%);
 }
 .sidebar-link.active::before {
 background: var(--palette-warm);
 box-shadow: 0 0 18px color-mix(in srgb, var(--palette-warm), transparent 35%);
 }
 .top-header {
 background: var(--palette-header);
 border-color: rgba(255,255,255,0.74);
 box-shadow: 0 20px 54px rgba(24,45,66,0.11);
 backdrop-filter: blur(24px) saturate(165%);
 -webkit-backdrop-filter: blur(24px) saturate(165%);
 }
 [data-theme="dark"] .top-header {
 border-color: rgba(226,238,255,0.10);
 box-shadow: 0 22px 58px rgba(0,0,0,0.34);
 }
 .top-header-title span {
 color: var(--palette-accent-dark);
 }
 .search-box input,
 .top-quick-links a,
 .header-icon-btn,
 .profile-chip,
 .form-control,
 .form-select {
 background: color-mix(in srgb, var(--palette-card-strong), transparent 18%);
 border-color: var(--palette-border);
 }
 .search-box::before {
 content: '\\F52A';
 font-family: bootstrap-icons;
 color: var(--palette-accent-dark);
 opacity: 0.72;
 }
 .header-icon-btn:hover,
 .top-quick-links a:hover,
 .profile-chip:hover {
 background: var(--palette-card-strong);
 color: var(--palette-accent-dark);
 transform: translateY(-1px);
 }
 .card,
 .patient-card,
 .tools-collapse,
 .quick-primary,
 .quick-secondary,
 .stat-mini,
 .tool-card {
 background: var(--palette-card);
 border-color: var(--palette-border);
 box-shadow: 0 1px 0 rgba(255,255,255,0.70) inset, 0 12px 34px rgba(24,45,66,0.07);
 }
 [data-theme="dark"] .card,
 [data-theme="dark"] .patient-card,
 [data-theme="dark"] .tools-collapse,
 [data-theme="dark"] .quick-primary,
 [data-theme="dark"] .quick-secondary,
 [data-theme="dark"] .stat-mini,
 [data-theme="dark"] .tool-card {
 box-shadow: 0 1px 0 rgba(255,255,255,0.06) inset, 0 18px 46px rgba(0,0,0,0.22);
 }
 .card:hover,
 .patient-card:hover,
 .tools-collapse:hover,
 .quick-primary:hover,
 .quick-secondary:hover,
 .stat-mini:hover,
 .tool-card:hover {
 border-color: color-mix(in srgb, var(--palette-accent), transparent 72%);
 box-shadow: var(--palette-shadow);
 }
 .card-header {
 background:
 linear-gradient(180deg, color-mix(in srgb, var(--palette-accent-soft), white 62%), rgba(255,255,255,0));
 color: var(--palette-ink);
 }
 .btn-primary,
 .btn-success {
 background: linear-gradient(135deg, var(--palette-accent), var(--palette-accent-dark));
 border-color: transparent;
 box-shadow: 0 14px 28px color-mix(in srgb, var(--palette-accent), transparent 76%);
 }
 .btn-primary:hover,
 .btn-success:hover {
 background: linear-gradient(135deg, var(--palette-accent-dark), color-mix(in srgb, var(--palette-accent-dark), #111827 18%));
 }
 .patient-header {
 background:
 radial-gradient(circle at 82% 24%, var(--palette-warm-soft), transparent 30%),
 radial-gradient(circle at 8% 12%, var(--palette-accent-bg), transparent 32%),
 linear-gradient(135deg, var(--palette-card-strong), color-mix(in srgb, var(--palette-accent-soft), white 58%)) !important;
 border-color: color-mix(in srgb, var(--palette-accent), transparent 78%) !important;
 box-shadow: var(--palette-shadow);
 }
 .patient-header::after {
 border-color: color-mix(in srgb, var(--palette-accent), transparent 90%);
 }
 .patient-meta-item,
 .tool-card,
 .quick-primary,
 .quick-secondary {
 background: color-mix(in srgb, var(--palette-card-strong), transparent 8%);
 border-color: var(--palette-border);
 }
 .quick-primary {
 background:
 radial-gradient(circle at right top, var(--palette-accent-bg), transparent 38%),
 linear-gradient(135deg, var(--palette-card-strong), color-mix(in srgb, var(--palette-accent-soft), white 54%));
 }
 .quick-secondary {
 background:
 radial-gradient(circle at 20% 0%, var(--palette-glow-c), transparent 42%),
 color-mix(in srgb, var(--palette-card-strong), transparent 10%);
 }
 .tools-count,
 .mobile-bottom-nav a.active {
 background: var(--palette-accent-bg);
 color: var(--palette-accent-dark);
 }
 .active-patient-banner {
 /* D200: Active patient strip must look identical in Chrome/Norton.
    Keep it out of theme palettes so browser-local palette choices do not
    turn the strip forest/amber/etc. */
 background:
 radial-gradient(circle at 82% 0%, rgba(255,255,255,0.24), transparent 35%),
 linear-gradient(135deg, #0067A8 0%, #0A73B8 52%, #6BA5C9 100%) !important;
 box-shadow: 0 8px 24px rgba(0, 91, 150, 0.24) !important;
 }
 /* D105: Koyu aktif hasta bandinda tum metinler yuksek kontrastli kalsin.
    Tema/palette katmanlari link ve chip renklerini koyultabiliyor. */
 .active-patient-banner,
 .active-patient-banner .apb-left,
 .active-patient-banner .apb-label,
 .active-patient-banner .apb-name,
 .active-patient-banner .apb-source,
 .active-patient-banner .apb-icon {
 color: #F8FAFC !important;
 -webkit-text-fill-color: #F8FAFC !important;
 text-shadow: 0 1px 2px rgba(0,0,0,0.35);
 }
 .active-patient-banner .apb-label {
 opacity: 1 !important;
 font-weight: 850;
 }
 .active-patient-banner .apb-name {
 font-weight: 950;
 letter-spacing: 0;
 }
 .active-patient-banner .apb-source {
 background: rgba(255,255,255,0.22) !important;
 border: 1px solid rgba(255,255,255,0.22);
 }
 .active-patient-banner .apb-action {
 background: #F8FAFC !important;
 border: 1px solid rgba(255,255,255,0.55) !important;
 color: #102A43 !important;
 -webkit-text-fill-color: #102A43 !important;
 font-weight: 900;
 box-shadow: 0 8px 20px rgba(0,0,0,0.18);
 text-shadow: none !important;
 }
 .active-patient-banner .apb-action:hover {
 background: #FFFFFF !important;
 color: #0B5CAB !important;
 -webkit-text-fill-color: #0B5CAB !important;
 }
 .active-patient-banner .apb-clear {
 background: #F8FAFC !important;
 border-color: rgba(255,255,255,0.66) !important;
 color: #102A43 !important;
 -webkit-text-fill-color: #102A43 !important;
 text-shadow: none !important;
 box-shadow: 0 8px 20px rgba(0,0,0,0.18);
 }
 .active-patient-banner .apb-clear:hover {
 background: #FFFFFF !important;
 color: #0B5CAB !important;
 -webkit-text-fill-color: #0B5CAB !important;
 }
 .mobile-bottom-nav {
 background: var(--palette-header);
 border-color: rgba(255,255,255,0.72);
 box-shadow: 0 20px 52px rgba(24,45,66,0.15);
 }
 [data-theme="dark"] .mobile-bottom-nav {
 border-color: rgba(226,238,255,0.10);
 }

 .theme-menu-wrap {
 position: relative;
 display: inline-flex;
 z-index: 2147482500;
 pointer-events: auto;
 }
 .theme-picker-btn {
 color: var(--palette-accent-dark);
 pointer-events: auto;
 }
 .theme-panel {
 position: absolute;
 top: calc(100% + 12px);
 right: 0;
 width: 322px;
 padding: 14px;
 border: 1px solid var(--palette-border);
 border-radius: 24px;
 background:
 radial-gradient(circle at 12% 0%, var(--palette-accent-bg), transparent 42%),
 var(--palette-card-strong);
 box-shadow: var(--shadow-lg);
 color: var(--palette-ink);
 z-index: 2147482500;
 max-height: min(78vh, 720px);
 overflow: auto;
 backdrop-filter: blur(24px) saturate(165%);
 -webkit-backdrop-filter: blur(24px) saturate(165%);
 transform-origin: top right;
 animation: theme-panel-in 180ms var(--ease) both;
 }
 .theme-panel[hidden] {
 display: none;
 }
.theme-panel:not([hidden]) {
 display: block !important;
 visibility: visible !important;
 opacity: 1 !important;
}
.header-actions,
.header-actions .yk-mode-accordion,
.header-actions .theme-menu-wrap,
.header-actions .yk-mode-single,
.header-actions .theme-picker-btn {
 pointer-events: auto !important;
}
.top-header,
.header-actions {
 overflow: visible !important;
}
.header-actions .yk-mode-accordion,
.header-actions .theme-menu-wrap {
 position: relative !important;
 z-index: 2147482500 !important;
}
.yk-mode-native-select,
.yk-theme-native-select {
 position: absolute !important;
 inset: 0 !important;
 width: 100% !important;
 height: 100% !important;
 opacity: 0.01 !important;
 cursor: pointer !important;
 z-index: 2147483200 !important;
 border: 0 !important;
 background: transparent !important;
 color: transparent !important;
}
.yk-mode-native-select option,
.yk-theme-native-select option {
 color: #10243F;
 background: #FFFFFF;
}
 .theme-panel,
 .yk-mode-window {
 pointer-events: auto !important;
 z-index: 2147483000 !important;
 }
 @keyframes theme-panel-in {
 from { opacity: 0; transform: translateY(-8px) scale(0.98); }
 to { opacity: 1; transform: translateY(0) scale(1); }
 }
 .theme-panel-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 margin-bottom: 12px;
 }
 .theme-panel-title {
 font-size: 13px;
 font-weight: 900;
 letter-spacing: -0.02em;
 color: var(--palette-ink);
 }
 .theme-panel-subtitle {
 margin-top: 2px;
 font-size: 11px;
 font-weight: 650;
 color: var(--palette-muted);
 }
 .theme-mode-toggle {
 display: grid;
 grid-template-columns: repeat(2, 1fr);
 gap: 7px;
 padding: 5px;
 margin-bottom: 12px;
 border-radius: 16px;
 background: color-mix(in srgb, var(--palette-accent-soft), white 58%);
 border: 1px solid var(--palette-border);
 }
 .theme-mode-btn,
 .theme-swatch {
 border: 0;
 font-family: inherit;
 cursor: pointer;
 transition: var(--transition);
 }
 .theme-mode-btn {
 height: 36px;
 border-radius: 12px;
 background: transparent;
 color: var(--palette-muted);
 font-size: 12px;
 font-weight: 850;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 gap: 7px;
 }
 .theme-mode-btn.active {
 background: var(--palette-card-strong);
 color: var(--palette-accent-dark);
 box-shadow: 0 8px 20px rgba(24,45,66,0.08);
 }
 .theme-swatch-grid {
 display: grid;
 gap: 8px;
 }
 .theme-swatch {
 width: 100%;
 min-height: 58px;
 padding: 9px;
 border-radius: 18px;
 background: color-mix(in srgb, var(--palette-card), transparent 4%);
 border: 1px solid var(--palette-border);
 color: var(--palette-ink);
 display: flex;
 align-items: center;
 gap: 10px;
 text-align: left;
 }
 .theme-swatch:hover {
 transform: translateY(-1px);
 border-color: color-mix(in srgb, var(--palette-accent), transparent 68%);
 box-shadow: 0 12px 26px rgba(24,45,66,0.09);
 }
 .theme-swatch.active {
 border-color: color-mix(in srgb, var(--palette-accent), transparent 42%);
 background:
 radial-gradient(circle at right top, var(--palette-accent-bg), transparent 45%),
 var(--palette-card-strong);
 box-shadow: 0 0 0 3px var(--palette-accent-bg);
 }
 .theme-swatch-dot {
 flex: 0 0 38px;
 width: 38px;
 height: 38px;
 border-radius: 14px;
 background:
 radial-gradient(circle at 28% 25%, rgba(255,255,255,0.92), transparent 23%),
 linear-gradient(135deg, var(--dot-a), var(--dot-b));
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.55), 0 10px 20px rgba(24,45,66,0.10);
 }
 .theme-swatch strong {
 display: block;
 font-size: 12px;
 font-weight: 900;
 letter-spacing: -0.01em;
 color: var(--palette-ink);
 }
 .theme-swatch small {
 display: block;
 margin-top: 2px;
 color: var(--palette-muted);
 font-size: 10.5px;
 font-weight: 650;
 }
 .theme-panel-foot {
 margin-top: 11px;
 padding: 9px 10px;
 border-radius: 15px;
 background: var(--palette-accent-bg);
 color: var(--palette-accent-dark);
 font-size: 11px;
 font-weight: 800;
 display: flex;
 align-items: center;
 gap: 8px;
 }
 @media (max-width: 768px) {
 .theme-panel {
 position: fixed;
 top: 78px;
 left: 12px;
 right: 12px;
 width: auto;
 }
 .theme-panel-subtitle {
 display: none;
 }
 .theme-swatch-grid {
 grid-template-columns: 1fr;
 }
 }

 .yk-media-card-shell .card-body {
 background:
 radial-gradient(circle at 12% 0%, var(--palette-accent-bg, rgba(0,120,212,0.10)), transparent 34%),
 linear-gradient(180deg, rgba(255,255,255,0.35), transparent);
 }
 .yk-media-help {
 display: flex;
 align-items: center;
 gap: 8px;
 padding: 10px 12px;
 margin-bottom: 14px;
 border-radius: 16px;
 background: var(--palette-accent-bg, rgba(0,120,212,0.10));
 color: var(--palette-accent-dark, #005A9E);
 font-size: 12px;
 font-weight: 800;
 }
 .yk-media-section {
 margin-bottom: 20px;
 }
 .yk-media-section:last-child {
 margin-bottom: 0;
 }
 .yk-media-section-head {
 display: flex;
 align-items: center;
 justify-content: space-between;
 gap: 12px;
 margin-bottom: 10px;
 }
 .yk-media-section-head h5 {
 margin: 0;
 display: inline-flex;
 align-items: center;
 gap: 8px;
 font-size: 15px;
 }
 .yk-media-section-head span {
 color: var(--text-muted);
 font-size: 12px;
 font-weight: 800;
 }
 .yk-media-grid {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(172px, 1fr));
 gap: 12px;
 }
 .yk-media-section {
 content-visibility: auto;
 contain-intrinsic-size: 560px;
 }
 .yk-media-card {
 width: 100%;
 padding: 0;
 border: 1px solid var(--palette-border, rgba(0,0,0,0.12));
 border-radius: 20px;
 background: var(--palette-card-strong, #fff);
 overflow: hidden;
 color: var(--text);
 text-align: left;
 cursor: zoom-in;
 contain: layout paint;
 content-visibility: auto;
 contain-intrinsic-size: 230px 210px;
 box-shadow: 0 12px 28px rgba(24,45,66,0.08);
 transition: transform 180ms var(--ease), box-shadow 180ms var(--ease), border-color 180ms var(--ease);
 }
 .yk-media-card:hover {
 transform: translateY(-3px);
 border-color: color-mix(in srgb, var(--palette-accent, #0078D4), transparent 62%);
 box-shadow: var(--palette-shadow, 0 22px 60px rgba(24,45,66,0.14));
 }
 .yk-media-thumb {
 position: relative;
 display: block;
 aspect-ratio: 4 / 3;
 background: #07111E;
 overflow: hidden;
 }
.yk-media-thumb img,
.yk-media-thumb video {
width: 100%;
height: 100%;
display: block;
 object-fit: cover;
 backface-visibility: hidden;
transition: transform 260ms ease;
}
.yk-media-video-thumb {
background:
radial-gradient(circle at 50% 44%, rgba(59,130,246,0.28), transparent 34%),
linear-gradient(135deg, #07111E, #111827);
}
.yk-media-video-thumb video {
background: transparent;
}
.yk-media-video-shade {
position: absolute;
inset: 0;
background:
linear-gradient(180deg, rgba(7,17,30,0.10), rgba(7,17,30,0.38)),
radial-gradient(circle at 50% 50%, transparent 0 24%, rgba(7,17,30,0.18) 55%);
pointer-events: none;
}
 .yk-media-card:hover .yk-media-thumb img,
 .yk-media-card:hover .yk-media-thumb video {
 transform: scale(1.045);
 }
 html.yk-media-safari-safe .yk-media-section,
 html.yk-media-safari-safe .yk-media-card {
 content-visibility: visible !important;
 contain-intrinsic-size: auto !important;
 }
 html.yk-media-safari-safe .yk-media-card,
 html.yk-media-safari-safe .yk-media-thumb img,
 html.yk-media-safari-safe .yk-media-thumb video,
 html.yk-media-safari-safe .yk-thumb-mini {
 transition: none !important;
 transform: none !important;
 }
 html.yk-media-safari-safe .yk-media-card:hover,
 html.yk-media-safari-safe .yk-media-card:hover .yk-media-thumb img,
 html.yk-media-safari-safe .yk-media-card:hover .yk-media-thumb video,
 html.yk-media-safari-safe .yk-thumb-mini:hover {
 transform: none !important;
 }
 html.yk-media-safari-safe .yk-media-thumb-strip {
 -webkit-backdrop-filter: none !important;
 backdrop-filter: none !important;
 scroll-behavior: auto !important;
 scroll-snap-type: none !important;
 }
 html.yk-media-safari-safe .yk-thumb-mini {
 scroll-snap-align: none !important;
 }
 @media (prefers-reduced-motion: reduce) {
 .yk-media-card,
 .yk-media-thumb img,
 .yk-media-thumb video {
 transition: none !important;
 transform: none !important;
 }
 }
 .yk-media-play {
 position: absolute;
 inset: 0;
 margin: auto;
 width: 48px;
 height: 48px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 color: white;
 background: rgba(0,0,0,0.46);
 box-shadow: 0 10px 30px rgba(0,0,0,0.28);
 font-size: 24px;
 }
 .yk-media-score {
 position: absolute;
 top: 10px;
 left: 10px;
 z-index: 2;
 padding: 5px 8px;
 border-radius: 999px;
 background: rgba(255,255,255,0.92);
 color: #0f5132;
 font-size: 11px;
 font-weight: 900;
 box-shadow: 0 10px 24px rgba(15,23,42,0.18);
 }
 .yk-hd-hover-wrap {
 position: relative;
 overflow: hidden;
 }
 /* B428: Doktor 'hd studio menusune gecis yolu yok artik resim uzerine
    tiklayinca olmuyordu' dedi. opacity:0.85 default - HER ZAMAN gorunur,
    hover'da tam parlak. pointer-events: auto - tiklanabilir. */
 .yk-hd-send {
 position: absolute;
 right: 10px;
 bottom: 10px;
 z-index: 6;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 8px 12px;
 border: 1px solid rgba(255,255,255,0.42);
 border-radius: 999px;
 color: white;
 background: linear-gradient(135deg, #7C3AED, #2563EB);
 box-shadow: 0 6px 18px rgba(0,0,0,.30);
 font-size: 12px;
 font-weight: 900;
 line-height: 1;
 opacity: .92;
 transform: translateY(0) scale(1);
 transition: opacity 160ms ease, transform 160ms ease, filter 160ms ease, box-shadow 160ms ease;
 cursor: pointer;
 pointer-events: auto;
 -webkit-print-color-adjust: exact !important;
 print-color-adjust: exact !important;
 }
 .yk-hd-send i { font-size: 14px; }
 .yk-media-card:hover .yk-hd-send,
 .yk-media-thumb:hover .yk-hd-send,
 .yk-hd-hover-wrap:hover .yk-hd-send,
 .yk-hd-send:focus {
 opacity: 1;
 transform: translateY(0) scale(1);
 /* B407: Hover'da tekrar tiklanabilir */
 pointer-events: auto;
 }
 .yk-hd-send:hover {
 filter: brightness(1.14);
 color: white;
 }
 .yk-media-caption {
 min-height: 44px;
 padding: 9px 11px;
 display: flex;
 align-items: center;
 gap: 8px;
 color: var(--text-muted);
 font-size: 12px;
 font-weight: 760;
 }
 .yk-media-caption span {
 min-width: 0;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .yk-file-list {
 display: flex;
 flex-wrap: wrap;
 gap: 8px;
 }
 .yk-file-pill {
 display: inline-flex;
 align-items: center;
 gap: 7px;
 max-width: 100%;
 padding: 9px 11px;
 border: 1px solid var(--palette-border, rgba(0,0,0,0.12));
 border-radius: 14px;
 background: var(--palette-card-strong, #fff);
 color: var(--text);
 font-size: 12px;
 font-weight: 800;
 }
 /* B208: Viewer artik fixed/modal degil - sayfanin akisi icinde main-container
 ust kismina inline yerlesir. Doktor "varolan pencerenin icinde yeni sayfa"
 istiyor: kapatilan pencere degil, sayfa contextinden hic ayrilmiyor.
 Sidebar + ust header tamamen normal yerinde, viewer sadece content area'nin
 ustunde sticky bir panel olarak gorunur. */
 .yk-media-viewer {
 /* D250 2026-05-11: top offset arttirildi - pill nav top header (~96px) altinda kalsin. */
 position: sticky;
 top: calc(var(--header-h, 96px) + 12px);
 z-index: 100;
 display: none;
 flex-direction: column;
 align-items: center;
 justify-content: flex-start;
 padding: 14px 18px 18px;
 margin: 12px 0 16px;
 background: linear-gradient(180deg, #f8fafc, #eef2f7);
 border: 1px solid #d8e1ea;
 border-radius: 18px;
 box-shadow: 0 12px 28px rgba(15,23,42,0.10);
 }
 .yk-media-viewer.show {
 display: flex;
 }
.yk-media-stage {
max-width: 100%;
width: 100%;
max-height: none;
display: grid;
 grid-template-rows: minmax(0, 1fr) auto;
 gap: 10px;
 background: transparent;
 padding: 0;
border-radius: 0;
box-shadow: none;
}
.yk-media-viewer-content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
min-height: min(78vh, 820px);
}
.yk-media-stage img {
/* D250 2026-05-11: parent (content area) relative, viewport-w yerine. Sidebar+icerik dengesi korunur. */
width: 100%;
max-width: 100%;
max-height: 78vh;
height: auto;
object-fit: contain;
border-radius: 14px;
background: #07111F;
box-shadow: 0 8px 22px rgba(0,0,0,0.18);
 margin: 0 auto;
 display: block;
 }
 /* B306: B305 min-height: 60vh video controls'u bozdu, sadece max-height. */
.yk-media-stage video {
max-width: 100%;
max-height: 84vh;
width: auto;
height: auto;
object-fit: contain;
border-radius: 14px;
 background: #07111F;
 box-shadow: 0 8px 22px rgba(0,0,0,0.18);
 margin: 0 auto;
 display: block;
 }
 /* B307: B305 viewer-altindakileri-gizle CSS'i kaldirildi - sayfa donmus
 gibi gorunup butonlar tiklanmiyordu. Viewer artik sayfanin geri kalanini
 etkilemez, normal inline panel olarak calisir. */
 .yk-media-viewer-info {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 12px;
 color: white;
 font-weight: 800;
 text-align: center;
 }
 .yk-media-viewer-info small {
 color: rgba(255,255,255,0.62);
 font-weight: 700;
 }
 .yk-media-viewer-btn {
 position: absolute;
 z-index: 30;
 border: 1px solid rgba(255,255,255,0.18);
 background: rgba(255,255,255,0.12);
 color: white;
 width: 52px;
 height: 52px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 font-size: 24px;
 cursor: pointer;
 touch-action: manipulation;
 -webkit-tap-highlight-color: transparent;
 pointer-events: auto !important;
 transition: transform 180ms ease, background 180ms ease;
 }
 .yk-media-viewer-btn:hover {
 background: rgba(255,255,255,0.22);
 transform: scale(1.06);
 }
 .yk-media-viewer-btn[hidden] {
 display: none !important;
 }
 .yk-media-viewer-close {
 top: 20px;
 right: 20px;
 }
 .yk-media-viewer-wa {
 top: 20px;
 right: 84px;
 background: linear-gradient(135deg, #25D366, #128C7E);
 border-color: rgba(255,255,255,0.24);
 box-shadow: 0 18px 34px rgba(18,140,126,0.30);
 }
 .yk-media-viewer-wa:hover {
 background: linear-gradient(135deg, #31E676, #128C7E);
 }
 .yk-media-viewer-print {
 top: 20px;
 right: 148px;
 background: linear-gradient(135deg, #2563eb, #0f766e);
 border-color: rgba(255,255,255,0.24);
 box-shadow: 0 18px 34px rgba(37,99,235,0.25);
 }
 .yk-media-viewer-print:hover {
 background: linear-gradient(135deg, #3b82f6, #0d9488);
 }
 /* B309: Buyuk belirgin "Windows Foto'da Ac" butonu - viewer ust ortasinda */
 .yk-media-viewer-photo {
 top: 20px;
 right: 212px;
 width: auto;
 padding: 0 18px 0 14px;
 border-radius: 26px;
 background: linear-gradient(135deg, #f59e0b, #d97706);
 border-color: rgba(255,255,255,0.28);
 box-shadow: 0 18px 34px rgba(217,119,6,0.30);
 color: white; font-weight: 800; gap: 8px; display: inline-flex !important;
 align-items: center; height: 52px;
 }
 .yk-media-viewer-photo:hover {
 background: linear-gradient(135deg, #fbbf24, #ea580c);
 transform: scale(1.04);
 }
 .yk-media-viewer-photo .yk-media-viewer-photo-label {
 font-size: 14px; line-height: 1; white-space: nowrap;
 }
 /* B400: Video icin "Bilgisayarda Ac" butonu - foto butonuyla ayni stil
 ama mavi/turkuaz gradient (video temasi). Foto butonunun solunda
 yer alir (right:380px). */
 .yk-media-viewer-video {
 top: 20px;
 right: 380px;
 width: auto;
 padding: 0 18px 0 14px;
 border-radius: 26px;
 background: linear-gradient(135deg, #2563eb, #0891b2);
 border-color: rgba(255,255,255,0.28);
 box-shadow: 0 18px 34px rgba(37,99,235,0.30);
 color: white; font-weight: 800; gap: 8px; display: inline-flex !important;
 align-items: center; height: 52px;
 }
 .yk-media-viewer-video:hover {
 background: linear-gradient(135deg, #3b82f6, #06b6d4);
 transform: scale(1.04);
 }
 .yk-media-viewer-video .yk-media-viewer-photo-label {
 font-size: 14px; line-height: 1; white-space: nowrap;
 }
 /* B400: Mobile/dar ekranlarda buton yerlesimi yan yana sigmayinca
 label gizlenir (sadece ikon kalir). */
 @media (max-width: 980px) {
 .yk-media-viewer-photo,
 .yk-media-viewer-video {
 padding: 0 12px;
 }
 .yk-media-viewer-photo .yk-media-viewer-photo-label,
 .yk-media-viewer-video .yk-media-viewer-photo-label {
 display: none;
 }
 .yk-media-viewer-video { right: 280px; }
 }
 .yk-media-print-menu {
 position: fixed;
 z-index: 2147483647;
 min-width: 218px;
 padding: 7px;
 border: 1px solid rgba(148,163,184,0.50);
 border-radius: 12px;
 background: rgba(255,255,255,0.98);
 box-shadow: 0 20px 46px rgba(15,23,42,0.28);
 color: #17202a;
 font: 700 14px "Segoe UI", Arial, sans-serif;
 }
 .yk-media-print-menu button {
 width: 100%;
 display: flex;
 align-items: center;
 gap: 10px;
 border: 0;
 border-radius: 9px;
 background: transparent;
 color: inherit;
 padding: 10px 12px;
 text-align: left;
 cursor: pointer;
 font: inherit;
 }
 .yk-media-print-menu button:hover {
 background: #e8f2ff;
 }
 .yk-media-viewer-prev {
 left: 22px;
 top: 50%;
 transform: translateY(-50%);
 }
 .yk-media-viewer-next {
 right: 22px;
 top: 50%;
 transform: translateY(-50%);
 }
 .yk-media-viewer-prev:hover,
 .yk-media-viewer-next:hover {
 transform: translateY(-50%) scale(1.06);
 }
 @media (max-width: 768px) {
 .yk-media-grid {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 gap: 9px;
 }
 .yk-media-viewer {
 padding: 12px;
 }
 .yk-media-viewer-btn {
 width: 54px;
 height: 54px;
 background: rgba(255,255,255,0.90);
 color: #17324D;
 border-color: rgba(23,50,77,0.16);
 box-shadow: 0 10px 22px rgba(15,23,42,0.16);
 }
 .yk-media-viewer-wa {
 top: 14px;
 right: 64px;
 }
 .yk-media-viewer-print {
 top: 14px;
 right: 114px;
 }
 .yk-media-viewer-prev { left: 14px; }
 .yk-media-viewer-next { right: 14px; }
.yk-media-stage img,
.yk-media-stage video {
width: 94vw;
max-width: 94vw;
max-height: 78vh;
border-radius: 16px;
}
}

 /* YazKlinik Experience Mode: pratik genis basit, doktor, uzman. */
 :root[data-experience="simple"] {
--sidebar-w: 224px;
--header-h: 84px;
--r: 18px;
--r-md: 22px;
--r-lg: 28px;
--shadow-xs: 0 1px 2px rgba(15,23,42,0.035);
--shadow-sm: 0 10px 30px rgba(16,35,31,0.055);
--shadow: 0 18px 44px rgba(16,35,31,0.075);
 }
 /* ============================================================
 3 MOD GORUNURLUK SISTEMI
 simple = genis pratik menu, gunluk klinik akislar
 doctor = orta, sade sidebar (kritik 15 link)
 advanced = tam sidebar + tum menuler
 ============================================================ */

 /* === yk-advanced-only: SADECE advanced'de gorunur === */
 :root[data-experience="simple"] .yk-advanced-only,
 :root[data-experience="simple"] .sidebar-fold.yk-advanced-only,
 :root[data-experience="simple"] .sidebar-link.yk-advanced-only,
 :root[data-experience="doctor"] .yk-advanced-only,
 :root[data-experience="doctor"] .sidebar-fold.yk-advanced-only,
 :root[data-experience="doctor"] .sidebar-link.yk-advanced-only {
 display: none !important;
 }

 /* === yk-doctor-up: Doktor ve Uzman modlarinda gorunur === */
 :root[data-experience="simple"] .yk-doctor-up,
 :root[data-experience="simple"] .sidebar-link.yk-doctor-up,
 :root[data-experience="simple"] .sidebar-manifest-link.yk-doctor-up {
 display: none !important;
 }

 /* "Tum Menuler" manifest bloku sadece advanced'de */
 :root[data-experience="simple"] .sidebar-manifest,
 :root[data-experience="doctor"] .sidebar-manifest {
 display: none !important;
 }

 /* === SIMPLE MOD: pratik ikon menusu === */
 :root[data-experience="simple"] .sidebar.use-modern-nav {
 width: var(--sidebar-w) !important;
 max-width: var(--sidebar-w) !important;
 padding: 14px 10px !important;
 }
 :root[data-experience="simple"] .sidebar-link > span:not(.sidebar-link-icon):not(.sidebar-badge-mini) {
 display: inline-block !important;
 }
 :root[data-experience="simple"] .sidebar-link {
 justify-content: flex-start !important;
 min-height: 44px !important;
 padding: 7px 9px !important;
 gap: 9px !important;
 font-size: 13px !important;
 }
 :root[data-experience="simple"] .sidebar-link-icon {
 width: 31px !important; height: 31px !important;
 border-radius: 11px !important;
 font-size: 16px !important;
 margin: 0 !important;
 }
 :root[data-experience="simple"] .sidebar-orbit {
 display: none !important;
 }
 :root[data-experience="simple"] .sidebar-brand-text {
 display: block !important;
 font-size: 15px !important;
 line-height: 1.15 !important;
 }
 :root[data-experience="simple"] .sidebar-section-title {
 display: block !important;
 font-size: 10px !important;
 padding: 0 10px !important;
 margin: 10px 0 6px !important;
 }
 :root[data-experience="simple"] .sidebar-quick-grid {
 display: grid !important;
 grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
 gap: 8px !important;
 }
 :root[data-experience="simple"] .sidebar-quick-action {
 display: grid !important;
 place-items: center !important;
 min-height: 62px !important;
 padding: 8px !important;
 }
 :root[data-experience="simple"] .sidebar-quick-action strong {
 display: block !important;
 font-size: 11px !important;
 }
 :root[data-experience="simple"] .sidebar-quick-action span {
 display: none !important;
 }
 :root[data-experience="simple"] .sidebar-brand-icon {
 margin: 0 !important;
 }
 :root[data-experience="simple"] .top-header {
 left: calc(var(--sidebar-w) + 18px) !important;
 }
 :root[data-experience="simple"] .main-content {
 margin-left: var(--sidebar-w) !important;
 }
 @media (max-width: 1280px) {
 :root[data-experience="simple"] .sidebar.use-modern-nav,
 :root[data-experience="simple"] .top-header,
 :root[data-experience="simple"] .main-content {
 width: auto !important; max-width: none !important;
 margin-left: 0 !important; left: 0 !important;
 }
 }

 /* === DOCTOR MOD: sade ama tam isimli sidebar === */
 :root[data-experience="doctor"] .sidebar-link {
 min-height: 52px;
 font-size: 14px;
 font-weight: 600;
 }
 :root[data-experience="doctor"] .sidebar-link-icon {
 width: 36px; height: 36px; border-radius: 12px; font-size: 17px;
 }
 :root[data-experience="doctor"] .btn-primary,
 :root[data-experience="doctor"] .btn-success,
 :root[data-experience="doctor"] .btn-danger {
 font-size: 15px; padding: 10px 18px; border-radius: 14px;
 font-weight: 700;
 }
 :root[data-experience="doctor"] .card { border-radius: 18px; }

/* D71: Header'daki 3-buton mod toggle artik gosterilmiyor. */
.yk-mode-tabs {
display: none !important;
align-items: center;
gap: 2px;
padding: 3px;
background: rgba(15,23,42,.04);
 border: 1px solid rgba(15,23,42,.08);
 border-radius: 12px;
 margin-right: 6px;
 }
 .yk-mode-tab {
 display: inline-flex;
 align-items: center;
 gap: 5px;
 padding: 5px 11px;
 font-size: 12px;
 font-weight: 700;
 color: #475569;
 background: transparent;
 border: 0;
 border-radius: 9px;
 cursor: pointer;
 transition: all .15s;
 pointer-events: auto !important;
 position: relative;
 z-index: 2;
 }
 .yk-mode-tab * { pointer-events: none; }
 .yk-mode-tab:hover {
 background: rgba(255,255,255,.7);
 color: #1E293B;
 }
 .yk-mode-tab.active {
 background: linear-gradient(135deg, #FFFFFF, #F1F5F9);
 color: #0067C0;
 box-shadow: 0 2px 6px rgba(0,103,192,.15);
 }
 /* Mod-specific renkler */
 :root[data-experience="simple"] .yk-mode-tab[data-mode="simple"] {
 background: linear-gradient(135deg, #FEF3C7, #FDE68A) !important;
 color: #78350F !important;
 box-shadow: 0 2px 6px rgba(245,158,11,.25) !important;
 }
 :root[data-experience="doctor"] .yk-mode-tab[data-mode="doctor"] {
 background: linear-gradient(135deg, #DBEAFE, #BFDBFE) !important;
 color: #1E3A8A !important;
 box-shadow: 0 2px 6px rgba(59,130,246,.25) !important;
 }
 :root[data-experience="advanced"] .yk-mode-tab[data-mode="advanced"] {
 background: linear-gradient(135deg, #DCFCE7, #BBF7D0) !important;
 color: #14532D !important;
 box-shadow: 0 2px 6px rgba(34,197,94,.25) !important;
 }
 :root[data-theme="dark"] .yk-mode-tabs {
 background: rgba(255,255,255,.06);
 border-color: rgba(255,255,255,.12);
 }
 :root[data-theme="dark"] .yk-mode-tab { color: #cbd5e1; }
 :root[data-theme="dark"] .yk-mode-tab:hover { background: rgba(255,255,255,.1); color: #fff; }
 @media (max-width: 900px) {
 .yk-mode-tab span { display: none; }
 .yk-mode-tab { padding: 5px 8px; }
 }
 @media (max-width: 600px) {
 .yk-mode-tabs { display: none; }
 }

/* C19: Tek-buton mod toggle (her zaman gorunur) - tiklayinca
   yk-mode-window popup acilir. Doktor 'inline 3-tab degil akardiyon
   gibi acilir menu olsun, ayrica tiklayinca fonksiyon gerceklesmiyor'
   dedi - C16'da eklenen inline 3-tab kaldirildi. */
.yk-mode-accordion {
position: relative;
display: inline-flex;
flex-direction: column;
align-items: stretch;
}
.yk-mode-single {
min-width: 122px;
height: 40px;
display: inline-flex;
align-items: center;
justify-content: space-between;
gap: 7px;
border: 1px solid rgba(15,23,42,.10);
border-radius: 14px;
background: linear-gradient(135deg,#FFFFFF,#F1F5F9);
color: #17324D;
 font-weight: 850;
 font-size: 13px;
 box-shadow: 0 8px 22px rgba(15,23,42,.08);
cursor: pointer;
}
.yk-mode-single-main {
display: inline-flex;
align-items: center;
gap: 7px;
}
.yk-mode-single-caret {
font-size: 11px;
opacity: .72;
transition: transform .18s ease, opacity .18s ease;
}
.yk-mode-accordion.is-open .yk-mode-single-caret {
transform: rotate(180deg);
opacity: 1;
}
.yk-mode-single:hover {
background: linear-gradient(135deg,#F1F5F9,#E2E8F0);
box-shadow: 0 10px 28px rgba(15,23,42,.14);
}
.yk-mode-single:active {
transform: translateY(1px);
}
.yk-mode-window {
position: absolute;
top: calc(100% + 8px);
right: 0;
width: min(360px, calc(100vw - 28px));
z-index: 2147483000;
border: 1px solid rgba(15,23,42,.14);
border-radius: 18px;
background: rgba(255,255,255,.98);
box-shadow: 0 26px 70px rgba(15,23,42,.22);
padding: 12px;
}
.yk-mode-window[hidden] { display: none !important; }
.yk-mode-single[data-mode="simple"] {
background: linear-gradient(135deg, #FEF3C7, #FDE68A);
color: #78350F;
border-color: rgba(245,158,11,.42);
}
.yk-mode-single[data-mode="doctor"] {
background: linear-gradient(135deg, #DBEAFE, #BFDBFE);
color: #1E3A8A;
border-color: rgba(59,130,246,.38);
}
.yk-mode-single[data-mode="advanced"] {
background: linear-gradient(135deg, #DCFCE7, #BBF7D0);
color: #14532D;
border-color: rgba(34,197,94,.34);
}
@media (max-width: 640px) {
.yk-mode-window {
right: -18px;
width: min(330px, calc(100vw - 16px));
}
}
.yk-mode-window-head {
display:flex;
align-items:center;
justify-content:space-between;
 gap:10px;
 padding:4px 4px 10px;
 color:#17324D;
 font-weight:900;
 }
 .yk-mode-window-close {
 border:0;
 width:32px;
 height:32px;
 border-radius:10px;
 background:#EEF2F7;
 color:#17324D;
 }
 .yk-mode-choice {
 width:100%;
 display:grid;
 grid-template-columns:auto minmax(0,1fr) auto;
 align-items:center;
 gap:10px;
 border:1px solid rgba(15,23,42,.10);
 border-radius:14px;
 background:#fff;
 color:#17324D;
 padding:12px;
 margin-top:8px;
 text-align:left;
 }
 .yk-mode-choice i {
 width:36px;
 height:36px;
 border-radius:12px;
 display:grid;
 place-items:center;
 background:#EFF6FF;
 color:#0067C0;
 }
 .yk-mode-choice b,
 .yk-mode-choice small {
 display:block;
 }
 .yk-mode-choice small {
 color:#64748B;
 font-size:12px;
 margin-top:2px;
 }
 .yk-mode-choice.active {
 border-color:#0F766E;
 box-shadow:0 10px 26px rgba(15,118,110,.14);
 }
 .yk-mode-choice-check {
 color:#0F766E;
 opacity:0;
 font-weight:900;
 }
 .yk-mode-choice.active .yk-mode-choice-check {
 opacity:1;
 }
 :root[data-theme="dark"] .yk-mode-window,
 :root[data-theme="dark"] .yk-mode-choice {
 background:#101B2D;
 color:#F4FAFF;
 border-color:rgba(180,205,236,.16);
 }
 :root[data-theme="dark"] .yk-mode-choice small {
 color:#AFC2D7;
 }

 /* === SIDEBAR OVERLAP FIX (sol pencere icerige giriyor sorunu) === */
 @media (min-width: 1281px) {
 .main-content,
 .main-container,
 body > main {
 margin-left: var(--sidebar-w, 268px) !important;
 max-width: calc(100vw - var(--sidebar-w, 268px) - 32px) !important;
 min-width: 0 !important;
 box-sizing: border-box !important;
 }
 .top-header {
 left: calc(var(--sidebar-w, 268px) + 18px) !important;
 }
 /* Hasta detay paneli vs. tum content elemanlari */
 .patient-detail-wrap, .yk-patient-detail,
 .preg-page-bg, .yk-diet-shell, .container-fluid {
 max-width: calc(100vw - var(--sidebar-w, 268px) - 40px) !important;
 margin-left: 0 !important; /* main-content margin'i zaten saglar */
 }
 }

 /* Mod badge - sidebar header'da gosterir hangi modda oldugumuzu */
 .yk-mode-badge {
 display: inline-flex; align-items: center; gap: 6px;
 padding: 4px 10px; border-radius: 999px;
 font-size: 11px; font-weight: 800; letter-spacing: .5px;
 text-transform: uppercase;
 background: linear-gradient(135deg, #DBEAFE, #DDD6FE);
 color: #1E3A8A;
 margin-top: 6px;
 }
 :root[data-experience="simple"] .yk-mode-badge {
 background: linear-gradient(135deg, #FEF3C7, #FDE68A); color: #78350F;
 }
 :root[data-experience="doctor"] .yk-mode-badge {
 background: linear-gradient(135deg, #DBEAFE, #BFDBFE); color: #1E3A8A;
 }
 :root[data-experience="advanced"] .yk-mode-badge {
 background: linear-gradient(135deg, #DCFCE7, #BBF7D0); color: #14532D;
 }
 .yk-version-badge {
 display: inline-flex;
 align-items: center;
 max-width: 100%;
 margin-top: 6px;
 padding: 4px 9px;
 border-radius: 999px;
 background: rgba(11,92,171,.08);
 border: 1px solid rgba(11,92,171,.14);
 color: #0B5CAB;
 font-size: 10px;
 font-weight: 800;
 line-height: 1.2;
 overflow-wrap: anywhere;
 }
.yk-running-version {
display: inline-flex;
align-items: center;
gap: 6px;
width: fit-content;
max-width: 100%;
margin-top: 4px;
padding: 4px 10px;
border-radius: 999px;
background: linear-gradient(135deg, rgba(20,184,166,.16), rgba(59,130,246,.14));
border: 1px solid rgba(14,149,140,.24);
color: #0E6F67;
font-size: 10.5px;
font-weight: 800;
line-height: 1.2;
overflow-wrap: anywhere;
}
.yk-running-version i {
font-size: 10px;
opacity: .84;
}
.top-header-badges {
display: flex;
align-items: center;
gap: 6px;
flex-wrap: wrap;
margin-top: 5px;
}
.yk-header-mode {
display: inline-flex;
align-items: center;
gap: 6px;
padding: 4px 10px;
border-radius: 999px;
background: rgba(17,74,119,.08);
border: 1px solid rgba(17,74,119,.18);
color: #153A5F;
font-size: 10.5px;
font-weight: 800;
line-height: 1.2;
}
.yk-header-mode i {
font-size: 9px;
}
:root[data-experience="simple"] .yk-header-mode {
background: linear-gradient(135deg, #FEF3C7, #FDE68A);
border-color: rgba(180,121,0,.24);
color: #7A4B00;
}
:root[data-experience="doctor"] .yk-header-mode {
background: linear-gradient(135deg, #DBEAFE, #BFDBFE);
border-color: rgba(30,64,175,.22);
color: #1E3A8A;
}
:root[data-experience="advanced"] .yk-header-mode {
background: linear-gradient(135deg, #DCFCE7, #BBF7D0);
border-color: rgba(21,128,61,.20);
color: #14532D;
}
:root[data-experience="simple"] .yk-mode-badge,
:root[data-experience="simple"] .yk-mode-badge-wrap {
display: none !important; /* simple'da sidebar daraldi, badge sigmaz */
}
 :root[data-experience="simple"] .yk-version-badge {
 display: none !important;
 }
 :root[data-experience="simple"] .sidebar {
 padding: 16px 12px;
 }
 :root[data-experience="simple"] .sidebar-brand,
 :root[data-experience="simple"] .sidebar-orbit,
 :root[data-experience="simple"] .sidebar-quick-action,
 :root[data-experience="simple"] .sidebar-link,
 :root[data-experience="simple"] .card,
 :root[data-experience="simple"] .btn,
 :root[data-experience="simple"] .form-control,
 :root[data-experience="simple"] .form-select {
 border-radius: 20px;
 }
 :root[data-experience="simple"] .sidebar-section {
 margin-bottom: 14px;
 }
 :root[data-experience="simple"] .sidebar-section-title {
 margin-top: 2px;
 margin-bottom: 6px;
 opacity: 0.76;
 }
 :root[data-experience="simple"] .sidebar-link {
 min-height: 48px;
 padding: 9px 11px;
 font-size: 13px;
 }
 :root[data-experience="simple"] .sidebar-link-icon {
 width: 34px;
 height: 34px;
 border-radius: 14px;
 }
 :root[data-experience="simple"] .top-header {
 top: 12px;
 left: calc(var(--sidebar-w) + 16px);
 right: 16px;
 height: 64px;
 border-radius: 28px;
 border: 1px solid rgba(255,255,255,0.72);
 }
 :root[data-experience="simple"] .main-container {
 max-width: 1280px;
 padding-top: 26px;
 }
 :root[data-experience="simple"] .card,
 :root[data-experience="simple"] .patient-header,
 :root[data-experience="simple"] .tools-collapse,
 :root[data-experience="simple"] .stat-mini {
 box-shadow: 0 1px 0 rgba(255,255,255,0.76) inset,
 0 14px 42px rgba(16,35,31,0.065);
 }
 :root[data-experience="simple"] .table {
 font-size: 13px;
 }
 :root[data-experience="simple"] .table thead th {
 font-size: 11px;
 letter-spacing: 0.05em;
 text-transform: uppercase;
 color: var(--text-muted);
 }
 :root[data-experience="advanced"] .yk-simple-hint {
 display: none !important;
 }
 .experience-switch {
 min-width: 106px;
 height: 42px;
 padding: 0 12px 0 8px;
 border: 1px solid rgba(26,43,38,0.08);
 border-radius: 999px;
 background: rgba(255,255,255,0.62);
 color: var(--text);
 display: inline-flex;
 align-items: center;
 gap: 8px;
 font-size: 12px;
 font-weight: 900;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.78);
 transition: var(--transition);
 white-space: nowrap;
 }
 .experience-switch:hover {
 transform: translateY(-1px);
 color: var(--accent-dark);
 box-shadow: 0 12px 26px rgba(16,35,31,0.10);
 }
 .experience-switch-icon {
 width: 30px;
 height: 30px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 background: linear-gradient(135deg, rgba(20,184,166,0.18), rgba(251,191,36,0.16));
 color: var(--accent-dark);
 }
 :root[data-experience="advanced"] .experience-switch-icon {
 background: linear-gradient(135deg, rgba(37,99,235,0.18), rgba(139,92,246,0.18));
 color: #2563EB;
 }
.experience-panel {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 8px;
margin: 12px 0 8px;
padding: 8px;
border-radius: 18px;
 background: var(--palette-card, rgba(255,255,255,0.62));
 border: 1px solid var(--palette-border, rgba(0,0,0,0.08));
 }
 .experience-mode-btn {
 min-height: 58px;
 padding: 10px;
 border: 0;
 border-radius: 14px;
 background: transparent;
 color: var(--text-muted);
 font-family: inherit;
 text-align: left;
 transition: var(--transition);
 cursor: pointer;
 pointer-events: auto !important;
 position: relative;
 z-index: 2;
 }
 .experience-mode-btn:hover {
 background: var(--palette-accent-soft, #DBEAFE);
 transform: translateY(-1px);
 }
 .experience-mode-btn * { pointer-events: none; }
 @keyframes ykToastIn {
 from { opacity: 0; transform: translate(-50%, -10px); }
 to { opacity: 1; transform: translate(-50%, 0); }
 }
 .yk-bg-job-toasts {
 position: fixed;
 right: 20px;
 bottom: 22px;
 z-index: 2200;
 display: grid;
 gap: 10px;
 max-width: min(420px, calc(100vw - 28px));
 pointer-events: none;
 }
 #ykBgJobToasts:not(.has-items) .yk-bg-job-clear {
 display: none;
 }
 .yk-bg-job-clear {
 pointer-events: auto;
 justify-self: end;
 border: 1px solid rgba(15,118,110,.2);
 border-radius: 999px;
 background: rgba(255,255,255,.96);
 color: #0F766E;
 box-shadow: 0 10px 28px rgba(15,40,38,.16);
 padding: 7px 12px;
 font-size: 12px;
 font-weight: 900;
 cursor: pointer;
 }
 .yk-bg-job-clear:hover {
 background: #E6FFFA;
 }
 .yk-bg-job-toast {
 pointer-events: auto;
 display: grid;
 grid-template-columns: 38px minmax(0, 1fr) auto;
 gap: 10px;
 align-items: center;
 padding: 12px 12px;
 border-radius: 16px;
 border: 1px solid rgba(15,118,110,.18);
 background: rgba(255,255,255,.96);
 box-shadow: 0 18px 48px rgba(15,40,38,.18);
 color: #102A2A;
 animation: ykBgJobIn .22s ease-out;
 }
 .yk-bg-job-toast.is-running {
 border-color: rgba(37,99,235,.18);
 }
 .yk-bg-job-toast.is-error {
 border-color: rgba(220,38,38,.24);
 }
 .yk-bg-job-toast-icon {
 width: 38px;
 height: 38px;
 border-radius: 14px;
 display: grid;
 place-items: center;
 background: #E6FFFA;
 color: #0F766E;
 font-size: 18px;
 }
 .yk-bg-job-toast.is-running .yk-bg-job-toast-icon {
 background: #EFF6FF;
 color: #2563EB;
 }
 .yk-bg-job-toast.is-error .yk-bg-job-toast-icon {
 background: #FEF2F2;
 color: #DC2626;
 }
 .yk-bg-job-toast b {
 display: block;
 font-size: 13px;
 font-weight: 900;
 }
 .yk-bg-job-toast small {
 display: block;
 color: #60716D;
 font-size: 11px;
 line-height: 1.35;
 margin-top: 2px;
 }
 .yk-bg-job-toast a {
 white-space: nowrap;
 text-decoration: none;
 border: 0;
 border-radius: 999px;
 padding: 7px 11px;
 background: #0F766E;
 color: #fff;
 font-size: 12px;
 font-weight: 800;
 }
 .yk-bg-job-toast.is-running a {
 background: #2563EB;
 }
 .yk-bg-job-toast.is-error a {
 background: #DC2626;
 }
 @keyframes ykBgJobIn {
 from { opacity: 0; transform: translateY(12px); }
 to { opacity: 1; transform: translateY(0); }
 }
 @media (max-width: 640px) {
 .yk-bg-job-toasts {
 left: 12px;
 right: 12px;
 bottom: 12px;
 max-width: none;
 }
 .yk-bg-job-toast {
 grid-template-columns: 34px minmax(0, 1fr);
 }
 .yk-bg-job-toast a {
 grid-column: 1 / -1;
 text-align: center;
 }
 }
 .experience-mode-btn strong,
 .experience-mode-btn small {
 display: block;
 }
 .experience-mode-btn strong {
 color: var(--text);
 font-size: 13px;
 font-weight: 900;
 }
 .experience-mode-btn small {
 margin-top: 2px;
 font-size: 10px;
 font-weight: 800;
 letter-spacing: 0.04em;
 text-transform: uppercase;
 }
 .experience-mode-btn.active {
 background: var(--palette-card-strong, #fff);
 box-shadow: 0 10px 26px rgba(24,45,66,0.08);
 color: var(--palette-accent-dark, var(--accent-dark));
 }
@media (max-width: 992px) {
:root .experience-panel {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
:root[data-experience="simple"] .top-header {
left: 12px;
right: 12px;
}
 .experience-switch {
 min-width: 42px;
 padding: 0 6px;
 }
.experience-switch span:not(.experience-switch-icon) {
display: none;
}
}
@media (max-width: 640px) {
:root .experience-panel {
grid-template-columns: 1fr;
}
}
 @media (max-width: 640px) {
 .experience-switch {
 display: inline-flex;
 }
 }

 /* YazKlinik Modern Pro polish */
 :root {
--yk-pro-glass: rgba(255,255,255,0.76);
--yk-pro-glass-strong: rgba(255,255,255,0.94);
--yk-pro-stroke: rgba(19,52,82,0.10);
--yk-pro-blue-shadow: rgba(0,90,158,0.16);
--yk-pro-ink-shadow: rgba(12,27,44,0.10);
 }
 :root[data-theme="dark"] {
--yk-pro-glass: rgba(17,26,43,0.76);
--yk-pro-glass-strong: rgba(22,33,54,0.94);
--yk-pro-stroke: rgba(180,205,236,0.14);
--yk-pro-blue-shadow: rgba(56,150,240,0.18);
--yk-pro-ink-shadow: rgba(0,0,0,0.32);
 }
 body {
 background:
 radial-gradient(circle at 10% 4%, rgba(0,120,212,0.16), transparent 32%),
 radial-gradient(circle at 92% 10%, rgba(106,135,210,0.18), transparent 28%),
 radial-gradient(circle at 62% 96%, rgba(204,228,247,0.70), transparent 34%),
 linear-gradient(135deg, var(--bg) 0%, var(--bg-alt) 46%, #EEF5FC 100%) !important;
 }
 :root[data-theme="dark"] body {
 background:
 radial-gradient(circle at 10% 4%, rgba(34,126,214,0.22), transparent 32%),
 radial-gradient(circle at 92% 10%, rgba(112,91,204,0.20), transparent 28%),
 radial-gradient(circle at 62% 96%, rgba(15,68,116,0.26), transparent 34%),
 linear-gradient(135deg, #0B1220 0%, #101B2D 52%, #07111E 100%) !important;
 }
 .top-header {
 border: 1px solid var(--yk-pro-stroke) !important;
 background:
 linear-gradient(135deg, rgba(255,255,255,0.92), rgba(245,250,255,0.76)) !important;
 backdrop-filter: blur(22px) saturate(1.18);
 -webkit-backdrop-filter: blur(22px) saturate(1.18);
 border-radius: 30px !important;
 box-shadow: 0 24px 60px var(--yk-pro-ink-shadow), 0 10px 30px var(--yk-pro-blue-shadow) !important;
 }
 :root[data-theme="dark"] .top-header {
 background:
 linear-gradient(135deg, rgba(20,32,52,0.90), rgba(13,22,38,0.76)) !important;
 }
 .sidebar {
 background:
 radial-gradient(circle at 16% -6%, rgba(0,120,212,0.14), transparent 34%),
 radial-gradient(circle at 108% 18%, rgba(116,184,234,0.18), transparent 30%),
 linear-gradient(180deg, rgba(255,255,255,0.96) 0%, rgba(240,248,255,0.95) 52%, rgba(225,240,252,0.96) 100%) !important;
 color: #17324D !important;
 border-right: 1px solid rgba(0,90,158,0.12) !important;
 box-shadow: 18px 0 46px rgba(17,47,75,0.10) !important;
 }
 :root[data-theme="dark"] .sidebar {
 background:
 radial-gradient(circle at 16% -6%, rgba(74,166,246,0.22), transparent 34%),
 radial-gradient(circle at 108% 18%, rgba(116,184,234,0.14), transparent 30%),
 linear-gradient(180deg, #112033 0%, #0B192B 54%, #081321 100%) !important;
 color: #F4FAFF !important;
 border-right-color: rgba(180,205,236,0.14) !important;
 }
 .sidebar-brand,
 .sidebar-quick-action,
 .sidebar-fold {
 background: rgba(255,255,255,0.74) !important;
 color: #17324D !important;
 border: 1px solid rgba(0,90,158,0.10) !important;
 box-shadow: 0 14px 34px rgba(17,47,75,0.08) !important;
 }
 :root[data-theme="dark"] .sidebar-brand,
 :root[data-theme="dark"] .sidebar-quick-action,
 :root[data-theme="dark"] .sidebar-fold {
 background: rgba(20,32,52,0.76) !important;
 color: #F4FAFF !important;
 border-color: rgba(180,205,236,0.14) !important;
 }
 .sidebar-brand:hover,
 .sidebar-quick-action:hover {
 color: #005A9E !important;
 background: #fff !important;
 }
 :root[data-theme="dark"] .sidebar-brand:hover,
 :root[data-theme="dark"] .sidebar-quick-action:hover {
 color: #9FD2FF !important;
 background: rgba(27,42,67,0.92) !important;
 }
 .sidebar-brand-text,
 .sidebar-section-title,
 .sidebar-link,
 .sidebar-fold summary {
 color: #17324D !important;
 }
 .sidebar-section-title {
 color: rgba(23,50,77,0.56) !important;
 }
 :root[data-theme="dark"] .sidebar-brand-text,
 :root[data-theme="dark"] .sidebar-section-title,
 :root[data-theme="dark"] .sidebar-link,
 :root[data-theme="dark"] .sidebar-fold summary {
 color: #F4FAFF !important;
 }
 :root[data-theme="dark"] .sidebar-section-title {
 color: rgba(244,250,255,0.58) !important;
 }
 .sidebar-brand-icon,
 .sidebar-link.active .sidebar-link-icon,
 .sidebar-orbit {
 background: linear-gradient(135deg, #0078D4 0%, #005A9E 100%) !important;
 box-shadow: 0 16px 36px rgba(0,90,158,0.28) !important;
 }
 .sidebar-link {
 border-radius: 18px !important;
 transition: transform .18s ease, background .18s ease, box-shadow .18s ease;
 }
 .sidebar-link:hover {
 transform: translateX(3px);
 color: #005A9E !important;
 background: rgba(0,120,212,0.08) !important;
 box-shadow: inset 0 0 0 1px rgba(0,120,212,0.10);
 }
 :root[data-theme="dark"] .sidebar-link:hover {
 color: #C8E8FF !important;
 background: rgba(116,184,234,0.12) !important;
 box-shadow: inset 0 0 0 1px rgba(180,205,236,0.12);
 }
 .sidebar-link.active {
 background: linear-gradient(135deg, rgba(0,120,212,0.96), rgba(0,90,158,0.96)) !important;
 color: #fff !important;
 box-shadow: 0 16px 34px rgba(0,90,158,0.30) !important;
 }
 .sidebar-link.active span,
 .sidebar-link.active .sidebar-link-icon {
 color: #fff !important;
 }
 .sidebar-link-icon {
 background: rgba(255,255,255,0.78) !important;
 color: #005A9E !important;
 border: 1px solid rgba(0,90,158,0.10) !important;
 }
 :root[data-theme="dark"] .sidebar-link-icon {
 background: rgba(244,250,255,0.10) !important;
 color: #9FD2FF !important;
 border-color: rgba(180,205,236,0.12) !important;
 }
 .sidebar-orbit,
 .sidebar-orbit * {
 color: #fff !important;
 }
 .sidebar-quick-action,
 .theme-panel,
 .experience-panel,
 .mobile-bottom-nav {
 background: var(--yk-pro-glass-strong) !important;
 border: 1px solid var(--yk-pro-stroke) !important;
 box-shadow: 0 18px 48px var(--yk-pro-ink-shadow) !important;
 backdrop-filter: blur(20px) saturate(1.18);
 -webkit-backdrop-filter: blur(20px) saturate(1.18);
 }
 .card,
 .patient-card,
 .stat-card,
 .glass-card,
 .quick-card,
 .metric-card,
 .panel,
 .section-card {
 border: 1px solid var(--yk-pro-stroke) !important;
 background:
 linear-gradient(145deg, var(--yk-pro-glass-strong), var(--yk-pro-glass)) !important;
 box-shadow: 0 20px 54px var(--yk-pro-ink-shadow) !important;
 backdrop-filter: blur(18px) saturate(1.12);
 -webkit-backdrop-filter: blur(18px) saturate(1.12);
 }
 .card,
 .patient-card,
 .stat-card,
 .quick-card,
 .metric-card,
 .panel,
 .section-card {
 border-radius: 28px !important;
 }
 .btn-primary,
 .btn-success,
 .btn-teal,
 button[type="submit"].btn {
 background: linear-gradient(135deg, #0078D4 0%, #005A9E 100%) !important;
 border-color: rgba(0,90,158,0.18) !important;
 color: #fff !important;
 box-shadow: 0 16px 34px rgba(0,90,158,0.22) !important;
 }
 .btn-primary:hover,
 .btn-success:hover,
 .btn-teal:hover,
 button[type="submit"].btn:hover {
 transform: translateY(-1px);
 box-shadow: 0 20px 42px rgba(0,90,158,0.28) !important;
 }
 .header-icon-btn,
 .theme-toggle,
 .experience-switch {
 background: rgba(255,255,255,0.82) !important;
 border: 1px solid var(--yk-pro-stroke) !important;
 box-shadow: 0 12px 28px rgba(12,27,44,0.08) !important;
 }
 :root[data-theme="dark"] .header-icon-btn,
 :root[data-theme="dark"] .theme-toggle,
 :root[data-theme="dark"] .experience-switch {
 background: rgba(22,33,54,0.82) !important;
 }
 .form-control,
 .form-select,
 textarea {
 border-radius: 18px !important;
 border-color: rgba(19,52,82,0.12) !important;
 background: rgba(255,255,255,0.82) !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.55);
 }
 :root[data-theme="dark"] .form-control,
 :root[data-theme="dark"] .form-select,
 :root[data-theme="dark"] textarea {
 background: rgba(13,22,38,0.72) !important;
 border-color: rgba(180,205,236,0.16) !important;
 }
 .form-control:focus,
 .form-select:focus,
 textarea:focus {
 border-color: #0078D4 !important;
 box-shadow: 0 0 0 4px rgba(0,120,212,0.14), inset 0 1px 0 rgba(255,255,255,0.65) !important;
 }
 .yk-login-shell {
 max-width: 440px;
 margin: min(8vh, 70px) auto 0;
 padding: 0 var(--space-4);
 position: relative;
 }
 .yk-login-shell::before {
 content: "";
 position: absolute;
 inset: -42px -28px auto auto;
 width: 170px;
 height: 170px;
 border-radius: 999px;
 background: radial-gradient(circle, rgba(0,120,212,0.18), transparent 68%);
 pointer-events: none;
 filter: blur(2px);
 }
 .yk-login-logo {
 width: 96px;
 height: 96px;
 margin: 0 auto var(--space-4);
 display: grid;
 place-items: center;
 border-radius: 28px;
 background:
 radial-gradient(circle at 25% 15%, rgba(255,255,255,0.94), rgba(255,255,255,0.22) 46%),
 linear-gradient(135deg, rgba(0,120,212,0.14), rgba(0,90,158,0.08));
 border: 1px solid rgba(255,255,255,0.78);
 box-shadow: 0 22px 56px rgba(0,90,158,0.20), inset 0 1px 0 rgba(255,255,255,0.88);
 backdrop-filter: blur(18px);
 -webkit-backdrop-filter: blur(18px);
 }
 .yk-login-logo img {
 width: 78px;
 height: 78px;
 object-fit: contain;
 filter: drop-shadow(0 12px 20px rgba(0,46,92,0.20));
 }
 .yk-login-shell h1 {
 font-size: clamp(36px, 6vw, 50px);
 letter-spacing: -0.05em;
 line-height: 0.95;
 background: linear-gradient(135deg, var(--ink), #005A9E);
 -webkit-background-clip: text;
 background-clip: text;
 color: transparent;
 }
 .yk-login-shell .card {
 border-radius: 32px !important;
 overflow: hidden;
 box-shadow: 0 30px 72px rgba(12,27,44,0.16), 0 12px 34px rgba(0,90,158,0.14) !important;
 }
 .yk-login-shell .card::before {
 content: "";
 display: block;
 height: 4px;
 background: linear-gradient(90deg, #0078D4, #74B8EA, #005A9E);
 }
 /* B110: Yuvarlak (32px) kose ic padding'i (24px) den buyuk oldugu icin
 "Kullanici Adi" / "sekreter" gibi etiketlerin ilk harfi sol-ust kose
 egrisi tarafindan kirpiliyordu. Pencere yapisini bozmadan ic yatay
 padding'i radius'tan biraz buyuk tutuyoruz. */
 .yk-login-shell .card-body {
 padding-left: 36px !important;
 padding-right: 36px !important;
 }
 .main-container {
 max-width: 1480px !important;
 }
 .main-container > h1:first-child,
 .main-container > h2:first-child,
 .main-container > .d-flex:first-child h1,
 .main-container > .d-flex:first-child h2 {
 letter-spacing: -0.035em;
 }
 .hero-card,
 .hero-card-blue,
 .hero-card-purple,
 .hero-card-pink,
 .hero-card-orange {
 background:
 radial-gradient(circle at 88% 12%, rgba(255,255,255,0.30), transparent 32%),
 linear-gradient(135deg, #0078D4 0%, #005A9E 64%, #083B66 100%) !important;
 border: 1px solid rgba(255,255,255,0.28) !important;
 box-shadow: 0 26px 68px rgba(0,90,158,0.24) !important;
 }
 .hero-card::before {
 background: rgba(255,255,255,0.13) !important;
 filter: blur(2px);
 }
 .card:hover,
 .patient-card:hover,
 .stat-card:hover,
 .quick-card:hover,
 .metric-card:hover {
 transform: translateY(-2px);
 box-shadow: 0 26px 68px rgba(12,27,44,0.14), 0 12px 30px rgba(0,90,158,0.12) !important;
 }
 .card-header.bg-primary,
 .card-header.bg-secondary,
 .card-header.bg-info,
 .yk-media-card-shell .card-header {
 background:
 radial-gradient(circle at 92% 0%, rgba(255,255,255,0.28), transparent 34%),
 linear-gradient(135deg, #0078D4 0%, #005A9E 100%) !important;
 color: #fff !important;
 border-bottom: 0 !important;
 }
 .btn-outline-primary,
 .btn-outline-secondary,
 .btn-outline-info {
 border-color: rgba(0,120,212,0.28) !important;
 color: var(--accent-dark) !important;
 background: rgba(255,255,255,0.66) !important;
 box-shadow: 0 10px 26px rgba(12,27,44,0.06);
 }
 .btn-outline-primary:hover,
 .btn-outline-secondary:hover,
 .btn-outline-info:hover {
 background: rgba(0,120,212,0.10) !important;
 color: var(--accent-dark) !important;
 transform: translateY(-1px);
 }
 .badge {
 border-radius: 999px !important;
 letter-spacing: 0.01em;
 }
 .table {
--bs-table-bg: transparent;
--bs-table-striped-bg: rgba(0,120,212,0.035);
--bs-table-hover-bg: rgba(0,120,212,0.075);
 }
 .table thead th {
 background: rgba(0,120,212,0.08) !important;
 color: var(--accent-dark) !important;
 border-bottom: 1px solid rgba(0,120,212,0.14) !important;
 font-size: 12px;
 text-transform: uppercase;
 letter-spacing: 0.055em;
 }
 .yk-media-card-shell {
 overflow: hidden;
 }
 .yk-media-card-shell .card-body {
 background:
 radial-gradient(circle at 8% 0%, rgba(0,120,212,0.11), transparent 30%),
 linear-gradient(180deg, rgba(255,255,255,0.48), rgba(255,255,255,0.18)) !important;
 }
 .yk-media-section {
 padding: 16px;
 border: 1px solid var(--yk-pro-stroke);
 border-radius: 26px;
 background: rgba(255,255,255,0.48);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.62);
 }
 :root[data-theme="dark"] .yk-media-section {
 background: rgba(13,22,38,0.42);
 }
 .yk-media-section-head {
 margin-bottom: 14px !important;
 }
 .yk-media-section-head h5 {
 color: var(--accent-dark);
 letter-spacing: -0.015em;
 }
 .yk-media-grid {
 gap: 16px !important;
 }
 .yk-media-card {
 border-radius: 24px !important;
 border-color: rgba(19,52,82,0.10) !important;
 background: linear-gradient(145deg, rgba(255,255,255,0.94), rgba(240,247,254,0.74)) !important;
 box-shadow: 0 16px 38px rgba(12,27,44,0.10) !important;
 overflow: hidden;
 }
 :root[data-theme="dark"] .yk-media-card {
 background: linear-gradient(145deg, rgba(22,33,54,0.94), rgba(13,22,38,0.78)) !important;
 }
 .yk-media-card:hover {
 transform: translateY(-5px) scale(1.01) !important;
 border-color: rgba(0,120,212,0.30) !important;
 box-shadow: 0 26px 66px rgba(0,90,158,0.18) !important;
 }
 .yk-media-thumb {
 border-radius: 20px !important;
 background:
 radial-gradient(circle at 20% 0%, rgba(116,184,234,0.18), transparent 34%),
 linear-gradient(135deg, #EEF6FD, #DCEBFA) !important;
 overflow: hidden;
 }
 .yk-media-caption {
 color: var(--text) !important;
 }
 .yk-media-score {
 background: #FFFFFF !important;
 color: #17324D !important;
 border: 1px solid rgba(23,50,77,0.18) !important;
 box-shadow: 0 10px 22px rgba(15,23,42,0.16);
 }
 .mobile-bottom-nav {
 border-radius: 30px 30px 0 0 !important;
 }
 @media (max-width: 900px) {
 .top-header {
 border-radius: 24px !important;
 }
 .sidebar {
 box-shadow: 0 20px 54px rgba(6,21,38,0.28) !important;
 }
 }
 @media (max-width: 640px) {
 .yk-login-shell {
 margin-top: 42px;
 padding: 0 14px;
 }
 .yk-login-logo {
 width: 86px;
 height: 86px;
 border-radius: 24px;
 }
 .yk-login-logo img {
 width: 70px;
 height: 70px;
 }
 .card,
 .patient-card,
 .stat-card,
 .quick-card,
 .metric-card,
 .panel,
 .section-card {
 border-radius: 24px !important;
 }
 }

 .yk-flow-strip {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto;
 gap: 18px;
 align-items: center;
 padding: 20px;
 border: 1px solid var(--yk-pro-stroke);
 border-radius: 28px;
 background:
 radial-gradient(circle at 94% 0%, rgba(0,120,212,0.14), transparent 34%),
 linear-gradient(145deg, var(--yk-pro-glass-strong), var(--yk-pro-glass));
 box-shadow: 0 20px 54px var(--yk-pro-ink-shadow);
 backdrop-filter: blur(18px) saturate(1.12);
 -webkit-backdrop-filter: blur(18px) saturate(1.12);
 }
 .yk-flow-strip h3 {
 margin: 0 0 5px;
 font-size: 24px;
 letter-spacing: -0.035em;
 }
 .yk-flow-strip p {
 margin: 0;
 max-width: 700px;
 }
 .yk-flow-strip-actions {
 min-width: min(460px, 100%);
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 gap: 8px;
 }
 .yk-flow-chip {
 min-height: 38px;
 padding: 9px 12px;
 display: inline-flex;
 align-items: center;
 border: 1px solid rgba(0,120,212,0.16);
 border-radius: 999px;
 background: rgba(255,255,255,0.72);
 color: var(--accent-dark);
 font-size: 12px;
 font-weight: 900;
 box-shadow: 0 10px 24px rgba(12,27,44,0.06);
 }
 .yk-flow-chip:hover {
 background: white;
 color: var(--accent-dark);
 transform: translateY(-1px);
 }
 .yk-flow-chip.muted {
 color: var(--text-muted);
 background: rgba(255,255,255,0.46);
 }
 .yk-quality-grid {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 14px;
 }
 .yk-quality-card {
 padding: 18px;
 border: 1px solid var(--yk-pro-stroke);
 border-radius: 26px;
 background: linear-gradient(145deg, var(--yk-pro-glass-strong), var(--yk-pro-glass));
 box-shadow: 0 18px 48px var(--yk-pro-ink-shadow);
 }
 .yk-quality-card b {
 display: block;
 font-size: 30px;
 line-height: 1;
 letter-spacing: -0.045em;
 color: var(--accent-dark);
 }
 .yk-quality-card span {
 display: block;
 margin-top: 7px;
 color: var(--text-muted);
 font-weight: 800;
 font-size: 12px;
 }
 .yk-quality-check {
 display: grid;
 grid-template-columns: 34px minmax(0, 1fr) auto;
 gap: 12px;
 align-items: center;
 padding: 13px;
 border: 1px solid var(--yk-pro-stroke);
 border-radius: 20px;
 background: rgba(255,255,255,0.62);
 margin-bottom: 9px;
 }
 .yk-quality-dot {
 width: 34px;
 height: 34px;
 border-radius: 50%;
 display: grid;
 place-items: center;
 color: white;
 background: #D97706;
 font-weight: 900;
 }
 .yk-quality-check.ok .yk-quality-dot {
 background: #059669;
 }
 .yk-quality-check strong {
 display: block;
 color: var(--text);
 }
 .yk-quality-check small {
 color: var(--text-muted);
 font-weight: 700;
 }
 .yk-quality-actions {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 12px;
 }
 @media (max-width: 980px) {
 .yk-flow-strip {
 grid-template-columns: 1fr;
 }
 .yk-flow-strip-actions {
 justify-content: flex-start;
 }
 .yk-quality-grid,
 .yk-quality-actions {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }
 @media (max-width: 640px) {
 .yk-quality-grid,
 .yk-quality-actions {
 grid-template-columns: 1fr;
 }
 .yk-quality-check {
 grid-template-columns: 34px minmax(0, 1fr);
 }
 .yk-quality-check a {
 grid-column: 1 / -1;
 }
 }

 /* v1000.1.7 Premium Executive Finish */
 :root {
--yk-exec-ink: #102033;
--yk-exec-blue: #0B5CAB;
--yk-exec-teal: #00AFA5;
--yk-exec-gold: #C58A1F;
--yk-exec-coral: #D44A28;
--yk-exec-violet: #6D5BD0;
--yk-exec-surface: rgba(255,255,255,0.91);
--yk-exec-surface-strong: rgba(255,255,255,0.98);
--yk-exec-line: rgba(16,44,72,0.12);
--yk-exec-shadow: 0 22px 58px rgba(12,27,44,0.13);
--yk-exec-shadow-soft: 0 14px 34px rgba(12,27,44,0.09);
 }
 :root[data-theme="dark"] {
--yk-exec-ink: #F3F8FF;
--yk-exec-surface: rgba(18,30,48,0.88);
--yk-exec-surface-strong: rgba(24,38,60,0.96);
--yk-exec-line: rgba(190,214,244,0.15);
--yk-exec-shadow: 0 24px 62px rgba(0,0,0,0.34);
--yk-exec-shadow-soft: 0 16px 38px rgba(0,0,0,0.25);
 }
 body {
 letter-spacing: 0 !important;
 background:
 linear-gradient(180deg, rgba(255,255,255,0.42) 0%, rgba(255,255,255,0) 24%),
 linear-gradient(135deg, #F1F7FC 0%, #F7FAFE 38%, #EFF9F6 71%, #FFF8EB 100%) !important;
 }
 :root[data-theme="dark"] body {
 background:
 linear-gradient(180deg, rgba(72,112,158,0.12) 0%, rgba(72,112,158,0) 26%),
 linear-gradient(135deg, #07111F 0%, #101A2B 43%, #0A201F 75%, #16130C 100%) !important;
 }
 h1, h2, h3, h4, h5, h6,
 .sidebar-brand-text,
 .top-header-title strong,
 .card-header,
 .patient-header h1,
 .yk-pdf-editor-hero h2 {
 letter-spacing: 0 !important;
 }
 .sidebar {
 background:
 linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(238,247,255,0.97) 48%, rgba(232,249,246,0.97) 100%) !important;
 border-right: 1px solid var(--yk-exec-line) !important;
 box-shadow: 24px 0 62px rgba(12,27,44,0.12) !important;
 }
 :root[data-theme="dark"] .sidebar {
 background: linear-gradient(180deg, #111F33 0%, #0B192B 52%, #092320 100%) !important;
 }
 .sidebar-brand,
 .sidebar-quick-action,
 .sidebar-fold {
 border-radius: 20px !important;
 background: linear-gradient(145deg, var(--yk-exec-surface-strong), var(--yk-exec-surface)) !important;
 border: 1px solid var(--yk-exec-line) !important;
 box-shadow: var(--yk-exec-shadow-soft) !important;
 }
 .sidebar-brand-icon,
 .profile-avatar,
 .yk-login-logo {
 background: linear-gradient(135deg, var(--yk-exec-blue) 0%, var(--yk-exec-teal) 58%, var(--yk-exec-gold) 100%) !important;
 box-shadow: 0 16px 36px rgba(0,90,158,0.24) !important;
 }
 .sidebar-link {
 min-height: 45px;
 border-radius: 15px !important;
 border: 1px solid transparent !important;
 font-weight: 820 !important;
 }
 .sidebar-link:hover {
 background: linear-gradient(135deg, rgba(11,92,171,0.09), rgba(0,175,165,0.08)) !important;
 border-color: rgba(11,92,171,0.14) !important;
 color: var(--yk-exec-blue) !important;
 box-shadow: 0 10px 24px rgba(12,27,44,0.07) !important;
 }
 .sidebar-link.active {
 background: linear-gradient(135deg, var(--yk-exec-blue) 0%, #0A73C7 52%, var(--yk-exec-teal) 100%) !important;
 border-color: rgba(255,255,255,0.34) !important;
 color: #fff !important;
 box-shadow: 0 18px 42px rgba(0,90,158,0.30) !important;
 }
 .top-header,
 .theme-panel,
 .experience-panel,
 .mobile-bottom-nav {
 border: 1px solid var(--yk-exec-line) !important;
 background: linear-gradient(135deg, var(--yk-exec-surface-strong), var(--yk-exec-surface)) !important;
 box-shadow: var(--yk-exec-shadow-soft) !important;
 backdrop-filter: blur(22px) saturate(1.16);
 -webkit-backdrop-filter: blur(22px) saturate(1.16);
 }
 .card,
 .patient-card,
 .stat-card,
 .glass-card,
 .quick-card,
 .metric-card,
 .panel,
 .section-card,
 .tools-collapse,
 .quick-primary,
 .quick-secondary,
 .yk-media-card,
 .yk-pdf-panel,
 .yk-pdf-result,
 .pdf-toolbar,
 .image-rail,
 .pdf-page-column {
 border: 1px solid var(--yk-exec-line) !important;
 border-radius: 22px !important;
 background: linear-gradient(145deg, var(--yk-exec-surface-strong), var(--yk-exec-surface)) !important;
 box-shadow: var(--yk-exec-shadow-soft) !important;
 }
 .card:hover,
 .patient-card:hover,
 .quick-primary:hover,
 .quick-secondary:hover,
 .tool-card:hover,
 .yk-media-card:hover,
 .yk-pdf-source:hover {
 transform: translateY(-2px);
 box-shadow: var(--yk-exec-shadow) !important;
 border-color: rgba(11,92,171,0.20) !important;
 }
 .patient-header {
 background: linear-gradient(135deg, rgba(255,255,255,0.95) 0%, rgba(232,246,255,0.92) 47%, rgba(229,249,245,0.88) 100%) !important;
 border: 1px solid rgba(11,92,171,0.14) !important;
 border-radius: 24px !important;
 box-shadow: var(--yk-exec-shadow-soft) !important;
 }
 :root[data-theme="dark"] .patient-header {
 background: linear-gradient(135deg, rgba(22,35,56,0.96) 0%, rgba(15,35,58,0.92) 52%, rgba(10,42,39,0.90) 100%) !important;
 }
 .patient-header::after,
 .hero-card::before {
 display: none !important;
 }
 .patient-meta-item,
 .yk-pdf-editor-chip,
 .yk-flow-chip,
 .badge {
 border-radius: 999px !important;
 background: rgba(255,255,255,0.72) !important;
 border: 1px solid var(--yk-exec-line) !important;
 color: var(--yk-exec-ink) !important;
 }
 .card-header.bg-primary,
 .card-header.bg-secondary,
 .card-header.bg-info,
 .yk-media-card-shell .card-header,
 .yk-pdf-editor-hero,
 .hero-card,
 .hero-card-blue,
 .hero-card-purple,
 .hero-card-pink,
 .hero-card-orange {
 background: linear-gradient(135deg, #102033 0%, var(--yk-exec-blue) 42%, var(--yk-exec-teal) 78%, #29B59F 100%) !important;
 color: #fff !important;
 border-color: rgba(255,255,255,0.22) !important;
 box-shadow: 0 24px 62px rgba(0,90,158,0.25) !important;
 }
 .yk-pdf-editor-hero h2,
 .yk-pdf-editor-hero p,
 .hero-card h1,
 .hero-card h2,
 .hero-card h3,
 .hero-card p {
 color: #fff !important;
 }
 .btn,
 .header-icon-btn,
 .theme-toggle,
 .experience-switch {
 letter-spacing: 0 !important;
 border-radius: 13px !important;
 }
 .btn-primary,
 .btn-success,
 .btn-info,
 .btn-teal,
 button[type="submit"].btn {
 background: linear-gradient(135deg, var(--yk-exec-blue) 0%, #0A73C7 48%, var(--yk-exec-teal) 100%) !important;
 border-color: rgba(11,92,171,0.20) !important;
 color: #fff !important;
 box-shadow: 0 16px 34px rgba(0,90,158,0.24) !important;
 }
 .btn-warning {
 background: linear-gradient(135deg, var(--yk-exec-gold), #E3A734) !important;
 border-color: rgba(197,138,31,0.35) !important;
 color: #fff !important;
 }
 .btn-danger {
 background: linear-gradient(135deg, var(--yk-exec-coral), #B7351D) !important;
 border-color: rgba(212,74,40,0.35) !important;
 color: #fff !important;
 }
 .btn-outline-primary,
 .btn-outline-secondary,
 .btn-outline-info,
 .btn-outline-success {
 background: rgba(255,255,255,0.72) !important;
 border-color: rgba(11,92,171,0.22) !important;
 color: var(--yk-exec-blue) !important;
 box-shadow: 0 10px 24px rgba(12,27,44,0.06) !important;
 }
 .table thead th {
 background: linear-gradient(135deg, rgba(11,92,171,0.11), rgba(0,175,165,0.08)) !important;
 color: var(--yk-exec-blue) !important;
 border-bottom: 1px solid rgba(11,92,171,0.16) !important;
 letter-spacing: 0 !important;
 }
 .form-control,
 .form-select,
 textarea {
 letter-spacing: 0 !important;
 border-radius: 14px !important;
 border-color: var(--yk-exec-line) !important;
 background: rgba(255,255,255,0.86) !important;
 color: var(--yk-exec-ink, var(--text)) !important;
 caret-color: var(--yk-exec-blue, var(--accent)) !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.58) !important;
 }
 .form-control::placeholder,
 textarea::placeholder {
 color: color-mix(in srgb, var(--yk-exec-ink, var(--text)), transparent 54%) !important;
 opacity: 1 !important;
 }
 :root[data-theme="dark"] .form-control,
 :root[data-theme="dark"] .form-select,
 :root[data-theme="dark"] textarea {
 background: rgba(16,28,47,0.92) !important;
 border-color: rgba(206,226,252,0.26) !important;
 color: #F8FBFF !important;
 -webkit-text-fill-color: #F8FBFF !important;
 caret-color: #7DD3FC !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.10), 0 0 0 1px rgba(125,211,252,0.04) !important;
 }
 :root[data-theme="dark"] .form-control::placeholder,
 :root[data-theme="dark"] textarea::placeholder {
 color: rgba(225,237,255,0.58) !important;
 -webkit-text-fill-color: rgba(225,237,255,0.58) !important;
 opacity: 1 !important;
 }
 :root[data-theme="dark"] input:-webkit-autofill,
 :root[data-theme="dark"] input:-webkit-autofill:hover,
 :root[data-theme="dark"] input:-webkit-autofill:focus,
 :root[data-theme="dark"] textarea:-webkit-autofill,
 :root[data-theme="dark"] select:-webkit-autofill {
 -webkit-text-fill-color: #F8FBFF !important;
 caret-color: #7DD3FC !important;
 box-shadow: 0 0 0 1000px #102033 inset !important;
 transition: background-color 9999s ease-out 0s !important;
 }
 :root[data-theme="dark"] .theme-panel,
 :root[data-theme="dark"] .experience-panel {
 color: #F8FBFF !important;
 border-color: rgba(206,226,252,0.18) !important;
 background:
 radial-gradient(circle at 12% 0%, rgba(56,189,248,0.14), transparent 42%),
 linear-gradient(145deg, rgba(22,36,58,0.98), rgba(10,18,32,0.96)) !important;
 box-shadow: 0 28px 78px rgba(0,0,0,0.42) !important;
 }
 :root[data-theme="dark"] .theme-panel-title,
 :root[data-theme="dark"] .theme-swatch strong,
 :root[data-theme="dark"] .experience-mode-btn strong {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 :root[data-theme="dark"] .theme-panel-subtitle,
 :root[data-theme="dark"] .theme-swatch small,
 :root[data-theme="dark"] .experience-mode-btn small {
 color: rgba(226,238,255,0.78) !important;
 -webkit-text-fill-color: rgba(226,238,255,0.78) !important;
 }
 :root[data-theme="dark"] .theme-mode-toggle {
 background: rgba(255,255,255,0.07) !important;
 border-color: rgba(206,226,252,0.15) !important;
 }
 :root[data-theme="dark"] .theme-mode-btn,
 :root[data-theme="dark"] .theme-swatch,
 :root[data-theme="dark"] .experience-mode-btn {
 background: rgba(255,255,255,0.045) !important;
 color: #EAF3FF !important;
 border: 1px solid rgba(206,226,252,0.13) !important;
 }
 :root[data-theme="dark"] .theme-mode-btn.active,
 :root[data-theme="dark"] .theme-swatch.active,
 :root[data-theme="dark"] .experience-mode-btn.active {
 background: linear-gradient(135deg, rgba(42,64,96,0.98), rgba(22,42,70,0.98)) !important;
 color: #FFFFFF !important;
 border-color: rgba(125,211,252,0.38) !important;
 box-shadow: 0 0 0 3px rgba(56,189,248,0.16), 0 14px 30px rgba(0,0,0,0.26) !important;
 }
 :root[data-theme="dark"] .theme-panel-foot {
 background: rgba(56,189,248,0.13) !important;
 border: 1px solid rgba(125,211,252,0.20) !important;
 color: #DFF7FF !important;
 }
 .yk-login-shell .form-label {
 color: var(--yk-exec-ink, var(--text)) !important;
 }
 .yk-login-shell .form-control {
 background: #FFFFFF !important;
 border-color: rgba(11,92,171,0.24) !important;
 color: #07111F !important;
 -webkit-text-fill-color: #07111F !important;
 caret-color: #0B5CAB !important;
 font-weight: 750 !important;
 }
 .yk-login-shell .form-control::placeholder {
 color: #64748B !important;
 -webkit-text-fill-color: #64748B !important;
 }
 :root[data-theme="dark"] .yk-login-shell .card {
 background: linear-gradient(145deg, rgba(20,34,56,0.98), rgba(10,18,32,0.96)) !important;
 border-color: rgba(206,226,252,0.16) !important;
 }
 :root[data-theme="dark"] .yk-login-shell .form-label,
 :root[data-theme="dark"] .yk-login-shell label,
 :root[data-theme="dark"] .yk-login-shell p,
 :root[data-theme="dark"] .yk-login-shell .lede {
 color: #F8FBFF !important;
 -webkit-text-fill-color: #F8FBFF !important;
 }
 :root[data-theme="dark"] .yk-login-shell .form-control {
 background: #F8FBFF !important;
 border-color: rgba(125,211,252,0.45) !important;
 color: #07111F !important;
 -webkit-text-fill-color: #07111F !important;
 caret-color: #0B5CAB !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.95), 0 0 0 1px rgba(125,211,252,0.12) !important;
 }
 :root[data-theme="dark"] .yk-login-shell input:-webkit-autofill {
 -webkit-text-fill-color: #07111F !important;
 caret-color: #0B5CAB !important;
 box-shadow: 0 0 0 1000px #F8FBFF inset !important;
 }
 /* Okunurluk iyilestirme: kart/panel metin kontrasti */
 .card,
 .patient-card,
 .stat-card,
 .quick-card,
 .metric-card,
 .panel,
 .section-card,
 .yk-ai-panel,
 .yk-media-section,
 .yk-flow-strip,
 .modal-content {
 color: #10263D !important;
 text-shadow: none !important;
 -webkit-font-smoothing: antialiased;
 text-rendering: optimizeLegibility;
 }
 .card,
 .patient-card,
 .stat-card,
 .quick-card,
 .metric-card,
 .panel,
 .section-card,
 .yk-ai-panel,
 .yk-media-section,
 .yk-flow-strip {
 background-color: rgba(255,255,255,0.96) !important;
 backdrop-filter: none !important;
 border-color: rgba(30,64,95,0.16) !important;
 }
 .card p,
 .patient-card p,
 .stat-card p,
 .quick-card p,
 .metric-card p,
 .panel p,
 .section-card p,
 .yk-ai-panel p,
 .yk-media-section p,
 .yk-flow-strip p,
 .modal-content p,
 .card label,
 .patient-card label,
 .panel label,
 .section-card label,
 .yk-ai-panel label,
 .modal-content label {
 color: #2B4259 !important;
 }
 .card .text-muted,
 .patient-card .text-muted,
 .stat-card .text-muted,
 .quick-card .text-muted,
 .metric-card .text-muted,
 .panel .text-muted,
 .section-card .text-muted,
 .yk-ai-panel .text-muted,
 .yk-media-section .text-muted,
 .modal-content .text-muted {
 color: #3F5C78 !important;
 opacity: 1 !important;
 font-weight: 600 !important;
 }
 .card h1,
 .card h2,
 .card h3,
 .card h4,
 .card h5,
 .card h6,
 .patient-card h1,
 .patient-card h2,
 .patient-card h3,
 .patient-card h4,
 .patient-card h5,
 .patient-card h6,
 .panel h1,
 .panel h2,
 .panel h3,
 .panel h4,
 .panel h5,
 .panel h6,
 .section-card h1,
 .section-card h2,
 .section-card h3,
 .section-card h4,
 .section-card h5,
 .section-card h6 {
 color: #0B2A47 !important;
 text-shadow: none !important;
 }
 .yk-login-shell .card .card-body {
 background: rgba(255,255,255,0.98) !important;
 }
 .yk-login-shell .form-label {
 font-weight: 800 !important;
 font-size: 15px !important;
 letter-spacing: 0 !important;
 color: #14314D !important;
 }
 .yk-login-shell .form-control {
 min-height: 52px !important;
 font-size: 17px !important;
 line-height: 1.35 !important;
 font-weight: 700 !important;
 padding-right: 52px !important; /* sagdaki tarayici iconlari yaziyi ezmesin */
 }
 .yk-login-shell .form-control::placeholder {
 color: #5E7288 !important;
 opacity: 1 !important;
 }
 .yk-login-shell code {
 color: #1E3A56 !important;
 background: rgba(17,58,94,0.08) !important;
 border-radius: 6px;
 padding: 1px 5px;
 }
 :root[data-theme="dark"] .card,
 :root[data-theme="dark"] .patient-card,
 :root[data-theme="dark"] .stat-card,
 :root[data-theme="dark"] .quick-card,
 :root[data-theme="dark"] .metric-card,
 :root[data-theme="dark"] .panel,
 :root[data-theme="dark"] .section-card,
 :root[data-theme="dark"] .yk-ai-panel,
 :root[data-theme="dark"] .yk-media-section,
 :root[data-theme="dark"] .yk-flow-strip,
 :root[data-theme="dark"] .modal-content {
 color: #ECF5FF !important;
 background-color: rgba(22,32,46,0.95) !important;
 border-color: rgba(147,181,219,0.26) !important;
 }
 :root[data-theme="dark"] .card p,
 :root[data-theme="dark"] .patient-card p,
 :root[data-theme="dark"] .panel p,
 :root[data-theme="dark"] .section-card p,
 :root[data-theme="dark"] .yk-ai-panel p,
 :root[data-theme="dark"] .yk-media-section p,
 :root[data-theme="dark"] .yk-flow-strip p,
 :root[data-theme="dark"] .modal-content p,
 :root[data-theme="dark"] .card label,
 :root[data-theme="dark"] .patient-card label,
 :root[data-theme="dark"] .panel label,
 :root[data-theme="dark"] .section-card label,
 :root[data-theme="dark"] .yk-ai-panel label,
 :root[data-theme="dark"] .modal-content label {
 color: #D9E8F9 !important;
 }
 :root[data-theme="dark"] .card .text-muted,
 :root[data-theme="dark"] .patient-card .text-muted,
 :root[data-theme="dark"] .stat-card .text-muted,
 :root[data-theme="dark"] .quick-card .text-muted,
 :root[data-theme="dark"] .metric-card .text-muted,
 :root[data-theme="dark"] .panel .text-muted,
 :root[data-theme="dark"] .section-card .text-muted,
 :root[data-theme="dark"] .yk-ai-panel .text-muted,
 :root[data-theme="dark"] .yk-media-section .text-muted,
 :root[data-theme="dark"] .modal-content .text-muted {
 color: #B5CBE3 !important;
 opacity: 1 !important;
 }
 .yk-diet-hero,
 .growth-hero,
 .preg-cover-band,
 .pdf-page-stage {
 background: linear-gradient(135deg, #FFFFFF 0%, #F1F8FF 50%, #EFFAF7 100%) !important;
 border: 1px solid rgba(11,92,171,0.14) !important;
 box-shadow: var(--yk-exec-shadow) !important;
 }
 .pdf-page-stage {
 border-radius: 6px !important;
 }
 .image-card,
 .image-thumb,
 .yk-pdf-source,
 .placed-item {
 border-radius: 16px !important;
 border: 1px solid var(--yk-exec-line) !important;
 background: linear-gradient(145deg, rgba(255,255,255,0.95), rgba(239,247,255,0.80)) !important;
 }
 .yk-hd-send {
 background: linear-gradient(135deg, var(--yk-exec-blue), var(--yk-exec-teal)) !important;
 border-color: rgba(255,255,255,0.40) !important;
 box-shadow: 0 12px 28px rgba(0,90,158,0.28) !important;
 }
 @media print {
 body {
 background: #fff !important;
 }
 .card,
 .patient-card,
 .yk-diet-hero,
 .growth-hero,
 .preg-cover-band,
 .pdf-page-stage {
 box-shadow: none !important;
 }
 }

 /* Utility */
 .text-muted { color: var(--text-muted) !important; }
 .text-success { color: var(--success) !important; }
 .text-danger { color: var(--danger) !important; }
 .text-warning { color: var(--warning) !important; }
 .text-info { color: var(--info) !important; }
 .text-primary { color: var(--accent) !important; }

 /* YazKlinik web layout lock: Safari/MacBook ve normal web tarayicida
 sol menu, ust bar ve icerik birbirinin ustune binmesin.
 2200 alti MacBook/Safari/normal web icin sol menu cekmece gibi calisir. */
 .app-layout,
 .main-content,
 .main-container,
 .top-header,
 .sidebar {
 min-width: 0 !important;
 }
 .sidebar.use-modern-nav > .sidebar-section,
 .sidebar.use-modern-nav > .sidebar-link {
 display: none !important;
 }
 .sidebar.use-modern-nav .sidebar-modern-nav {
 display: block !important;
 }
 .sidebar.use-modern-nav {
 width: var(--sidebar-w) !important;
 max-width: var(--sidebar-w) !important;
 flex: 0 0 var(--sidebar-w) !important;
 }
 .top-header {
 z-index: 250 !important;
 overflow: visible !important;
 }
 .top-header-title,
 .search-box,
 .header-actions {
 min-width: 0 !important;
 }
 .search-box {
 flex: 1 1 360px !important;
 min-width: 180px !important;
 }
 .header-actions {
 flex: 0 0 auto !important;
 }
 .main-content {
 width: auto !important;
 max-width: 100vw !important;
 overflow-x: clip !important;
 }
 .main-container {
 width: 100% !important;
 max-width: 1480px !important;
 }
 /* D90 Hasta listesi vitrini: daha prestijli komuta paneli + okunur kartlar. */
 :root {
 --yk-patient-radius-panel: 22px;
 --yk-patient-radius-card: 18px;
 --yk-patient-radius-control: 14px;
 --yk-patient-radius-soft: 12px;
 }
 .yk-patient-board {
 display: flex;
 flex-direction: column;
 gap: 14px;
 }
 .yk-patient-command {
 position: relative;
 overflow: hidden;
 border-radius: var(--yk-patient-radius-panel);
 border: 1px solid rgba(10,107,206,0.18);
 background:
 linear-gradient(180deg, rgba(255,255,255,0.97), rgba(246,251,255,0.93));
 box-shadow: 0 18px 42px rgba(20,47,76,0.11);
 padding: 18px;
 }
 .yk-patient-command::before {
 content: "";
 position: absolute;
 left: 0;
 right: 0;
 top: 0;
 height: 4px;
background: linear-gradient(90deg, #0A6BCE, #00AFA5, #F59E0B, #4F7C7B);
 }
 .yk-patient-command-head {
 display: grid;
 grid-template-columns: minmax(260px, 1fr) auto;
 gap: 16px;
 align-items: end;
 margin-bottom: 14px;
 }
 .yk-patient-title-line {
 display: flex;
 flex-wrap: wrap;
 align-items: baseline;
 gap: 12px;
 }
 .yk-patient-title-line h1 {
 margin: 0;
 color: #17324D;
 font-size: 34px;
 line-height: 1.05;
 font-weight: 900;
 letter-spacing: 0;
 }
 .yk-patient-count {
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 64px;
 min-height: 34px;
 padding: 4px 14px;
 border-radius: var(--yk-patient-radius-soft);
 color: #0A3C64;
 background: #FFFFFF;
 border: 1px solid rgba(10,107,206,0.18);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 10px 22px rgba(20,47,76,0.08);
 font-size: 26px;
 font-weight: 850;
 }
 .yk-patient-toolbar {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-end;
 gap: 8px;
 }
 .yk-patient-toolbar .btn {
 min-height: 42px;
 border-radius: var(--yk-patient-radius-control) !important;
 font-weight: 800;
 padding: 9px 14px !important;
 box-shadow: 0 10px 22px rgba(20,47,76,0.08);
 }
 .yk-patient-toolbar .btn-success {
 color: #fff !important;
 background: linear-gradient(135deg, #0F766E, #10B981) !important;
 border-color: transparent !important;
 }
 .yk-patient-metrics {
 display: grid;
 grid-template-columns: repeat(5, minmax(104px, 1fr));
 gap: 8px;
 margin-bottom: 14px;
 }
 .yk-patient-metric {
 min-height: 54px;
 border-radius: var(--yk-patient-radius-control);
 display: grid;
 grid-template-columns: 34px auto;
 grid-template-rows: auto auto;
 column-gap: 9px;
 align-items: center;
 padding: 9px 11px;
 background: rgba(255,255,255,0.76);
 border: 1px solid rgba(72,107,140,0.14);
 color: #17324D;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
 }
 .yk-patient-metric i {
 grid-row: 1 / 3;
 width: 34px;
 height: 34px;
 border-radius: var(--yk-patient-radius-soft);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #fff;
 background: #0A6BCE;
 box-shadow: 0 9px 18px rgba(10,107,206,0.18);
 }
 .yk-patient-metric b {
 font-size: 21px;
 line-height: 1;
 font-weight: 900;
 }
 .yk-patient-metric small {
 color: #526579;
 font-size: 12px;
 font-weight: 800;
 text-transform: uppercase;
 letter-spacing: 0.04em;
 }
 .yk-metric-ob i { background: #0A6BCE; }
 .yk-metric-gyn i { background: #4F7C7B; }
 .yk-metric-birth i { background: #F59E0B; }
 .yk-metric-warn i { background: #DC2626; }
 .yk-patient-search-form { margin: 0; }
 #patientList.yk-patient-list {
 display: grid;
 grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
 gap: 14px;
 align-items: stretch;
 width: 100%;
 }
 .patient-card.yk-patient-card {
--yk-patient-accent: #0B73CE;
--yk-patient-accent-2: #08A8A0;
--yk-patient-soft: rgba(11,115,206,0.10);
 display: flex !important;
 flex-direction: column;
 gap: 14px;
 min-height: 152px;
 margin: 0 !important;
 padding: 16px 16px 14px !important;
 border-radius: var(--yk-patient-radius-card) !important;
 border: 1px solid color-mix(in srgb, var(--yk-patient-accent), white 66%) !important;
 background:
 linear-gradient(90deg, color-mix(in srgb, var(--yk-patient-accent), transparent 90%), transparent 36%),
 linear-gradient(145deg, rgba(255,255,255,0.96), color-mix(in srgb, var(--yk-patient-soft), white 72%)) !important;
 box-shadow: 0 16px 36px rgba(20,47,76,0.10) !important;
 overflow: hidden;
 cursor: pointer;
 }
 .patient-card.yk-patient-card::before {
 width: 6px !important;
 background: linear-gradient(180deg, var(--yk-patient-accent), var(--yk-patient-accent-2)) !important;
 opacity: .96;
 }
 .patient-card.yk-patient-card:hover {
 transform: translateY(-2px) !important;
 border-color: color-mix(in srgb, var(--yk-patient-accent), white 42%) !important;
 box-shadow: 0 22px 52px rgba(20,47,76,0.16) !important;
 }
 .patient-card.yk-patient-card:focus-visible {
 outline: 3px solid color-mix(in srgb, var(--yk-patient-accent), white 45%);
 outline-offset: 3px;
 }
 .yk-patient-open-hint {
 position: absolute;
 right: 12px;
 top: 12px;
 width: 30px;
 height: 30px;
 border-radius: var(--yk-patient-radius-control);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: color-mix(in srgb, var(--yk-patient-accent), #17324D 16%);
 background: rgba(255,255,255,0.72);
 border: 1px solid rgba(72,107,140,0.12);
 opacity: .82;
 transition: transform .18s ease, opacity .18s ease;
 }
 .patient-card.yk-patient-card:hover .yk-patient-open-hint {
 opacity: 1;
 transform: translateX(2px);
 }
 .yk-patient-card-top {
 display: flex;
 gap: 14px;
 align-items: flex-start;
 min-width: 0;
 }
 .yk-patient-avatar {
 width: 50px;
 height: 50px;
 flex: 0 0 50px;
 border-radius: var(--yk-patient-radius-control);
 display: inline-flex;
 align-items: center;
 justify-content: center;
 color: #fff !important;
 text-decoration: none !important;
 background: linear-gradient(135deg, var(--yk-patient-accent), var(--yk-patient-accent-2));
 box-shadow: 0 14px 30px color-mix(in srgb, var(--yk-patient-accent), transparent 74%);
 font-size: 22px;
 }
 .yk-patient-main {
 min-width: 0;
 flex: 1 1 auto;
 }
 .yk-patient-name {
 display: inline-block;
 max-width: 100%;
 margin: 0 0 8px;
 color: var(--yk-patient-accent) !important;
 font-size: 22px;
 line-height: 1.12;
 font-weight: 850;
 letter-spacing: 0;
 text-decoration: none !important;
 overflow-wrap: anywhere;
 }
 .yk-patient-name:hover {
 color: color-mix(in srgb, var(--yk-patient-accent), #06243d 30%) !important;
 }
 .yk-patient-meta {
 display: flex;
 gap: 7px;
 flex-wrap: wrap;
 align-items: center;
 color: #526579;
 font-size: 13px;
 line-height: 1.35;
 }
 .yk-patient-chip {
 display: inline-flex;
 align-items: center;
 gap: 6px;
 min-height: 26px;
 padding: 4px 9px;
 border-radius: 999px;
 background: rgba(255,255,255,0.72);
 border: 1px solid rgba(72,107,140,0.14);
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.6);
 white-space: nowrap;
 }
 .yk-patient-chip i {
 color: color-mix(in srgb, var(--yk-patient-accent), #17324D 16%);
 font-size: 12px;
 }
 .yk-patient-badges {
 display: flex;
 gap: 6px;
 flex-wrap: wrap;
 margin-top: 8px;
 }
 .yk-patient-badges .badge {
 border-radius: 999px;
 padding: 6px 9px;
 font-size: 12px;
 box-shadow: 0 8px 18px rgba(13,56,89,0.08);
 }
 .yk-patient-actions {
 display: flex;
 gap: 8px;
 flex-wrap: wrap;
 margin-top: auto;
 padding-left: 66px;
 }
 .yk-patient-actions .btn {
 border-radius: var(--yk-patient-radius-control) !important;
 padding: 8px 13px !important;
 font-weight: 750;
 min-height: 36px;
 }
 .yk-patient-actions .btn-primary {
 color: #fff !important;
 border-color: transparent !important;
 background: linear-gradient(135deg, var(--yk-patient-accent), color-mix(in srgb, var(--yk-patient-accent), #003b6f 22%)) !important;
 box-shadow: 0 12px 24px color-mix(in srgb, var(--yk-patient-accent), transparent 76%) !important;
 opacity: 1 !important;
 }
 .yk-patient-actions .btn-success {
 color: #fff !important;
 border-color: transparent !important;
 background: linear-gradient(135deg, #10B981, #0F766E) !important;
 box-shadow: 0 12px 24px rgba(16,185,129,0.22) !important;
 opacity: 1 !important;
 }
 .yk-patient-actions .btn:hover {
 filter: saturate(1.08) brightness(1.02);
 transform: translateY(-1px);
 }
 .patient-card.yk-patient-card[hidden] {
 display: none !important;
 }
 .yk-patient-searchbar {
 position: relative;
 display: grid;
 grid-template-columns: minmax(220px, 1fr) auto auto;
 gap: 10px;
 align-items: stretch;
 }
 .yk-patient-searchbar .form-control {
 min-height: 58px;
 padding-left: 46px;
 border-radius: var(--yk-patient-radius-control) !important;
 background: rgba(255,255,255,0.92) !important;
 border-color: rgba(10,107,206,0.18) !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.85);
 }
 .yk-patient-search-icon {
 position: absolute;
 left: 16px;
 top: 50%;
 transform: translateY(-50%);
 z-index: 2;
 color: #0A6BCE;
 font-size: 18px;
 pointer-events: none;
 }
 .yk-patient-searchbar .btn {
 min-width: 116px;
 min-height: 58px;
 font-weight: 850;
 border-radius: var(--yk-patient-radius-control) !important;
 opacity: 1 !important;
 }
 .yk-patient-searchbar .btn-primary {
 background: linear-gradient(135deg, #0A6BCE, #00AFA5) !important;
 border-color: transparent !important;
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
 box-shadow: 0 14px 28px rgba(10,107,206,0.18) !important;
 }
 .yk-patient-searchbar button[type="submit"].btn.btn-primary {
 background: linear-gradient(135deg, #0A6BCE 0%, #0B7FD0 48%, #00AFA5 100%) !important;
 border-color: transparent !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 text-shadow: 0 1px 1px rgba(0,0,0,0.18) !important;
 box-shadow: 0 16px 34px rgba(10,107,206,0.24) !important;
 }
 .yk-patient-searchbar .btn-outline-secondary {
 background: #FFFFFF !important;
 border-color: rgba(10,107,206,0.24) !important;
 color: #0A3C64 !important;
 -webkit-text-fill-color: #0A3C64 !important;
 box-shadow: 0 12px 24px rgba(26,82,122,0.08) !important;
 }
 .yk-patient-search-status {
 margin-top: 8px;
 color: #64748B;
 font-size: 13px;
 font-weight: 650;
 }
 .yk-patient-tone-1 { --yk-patient-accent: #0066CC; --yk-patient-accent-2: #00A7A0; --yk-patient-soft: rgba(0,102,204,0.11); }
 .yk-patient-tone-2 { --yk-patient-accent: #7C3AED; --yk-patient-accent-2: #0EA5E9; --yk-patient-soft: rgba(124,58,237,0.10); }
 .yk-patient-tone-3 { --yk-patient-accent: #0F766E; --yk-patient-accent-2: #84CC16; --yk-patient-soft: rgba(15,118,110,0.10); }
 .yk-patient-tone-4 { --yk-patient-accent: #B45309; --yk-patient-accent-2: #F43F5E; --yk-patient-soft: rgba(180,83,9,0.10); }
 .yk-patient-tone-5 { --yk-patient-accent: #4F7C7B; --yk-patient-accent-2: #7FA6A3; --yk-patient-soft: rgba(79,124,123,0.10); }
 .yk-patient-type-obstetric { --yk-patient-accent: #0B73CE; --yk-patient-accent-2: #00AFA5; }
.yk-patient-type-gynecologic { --yk-patient-accent: #4F7C7B; --yk-patient-accent-2: #7FA6A3; }
 @media (max-width: 980px) {
 .yk-patient-command-head {
 grid-template-columns: 1fr;
 align-items: start;
 }
 .yk-patient-toolbar {
 justify-content: flex-start;
 }
 .yk-patient-metrics {
 grid-template-columns: repeat(2, minmax(0, 1fr));
 }
 }
 @media (max-width: 640px) {
 #patientList.yk-patient-list {
 grid-template-columns: 1fr;
 }
 .yk-patient-title-line h1 {
 font-size: 28px;
 }
 .yk-patient-searchbar {
 grid-template-columns: 1fr;
 }
 .yk-patient-search-icon {
 top: 29px;
 }
 .yk-patient-searchbar .btn {
 width: 100%;
 }
 .yk-patient-actions {
 padding-left: 0;
 }
 .yk-patient-metrics {
 grid-template-columns: 1fr;
 }
 }
 :root[data-theme="dark"] .patient-card.yk-patient-card {
 background:
 linear-gradient(90deg, color-mix(in srgb, var(--yk-patient-accent), transparent 86%), transparent 36%),
 linear-gradient(145deg, rgba(17,29,48,0.96), rgba(12,24,40,0.94)) !important;
 border-color: color-mix(in srgb, var(--yk-patient-accent), transparent 54%) !important;
 box-shadow: 0 22px 58px rgba(0,0,0,0.34) !important;
 }
 :root[data-theme="dark"] .yk-patient-meta { color: #B8C7D8; }
 :root[data-theme="dark"] .yk-patient-chip {
 background: rgba(255,255,255,0.07);
 border-color: rgba(226,238,255,0.12);
 color: #DDE8F5;
 }
 /* Premium clinic palette spread: hasta kartindaki mavi-mint-mor dili
 ortak panellere, formlara, tablolara ve arac kutularina yayilir. */
 :root {
--yk-premium-blue: #0A6BCE;
--yk-premium-blue-2: #0B8FDB;
--yk-premium-teal: #00AFA5;
--yk-premium-teal-2: #0F766E;
--yk-premium-purple: #7C3AED;
--yk-premium-lavender: #F4F0FF;
--yk-premium-sky: #EFF8FF;
--yk-premium-mint: #F1FFFA;
--yk-premium-card: rgba(255,255,255,0.93);
--yk-premium-card-strong: rgba(255,255,255,0.98);
--yk-premium-line: rgba(10,107,206,0.15);
--yk-premium-shadow: 0 18px 48px rgba(20,47,76,0.10);
--yk-premium-shadow-strong: 0 24px 68px rgba(20,47,76,0.15);
 }
 body {
 background:
 radial-gradient(circle at 10% 0%, rgba(124,58,237,0.055), transparent 26%),
 radial-gradient(circle at 95% 12%, rgba(0,175,165,0.10), transparent 32%),
 linear-gradient(135deg, #F8FBFF 0%, #F5FDFA 52%, #FFFCF5 100%) !important;
 }
 .top-header {
 background:
 linear-gradient(135deg, rgba(255,255,255,0.92), rgba(248,253,255,0.84)) !important;
 border: 1px solid rgba(10,107,206,0.10) !important;
 box-shadow: 0 16px 44px rgba(20,47,76,0.10) !important;
 backdrop-filter: blur(18px);
 }
 .sidebar {
 background:
 radial-gradient(circle at 18% 12%, rgba(10,107,206,0.10), transparent 35%),
 linear-gradient(180deg, rgba(255,255,255,0.96), rgba(242,253,249,0.90)) !important;
 border-right: 1px solid rgba(10,107,206,0.10) !important;
 box-shadow: 18px 0 54px rgba(20,47,76,0.08) !important;
 }
 .sidebar-brand,
 .sidebar-quick-action,
 .sidebar-link.active,
 .sidebar-link:hover {
 background:
 linear-gradient(135deg, rgba(239,248,255,0.95), rgba(241,255,250,0.95)) !important;
 border-color: rgba(10,107,206,0.14) !important;
 box-shadow: 0 12px 28px rgba(20,47,76,0.08) !important;
 }
 .form-section,
 .card,
 .tools-collapse,
 .patient-header,
 .yk-media-card-shell,
 .yk-media-card,
 .yk-dicom-section,
 .yk-dicom-hero,
 .yk-ai-card,
 .yk-ai-section,
 .yk-diet-form,
 .yk-day-card,
 .yk-food-card,
 .yk-focus-card,
 .yk-tip-card,
 .preg-info-card,
 .preg-icon-card,
 .growth-card,
 .growth-panel,
 .vp-card,
 .vp-command-card,
 .vp-rail-card,
 .theme-panel,
 .experience-panel,
 .stat-mini {
 background:
 radial-gradient(circle at 0 0, rgba(10,107,206,0.055), transparent 36%),
 linear-gradient(145deg, var(--yk-premium-card-strong), rgba(248,253,255,0.91)) !important;
 border-color: var(--yk-premium-line) !important;
 box-shadow: var(--yk-premium-shadow) !important;
 }
 .form-section:hover,
 .card:hover,
 .tools-collapse:hover,
 .yk-media-card:hover,
 .vp-command-card:hover,
 .stat-mini:hover {
 border-color: rgba(10,107,206,0.25) !important;
 box-shadow: var(--yk-premium-shadow-strong) !important;
 }
 .card-header,
 .tools-collapse > summary,
 .yk-ai-card-head,
 .yk-media-card-shell > .card-header,
 .yk-diet-form .card-header {
 background:
 linear-gradient(135deg, rgba(239,248,255,0.96), rgba(236,255,250,0.88)) !important;
 border-bottom-color: rgba(10,107,206,0.13) !important;
 color: #10243F !important;
 }
 .form-control,
 .form-select,
 textarea,
 input[type="text"],
 input[type="date"],
 input[type="number"],
 input[type="password"],
 input[type="search"],
 input[type="email"],
 input[type="tel"] {
 background:
 linear-gradient(135deg, #FFFFFF, #F8FCFF) !important;
 border-color: rgba(10,107,206,0.16) !important;
 box-shadow: inset 0 1px 0 rgba(255,255,255,0.72), 0 8px 20px rgba(20,47,76,0.04) !important;
 color: #10243F !important;
 }
 .form-control:focus,
 .form-select:focus,
 textarea:focus,
 input:focus {
 border-color: var(--yk-premium-blue-2) !important;
 box-shadow: 0 0 0 4px rgba(10,107,206,0.12), 0 12px 28px rgba(10,107,206,0.10) !important;
 }
 .btn-primary,
 button.btn-primary,
 a.btn-primary,
 .btn-info,
 button.btn-info,
 a.btn-info {
 background: linear-gradient(135deg, var(--yk-premium-blue), var(--yk-premium-teal)) !important;
 border-color: transparent !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 box-shadow: 0 14px 30px rgba(10,107,206,0.20) !important;
 }
 .btn-success,
 button.btn-success,
 a.btn-success {
 background: linear-gradient(135deg, #10B981, var(--yk-premium-teal-2)) !important;
 border-color: transparent !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 box-shadow: 0 14px 30px rgba(16,185,129,0.18) !important;
 }
 .btn-secondary,
 .btn-default,
 .btn-outline-secondary,
 .btn-outline-primary,
 .btn-outline-success,
 .btn-outline-info,
 .btn-outline-dark {
 background: linear-gradient(135deg, #FFFFFF, #F8FCFF) !important;
 border-color: rgba(10,107,206,0.18) !important;
 color: #0F3D5E !important;
 -webkit-text-fill-color: #0F3D5E !important;
 box-shadow: 0 10px 24px rgba(20,47,76,0.08) !important;
 }
 .btn:hover {
 filter: saturate(1.05) brightness(1.01);
 }
 .table {
 background: rgba(255,255,255,0.72) !important;
 border-radius: 16px;
 overflow: hidden;
 }
 .table thead th {
 background: linear-gradient(135deg, #EAF5FF, #E9FBF6) !important;
 color: #075DB5 !important;
 border-bottom-color: rgba(10,107,206,0.16) !important;
 }
 .table tbody tr:hover {
 background: linear-gradient(135deg, rgba(239,248,255,0.78), rgba(241,255,250,0.72)) !important;
 }
 .alert {
 border-color: rgba(10,107,206,0.14) !important;
 box-shadow: 0 12px 30px rgba(20,47,76,0.07) !important;
 }
 .alert-info,
 .alert-primary {
 background: linear-gradient(135deg, #EAF5FF, #EFF8FF) !important;
 border-left-color: var(--yk-premium-blue) !important;
 }
 .alert-success {
 background: linear-gradient(135deg, #ECFDF5, #F1FFFA) !important;
 border-left-color: var(--yk-premium-teal) !important;
 }
 .alert-warning {
 background: linear-gradient(135deg, #FFF8E8, #FFFFFF) !important;
 border-left-color: #F59E0B !important;
 }
 .alert-danger {
 background: linear-gradient(135deg, #FFF1F3, #FFFFFF) !important;
 border-left-color: #EF4444 !important;
 }
 .badge,
 .yk-patient-chip,
 .theme-mode-btn,
 .theme-swatch,
 .experience-mode-btn {
 border-radius: 999px !important;
 }
.hero-card,
.card-header.bg-primary,
.card-header.bg-info,
.card-header.bg-dark,
 .card-header.bg-success {
 background: linear-gradient(135deg, var(--yk-premium-blue), var(--yk-premium-teal)) !important;
 color: #FFFFFF !important;
 border-color: transparent !important;
 }
.hero-card h1,
.hero-card h2,
.hero-card h3,
 .card-header.bg-primary *,
 .card-header.bg-info *,
 .card-header.bg-dark *,
 .card-header.bg-success * {
 color: #FFFFFF !important;
 }
 .yk-mode-card,
 .yk-tip-card,
 .preg-icon-card,
 .growth-card,
 .vp-radar-card,
 .yk-media-tile {
 border-radius: 18px !important;
 }
 :root[data-theme="dark"] body {
 background:
 radial-gradient(circle at 10% 0%, rgba(124,58,237,0.16), transparent 28%),
 radial-gradient(circle at 94% 12%, rgba(0,175,165,0.12), transparent 30%),
 linear-gradient(135deg, #08111F 0%, #0C1827 58%, #111827 100%) !important;
 }
 :root[data-theme="dark"] .form-section,
 :root[data-theme="dark"] .card,
 :root[data-theme="dark"] .tools-collapse,
 :root[data-theme="dark"] .patient-header,
 :root[data-theme="dark"] .yk-media-card-shell,
 :root[data-theme="dark"] .yk-media-card,
 :root[data-theme="dark"] .yk-ai-card,
 :root[data-theme="dark"] .yk-ai-section,
 :root[data-theme="dark"] .yk-diet-form,
 :root[data-theme="dark"] .yk-day-card,
 :root[data-theme="dark"] .yk-food-card,
 :root[data-theme="dark"] .yk-focus-card,
 :root[data-theme="dark"] .yk-tip-card,
 :root[data-theme="dark"] .preg-info-card,
 :root[data-theme="dark"] .preg-icon-card,
 :root[data-theme="dark"] .growth-card,
 :root[data-theme="dark"] .growth-panel,
 :root[data-theme="dark"] .vp-card,
 :root[data-theme="dark"] .vp-command-card,
 :root[data-theme="dark"] .vp-rail-card,
 :root[data-theme="dark"] .theme-panel,
 :root[data-theme="dark"] .experience-panel,
 :root[data-theme="dark"] .stat-mini {
 background:
 radial-gradient(circle at 0 0, rgba(10,143,219,0.14), transparent 38%),
 linear-gradient(145deg, rgba(17,29,48,0.96), rgba(12,24,40,0.94)) !important;
 border-color: rgba(125,211,252,0.18) !important;
 box-shadow: 0 22px 58px rgba(0,0,0,0.32) !important;
 }
 :root[data-theme="dark"] .card-header,
 :root[data-theme="dark"] .tools-collapse > summary,
 :root[data-theme="dark"] .yk-ai-card-head,
 :root[data-theme="dark"] .yk-media-card-shell > .card-header,
 :root[data-theme="dark"] .yk-diet-form .card-header {
 background: linear-gradient(135deg, rgba(15,42,67,0.96), rgba(12,55,52,0.90)) !important;
 color: #EAF7FF !important;
 border-bottom-color: rgba(125,211,252,0.15) !important;
 }
 /* Final patient action board polish: wins over global Bootstrap button theme. */
 .tools-collapse.yk-actions-panel {
 border: 1px solid rgba(24, 138, 191, 0.22) !important;
 border-radius: 28px !important;
 background:
 radial-gradient(circle at 8% -10%, rgba(90, 115, 255, 0.18), transparent 34%),
 radial-gradient(circle at 84% 0%, rgba(0, 191, 166, 0.18), transparent 34%),
 linear-gradient(135deg, rgba(248, 252, 255, 0.98), rgba(237, 255, 249, 0.94) 54%, rgba(255, 250, 241, 0.88)) !important;
 box-shadow: 0 24px 64px rgba(23, 83, 126, 0.14) !important;
 overflow: hidden !important;
 }
 .tools-collapse.yk-actions-panel > summary {
 min-height: 68px !important;
 background:
 radial-gradient(circle at 4% 20%, rgba(255,255,255,0.22), transparent 28%),
 linear-gradient(135deg, #0A6BCE 0%, #0B91DD 42%, #00AFA5 100%) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-bottom: 0 !important;
 letter-spacing: 0 !important;
 }
 .tools-collapse.yk-actions-panel .tools-label {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 font-size: 19px !important;
 font-weight: 900 !important;
 }
 .yk-actions-grid {
 grid-template-columns: repeat(auto-fit, minmax(184px, 1fr)) !important;
 gap: 14px !important;
 padding: 20px !important;
 background:
 linear-gradient(180deg, rgba(255,255,255,0.70), rgba(241, 253, 255, 0.80)),
 radial-gradient(circle at 18% 18%, rgba(87, 121, 255, 0.08), transparent 30%),
 radial-gradient(circle at 88% 72%, rgba(0, 175, 165, 0.10), transparent 34%) !important;
 }
 .yk-actions-grid .btn {
 width: 100% !important;
 min-height: 68px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 gap: 10px !important;
 border-radius: 20px !important;
 border: 1px solid rgba(0, 105, 190, 0.22) !important;
 background: linear-gradient(135deg, #FFFFFF, #F0F8FF 58%, #ECFFF8) !important;
 color: #183352 !important;
 -webkit-text-fill-color: #183352 !important;
 font-weight: 850 !important;
 line-height: 1.20 !important;
 text-align: center !important;
 white-space: normal !important;
 opacity: 1 !important;
 box-shadow: 0 14px 34px rgba(26,82,122,0.12) !important;
 position: relative !important;
 overflow: hidden !important;
 transition: transform 160ms ease, box-shadow 160ms ease, filter 160ms ease !important;
 }
 .yk-actions-grid .btn::before {
 content: "" !important;
 position: absolute !important;
 inset: 0 !important;
 background: radial-gradient(circle at 12% 0%, rgba(255,255,255,0.32), transparent 34%) !important;
 pointer-events: none !important;
 }
 .yk-actions-grid .btn > * {
 position: relative !important;
 z-index: 1 !important;
 }
 .yk-actions-grid .btn i {
 width: 28px !important;
 height: 28px !important;
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 border-radius: 12px !important;
 background: rgba(255,255,255,0.24) !important;
 box-shadow: inset 0 0 0 1px rgba(255,255,255,0.24) !important;
 }
 .yk-actions-grid > form {
 display: flex !important;
 margin: 0 !important;
 min-width: 0 !important;
 }
 .yk-actions-grid > a:nth-child(12n+1).btn,
 .yk-actions-grid > form:nth-child(12n+1) > .btn {
 background: linear-gradient(135deg, #0A6BCE, #00AFA5) !important;
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+2).btn,
 .yk-actions-grid > form:nth-child(12n+2) > .btn {
 background: linear-gradient(135deg, #16A085, #2ECC71) !important;
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+3).btn,
 .yk-actions-grid > form:nth-child(12n+3) > .btn {
 background: linear-gradient(135deg, #7257E8, #3D8BFF) !important;
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+4).btn,
 .yk-actions-grid > form:nth-child(12n+4) > .btn {
 background: linear-gradient(135deg, #0F7EA8, #13C2A3) !important;
 color: #fff !important;
 -webkit-text-fill-color: #fff !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+5).btn,
 .yk-actions-grid > form:nth-child(12n+5) > .btn {
 background: linear-gradient(135deg, #F97316, #F43F5E) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+6).btn,
 .yk-actions-grid > form:nth-child(12n+6) > .btn {
 background: linear-gradient(135deg, #059669, #22C55E) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+7).btn,
 .yk-actions-grid > form:nth-child(12n+7) > .btn {
 background: linear-gradient(135deg, #7C3AED, #2563EB) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+8).btn,
 .yk-actions-grid > form:nth-child(12n+8) > .btn {
 background: linear-gradient(135deg, #E11D48, #FB7185) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+9).btn,
 .yk-actions-grid > form:nth-child(12n+9) > .btn {
 background: linear-gradient(135deg, #0875D1, #7656E8) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+10).btn,
 .yk-actions-grid > form:nth-child(12n+10) > .btn {
 background: linear-gradient(135deg, #0E8778, #31C48D) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+11).btn,
 .yk-actions-grid > form:nth-child(12n+11) > .btn {
 background: linear-gradient(135deg, #0284C7, #38BDF8) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid > a:nth-child(12n+12).btn,
 .yk-actions-grid > form:nth-child(12n+12) > .btn {
 background: linear-gradient(135deg, #0D9488, #14B8A6) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: transparent !important;
 }
 .yk-actions-grid .btn:hover {
 transform: translateY(-2px) !important;
 box-shadow: 0 18px 42px rgba(20,93,142,0.20) !important;
 filter: saturate(1.06) brightness(1.01) !important;
 }
 :root[data-theme="dark"] .yk-actions-grid .btn {
 background: rgba(16,34,52,0.96) !important;
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 border-color: rgba(125,211,252,0.28) !important;
 }
 .yk-recent-visits-card {
 border: 1px solid rgba(10,107,206,0.18) !important;
 border-radius: 22px !important;
 overflow: hidden !important;
 background:
 radial-gradient(circle at 8% 0%, rgba(91, 87, 232, 0.13), transparent 34%),
 radial-gradient(circle at 92% 0%, rgba(0, 175, 165, 0.14), transparent 36%),
 linear-gradient(135deg, rgba(255,255,255,0.98), rgba(239,250,255,0.94)) !important;
 box-shadow: 0 18px 46px rgba(20,93,142,0.10) !important;
 }
 .yk-recent-visits-card .yk-recent-title {
 min-height: 46px !important;
 display: flex !important;
 align-items: center !important;
 gap: 10px !important;
 background: linear-gradient(135deg, #6D5DF2 0%, #0A8DCE 48%, #00AFA5 100%) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-bottom: 0 !important;
 font-weight: 900 !important;
 letter-spacing: 0 !important;
 }
 .yk-recent-table {
 border-collapse: separate !important;
 border-spacing: 0 !important;
 overflow: hidden !important;
 }
 .yk-recent-table thead th {
 padding: 12px 14px !important;
 background: linear-gradient(135deg, #EAF5FF, #E8FFF7) !important;
 color: #143A5B !important;
 -webkit-text-fill-color: #143A5B !important;
 border-bottom: 1px solid rgba(10,107,206,0.14) !important;
 font-weight: 900 !important;
 text-transform: uppercase !important;
 letter-spacing: 0.04em !important;
 }
 .yk-recent-table tbody tr {
 background: rgba(255,255,255,0.84) !important;
 }
 .yk-recent-table tbody tr:nth-child(odd) {
 background: linear-gradient(135deg, rgba(247,251,255,0.96), rgba(238,255,248,0.86)) !important;
 }
 .yk-recent-table tbody td {
 padding: 12px 14px !important;
 color: #233C5B !important;
 -webkit-text-fill-color: #233C5B !important;
 vertical-align: middle !important;
 border-bottom: 1px solid rgba(10,107,206,0.08) !important;
 font-weight: 650 !important;
 }
 .yk-recent-table .badge {
 border-radius: 999px !important;
 padding: 7px 10px !important;
 box-shadow: 0 8px 18px rgba(16,80,130,0.12) !important;
 }
 .yk-open-visit-btn {
 border-radius: 14px !important;
 min-width: 58px !important;
 background: linear-gradient(135deg, #FFFFFF, #EAF7FF) !important;
 color: #075DB5 !important;
 -webkit-text-fill-color: #075DB5 !important;
 border-color: rgba(10,107,206,0.26) !important;
 font-weight: 850 !important;
 box-shadow: 0 10px 22px rgba(10,107,206,0.10) !important;
 }
 /* Premium palette readability lock: renkler guzel kalsin, metin asla solmasin. */
 .sidebar,
 .sidebar-brand,
 .sidebar-quick-action,
 .sidebar-fold,
 .sidebar-link,
 .top-header,
 .theme-panel,
 .experience-panel {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 text-shadow: none !important;
 }
 .sidebar-brand-text,
 .sidebar-orbit-title,
 .sidebar-quick-action strong,
 .sidebar-quick-action span,
 .sidebar-link > span:not(.sidebar-link-icon),
 .sidebar-fold summary,
 .top-header-title,
 .top-header-title *,
 .theme-panel-title,
 .theme-swatch strong,
 .theme-mode-btn,
 .experience-mode-btn strong,
 .experience-mode-btn small {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 opacity: 1 !important;
 }
 .sidebar-section-title,
 .theme-panel-subtitle,
 .theme-swatch small,
 .text-muted {
 color: #5B6F86 !important;
 -webkit-text-fill-color: #5B6F86 !important;
 opacity: 1 !important;
 }
 .sidebar-link {
 background: rgba(255,255,255,0.34) !important;
 border: 1px solid transparent !important;
 }
 .sidebar-link:hover {
 background: linear-gradient(135deg, rgba(234,245,255,0.98), rgba(236,255,250,0.94)) !important;
 color: #075DB5 !important;
 -webkit-text-fill-color: #075DB5 !important;
 border-color: rgba(10,107,206,0.20) !important;
 }
 .sidebar-link:hover > span:not(.sidebar-link-icon) {
 color: #075DB5 !important;
 -webkit-text-fill-color: #075DB5 !important;
 }
 .sidebar-link.active {
 background: linear-gradient(135deg, #0A6BCE 0%, #0B8FDB 45%, #00AFA5 100%) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: rgba(255,255,255,0.36) !important;
 box-shadow: 0 18px 42px rgba(10,107,206,0.30) !important;
 }
 .sidebar-link.active > span:not(.sidebar-link-icon),
 .sidebar-link.active strong,
 .sidebar-link.active small {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 opacity: 1 !important;
 }
 .sidebar-link.active .sidebar-link-icon {
 background: rgba(255,255,255,0.22) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: rgba(255,255,255,0.34) !important;
 }
 .sidebar-quick-action {
 min-height: 92px;
 }
 .sidebar-quick-action strong {
 font-weight: 900 !important;
 line-height: 1.12 !important;
 }
 .sidebar-quick-action span {
 font-size: 11px !important;
 font-weight: 850 !important;
 letter-spacing: 0.02em !important;
 text-transform: uppercase;
 }
 .theme-panel,
 .experience-panel {
 background: linear-gradient(145deg, rgba(255,255,255,0.98), rgba(244,251,255,0.94)) !important;
 }
 .theme-mode-btn,
 .theme-swatch,
 .experience-mode-btn,
 .top-header .btn,
 .top-header button,
 .header-icon-btn,
 .theme-toggle,
 .experience-switch {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 background: rgba(255,255,255,0.88) !important;
 border-color: rgba(10,107,206,0.16) !important;
 opacity: 1 !important;
 }
 .top-header .btn-primary,
 .top-header .btn-success,
 .top-header .active,
 .theme-mode-btn.active,
 .theme-swatch.active,
 .experience-mode-btn.active {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 background: linear-gradient(135deg, #0A6BCE, #00AFA5) !important;
 border-color: rgba(255,255,255,0.32) !important;
 }
 .btn:disabled,
 .btn.disabled,
 button:disabled,
 a.btn.disabled {
 color: #5B6F86 !important;
 -webkit-text-fill-color: #5B6F86 !important;
 background: rgba(244,248,252,0.84) !important;
 border-color: rgba(91,111,134,0.18) !important;
 opacity: 0.86 !important;
 filter: none !important;
 }
 :root[data-theme="dark"] .sidebar,
 :root[data-theme="dark"] .sidebar-brand,
 :root[data-theme="dark"] .sidebar-quick-action,
 :root[data-theme="dark"] .sidebar-fold,
 :root[data-theme="dark"] .sidebar-link,
 :root[data-theme="dark"] .top-header,
 :root[data-theme="dark"] .theme-panel,
 :root[data-theme="dark"] .experience-panel {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 }
 :root[data-theme="dark"] .sidebar-brand-text,
 :root[data-theme="dark"] .sidebar-orbit-title,
 :root[data-theme="dark"] .sidebar-quick-action strong,
 :root[data-theme="dark"] .sidebar-quick-action span,
 :root[data-theme="dark"] .sidebar-link > span:not(.sidebar-link-icon),
 :root[data-theme="dark"] .sidebar-fold summary,
 :root[data-theme="dark"] .top-header-title,
 :root[data-theme="dark"] .top-header-title *,
 :root[data-theme="dark"] .theme-panel-title,
 :root[data-theme="dark"] .theme-swatch strong,
 :root[data-theme="dark"] .theme-mode-btn,
 :root[data-theme="dark"] .experience-mode-btn strong,
 :root[data-theme="dark"] .experience-mode-btn small {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 opacity: 1 !important;
 }
 :root[data-theme="dark"] .sidebar-section-title,
 :root[data-theme="dark"] .theme-panel-subtitle,
 :root[data-theme="dark"] .theme-swatch small,
 :root[data-theme="dark"] .text-muted {
 color: #AFC5DA !important;
 -webkit-text-fill-color: #AFC5DA !important;
 }
 :root[data-theme="dark"] .sidebar-link {
 background: rgba(255,255,255,0.045) !important;
 }
 :root[data-theme="dark"] .sidebar-link:hover {
 background: rgba(125,211,252,0.12) !important;
 border-color: rgba(125,211,252,0.20) !important;
 }
 :root[data-theme="dark"] .sidebar-link.active {
 background: linear-gradient(135deg, #0A6BCE 0%, #0B8FDB 45%, #00AFA5 100%) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 :root[data-theme="dark"] .theme-mode-btn,
 :root[data-theme="dark"] .theme-swatch,
 :root[data-theme="dark"] .experience-mode-btn,
 :root[data-theme="dark"] .top-header .btn,
 :root[data-theme="dark"] .top-header button,
 :root[data-theme="dark"] .header-icon-btn,
 :root[data-theme="dark"] .theme-toggle,
 :root[data-theme="dark"] .experience-switch {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 background: rgba(255,255,255,0.075) !important;
 border-color: rgba(206,226,252,0.17) !important;
 }
 /* Readability safety net: soluk buton/sekme/metinleri engelle. */
 .main-container .btn,
 .main-container .nav-link,
 .main-container .badge,
 .main-container .card-header,
 .main-container .alert,
 .main-container .table th,
 .main-container .table td {
 opacity: 1 !important;
 text-shadow: none !important;
 }
 .main-container .btn-primary,
 .main-container button.btn-primary,
 .main-container a.btn-primary,
 .main-container .btn-success,
 .main-container button.btn-success,
 .main-container a.btn-success,
 .main-container .btn-info,
 .main-container button.btn-info,
 .main-container a.btn-info {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 font-weight: 850 !important;
 opacity: 1 !important;
 filter: none !important;
 }
 .main-container .btn-outline-secondary,
 .main-container .btn-outline-primary,
 .main-container .btn-outline-success,
 .main-container .btn-outline-info,
 .main-container .btn-outline-warning,
 .main-container .btn-outline-dark,
 .main-container .btn-secondary,
 .main-container .btn-default {
 color: #123B60 !important;
 -webkit-text-fill-color: #123B60 !important;
 font-weight: 800 !important;
 opacity: 1 !important;
 }
 .main-container .btn.disabled,
 .main-container .btn:disabled,
 .main-container button:disabled,
 .main-container a.btn.disabled,
 .main-container .nav-link.disabled,
 .main-container [aria-disabled="true"] {
 opacity: 1 !important;
 color: #567086 !important;
 -webkit-text-fill-color: #567086 !important;
 background: linear-gradient(135deg, #EEF3F8, #F4F8FC) !important;
 border-color: rgba(86, 112, 134, 0.28) !important;
 box-shadow: none !important;
 filter: none !important;
 }
 .main-container .text-muted,
 .main-container small.text-muted {
 color: #5B6F86 !important;
 -webkit-text-fill-color: #5B6F86 !important;
 opacity: 1 !important;
 }
 .main-container .table thead th {
 color: #0E4A83 !important;
 -webkit-text-fill-color: #0E4A83 !important;
 font-weight: 850 !important;
 }
 .main-container .table tbody td,
 .main-container .table tbody td *,
 .main-container pre,
 .main-container code {
 color: #1D3854 !important;
 -webkit-text-fill-color: #1D3854 !important;
 }
 :root[data-theme="dark"] .main-container .btn-outline-secondary,
 :root[data-theme="dark"] .main-container .btn-outline-primary,
 :root[data-theme="dark"] .main-container .btn-outline-success,
 :root[data-theme="dark"] .main-container .btn-outline-info,
 :root[data-theme="dark"] .main-container .btn-outline-warning,
 :root[data-theme="dark"] .main-container .btn-outline-dark,
 :root[data-theme="dark"] .main-container .btn-secondary,
 :root[data-theme="dark"] .main-container .btn-default {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 background: rgba(255, 255, 255, 0.08) !important;
 border-color: rgba(176, 210, 241, 0.26) !important;
 }
 :root[data-theme="dark"] .main-container .btn.disabled,
 :root[data-theme="dark"] .main-container .btn:disabled,
 :root[data-theme="dark"] .main-container button:disabled,
 :root[data-theme="dark"] .main-container a.btn.disabled,
 :root[data-theme="dark"] .main-container .nav-link.disabled,
 :root[data-theme="dark"] .main-container [aria-disabled="true"] {
 color: #A8C4DF !important;
 -webkit-text-fill-color: #A8C4DF !important;
 background: rgba(255,255,255,0.06) !important;
 border-color: rgba(168, 196, 223, 0.24) !important;
 }
 :root[data-theme="dark"] .main-container .text-muted,
 :root[data-theme="dark"] .main-container small.text-muted {
 color: #AFC5DA !important;
 -webkit-text-fill-color: #AFC5DA !important;
 }
 :root[data-theme="dark"] .main-container .table tbody td,
 :root[data-theme="dark"] .main-container .table tbody td *,
 :root[data-theme="dark"] .main-container pre,
 :root[data-theme="dark"] .main-container code {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 }
 /* Renkli premium dil: hasta kartlarindaki enerjiyi tum modullere yay. */
 :root {
--yk-ribbon-1: linear-gradient(135deg, #0A6BCE 0%, #00AFA5 100%);
--yk-ribbon-2: linear-gradient(135deg, #7C3AED 0%, #3B82F6 100%);
--yk-ribbon-3: linear-gradient(135deg, #16A085 0%, #22C55E 100%);
--yk-ribbon-4: linear-gradient(135deg, #F97316 0%, #EC4899 100%);
--yk-ribbon-5: linear-gradient(135deg, #0891B2 0%, #6366F1 100%);
--yk-ribbon-6: linear-gradient(135deg, #0D9488 0%, #06B6D4 100%);
--yk-surface-text-strong: #12324F;
--yk-surface-text-soft: #58728C;
--yk-surface-line: rgba(10, 107, 206, 0.17);
 }
 .main-container .card:not(.hero-card):not(.yk-patient-card),
 .main-container .tools-collapse,
 .main-container .form-section,
 .main-container .alert {
 position: relative;
 overflow: hidden;
 isolation: isolate;
 border-color: var(--yk-surface-line) !important;
 }
 .main-container .card:not(.hero-card):not(.yk-patient-card)::before,
 .main-container .tools-collapse::before,
 .main-container .form-section::before,
 .main-container .alert::before {
 content: "";
 position: absolute;
 left: 0;
 top: 0;
 right: 0;
 height: 4px;
 background: var(--yk-ribbon-1);
 opacity: 0.95;
 pointer-events: none;
 z-index: 1;
 }
 .main-container .card:not(.hero-card):not(.yk-patient-card):nth-of-type(6n+2)::before,
 .main-container .tools-collapse:nth-of-type(6n+2)::before,
 .main-container .form-section:nth-of-type(6n+2)::before,
 .main-container .alert:nth-of-type(6n+2)::before { background: var(--yk-ribbon-2); }
 .main-container .card:not(.hero-card):not(.yk-patient-card):nth-of-type(6n+3)::before,
 .main-container .tools-collapse:nth-of-type(6n+3)::before,
 .main-container .form-section:nth-of-type(6n+3)::before,
 .main-container .alert:nth-of-type(6n+3)::before { background: var(--yk-ribbon-3); }
 .main-container .card:not(.hero-card):not(.yk-patient-card):nth-of-type(6n+4)::before,
 .main-container .tools-collapse:nth-of-type(6n+4)::before,
 .main-container .form-section:nth-of-type(6n+4)::before,
 .main-container .alert:nth-of-type(6n+4)::before { background: var(--yk-ribbon-4); }
 .main-container .card:not(.hero-card):not(.yk-patient-card):nth-of-type(6n+5)::before,
 .main-container .tools-collapse:nth-of-type(6n+5)::before,
 .main-container .form-section:nth-of-type(6n+5)::before,
 .main-container .alert:nth-of-type(6n+5)::before { background: var(--yk-ribbon-5); }
 .main-container .card:not(.hero-card):not(.yk-patient-card):nth-of-type(6n+6)::before,
 .main-container .tools-collapse:nth-of-type(6n+6)::before,
 .main-container .form-section:nth-of-type(6n+6)::before,
 .main-container .alert:nth-of-type(6n+6)::before { background: var(--yk-ribbon-6); }
 .main-container .card:not(.hero-card):not(.yk-patient-card) > *,
 .main-container .tools-collapse > *,
 .main-container .form-section > *,
 .main-container .alert > * {
 position: relative;
 z-index: 2;
 }
 .main-container .card:not(.hero-card):not(.yk-patient-card) .card-header,
 .main-container .tools-collapse > summary,
 .main-container .form-section .card-header {
 background: linear-gradient(135deg, rgba(236, 247, 255, 0.98), rgba(238, 255, 250, 0.92)) !important;
 color: var(--yk-surface-text-strong) !important;
 -webkit-text-fill-color: var(--yk-surface-text-strong) !important;
 }
 .main-container .card:not(.hero-card):not(.yk-patient-card) p,
 .main-container .card:not(.hero-card):not(.yk-patient-card) small,
 .main-container .tools-collapse p,
 .main-container .tools-collapse small,
 .main-container .form-section p,
 .main-container .form-section small,
 .main-container .alert p,
 .main-container .alert small {
 color: var(--yk-surface-text-soft) !important;
 -webkit-text-fill-color: var(--yk-surface-text-soft) !important;
 opacity: 1 !important;
 }
 .main-container .table thead th {
 color: #0E4A83 !important;
 -webkit-text-fill-color: #0E4A83 !important;
 font-weight: 850 !important;
 }
 .main-container .table tbody td {
 color: #1B3753 !important;
 -webkit-text-fill-color: #1B3753 !important;
 font-weight: 650 !important;
 }
 .main-container .nav-tabs .nav-link,
 .main-container .btn-group .btn {
 border-radius: 14px !important;
 border-color: rgba(10, 107, 206, 0.18) !important;
 }
 :root[data-theme="dark"] .main-container .card:not(.hero-card):not(.yk-patient-card),
 :root[data-theme="dark"] .main-container .tools-collapse,
 :root[data-theme="dark"] .main-container .form-section,
 :root[data-theme="dark"] .main-container .alert {
 border-color: rgba(125, 211, 252, 0.24) !important;
 }
 :root[data-theme="dark"] .main-container .card:not(.hero-card):not(.yk-patient-card) .card-header,
 :root[data-theme="dark"] .main-container .tools-collapse > summary,
 :root[data-theme="dark"] .main-container .form-section .card-header {
 background: linear-gradient(135deg, rgba(14, 46, 78, 0.96), rgba(10, 62, 66, 0.92)) !important;
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 }
 :root[data-theme="dark"] .main-container .card:not(.hero-card):not(.yk-patient-card) p,
 :root[data-theme="dark"] .main-container .card:not(.hero-card):not(.yk-patient-card) small,
 :root[data-theme="dark"] .main-container .tools-collapse p,
 :root[data-theme="dark"] .main-container .tools-collapse small,
 :root[data-theme="dark"] .main-container .form-section p,
 :root[data-theme="dark"] .main-container .form-section small,
 :root[data-theme="dark"] .main-container .alert p,
 :root[data-theme="dark"] .main-container .alert small {
 color: #BFD3E7 !important;
 -webkit-text-fill-color: #BFD3E7 !important;
 }
 :root[data-theme="dark"] .main-container .table thead th {
 color: #D6EDFF !important;
 -webkit-text-fill-color: #D6EDFF !important;
 }
 :root[data-theme="dark"] .main-container .table tbody td {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 }
 /* Masaustunde sidebar HER ZAMAN gorunsun (1280px+).
 Sadece tablet/mobilde gizli, hamburger ile acilir. */
 @media (min-width: 1281px) {
 .sidebar.use-modern-nav {
 transform: none !important;
 left: 0 !important;
 }
 .sidebar-overlay,
 .sidebar-overlay.show {
 display: none !important;
 pointer-events: none !important;
 }
 .top-header {
 left: calc(var(--sidebar-w) + 18px) !important;
 right: 18px !important;
 }
 .main-content {
 margin-left: var(--sidebar-w) !important;
 padding-top: calc(var(--header-h) + 18px) !important;
 }
 /* Genis ekranda hamburger gizli, sidebar zaten acik */
 .hamburger-btn { display: none !important; }
 }
 @media (max-width: 1500px) {
 .top-quick-links {
 display: none !important;
 }
.top-header-title {
max-width: 286px !important;
}
 .profile-copy {
 display: none !important;
 }
 }
 @media (max-width: 1280px) {
 .sidebar.use-modern-nav {
 transform: translateX(-110%) !important;
 width: min(330px, 88vw) !important;
 max-width: min(330px, 88vw) !important;
 border-radius: 0 28px 28px 0 !important;
 z-index: 1100 !important;
 }
 .sidebar.use-modern-nav.show {
 transform: translateX(0) !important;
 }
 .sidebar-overlay {
 z-index: 1099 !important;
 }
 .sidebar-overlay.show {
 display: block !important;
 pointer-events: auto !important;
 }
 .top-header {
 left: 12px !important;
 right: 12px !important;
 }
 .main-content {
 margin-left: 0 !important;
 padding-top: calc(var(--header-h) + 18px) !important;
 }
 .main-container {
 max-width: none !important;
 padding-left: 18px !important;
 padding-right: 18px !important;
 }
 /* Hamburger tiklanabilirligi GARANTI EDIYORUZ */
 .hamburger-btn {
 display: inline-flex !important;
 align-items: center !important;
 justify-content: center !important;
 pointer-events: auto !important;
 cursor: pointer !important;
 z-index: 1200 !important;
 position: relative !important;
 }
 .hamburger-btn * { pointer-events: none !important; }
 }
 @media (max-width: 760px) {
 #patientList.yk-patient-list {
 grid-template-columns: 1fr;
 }
 .yk-patient-searchbar {
 grid-template-columns: 1fr;
 }
 .yk-patient-actions {
 padding-left: 0;
 }
 .yk-patient-card-top {
 gap: 11px;
 }
 .yk-patient-avatar {
 width: 46px;
 height: 46px;
 flex-basis: 46px;
 }
 .top-header {
 height: auto !important;
 min-height: 64px !important;
 padding: 8px 10px !important;
 gap: 8px !important;
 }
 .search-box {
 flex-basis: 100% !important;
 order: 5;
 }
 .main-content {
 padding-top: 132px !important;
 }
 }
 /* Final menu/content contrast guard: acik yuzeyde beyaz veya soluk yazi kalmasin. */
 :root:not([data-theme="dark"]) .main-content,
 :root:not([data-theme="dark"]) .main-container,
 :root:not([data-theme="dark"]) .top-header,
 :root:not([data-theme="dark"]) .theme-panel,
 :root:not([data-theme="dark"]) .experience-panel,
 :root:not([data-theme="dark"]) .sidebar {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 }
 :root:not([data-theme="dark"]) .main-container .text-white,
 :root:not([data-theme="dark"]) .main-container .text-light,
 :root:not([data-theme="dark"]) .main-container .opacity-75,
 :root:not([data-theme="dark"]) .main-container .opacity-50,
 :root:not([data-theme="dark"]) .theme-panel .text-white,
 :root:not([data-theme="dark"]) .theme-panel .text-light,
 :root:not([data-theme="dark"]) .experience-panel .text-white,
 :root:not([data-theme="dark"]) .experience-panel .text-light {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 opacity: 1 !important;
 text-shadow: none !important;
 }
 :root:not([data-theme="dark"]) .main-container .text-muted,
 :root:not([data-theme="dark"]) .main-container small,
 :root:not([data-theme="dark"]) .theme-panel small,
 :root:not([data-theme="dark"]) .experience-panel small {
 color: #53687F !important;
 -webkit-text-fill-color: #53687F !important;
 opacity: 1 !important;
 }
:root:not([data-theme="dark"]) .hero-card,
:root:not([data-theme="dark"]) .card-header.bg-primary,
:root:not([data-theme="dark"]) .card-header.bg-info,
:root:not([data-theme="dark"]) .card-header.bg-dark,
 :root:not([data-theme="dark"]) .card-header.bg-success,
 :root:not([data-theme="dark"]) .btn-primary,
 :root:not([data-theme="dark"]) .btn-success,
 :root:not([data-theme="dark"]) .btn-info,
 :root:not([data-theme="dark"]) .yk-actions-grid > a:nth-child(8n+1).btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > form:nth-child(8n+1) > .btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > a:nth-child(8n+2).btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > form:nth-child(8n+2) > .btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > a:nth-child(8n+3).btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > form:nth-child(8n+3) > .btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > a:nth-child(8n+4).btn,
 :root:not([data-theme="dark"]) .yk-actions-grid > form:nth-child(8n+4) > .btn {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
:root:not([data-theme="dark"]) .hero-card *,
:root:not([data-theme="dark"]) .card-header.bg-primary *,
:root:not([data-theme="dark"]) .card-header.bg-info *,
:root:not([data-theme="dark"]) .card-header.bg-dark *,
 :root:not([data-theme="dark"]) .card-header.bg-success *,
 :root:not([data-theme="dark"]) .btn-primary *,
 :root:not([data-theme="dark"]) .btn-success *,
 :root:not([data-theme="dark"]) .btn-info * {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 .sidebar.use-modern-nav .sidebar-link.active,
 .sidebar.use-modern-nav .sidebar-link.active:hover {
 background: linear-gradient(135deg, #0A6BCE 0%, #0B8FDB 45%, #00AFA5 100%) !important;
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 border-color: rgba(255,255,255,0.36) !important;
 }
 .sidebar.use-modern-nav .sidebar-link.active > span,
 .sidebar.use-modern-nav .sidebar-link.active i {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 opacity: 1 !important;
 }
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link:not(.active),
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link:not(.active) > span,
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link:not(.active) i,
 :root:not([data-theme="dark"]) .sidebar-quick-action,
 :root:not([data-theme="dark"]) .sidebar-quick-action *,
 :root:not([data-theme="dark"]) .theme-panel,
 :root:not([data-theme="dark"]) .theme-panel *,
 :root:not([data-theme="dark"]) .experience-panel,
 :root:not([data-theme="dark"]) .experience-panel * {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 opacity: 1 !important;
 text-shadow: none !important;
 }
 :root:not([data-theme="dark"]) .theme-swatch.active,
 :root:not([data-theme="dark"]) .theme-swatch.active *,
 :root:not([data-theme="dark"]) .theme-mode-btn.active,
 :root:not([data-theme="dark"]) .theme-mode-btn.active *,
 :root:not([data-theme="dark"]) .experience-mode-btn.active,
 :root:not([data-theme="dark"]) .experience-mode-btn.active * {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 :root:not([data-theme="dark"]) .btn.disabled,
 :root:not([data-theme="dark"]) .btn:disabled,
 :root:not([data-theme="dark"]) button:disabled,
 :root:not([data-theme="dark"]) a.btn.disabled,
 :root:not([data-theme="dark"]) .disabled,
 :root:not([data-theme="dark"]) [aria-disabled="true"] {
 color: #475D73 !important;
 -webkit-text-fill-color: #475D73 !important;
 background: rgba(244,249,253,0.88) !important;
 border-color: rgba(71,93,115,0.18) !important;
 opacity: 0.94 !important;
 filter: none !important;
 }
 /* Global typography/readability lock: web, Safari ve hibrit ekranda serif/kucuk yazi kalmasin. */
 :root {
--font-body: "Segoe UI", "Plus Jakarta Sans", Arial, Helvetica, sans-serif !important;
--font-display: "Segoe UI", "Plus Jakarta Sans", Arial, Helvetica, sans-serif !important;
--font-serif: "Segoe UI", "Plus Jakarta Sans", Arial, Helvetica, sans-serif !important;
--yk-readable-ink: #10243F;
--yk-readable-muted: #53687F;
--yk-readable-soft: #6B7D91;
 }
 html {
 -webkit-text-size-adjust: 100%;
 text-size-adjust: 100%;
 }
 body,
 .app-layout,
 .main-content,
 .main-container,
 .top-header,
 .sidebar,
 .card,
 .modal,
 .dropdown-menu,
 .theme-panel,
 .experience-panel,
 .patient-header,
 input,
 button,
 select,
 textarea,
 .btn,
 .form-control,
 .form-select,
 .badge,
 .alert {
 font-family: "Segoe UI", "Plus Jakarta Sans", Arial, Helvetica, sans-serif !important;
 }
 .main-content :where(h1,h2,h3,h4,h5,h6,p,span,small,label,a,button,input,textarea,select,td,th,li,div):not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
 .top-header :where(strong,span,a,button,input):not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
 .sidebar :where(strong,span,a,button,div):not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
 font-family: "Segoe UI", "Plus Jakarta Sans", Arial, Helvetica, sans-serif !important;
 }
 body {
 font-size: 15.5px !important;
 line-height: 1.56 !important;
 color: var(--yk-readable-ink) !important;
 -webkit-text-fill-color: var(--yk-readable-ink) !important;
 }
 .main-container,
 .main-container p,
 .main-container li,
 .main-container td,
 .main-container th,
 .main-container label,
 .main-container .card-body,
 .main-container .form-control,
 .main-container .form-select,
 .main-container .btn {
 font-size: 15.5px !important;
 line-height: 1.55 !important;
 }
 .main-container h1,
 .patient-header h1 {
 font-size: clamp(34px, 2.15vw, 44px) !important;
 line-height: 1.08 !important;
 font-weight: 850 !important;
 letter-spacing: 0 !important;
 color: #0F1F3D !important;
 -webkit-text-fill-color: #0F1F3D !important;
 text-shadow: none !important;
 }
 .main-container h2 {
 font-size: clamp(25px, 1.55vw, 34px) !important;
 line-height: 1.16 !important;
 font-weight: 820 !important;
 color: #132845 !important;
 -webkit-text-fill-color: #132845 !important;
 }
 .main-container h3,
 .main-container h4,
 .main-container h5 {
 color: #162B49 !important;
 -webkit-text-fill-color: #162B49 !important;
 font-weight: 800 !important;
 letter-spacing: 0 !important;
 }
 .eyebrow,
 .sidebar-section-title {
 font-size: 12px !important;
 line-height: 1.2 !important;
 font-weight: 850 !important;
 letter-spacing: 0.08em !important;
 color: #476078 !important;
 -webkit-text-fill-color: #476078 !important;
 opacity: 1 !important;
 text-shadow: none !important;
 }
 .lede,
 .text-muted,
 .main-container small,
 .card small,
 .patient-header p {
 color: var(--yk-readable-muted) !important;
 -webkit-text-fill-color: var(--yk-readable-muted) !important;
 opacity: 1 !important;
 text-shadow: none !important;
 }
 .lede,
 .patient-header p {
 font-size: 16px !important;
 line-height: 1.62 !important;
 font-weight: 520 !important;
 }
 .top-header-title span {
 font-size: 12px !important;
 line-height: 1.15 !important;
 color: #0B5CAB !important;
 -webkit-text-fill-color: #0B5CAB !important;
 letter-spacing: 0.1em !important;
 font-weight: 900 !important;
 opacity: 1 !important;
 }
 .top-header-title strong {
 font-size: 19px !important;
 line-height: 1.12 !important;
 color: #14213D !important;
 -webkit-text-fill-color: #14213D !important;
 font-weight: 900 !important;
 }
 .search-box input,
 .top-header .search-box input,
 .input-group .form-control,
 form .form-control {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 font-size: 16px !important;
 font-weight: 650 !important;
 background: rgba(255,255,255,0.97) !important;
 border: 1px solid rgba(82,113,148,0.24) !important;
 text-shadow: none !important;
 }
 .search-box input::placeholder,
 .form-control::placeholder {
 color: #71839A !important;
 -webkit-text-fill-color: #71839A !important;
 opacity: 1 !important;
 }
 .top-header .search-box {
 position: relative !important;
 max-width: 620px !important;
 isolation: isolate;
 }
 .top-header .search-box::before {
 left: 18px !important;
 top: 50% !important;
 transform: translateY(-50%) !important;
 z-index: 2 !important;
 width: 18px;
 text-align: center;
 pointer-events: none;
 }
 .top-header .search-box input {
 height: 48px !important;
 padding-left: 54px !important;
 padding-right: 90px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 }
 .top-header .search-box::after {
 right: 12px !important;
 z-index: 2 !important;
 }
 .btn,
 button,
 .top-quick-links a,
 .sidebar-quick-action,
 .sidebar-link,
 .theme-mode-btn,
 .experience-mode-btn,
 .theme-swatch {
 min-height: 42px;
 font-weight: 800 !important;
 letter-spacing: 0 !important;
 text-shadow: none !important;
 }
 .btn-primary,
 button.btn-primary,
 .btn-success,
 .btn-info {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 background: linear-gradient(135deg, #0A6BCE 0%, #0B8FDB 48%, #00AFA5 100%) !important;
 border-color: rgba(0,120,212,0.32) !important;
 box-shadow: 0 14px 34px rgba(11,92,171,0.24) !important;
 }
 .btn-primary *,
 button.btn-primary *,
 .btn-success *,
 .btn-info * {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 :root:not([data-theme="dark"]) .btn:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-danger):not(.btn-warning),
 :root:not([data-theme="dark"]) button:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-danger):not(.btn-warning),
 :root:not([data-theme="dark"]) .btn-light,
 :root:not([data-theme="dark"]) .btn-outline-primary,
 :root:not([data-theme="dark"]) .btn-outline-secondary,
 :root:not([data-theme="dark"]) .btn-outline-dark {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 background: linear-gradient(135deg, rgba(255,255,255,0.98), rgba(239,249,255,0.92)) !important;
 border: 1px solid rgba(82,113,148,0.24) !important;
 opacity: 1 !important;
 }
 .sidebar-brand-text,
 .sidebar-orbit-title,
 .sidebar-link,
 .sidebar-quick-action strong,
 .sidebar-quick-action span {
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 opacity: 1 !important;
 }
 .sidebar-brand-text {
 font-size: 20px !important;
 font-weight: 950 !important;
 }
 .sidebar-link {
 font-size: 15px !important;
 line-height: 1.18 !important;
 font-weight: 850 !important;
 }
 .sidebar-quick-action strong {
 font-size: 14px !important;
 line-height: 1.15 !important;
 }
 .sidebar-quick-action span {
 font-size: 11.5px !important;
 line-height: 1.15 !important;
 text-transform: uppercase;
 font-weight: 900 !important;
 letter-spacing: 0.04em !important;
 }
 .sidebar.use-modern-nav .sidebar-link.active,
 .sidebar.use-modern-nav .sidebar-link.active > span,
 .sidebar.use-modern-nav .sidebar-link.active i {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 .input-group-lg > .form-control,
 .input-group-lg > .btn {
 min-height: 56px !important;
 font-size: 17px !important;
 }
 .card .card-body h5,
 .card .card-body h4,
 .card .card-body h3 {
 font-size: 20px !important;
 line-height: 1.25 !important;
 color: #10243F !important;
 -webkit-text-fill-color: #10243F !important;
 }
 .card .card-body small {
 font-size: 13.5px !important;
 line-height: 1.45 !important;
 }
 pre,
 code,
 .font-monospace,
 textarea[style*="Consolas"],
 textarea[style*="monospace"] {
 font-family: Consolas, "SF Mono", Monaco, monospace !important;
 }
 @media (max-width: 2200px) {
 .main-container {
 max-width: 1500px !important;
 }
 .top-header {
 min-height: 70px !important;
 }
 }
 :root[data-theme="dark"] body,
 :root[data-theme="dark"] .main-content,
 :root[data-theme="dark"] .main-container,
 :root[data-theme="dark"] .top-header,
 :root[data-theme="dark"] .sidebar,
 :root[data-theme="dark"] .theme-panel,
 :root[data-theme="dark"] .experience-panel {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 }
 :root[data-theme="dark"] .main-container h1,
 :root[data-theme="dark"] .main-container h2,
 :root[data-theme="dark"] .main-container h3,
 :root[data-theme="dark"] .main-container h4,
 :root[data-theme="dark"] .main-container h5,
 :root[data-theme="dark"] .patient-header h1,
 :root[data-theme="dark"] .top-header-title strong {
 color: #F8FBFF !important;
 -webkit-text-fill-color: #F8FBFF !important;
 }
 :root[data-theme="dark"] .lede,
 :root[data-theme="dark"] .text-muted,
 :root[data-theme="dark"] .main-container small,
 :root[data-theme="dark"] .card small,
 :root[data-theme="dark"] .patient-header p,
 :root[data-theme="dark"] .eyebrow,
 :root[data-theme="dark"] .sidebar-section-title,
 :root[data-theme="dark"] .top-header-title span {
 color: #BBD0E8 !important;
 -webkit-text-fill-color: #BBD0E8 !important;
 opacity: 1 !important;
 }
 :root[data-theme="dark"] .form-control,
 :root[data-theme="dark"] .form-select,
 :root[data-theme="dark"] .search-box input,
 :root[data-theme="dark"] .input-group .form-control {
 color: #F8FBFF !important;
 -webkit-text-fill-color: #F8FBFF !important;
 background: rgba(11,24,39,0.96) !important;
 border-color: rgba(148,197,255,0.28) !important;
 }
 :root[data-theme="dark"] .form-control::placeholder,
 :root[data-theme="dark"] .search-box input::placeholder {
 color: #9EB5CE !important;
 -webkit-text-fill-color: #9EB5CE !important;
 }
 :root[data-theme="dark"] .btn:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-danger):not(.btn-warning),
 :root[data-theme="dark"] button:not(.btn-primary):not(.btn-success):not(.btn-info):not(.btn-danger):not(.btn-warning),
 :root[data-theme="dark"] .btn-light,
 :root[data-theme="dark"] .btn-outline-primary,
 :root[data-theme="dark"] .btn-outline-secondary,
 :root[data-theme="dark"] .btn-outline-dark {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 background: linear-gradient(135deg, rgba(18,34,54,0.98), rgba(12,51,62,0.92)) !important;
 border-color: rgba(148,197,255,0.25) !important;
 }
 :root[data-theme="dark"] .sidebar-brand-text,
 :root[data-theme="dark"] .sidebar-orbit-title,
 :root[data-theme="dark"] .sidebar-link,
 :root[data-theme="dark"] .sidebar-quick-action strong,
 :root[data-theme="dark"] .sidebar-quick-action span {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 }
 /* Soft typography pass: son okunurluk kilidi yazilari fazla siyah ve agir yapmisti. */
 :root:not([data-theme="dark"]) {
--yk-readable-ink: #263B52 !important;
--yk-readable-muted: #687B91 !important;
--yk-readable-soft: #7A8BA0 !important;
--palette-ink: #263B52 !important;
--palette-muted: #687B91 !important;
--nav-ink: #2C4358 !important;
--nav-muted: #708195 !important;
 }
 :root:not([data-theme="dark"]) body,
 :root:not([data-theme="dark"]) .main-content,
 :root:not([data-theme="dark"]) .main-container,
 :root:not([data-theme="dark"]) .card,
 :root:not([data-theme="dark"]) .modal,
 :root:not([data-theme="dark"]) .dropdown-menu,
 :root:not([data-theme="dark"]) .table,
 :root:not([data-theme="dark"]) .form-control,
 :root:not([data-theme="dark"]) .form-select {
 color: #263B52 !important;
 -webkit-text-fill-color: #263B52 !important;
 font-weight: 480 !important;
 }
 :root:not([data-theme="dark"]) .main-container h1,
 :root:not([data-theme="dark"]) .patient-header h1 {
 color: #20344B !important;
 -webkit-text-fill-color: #20344B !important;
 font-weight: 720 !important;
 }
 :root:not([data-theme="dark"]) .main-container h2,
 :root:not([data-theme="dark"]) .main-container h3,
 :root:not([data-theme="dark"]) .main-container h4,
 :root:not([data-theme="dark"]) .main-container h5,
 :root:not([data-theme="dark"]) .top-header-title strong {
 color: #24384E !important;
 -webkit-text-fill-color: #24384E !important;
 font-weight: 680 !important;
 }
 :root:not([data-theme="dark"]) .lede,
 :root:not([data-theme="dark"]) .text-muted,
 :root:not([data-theme="dark"]) .main-container small,
 :root:not([data-theme="dark"]) .card small,
 :root:not([data-theme="dark"]) .patient-header p,
 :root:not([data-theme="dark"]) .top-header-title span {
 color: #687B91 !important;
 -webkit-text-fill-color: #687B91 !important;
 font-weight: 500 !important;
 }
 :root:not([data-theme="dark"]) .eyebrow,
 :root:not([data-theme="dark"]) .sidebar-section-title {
 color: #708195 !important;
 -webkit-text-fill-color: #708195 !important;
 font-weight: 650 !important;
 letter-spacing: 0.08em !important;
 }
 :root:not([data-theme="dark"]) .sidebar,
 :root:not([data-theme="dark"]) .sidebar-brand,
 :root:not([data-theme="dark"]) .sidebar-quick-action,
 :root:not([data-theme="dark"]) .sidebar-fold,
 :root:not([data-theme="dark"]) .sidebar-link {
 color: #2C4358 !important;
 -webkit-text-fill-color: #2C4358 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-brand-text {
 color: #24384E !important;
 -webkit-text-fill-color: #24384E !important;
 font-weight: 760 !important;
 letter-spacing: 0 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-link,
 :root:not([data-theme="dark"]) .sidebar-link > span:not(.sidebar-link-icon),
 :root:not([data-theme="dark"]) .sidebar-fold summary {
 color: #2F455B !important;
 -webkit-text-fill-color: #2F455B !important;
 font-weight: 610 !important;
 letter-spacing: 0 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action strong {
 color: #2F455B !important;
 -webkit-text-fill-color: #2F455B !important;
 font-weight: 650 !important;
 line-height: 1.18 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action span {
 color: #748598 !important;
 -webkit-text-fill-color: #748598 !important;
 font-weight: 620 !important;
 letter-spacing: 0.04em !important;
 }
 :root:not([data-theme="dark"]) .sidebar-link:hover,
 :root:not([data-theme="dark"]) .sidebar-link:hover > span:not(.sidebar-link-icon) {
 color: #0A6BCE !important;
 -webkit-text-fill-color: #0A6BCE !important;
 font-weight: 650 !important;
 }
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active,
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active > span,
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active i,
 :root:not([data-theme="dark"]) .btn-primary,
 :root:not([data-theme="dark"]) .btn-primary *,
 :root:not([data-theme="dark"]) .btn-success,
 :root:not([data-theme="dark"]) .btn-success *,
 :root:not([data-theme="dark"]) .btn-info,
 :root:not([data-theme="dark"]) .btn-info * {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 :root:not([data-theme="dark"]) .btn,
 :root:not([data-theme="dark"]) button,
 :root:not([data-theme="dark"]) .theme-mode-btn,
 :root:not([data-theme="dark"]) .experience-mode-btn,
 :root:not([data-theme="dark"]) .theme-swatch {
 font-weight: 640 !important;
 }
 :root:not([data-theme="dark"]) .yk-patient-name {
 color: var(--yk-patient-accent) !important;
 -webkit-text-fill-color: var(--yk-patient-accent) !important;
 font-weight: 760 !important;
 }
 :root:not([data-theme="dark"]) .yk-patient-meta,
 :root:not([data-theme="dark"]) .yk-patient-chip {
 color: #607286 !important;
 -webkit-text-fill-color: #607286 !important;
 font-weight: 520 !important;
 }

 /* Readability guard for light clinical themes. Some palette variants make
 Bootstrap buttons and badges too pale; keep action text legible. */
 :root:not([data-theme="dark"]) .card,
 :root:not([data-theme="dark"]) .form-section,
 :root:not([data-theme="dark"]) .alert,
 :root:not([data-theme="dark"]) .table,
 :root:not([data-theme="dark"]) .table td,
 :root:not([data-theme="dark"]) .table th {
 color: #24384E !important;
 -webkit-text-fill-color: #24384E !important;
 }
 :root:not([data-theme="dark"]) .btn-primary,
 :root:not([data-theme="dark"]) .btn-success,
 :root:not([data-theme="dark"]) .btn-info,
 :root:not([data-theme="dark"]) .btn-warning,
 :root:not([data-theme="dark"]) .btn-danger {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 text-shadow: 0 1px 1px rgba(0,0,0,.18);
 border-color: transparent !important;
 box-shadow: 0 10px 24px rgba(15, 72, 120, .12);
 }
 :root:not([data-theme="dark"]) .btn-primary {
 background: linear-gradient(135deg, #0A6BCE, #00AFA5) !important;
 }
 :root:not([data-theme="dark"]) .btn-success {
 background: linear-gradient(135deg, #0F766E, #14B8A6) !important;
 }
 :root:not([data-theme="dark"]) .btn-info {
 background: linear-gradient(135deg, #2563EB, #0EA5E9) !important;
 }
 :root:not([data-theme="dark"]) .btn-warning {
 background: linear-gradient(135deg, #B45309, #F59E0B) !important;
 }
 :root:not([data-theme="dark"]) .btn-danger {
 background: linear-gradient(135deg, #BE123C, #EF4444) !important;
 }
 :root:not([data-theme="dark"]) .btn-outline-primary,
 :root:not([data-theme="dark"]) .btn-outline-success,
 :root:not([data-theme="dark"]) .btn-outline-info,
 :root:not([data-theme="dark"]) .btn-outline-secondary,
 :root:not([data-theme="dark"]) .btn-outline-dark {
 background: rgba(255,255,255,.94) !important;
 color: #17324A !important;
 -webkit-text-fill-color: #17324A !important;
 border-color: rgba(51, 93, 125, .25) !important;
 text-shadow: none !important;
 }
 :root:not([data-theme="dark"]) .btn-outline-primary:hover,
 :root:not([data-theme="dark"]) .btn-outline-success:hover,
 :root:not([data-theme="dark"]) .btn-outline-info:hover,
 :root:not([data-theme="dark"]) .btn-outline-secondary:hover,
 :root:not([data-theme="dark"]) .btn-outline-dark:hover {
 background: #EAF6FF !important;
 color: #075DB5 !important;
 -webkit-text-fill-color: #075DB5 !important;
 border-color: rgba(10,107,206,.42) !important;
 }
 :root:not([data-theme="dark"]) .btn.disabled,
 :root:not([data-theme="dark"]) .btn:disabled {
 opacity: .86 !important;
 filter: saturate(.92);
 }
 :root:not([data-theme="dark"]) .badge.bg-success,
 :root:not([data-theme="dark"]) .badge.bg-primary,
 :root:not([data-theme="dark"]) .badge.bg-info {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 background: linear-gradient(135deg, #0A6BCE, #00AFA5) !important;
 }
 :root:not([data-theme="dark"]) .table-light th,
 :root:not([data-theme="dark"]) thead.table-light th {
 background: linear-gradient(135deg, #EAF6FF, #E7FFF7) !important;
 color: #244056 !important;
 -webkit-text-fill-color: #244056 !important;
 font-weight: 760 !important;
 }
 :root:not([data-theme="dark"]) .btn-secondary,
 :root:not([data-theme="dark"]) .btn-light {
 background: rgba(255,255,255,.96) !important;
 color: #17324A !important;
 -webkit-text-fill-color: #17324A !important;
 border-color: rgba(51, 93, 125, .25) !important;
 text-shadow: none !important;
 }
 :root:not([data-theme="dark"]) .btn.disabled,
 :root:not([data-theme="dark"]) .btn:disabled,
 :root:not([data-theme="dark"]) .disabled,
 :root:not([data-theme="dark"]) [aria-disabled="true"] {
 color: #35516A !important;
 -webkit-text-fill-color: #35516A !important;
 background: rgba(235,244,252,.96) !important;
 opacity: .92 !important;
 text-shadow: none !important;
 }
 :root:not([data-theme="dark"]) details,
 :root:not([data-theme="dark"]) summary {
 color: #24384E !important;
 -webkit-text-fill-color: #24384E !important;
 }
 :root:not([data-theme="dark"]) .yk-dicom-dashboard,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard * {
 color: #24384E;
 -webkit-text-fill-color: currentColor;
 }
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-primary,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-success,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-info,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-danger,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-warning,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-primary *,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-success *,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-info *,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-danger *,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-warning * {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 }
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-outline-primary,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-outline-success,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-outline-info,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-outline-secondary,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .btn-outline-dark {
 color: #17324A !important;
 -webkit-text-fill-color: #17324A !important;
 background: #FFFFFF !important;
 }
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .table td,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .table th,
 :root:not([data-theme="dark"]) .yk-dicom-dashboard .table small {
 color: #2B4057 !important;
 -webkit-text-fill-color: #2B4057 !important;
 }

 /* Sidebar visual polish pass: higher contrast + richer palette */
 :root:not([data-theme="dark"]) .sidebar {
 background: linear-gradient(180deg, #F4FBFF 0%, #EAF7F8 52%, #EAF2F7 100%) !important;
 border-right: 1px solid rgba(48, 84, 115, .18) !important;
 }
 :root:not([data-theme="dark"]) .sidebar-orbit {
 background: linear-gradient(135deg, #0D66B8 0%, #0A78C8 42%, #009B9F 100%) !important;
 border: 1px solid rgba(255,255,255,.18) !important;
 box-shadow: 0 14px 30px rgba(11, 72, 126, .24) !important;
 }
 :root:not([data-theme="dark"]) .sidebar-orbit-kicker {
 color: rgba(227, 247, 255, .92) !important;
 -webkit-text-fill-color: rgba(227, 247, 255, .92) !important;
 }
 :root:not([data-theme="dark"]) .sidebar-orbit-title {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 font-weight: 900 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-orbit-row a,
 :root:not([data-theme="dark"]) .sidebar-orbit-row .keycap {
 color: #EFFFFF !important;
 -webkit-text-fill-color: #EFFFFF !important;
 border-color: rgba(229, 247, 255, .4) !important;
 background: rgba(8, 66, 116, .32) !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action {
 background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(236,247,255,.9)) !important;
 border: 1px solid rgba(84, 119, 152, .24) !important;
 box-shadow: 0 10px 22px rgba(16, 70, 112, .10) !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action i {
 color: #0D63B6 !important;
 -webkit-text-fill-color: #0D63B6 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action strong {
 color: #173E64 !important;
 -webkit-text-fill-color: #173E64 !important;
 font-weight: 820 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action span {
 color: #5F7B97 !important;
 -webkit-text-fill-color: #5F7B97 !important;
 font-weight: 760 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-quick-action:hover {
 transform: translateY(-1px);
 border-color: rgba(11, 107, 206, .34) !important;
 box-shadow: 0 14px 30px rgba(11, 80, 130, .16) !important;
 }
 :root:not([data-theme="dark"]) .sidebar-section-title {
 color: #4E6C88 !important;
 -webkit-text-fill-color: #4E6C88 !important;
 font-weight: 860 !important;
 letter-spacing: .09em !important;
 }
 :root:not([data-theme="dark"]) .sidebar-link {
 color: #1A3E61 !important;
 -webkit-text-fill-color: #1A3E61 !important;
 background: linear-gradient(135deg, rgba(255,255,255,.68), rgba(240,250,255,.52)) !important;
 border: 1px solid rgba(100, 128, 156, .18) !important;
 border-radius: 14px !important;
 margin-bottom: 4px !important;
 }
 :root:not([data-theme="dark"]) .sidebar-link > span:not(.sidebar-link-icon) {
 color: #1A3E61 !important;
 -webkit-text-fill-color: #1A3E61 !important;
 font-weight: 760 !important;
 }
 :root:not([data-theme="dark"]) .sidebar-link .sidebar-link-icon {
 color: #0D67BF !important;
 -webkit-text-fill-color: #0D67BF !important;
 background: linear-gradient(135deg, #F1F8FF, #E3F1FF) !important;
 border: 1px solid rgba(90, 129, 165, .24) !important;
 border-radius: 10px !important;
 }
 :root:not([data-theme="dark"]) .sidebar-link:hover,
 :root:not([data-theme="dark"]) .sidebar-link:hover > span:not(.sidebar-link-icon) {
 color: #0A67C1 !important;
 -webkit-text-fill-color: #0A67C1 !important;
 background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(230,244,255,.86)) !important;
 border-color: rgba(10, 107, 206, .36) !important;
 }
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active,
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active:hover {
 background: linear-gradient(135deg, #0A6BCE 0%, #0C8ED8 52%, #08AFA0 100%) !important;
 border-color: transparent !important;
 box-shadow: 0 14px 32px rgba(11, 92, 171, .28) !important;
 }
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active > span,
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active i {
 color: #FFFFFF !important;
 -webkit-text-fill-color: #FFFFFF !important;
 font-weight: 820 !important;
 }
 :root:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon {
 background: rgba(255,255,255,.16) !important;
 border-color: rgba(255,255,255,.28) !important;
 }

 :root[data-theme="dark"] .sidebar-link {
 color: #EAF7FF !important;
 -webkit-text-fill-color: #EAF7FF !important;
 background: linear-gradient(135deg, rgba(12,27,42,.72), rgba(10,34,46,.64)) !important;
 border: 1px solid rgba(131, 173, 214, .18) !important;
 }
 :root[data-theme="dark"] .sidebar-link .sidebar-link-icon {
 background: rgba(16, 46, 72, .7) !important;
 border: 1px solid rgba(146, 190, 232, .2) !important;
 }
 :root[data-theme="dark"] .sidebar-link:hover {
 border-color: rgba(149, 203, 255, .34) !important;
 background: linear-gradient(135deg, rgba(19,41,60,.88), rgba(14,62,72,.82)) !important;
 }
 :root[data-theme="dark"] .sidebar.use-modern-nav .sidebar-link.active {
 background: linear-gradient(135deg, #0A6BCE 0%, #0C8ED8 52%, #08AFA0 100%) !important;
 border-color: transparent !important;
 }
 /* A109 layout guard: sol menu icerigin ustune binmesin, ust baslik sikismasin. */
 @media (min-width: 1281px) {
 .top-header {
 left: calc(var(--sidebar-w) + 30px) !important;
 right: 14px !important;
 }
 .main-content {
 margin-left: calc(var(--sidebar-w) + 18px) !important;
 padding-top: calc(var(--header-h) + 22px) !important;
 }
 .main-container {
 padding-left: 24px !important;
 padding-right: 24px !important;
 box-sizing: border-box !important;
 }
 :root[data-experience="simple"] {
--sidebar-w: 236px;
 }
 :root[data-experience="simple"] .top-header {
 left: calc(var(--sidebar-w) + 30px) !important;
 }
 :root[data-experience="simple"] .main-content {
 margin-left: calc(var(--sidebar-w) + 18px) !important;
 }
 }
 @media (min-width: 1281px) and (max-width: 1600px) {
 .top-header-title {
 display: none !important;
 }
 .top-header .search-box {
 flex: 1 1 460px !important;
 max-width: 720px !important;
 }
 }
:root:not([data-theme="dark"]) .top-header {
background: rgba(255,255,255,0.92) !important;
border: 1px solid rgba(76, 111, 144, .18) !important;
}
:root:not([data-theme="dark"]) .top-header-title {
background: linear-gradient(140deg, rgba(255,255,255,.98), rgba(229,245,250,.90)) !important;
border: 1px solid rgba(87,120,152,.22) !important;
box-shadow:
0 10px 24px rgba(20,46,74,0.10),
inset 0 1px 0 rgba(255,255,255,.94) !important;
}
:root:not([data-theme="dark"]) .top-header-title strong,
:root:not([data-theme="dark"]) .top-header-title span,
:root:not([data-theme="dark"]) .top-header-title .yk-running-version,
:root:not([data-theme="dark"]) .top-header-title .yk-header-mode {
color: #17324A !important;
-webkit-text-fill-color: #17324A !important;
opacity: 1 !important;
text-shadow: none !important;
}
:root:not([data-theme="dark"]) .top-header-title .yk-running-version {
background: linear-gradient(135deg, rgba(20,184,166,.18), rgba(59,130,246,.14)) !important;
border-color: rgba(14,149,140,.26) !important;
}
:root:not([data-theme="dark"]) .top-header-title .yk-header-mode {
background: linear-gradient(135deg, rgba(15,118,110,.18), rgba(125,211,252,.24)) !important;
border-color: rgba(14,116,144,.22) !important;
}
:root[data-theme="dark"] .top-header-title {
background: linear-gradient(140deg, rgba(17,31,47,.92), rgba(14,49,62,.80)) !important;
border: 1px solid rgba(84,125,167,.30) !important;
box-shadow: 0 12px 26px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
:root[data-theme="dark"] .top-header-title .yk-running-version {
background: linear-gradient(135deg, rgba(20,184,166,.24), rgba(59,130,246,.24)) !important;
border-color: rgba(97,219,251,.24) !important;
color: #D7F9FF !important;
-webkit-text-fill-color: #D7F9FF !important;
}
:root[data-theme="dark"] .top-header-title .yk-header-mode {
background: linear-gradient(135deg, rgba(56,189,248,.20), rgba(125,211,252,.30)) !important;
border-color: rgba(147,197,253,.24) !important;
color: #E0F2FE !important;
-webkit-text-fill-color: #E0F2FE !important;
}
/* ========================================================================== 
Ultra Premium UI Pass (D11): menu + page + icon visual mastery
========================================================================== */
:root {
--yk-premium-radius-sm: 12px;
--yk-premium-radius: 18px;
--yk-premium-radius-lg: 24px;
--yk-premium-glow: 0 24px 64px rgba(16, 49, 78, .15);
}
html {
scroll-behavior: smooth;
}
body, button, input, select, textarea {
font-family: "Manrope", "Segoe UI Variable", "Segoe UI", "Helvetica Neue", Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6,
.sidebar-brand-name,
.top-header-title strong {
font-family: "Outfit", "Manrope", "Segoe UI Variable", "Segoe UI", sans-serif !important;
letter-spacing: -0.01em;
}
:root:not([data-theme="dark"]) body {
background:
radial-gradient(circle at 8% 6%, rgba(11, 109, 182, .16), transparent 30%),
radial-gradient(circle at 84% 8%, rgba(20, 184, 166, .13), transparent 28%),
radial-gradient(circle at 78% 88%, rgba(252, 211, 77, .12), transparent 30%),
linear-gradient(90deg, rgba(255,255,255,0.22) 1px, transparent 1px) 0 0/56px 56px,
linear-gradient(180deg, #F8FCFF 0%, #EFF7FB 54%, #EAF2F9 100%) !important;
}
:root:not([data-theme="dark"]) .sidebar {
border-right: 1px solid rgba(44, 88, 118, .22) !important;
box-shadow: 22px 0 62px rgba(18, 55, 84, .15) !important;
}
:root:not([data-theme="dark"]) .top-header {
border-radius: 24px !important;
border: 1px solid rgba(82, 124, 160, .22) !important;
box-shadow: 0 24px 60px rgba(18, 55, 84, .14) !important;
backdrop-filter: blur(22px) saturate(165%) !important;
-webkit-backdrop-filter: blur(22px) saturate(165%) !important;
}
:root:not([data-theme="dark"]) .top-header-title {
border-radius: 17px !important;
background: linear-gradient(140deg, rgba(255,255,255,.98), rgba(232,246,255,.90)) !important;
border: 1px solid rgba(80, 118, 151, .24) !important;
}
.search-box input {
min-height: 50px !important;
padding-left: 50px !important;
border-radius: 16px !important;
font-weight: 720 !important;
}
.header-icon-btn,
.top-quick-links a,
.profile-chip {
min-height: 48px !important;
border-radius: 15px !important;
box-shadow: 0 8px 22px rgba(16, 46, 70, .10) !important;
}
.sidebar-link {
min-height: 46px;
border-radius: 14px !important;
font-weight: 760 !important;
transition: transform 180ms var(--ease), box-shadow 180ms var(--ease), border-color 180ms var(--ease), background 180ms var(--ease), color 180ms var(--ease) !important;
}
.sidebar-link:hover {
transform: translateY(-1px);
}
.sidebar-link.active {
transform: translateX(2px);
}
.sidebar-link-icon {
width: 34px;
height: 34px;
display: inline-grid;
place-items: center;
border-radius: 11px !important;
}
.sidebar-link-icon i {
font-size: 16px;
}
.sidebar-section-title {
letter-spacing: .08em !important;
font-size: 11px !important;
font-weight: 880 !important;
}
.sidebar-quick-action {
border-radius: 14px !important;
min-height: 56px;
}
.card,
.patient-card,
.tools-collapse,
.quick-primary,
.quick-secondary,
.stat-mini,
.tool-card,
.yk-card,
.yk-panel {
border-radius: var(--yk-premium-radius-lg) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.70) inset, 0 14px 36px rgba(15, 39, 63, .09) !important;
}
.card-header {
border-top-left-radius: calc(var(--yk-premium-radius-lg) - 1px) !important;
border-top-right-radius: calc(var(--yk-premium-radius-lg) - 1px) !important;
font-weight: 860 !important;
letter-spacing: .01em !important;
}
.tool-card {
position: relative;
overflow: hidden;
}
.tool-card::after {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(145deg, rgba(255,255,255,.22), transparent 42%);
pointer-events: none;
}
.tool-card .tool-icon {
width: 42px;
height: 42px;
display: inline-grid;
place-items: center;
border-radius: 12px;
background: linear-gradient(135deg, rgba(255,255,255,.95), rgba(227, 244, 255, .84));
border: 1px solid rgba(97, 136, 170, .24);
box-shadow: 0 8px 20px rgba(15, 49, 75, .12);
}
.tool-card .tool-icon i {
font-size: 19px;
color: #0C6BBC;
}
.tool-card .tool-name {
font-weight: 820 !important;
letter-spacing: -.01em;
}
.tool-card .tool-hint {
font-size: 11px !important;
font-weight: 700 !important;
}
.btn {
border-radius: 14px !important;
font-weight: 780 !important;
letter-spacing: .01em !important;
box-shadow: 0 10px 24px rgba(16, 47, 75, .10);
transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), filter 160ms var(--ease) !important;
}
.btn:hover {
transform: translateY(-1px);
}
.btn-primary,
.btn-success {
background: linear-gradient(135deg, #0B6DB6 0%, #0C8ED8 52%, #0C9B98 100%) !important;
border-color: transparent !important;
color: #fff !important;
}
.btn-primary:hover,
.btn-success:hover {
filter: brightness(1.04);
}
.form-control,
.form-select {
min-height: 46px;
border-radius: 14px !important;
font-weight: 650;
box-shadow: inset 0 1px 0 rgba(255,255,255,.90);
}
textarea.form-control {
min-height: 108px;
}
.form-control:focus,
.form-select:focus {
border-color: rgba(11,109,182,.45) !important;
box-shadow: 0 0 0 3px rgba(11,109,182,.13), 0 12px 26px rgba(13, 67, 106, .11) !important;
}
.alert {
border-radius: 14px !important;
border-width: 1px !important;
box-shadow: 0 8px 22px rgba(15, 39, 63, .08);
}
.table {
overflow: hidden;
border-radius: 14px;
}
.table thead th,
.table-light th {
font-size: 12.5px;
font-weight: 850 !important;
letter-spacing: .02em;
}
.table tbody tr:hover {
background: rgba(11,109,182,.06) !important;
}
.header-icon-btn i,
.top-quick-links a i,
.mobile-bottom-nav i,
.sidebar-link-icon i,
.tool-icon i {
filter: saturate(118%);
}
*::-webkit-scrollbar {
width: 11px;
height: 11px;
}
*::-webkit-scrollbar-track {
background: rgba(148, 163, 184, .16);
border-radius: 999px;
}
*::-webkit-scrollbar-thumb {
background: linear-gradient(180deg, rgba(11, 109, 182, .78), rgba(13, 148, 136, .74));
border-radius: 999px;
}
*::-webkit-scrollbar-thumb:hover {
background: linear-gradient(180deg, rgba(10, 96, 161, .88), rgba(12, 126, 118, .84));
}
:root[data-theme="dark"] .top-header {
border-radius: 24px !important;
border-color: rgba(147, 197, 253, .22) !important;
}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .tool-card,
:root[data-theme="dark"] .quick-primary,
:root[data-theme="dark"] .quick-secondary {
box-shadow: 0 1px 0 rgba(255,255,255,.08) inset, 0 20px 50px rgba(0, 0, 0, .30) !important;
}
:root[data-theme="dark"] .tool-card .tool-icon {
background: linear-gradient(135deg, rgba(18, 46, 70, .92), rgba(19, 73, 93, .85));
border-color: rgba(143, 196, 232, .24);
}
:root[data-theme="dark"] .tool-card .tool-icon i {
color: #8FD8FF;
}
:root[data-theme="dark"] .btn-primary,
:root[data-theme="dark"] .btn-success {
background: linear-gradient(135deg, #1E66D2 0%, #0DA0D4 52%, #10A78A 100%) !important;
}
:root[data-theme="dark"] .table tbody tr:hover {
background: rgba(147,197,253,.10) !important;
}
:root[data-theme="dark"] .search-box input,
:root[data-theme="dark"] .header-icon-btn,
:root[data-theme="dark"] .top-quick-links a,
:root[data-theme="dark"] .profile-chip,
:root[data-theme="dark"] .form-control,
:root[data-theme="dark"] .form-select {
background: rgba(15, 31, 47, .84) !important;
}
@media (max-width: 768px) {
.top-header {
border-radius: 20px !important;
}
.card,
.tool-card,
.quick-primary,
.quick-secondary {
border-radius: 18px !important;
}
.btn {
min-height: 44px;
}
}
/* D100: Hasta dosyasi arac ikonlarini renkli klinik tona al */
.tools-collapse > summary .tools-icon {
display: inline-grid !important;
place-items: center !important;
width: 30px !important;
height: 30px !important;
border-radius: 12px !important;
background: linear-gradient(135deg, #2563EB, #0EA5E9) !important;
color: #FFFFFF !important;
box-shadow: 0 10px 22px rgba(37, 99, 235, .22) !important;
}
.tools-collapse .tool-card .tool-icon {
color: #FFFFFF !important;
border: 1px solid rgba(255,255,255,.74) !important;
box-shadow: 0 12px 26px rgba(15, 49, 75, .16), inset 0 1px 0 rgba(255,255,255,.38) !important;
transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), filter 160ms var(--ease) !important;
}
.tools-collapse .tool-card .tool-icon i {
color: inherit !important;
filter: drop-shadow(0 1px 0 rgba(0,0,0,.08)) saturate(1.18) !important;
}
.tools-collapse .tool-card:hover .tool-icon {
transform: translateY(-1px) scale(1.04);
box-shadow: 0 15px 30px rgba(15, 49, 75, .20), inset 0 1px 0 rgba(255,255,255,.44) !important;
}
.tools-collapse .tool-card[href*="gebelik-takip-plani"] .tool-icon {
background: linear-gradient(135deg, #14B8A6, #0F766E) !important;
}
.tools-collapse .tool-card[href*="gebelik-gelisim-takibi"] .tool-icon {
background: linear-gradient(135deg, #38BDF8, #2563EB) !important;
}
.tools-collapse .tool-card[href*="viewpoint-pro"] .tool-icon {
background: linear-gradient(135deg, #6366F1, #4338CA) !important;
}
.tools-collapse .tool-card[href*="yz-diyet"] .tool-icon {
background: linear-gradient(135deg, #F59E0B, #16A34A) !important;
}
.tools-collapse .tool-card[href*="yz-ilac-onerisi"] .tool-icon {
background: linear-gradient(135deg, #EC4899, #7C3AED) !important;
}
.tools-collapse .tool-card[href*="yz-anomali-tarama"] .tool-icon {
background: linear-gradient(135deg, #F97316, #DC2626) !important;
}
.tools-collapse .tool-card[href*="yz-resim-iyilestir"] .tool-icon,
.tools-collapse .tool-card[href*="gorsel-tani-destegi"] .tool-icon {
background: linear-gradient(135deg, #06B6D4, #0E7490) !important;
}
.tools-collapse .tool-card[href*="/dicom"] .tool-icon {
background: linear-gradient(135deg, #0EA5E9, #1D4ED8) !important;
}
.tools-collapse .tool-card[href*="sesli-not"] .tool-icon {
background: linear-gradient(135deg, #22C55E, #0891B2) !important;
}
.tools-collapse .tool-card[href*="yz-recete-oner"] .tool-icon {
background: linear-gradient(135deg, #A855F7, #D946EF) !important;
}
.tools-collapse .tool-card[href*="ekran-yakala"] .tool-icon {
background: linear-gradient(135deg, #F43F5E, #FB7185) !important;
}
.tools-collapse .tool-card[href*="muayene-gecmisi"] .tool-icon {
background: linear-gradient(135deg, #64748B, #0F766E) !important;
}
.tools-collapse .tool-card[href*="yakinlar"] .tool-icon {
background: linear-gradient(135deg, #F59E0B, #EA580C) !important;
}
.tools-collapse .tool-card[href*="rh-uyumsuzluk"] .tool-icon {
background: linear-gradient(135deg, #EF4444, #BE123C) !important;
}
.tools-collapse .tool-card[href*="akilli-bildirimler"] .tool-icon {
background: linear-gradient(135deg, #8B5CF6, #2563EB) !important;
}
/* D101: Hasta detay premium konseptini genel menulere yay */
.patient-header {
position: relative !important;
overflow: hidden !important;
border-radius: 24px !important;
border: 1px solid rgba(255,255,255,.40) !important;
border-left: 0 !important;
background:
radial-gradient(circle at 12% 18%, rgba(56,189,248,.28), transparent 32%),
radial-gradient(circle at 86% 0%, rgba(20,184,166,.26), transparent 35%),
linear-gradient(135deg, #0878D1 0%, #0866AD 48%, #004F7E 100%) !important;
box-shadow: 0 22px 52px rgba(2, 78, 130, .22), inset 0 1px 0 rgba(255,255,255,.24) !important;
padding: 22px 24px !important;
color: #FFFFFF !important;
}
.patient-header::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background: linear-gradient(120deg, rgba(255,255,255,.18), transparent 38%, rgba(255,255,255,.08)) !important;
pointer-events: none !important;
}
.patient-header > * {
position: relative !important;
z-index: 1 !important;
}
.patient-header h1,
.patient-header h2,
.patient-header h3 {
color: #FFFFFF !important;
text-shadow: 0 1px 0 rgba(0,0,0,.10) !important;
}
.patient-header .eyebrow,
.patient-header small,
.patient-header .lede,
.patient-header p,
.patient-header .patient-meta,
.patient-header .patient-meta span {
color: rgba(239,248,255,.92) !important;
}
.patient-header .eyebrow {
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
background: rgba(255,255,255,.16) !important;
border: 1px solid rgba(255,255,255,.24) !important;
border-radius: 999px !important;
padding: 5px 10px !important;
letter-spacing: .08em !important;
}
.patient-header .btn,
.patient-header a.btn {
border-radius: 15px !important;
border-color: rgba(255,255,255,.46) !important;
box-shadow: 0 10px 24px rgba(0, 31, 63, .16) !important;
}
.form-section,
.tools-collapse,
.card,
.yk-card,
.yk-panel,
.yk-ai-card,
.yk-media-section,
.stat-mini,
.metric-card,
.quick-card {
border-radius: 22px !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
background:
linear-gradient(145deg, rgba(255,255,255,.97), rgba(245,251,255,.91)) !important;
box-shadow: 0 16px 40px rgba(15, 49, 75, .09), inset 0 1px 0 rgba(255,255,255,.82) !important;
}
.card-header,
.tools-collapse > summary {
border-radius: 18px 18px 0 0 !important;
background:
linear-gradient(135deg, rgba(14,165,233,.14), rgba(20,184,166,.10)) !important;
border-bottom: 1px solid rgba(8, 118, 196, .12) !important;
color: #17304D !important;
font-weight: 860 !important;
}
.tools-collapse {
overflow: hidden !important;
}
.tools-collapse > summary {
padding: 13px 16px !important;
}
.quick-actions .btn,
.yk-quality-actions .quick-secondary,
.quick-primary,
.quick-secondary {
border-radius: 16px !important;
border-color: transparent !important;
box-shadow: 0 12px 28px rgba(11, 109, 182, .16) !important;
color: #FFFFFF !important;
}
.quick-actions .btn:nth-child(4n+1),
.quick-primary {
background: linear-gradient(135deg, #0EA5E9, #0F766E) !important;
}
.quick-actions .btn:nth-child(4n+2),
.quick-secondary:nth-child(4n+2) {
background: linear-gradient(135deg, #2563EB, #0284C7) !important;
}
.quick-actions .btn:nth-child(4n+3),
.quick-secondary:nth-child(4n+3) {
background: linear-gradient(135deg, #F59E0B, #D97706) !important;
}
.quick-actions .btn:nth-child(4n),
.quick-secondary:nth-child(4n) {
background: linear-gradient(135deg, #EC4899, #BE123C) !important;
}
.quick-secondary,
.yk-quality-actions .quick-secondary {
background: linear-gradient(135deg, #0EA5E9, #2563EB) !important;
}
.quick-secondary .qs-icon,
.quick-primary .qp-icon {
display: inline-grid !important;
place-items: center !important;
width: 36px !important;
height: 36px !important;
border-radius: 13px !important;
background: rgba(255,255,255,.20) !important;
color: #FFFFFF !important;
}
.quick-secondary .qs-text,
.quick-primary .qp-title,
.quick-primary .qp-desc,
.quick-primary .qp-arrow {
color: #FFFFFF !important;
}
.tool-card,
.tool-card-lg {
position: relative !important;
overflow: hidden !important;
border-radius: 22px !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
background:
linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,255,.92)) !important;
box-shadow: 0 14px 34px rgba(15, 49, 75, .09), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.tool-card::before,
.tool-card-lg::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
height: 4px !important;
background: linear-gradient(90deg, #0EA5E9, #14B8A6, #F59E0B, #EC4899) !important;
}
.tool-card:hover,
.tool-card-lg:hover {
transform: translateY(-3px) !important;
border-color: rgba(14,165,233,.32) !important;
box-shadow: 0 22px 46px rgba(15, 49, 75, .15), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.yk-action-hub {
border-radius: 24px !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
background:
linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,255,.92)) !important;
box-shadow: 0 18px 44px rgba(15, 49, 75, .10), inset 0 1px 0 rgba(255,255,255,.86) !important;
padding: 16px !important;
}
.yk-action-hub-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
margin-bottom: 12px !important;
}
.yk-action-hub-head h3 {
margin: 4px 0 0 !important;
font-size: 18px !important;
font-weight: 900 !important;
color: #17304D !important;
}
.yk-action-hub-head .eyebrow {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
border-radius: 999px !important;
padding: 4px 9px !important;
background: rgba(14,165,233,.12) !important;
color: #075985 !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .04em !important;
text-transform: uppercase !important;
}
.yk-action-total {
display: inline-grid !important;
place-items: center !important;
min-width: 32px !important;
height: 32px !important;
border-radius: 999px !important;
background: #FFFFFF !important;
color: #17304D !important;
font-size: 12px !important;
font-weight: 900 !important;
box-shadow: 0 10px 24px rgba(15, 49, 75, .10) !important;
}
.yk-action-primary-grid,
.yk-action-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)) !important;
gap: 10px !important;
}
.yk-action-primary-grid {
margin-bottom: 10px !important;
}
.yk-action-chip {
appearance: none !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
border-radius: 16px !important;
background: rgba(255,255,255,.84) !important;
color: #17304D !important;
min-height: 54px !important;
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
padding: 10px 12px !important;
font-size: 13px !important;
font-weight: 850 !important;
line-height: 1.22 !important;
text-align: left !important;
text-decoration: none !important;
box-shadow: 0 10px 24px rgba(15, 49, 75, .08), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
.yk-action-chip i {
display: inline-grid !important;
place-items: center !important;
flex: 0 0 28px !important;
width: 28px !important;
height: 28px !important;
border-radius: 10px !important;
background: rgba(14,165,233,.13) !important;
color: #075985 !important;
font-size: 14px !important;
}
.yk-action-chip span {
min-width: 0 !important;
overflow-wrap: anywhere !important;
}
.yk-action-chip:hover {
transform: translateY(-1px) !important;
border-color: rgba(14,165,233,.30) !important;
box-shadow: 0 16px 32px rgba(15, 49, 75, .13) !important;
}
.yk-action-chip.yk-action-main,
.yk-action-chip.yk-action-whatsapp {
background: linear-gradient(135deg, #0EA5E9, #0F766E) !important;
color: #FFFFFF !important;
}
.yk-action-chip.yk-action-whatsapp {
background: linear-gradient(135deg, #10B981, #0F766E) !important;
}
.yk-action-chip.yk-action-warn {
background: linear-gradient(135deg, #F59E0B, #EF4444) !important;
color: #FFFFFF !important;
}
.yk-action-chip.yk-action-danger {
background: linear-gradient(135deg, #EF4444, #BE123C) !important;
color: #FFFFFF !important;
}
.yk-action-chip.yk-action-main i,
.yk-action-chip.yk-action-whatsapp i,
.yk-action-chip.yk-action-warn i,
.yk-action-chip.yk-action-danger i {
background: rgba(255,255,255,.20) !important;
color: #FFFFFF !important;
}
.yk-action-form {
display: contents !important;
}
.yk-action-sections {
display: grid !important;
gap: 8px !important;
}
.yk-action-section {
border-top: 1px solid rgba(8, 118, 196, .10) !important;
padding-top: 8px !important;
}
.yk-action-section > summary {
list-style: none !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 10px !important;
padding: 8px 2px !important;
cursor: pointer !important;
color: #17304D !important;
font-weight: 900 !important;
}
.yk-action-section > summary::-webkit-details-marker {
display: none !important;
}
.yk-action-section > summary span {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
}
.yk-action-section > summary b {
display: inline-grid !important;
place-items: center !important;
min-width: 26px !important;
height: 26px !important;
border-radius: 999px !important;
background: rgba(14,165,233,.12) !important;
color: #075985 !important;
font-size: 12px !important;
}
.yk-action-section[open] > summary {
color: #075985 !important;
}
@media (max-width: 768px) {
.yk-action-primary-grid,
.yk-action-grid {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.yk-action-chip {
min-height: 58px !important;
font-size: 12px !important;
padding: 9px 10px !important;
}
}
.tool-card-lg .tool-icon {
display: inline-grid !important;
place-items: center !important;
width: 54px !important;
height: 54px !important;
border-radius: 17px !important;
margin-bottom: 13px !important;
background: linear-gradient(135deg, #0EA5E9, #2563EB) !important;
color: #FFFFFF !important;
box-shadow: 0 14px 30px rgba(37,99,235,.24), inset 0 1px 0 rgba(255,255,255,.32) !important;
}
.tool-card-lg[href*="riskli"] .tool-icon,
.tool-card-lg[href*="rh"] .tool-icon {
background: linear-gradient(135deg, #EF4444, #BE123C) !important;
}
.tool-card-lg[href*="dogum"] .tool-icon,
.tool-card-lg[href*="gebelik"] .tool-icon {
background: linear-gradient(135deg, #14B8A6, #0F766E) !important;
}
.tool-card-lg[href*="akilli"] .tool-icon,
.tool-card-lg[href*="yz-asistan"] .tool-icon {
background: linear-gradient(135deg, #8B5CF6, #2563EB) !important;
}
.tool-card-lg[href*="estetik"] .tool-icon,
.tool-card-lg[href*="medikal"] .tool-icon {
background: linear-gradient(135deg, #EC4899, #F97316) !important;
}
.tool-card-lg[href*="onam"] .tool-icon,
.tool-card-lg[href*="recete"] .tool-icon {
background: linear-gradient(135deg, #F59E0B, #D97706) !important;
}
.stat-mini {
position: relative !important;
overflow: hidden !important;
}
.stat-mini::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 5px !important;
background: linear-gradient(180deg, #0EA5E9, #14B8A6) !important;
}
.sidebar-link-icon,
.header-icon-btn,
.top-quick-links a,
.mobile-bottom-nav a i {
border-radius: 13px !important;
background: linear-gradient(135deg, rgba(14,165,233,.18), rgba(20,184,166,.14)) !important;
color: #075985 !important;
}
.sidebar-link:nth-child(5n+1) .sidebar-link-icon { background: linear-gradient(135deg, #0EA5E9, #2563EB) !important; color:#FFFFFF !important; }
.sidebar-link:nth-child(5n+2) .sidebar-link-icon { background: linear-gradient(135deg, #14B8A6, #0F766E) !important; color:#FFFFFF !important; }
.sidebar-link:nth-child(5n+3) .sidebar-link-icon { background: linear-gradient(135deg, #F59E0B, #D97706) !important; color:#FFFFFF !important; }
.sidebar-link:nth-child(5n+4) .sidebar-link-icon { background: linear-gradient(135deg, #EC4899, #BE123C) !important; color:#FFFFFF !important; }
.sidebar-link:nth-child(5n) .sidebar-link-icon { background: linear-gradient(135deg, #8B5CF6, #2563EB) !important; color:#FFFFFF !important; }
.table thead th,
.table-light th {
background: linear-gradient(135deg, rgba(14,165,233,.16), rgba(20,184,166,.12)) !important;
color: #17304D !important;
}
/* D102: Hasta ana kartinda gelis medyalarini geri getir */
.yk-patient-media-quickbar {
display: flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
padding: 12px !important;
border-radius: 18px !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
background:
linear-gradient(135deg, rgba(255,255,255,.94), rgba(239,248,255,.88)) !important;
box-shadow: 0 12px 30px rgba(15,49,75,.08) !important;
}
.yk-patient-media-quickbar .btn {
min-height: 40px !important;
border-radius: 13px !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 7px !important;
padding: 8px 14px !important;
font-weight: 850 !important;
line-height: 1.15 !important;
white-space: nowrap !important;
}
.yk-patient-media-quickbar .yk-patient-media-hd {
background: linear-gradient(135deg,#7C3AED,#2563EB) !important;
color: #fff !important;
border: 0 !important;
box-shadow: 0 12px 28px rgba(37,99,235,.20) !important;
}
@media (max-width: 680px) {
.yk-patient-media-quickbar {
flex-wrap: nowrap !important;
overflow-x: auto !important;
scrollbar-width: thin !important;
padding: 10px !important;
}
.yk-patient-media-quickbar .btn {
flex: 0 0 auto !important;
min-width: 132px !important;
}
}
.yk-patient-visit-media-panel {
position: relative !important;
overflow: hidden !important;
border-radius: 24px !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
background:
radial-gradient(circle at 10% 0%, rgba(14,165,233,.18), transparent 32%),
radial-gradient(circle at 92% 0%, rgba(20,184,166,.18), transparent 30%),
linear-gradient(145deg, rgba(255,255,255,.98), rgba(241,248,255,.92)) !important;
box-shadow: 0 18px 44px rgba(15, 49, 75, .11), inset 0 1px 0 rgba(255,255,255,.86) !important;
padding: 16px !important;
}
.yk-patient-visit-media-panel::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 0 !important;
height: 5px !important;
background: linear-gradient(90deg, #0EA5E9, #14B8A6, #F59E0B, #EC4899) !important;
}
.yk-patient-media-head {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 14px !important;
padding: 8px 4px 14px !important;
}
.yk-patient-media-head h3 {
margin: 4px 0 3px !important;
font-size: 20px !important;
font-weight: 900 !important;
color: #17304D !important;
}
.yk-patient-media-head p {
margin: 0 !important;
color: #58708A !important;
font-weight: 650 !important;
}
.yk-patient-media-head .eyebrow {
display: inline-flex !important;
border-radius: 999px !important;
padding: 4px 9px !important;
background: rgba(14,165,233,.12) !important;
color: #075985 !important;
font-size: 11px !important;
font-weight: 900 !important;
letter-spacing: .08em !important;
text-transform: uppercase !important;
}
.yk-patient-media-actions {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
}
.yk-patient-media-send-form {
display: inline-flex !important;
margin: 0 !important;
}
.yk-patient-media-send {
min-height: 36px !important;
border-radius: 12px !important;
display: inline-flex !important;
align-items: center !important;
gap: 7px !important;
padding: 8px 13px !important;
font-size: 13px !important;
font-weight: 900 !important;
line-height: 1.15 !important;
white-space: normal !important;
box-shadow: 0 12px 24px rgba(16, 185, 129, .18) !important;
}
.yk-patient-media-count {
display: inline-flex !important;
align-items: center !important;
border-radius: 999px !important;
padding: 7px 10px !important;
background: linear-gradient(135deg, #0EA5E9, #2563EB) !important;
color: #fff !important;
font-size: 12px !important;
font-weight: 900 !important;
box-shadow: 0 10px 24px rgba(37, 99, 235, .18) !important;
}
.yk-patient-media-tabs {
display: flex !important;
gap: 10px !important;
overflow-x: auto !important;
padding: 4px 2px 12px !important;
scrollbar-width: thin !important;
}
.yk-patient-media-tab {
min-width: 142px !important;
border: 1px solid rgba(8, 118, 196, .14) !important;
border-radius: 18px !important;
background: rgba(255,255,255,.78) !important;
box-shadow: 0 10px 24px rgba(15, 49, 75, .08), inset 0 1px 0 rgba(255,255,255,.78) !important;
padding: 10px 12px !important;
text-align: left !important;
color: #17304D !important;
transition: transform 160ms var(--ease), box-shadow 160ms var(--ease), border-color 160ms var(--ease) !important;
}
.yk-patient-media-tab b,
.yk-patient-media-tab small,
.yk-patient-media-tab span {
display: block !important;
}
.yk-patient-media-tab b {
font-size: 13px !important;
font-weight: 900 !important;
}
.yk-patient-media-tab small {
margin-top: 6px !important;
display: flex !important;
gap: 7px !important;
flex-wrap: wrap !important;
color: #58708A !important;
font-weight: 800 !important;
}
.yk-patient-media-tab.active,
.yk-patient-media-tab:hover {
transform: translateY(-1px) !important;
border-color: rgba(14,165,233,.38) !important;
background: linear-gradient(135deg, #0EA5E9, #0F766E) !important;
color: #FFFFFF !important;
box-shadow: 0 16px 32px rgba(14, 116, 144, .20) !important;
}
.yk-patient-media-tab.active small,
.yk-patient-media-tab:hover small {
color: rgba(255,255,255,.88) !important;
}
.yk-patient-media-preview {
position: relative !important;
border: 1px solid rgba(8, 118, 196, .12) !important;
border-radius: 18px !important;
background: rgba(255,255,255,.60) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.82) !important;
padding: 10px !important;
cursor: zoom-in !important;
}
.yk-patient-media-preview-grid {
display: grid !important;
grid-template-columns: repeat(auto-fit, minmax(126px, 148px)) !important;
gap: 12px !important;
align-items: start !important;
justify-content: start !important;
}
.yk-patient-media-preview-card {
position: relative !important;
appearance: none !important;
border: 0 !important;
border-radius: 14px !important;
background: #FFFFFF !important;
padding: 0 !important;
overflow: hidden !important;
width: 100% !important;
min-height: 0 !important;
aspect-ratio: 1 / 1 !important;
box-shadow: 0 8px 20px rgba(15, 49, 75, .10) !important;
}
.yk-patient-media-preview-thumb {
display: block !important;
width: 100% !important;
height: 100% !important;
aspect-ratio: 1 / 1 !important;
background: #07111E !important;
overflow: hidden !important;
}
.yk-patient-media-preview-thumb img {
width: 100% !important;
height: 100% !important;
object-fit: contain !important;
object-position: center center !important;
display: block !important;
}
.yk-patient-media-preview-video {
height: 100% !important;
display: grid !important;
place-items: center !important;
font-size: 28px !important;
color: #FFFFFF !important;
background: linear-gradient(135deg, #0F766E, #2563EB) !important;
}
.yk-patient-media-preview-caption {
position: absolute !important;
left: 6px !important;
bottom: 6px !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
max-width: calc(100% - 12px) !important;
border-radius: 999px !important;
padding: 3px 7px !important;
background: rgba(5, 24, 44, .72) !important;
color: #FFFFFF !important;
font-size: 10px !important;
font-weight: 900 !important;
line-height: 1.1 !important;
}
.yk-patient-media-preview-more,
.yk-patient-media-preview-empty {
display: grid !important;
place-items: center !important;
min-height: 0 !important;
aspect-ratio: 1 / 1 !important;
border: 1px dashed rgba(8, 118, 196, .26) !important;
border-radius: 14px !important;
background: rgba(255,255,255,.64) !important;
color: #075985 !important;
font-weight: 900 !important;
font-size: 20px !important;
}
.yk-patient-media-preview-empty {
grid-template-columns: auto 1fr !important;
justify-content: start !important;
gap: 10px !important;
padding: 0 14px !important;
}
.yk-patient-media-target[hidden] {
display: none !important;
}
.yk-patient-media-collapse {
display: none !important;
}
.yk-patient-visit-media-panel.yk-patient-media-open .yk-patient-media-preview {
display: none !important;
}
.yk-patient-visit-media-panel.yk-patient-media-open .yk-patient-media-collapse {
display: inline-flex !important;
}
.yk-patient-media-status {
min-height: 24px !important;
font-size: 12px !important;
font-weight: 800 !important;
color: #075985 !important;
padding: 0 2px 6px !important;
}
.yk-patient-media-target > .yk-media-card-shell,
.yk-patient-media-target > .card {
margin-bottom: 0 !important;
}
@media (max-width: 768px) {
.yk-patient-media-head {
align-items: flex-start !important;
flex-direction: column !important;
}
.yk-patient-media-actions {
justify-content: flex-start !important;
}
.yk-patient-media-tab {
min-width: 132px !important;
}
.yk-patient-media-preview-grid {
grid-template-columns: repeat(3, minmax(92px, 1fr)) !important;
}
}
/* D103: Hasta kart tipi secimini aninda ve net uygula */
.yk-patient-card-type-control {
border-radius: 24px !important;
overflow: hidden !important;
border: 1px solid rgba(8, 118, 196, .16) !important;
box-shadow: 0 16px 34px rgba(15, 49, 75, .10) !important;
}
.yk-patient-card-type-control .card-header {
border-bottom: 1px solid rgba(8, 118, 196, .12) !important;
background: linear-gradient(135deg, rgba(14,165,233,.12), rgba(20,184,166,.10)) !important;
color: #17304D !important;
font-weight: 900 !important;
}
.yk-card-type-switch {
gap: 10px !important;
}
.yk-card-type-switch .btn {
border-radius: 18px !important;
min-height: 42px !important;
font-weight: 900 !important;
border: 1px solid rgba(8,118,196,.18) !important;
background: rgba(255,255,255,.86) !important;
color: #17304D !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.yk-card-type-switch .btn:hover,
.yk-card-type-switch .btn.yk-card-type-selected,
.yk-card-type-switch .btn-check:checked + .btn {
background: linear-gradient(135deg, #0EA5E9, #0F766E) !important;
border-color: transparent !important;
color: #FFFFFF !important;
box-shadow: 0 14px 28px rgba(14,116,144,.22) !important;
}
.yk-card-type-status {
min-height: 24px !important;
font-size: 12px !important;
font-weight: 800 !important;
}
.yk-card-type-form button[type="submit"] {
border-radius: 18px !important;
min-height: 42px !important;
font-weight: 900 !important;
background: linear-gradient(135deg, #17304D, #0F766E) !important;
border: 0 !important;
box-shadow: 0 14px 28px rgba(15,49,75,.18) !important;
}
/* D99: Tum Hastalar sayfasinda yuvarlak klinik konsepti geri yukle */
.yk-patient-command,
.yk-patient-searchbar,
#patientList.yk-patient-list {
border-radius: 26px !important;
}
.yk-patient-command {
overflow: hidden !important;
}
.patient-card.yk-patient-card {
border-radius: 20px !important;
overflow: hidden !important;
}
.patient-card.yk-patient-card::before {
border-radius: 20px 0 0 20px !important;
}
.yk-patient-count,
.yk-patient-toolbar .btn,
.yk-patient-metric,
.yk-patient-chip,
.yk-patient-badges .badge,
.yk-patient-open-hint,
.yk-patient-actions .btn,
.yk-patient-delete-form .btn,
.yk-patient-searchbar .form-control,
.yk-patient-searchbar .btn,
#patientList .btn {
border-radius: 16px !important;
}
.yk-patient-avatar,
.yk-patient-metric i {
border-radius: 13px !important;
}
.yk-patient-searchbar .form-control {
border-radius: 18px !important;
}
.yk-patient-toolbar .btn-success,
.yk-patient-actions .btn-primary,
.yk-patient-actions .btn-outline-danger,
.yk-patient-actions .btn-outline-secondary {
border-radius: 14px !important;
}
.yk-patient-open-hint {
border-radius: 12px !important;
}
@media (max-width: 768px) {
.yk-patient-command,
.yk-patient-searchbar,
#patientList.yk-patient-list,
.patient-card.yk-patient-card {
border-radius: 18px !important;
}
}
/* D105: WebShell quality pass for the pure web shell.
   Keeps the existing routes and layout, but gives the browser version the
   same crisp clinical app feel as the native WebShell chrome. */
:root {
--yk-shell-sidebar-w: 286px;
--yk-shell-line: #BFE7F5;
--yk-shell-line-strong: #8BD8F7;
--yk-shell-surface: rgba(255,255,255,.92);
--yk-shell-surface-soft: rgba(244,251,255,.78);
--yk-shell-ink: #10243F;
--yk-shell-ink-soft: #58708A;
--yk-shell-blue: #0EA5E9;
--yk-shell-teal: #14B8A6;
--yk-shell-shadow: 0 18px 46px rgba(18,55,84,.12);
--sidebar-w: var(--yk-shell-sidebar-w);
--header-h: 88px;
}
:root:not([data-theme="dark"]) body {
background:
linear-gradient(135deg, #F8FCFF 0%, #EFF9FC 54%, #F5FBF7 100%) !important;
}
:root[data-theme="dark"] {
--yk-shell-line: rgba(125,211,252,.18);
--yk-shell-line-strong: rgba(125,211,252,.34);
--yk-shell-surface: rgba(22,33,54,.90);
--yk-shell-surface-soft: rgba(13,31,47,.74);
--yk-shell-ink: #EAF7FF;
--yk-shell-ink-soft: #BBD0E8;
--yk-shell-shadow: 0 20px 52px rgba(0,0,0,.30);
}
:root[data-theme="dark"] body {
background: linear-gradient(135deg, #0B1220 0%, #101B2D 54%, #07111E 100%) !important;
}
.sidebar {
width: var(--yk-shell-sidebar-w) !important;
padding: 12px 12px 96px !important;
background:
linear-gradient(135deg, #FFFFFF 0%, #EAF8FF 52%, #F5FBFF 100%) !important;
border-right: 1px solid var(--yk-shell-line) !important;
box-shadow: 18px 0 46px rgba(18,55,84,.11) !important;
}
.sidebar.use-modern-nav > .sidebar-section,
.sidebar.use-modern-nav > a.sidebar-link {
display: none !important;
}
.sidebar.use-modern-nav > .sidebar-modern-nav {
display: block !important;
}
:root[data-theme="dark"] .sidebar {
background: linear-gradient(135deg, #142034 0%, #101B2D 54%, #0B1524 100%) !important;
box-shadow: 18px 0 48px rgba(0,0,0,.28) !important;
}
.sidebar::before {
display: none !important;
}
.sidebar-brand,
.yk-sidebar-mode-tabs,
.sidebar-orbit,
.sidebar-quick-action,
.sidebar-fold {
border-radius: 14px !important;
border: 1px solid var(--yk-shell-line) !important;
background: linear-gradient(135deg, var(--yk-shell-surface), var(--yk-shell-surface-soft)) !important;
box-shadow: 0 12px 28px rgba(18,55,84,.08), inset 0 1px 0 rgba(255,255,255,.70) !important;
color: var(--yk-shell-ink) !important;
}
:root[data-theme="dark"] .sidebar-brand,
:root[data-theme="dark"] .yk-sidebar-mode-tabs,
:root[data-theme="dark"] .sidebar-orbit,
:root[data-theme="dark"] .sidebar-quick-action,
:root[data-theme="dark"] .sidebar-fold {
box-shadow: 0 14px 34px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
.sidebar-brand {
min-height: 72px !important;
padding: 12px !important;
margin-bottom: 10px !important;
}
.sidebar-brand-name,
.sidebar-brand-doctor,
.sidebar-brand-text,
.sidebar-brand-text::after,
.sidebar-orbit-kicker,
.sidebar-orbit-title,
.sidebar-quick-action strong,
.sidebar-quick-action span,
.sidebar-fold summary,
.sidebar-section-title,
.sidebar-link > span:not(.sidebar-link-icon):not(.sidebar-badge-mini) {
color: var(--yk-shell-ink) !important;
-webkit-text-fill-color: var(--yk-shell-ink) !important;
text-shadow: none !important;
}
.sidebar-brand-doctor,
.sidebar-brand-text::after,
.sidebar-orbit-kicker,
.sidebar-quick-action span,
.sidebar-section-title {
color: var(--yk-shell-ink-soft) !important;
-webkit-text-fill-color: var(--yk-shell-ink-soft) !important;
}
.sidebar-brand-icon,
.sidebar-quick-action i {
border-radius: 12px !important;
background: linear-gradient(135deg, var(--yk-shell-blue), var(--yk-shell-teal)) !important;
color: #FFFFFF !important;
box-shadow: 0 12px 26px rgba(14,165,233,.20) !important;
}
.yk-sidebar-mode-tabs {
padding: 4px !important;
gap: 4px !important;
}
.yk-sidebar-mode-tab {
min-height: 32px !important;
border-radius: 10px !important;
border: 1px solid transparent !important;
color: var(--yk-shell-ink) !important;
-webkit-text-fill-color: var(--yk-shell-ink) !important;
background: rgba(255,255,255,.52) !important;
}
.yk-sidebar-mode-tab:hover,
:root[data-experience="simple"] .yk-sidebar-mode-tab[data-mode="simple"],
:root[data-experience="doctor"] .yk-sidebar-mode-tab[data-mode="doctor"],
:root[data-experience="advanced"] .yk-sidebar-mode-tab[data-mode="advanced"],
:root:not([data-experience="simple"]):not([data-experience="doctor"]) .yk-sidebar-mode-tab[data-mode="advanced"] {
background: linear-gradient(135deg, var(--yk-shell-blue), var(--yk-shell-teal)) !important;
border-color: transparent !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 10px 22px rgba(14,165,233,.20) !important;
}
.sidebar-orbit {
margin-bottom: 10px !important;
padding: 12px !important;
}
.sidebar-orbit a,
.sidebar-orbit .keycap {
background: rgba(14,165,233,.10) !important;
border-color: rgba(14,165,233,.18) !important;
color: #075985 !important;
-webkit-text-fill-color: #075985 !important;
}
:root[data-theme="dark"] .sidebar-orbit a,
:root[data-theme="dark"] .sidebar-orbit .keycap {
color: #D7F9FF !important;
-webkit-text-fill-color: #D7F9FF !important;
}
.sidebar-quick-grid {
gap: 8px !important;
margin-bottom: 12px !important;
}
.sidebar-quick-action {
min-height: 58px !important;
padding: 10px !important;
}
.sidebar-section {
margin-bottom: 10px !important;
}
.sidebar-subgroup {
margin: 7px 0 !important;
}
.sidebar-subgroup summary {
min-height: 42px !important;
padding: 9px 11px !important;
font-weight: 820 !important;
letter-spacing: 0 !important;
}
.sidebar-subgroup summary span {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
min-width: 0 !important;
}
.sidebar-subgroup summary small {
margin-left: auto !important;
font-size: 10px !important;
font-weight: 850 !important;
padding: 3px 7px !important;
border-radius: 999px !important;
background: rgba(14,165,233,.12) !important;
color: var(--yk-shell-ink-soft) !important;
}
.sidebar-subgroup .sidebar-fold-body {
padding: 3px 6px 7px !important;
}
.sidebar-subgroup .sidebar-link {
min-height: 44px !important;
margin-bottom: 4px !important;
padding: 6px 9px !important;
}
.sidebar-subgroup .sidebar-link-icon {
width: 32px !important;
height: 32px !important;
border-radius: 10px !important;
}
.sidebar-section-title {
padding: 12px 10px 4px !important;
font-size: 10.5px !important;
font-weight: 820 !important;
letter-spacing: 0 !important;
}
.sidebar-link {
position: relative !important;
min-height: 54px !important;
padding: 7px 12px !important;
margin-bottom: 5px !important;
border-radius: 12px !important;
border: 1px solid #D7E8F2 !important;
background: linear-gradient(135deg, rgba(255,255,255,.94), rgba(244,251,255,.78)) !important;
box-shadow: none !important;
color: var(--yk-shell-ink) !important;
transition: transform .16s ease, border-color .16s ease, box-shadow .16s ease, background .16s ease !important;
}
:root[data-theme="dark"] .sidebar-link {
border-color: rgba(125,211,252,.16) !important;
background: linear-gradient(135deg, rgba(22,33,54,.88), rgba(13,31,47,.72)) !important;
}
.sidebar-link::before {
content: "" !important;
position: absolute !important;
left: 24px !important;
right: 24px !important;
top: 2px !important;
bottom: auto !important;
width: auto !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, var(--yk-shell-blue), var(--yk-shell-teal), #EC4899) !important;
opacity: 0 !important;
box-shadow: none !important;
}
.sidebar-link:hover,
.sidebar-link.active {
transform: translateX(2px) translateY(-1px) !important;
border-color: var(--yk-shell-line-strong) !important;
background: linear-gradient(135deg, #F8FDFF, #E6F8FF) !important;
box-shadow: 0 12px 28px rgba(18,55,84,.10) !important;
color: var(--yk-shell-ink) !important;
}
:root[data-theme="dark"] .sidebar-link:hover,
:root[data-theme="dark"] .sidebar-link.active {
background: linear-gradient(135deg, rgba(22,47,72,.94), rgba(14,62,72,.82)) !important;
}
.sidebar-link:hover::before,
.sidebar-link.active::before {
opacity: 1 !important;
}
.sidebar-link.active > span:not(.sidebar-link-icon),
.sidebar-link.active strong,
.sidebar-link.active small {
color: var(--yk-shell-ink) !important;
-webkit-text-fill-color: var(--yk-shell-ink) !important;
}
.sidebar-link-icon {
width: 38px !important;
height: 38px !important;
display: inline-grid !important;
place-items: center !important;
border: 0 !important;
border-radius: 12px !important;
background: linear-gradient(135deg, var(--yk-shell-blue), var(--yk-shell-teal)) !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 10px 22px rgba(14,165,233,.18) !important;
}
.sidebar-link-icon i {
font-size: 17px !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
.sidebar-link > span:not(.sidebar-link-icon):not(.sidebar-badge-mini) {
background: transparent !important;
}
.sidebar-link[href*="risk"] .sidebar-link-icon,
.sidebar-link[href*="preeklampsi"] .sidebar-link-icon,
.sidebar-link[href*="temiz-kurulum"] .sidebar-link-icon {
background: linear-gradient(135deg, #FF7A45, #F43F5E) !important;
}
.sidebar-link[href*="obstetrik"] .sidebar-link-icon,
.sidebar-link[href*="doguran"] .sidebar-link-icon,
.sidebar-link[href*="dogum"] .sidebar-link-icon,
.sidebar-link[href*="gebelik"] .sidebar-link-icon {
background: linear-gradient(135deg, #08B6D1, #10B981) !important;
}
.sidebar-link[href*="dicom"] .sidebar-link-icon,
.sidebar-link[href*="medya"] .sidebar-link-icon,
.sidebar-link[href*="gorsel"] .sidebar-link-icon,
.sidebar-link[href*="dosya"] .sidebar-link-icon {
background: linear-gradient(135deg, #0891B2, #6366F1) !important;
}
.sidebar-link[href*="yz"] .sidebar-link-icon,
.sidebar-link[href*="akilli"] .sidebar-link-icon,
.sidebar-link[href*="ai"] .sidebar-link-icon {
background: linear-gradient(135deg, #7C3AED, #0EA5E9) !important;
}
.sidebar-link[href*="ayar"] .sidebar-link-icon,
.sidebar-link[href*="sistem"] .sidebar-link-icon,
.sidebar-link[href*="performans"] .sidebar-link-icon {
background: linear-gradient(135deg, #64748B, #0EA5E9) !important;
}
.top-header {
top: 12px !important;
left: calc(var(--yk-shell-sidebar-w) + 18px) !important;
right: 18px !important;
min-height: 70px !important;
height: auto !important;
padding: 9px 12px !important;
border-radius: 24px !important;
border: 1px solid var(--yk-shell-line) !important;
background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(244,251,255,.76)) !important;
box-shadow: var(--yk-shell-shadow) !important;
backdrop-filter: blur(20px) saturate(1.18) !important;
-webkit-backdrop-filter: blur(20px) saturate(1.18) !important;
}
:root[data-theme="dark"] .top-header {
background: linear-gradient(135deg, rgba(22,33,54,.90), rgba(13,22,38,.76)) !important;
}
.top-header-title {
border-radius: 14px !important;
border: 1px solid var(--yk-shell-line) !important;
background: linear-gradient(135deg, var(--yk-shell-surface), var(--yk-shell-surface-soft)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.62) !important;
}
.top-header-title strong {
font-size: 18px !important;
font-weight: 780 !important;
letter-spacing: 0 !important;
color: var(--yk-shell-ink) !important;
-webkit-text-fill-color: var(--yk-shell-ink) !important;
}
.top-header-title span {
font-size: 11px !important;
font-weight: 760 !important;
letter-spacing: 0 !important;
color: var(--yk-shell-ink-soft) !important;
-webkit-text-fill-color: var(--yk-shell-ink-soft) !important;
}
.top-header .search-box input {
height: 48px !important;
border-radius: 12px !important;
border: 1px solid var(--yk-shell-line) !important;
background: rgba(255,255,255,.82) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.72) !important;
font-weight: 650 !important;
}
:root[data-theme="dark"] .top-header .search-box input {
background: rgba(13,22,38,.72) !important;
}
.header-icon-btn,
.top-header .btn,
.top-quick-links a,
.profile-chip,
.theme-toggle,
.experience-switch {
border-radius: 12px !important;
border: 1px solid var(--yk-shell-line) !important;
background: linear-gradient(135deg, var(--yk-shell-surface), var(--yk-shell-surface-soft)) !important;
box-shadow: 0 10px 22px rgba(18,55,84,.08) !important;
color: var(--yk-shell-ink) !important;
}
.header-icon-btn:hover,
.top-header .btn:hover,
.top-quick-links a:hover,
.profile-chip:hover,
.theme-toggle:hover,
.experience-switch:hover {
transform: translateY(-1px) !important;
border-color: var(--yk-shell-line-strong) !important;
}
.main-content {
margin-left: calc(var(--yk-shell-sidebar-w) + 18px) !important;
padding-top: calc(var(--header-h) + 18px) !important;
}
.main-container {
max-width: 1500px !important;
width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 24px 24px 44px !important;
}
.main-container > .page-header,
.main-container > .d-flex:first-child,
.main-container > h1:first-child,
.main-container > h2:first-child {
margin-bottom: 18px !important;
}
.main-container h1,
.main-container h2,
.main-container h3,
.main-container h4,
.main-container h5,
.patient-header h1 {
letter-spacing: 0 !important;
}
.card,
.patient-card,
.tools-collapse,
.form-section,
.yk-card,
.yk-panel,
.stat-card,
.metric-card,
.quick-card,
.tool-card,
.tool-card-lg,
.yk-patient-visit-media-panel {
border-radius: 14px !important;
border: 1px solid rgba(8,118,196,.13) !important;
background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(245,251,255,.86)) !important;
box-shadow: 0 14px 34px rgba(15,49,75,.08), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .patient-card,
:root[data-theme="dark"] .tools-collapse,
:root[data-theme="dark"] .form-section,
:root[data-theme="dark"] .yk-card,
:root[data-theme="dark"] .yk-panel,
:root[data-theme="dark"] .stat-card,
:root[data-theme="dark"] .metric-card,
:root[data-theme="dark"] .quick-card,
:root[data-theme="dark"] .tool-card,
:root[data-theme="dark"] .tool-card-lg,
:root[data-theme="dark"] .yk-patient-visit-media-panel {
border-color: rgba(125,211,252,.20) !important;
background: linear-gradient(145deg, rgba(22,33,54,.92), rgba(13,31,47,.76)) !important;
}
.card:hover,
.patient-card:hover,
.tools-collapse:hover,
.tool-card:hover,
.tool-card-lg:hover {
transform: translateY(-1px) !important;
border-color: rgba(14,165,233,.28) !important;
box-shadow: 0 18px 42px rgba(15,49,75,.11), inset 0 1px 0 rgba(255,255,255,.78) !important;
}
.card-header,
.tools-collapse > summary,
.form-section .card-header {
border-radius: 13px 13px 0 0 !important;
background: linear-gradient(135deg, rgba(14,165,233,.12), rgba(20,184,166,.10)) !important;
border-bottom: 1px solid rgba(8,118,196,.12) !important;
font-weight: 820 !important;
letter-spacing: 0 !important;
color: var(--yk-shell-ink) !important;
-webkit-text-fill-color: var(--yk-shell-ink) !important;
}
.btn {
border-radius: 12px !important;
font-weight: 760 !important;
letter-spacing: 0 !important;
box-shadow: 0 10px 22px rgba(16,47,75,.09) !important;
}
.btn-primary,
.btn-success,
.btn-teal,
button[type="submit"].btn {
background: linear-gradient(135deg, #0EA5E9 0%, #14B8A6 100%) !important;
border-color: transparent !important;
color: #FFFFFF !important;
}
.form-control,
.form-select,
textarea {
border-radius: 12px !important;
border-color: var(--yk-shell-line) !important;
background: rgba(255,255,255,.84) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
}
.form-control:focus,
.form-select:focus,
textarea:focus {
border-color: var(--yk-shell-line-strong) !important;
box-shadow: 0 0 0 3px rgba(14,165,233,.14), inset 0 1px 0 rgba(255,255,255,.72) !important;
}
.tool-card .tool-icon,
.tool-card-lg .tool-icon,
.stat-icon,
.quick-secondary .qs-icon,
.quick-primary .qp-icon {
border-radius: 12px !important;
background: linear-gradient(135deg, var(--yk-shell-blue), var(--yk-shell-teal)) !important;
color: #FFFFFF !important;
box-shadow: 0 10px 22px rgba(14,165,233,.18) !important;
}
.tool-card .tool-icon i,
.tool-card-lg .tool-icon i,
.stat-icon i {
color: #FFFFFF !important;
}
@media (min-width: 1281px) {
.top-header {
left: calc(var(--yk-shell-sidebar-w) + 18px) !important;
right: 18px !important;
}
.main-content {
margin-left: calc(var(--yk-shell-sidebar-w) + 18px) !important;
padding-top: calc(var(--header-h) + 18px) !important;
max-width: calc(100vw - var(--yk-shell-sidebar-w) - 18px) !important;
}
}
@media (max-width: 1280px) {
.main-content {
margin-left: 0 !important;
padding-top: calc(var(--header-h) + 16px) !important;
}
.top-header {
left: 12px !important;
right: 12px !important;
}
}
@media (max-width: 768px) {
.top-header {
border-radius: 18px !important;
min-height: 64px !important;
}
.main-container {
padding: 16px 12px 104px !important;
}
.sidebar-link {
min-height: 50px !important;
}
.mobile-bottom-nav {
border-radius: 18px 18px 0 0 !important;
border: 1px solid var(--yk-shell-line) !important;
background: linear-gradient(135deg, var(--yk-shell-surface), var(--yk-shell-surface-soft)) !important;
}
}
/* D107: Premium patient cards for the main patient board. */
#patientList.yk-patient-list {
grid-template-columns: repeat(auto-fill, minmax(322px, 1fr)) !important;
gap: 18px !important;
align-items: stretch !important;
}
.patient-card.yk-patient-card {
--yk-patient-accent: #0B73CE;
--yk-patient-accent-2: #14B8A6;
--yk-patient-warm: #F59E0B;
position: relative !important;
display: flex !important;
flex-direction: column !important;
gap: 15px !important;
min-height: 196px !important;
padding: 18px 18px 16px 20px !important;
border-radius: 18px !important;
border: 1px solid color-mix(in srgb, var(--yk-patient-accent), white 64%) !important;
background:
linear-gradient(100deg, color-mix(in srgb, var(--yk-patient-accent), transparent 91%) 0%, transparent 38%),
linear-gradient(168deg, rgba(255,255,255,.98) 0%, rgba(248,252,255,.92) 54%, color-mix(in srgb, var(--yk-patient-accent-2), white 91%) 100%) !important;
box-shadow:
0 18px 42px rgba(15,49,75,.10),
inset 0 1px 0 rgba(255,255,255,.88) !important;
isolation: isolate !important;
overflow: hidden !important;
cursor: pointer !important;
transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}
.patient-card.yk-patient-card::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
bottom: 0 !important;
width: 6px !important;
border-radius: 18px 0 0 18px !important;
background: linear-gradient(180deg, var(--yk-patient-accent), var(--yk-patient-accent-2), var(--yk-patient-warm)) !important;
opacity: 1 !important;
z-index: 1 !important;
}
.patient-card.yk-patient-card::after {
content: "" !important;
position: absolute !important;
inset: 0 !important;
background:
linear-gradient(135deg, rgba(255,255,255,.42), transparent 34%),
linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--yk-patient-accent), transparent 96%) 100%) !important;
pointer-events: none !important;
z-index: 0 !important;
}
.patient-card.yk-patient-card > * {
position: relative !important;
z-index: 2 !important;
}
.patient-card.yk-patient-card:hover {
transform: translateY(-4px) !important;
border-color: color-mix(in srgb, var(--yk-patient-accent), white 38%) !important;
box-shadow:
0 24px 56px rgba(15,49,75,.15),
0 0 0 1px color-mix(in srgb, var(--yk-patient-accent), transparent 84%),
inset 0 1px 0 rgba(255,255,255,.92) !important;
}
.patient-card.yk-patient-card:focus-visible {
outline: 3px solid color-mix(in srgb, var(--yk-patient-accent), white 42%) !important;
outline-offset: 3px !important;
}
.yk-patient-type-obstetric {
--yk-patient-accent: #1D6FD2;
--yk-patient-accent-2: #17A398;
--yk-patient-warm: #68D391;
}
.yk-patient-type-gynecologic {
--yk-patient-accent: #4F7C7B;
--yk-patient-accent-2: #7FA6A3;
--yk-patient-warm: #CFE2DF;
}
.yk-patient-type-medical_aesthetic,
.yk-patient-type-gynecologic_aesthetic {
--yk-patient-accent: #7C3AED;
--yk-patient-accent-2: #06B6D4;
--yk-patient-warm: #F59E0B;
}
.patient-card.yk-patient-card > .yk-patient-open-hint {
position: absolute !important;
right: 12px !important;
top: 12px !important;
width: 31px !important;
height: 31px !important;
border-radius: 11px !important;
background: rgba(255,255,255,.82) !important;
border: 1px solid rgba(120,150,178,.18) !important;
color: color-mix(in srgb, var(--yk-patient-accent), #11243C 18%) !important;
box-shadow: 0 10px 22px rgba(15,49,75,.08), inset 0 1px 0 rgba(255,255,255,.84) !important;
z-index: 3 !important;
}
.yk-patient-card-top {
display: grid !important;
grid-template-columns: 52px minmax(0, 1fr) !important;
gap: 13px !important;
align-items: start !important;
padding-right: 36px !important;
}
.yk-patient-avatar {
width: 52px !important;
height: 52px !important;
flex: 0 0 52px !important;
border-radius: 14px !important;
background:
linear-gradient(145deg, var(--yk-patient-accent), color-mix(in srgb, var(--yk-patient-accent-2), #FFFFFF 8%)) !important;
box-shadow:
0 15px 30px color-mix(in srgb, var(--yk-patient-accent), transparent 72%),
inset 0 1px 0 rgba(255,255,255,.30) !important;
color: #FFFFFF !important;
}
.yk-patient-avatar i {
font-size: 22px !important;
line-height: 1 !important;
}
.yk-patient-main {
min-width: 0 !important;
padding-right: 0 !important;
}
.yk-patient-name {
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
max-width: calc(100% - 4px) !important;
min-height: 24px !important;
margin: 0 0 8px !important;
overflow: hidden !important;
color: color-mix(in srgb, var(--yk-patient-accent), #10243F 18%) !important;
-webkit-text-fill-color: color-mix(in srgb, var(--yk-patient-accent), #10243F 18%) !important;
font-size: 19px !important;
font-weight: 850 !important;
line-height: 1.18 !important;
letter-spacing: 0 !important;
text-decoration: none !important;
overflow-wrap: anywhere !important;
}
.yk-patient-name:hover {
color: #10243F !important;
-webkit-text-fill-color: #10243F !important;
}
.yk-patient-meta {
display: flex !important;
flex-wrap: wrap !important;
gap: 7px 8px !important;
align-items: center !important;
color: #546A82 !important;
-webkit-text-fill-color: #546A82 !important;
font-size: 12px !important;
font-weight: 620 !important;
line-height: 1.25 !important;
}
.yk-patient-chip {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
min-width: 0 !important;
min-height: 24px !important;
max-width: 100% !important;
padding: 4px 9px !important;
border-radius: 999px !important;
background: rgba(255,255,255,.72) !important;
border: 1px solid rgba(120,150,178,.16) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.70) !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
.yk-patient-chip i {
flex: 0 0 auto !important;
font-size: 12px !important;
color: color-mix(in srgb, var(--yk-patient-accent), #10243F 20%) !important;
-webkit-text-fill-color: color-mix(in srgb, var(--yk-patient-accent), #10243F 20%) !important;
}
.yk-patient-badges {
display: flex !important;
gap: 6px !important;
flex-wrap: wrap !important;
margin-top: 10px !important;
}
.yk-patient-badges .badge {
min-height: 24px !important;
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
padding: 5px 9px !important;
border-radius: 999px !important;
font-size: 11px !important;
font-weight: 760 !important;
letter-spacing: 0 !important;
box-shadow: 0 9px 18px rgba(15,49,75,.09) !important;
}
.yk-patient-actions {
display: flex !important;
align-items: center !important;
gap: 9px !important;
flex-wrap: wrap !important;
margin-top: auto !important;
padding: 12px 0 0 65px !important;
border-top: 1px solid rgba(120,150,178,.12) !important;
}
.yk-patient-actions .btn {
min-height: 36px !important;
padding: 7px 12px !important;
border-radius: 12px !important;
font-size: 13px !important;
font-weight: 790 !important;
letter-spacing: 0 !important;
box-shadow: 0 10px 22px rgba(15,49,75,.08) !important;
}
.yk-patient-actions .btn-primary {
background: linear-gradient(135deg, var(--yk-patient-accent), var(--yk-patient-accent-2)) !important;
border-color: transparent !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}
.yk-patient-actions .btn-outline-danger {
background: rgba(255,255,255,.76) !important;
border-color: rgba(120,150,178,.20) !important;
color: #263B53 !important;
-webkit-text-fill-color: #263B53 !important;
}
.yk-patient-actions .btn:hover {
transform: translateY(-1px) !important;
filter: saturate(1.04) brightness(1.02) !important;
}
@media (max-width: 760px) {
#patientList.yk-patient-list {
grid-template-columns: 1fr !important;
gap: 14px !important;
}
.yk-patient-card-top {
grid-template-columns: 48px minmax(0, 1fr) !important;
gap: 11px !important;
padding-right: 32px !important;
}
.yk-patient-avatar {
width: 48px !important;
height: 48px !important;
flex-basis: 48px !important;
}
.yk-patient-meta {
grid-template-columns: 1fr !important;
}
.yk-patient-chip {
max-width: 100% !important;
}
.yk-patient-actions {
padding-left: 0 !important;
}
}
:root[data-theme="dark"] .patient-card.yk-patient-card {
background:
linear-gradient(100deg, color-mix(in srgb, var(--yk-patient-accent), transparent 84%) 0%, transparent 40%),
linear-gradient(168deg, rgba(23,36,58,.96) 0%, rgba(12,24,40,.95) 100%) !important;
border-color: color-mix(in srgb, var(--yk-patient-accent), transparent 52%) !important;
box-shadow: 0 24px 58px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.08) !important;
}
:root[data-theme="dark"] .yk-patient-name {
color: #EAF7FF !important;
-webkit-text-fill-color: #EAF7FF !important;
}
:root[data-theme="dark"] .yk-patient-meta,
:root[data-theme="dark"] .yk-patient-chip {
color: #BFD2E8 !important;
-webkit-text-fill-color: #BFD2E8 !important;
}
:root[data-theme="dark"] .yk-patient-chip,
:root[data-theme="dark"] .yk-patient-open-hint,
:root[data-theme="dark"] .yk-patient-actions .btn-outline-danger {
background: rgba(255,255,255,.08) !important;
border-color: rgba(226,238,255,.14) !important;
}
/* D106: Header title failsafe. When the browser shell gets tight, this
   information tile must collapse instead of covering nearby controls/text. */
.top-header {
display: flex !important;
align-items: center !important;
gap: 10px !important;
overflow: hidden !important;
}
.top-header-title {
flex: 0 1 260px !important;
min-width: 0 !important;
max-width: min(260px, 24vw) !important;
max-height: 54px !important;
overflow: hidden !important;
align-self: center !important;
}
.top-header-title strong,
.top-header-title span,
.top-header-title small {
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.top-header-title .top-header-badges {
display: flex !important;
flex-wrap: nowrap !important;
gap: 6px !important;
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
}
.top-header-title .yk-running-version,
.top-header-title .yk-header-mode {
min-width: 0 !important;
max-width: 100% !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
@media (max-width: 1720px), (max-height: 760px) {
.top-header-title {
flex-basis: 176px !important;
max-width: 176px !important;
max-height: 42px !important;
padding-top: 7px !important;
padding-bottom: 7px !important;
}
.top-header-title .top-header-badges {
display: none !important;
}
.top-header-title strong {
font-size: 16px !important;
line-height: 1.1 !important;
}
.top-header-title > span {
font-size: 10px !important;
line-height: 1.05 !important;
}
}
@media (max-width: 1500px) {
.top-header-title {
display: none !important;
}
.top-header {
gap: 8px !important;
}
}
/* D107: WebShell visual polish layer. Makes the shell more pictorial
   without changing routes or workflow speed. */
:root {
--yk-visual-cyan: #0EA5E9;
--yk-visual-teal: #14B8A6;
--yk-visual-green: #22C55E;
--yk-visual-amber: #F59E0B;
--yk-visual-rose: #F43F5E;
--yk-visual-violet: #8B5CF6;
--yk-visual-ink: #12304C;
--yk-visual-soft: rgba(255,255,255,.72);
}
.sidebar-brand--c27 {
min-height: 86px !important;
border-radius: 18px !important;
isolation: isolate !important;
}
.sidebar-brand--c27 .sidebar-brand-icon {
width: 52px !important;
height: 52px !important;
border-radius: 16px !important;
box-shadow:
0 16px 34px rgba(14,165,233,.22),
0 0 0 5px rgba(255,255,255,.54) !important;
}
.sidebar-brand--c27 .yk-mode-badge,
.sidebar-brand--c27 .yk-version-badge {
display: inline-flex !important;
align-items: center !important;
width: fit-content !important;
min-height: 22px !important;
padding: 3px 8px !important;
border-radius: 999px !important;
border: 1px solid rgba(14,165,233,.18) !important;
background: linear-gradient(135deg, rgba(14,165,233,.12), rgba(20,184,166,.10)) !important;
color: #0F5F74 !important;
-webkit-text-fill-color: #0F5F74 !important;
font-size: 10.5px !important;
font-weight: 820 !important;
}
.sidebar-brand--c27 .yk-version-badge {
margin-top: 2px !important;
}
.sidebar-orbit {
position: relative !important;
overflow: hidden !important;
}
.sidebar-orbit::after {
content: "" !important;
position: absolute !important;
left: 14px !important;
right: 14px !important;
top: 0 !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, var(--yk-visual-cyan), var(--yk-visual-teal), var(--yk-visual-amber)) !important;
opacity: .95 !important;
}
.sidebar-orbit-main {
display: flex !important;
align-items: center !important;
gap: 10px !important;
min-width: 0 !important;
}
.sidebar-orbit-icon {
width: 44px !important;
height: 44px !important;
display: inline-grid !important;
place-items: center !important;
border-radius: 15px !important;
background: linear-gradient(135deg, var(--yk-visual-cyan), var(--yk-visual-teal)) !important;
color: #fff !important;
box-shadow: 0 14px 28px rgba(14,165,233,.22) !important;
flex: 0 0 auto !important;
}
.sidebar-orbit-icon i {
font-size: 20px !important;
color: #fff !important;
}
.sidebar-quick-action {
display: grid !important;
grid-template-columns: 42px minmax(0, 1fr) !important;
grid-template-rows: auto auto !important;
align-items: center !important;
column-gap: 9px !important;
min-height: 66px !important;
padding: 10px !important;
}
.sidebar-quick-action i {
grid-row: 1 / 3 !important;
width: 40px !important;
height: 40px !important;
display: inline-grid !important;
place-items: center !important;
border-radius: 14px !important;
background: linear-gradient(135deg, var(--yk-visual-cyan), var(--yk-visual-teal)) !important;
color: #fff !important;
box-shadow: 0 12px 24px rgba(14,165,233,.20) !important;
}
.sidebar-quick-action strong,
.sidebar-quick-action span {
grid-column: 2 !important;
min-width: 0 !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
white-space: nowrap !important;
}
.sidebar-quick-action:nth-child(2) i { background: linear-gradient(135deg, #2563EB, #0EA5E9) !important; }
.sidebar-quick-action:nth-child(3) i { background: linear-gradient(135deg, #8B5CF6, #2563EB) !important; }
.sidebar-quick-action:nth-child(4) i { background: linear-gradient(135deg, #F43F5E, #F97316) !important; }
.sidebar-quick-action:nth-child(5) i { background: linear-gradient(135deg, #0891B2, #6366F1) !important; }
.sidebar-quick-action:nth-child(6) i { background: linear-gradient(135deg, #22C55E, #14B8A6) !important; }
.sidebar-modern-nav .sidebar-section {
padding: 6px !important;
border-radius: 16px !important;
background: linear-gradient(135deg, rgba(255,255,255,.54), rgba(240,249,255,.34)) !important;
border: 1px solid rgba(14,165,233,.10) !important;
}
:root[data-theme="dark"] .sidebar-modern-nav .sidebar-section {
background: linear-gradient(135deg, rgba(22,33,54,.54), rgba(13,31,47,.38)) !important;
border-color: rgba(125,211,252,.12) !important;
}
.sidebar-section-title {
display: flex !important;
align-items: center !important;
gap: 7px !important;
min-height: 32px !important;
padding: 7px 9px !important;
margin: 2px 0 6px !important;
border-radius: 12px !important;
background: linear-gradient(135deg, rgba(14,165,233,.10), rgba(20,184,166,.08)) !important;
}
.sidebar-section-title i {
width: 24px !important;
height: 24px !important;
display: inline-grid !important;
place-items: center !important;
border-radius: 9px !important;
background: linear-gradient(135deg, rgba(14,165,233,.18), rgba(20,184,166,.16)) !important;
color: #08769A !important;
-webkit-text-fill-color: #08769A !important;
font-size: 13px !important;
}
:root[data-theme="dark"] .sidebar-section-title i {
color: #D7F9FF !important;
-webkit-text-fill-color: #D7F9FF !important;
background: linear-gradient(135deg, rgba(14,165,233,.26), rgba(20,184,166,.20)) !important;
}
.sidebar-subgroup summary {
position: relative !important;
overflow: hidden !important;
}
.sidebar-subgroup summary::after {
content: "" !important;
position: absolute !important;
left: 12px !important;
right: 12px !important;
bottom: 0 !important;
height: 2px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(14,165,233,.65), rgba(20,184,166,.55), rgba(245,158,11,.48)) !important;
}
.top-header {
position: fixed !important;
}
.top-header::before {
content: "" !important;
position: absolute !important;
left: 22px !important;
right: 22px !important;
top: 0 !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, var(--yk-visual-cyan), var(--yk-visual-teal), var(--yk-visual-rose)) !important;
opacity: .88 !important;
}
.main-container > .page-header,
.patient-header,
.card-header,
.tools-collapse > summary {
position: relative !important;
}
.main-container > .page-header::before,
.patient-header::before {
content: "" !important;
position: absolute !important;
left: 0 !important;
top: 0 !important;
width: 72px !important;
height: 4px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, var(--yk-visual-cyan), var(--yk-visual-teal), var(--yk-visual-amber)) !important;
}
.tool-card,
.tool-card-lg,
.quick-card,
.stat-card,
.metric-card {
position: relative !important;
overflow: hidden !important;
}
.tool-card::before,
.tool-card-lg::before,
.quick-card::before,
.stat-card::before,
.metric-card::before {
content: "" !important;
position: absolute !important;
left: 14px !important;
right: 14px !important;
top: 0 !important;
height: 3px !important;
border-radius: 999px !important;
background: linear-gradient(90deg, rgba(14,165,233,.82), rgba(20,184,166,.72), rgba(139,92,246,.58)) !important;
}
@media (max-width: 768px) {
.sidebar-quick-action {
grid-template-columns: 38px minmax(0, 1fr) !important;
min-height: 60px !important;
}
.sidebar-quick-action i {
width: 36px !important;
height: 36px !important;
}
}
/* D108: Windows Chrome parity layer. macOS Safari/Chrome already falls back
   to San Francisco and looks polished; Windows Chrome used Segoe fallback too
   aggressively. This layer gives Windows Chrome the same calm web-app finish
   without changing routes or workflows. */
html.yk-win-chrome {
--font-body: "Plus Jakarta Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
--font-display: "Outfit", "Plus Jakarta Sans", "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
--yk-win-surface: rgba(255,255,255,.88);
--yk-win-surface-strong: rgba(255,255,255,.96);
--yk-win-line: rgba(82,124,160,.18);
--yk-win-line-strong: rgba(14,165,233,.30);
--yk-win-shadow: 0 22px 58px rgba(18,55,84,.13);
--yk-win-shadow-soft: 0 12px 30px rgba(18,55,84,.09);
--yk-win-ink: #17324D;
--yk-win-muted: #617891;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: geometricPrecision;
font-synthesis-weight: none;
}
html.yk-win-chrome body,
html.yk-win-chrome button,
html.yk-win-chrome input,
html.yk-win-chrome select,
html.yk-win-chrome textarea,
html.yk-win-chrome .btn,
html.yk-win-chrome .form-control,
html.yk-win-chrome .form-select,
html.yk-win-chrome .card,
html.yk-win-chrome .sidebar,
html.yk-win-chrome .top-header {
font-family: var(--font-body) !important;
}
html.yk-win-chrome h1,
html.yk-win-chrome h2,
html.yk-win-chrome h3,
html.yk-win-chrome h4,
html.yk-win-chrome h5,
html.yk-win-chrome h6,
html.yk-win-chrome .sidebar-brand-name,
html.yk-win-chrome .top-header-title strong,
html.yk-win-chrome .yk-patient-name {
font-family: var(--font-display) !important;
font-optical-sizing: auto;
letter-spacing: 0 !important;
}
html.yk-win-chrome:not([data-theme="dark"]) body {
background:
linear-gradient(180deg, rgba(255,255,255,.60), rgba(255,255,255,0) 190px),
linear-gradient(120deg, rgba(14,165,233,.10), transparent 34%),
linear-gradient(240deg, rgba(20,184,166,.10), transparent 36%),
linear-gradient(135deg, #F7FCFF 0%, #EEF8FC 52%, #F4FBF8 100%) !important;
color: var(--yk-win-ink) !important;
-webkit-text-fill-color: var(--yk-win-ink) !important;
}
html.yk-win-chrome .top-header,
html.yk-win-chrome .sidebar,
html.yk-win-chrome .card,
html.yk-win-chrome .patient-card,
html.yk-win-chrome .tools-collapse,
html.yk-win-chrome .form-section,
html.yk-win-chrome .yk-card,
html.yk-win-chrome .yk-panel,
html.yk-win-chrome .quick-card,
html.yk-win-chrome .tool-card,
html.yk-win-chrome .stat-card,
html.yk-win-chrome .metric-card {
border-color: var(--yk-win-line) !important;
background: linear-gradient(145deg, var(--yk-win-surface-strong), var(--yk-win-surface)) !important;
box-shadow: var(--yk-win-shadow-soft), inset 0 1px 0 rgba(255,255,255,.82) !important;
backdrop-filter: blur(22px) saturate(1.16) !important;
-webkit-backdrop-filter: blur(22px) saturate(1.16) !important;
}
html.yk-win-chrome .top-header,
html.yk-win-chrome .sidebar {
box-shadow: var(--yk-win-shadow) !important;
}
html.yk-win-chrome .top-header {
border-radius: 24px !important;
}
html.yk-win-chrome .sidebar {
background: linear-gradient(145deg, rgba(255,255,255,.96), rgba(237,249,255,.88)) !important;
}
html.yk-win-chrome .main-container {
max-width: 1540px !important;
}
html.yk-win-chrome .main-container h1,
html.yk-win-chrome .patient-header h1 {
font-weight: 780 !important;
color: #18334F !important;
-webkit-text-fill-color: #18334F !important;
}
html.yk-win-chrome .main-container h2,
html.yk-win-chrome .main-container h3,
html.yk-win-chrome .main-container h4,
html.yk-win-chrome .main-container h5 {
font-weight: 720 !important;
color: #203A56 !important;
-webkit-text-fill-color: #203A56 !important;
}
html.yk-win-chrome .text-muted,
html.yk-win-chrome .main-container small,
html.yk-win-chrome .card small,
html.yk-win-chrome .patient-header p,
html.yk-win-chrome .yk-patient-meta,
html.yk-win-chrome .yk-patient-chip {
color: var(--yk-win-muted) !important;
-webkit-text-fill-color: var(--yk-win-muted) !important;
}
html.yk-win-chrome .sidebar-link,
html.yk-win-chrome .sidebar-quick-action,
html.yk-win-chrome .yk-sidebar-mode-tab,
html.yk-win-chrome .sidebar-fold {
border-color: rgba(95,136,168,.16) !important;
background: linear-gradient(145deg, rgba(255,255,255,.90), rgba(242,250,255,.72)) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.78) !important;
}
html.yk-win-chrome .sidebar-link:hover,
html.yk-win-chrome .sidebar-link.active,
html.yk-win-chrome .sidebar-quick-action:hover {
border-color: var(--yk-win-line-strong) !important;
box-shadow: 0 14px 30px rgba(18,55,84,.12), inset 0 1px 0 rgba(255,255,255,.86) !important;
}
html.yk-win-chrome .btn,
html.yk-win-chrome .top-quick-links a,
html.yk-win-chrome .header-icon-btn,
html.yk-win-chrome .profile-chip {
border-radius: 14px !important;
font-weight: 720 !important;
line-height: 1.16 !important;
box-shadow: 0 12px 28px rgba(16,47,75,.11) !important;
}
html.yk-win-chrome .btn-primary,
html.yk-win-chrome .btn-success,
html.yk-win-chrome button[type="submit"].btn {
background: linear-gradient(135deg, #0B75D1 0%, #0EA5E9 45%, #14B8A6 100%) !important;
}
html.yk-win-chrome .form-control,
html.yk-win-chrome .form-select,
html.yk-win-chrome textarea {
background: rgba(255,255,255,.91) !important;
border-color: rgba(82,124,160,.22) !important;
box-shadow: inset 0 1px 0 rgba(255,255,255,.88), 0 8px 20px rgba(18,55,84,.05) !important;
}
html.yk-win-chrome .form-control:focus,
html.yk-win-chrome .form-select:focus,
html.yk-win-chrome textarea:focus {
border-color: rgba(14,165,233,.54) !important;
box-shadow: 0 0 0 3px rgba(14,165,233,.15), 0 14px 30px rgba(14,165,233,.10) !important;
}
html.yk-win-chrome .patient-card.yk-patient-card {
background:
linear-gradient(100deg, color-mix(in srgb, var(--yk-patient-accent), transparent 93%) 0%, transparent 42%),
linear-gradient(168deg, rgba(255,255,255,.99) 0%, rgba(248,253,255,.95) 56%, color-mix(in srgb, var(--yk-patient-accent-2), white 93%) 100%) !important;
box-shadow: 0 22px 52px rgba(15,49,75,.12), inset 0 1px 0 rgba(255,255,255,.92) !important;
}
html.yk-win-chrome .patient-card.yk-patient-card:hover {
box-shadow: 0 28px 62px rgba(15,49,75,.17), inset 0 1px 0 rgba(255,255,255,.95) !important;
}
html.yk-win-chrome .yk-patient-name {
font-weight: 790 !important;
}
html.yk-win-chrome *::-webkit-scrollbar {
width: 10px;
height: 10px;
}
html.yk-win-chrome *::-webkit-scrollbar-thumb {
border: 2px solid rgba(247,252,255,.78);
background: linear-gradient(180deg, rgba(14,165,233,.70), rgba(20,184,166,.70));
}
html.yk-win-chrome[data-theme="dark"] {
--yk-win-surface: rgba(22,33,54,.82);
--yk-win-surface-strong: rgba(28,42,66,.94);
--yk-win-line: rgba(147,197,253,.18);
--yk-win-line-strong: rgba(125,211,252,.34);
--yk-win-shadow: 0 24px 64px rgba(0,0,0,.34);
--yk-win-shadow-soft: 0 16px 40px rgba(0,0,0,.28);
--yk-win-ink: #EAF7FF;
--yk-win-muted: #BBD0E8;
}
html.yk-win-chrome[data-theme="dark"] .sidebar {
background: linear-gradient(145deg, rgba(22,33,54,.94), rgba(10,28,43,.82)) !important;
}
html.yk-win-chrome[data-theme="dark"] .form-control,
html.yk-win-chrome[data-theme="dark"] .form-select,
html.yk-win-chrome[data-theme="dark"] textarea {
background: rgba(14,27,44,.88) !important;
}
/* D120: Windows Chrome refinement layer.
   Macta SF Pro/Safari kadar bicimsel hissettiren focus, hover ve table polish.
   Onceki D108 katmaninin uzerine ekleniyor. */
html.yk-win-chrome .btn,
html.yk-win-chrome .form-control,
html.yk-win-chrome .form-select,
html.yk-win-chrome textarea,
html.yk-win-chrome .input-group-text {
border-radius: 12px !important;
transition: border-color .15s ease, box-shadow .15s ease, background-color .15s ease, transform .12s ease !important;
}
html.yk-win-chrome .btn:focus-visible,
html.yk-win-chrome .form-control:focus,
html.yk-win-chrome .form-select:focus,
html.yk-win-chrome textarea:focus,
html.yk-win-chrome a:focus-visible {
outline: none !important;
box-shadow: 0 0 0 3px rgba(14,165,233,.22), 0 0 0 1px rgba(14,165,233,.55) !important;
border-color: rgba(14,165,233,.55) !important;
}
html.yk-win-chrome .btn:hover {
transform: translateY(-1px);
}
html.yk-win-chrome .btn:active {
transform: translateY(0);
}
html.yk-win-chrome table.table {
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 14px !important;
overflow: hidden !important;
box-shadow: 0 1px 0 rgba(82,124,160,.10), 0 12px 28px rgba(15,30,55,.06) !important;
}
html.yk-win-chrome table.table thead th {
background: linear-gradient(180deg, rgba(241,250,255,.96), rgba(228,243,252,.96)) !important;
color: #18334F !important;
font-weight: 720 !important;
letter-spacing: .01em !important;
border-bottom: 1px solid rgba(82,124,160,.18) !important;
}
html.yk-win-chrome table.table tbody tr:hover {
background: rgba(14,165,233,.06) !important;
}
html.yk-win-chrome .badge {
border-radius: 10px !important;
font-weight: 700 !important;
letter-spacing: .01em !important;
}
html.yk-win-chrome .modal-content,
html.yk-win-chrome .dropdown-menu,
html.yk-win-chrome .popover {
border-radius: 18px !important;
border: 1px solid var(--yk-win-line) !important;
box-shadow: var(--yk-win-shadow) !important;
backdrop-filter: blur(28px) saturate(1.18) !important;
-webkit-backdrop-filter: blur(28px) saturate(1.18) !important;
}
html.yk-win-chrome .nav-tabs .nav-link.active {
background: linear-gradient(180deg, #FFFFFF, #F1FAFF) !important;
border-color: rgba(82,124,160,.22) !important;
border-bottom-color: transparent !important;
color: #15304A !important;
font-weight: 750 !important;
}
html.yk-win-chrome .alert {
border-radius: 14px !important;
border: 1px solid rgba(82,124,160,.18) !important;
}
html.yk-win-chrome .yk-card,
html.yk-win-chrome .card {
border-radius: 16px !important;
}
html.yk-win-chrome img {
image-rendering: -webkit-optimize-contrast;
}
/* Dark mod: ayni ince siniflari koru */
html.yk-win-chrome[data-theme="dark"] .btn:focus-visible,
html.yk-win-chrome[data-theme="dark"] .form-control:focus,
html.yk-win-chrome[data-theme="dark"] .form-select:focus,
html.yk-win-chrome[data-theme="dark"] textarea:focus {
box-shadow: 0 0 0 3px rgba(125,211,252,.30), 0 0 0 1px rgba(125,211,252,.62) !important;
border-color: rgba(125,211,252,.65) !important;
}
html.yk-win-chrome[data-theme="dark"] table.table thead th {
background: linear-gradient(180deg, rgba(28,42,66,.96), rgba(18,30,50,.96)) !important;
color: #EAF7FF !important;
}
html.yk-win-chrome[data-theme="dark"] table.table tbody tr:hover {
background: rgba(125,211,252,.10) !important;
}
/* D120: PDF Atolyesi + HD Studio profesyonel cila katmani.
   Mevcut sayfa-ici stilin uzerine ince derinlik, focus ringi ve modern yuvarlama
   ekler; sayfa mantigina dokunmaz. */
.pdf-workbench .pdf-topbar,
.pdf-workbench .pdf-panel,
.pdf-workbench .pdf-composer-panel {
border-radius: 14px !important;
border: 1px solid rgba(82,124,160,.18) !important;
box-shadow: 0 1px 0 rgba(82,124,160,.08), 0 14px 36px rgba(15,30,55,.07) !important;
}
.pdf-workbench .pdf-topbar {
background: linear-gradient(180deg,#FBFEFF 0,#F1F8FE 100%) !important;
}
.pdf-workbench .pdf-panel {
background: linear-gradient(180deg,#FFFFFF 0,#FAFDFF 100%) !important;
}
.pdf-workbench .pdf-row {
border-radius: 12px !important;
transition: border-color .15s ease, background-color .15s ease, transform .12s ease !important;
}
.pdf-workbench .pdf-row:hover {
transform: translateY(-1px);
border-color: #1F4FA3 !important;
background: linear-gradient(180deg,#F4FAFF,#EBF3FC) !important;
}
.pdf-workbench .pdf-row.is-active {
border-color: #0F766E !important;
background: linear-gradient(180deg,#F0FDF7,#E6F8F1) !important;
box-shadow: inset 0 0 0 1px rgba(15,118,110,.20) !important;
}
.pdf-workbench .pdf-image-card {
border-radius: 12px !important;
border: 1px solid rgba(82,124,160,.18) !important;
box-shadow: 0 8px 22px rgba(15,30,55,.08) !important;
transition: transform .15s ease, box-shadow .18s ease;
}
.pdf-workbench .pdf-image-card:hover {
transform: translateY(-2px);
box-shadow: 0 18px 36px rgba(15,30,55,.14) !important;
}
.pdf-workbench .pdf-stage-shell {
border-radius: 14px !important;
background: linear-gradient(180deg,#F2F6FB 0,#E7EEF6 100%) !important;
}
.pdf-workbench .pdf-page-stage {
border-radius: 8px !important;
box-shadow: 0 22px 60px rgba(15,23,42,.22), 0 0 0 1px rgba(82,124,160,.10) !important;
}
.pdf-workbench .btn,
.pdf-workbench .form-control,
.pdf-workbench .form-select {
border-radius: 10px !important;
}
/* HD Studio polish */
.yk-hd-entry-shell {
border-radius: 14px !important;
border: 1px solid rgba(82,124,160,.20) !important;
box-shadow: 0 22px 56px rgba(15,38,36,.13), 0 1px 0 rgba(255,255,255,.6) inset !important;
}
.yk-hd-entry-shell h1 {
background: linear-gradient(95deg,#102A43 0%,#1F4FA3 60%,#0F766E 110%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent !important;
}
.yk-hd-entry-actions .btn {
border-radius: 10px !important;
}
.yk-hd-entry-monitor {
border-radius: 10px !important;
position: relative;
overflow: hidden;
}
.yk-hd-entry-monitor::after {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(circle at 70% 20%, rgba(125,211,252,.18), transparent 35%),
radial-gradient(circle at 20% 80%, rgba(15,118,110,.18), transparent 40%);
pointer-events: none;
}
/* HD Studio (yz-resim-iyilestir) page polish */
.yk-hd-stage,
.yk-hd-tools,
.yk-hd-shell {
border-radius: 14px !important;
}
.yk-hd-shell .btn,
.yk-hd-shell .form-control,
.yk-hd-shell .form-select {
border-radius: 10px !important;
}
/* D121: ViewPoint 6 esinlenmis klinik UI cilasi.
   Hedef: doktor (Op. Dr. Hakan YAZ) gozune GE ViewPoint 6 stilinde profesyonel,
   klinik-grade, sakin ve dense bir veri paneli hissi. Tum sayfalarda etkili. */
:root {
--yk-vp-ink: #0B2545;
--yk-vp-ink-soft: #364B6B;
--yk-vp-muted: #64748B;
--yk-vp-line: #D6E0EE;
--yk-vp-line-soft: #E6ECF4;
--yk-vp-bg: #F4F7FB;
--yk-vp-card: #FFFFFF;
--yk-vp-accent: #1E3A8A;
--yk-vp-accent-soft: #3B82F6;
--yk-vp-success: #047857;
--yk-vp-warn: #B45309;
--yk-vp-danger: #B91C1C;
--yk-vp-shadow-sm: 0 1px 0 rgba(11,37,69,.06), 0 1px 3px rgba(11,37,69,.05);
--yk-vp-shadow-md: 0 1px 0 rgba(11,37,69,.05), 0 8px 24px rgba(11,37,69,.07);
--yk-vp-radius: 10px;
--yk-vp-radius-lg: 14px;
}
body, .main-content, .main-container {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
/* Klinik veri tablolari: tabular-nums + sticky header + zebra */
.card .table, .yk-card .table, .table-clinical, table.table {
font-variant-numeric: tabular-nums;
font-feature-settings: "tnum" 1, "lnum" 1;
}
table.table thead th {
background: linear-gradient(180deg,#F1F6FC 0,#E8F0F9 100%);
color: var(--yk-vp-ink) !important;
font-weight: 700 !important;
font-size: .82rem;
letter-spacing: .04em;
text-transform: uppercase;
border-bottom: 1px solid var(--yk-vp-line) !important;
padding-top: 9px !important;
padding-bottom: 9px !important;
}
table.table tbody tr {
border-color: var(--yk-vp-line-soft) !important;
}
table.table tbody tr:nth-child(odd) {
background: rgba(244,247,251,.55);
}
table.table tbody tr:hover {
background: rgba(59,130,246,.07) !important;
}
table.table td, table.table th {
vertical-align: middle !important;
}
/* Numerik hucreler: sag-aligned + monospace tnum */
table.table td.num, table.table th.num,
table.table td[data-num="1"], table.table td.value,
table.table .num {
text-align: right;
font-variant-numeric: tabular-nums;
}
/* Klinik kartlar: ince border, basliklik bar, derinlik */
.card, .yk-card {
border-radius: var(--yk-vp-radius-lg) !important;
border: 1px solid var(--yk-vp-line) !important;
box-shadow: var(--yk-vp-shadow-sm) !important;
}
.card .card-header,
.yk-card .yk-card-header,
.card-header.bg-light,
.card-header.bg-white {
background: linear-gradient(180deg,#F8FBFF 0,#EEF4FB 100%) !important;
border-bottom: 1px solid var(--yk-vp-line) !important;
color: var(--yk-vp-ink) !important;
font-weight: 700 !important;
letter-spacing: .015em;
}
.card .card-header h1, .card .card-header h2, .card .card-header h3,
.card .card-header h4, .card .card-header h5, .card .card-header h6 {
color: var(--yk-vp-ink) !important;
margin-bottom: 0 !important;
}
/* Form alanlari: klinik formlar tigt */
.form-label, label.form-label, .form-check-label.fw-bold {
font-size: .82rem;
font-weight: 700;
letter-spacing: .03em;
text-transform: uppercase;
color: var(--yk-vp-ink-soft);
margin-bottom: 4px !important;
}
.form-control, .form-select {
border-color: var(--yk-vp-line) !important;
font-variant-numeric: tabular-nums;
}
.form-control:focus, .form-select:focus {
border-color: var(--yk-vp-accent-soft) !important;
box-shadow: 0 0 0 3px rgba(59,130,246,.18) !important;
}
.input-group-text {
background: #F1F6FC !important;
color: var(--yk-vp-ink-soft) !important;
border-color: var(--yk-vp-line) !important;
font-weight: 600;
}
/* Klinik degerler: buyuk numara + birim tagi */
.yk-vp-value {
display: inline-flex;
align-items: baseline;
gap: 4px;
}
.yk-vp-value .num {
font-size: 1.45rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--yk-vp-ink);
line-height: 1;
}
.yk-vp-value .unit {
font-size: .75rem;
font-weight: 600;
color: var(--yk-vp-muted);
text-transform: lowercase;
letter-spacing: .02em;
}
.yk-vp-value.is-warn .num { color: var(--yk-vp-warn); }
.yk-vp-value.is-high .num { color: var(--yk-vp-danger); }
.yk-vp-value.is-low .num { color: var(--yk-vp-warn); }
.yk-vp-value.is-ok .num { color: var(--yk-vp-success); }
/* Status pills: ViewPoint stili */
.badge.bg-success, .badge.bg-success-subtle {
background: #DCFCE7 !important;
color: #166534 !important;
border: 1px solid #BBF7D0 !important;
font-weight: 700 !important;
letter-spacing: .03em !important;
text-transform: uppercase;
font-size: .72rem !important;
padding: 4px 9px !important;
}
.badge.bg-warning, .badge.bg-warning-subtle {
background: #FEF3C7 !important;
color: #92400E !important;
border: 1px solid #FDE68A !important;
font-weight: 700 !important;
letter-spacing: .03em !important;
text-transform: uppercase;
font-size: .72rem !important;
padding: 4px 9px !important;
}
.badge.bg-danger, .badge.bg-danger-subtle {
background: #FEE2E2 !important;
color: #991B1B !important;
border: 1px solid #FECACA !important;
font-weight: 700 !important;
letter-spacing: .03em !important;
text-transform: uppercase;
font-size: .72rem !important;
padding: 4px 9px !important;
}
.badge.bg-info, .badge.bg-primary, .badge.bg-info-subtle, .badge.bg-primary-subtle {
background: #DBEAFE !important;
color: #1E3A8A !important;
border: 1px solid #BFDBFE !important;
font-weight: 700 !important;
letter-spacing: .03em !important;
text-transform: uppercase;
font-size: .72rem !important;
padding: 4px 9px !important;
}
/* Hasta header: kompakt, klinik info-bar */
.patient-header, .yk-patient-header, .yk-rx-patient-block {
background: linear-gradient(180deg,#F8FBFF 0,#EFF4FB 100%) !important;
border-radius: var(--yk-vp-radius-lg) !important;
border: 1px solid var(--yk-vp-line) !important;
box-shadow: var(--yk-vp-shadow-sm) !important;
}
.patient-header h1, .patient-header h2,
.yk-patient-header h1, .yk-patient-header h2 {
color: var(--yk-vp-ink) !important;
font-weight: 700 !important;
letter-spacing: -.01em;
}
.patient-header .small, .patient-header .text-muted,
.yk-patient-header .small, .yk-patient-header .text-muted {
color: var(--yk-vp-muted) !important;
font-weight: 500;
}
/* Buton sistemleri: klinik primer, ince */
.btn {
font-weight: 600 !important;
letter-spacing: .015em;
}
.btn-primary {
background: linear-gradient(180deg,#2563EB 0,#1E3A8A 100%) !important;
border-color: #1E3A8A !important;
}
.btn-primary:hover {
background: linear-gradient(180deg,#1D4ED8 0,#1E40AF 100%) !important;
border-color: #1E3A8A !important;
}
.btn-outline-primary {
border-color: var(--yk-vp-accent) !important;
color: var(--yk-vp-accent) !important;
}
.btn-outline-primary:hover {
background: var(--yk-vp-accent) !important;
color: #fff !important;
}
.btn-success {
background: linear-gradient(180deg,#059669 0,#047857 100%) !important;
border-color: #047857 !important;
}
.btn-secondary {
background: linear-gradient(180deg,#64748B 0,#475569 100%) !important;
border-color: #475569 !important;
}
/* Tab/nav: klinik */
.nav-tabs .nav-link {
font-weight: 600 !important;
color: var(--yk-vp-muted) !important;
border-radius: var(--yk-vp-radius) var(--yk-vp-radius) 0 0 !important;
}
.nav-tabs .nav-link.active {
color: var(--yk-vp-accent) !important;
border-bottom: 2px solid var(--yk-vp-accent) !important;
background: #FFFFFF !important;
}
/* Alerts klinik */
.alert {
border-radius: var(--yk-vp-radius-lg) !important;
border-width: 1px !important;
font-weight: 500;
}
.alert-success {
background: #ECFDF5 !important;
color: #064E3B !important;
border-color: #A7F3D0 !important;
}
.alert-warning {
background: #FFFBEB !important;
color: #78350F !important;
border-color: #FDE68A !important;
}
.alert-danger {
background: #FEF2F2 !important;
color: #7F1D1D !important;
border-color: #FECACA !important;
}
.alert-info {
background: #EFF6FF !important;
color: #1E3A8A !important;
border-color: #BFDBFE !important;
}
/* Modal/dropdown: ince border + derinlik */
.modal-content {
border-radius: 18px !important;
border: 1px solid var(--yk-vp-line) !important;
box-shadow: var(--yk-vp-shadow-md) !important;
}
.modal-header {
background: linear-gradient(180deg,#F8FBFF 0,#EEF4FB 100%) !important;
border-bottom: 1px solid var(--yk-vp-line) !important;
}
.modal-header .modal-title {
color: var(--yk-vp-ink) !important;
font-weight: 700 !important;
}
.dropdown-menu {
border-radius: var(--yk-vp-radius-lg) !important;
border: 1px solid var(--yk-vp-line) !important;
box-shadow: var(--yk-vp-shadow-md) !important;
}
.dropdown-item:hover {
background: rgba(59,130,246,.08) !important;
color: var(--yk-vp-accent) !important;
}
/* USG/lab ozet kartlari (varsa) — degerler vurgulu */
.yk-vp-stat-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
gap: 10px;
}
.yk-vp-stat {
background: linear-gradient(180deg,#FFFFFF 0,#F6FAFE 100%);
border: 1px solid var(--yk-vp-line);
border-radius: var(--yk-vp-radius);
padding: 10px 12px;
box-shadow: var(--yk-vp-shadow-sm);
}
.yk-vp-stat .label {
font-size: .68rem;
font-weight: 700;
letter-spacing: .06em;
text-transform: uppercase;
color: var(--yk-vp-muted);
margin-bottom: 4px;
}
.yk-vp-stat .num {
font-size: 1.35rem;
font-weight: 700;
font-variant-numeric: tabular-nums;
color: var(--yk-vp-ink);
line-height: 1.1;
}
.yk-vp-stat .unit {
font-size: .72rem;
font-weight: 600;
color: var(--yk-vp-muted);
margin-left: 3px;
}
.yk-vp-stat .delta {
font-size: .72rem;
font-weight: 600;
color: var(--yk-vp-success);
}
.yk-vp-stat .delta.is-down {
color: var(--yk-vp-danger);
}
/* Print: A4 klinik rapor */
@media print {
body, .main-content, .main-container {
background: #fff !important;
}
table.table thead th {
background: #F1F6FC !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.card, .yk-card {
break-inside: avoid;
box-shadow: none !important;
}
.no-print, .yk-no-print { display: none !important; }
}
/* Dark mod uyumu (sadece okunaklilik) */
[data-theme="dark"] :root {
--yk-vp-ink: #E2E8F0;
--yk-vp-ink-soft: #CBD5E1;
--yk-vp-muted: #94A3B8;
--yk-vp-line: #1E3559;
--yk-vp-line-soft: #16243F;
--yk-vp-bg: #0B1A2C;
--yk-vp-card: #122036;
}
/* D109: macOS visual lock. The Windows Chrome polish must never pull macOS
   Safari/Chrome away from its native Apple look. */
html.yk-mac-web {
--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, sans-serif !important;
--font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", Arial, sans-serif !important;
--font-serif: "New York", "Iowan Old Style", Georgia, serif !important;
--yk-mac-ink: #10243F;
--yk-mac-muted: #53687F;
--yk-mac-soft: #6B7D91;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html.yk-mac-web body,
html.yk-mac-web .app-layout,
html.yk-mac-web .main-content,
html.yk-mac-web .main-container,
html.yk-mac-web .top-header,
html.yk-mac-web .sidebar,
html.yk-mac-web .card,
html.yk-mac-web .modal,
html.yk-mac-web .dropdown-menu,
html.yk-mac-web .patient-header,
html.yk-mac-web input,
html.yk-mac-web button,
html.yk-mac-web select,
html.yk-mac-web textarea,
html.yk-mac-web .btn,
html.yk-mac-web .form-control,
html.yk-mac-web .form-select,
html.yk-mac-web .badge,
html.yk-mac-web .alert {
font-family: var(--font-body) !important;
}
html.yk-mac-web h1,
html.yk-mac-web h2,
html.yk-mac-web h3,
html.yk-mac-web h4,
html.yk-mac-web h5,
html.yk-mac-web h6,
html.yk-mac-web .sidebar-brand-name,
html.yk-mac-web .top-header-title strong,
html.yk-mac-web .yk-patient-name {
font-family: var(--font-display) !important;
letter-spacing: 0 !important;
font-optical-sizing: auto;
}
html.yk-mac-web .main-content :where(h1,h2,h3,h4,h5,h6,p,span,small,label,a,button,input,textarea,select,td,th,li,div):not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
html.yk-mac-web .top-header :where(strong,span,a,button,input):not(.bi):not([class^="bi-"]):not([class*=" bi-"]),
html.yk-mac-web .sidebar :where(strong,span,a,button,div):not(.bi):not([class^="bi-"]):not([class*=" bi-"]) {
font-family: var(--font-body) !important;
}
html.yk-mac-web:not([data-theme="dark"]) body {
background:
linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,0) 210px),
linear-gradient(180deg, #F8FCFF 0%, #EFF7FB 54%, #EAF2F9 100%) !important;
color: var(--yk-mac-ink) !important;
-webkit-text-fill-color: var(--yk-mac-ink) !important;
}
html.yk-mac-web .text-muted,
html.yk-mac-web .main-container small,
html.yk-mac-web .card small,
html.yk-mac-web .patient-header p,
html.yk-mac-web .yk-patient-meta,
html.yk-mac-web .yk-patient-chip {
color: var(--yk-mac-muted) !important;
-webkit-text-fill-color: var(--yk-mac-muted) !important;
}
/* YK PREMIUM OVERRIDES taşındı -> /static/yk-premium.css (head'de <link>) */
/* ============================================================
   D250 CLASSIC PREMIUM VISUAL LAYER
   Calm enterprise clinical UI: flat surfaces, 8px geometry,
   restrained color, clear focus states, less visual fatigue.
   ============================================================ */
:root {
--yk-classic-navy: #12324D;
--yk-classic-blue: #1F6FB2;
--yk-classic-teal: #187C78;
--yk-classic-rose: #4F7C7B;
--yk-classic-bg: #EEF2F6;
--yk-classic-panel: #FFFFFF;
--yk-classic-panel-2: #F8FAFC;
--yk-classic-line: #D5DEE8;
--yk-classic-line-2: #E7EDF3;
--yk-classic-ink: #16283A;
--yk-classic-muted: #5F7082;
--yk-classic-soft: #8795A4;
--yk-classic-shadow-xs: 0 1px 1px rgba(18, 50, 77, .04);
--yk-classic-shadow-sm: 0 1px 2px rgba(18, 50, 77, .06), 0 6px 18px rgba(18, 50, 77, .05);
--yk-classic-shadow-md: 0 1px 2px rgba(18, 50, 77, .07), 0 12px 28px rgba(18, 50, 77, .08);
--yk-classic-radius: 8px;
--yk-classic-radius-sm: 6px;
--yk-classic-radius-xs: 4px;
--palette-accent: var(--yk-classic-blue);
--palette-accent-dark: #15598E;
--palette-accent-soft: #E7F0F8;
--palette-card: var(--yk-classic-panel);
--palette-bg: var(--yk-classic-bg);
}

:root[data-palette="classic-premium"] {
--palette-accent: var(--yk-classic-blue);
--palette-accent-dark: #15598E;
--palette-accent-soft: #E7F0F8;
--palette-bg: var(--yk-classic-bg);
--palette-card: var(--yk-classic-panel);
--yk-theme-page: var(--yk-classic-bg);
--yk-theme-page-2: #E8EEF4;
--yk-theme-page-3: #F7F9FB;
--yk-theme-surface: var(--yk-classic-panel);
--yk-theme-surface-soft: var(--yk-classic-panel-2);
--yk-theme-surface-strong: #FFFFFF;
--yk-theme-header: rgba(255, 255, 255, .96);
--yk-theme-sidebar: #F8FAFC;
--yk-theme-sidebar-2: #EEF3F8;
--yk-theme-line: var(--yk-classic-line);
--yk-theme-line-strong: #C4D0DC;
--yk-theme-text: var(--yk-classic-ink);
--yk-theme-muted: var(--yk-classic-muted);
}

html:not([data-theme="dark"]) body {
background: linear-gradient(180deg, #F7F9FB 0%, var(--yk-classic-bg) 100%) !important;
color: var(--yk-classic-ink) !important;
font-family: "Segoe UI", "Manrope", Arial, sans-serif !important;
font-size: 14px !important;
letter-spacing: 0 !important;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
}
html:not([data-theme="dark"]) .main-content,
html:not([data-theme="dark"]) .main-container,
html:not([data-theme="dark"]) .content-area,
html:not([data-theme="dark"]) .app-shell,
html:not([data-theme="dark"]) main {
background: transparent !important;
}

html:not([data-theme="dark"]) .main-container {
padding-top: 18px !important;
}

html:not([data-theme="dark"]) .top-header,
html:not([data-theme="dark"]) .yk-header {
background: rgba(255, 255, 255, .96) !important;
border-bottom: 1px solid var(--yk-classic-line) !important;
box-shadow: var(--yk-classic-shadow-xs) !important;
backdrop-filter: blur(10px) saturate(1.05) !important;
-webkit-backdrop-filter: blur(10px) saturate(1.05) !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav,
html:not([data-theme="dark"]) [data-sidebar-palette] .sidebar.use-modern-nav {
background: linear-gradient(180deg, #FFFFFF 0%, #F3F6F9 100%) !important;
border-right: 1px solid var(--yk-classic-line) !important;
box-shadow: 1px 0 0 rgba(18, 50, 77, .04) !important;
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}

.sidebar-brand {
border-radius: var(--yk-classic-radius) !important;
}

html:not([data-theme="dark"]) .sidebar-brand-icon {
border-radius: var(--yk-classic-radius) !important;
box-shadow: var(--yk-classic-shadow-sm) !important;
background: linear-gradient(180deg, #FFFFFF 0%, #EAF1F8 100%) !important;
}

html:not([data-theme="dark"]) .sidebar-brand-name,
html:not([data-theme="dark"]) .sidebar-brand-doctor,
html:not([data-theme="dark"]) .profile-name,
html:not([data-theme="dark"]) .profile-role {
color: var(--yk-classic-ink) !important;
letter-spacing: 0 !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link {
border-radius: var(--yk-classic-radius-sm) !important;
color: var(--yk-classic-ink) !important;
font-weight: 650 !important;
box-shadow: none !important;
background: transparent !important;
letter-spacing: 0 !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link:hover {
background: #EEF4FA !important;
transform: none !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active {
background: var(--yk-classic-navy) !important;
color: #FFFFFF !important;
box-shadow: inset 0 0 0 1px rgba(255,255,255,.08) !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active i,
html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon,
html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active span {
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav .quick-action,
html:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-quick a,
html:not([data-theme="dark"]) .sidebar.use-modern-nav [class*="widget"],
html:not([data-theme="dark"]) .sidebar.use-modern-nav [class*="komuta"],
html:not([data-theme="dark"]) .sidebar.use-modern-nav .yk-sidebar-card {
background: #FFFFFF !important;
border: 1px solid var(--yk-classic-line-2) !important;
border-radius: var(--yk-classic-radius) !important;
box-shadow: var(--yk-classic-shadow-xs) !important;
}

.card, .yk-card, .stat-card, .kpi-card, .summary-card, .metric-card,
.dashboard-card, .info-card, .yk-panel, .yk-widget, .yk-section,
.patient-card, .yk-patient-card, .yk-patient-command, .yk-patient-metric,
.theme-panel, .modal-content, .dropdown-menu, .toast, .popover,
.list-group-item, .table-responsive {
border-radius: var(--yk-classic-radius) !important;
box-shadow: var(--yk-classic-shadow-sm) !important;
border-color: var(--yk-classic-line) !important;
}

html:not([data-theme="dark"]) .card,
html:not([data-theme="dark"]) .yk-card,
html:not([data-theme="dark"]) .stat-card,
html:not([data-theme="dark"]) .kpi-card,
html:not([data-theme="dark"]) .summary-card,
html:not([data-theme="dark"]) .metric-card,
html:not([data-theme="dark"]) .dashboard-card,
html:not([data-theme="dark"]) .info-card,
html:not([data-theme="dark"]) .yk-panel,
html:not([data-theme="dark"]) .yk-widget,
html:not([data-theme="dark"]) .yk-section,
html:not([data-theme="dark"]) .patient-card,
html:not([data-theme="dark"]) .yk-patient-card,
html:not([data-theme="dark"]) .yk-patient-command,
html:not([data-theme="dark"]) .yk-patient-metric,
html:not([data-theme="dark"]) .list-group-item,
html:not([data-theme="dark"]) .table-responsive {
background: var(--yk-classic-panel) !important;
color: var(--yk-classic-ink) !important;
}

.card:hover, .yk-card:hover, .stat-card:hover,
.patient-card:hover, .yk-patient-card:hover {
transform: none !important;
box-shadow: var(--yk-classic-shadow-md) !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.yk-patient-title h1,
.yk-patient-title-line h1,
.sidebar-brand-name {
letter-spacing: 0 !important;
}

html:not([data-theme="dark"]) h1,
html:not([data-theme="dark"]) h2,
html:not([data-theme="dark"]) h3,
html:not([data-theme="dark"]) h4,
html:not([data-theme="dark"]) h5,
html:not([data-theme="dark"]) h6,
html:not([data-theme="dark"]) .yk-patient-title h1,
html:not([data-theme="dark"]) .yk-patient-title-line h1 {
color: var(--yk-classic-navy) !important;
-webkit-text-fill-color: var(--yk-classic-navy) !important;
}

html:not([data-theme="dark"]) .text-muted,
html:not([data-theme="dark"]) small,
html:not([data-theme="dark"]) .small,
html:not([data-theme="dark"]) .muted,
html:not([data-theme="dark"]) [class*="-meta"],
html:not([data-theme="dark"]) [class*="-hint"] {
color: var(--yk-classic-muted) !important;
-webkit-text-fill-color: var(--yk-classic-muted) !important;
}

.btn, button, .form-control, .form-select, input, select, textarea,
.badge, .pill, .yk-chip, .yk-patient-chip, .header-icon-btn,
.theme-swatch, .theme-mode-btn, .experience-mode-btn {
letter-spacing: 0 !important;
}

.btn {
border-radius: var(--yk-classic-radius) !important;
font-weight: 650 !important;
min-height: 36px;
padding: 7px 13px !important;
box-shadow: none !important;
transition: background-color .14s ease, border-color .14s ease, color .14s ease, box-shadow .14s ease !important;
}

.btn:hover, .btn:active {
transform: none !important;
}

.btn-sm {
min-height: 31px;
border-radius: var(--yk-classic-radius-sm) !important;
padding: 5px 10px !important;
font-size: 12px !important;
}

.btn-lg {
min-height: 42px;
border-radius: var(--yk-classic-radius) !important;
padding: 9px 16px !important;
font-size: 14px !important;
}

.btn-primary, button.btn-primary, .yk-btn-primary {
background: linear-gradient(180deg, var(--yk-classic-blue) 0%, #15598E 100%) !important;
border: 1px solid #15598E !important;
color: #FFFFFF !important;
}

.btn-success, button.btn-success {
background: linear-gradient(180deg, var(--yk-classic-teal) 0%, #11645F 100%) !important;
border: 1px solid #11645F !important;
color: #FFFFFF !important;
}

.btn-danger, button.btn-danger {
background: linear-gradient(180deg, #B64040 0%, #8F2C2C 100%) !important;
border: 1px solid #8F2C2C !important;
color: #FFFFFF !important;
}

.btn-warning, button.btn-warning {
background: linear-gradient(180deg, #B98620 0%, #8C6415 100%) !important;
border: 1px solid #8C6415 !important;
color: #FFFFFF !important;
}

.btn-outline-primary, .btn-outline-success, .btn-outline-secondary,
.btn-outline-dark, .btn-outline-info, .btn-outline-warning,
.btn-light, .btn-soft {
background: #FFFFFF !important;
border: 1px solid var(--yk-classic-line) !important;
color: var(--yk-classic-ink) !important;
}

.btn-outline-primary:hover, .btn-outline-success:hover,
.btn-outline-secondary:hover, .btn-outline-dark:hover,
.btn-outline-info:hover, .btn-outline-warning:hover,
.btn-light:hover, .btn-soft:hover {
background: #EFF4F8 !important;
border-color: #B9C7D4 !important;
color: var(--yk-classic-navy) !important;
}

.header-icon-btn, .top-header .btn, .yk-header .btn,
.profile-chip, .yk-mode-switch, .theme-picker-btn {
border-radius: var(--yk-classic-radius) !important;
background: #FFFFFF !important;
border: 1px solid var(--yk-classic-line) !important;
box-shadow: none !important;
color: var(--yk-classic-ink) !important;
}

.header-icon-btn:hover, .top-header .btn:hover, .yk-header .btn:hover,
.profile-chip:hover, .yk-mode-switch:hover, .theme-picker-btn:hover {
background: #EFF4F8 !important;
border-color: #B9C7D4 !important;
transform: none !important;
}

.form-control, .form-select, .yk-input,
input[type="text"], input[type="search"], input[type="date"],
input[type="time"], input[type="number"], textarea, select {
border-radius: var(--yk-classic-radius-sm) !important;
border: 1px solid var(--yk-classic-line) !important;
background: #FFFFFF !important;
color: var(--yk-classic-ink) !important;
box-shadow: none !important;
}

.form-control:focus, .form-select:focus, .yk-input:focus,
input:focus, textarea:focus, select:focus {
border-color: var(--yk-classic-blue) !important;
box-shadow: 0 0 0 3px rgba(31, 111, 178, .16) !important;
outline: 0 !important;
}
html:not([data-theme="dark"]) .yk-patient-command {
padding: 18px !important;
border-top: 3px solid var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .yk-patient-metric {
min-height: 52px !important;
padding: 10px 12px !important;
}

html:not([data-theme="dark"]) .yk-patient-metric i {
border-radius: var(--yk-classic-radius-sm) !important;
background: #E9F2FA !important;
color: var(--yk-classic-blue) !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-card,
html:not([data-theme="dark"]) .patient-card {
border-left: 4px solid #B8C5D1 !important;
padding: 14px !important;
background: #FFFFFF !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-obstetric,
html:not([data-theme="dark"]) .yk-patient-type-obstetric {
border-left-color: var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic,
html:not([data-theme="dark"]) .yk-patient-type-gynecologic {
border-left-color: var(--yk-classic-rose) !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-card h3,
html:not([data-theme="dark"]) .patient-card.yk-patient-card .name,
html:not([data-theme="dark"]) .patient-card .pcard-title {
color: var(--yk-classic-blue) !important;
-webkit-text-fill-color: var(--yk-classic-blue) !important;
font-weight: 750 !important;
}

.yk-patient-chip, .yk-patient-ga-chip,
.badge, .pill, .yk-chip, .tag, .category-pill {
border-radius: var(--yk-classic-radius-xs) !important;
box-shadow: none !important;
font-weight: 650 !important;
text-transform: none !important;
}

html:not([data-theme="dark"]) .yk-patient-chip,
html:not([data-theme="dark"]) .badge:not([class*="bg-"]),
html:not([data-theme="dark"]) .pill:not([class*="bg-"]),
html:not([data-theme="dark"]) .yk-chip:not([class*="bg-"]) {
background: #F3F6F9 !important;
border: 1px solid var(--yk-classic-line-2) !important;
color: var(--yk-classic-muted) !important;
}

html:not([data-theme="dark"]) .yk-patient-ga-chip {
background: #FFF6DF !important;
border: 1px solid #E5C36A !important;
color: #7B5610 !important;
}

html:not([data-theme="dark"]) .table,
html:not([data-theme="dark"]) .yk-table {
--bs-table-bg: #FFFFFF;
--bs-table-color: var(--yk-classic-ink);
border-color: var(--yk-classic-line) !important;
}

html:not([data-theme="dark"]) .table thead,
html:not([data-theme="dark"]) .yk-table thead {
background: #EEF3F8 !important;
color: var(--yk-classic-navy) !important;
}

html:not([data-theme="dark"]) .alert,
html:not([data-theme="dark"]) .yk-alert {
border-radius: var(--yk-classic-radius) !important;
border-width: 1px !important;
box-shadow: var(--yk-classic-shadow-xs) !important;
}

.theme-panel, .theme-swatch, .theme-mode-btn, .experience-mode-btn {
border-radius: var(--yk-classic-radius) !important;
}

.theme-swatch.active {
border-color: var(--yk-classic-blue) !important;
box-shadow: 0 0 0 3px rgba(31, 111, 178, .14) !important;
}

.yk-voice-agent,
.yk-voice-agent-quickbar,
.yk-voice-agent-panel {
border-radius: var(--yk-classic-radius) !important;
box-shadow: var(--yk-classic-shadow-md) !important;
}

.yk-voice-agent-quickbar button,
.yk-voice-agent-actions button,
.yk-voice-mode-row button {
border-radius: var(--yk-classic-radius-sm) !important;
}

@media (max-width: 768px) {
html:not([data-theme="dark"]) .main-container {
padding: 12px !important;
}
.btn {
min-height: 38px;
}
.card, .yk-card, .patient-card, .yk-patient-card {
border-radius: var(--yk-classic-radius) !important;
}
}

[data-theme="dark"] {
--yk-classic-bg: #0D1724;
--yk-classic-panel: #142235;
--yk-classic-panel-2: #182A3F;
--yk-classic-line: #243A54;
--yk-classic-line-2: #1D3148;
--yk-classic-ink: #E8F0F8;
--yk-classic-muted: #AAB8C7;
--yk-classic-soft: #8192A5;
--yk-classic-shadow-xs: 0 1px 1px rgba(0,0,0,.25);
--yk-classic-shadow-sm: 0 1px 2px rgba(0,0,0,.25), 0 8px 18px rgba(0,0,0,.20);
--yk-classic-shadow-md: 0 1px 2px rgba(0,0,0,.30), 0 14px 30px rgba(0,0,0,.28);
}

[data-theme="dark"] body {
background: linear-gradient(180deg, #0F1B2A 0%, #0B1420 100%) !important;
}

[data-theme="dark"] .top-header,
[data-theme="dark"] .yk-header,
[data-theme="dark"] .sidebar.use-modern-nav,
[data-theme="dark"] .card,
[data-theme="dark"] .yk-card,
[data-theme="dark"] .patient-card,
[data-theme="dark"] .yk-patient-card,
[data-theme="dark"] .yk-patient-command,
[data-theme="dark"] .yk-patient-metric {
background: var(--yk-classic-panel) !important;
border-color: var(--yk-classic-line) !important;
box-shadow: var(--yk-classic-shadow-sm) !important;
}
/* Classic premium final flattening: remove candy stripes and loud tiles. */
html:not([data-theme="dark"]) .yk-patient-command,
html:not([data-theme="dark"]) .yk-patient-board,
html:not([data-theme="dark"]) .patient-card,
html:not([data-theme="dark"]) .yk-patient-card {
background-image: none !important;
}

html:not([data-theme="dark"]) .yk-patient-command::before,
html:not([data-theme="dark"]) .yk-patient-command::after,
html:not([data-theme="dark"]) .yk-patient-board::before,
html:not([data-theme="dark"]) .yk-patient-board::after,
html:not([data-theme="dark"]) .patient-card::before,
html:not([data-theme="dark"]) .patient-card::after,
html:not([data-theme="dark"]) .yk-patient-card::before,
html:not([data-theme="dark"]) .yk-patient-card::after {
background: none !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .yk-patient-command {
border-top: 3px solid var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .sidebar-quick-action,
html:not([data-theme="dark"]) .quick-action,
html:not([data-theme="dark"]) .sidebar-quick a {
background: #FFFFFF !important;
border: 1px solid var(--yk-classic-line) !important;
border-radius: var(--yk-classic-radius) !important;
box-shadow: var(--yk-classic-shadow-xs) !important;
}

html:not([data-theme="dark"]) .sidebar-quick-action i,
html:not([data-theme="dark"]) .quick-action i,
html:not([data-theme="dark"]) .sidebar-quick a i,
html:not([data-theme="dark"]) .sidebar-quick-action svg,
html:not([data-theme="dark"]) .quick-action svg {
background: #EAF1F8 !important;
color: var(--yk-classic-blue) !important;
border-radius: var(--yk-classic-radius-sm) !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .sidebar-quick-action:hover,
html:not([data-theme="dark"]) .quick-action:hover,
html:not([data-theme="dark"]) .sidebar-quick a:hover {
background: #F3F7FA !important;
border-color: #B9C7D4 !important;
transform: none !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav [class*="pulse"],
html:not([data-theme="dark"]) .sidebar.use-modern-nav [class*="flow"],
html:not([data-theme="dark"]) .sidebar.use-modern-nav [class*="today"],
html:not([data-theme="dark"]) .sidebar.use-modern-nav [class*="bugun"] {
background-image: none !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .badge.bg-primary,
html:not([data-theme="dark"]) .badge.bg-info,
html:not([data-theme="dark"]) .pill.bg-primary,
html:not([data-theme="dark"]) .pill.bg-info {
background: #E7F0F8 !important;
color: #15598E !important;
border: 1px solid #BED0E0 !important;
}

html:not([data-theme="dark"]) .badge.bg-success,
html:not([data-theme="dark"]) .pill.bg-success {
background: #E5F3EF !important;
color: #11645F !important;
border: 1px solid #BAD8D2 !important;
}

html:not([data-theme="dark"]) .badge.bg-danger,
html:not([data-theme="dark"]) .pill.bg-danger {
background: #F8E8EE !important;
color: #8F2C54 !important;
border: 1px solid #E0B7C7 !important;
}

html:not([data-theme="dark"]) #ykFloatingThemeBtn {
background: #FFFFFF !important;
color: var(--yk-classic-blue) !important;
border: 1px solid var(--yk-classic-line) !important;
box-shadow: var(--yk-classic-shadow-sm) !important;
}

/* D250 classic premium final restraint: remove the last loud accents. */
html:not([data-theme="dark"]) .yk-patient-command,
html:not([data-theme="dark"]) .patient-card.yk-patient-card,
html:not([data-theme="dark"]) .patient-card {
border-image: none !important;
}

html:not([data-theme="dark"]) .yk-patient-command {
border-top: 3px solid var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-card,
html:not([data-theme="dark"]) .patient-card {
border-left: 4px solid #B8C5D1 !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-obstetric,
html:not([data-theme="dark"]) .yk-patient-type-obstetric {
border-left-color: var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic,
html:not([data-theme="dark"]) .yk-patient-type-gynecologic {
border-left-color: var(--yk-classic-rose) !important;
}

html:not([data-theme="dark"]) .sidebar-orbit {
background: #FFFFFF !important;
border: 1px solid var(--yk-classic-line) !important;
border-radius: var(--yk-classic-radius-lg) !important;
box-shadow: var(--yk-classic-shadow-sm) !important;
color: var(--yk-classic-ink) !important;
}

html:not([data-theme="dark"]) .sidebar-orbit::before,
html:not([data-theme="dark"]) .sidebar-orbit::after {
background: none !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .sidebar-orbit-icon {
background: #EAF1F8 !important;
border: 1px solid #D7E2EC !important;
border-radius: var(--yk-classic-radius) !important;
box-shadow: none !important;
color: var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .sidebar-orbit-icon i,
html:not([data-theme="dark"]) .sidebar-orbit-icon svg {
color: var(--yk-classic-blue) !important;
}

html:not([data-theme="dark"]) .sidebar-orbit-kicker,
html:not([data-theme="dark"]) .sidebar-orbit-title,
html:not([data-theme="dark"]) .sidebar-orbit-row a,
html:not([data-theme="dark"]) .sidebar-orbit a,
html:not([data-theme="dark"]) .sidebar-orbit .keycap {
color: var(--yk-classic-ink) !important;
-webkit-text-fill-color: var(--yk-classic-ink) !important;
}

html:not([data-theme="dark"]) .yk-sidebar-mode-tab {
background: #FFFFFF !important;
border: 1px solid var(--yk-classic-line) !important;
border-radius: var(--yk-classic-radius-sm) !important;
box-shadow: none !important;
color: var(--yk-classic-muted) !important;
}

html:not([data-theme="dark"]) .yk-sidebar-mode-tab.active,
html:not([data-theme="dark"]) .yk-sidebar-mode-tabs .active,
html:not([data-theme="dark"]) :root[data-experience="advanced"] .yk-sidebar-mode-tab[data-mode="advanced"] {
background: var(--yk-classic-navy) !important;
border-color: var(--yk-classic-navy) !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
}

html:not([data-theme="dark"]) .yk-mode-badge,
html:not([data-theme="dark"]) .yk-version-badge,
html:not([data-theme="dark"]) .sidebar .mode-badge,
html:not([data-theme="dark"]) .sidebar .version-badge {
background: #EEF4FA !important;
border: 1px solid var(--yk-classic-line) !important;
box-shadow: none !important;
color: var(--yk-classic-navy) !important;
}

/* D250 strongest classic-premium overrides against older :root blocks. */
html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-command,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-command {
border-image: none !important;
border-top: 3px solid #2F6F9F !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-command::before,
html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-command::after,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-command::before,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-command::after {
display: none !important;
background: none !important;
box-shadow: none !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card.yk-patient-card,
html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card.yk-patient-card,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card {
border-image: none !important;
border-left: 3px solid #AEBECC !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card.yk-patient-type-obstetric,
html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-type-obstetric,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card.yk-patient-type-obstetric,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-type-obstetric {
border-left-color: #5E90B8 !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card.yk-patient-type-gynecologic,
html[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-type-gynecologic,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .patient-card.yk-patient-type-gynecologic,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .main-container .yk-patient-type-gynecologic {
border-left-color: #A9C8C5 !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit {
background: #FFFFFF !important;
background-image: none !important;
border: 1px solid var(--yk-classic-line) !important;
border-radius: var(--yk-classic-radius-lg) !important;
box-shadow: var(--yk-classic-shadow-sm) !important;
color: var(--yk-classic-ink) !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit::before,
html[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit::after,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit::before,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit::after {
display: none !important;
background: none !important;
box-shadow: none !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit-icon,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit-icon {
background: #EAF1F8 !important;
border: 1px solid #D7E2EC !important;
border-radius: var(--yk-classic-radius) !important;
color: #2F6F9F !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit *,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit * {
color: var(--yk-classic-ink) !important;
-webkit-text-fill-color: var(--yk-classic-ink) !important;
}

html[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit-icon *,
:root[data-palette="classic-premium"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-orbit-icon * {
color: #2F6F9F !important;
-webkit-text-fill-color: #2F6F9F !important;
}

/* D250 comfort premium: eye-friendly clinical color harmony. */
:root {
--yk-comfort-bg: #F1F5F8;
--yk-comfort-bg-2: #EAF2F6;
--yk-comfort-surface: #FFFFFF;
--yk-comfort-soft: #F7FAFC;
--yk-comfort-line: #D7E1EA;
--yk-comfort-line-strong: #C2D0DC;
--yk-comfort-ink: #1C2D3E;
--yk-comfort-muted: #66788B;
--yk-comfort-blue: #2F6F9F;
--yk-comfort-blue-soft: #E8F2F8;
--yk-comfort-teal: #3C8B86;
--yk-comfort-teal-soft: #E7F3F1;
    --yk-comfort-rose: #4F7C7B;
    --yk-comfort-rose-soft: #E9F3F2;
--yk-comfort-warn: #B08A2E;
--yk-comfort-warn-soft: #FFF7DF;
--yk-comfort-shadow: 0 1px 2px rgba(28,45,62,.05), 0 10px 28px rgba(28,45,62,.07);
--yk-comfort-shadow-sm: 0 1px 2px rgba(28,45,62,.05), 0 5px 14px rgba(28,45,62,.05);
}

html:not([data-theme="dark"]) body {
background:
linear-gradient(180deg, #F8FBFD 0%, var(--yk-comfort-bg) 54%, var(--yk-comfort-bg-2) 100%) !important;
color: var(--yk-comfort-ink) !important;
}

html:not([data-theme="dark"]) .main-container,
html:not([data-theme="dark"]) .content-wrapper,
html:not([data-theme="dark"]) main {
background: transparent !important;
}

html:not([data-theme="dark"]) .top-header,
html:not([data-theme="dark"]) .header,
html:not([data-theme="dark"]) .navbar,
html:not([data-theme="dark"]) .yk-topbar {
background: rgba(255,255,255,.86) !important;
border-color: var(--yk-comfort-line) !important;
box-shadow: 0 1px 2px rgba(28,45,62,.05) !important;
backdrop-filter: blur(14px) saturate(125%);
}

html:not([data-theme="dark"]) .yk-patient-command,
html:not([data-theme="dark"]) .patient-card,
html:not([data-theme="dark"]) .patient-card.yk-patient-card,
html:not([data-theme="dark"]) .yk-patient-card,
html:not([data-theme="dark"]) .yk-patient-metric,
html:not([data-theme="dark"]) .metric-card,
html:not([data-theme="dark"]) .stat-card,
html:not([data-theme="dark"]) .summary-card,
html:not([data-theme="dark"]) .card:not(.hero-card) {
background: linear-gradient(180deg, #FFFFFF 0%, #F9FBFD 100%) !important;
border: 1px solid var(--yk-comfort-line) !important;
border-image: none !important;
border-radius: 10px !important;
box-shadow: var(--yk-comfort-shadow-sm) !important;
color: var(--yk-comfort-ink) !important;
}

html:not([data-theme="dark"]) .yk-patient-command {
border-top: 3px solid #86A9C4 !important;
box-shadow: var(--yk-comfort-shadow) !important;
}

html:not([data-theme="dark"]) .yk-patient-command::before,
html:not([data-theme="dark"]) .yk-patient-command::after,
html:not([data-theme="dark"]) .patient-card::before,
html:not([data-theme="dark"]) .patient-card::after,
html:not([data-theme="dark"]) .patient-card.yk-patient-card::before,
html:not([data-theme="dark"]) .patient-card.yk-patient-card::after,
html:not([data-theme="dark"]) .card:not(.hero-card)::before,
html:not([data-theme="dark"]) .card:not(.hero-card)::after {
background: none !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .patient-card,
html:not([data-theme="dark"]) .patient-card.yk-patient-card,
html:not([data-theme="dark"]) .yk-patient-card {
border-left: 4px solid #9DB7CC !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-obstetric,
html:not([data-theme="dark"]) .yk-patient-type-obstetric {
border-left-color: #6D9ABD !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic,
html:not([data-theme="dark"]) .yk-patient-type-gynecologic {
border-left-color: #A9C8C5 !important;
}

html:not([data-theme="dark"]) .patient-card:hover,
html:not([data-theme="dark"]) .patient-card.yk-patient-card:hover,
html:not([data-theme="dark"]) .card:not(.hero-card):hover {
border-color: var(--yk-comfort-line-strong) !important;
box-shadow: var(--yk-comfort-shadow) !important;
transform: translateY(-1px);
}

html:not([data-theme="dark"]) .patient-card h1,
html:not([data-theme="dark"]) .patient-card h2,
html:not([data-theme="dark"]) .patient-card h3,
html:not([data-theme="dark"]) .patient-card .name,
html:not([data-theme="dark"]) .pcard-title,
html:not([data-theme="dark"]) .page-title,
html:not([data-theme="dark"]) h1 {
color: var(--yk-comfort-ink) !important;
-webkit-text-fill-color: var(--yk-comfort-ink) !important;
}

html:not([data-theme="dark"]) .patient-card h3,
html:not([data-theme="dark"]) .patient-card .name,
html:not([data-theme="dark"]) .pcard-title {
color: #1767A0 !important;
-webkit-text-fill-color: #1767A0 !important;
}

html:not([data-theme="dark"]) .btn,
html:not([data-theme="dark"]) button,
html:not([data-theme="dark"]) .form-control,
html:not([data-theme="dark"]) .form-select,
html:not([data-theme="dark"]) input,
html:not([data-theme="dark"]) textarea,
html:not([data-theme="dark"]) select {
border-color: var(--yk-comfort-line) !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .btn-primary,
html:not([data-theme="dark"]) .btn-info,
html:not([data-theme="dark"]) .btn-dark,
html:not([data-theme="dark"]) .patient-card .btn-primary,
html:not([data-theme="dark"]) .patient-card .btn-dark,
html:not([data-theme="dark"]) .yk-patient-card .btn-primary,
html:not([data-theme="dark"]) .yk-patient-card .btn-dark,
html:not([data-theme="dark"]) .quick-open,
html:not([data-theme="dark"]) .btn-open {
background: linear-gradient(180deg, #347AAE 0%, #2F6F9F 100%) !important;
border-color: #2B668F !important;
color: #FFFFFF !important;
box-shadow: 0 6px 14px rgba(47,111,159,.16) !important;
}

html:not([data-theme="dark"]) .btn-success,
html:not([data-theme="dark"]) .btn-teal,
html:not([data-theme="dark"]) .new-patient-btn {
background: linear-gradient(180deg, #429A92 0%, #357F7A 100%) !important;
border-color: #317570 !important;
color: #FFFFFF !important;
box-shadow: 0 6px 14px rgba(60,139,134,.15) !important;
}

html:not([data-theme="dark"]) .btn-secondary,
html:not([data-theme="dark"]) .btn-light,
html:not([data-theme="dark"]) .btn-outline-secondary,
html:not([data-theme="dark"]) .btn-outline-primary {
background: #F8FBFD !important;
border-color: var(--yk-comfort-line) !important;
color: var(--yk-comfort-ink) !important;
box-shadow: 0 4px 12px rgba(28,45,62,.04) !important;
}

html:not([data-theme="dark"]) .badge,
html:not([data-theme="dark"]) .pill,
html:not([data-theme="dark"]) .chip,
html:not([data-theme="dark"]) .yk-chip,
html:not([data-theme="dark"]) .patient-type-badge {
border-color: var(--yk-comfort-line) !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .badge.bg-primary,
html:not([data-theme="dark"]) .pill.bg-primary,
html:not([data-theme="dark"]) .patient-type-badge.obstetric,
html:not([data-theme="dark"]) .yk-patient-type-badge {
background: var(--yk-comfort-blue-soft) !important;
border-color: #C8DAE8 !important;
color: #1F5F8B !important;
}

html:not([data-theme="dark"]) .badge.bg-success,
html:not([data-theme="dark"]) .pill.bg-success {
background: var(--yk-comfort-teal-soft) !important;
border-color: #C7DEDA !important;
color: #2F6F6A !important;
}

html:not([data-theme="dark"]) .badge.bg-danger,
html:not([data-theme="dark"]) .pill.bg-danger,
html:not([data-theme="dark"]) .patient-type-badge.gynecologic {
background: var(--yk-comfort-rose-soft) !important;
border-color: #C8DDDA !important;
color: #416E6B !important;
}

html:not([data-theme="dark"]) .badge.bg-warning,
html:not([data-theme="dark"]) .pill.bg-warning,
html:not([data-theme="dark"]) .ga-chip,
html:not([data-theme="dark"]) .yk-patient-ga-chip,
html:not([data-theme="dark"]) .yk-ga-sat {
background: var(--yk-comfort-warn-soft) !important;
border-color: #E7CF84 !important;
color: #866825 !important;
}

html:not([data-theme="dark"]) .sidebar.use-modern-nav {
background: linear-gradient(180deg, #F9FCFE 0%, #EDF4F8 100%) !important;
border-right: 1px solid var(--yk-comfort-line) !important;
box-shadow: 1px 0 2px rgba(28,45,62,.04) !important;
}

html:not([data-theme="dark"]) .sidebar-brand,
html:not([data-theme="dark"]) .sidebar-section-title,
html:not([data-theme="dark"]) .sidebar-link,
html:not([data-theme="dark"]) .sidebar-quick-action,
html:not([data-theme="dark"]) .sidebar-orbit {
border-color: var(--yk-comfort-line) !important;
box-shadow: var(--yk-comfort-shadow-sm) !important;
}

html:not([data-theme="dark"]) .sidebar-link.active,
html:not([data-theme="dark"]) .sidebar-link:hover {
background: linear-gradient(180deg, #EAF3F8 0%, #DDEBF4 100%) !important;
border-color: #C8DAE8 !important;
color: var(--yk-comfort-ink) !important;
-webkit-text-fill-color: var(--yk-comfort-ink) !important;
}

html:not([data-theme="dark"]) .yk-sidebar-mode-tab.active,
html:not([data-theme="dark"]) .yk-sidebar-mode-tabs .active {
background: linear-gradient(180deg, #347AAE 0%, #2F6F9F 100%) !important;
border-color: #2B668F !important;
}

/* D250 comfort polish: no rainbow lines, calmer clinical accents. */
html:not([data-theme="dark"]) .top-header::before,
html:not([data-theme="dark"]) .yk-topbar::before {
background: linear-gradient(90deg, #8FAEC6 0%, #B7C9D7 52%, #D2DCE5 100%) !important;
height: 2px !important;
opacity: .58 !important;
}

html:not([data-theme="dark"]) .search-box::before,
html:not([data-theme="dark"]) .search-box::after,
html:not([data-theme="dark"]) .top-header .search-box::before,
html:not([data-theme="dark"]) .top-header .search-box::after {
background: none !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .sidebar-subgroup summary::after,
html:not([data-theme="dark"]) .main-container .card:not(.hero-card):not(.yk-patient-card)::before,
html:not([data-theme="dark"]) .main-container .tools-collapse::before,
html:not([data-theme="dark"]) .main-container .form-section::before,
html:not([data-theme="dark"]) .main-container .alert::before,
html:not([data-theme="dark"]) .tool-card::before,
html:not([data-theme="dark"]) .tool-card-lg::before {
background: #D6E1EA !important;
opacity: .75 !important;
box-shadow: none !important;
}

html:not([data-theme="dark"]) .yk-patient-command {
border-top-color: #8FAEC6 !important;
}

html:not([data-theme="dark"]) .patient-card,
html:not([data-theme="dark"]) .patient-card.yk-patient-card,
html:not([data-theme="dark"]) .yk-patient-card {
border-left-color: #9DB7CC !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-obstetric,
html:not([data-theme="dark"]) .yk-patient-type-obstetric {
border-left-color: #7FA6C3 !important;
}

html:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic,
html:not([data-theme="dark"]) .yk-patient-type-gynecologic {
border-left-color: #A9C8C5 !important;
}

html:not([data-theme="dark"]) .patient-card .badge,
html:not([data-theme="dark"]) .yk-patient-badges .badge,
html:not([data-theme="dark"]) .yk-patient-type-badge {
background: #EAF2F8 !important;
border: 1px solid #C8DAE8 !important;
color: #255F88 !important;
box-shadow: none !important;
text-shadow: none !important;
}

html:not([data-theme="dark"]) .yk-patient-type-gynecologic .badge,
html:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic .badge,
html:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic .yk-patient-type-badge {
background: #E9F3F2 !important;
border-color: #C8DDDA !important;
color: #416E6B !important;
}

html:not([data-theme="dark"]) .btn-primary,
html:not([data-theme="dark"]) .btn-info,
html:not([data-theme="dark"]) .btn-dark,
html:not([data-theme="dark"]) .search-btn,
html:not([data-theme="dark"]) button[type="submit"] {
background: linear-gradient(180deg, #347AAE 0%, #2F6F9F 100%) !important;
border-color: #2B668F !important;
box-shadow: 0 5px 12px rgba(47,111,159,.14) !important;
}

html:not([data-theme="dark"]) .new-patient-btn,
html:not([data-theme="dark"]) .btn-success {
background: linear-gradient(180deg, #429A92 0%, #357F7A 100%) !important;
border-color: #317570 !important;
box-shadow: 0 5px 12px rgba(60,139,134,.14) !important;
}

/* D250 Apple family palettes: macOS / iPhone / iPad look options. */
:root[data-palette="macos"] {
--palette-accent: #0A84FF;
--palette-accent-dark: #0066CC;
--palette-accent-soft: #DCEEFF;
--palette-bg-1: #F5F5F7;
--palette-bg-2: #EEF3F8;
--palette-bg-3: #E5E5EA;
--palette-card: rgba(255,255,255,.78);
--palette-card-strong: rgba(255,255,255,.94);
--palette-header: rgba(255,255,255,.72);
--palette-border: rgba(60,60,67,.18);
--palette-warm: #C7D8EA;
--text: #1D1D1F;
--muted: #636366;
--yk-theme-page: #F5F5F7;
--yk-theme-page-2: #EEF3F8;
--yk-theme-page-3: #E5E5EA;
--yk-theme-surface: rgba(255,255,255,.80);
--yk-theme-surface-soft: rgba(250,250,252,.86);
--yk-theme-surface-strong: rgba(255,255,255,.96);
--yk-theme-header: rgba(255,255,255,.74);
--yk-theme-sidebar: rgba(255,255,255,.72);
--yk-theme-sidebar-2: rgba(246,247,250,.86);
--yk-theme-line: rgba(60,60,67,.16);
--yk-theme-line-strong: rgba(60,60,67,.24);
--yk-theme-text: #1D1D1F;
--yk-theme-muted: #636366;
--pro-accent: #0A84FF;
--pro-accent-soft: #DCEEFF;
--pro-accent-dark: #0066CC;
--pro-bg: #F5F5F7;
--pro-bg-2: #EEF3F8;
--pro-bg-3: #E5E5EA;
--pro-surface: rgba(255,255,255,.84);
--pro-header: rgba(255,255,255,.74);
--pro-border: rgba(60,60,67,.18);
--yk-apple-radius: 12px;
--yk-apple-control-radius: 10px;
--yk-apple-shadow: 0 16px 42px rgba(31,41,55,.10);
}

:root[data-palette="iphone"] {
--palette-accent: #007AFF;
--palette-accent-dark: #005EC7;
--palette-accent-soft: #E5F1FF;
--palette-bg-1: #F2F2F7;
--palette-bg-2: #EDEEF4;
--palette-bg-3: #FFFFFF;
--palette-card: rgba(255,255,255,.88);
--palette-card-strong: #FFFFFF;
--palette-header: rgba(255,255,255,.82);
--palette-border: rgba(60,60,67,.14);
--palette-warm: #D8E9FF;
--text: #1C1C1E;
--muted: #6E6E73;
--yk-theme-page: #F2F2F7;
--yk-theme-page-2: #EDEEF4;
--yk-theme-page-3: #FFFFFF;
--yk-theme-surface: rgba(255,255,255,.90);
--yk-theme-surface-soft: rgba(248,248,252,.94);
--yk-theme-surface-strong: #FFFFFF;
--yk-theme-header: rgba(255,255,255,.86);
--yk-theme-sidebar: rgba(255,255,255,.88);
--yk-theme-sidebar-2: rgba(242,242,247,.96);
--yk-theme-line: rgba(60,60,67,.14);
--yk-theme-line-strong: rgba(60,60,67,.22);
--yk-theme-text: #1C1C1E;
--yk-theme-muted: #6E6E73;
--pro-accent: #007AFF;
--pro-accent-soft: #E5F1FF;
--pro-accent-dark: #005EC7;
--pro-bg: #F2F2F7;
--pro-bg-2: #EDEEF4;
--pro-bg-3: #FFFFFF;
--pro-surface: rgba(255,255,255,.92);
--pro-header: rgba(255,255,255,.86);
--pro-border: rgba(60,60,67,.14);
--yk-apple-radius: 20px;
--yk-apple-control-radius: 16px;
--yk-apple-shadow: 0 18px 44px rgba(31,41,55,.09);
}

:root[data-palette="ipad"] {
--palette-accent: #5E5CE6;
--palette-accent-dark: #3F3DB8;
--palette-accent-soft: #ECEBFF;
--palette-bg-1: #F7F7FB;
--palette-bg-2: #EEF0F8;
--palette-bg-3: #E6EAF5;
--palette-card: rgba(255,255,255,.84);
--palette-card-strong: rgba(255,255,255,.96);
--palette-header: rgba(255,255,255,.78);
--palette-border: rgba(73,80,110,.16);
--palette-warm: #D8F2EA;
--text: #20212A;
--muted: #626779;
--yk-theme-page: #F7F7FB;
--yk-theme-page-2: #EEF0F8;
--yk-theme-page-3: #E6EAF5;
--yk-theme-surface: rgba(255,255,255,.86);
--yk-theme-surface-soft: rgba(250,251,255,.92);
--yk-theme-surface-strong: rgba(255,255,255,.97);
--yk-theme-header: rgba(255,255,255,.80);
--yk-theme-sidebar: rgba(255,255,255,.78);
--yk-theme-sidebar-2: rgba(242,244,251,.92);
--yk-theme-line: rgba(73,80,110,.16);
--yk-theme-line-strong: rgba(73,80,110,.25);
--yk-theme-text: #20212A;
--yk-theme-muted: #626779;
--pro-accent: #5E5CE6;
--pro-accent-soft: #ECEBFF;
--pro-accent-dark: #3F3DB8;
--pro-bg: #F7F7FB;
--pro-bg-2: #EEF0F8;
--pro-bg-3: #E6EAF5;
--pro-surface: rgba(255,255,255,.88);
--pro-header: rgba(255,255,255,.80);
--pro-border: rgba(73,80,110,.16);
--yk-apple-radius: 16px;
--yk-apple-control-radius: 14px;
--yk-apple-shadow: 0 20px 52px rgba(51,61,95,.11);
}

html[data-palette="macos"]:not([data-theme="dark"]) body,
html[data-palette="iphone"]:not([data-theme="dark"]) body,
html[data-palette="ipad"]:not([data-theme="dark"]) body {
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif !important;
background:
linear-gradient(180deg, rgba(255,255,255,.70) 0%, rgba(255,255,255,0) 260px),
radial-gradient(circle at 12% 0%, color-mix(in srgb, var(--palette-accent), transparent 84%) 0%, transparent 34%),
radial-gradient(circle at 90% 8%, color-mix(in srgb, var(--palette-warm), transparent 66%) 0%, transparent 30%),
linear-gradient(135deg, var(--yk-theme-page) 0%, var(--yk-theme-page-2) 58%, var(--yk-theme-page-3) 100%) !important;
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
letter-spacing: 0 !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) .main-content,
html[data-palette="iphone"]:not([data-theme="dark"]) .main-content,
html[data-palette="ipad"]:not([data-theme="dark"]) .main-content,
html[data-palette="macos"]:not([data-theme="dark"]) .main-container,
html[data-palette="iphone"]:not([data-theme="dark"]) .main-container,
html[data-palette="ipad"]:not([data-theme="dark"]) .main-container,
html[data-palette="macos"]:not([data-theme="dark"]) main,
html[data-palette="iphone"]:not([data-theme="dark"]) main,
html[data-palette="ipad"]:not([data-theme="dark"]) main {
background: transparent !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) .top-header,
html[data-palette="iphone"]:not([data-theme="dark"]) .top-header,
html[data-palette="ipad"]:not([data-theme="dark"]) .top-header,
html[data-palette="macos"]:not([data-theme="dark"]) .yk-header,
html[data-palette="iphone"]:not([data-theme="dark"]) .yk-header,
html[data-palette="ipad"]:not([data-theme="dark"]) .yk-header,
html[data-palette="macos"]:not([data-theme="dark"]) .mobile-bottom-nav,
html[data-palette="iphone"]:not([data-theme="dark"]) .mobile-bottom-nav,
html[data-palette="ipad"]:not([data-theme="dark"]) .mobile-bottom-nav {
background: var(--yk-theme-header) !important;
border-color: var(--yk-theme-line) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.74) inset, var(--yk-apple-shadow) !important;
backdrop-filter: blur(24px) saturate(1.55) !important;
-webkit-backdrop-filter: blur(24px) saturate(1.55) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) .sidebar.use-modern-nav,
html[data-palette="iphone"]:not([data-theme="dark"]) .sidebar.use-modern-nav,
html[data-palette="ipad"]:not([data-theme="dark"]) .sidebar.use-modern-nav,
html[data-palette="macos"]:not([data-theme="dark"]) [data-sidebar-palette] .sidebar.use-modern-nav,
html[data-palette="iphone"]:not([data-theme="dark"]) [data-sidebar-palette] .sidebar.use-modern-nav,
html[data-palette="ipad"]:not([data-theme="dark"]) [data-sidebar-palette] .sidebar.use-modern-nav {
background: linear-gradient(180deg, var(--yk-theme-sidebar) 0%, var(--yk-theme-sidebar-2) 100%) !important;
border-right: 1px solid var(--yk-theme-line) !important;
box-shadow: 1px 0 0 rgba(255,255,255,.72) inset, 18px 0 42px rgba(31,41,55,.07) !important;
backdrop-filter: blur(22px) saturate(1.35) !important;
-webkit-backdrop-filter: blur(22px) saturate(1.35) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.card,.yk-card,.stat-card,.kpi-card,.summary-card,.metric-card,.dashboard-card,.info-card,.yk-panel,.yk-widget,.yk-section,.patient-card,.yk-patient-card,.yk-patient-command,.yk-patient-metric,.theme-panel,.modal-content,.dropdown-menu,.toast,.popover,.list-group-item,.table-responsive),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.card,.yk-card,.stat-card,.kpi-card,.summary-card,.metric-card,.dashboard-card,.info-card,.yk-panel,.yk-widget,.yk-section,.patient-card,.yk-patient-card,.yk-patient-command,.yk-patient-metric,.theme-panel,.modal-content,.dropdown-menu,.toast,.popover,.list-group-item,.table-responsive),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.card,.yk-card,.stat-card,.kpi-card,.summary-card,.metric-card,.dashboard-card,.info-card,.yk-panel,.yk-widget,.yk-section,.patient-card,.yk-patient-card,.yk-patient-command,.yk-patient-metric,.theme-panel,.modal-content,.dropdown-menu,.toast,.popover,.list-group-item,.table-responsive) {
background: linear-gradient(180deg, var(--yk-theme-surface-strong) 0%, var(--yk-theme-surface-soft) 100%) !important;
border: 1px solid var(--yk-theme-line) !important;
border-radius: var(--yk-apple-radius) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.72) inset, var(--yk-apple-shadow) !important;
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.btn,button,.form-control,.form-select,input,select,textarea,.header-icon-btn,.theme-picker-btn,.profile-chip,.yk-mode-single,.theme-swatch,.theme-mode-btn,.experience-mode-btn),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.btn,button,.form-control,.form-select,input,select,textarea,.header-icon-btn,.theme-picker-btn,.profile-chip,.yk-mode-single,.theme-swatch,.theme-mode-btn,.experience-mode-btn),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.btn,button,.form-control,.form-select,input,select,textarea,.header-icon-btn,.theme-picker-btn,.profile-chip,.yk-mode-single,.theme-swatch,.theme-mode-btn,.experience-mode-btn) {
border-radius: var(--yk-apple-control-radius) !important;
border-color: var(--yk-theme-line-strong) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.65) inset, 0 6px 18px rgba(31,41,55,.055) !important;
letter-spacing: 0 !important;
}

html[data-palette="iphone"]:not([data-theme="dark"]) :where(.btn,button,.form-control,.form-select,input,select,textarea,.header-icon-btn,.theme-picker-btn,.profile-chip,.yk-mode-single) {
min-height: 40px !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.btn-primary,.btn-info,.btn-dark,.search-btn,button[type="submit"],.patient-card .btn-primary,.yk-patient-card .btn-primary,.quick-open,.btn-open),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.btn-primary,.btn-info,.btn-dark,.search-btn,button[type="submit"],.patient-card .btn-primary,.yk-patient-card .btn-primary,.quick-open,.btn-open),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.btn-primary,.btn-info,.btn-dark,.search-btn,button[type="submit"],.patient-card .btn-primary,.yk-patient-card .btn-primary,.quick-open,.btn-open) {
background: linear-gradient(180deg, var(--palette-accent) 0%, var(--palette-accent-dark) 100%) !important;
border-color: var(--palette-accent-dark) !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 10px 22px color-mix(in srgb, var(--palette-accent), transparent 76%) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.btn-success,.new-patient-btn),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.btn-success,.new-patient-btn),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.btn-success,.new-patient-btn) {
background: linear-gradient(180deg, #34C759 0%, #248A3D 100%) !important;
border-color: #248A3D !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 10px 22px rgba(52,199,89,.18) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-soft,.header-icon-btn,.theme-picker-btn),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-soft,.header-icon-btn,.theme-picker-btn),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.btn-outline-primary,.btn-outline-secondary,.btn-light,.btn-soft,.header-icon-btn,.theme-picker-btn) {
background: rgba(255,255,255,.72) !important;
border-color: var(--yk-theme-line-strong) !important;
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(h1,h2,h3,h4,h5,h6,.yk-patient-title h1,.yk-patient-title-line h1,.patient-card h3,.patient-card .name,.pcard-title),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(h1,h2,h3,h4,h5,h6,.yk-patient-title h1,.yk-patient-title-line h1,.patient-card h3,.patient-card .name,.pcard-title),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(h1,h2,h3,h4,h5,h6,.yk-patient-title h1,.yk-patient-title-line h1,.patient-card h3,.patient-card .name,.pcard-title) {
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", system-ui, sans-serif !important;
letter-spacing: 0 !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.text-muted,small,.small,.muted,[class*="-meta"],[class*="-hint"]),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.text-muted,small,.small,.muted,[class*="-meta"],[class*="-hint"]),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.text-muted,small,.small,.muted,[class*="-meta"],[class*="-hint"]) {
color: var(--yk-theme-muted) !important;
-webkit-text-fill-color: var(--yk-theme-muted) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) .patient-card,
html[data-palette="iphone"]:not([data-theme="dark"]) .patient-card,
html[data-palette="ipad"]:not([data-theme="dark"]) .patient-card,
html[data-palette="macos"]:not([data-theme="dark"]) .patient-card.yk-patient-card,
html[data-palette="iphone"]:not([data-theme="dark"]) .patient-card.yk-patient-card,
html[data-palette="ipad"]:not([data-theme="dark"]) .patient-card.yk-patient-card {
border-left: 4px solid color-mix(in srgb, var(--palette-accent), transparent 34%) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic,
html[data-palette="iphone"]:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic,
html[data-palette="ipad"]:not([data-theme="dark"]) .patient-card.yk-patient-type-gynecologic {
border-left-color: #7FA6A3 !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) :where(.badge,.pill,.yk-chip,.tag,.category-pill,.yk-patient-type-badge),
html[data-palette="iphone"]:not([data-theme="dark"]) :where(.badge,.pill,.yk-chip,.tag,.category-pill,.yk-patient-type-badge),
html[data-palette="ipad"]:not([data-theme="dark"]) :where(.badge,.pill,.yk-chip,.tag,.category-pill,.yk-patient-type-badge) {
background: color-mix(in srgb, var(--palette-accent-soft), #FFFFFF 42%) !important;
border: 1px solid var(--yk-theme-line) !important;
color: var(--palette-accent-dark) !important;
-webkit-text-fill-color: var(--palette-accent-dark) !important;
border-radius: calc(var(--yk-apple-control-radius) - 6px) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active,
html[data-palette="iphone"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active,
html[data-palette="ipad"]:not([data-theme="dark"]) .sidebar.use-modern-nav .sidebar-link.active {
background: color-mix(in srgb, var(--palette-accent), transparent 86%) !important;
border-left-color: var(--palette-accent) !important;
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card,
html[data-palette="iphone"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card,
html[data-palette="ipad"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card {
background: linear-gradient(180deg, var(--yk-theme-surface-strong) 0%, var(--yk-theme-surface-soft) 100%) !important;
border: 1px solid var(--yk-theme-line) !important;
border-left: 4px solid color-mix(in srgb, var(--palette-accent), transparent 34%) !important;
border-radius: var(--yk-apple-radius) !important;
box-shadow: 0 1px 0 rgba(255,255,255,.72) inset, var(--yk-apple-shadow) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card.yk-patient-type-gynecologic,
html[data-palette="iphone"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card.yk-patient-type-gynecologic,
html[data-palette="ipad"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card.yk-patient-type-gynecologic {
border-left-color: #7FA6A3 !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card .yk-patient-actions .btn-primary,
html[data-palette="iphone"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card .yk-patient-actions .btn-primary,
html[data-palette="ipad"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card .yk-patient-actions .btn-primary {
background: linear-gradient(180deg, var(--palette-accent) 0%, var(--palette-accent-dark) 100%) !important;
border-color: var(--palette-accent-dark) !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 10px 22px color-mix(in srgb, var(--palette-accent), transparent 76%) !important;
}

html[data-palette="macos"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card .yk-patient-avatar,
html[data-palette="iphone"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card .yk-patient-avatar,
html[data-palette="ipad"]:not([data-theme="dark"]) #patientList .patient-card.yk-patient-card .yk-patient-avatar {
background: linear-gradient(180deg, color-mix(in srgb, var(--palette-accent), #FFFFFF 16%) 0%, var(--palette-accent-dark) 100%) !important;
border-color: transparent !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 10px 22px color-mix(in srgb, var(--palette-accent), transparent 78%) !important;
}

/* D250 menu contrast fix v1: active/hover sidebar text must stay readable on light menus. */
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link:hover,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link:hover,
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active {
background: color-mix(in srgb, var(--yk-sb-accent), #FFFFFF 90%) !important;
border-left-color: var(--yk-sb-accent) !important;
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
text-shadow: none !important;
box-shadow: 0 8px 18px rgba(43,108,176,.08) !important;
}

html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link:hover > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link:hover > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active strong,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active strong,
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active small,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active small {
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
opacity: 1 !important;
text-shadow: none !important;
}

html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link:hover i,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link:hover i,
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active i,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active i,
html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon {
color: var(--yk-sb-accent) !important;
-webkit-text-fill-color: var(--yk-sb-accent) !important;
}

html:not([data-theme="dark"])[data-sidebar-palette="light"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon,
html:not([data-theme="dark"])[data-sidebar-palette="pearl"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon {
background: rgba(43,108,176,.08) !important;
border-color: rgba(43,108,176,.16) !important;
}

html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link:hover,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link:hover,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link:hover,
html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link.active,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link.active,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link.active {
background: color-mix(in srgb, var(--palette-accent), #FFFFFF 88%) !important;
border-left-color: var(--palette-accent) !important;
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
text-shadow: none !important;
box-shadow: 0 8px 18px color-mix(in srgb, var(--palette-accent), transparent 88%) !important;
}

html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link:hover > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link:hover > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link:hover > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link.active > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link.active > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link.active > span:not(.sidebar-link-icon),
html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link.active strong,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link.active strong,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link.active strong,
html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link.active small,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link.active small,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link.active small {
color: var(--yk-theme-text) !important;
-webkit-text-fill-color: var(--yk-theme-text) !important;
opacity: 1 !important;
text-shadow: none !important;
}

html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link:hover i,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link:hover i,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link:hover i,
html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link.active i,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link.active i,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link.active i,
html:not([data-theme="dark"])[data-palette="macos"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon,
html:not([data-theme="dark"])[data-palette="iphone"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon,
html:not([data-theme="dark"])[data-palette="ipad"] .sidebar.use-modern-nav .sidebar-link.active .sidebar-link-icon {
color: var(--palette-accent-dark) !important;
-webkit-text-fill-color: var(--palette-accent-dark) !important;
}

/* D250 v36: Midnight Pro Klinik - koyu sol menu + acik premium ic alan. */
html[data-palette="midnight-clinic"] {
--palette-bg-1: #edf7fb;
--palette-bg-2: #e5f1f7;
--palette-bg-3: #f7fbfe;
--palette-card: rgba(255,255,255,.86);
--palette-card-strong: #ffffff;
--palette-header: rgba(248,252,255,.94);
--palette-border: #c9dcea;
--palette-accent: #0f8fb3;
--palette-accent-dark: #075985;
--palette-accent-soft: #dff6ff;
--palette-warm: #8b5cf6;
--yk-theme-page: #edf7fb;
--yk-theme-page-2: #e5f1f7;
--yk-theme-page-3: #f7fbfe;
--yk-theme-surface: rgba(255,255,255,.88);
--yk-theme-surface-soft: rgba(246,251,254,.94);
--yk-theme-surface-strong: #ffffff;
--yk-theme-header: rgba(248,252,255,.94);
--yk-theme-line: rgba(93,123,150,.24);
--yk-theme-line-strong: rgba(55,85,112,.34);
--yk-theme-text: #17324a;
--yk-theme-muted: #526d82;
--yk-theme-glow-a: rgba(14,165,233,.18);
--yk-theme-glow-b: rgba(167,139,250,.12);
--yk-theme-shadow: rgba(21,48,76,.12);
--pro-accent: #0f8fb3;
--pro-accent-soft: #dff6ff;
--pro-accent-dark: #075985;
--text: #17324a !important;
--muted: #526d82 !important;
}

html[data-palette="midnight-clinic"],
html[data-palette="midnight-clinic"] body {
background:
radial-gradient(circle at 8% 0%, rgba(14,165,233,.16) 0, transparent 34%),
radial-gradient(circle at 90% 8%, rgba(167,139,250,.10) 0, transparent 30%),
linear-gradient(135deg, #edf7fb 0%, #e5f1f7 56%, #f7fbfe 100%) !important;
color: #17324a !important;
}

html[data-palette="midnight-clinic"] .top-header,
html[data-palette="midnight-clinic"] .navbar,
html[data-palette="midnight-clinic"] .header,
html[data-palette="midnight-clinic"] .yk-header {
background: rgba(248,252,255,.94) !important;
border-color: rgba(93,123,150,.24) !important;
box-shadow: 0 16px 38px rgba(21,48,76,.12) !important;
}

html[data-palette="midnight-clinic"] .card,
html[data-palette="midnight-clinic"] .yk-card,
html[data-palette="midnight-clinic"] .patient-card,
html[data-palette="midnight-clinic"] .yk-patient-card,
html[data-palette="midnight-clinic"] .yk-panel,
html[data-palette="midnight-clinic"] .yk-patient-board,
html[data-palette="midnight-clinic"] .yk-patient-command,
html[data-palette="midnight-clinic"] .yk-patient-metric,
html[data-palette="midnight-clinic"] .modal-content,
html[data-palette="midnight-clinic"] .dropdown-menu {
background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(246,251,254,.94)) !important;
border-color: rgba(93,123,150,.24) !important;
color: #17324a !important;
box-shadow: 0 18px 44px rgba(21,48,76,.12) !important;
}

html[data-palette="midnight-clinic"] .btn-primary,
html[data-palette="midnight-clinic"] .btn.btn-primary,
html[data-palette="midnight-clinic"] .btn-success {
background: linear-gradient(135deg, #0f8fb3 0%, #0f766e 100%) !important;
border-color: rgba(15,118,110,.45) !important;
box-shadow: 0 12px 28px rgba(15,143,179,.22) !important;
}

/* Sol bar paleti her zaman ic alan paletinden ustun gelsin. */
html[data-sidebar-palette] .sidebar.use-modern-nav,
html[data-palette][data-sidebar-palette] .sidebar.use-modern-nav {
background: linear-gradient(180deg, var(--yk-sb-bg-1) 0%, var(--yk-sb-bg-2) 100%) !important;
color: var(--yk-sb-ink) !important;
border-right: 1px solid var(--yk-sb-line) !important;
box-shadow: 18px 0 42px rgba(3,7,18,.18) !important;
}

html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-brand,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-menu-finder,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-orbit {
background: color-mix(in srgb, var(--yk-sb-bg-1), #ffffff 8%) !important;
border-color: var(--yk-sb-line) !important;
color: var(--yk-sb-ink) !important;
}

html[data-sidebar-palette="midnight"] .sidebar.use-modern-nav .sidebar-brand {
background:
radial-gradient(circle at 20% 10%, rgba(167,139,250,.24), transparent 34%),
linear-gradient(145deg, rgba(224,231,255,.74), rgba(6,9,32,.72) 58%, rgba(11,15,46,.88)) !important;
border-color: rgba(224,231,255,.34) !important;
box-shadow: 0 18px 42px rgba(3,7,18,.34), inset 0 1px 0 rgba(255,255,255,.20) !important;
}

html[data-sidebar-palette="midnight"] .sidebar.use-modern-nav .sidebar-menu-finder-input {
background: rgba(7,10,31,.88) !important;
border-color: rgba(167,139,250,.35) !important;
color: #e0e7ff !important;
}

html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-menu-finder-title,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-menu-finder-title span,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-orbit-title,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-orbit-kicker {
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
}

html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-menu-finder-title small,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-orbit-row,
html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-orbit-row a {
color: var(--yk-sb-muted) !important;
-webkit-text-fill-color: var(--yk-sb-muted) !important;
}

html[data-sidebar-palette] .sidebar.use-modern-nav .sidebar-menu-shortcuts a {
background: rgba(255,255,255,.06) !important;
border-color: var(--yk-sb-line) !important;
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
}

.yk-midnight-pro-btn {
display: flex;
align-items: center;
gap: 10px;
width: calc(100% - 16px);
margin: 10px 8px 8px;
padding: 10px 12px;
border: 1px solid rgba(167,139,250,.28);
border-radius: 14px;
background: linear-gradient(135deg, rgba(11,15,46,.94), rgba(6,9,32,.98));
color: #e0e7ff;
box-shadow: 0 14px 34px rgba(3,7,18,.24);
cursor: pointer;
text-align: left;
transition: transform 140ms ease, border-color 140ms ease, box-shadow 140ms ease;
}

.yk-midnight-pro-btn:hover,
.yk-midnight-pro-btn.is-active {
transform: translateY(-1px);
border-color: rgba(45,212,191,.52);
box-shadow: 0 18px 42px rgba(3,7,18,.34), 0 0 0 3px rgba(45,212,191,.10);
}

.yk-midnight-pro-btn .yk-midnight-pro-dot {
display: inline-flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
border-radius: 11px;
background: linear-gradient(135deg, #6366f1, #22d3ee);
box-shadow: 0 10px 22px rgba(99,102,241,.34);
flex: 0 0 auto;
}

.yk-midnight-pro-btn strong,
.yk-midnight-pro-btn small {
display: block;
line-height: 1.18;
}

.yk-midnight-pro-btn strong {
font-size: 12px;
font-weight: 900;
letter-spacing: .01em;
}

.yk-midnight-pro-btn small {
margin-top: 2px;
font-size: 10px;
font-weight: 800;
color: #a8c7df;
}

/* D250 v37: Sol bar tema secimi ic alan temasindan tamamen bagimsiz. */
html[data-sidebar-palette="navy"] {
--yk-sb-bg-1:#0F172A; --yk-sb-bg-2:#082742; --yk-sb-ink:#DCE3EA; --yk-sb-muted:#94A3B8;
--yk-sb-accent:#2EA3A0; --yk-sb-active-bg:rgba(0,115,181,.18); --yk-sb-line:rgba(148,163,184,.16);
--yk-sb-brand-grad:linear-gradient(135deg,#0073B5 0%,#2EA3A0 100%);
}
html[data-sidebar-palette="light"] {
--yk-sb-bg-1:#FFFFFF; --yk-sb-bg-2:#F8FAFC; --yk-sb-ink:#0F172A; --yk-sb-muted:#64748B;
--yk-sb-accent:#10B981; --yk-sb-active-bg:rgba(16,185,129,.12); --yk-sb-line:rgba(15,23,42,.10);
--yk-sb-brand-grad:linear-gradient(135deg,#10B981 0%,#0EA5E9 100%);
}
html[data-sidebar-palette="midnight"] {
--yk-sb-bg-1:#0B0F2E; --yk-sb-bg-2:#060920; --yk-sb-ink:#E0E7FF; --yk-sb-muted:#A5B4FC;
--yk-sb-accent:#A78BFA; --yk-sb-active-bg:rgba(99,102,241,.24); --yk-sb-line:rgba(129,140,248,.18);
--yk-sb-brand-grad:linear-gradient(135deg,#6366F1 0%,#22D3EE 100%);
}
html[data-sidebar-palette="ocean"] {
--yk-sb-bg-1:#0E7490; --yk-sb-bg-2:#155E75; --yk-sb-ink:#F0F9FF; --yk-sb-muted:#A5F3FC;
--yk-sb-accent:#67E8F9; --yk-sb-active-bg:rgba(6,182,212,.28); --yk-sb-line:rgba(165,243,252,.18);
--yk-sb-brand-grad:linear-gradient(135deg,#06B6D4 0%,#38BDF8 100%);
}
html[data-sidebar-palette="sunset"] {
--yk-sb-bg-1:#7C2D12; --yk-sb-bg-2:#581C0C; --yk-sb-ink:#FFEDD5; --yk-sb-muted:#FED7AA;
--yk-sb-accent:#FB923C; --yk-sb-active-bg:rgba(249,115,22,.30); --yk-sb-line:rgba(254,215,170,.18);
--yk-sb-brand-grad:linear-gradient(135deg,#F97316 0%,#EC4899 100%);
}
html[data-sidebar-palette="forest"] {
--yk-sb-bg-1:#064E3B; --yk-sb-bg-2:#022C22; --yk-sb-ink:#D1FAE5; --yk-sb-muted:#A7F3D0;
--yk-sb-accent:#34D399; --yk-sb-active-bg:rgba(16,185,129,.26); --yk-sb-line:rgba(167,243,208,.16);
--yk-sb-brand-grad:linear-gradient(135deg,#059669 0%,#10B981 100%);
}
html[data-sidebar-palette="steel"] {
--yk-sb-bg-1:#1F2937; --yk-sb-bg-2:#111827; --yk-sb-ink:#E5E7EB; --yk-sb-muted:#9CA3AF;
--yk-sb-accent:#60A5FA; --yk-sb-active-bg:rgba(96,165,250,.24); --yk-sb-line:rgba(156,163,175,.16);
--yk-sb-brand-grad:linear-gradient(135deg,#3B82F6 0%,#60A5FA 100%);
}
html[data-sidebar-palette="pearl"] {
--yk-sb-bg-1:#F8FBFF; --yk-sb-bg-2:#EFF6FE; --yk-sb-ink:#0B2545; --yk-sb-muted:#475569;
--yk-sb-accent:#2B6CB0; --yk-sb-active-bg:rgba(43,108,176,.12); --yk-sb-line:rgba(11,37,69,.10);
--yk-sb-brand-grad:linear-gradient(135deg,#2B6CB0 0%,#4A90D9 100%);
}
html[data-sidebar-palette="rose"] {
--yk-sb-bg-1:#831843; --yk-sb-bg-2:#500724; --yk-sb-ink:#FCE7F3; --yk-sb-muted:#F9A8D4;
--yk-sb-accent:#F472B6; --yk-sb-active-bg:rgba(244,114,182,.26); --yk-sb-line:rgba(249,168,212,.16);
--yk-sb-brand-grad:linear-gradient(135deg,#DB2777 0%,#EC4899 100%);
}

html[data-sidebar-palette] body .sidebar.use-modern-nav,
html[data-sidebar-palette][data-palette] body .sidebar.use-modern-nav,
html[data-sidebar-palette]:not([data-theme="dark"]) body .sidebar.use-modern-nav {
background: linear-gradient(180deg,var(--yk-sb-bg-1) 0%,var(--yk-sb-bg-2) 100%) !important;
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: initial !important;
border-right: 1px solid var(--yk-sb-line) !important;
box-shadow: 18px 0 42px rgba(3,7,18,.20) !important;
}

html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-brand,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-menu-finder,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-orbit,
html[data-sidebar-palette] body .sidebar.use-modern-nav .yk-sidebar-card,
html[data-sidebar-palette] body .sidebar.use-modern-nav [class*="widget"],
html[data-sidebar-palette] body .sidebar.use-modern-nav [class*="komuta"] {
background: linear-gradient(145deg,var(--yk-sb-bg-1) 0%,var(--yk-sb-bg-2) 100%) !important;
border-color: var(--yk-sb-line) !important;
color: var(--yk-sb-ink) !important;
box-shadow: 0 12px 26px rgba(3,7,18,.14) !important;
}

html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-brand-icon,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-orbit-icon,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-link-icon {
background: var(--yk-sb-brand-grad) !important;
border-color: var(--yk-sb-line) !important;
color: #fff !important;
-webkit-text-fill-color: #fff !important;
}

html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-link,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-menu-shortcuts a,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-quick-action {
background: rgba(255,255,255,.055) !important;
border-color: var(--yk-sb-line) !important;
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
}

html[data-sidebar-palette="light"] body .sidebar.use-modern-nav .sidebar-link,
html[data-sidebar-palette="pearl"] body .sidebar.use-modern-nav .sidebar-link,
html[data-sidebar-palette="light"] body .sidebar.use-modern-nav .sidebar-menu-shortcuts a,
html[data-sidebar-palette="pearl"] body .sidebar.use-modern-nav .sidebar-menu-shortcuts a,
html[data-sidebar-palette="light"] body .sidebar.use-modern-nav .sidebar-quick-action,
html[data-sidebar-palette="pearl"] body .sidebar.use-modern-nav .sidebar-quick-action {
background: rgba(15,23,42,.035) !important;
}

html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-link:hover,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-link.active,
html[data-sidebar-palette] body .sidebar.use-modern-nav .yk-sidebar-mode-tabs .active {
background: var(--yk-sb-active-bg) !important;
border-left-color: var(--yk-sb-accent) !important;
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
}

html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-section-title,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-menu-finder-title small,
html[data-sidebar-palette] body .sidebar.use-modern-nav small,
html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-orbit-kicker {
color: var(--yk-sb-muted) !important;
-webkit-text-fill-color: var(--yk-sb-muted) !important;
}

html[data-sidebar-palette] body .sidebar.use-modern-nav .sidebar-menu-finder-input {
background: rgba(255,255,255,.075) !important;
border-color: var(--yk-sb-line) !important;
color: var(--yk-sb-ink) !important;
-webkit-text-fill-color: var(--yk-sb-ink) !important;
}

html[data-sidebar-palette="light"] body .sidebar.use-modern-nav .sidebar-menu-finder-input,
html[data-sidebar-palette="pearl"] body .sidebar.use-modern-nav .sidebar-menu-finder-input {
background: #fff !important;
}

/* D250 v39: Windows Baseline - clean white/gray clinical baseline. */
html[data-palette="windows-baseline"]:not([data-theme="dark"]) body {
background:
linear-gradient(180deg, #FFFFFF 0%, #F8FAFC 34%, #F3F4F6 68%, #E5E7EB 100%) !important;
color: #111827 !important;
-webkit-text-fill-color: initial !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) .main-content,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .main-container,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .content,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .content-area,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) main {
background: transparent !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) .top-header,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .header-card,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .yk-topbar,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .navbar {
background: rgba(255,255,255,.96) !important;
border-color: #D1D5DB !important;
box-shadow: 0 10px 26px rgba(17,24,39,.07) !important;
color: #111827 !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) .card,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .yk-card,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .patient-card,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .content-card,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .stat-card,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .stat-mini,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .tools-collapse,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .patient-header,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .modal-content,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .form-control,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .form-select,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) input:not([type="checkbox"]):not([type="radio"]),
html[data-palette="windows-baseline"]:not([data-theme="dark"]) textarea,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) select {
background: #FFFFFF !important;
border-color: #D1D5DB !important;
box-shadow: 0 12px 28px rgba(17,24,39,.055) !important;
color: #111827 !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) input[type="checkbox"].form-check-input,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) input[type="radio"].form-check-input {
background-color: #FFFFFF !important;
background-image: none !important;
border: 2px solid #93C5FD !important;
box-shadow: none !important;
color: #111827 !important;
cursor: pointer !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) input[type="checkbox"].form-check-input:checked {
background-color: #2563EB !important;
border-color: #2563EB !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 78% 78% !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) input[type="radio"].form-check-input:checked {
background-color: #2563EB !important;
border-color: #2563EB !important;
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e") !important;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 86% 86% !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) input[type="checkbox"].form-check-input:focus,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) input[type="radio"].form-check-input:focus {
box-shadow: 0 0 0 4px rgba(37,99,235,.16) !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) .btn-primary,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .btn-success,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .yk-primary-action {
background: linear-gradient(135deg, #2563EB, #0078D4) !important;
border-color: #1D4ED8 !important;
color: #FFFFFF !important;
-webkit-text-fill-color: #FFFFFF !important;
box-shadow: 0 12px 24px rgba(37,99,235,.18) !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) .btn-outline,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .btn-light,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .quick-action,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .theme-swatch {
background: #FFFFFF !important;
border-color: #CBD5E1 !important;
color: #111827 !important;
}

html[data-palette="windows-baseline"]:not([data-theme="dark"]) .badge,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .pill,
html[data-palette="windows-baseline"]:not([data-theme="dark"]) .chip {
background: #F3F4F6 !important;
border-color: #D1D5DB !important;
color: #111827 !important;
}