/** * Aydınlık mod — sol sidebar glassmorphism (buzlu cam, masaüstü) */ @media (min-width: 992px) { body.light-mode .side-nav, body.light-mode .side-nav:hover, body.light-mode .side-nav.is-flyout-active, body.light-mode .side-nav:has(.dropdown:hover), body.light-mode .side-nav:has(.dropdown.is-flyout-open) { --side-nav-accent: #01b1af; --side-nav-accent-soft: rgba(1, 177, 175, 0.35); --side-nav-text: #1e293b; --side-nav-glass: rgba(255, 255, 255, 0.42); --side-nav-glass-deep: rgba(241, 245, 249, 0.28); color: var(--side-nav-text) !important; background: linear-gradient( 155deg, rgba(255, 255, 255, 0.62) 0%, rgba(255, 255, 255, 0.28) 38%, rgba(226, 236, 245, 0.22) 72%, rgba(214, 228, 240, 0.18) 100% ) !important; background-color: transparent !important; border-right: 1px solid rgba(255, 255, 255, 0.72) !important; box-shadow: inset 2px 0 0 rgba(255, 255, 255, 0.98), inset -1px 0 0 rgba(148, 163, 184, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.65), 16px 0 52px rgba(15, 23, 42, 0.09), 0 0 64px rgba(1, 177, 175, 0.1), 4px 0 24px rgba(203, 213, 225, 0.35) !important; backdrop-filter: blur(40px) saturate(1.85) brightness(1.04); -webkit-backdrop-filter: blur(40px) saturate(1.85) brightness(1.04); isolation: isolate; } body.light-mode .side-nav:hover, body.light-mode .side-nav.is-flyout-active, body.light-mode .side-nav:has(.dropdown:hover), body.light-mode .side-nav:has(.dropdown.is-flyout-open) { background: linear-gradient( 155deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.38) 42%, rgba(232, 240, 248, 0.3) 100% ) !important; box-shadow: inset 1px 0 0 rgba(255, 255, 255, 1), inset -1px 0 0 rgba(148, 163, 184, 0.16), 18px 0 52px rgba(15, 23, 42, 0.1), 0 0 64px rgba(1, 177, 175, 0.1) !important; } body.light-mode .side-nav::before { background: linear-gradient( 118deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0.22) 28%, transparent 58% ), radial-gradient( ellipse 90% 40% at 50% 0%, rgba(255, 255, 255, 0.45) 0%, transparent 70% ) !important; z-index: 0; } body.light-mode .side-nav::after { opacity: 1 !important; width: 2px !important; background: linear-gradient( 180deg, transparent 0%, rgba(1, 177, 175, 0.35) 30%, var(--side-nav-accent) 50%, rgba(1, 177, 175, 0.35) 70%, transparent 100% ) !important; box-shadow: 0 0 20px rgba(1, 177, 175, 0.35), 1px 0 8px rgba(1, 177, 175, 0.2) !important; } /* Metin — sidebar-brand beyaz override'ını ez */ body.light-mode .side-nav ul li p, body.light-mode .side-nav:hover ul li p, body.light-mode .side-nav.is-open ul li p, body.light-mode .side-nav .user-brand-text, body.light-mode .side-nav:hover .user-brand-text, body.light-mode .side-nav.is-open .user-brand-text, body.light-mode .side-nav .dropdown > a, body.light-mode .side-nav > ul:last-of-type li a, body.light-mode .side-nav > ul:last-of-type li p { color: #0f172a !important; -webkit-text-fill-color: #0f172a !important; font-weight: 600; } body.light-mode .side-nav ul li p:hover, body.light-mode .side-nav a:hover, body.light-mode .side-nav .sidebar-dropdown__trigger:hover, body.light-mode .side-nav:hover ul li:hover p { color: #018a88 !important; -webkit-text-fill-color: #018a88 !important; } /* Satır hover — cam kapsül */ body.light-mode .side-nav > ul:first-of-type > li { border-radius: 12px; border: 1px solid transparent; transition: background 0.28s ease, border-color 0.28s ease, box-shadow 0.28s ease, transform 0.28s ease; } body.light-mode .side-nav:hover ul li:hover, body.light-mode .side-nav.is-open ul li:hover, body.light-mode .side-nav .dropdown.is-flyout-open > a { background: linear-gradient( 135deg, rgba(255, 255, 255, 0.58) 0%, rgba(255, 255, 255, 0.28) 52%, rgba(1, 177, 175, 0.1) 100% ) !important; border-color: rgba(255, 255, 255, 0.75) !important; border-radius: 12px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), inset 0 -1px 0 rgba(148, 163, 184, 0.14), 0 4px 14px rgba(15, 23, 42, 0.07) !important; backdrop-filter: blur(12px) saturate(1.4); -webkit-backdrop-filter: blur(12px) saturate(1.4); } body.light-mode .side-nav > ul:last-of-type { border-top-color: rgba(148, 163, 184, 0.45) !important; } body.light-mode .side-nav ul li img, body.light-mode .side-nav:hover ul li img, body.light-mode .side-nav.is-open ul li img { filter: brightness(0) saturate(100%) invert(22%) sepia(12%) saturate(800%) hue-rotate(169deg) drop-shadow(0 1px 2px rgba(255, 255, 255, 0.5)) !important; } /* Flyout panel — buzlu cam */ body.light-mode .side-nav .dropdown-content, body.light-mode .sidebar-flyout-panel, body.light-mode .side-nav .dropdown.is-flyout-open .dropdown-content.sidebar-flyout-panel { background: linear-gradient( 158deg, rgba(255, 255, 255, 0.68) 0%, rgba(248, 250, 252, 0.52) 48%, rgba(226, 236, 245, 0.45) 100% ) !important; border: 1px solid rgba(255, 255, 255, 0.78) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), inset 0 -1px 0 rgba(148, 163, 184, 0.1), 0 16px 44px rgba(15, 23, 42, 0.12), 0 0 32px rgba(1, 177, 175, 0.08) !important; backdrop-filter: blur(32px) saturate(1.75); -webkit-backdrop-filter: blur(32px) saturate(1.75); } body.light-mode .side-nav .dropdown-content a, body.light-mode .sidebar-flyout-panel a { color: #334155 !important; -webkit-text-fill-color: #334155 !important; } body.light-mode .side-nav .dropdown-content a:hover, body.light-mode .sidebar-flyout-panel a:hover, body.light-mode .sidebar-flyout-panel a:focus-visible { background: linear-gradient( 90deg, rgba(1, 177, 175, 0.14) 0%, rgba(1, 177, 175, 0.08) 100% ) !important; color: #018a88 !important; -webkit-text-fill-color: #018a88 !important; } } /* Mobil çekmece metinleri — cam efekti mobile-nav-stack / mobile-restore */ @media (max-width: 991px) { body.light-mode .side-nav.is-open ul li p, body.light-mode .side-nav.is-open .dropdown-content a, body.light-mode .side-nav.is-open .dropdown > a { color: #1e293b !important; -webkit-text-fill-color: #1e293b !important; } }