body {
            background-color: #f8fafc;
            transition: background-color 0.3s ease, color 0.3s ease;
        }

        .dark body {
            background-color: #0f172a;
        }

        .search-container {
            transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.3s ease;
            z-index: 50; 
        }

        .search-container:focus-within {
            transform: scale(1.02);
        }

        /* :has() yerine sınıf kullanılır; büyük sayfalarda seçici maliyeti oluşmaz. */
        body.search-is-active #global-search-overlay {
            opacity: 1;
            visibility: visible;
        }

        .hide-scrollbar::-webkit-scrollbar { display: none; }
        .hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        #main-header {
            transition: background-color 0.3s ease, box-shadow 0.3s ease, padding 0.3s ease;
        }

        .header-scrolled {
            padding-top: 0.5rem !important;
            padding-bottom: 0.5rem !important;
            background-color: rgba(255, 255, 255, 0.95) !important;
            box-shadow: 0 10px 40px -10px rgba(0,0,0,0.1) !important;
        }

        .dark .header-scrolled {
            background-color: rgba(15, 23, 42, 0.95) !important;
            box-shadow: 0 10px 40px -10px rgba(0,0,0,0.6) !important;
        }

        /* Ekran çözünürlüğüne göre taşmayan ve sütunlu masaüstü açılır menü */
        .desktop-dropdown {
            position: fixed;
            left: var(--dropdown-left, 16px);
            top: var(--dropdown-top, 120px);
            padding-top: 0;
            width: min(1120px, calc(100vw - 24px));
            max-height: calc(100vh - var(--dropdown-top, 120px) - 14px);
            opacity: 0;
            visibility: hidden;
            transform: translateY(8px) scale(.98);
            pointer-events: none;
            transition: opacity 0.18s ease, transform 0.18s ease, visibility 0.18s ease;
            z-index: 80;
        }

        .desktop-nav-item.open > .desktop-dropdown {
            opacity: 1;
            visibility: visible;
            transform: translateY(0) scale(1);
            pointer-events: auto;
        }

        .desktop-dropdown-panel {
            background: rgba(255, 255, 255, 0.98);
            border: 1px solid rgba(226, 232, 240, 0.9);
            border-radius: 24px;
            box-shadow: 0 30px 60px -15px rgba(15, 23, 42, 0.18);
            overflow: hidden;
            padding: 8px;
            max-height: inherit;
        }

        .dark .desktop-dropdown-panel {
            background: rgba(15, 23, 42, 0.98);
            border-color: rgba(51, 65, 85, 0.6);
            box-shadow: 0 30px 60px -15px rgba(0, 0, 0, 0.6);
        }

        .desktop-dropdown-scroll {
            padding: 10px;
            overflow: auto;
            max-height: calc(100vh - var(--dropdown-top, 120px) - 112px);
        }

        .desktop-dropdown-grid,
        .desktop-acc-grid {
            display: grid;
            grid-template-rows: repeat(5, minmax(0, auto));
            grid-auto-flow: column;
            grid-auto-columns: minmax(240px, 1fr);
            grid-template-columns: none;
            gap: 8px 12px;
            align-items: start;
        }

        .desktop-acc-grid {
            grid-auto-columns: minmax(220px, 1fr);
            padding-left: 42px;
            padding-right: 6px;
        }

        .desktop-acc-content {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.25s ease;
        }

        .desktop-acc-item.open > .desktop-acc-content {
            max-height: min(720px, calc(100vh - var(--dropdown-top, 120px) - 150px));
            overflow: auto;
        }

        .desktop-acc-item.open > .desktop-acc-btn .desktop-acc-chevron {
            transform: rotate(180deg);
            color: #ea580c;
        }

        .desktop-dropdown-link,
        .desktop-acc-btn {
            min-width: 0;
        }

        .desktop-dropdown-link span,
        .desktop-acc-btn span {
            min-width: 0;
        }

        .desktop-nav-item.open > .desktop-nav-toggle i {
            transform: rotate(180deg);
            color: #ea580c;
        }

        .desktop-home-link {
            width: 36px;
            height: 36px;
            border-radius: 999px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgba(226,232,240,.9);
            background: rgba(255,255,255,.8);
            color: #334155;
            box-shadow: 0 8px 20px rgba(15,23,42,.05);
            transition: background-color .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
        }

        .desktop-home-link:hover,
        .desktop-home-link.active {
            background: #ea580c;
            border-color: #ea580c;
            color: #fff;
            transform: translateY(-1px);
        }

        .dark .desktop-home-link {
            background: rgba(15,23,42,.9);
            border-color: rgba(51,65,85,.8);
            color: #cbd5e1;
        }

        .dark .desktop-home-link:hover,
        .dark .desktop-home-link.active {
            background: #ea580c;
            border-color: #ea580c;
            color: #fff;
        }

        .mobile-accordion {
            max-height: 0;
            overflow: hidden;
            transition: max-height 0.4s ease-out, padding 0.4s ease;
            contain: content;
            content-visibility: hidden;
        }

        .mobile-item.active > .mobile-accordion {
            max-height: 1800px;
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            content-visibility: visible;
        }

        .mobile-item.active > button .mobile-chevron {
            transform: rotate(180deg);
            color: #ea580c;
        }

        @media (max-width: 1180px) {
            .desktop-dropdown {
                width: min(760px, calc(100vw - 24px));
            }

            .desktop-dropdown-grid,
            .desktop-acc-grid {
                grid-template-rows: repeat(5, minmax(0, auto));
                grid-auto-columns: minmax(210px, 1fr);
            }
        }

        @media (max-height: 720px) {
            .desktop-dropdown-scroll {
                max-height: calc(100vh - var(--dropdown-top, 120px) - 84px);
            }

            .desktop-dropdown-panel .px-5.py-4 {
                padding-top: .75rem;
                padding-bottom: .75rem;
            }
        }

        @media (min-width: 768px) {
            .nav-scroll-wrap {
                overflow: visible;
            }
        }

        /* Header menü görselleri: hangi ölçüde yüklenirse yüklensin kırpma yapmadan tam göster */
        .desktop-dropdown-link img,
        .desktop-acc-btn img,
        .mobile-item img,
        .desktop-dropdown-panel img {
            object-fit: contain !important;
            object-position: center center !important;
            max-width: 100%;
            max-height: 100%;
        }

        .desktop-dropdown-link > div,
        .desktop-acc-btn span > div,
        .mobile-item a > div,
        .mobile-item button span > div {
            background: rgba(248, 250, 252, .92);
        }

        .dark .desktop-dropdown-link > div,
        .dark .desktop-acc-btn span > div,
        .dark .mobile-item a > div,
        .dark .mobile-item button span > div {
            background: rgba(15, 23, 42, .92);
        }
    

        /* =========================================================
           ARGE cascade desktop menu: compact root + true multi-level panels
           - 5 satırdan sonra yatay sütun üretir
           - 3. ve daha derin seviyeler parent içinde kırpılmaz
           ========================================================= */
        .desktop-dropdown.arges-cascade-menu {
            width: min(var(--cascade-root-width, 430px), calc(100vw - 24px)) !important;
            max-width: calc(100vw - 24px) !important;
            overflow: visible !important;
        }

        .desktop-dropdown.arges-cascade-menu .desktop-dropdown-panel,
        .desktop-dropdown.arges-cascade-menu .arges-cascade-root-panel {
            width: 100% !important;
            overflow: visible !important;
            border-radius: 26px !important;
            padding: 0 !important;
            max-height: none !important;
        }

        .desktop-cascade-root-head,
        .desktop-cascade-panel-head {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 14px;
            padding: 18px 20px 16px;
            border-bottom: 1px solid rgba(226, 232, 240, .70);
        }

        .dark .desktop-cascade-root-head,
        .dark .desktop-cascade-panel-head {
            border-bottom-color: rgba(51, 65, 85, .62);
        }

        .desktop-cascade-root-title,
        .desktop-cascade-panel-title {
            color: #ea580c;
            font-size: 12px;
            line-height: 1.2;
            font-weight: 950;
            letter-spacing: .16em;
            text-transform: uppercase;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
        }

        .desktop-cascade-root-sub,
        .desktop-cascade-panel-sub {
            margin-top: 5px;
            color: #94a3b8;
            font-size: 11px;
            line-height: 1.25;
            font-weight: 750;
        }

        .desktop-cascade-root-body {
            padding: 12px 14px 14px;
            max-height: min(540px, calc(100vh - var(--dropdown-top, 120px) - 34px));
            overflow: visible;
        }

        .desktop-cascade-grid {
            display: grid !important;
            grid-template-rows: repeat(5, minmax(0, auto)) !important;
            grid-auto-flow: column !important;
            grid-auto-columns: minmax(238px, 1fr) !important;
            grid-template-columns: none !important;
            gap: 8px 10px !important;
            align-items: start !important;
            padding: 0 !important;
            margin: 0 !important;
            list-style: none !important;
        }

        .desktop-cascade-root-grid {
            grid-auto-columns: minmax(250px, 1fr) !important;
        }

        .desktop-cascade-row {
            min-width: 0;
            width: 100%;
            min-height: 52px;
        }

        .desktop-cascade-row.is-active,
        .desktop-cascade-trigger.is-open {
            color: #ea580c !important;
            background: rgba(234, 88, 12, .075) !important;
            border-color: rgba(251, 146, 60, .42) !important;
        }

        .desktop-cascade-trigger.is-open .desktop-cascade-arrow {
            color: #ea580c !important;
            transform: translateX(2px);
        }

        .desktop-cascade-panel {
            position: fixed;
            left: var(--cascade-left, 12px);
            top: var(--cascade-top, 120px);
            width: min(var(--cascade-width, 430px), calc(100vw - 24px));
            max-width: calc(100vw - 24px);
            max-height: calc(100vh - 24px);
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transform: translateY(6px) scale(.985);
            transition: opacity .16s ease, transform .16s ease, visibility .16s ease;
            z-index: 140;
        }

        .desktop-cascade-panel.open {
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: translateY(0) scale(1);
        }

        /* Kapalı alt menülerde tarayıcı alt ağacı çizmez; açılan panel normal çalışır. */
        .desktop-cascade-panel {
            content-visibility: hidden;
            contain: paint style;
        }

        .desktop-cascade-panel.open {
            content-visibility: visible;
        }

        .desktop-cascade-panel-inner {
            width: 100%;
            max-height: calc(100vh - 24px);
            overflow: visible;
            background: rgba(255,255,255,.985);
            border: 1px solid rgba(226, 232, 240, .92);
            border-radius: 24px;
            box-shadow: 0 26px 60px -18px rgba(15,23,42,.24);
            padding: 0;
        }

        .dark .desktop-cascade-panel-inner {
            background: rgba(15,23,42,.985);
            border-color: rgba(51,65,85,.70);
            box-shadow: 0 26px 60px -18px rgba(0,0,0,.62);
        }

        .desktop-cascade-panel .desktop-cascade-grid {
            padding: 12px 14px 14px !important;
            overflow: visible !important;
        }

        @media (max-width: 1180px) {
            .desktop-dropdown.arges-cascade-menu {
                width: min(400px, calc(100vw - 24px)) !important;
            }

            .desktop-cascade-grid {
                grid-auto-columns: minmax(220px, 1fr) !important;
            }
        }

        @media (max-height: 680px) {
            .desktop-cascade-root-head,
            .desktop-cascade-panel-head {
                padding-top: 13px;
                padding-bottom: 12px;
            }

            .desktop-cascade-row {
                min-height: 46px;
                padding-top: .55rem !important;
                padding-bottom: .55rem !important;
            }
        }



        /* FINAL FIX: Cascade alt panellerin sağa uçma / 3. seviyede görünmeme sorunu.
           Sebep: parent dropdown üzerinde transform olması fixed çocuk panellerin viewport yerine parent'a göre hesaplanmasına neden oluyordu. */
        .desktop-dropdown.arges-cascade-menu {
            transform: none !important;
            transform-origin: top left !important;
            overflow: visible !important;
        }

        .desktop-nav-item.open > .desktop-dropdown.arges-cascade-menu {
            transform: none !important;
        }

        .desktop-dropdown.arges-cascade-menu .desktop-cascade-panel {
            position: fixed !important;
            z-index: 9998 !important;
            overflow: visible !important;
            transform: none !important;
        }

        .desktop-dropdown.arges-cascade-menu .desktop-cascade-panel-inner {
            overflow: visible !important;
        }

        .desktop-dropdown.arges-cascade-menu .desktop-cascade-grid {
            display: grid !important;
            grid-template-rows: repeat(5, minmax(0, auto)) !important;
            grid-auto-flow: column !important;
            grid-auto-columns: minmax(230px, 1fr) !important;
            align-items: start !important;
        }

        /* Global hareketli arkaplan + scroll ilerleme çubuğu */
        html {
            --arges-scroll-progress: 0%;
            --arges-scroll-ratio: 0;
        }

        body {
            position: relative;
            overflow-x: hidden;
        }

        #arges-scroll-progress-track {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 4px;
            z-index: 99999;
            background: rgba(15, 23, 42, 0.08);
            pointer-events: none;
            overflow: hidden;
        }

        .dark #arges-scroll-progress-track {
            background: rgba(255, 255, 255, 0.08);
        }

        #arges-scroll-progress-bar {
            width: var(--arges-scroll-progress);
            height: 100%;
            border-radius: 0 999px 999px 0;
            background: linear-gradient(90deg, #ea580c 0%, #f97316 34%, #f59e0b 58%, #2563eb 100%);
            box-shadow: 0 0 18px rgba(234, 88, 12, 0.55), 0 0 30px rgba(37, 99, 235, 0.28);
            transition: width 0.08s linear;
            position: relative;
        }

        #arges-scroll-progress-bar::after {
            content: "";
            position: absolute;
            top: 0;
            right: -28px;
            width: 56px;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,.7), transparent);
            filter: blur(.5px);
        }

        .arges-site-motion-bg {
            position: fixed;
            inset: 0;
            z-index: -1;
            pointer-events: none;
            overflow: hidden;
            background:
                radial-gradient(circle at 10% 18%, rgba(234, 88, 12, 0.08), transparent 34rem),
                radial-gradient(circle at 88% 12%, rgba(37, 99, 235, 0.08), transparent 32rem),
                radial-gradient(circle at 50% 92%, rgba(249, 115, 22, 0.05), transparent 30rem);
        }

        .dark .arges-site-motion-bg {
            background:
                radial-gradient(circle at 10% 18%, rgba(234, 88, 12, 0.13), transparent 34rem),
                radial-gradient(circle at 88% 12%, rgba(37, 99, 235, 0.16), transparent 32rem),
                radial-gradient(circle at 50% 92%, rgba(249, 115, 22, 0.08), transparent 30rem);
        }

        .arges-site-motion-bg::before {
            content: "";
            position: absolute;
            inset: -30%;
            opacity: .28;
            background-image:
                linear-gradient(rgba(15,23,42,.08) 1px, transparent 1px),
                linear-gradient(90deg, rgba(15,23,42,.08) 1px, transparent 1px);
            background-size: 64px 64px;
            transform: translate3d(calc(var(--arges-scroll-ratio) * -40px), calc(var(--arges-scroll-ratio) * -60px), 0) rotate(.001deg);
            animation: argesGridDrift 28s linear infinite;
        }

        .dark .arges-site-motion-bg::before {
            opacity: .14;
            background-image:
                linear-gradient(rgba(255,255,255,.14) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,.14) 1px, transparent 1px);
        }

        .arges-motion-orb,
        .arges-motion-ring {
            position: absolute;
            display: block;
            border-radius: 999px;
            will-change: transform;
        }

        .arges-motion-orb {
            width: var(--orb-size);
            height: var(--orb-size);
            left: var(--orb-left);
            top: var(--orb-top);
            background: radial-gradient(circle at 30% 30%, rgba(255,255,255,.75), var(--orb-color) 42%, transparent 72%);
            filter: blur(var(--orb-blur));
            opacity: var(--orb-opacity);
            transform: translate3d(calc(var(--arges-scroll-ratio) * var(--orb-x)), calc(var(--arges-scroll-ratio) * var(--orb-y)), 0);
            animation: argesOrbFloat var(--orb-speed) ease-in-out infinite alternate;
        }

        .arges-motion-orb.orb-1 {
            --orb-size: 340px;
            --orb-left: -110px;
            --orb-top: 18vh;
            --orb-color: rgba(234, 88, 12, .22);
            --orb-blur: 18px;
            --orb-opacity: .62;
            --orb-x: 80px;
            --orb-y: -70px;
            --orb-speed: 12s;
        }

        .arges-motion-orb.orb-2 {
            --orb-size: 280px;
            --orb-left: calc(100% - 120px);
            --orb-top: 24vh;
            --orb-color: rgba(37, 99, 235, .20);
            --orb-blur: 20px;
            --orb-opacity: .56;
            --orb-x: -90px;
            --orb-y: 60px;
            --orb-speed: 14s;
        }

        .arges-motion-orb.orb-3 {
            --orb-size: 240px;
            --orb-left: 42vw;
            --orb-top: 72vh;
            --orb-color: rgba(245, 158, 11, .14);
            --orb-blur: 22px;
            --orb-opacity: .45;
            --orb-x: 40px;
            --orb-y: -90px;
            --orb-speed: 16s;
        }

        .arges-motion-ring {
            width: 230px;
            height: 230px;
            right: 7vw;
            bottom: 10vh;
            border: 1px solid rgba(234, 88, 12, .16);
            box-shadow: inset 0 0 40px rgba(234, 88, 12, .05);
            transform: translate3d(0, calc(var(--arges-scroll-ratio) * -80px), 0) rotate(calc(var(--arges-scroll-ratio) * 120deg));
            animation: argesRingSpin 22s linear infinite;
            opacity: .65;
        }

        .dark .arges-motion-ring {
            border-color: rgba(249, 115, 22, .22);
            box-shadow: inset 0 0 42px rgba(37, 99, 235, .08);
        }

        @keyframes argesOrbFloat {
            from { margin-top: 0; margin-left: 0; }
            to { margin-top: -22px; margin-left: 18px; }
        }

        @keyframes argesRingSpin {
            from { rotate: 0deg; }
            to { rotate: 360deg; }
        }

        @keyframes argesGridDrift {
            from { background-position: 0 0, 0 0; }
            to { background-position: 64px 64px, 64px 64px; }
        }

        @media (prefers-reduced-motion: reduce) {
            .arges-site-motion-bg::before,
            .arges-motion-orb,
            .arges-motion-ring {
                animation: none !important;
            }

            #arges-scroll-progress-bar {
                transition: none !important;
            }
        }

        @media (max-width: 768px) {
            #arges-scroll-progress-track {
                height: 3px;
            }

            .arges-motion-orb.orb-1 { --orb-size: 220px; --orb-left: -120px; }
            .arges-motion-orb.orb-2 { --orb-size: 210px; --orb-left: calc(100% - 80px); }
            .arges-motion-ring { width: 170px; height: 170px; right: -50px; bottom: 16vh; }
        }



        /* Performans modu: header kaynaklı scroll kasmasını azaltır. */
        .arges-site-motion-bg::before,
        .arges-motion-orb,
        .arges-motion-ring {
            animation: none !important;
            will-change: auto !important;
        }

        @media (max-width: 1024px) {
            .arges-site-motion-bg {
                display: none !important;
            }
        }
        
        /* --- TAŞMAYI DÜZELTEN KODLAR --- */

        /* 1. Arkaplanı çizen iç panellerin sınırlarını koruması ve dışarı taşırmaması için: */
        .desktop-dropdown.arges-cascade-menu .desktop-dropdown-panel,
        .desktop-dropdown.arges-cascade-menu .arges-cascade-root-panel,
        .desktop-dropdown.arges-cascade-menu .desktop-cascade-panel-inner {
            overflow: hidden !important;
        }
        
        /* 2. Grid sütunlarının kapsayıcıyı zorlayıp dışarı fırlamasını önlemek için: 
           230px olan min-width değerini 180px'e çekiyoruz ve grid'in max %100 olmasını sağlıyoruz. */
        .desktop-dropdown.arges-cascade-menu .desktop-cascade-grid {
            grid-auto-columns: minmax(180px, 1fr) !important;
            width: 100% !important;
            max-width: 100% !important;
        }
        
        /* 3. Grid içindeki liste elemanlarının içeriğe göre dışarı esnememesi için: */
        .desktop-cascade-cell {
            min-width: 0;
            width: 100%;
        }


        /* Yalnız admin oturumlarında HTML olarak üretilen site-header bildirim merkezi */
        #site-admin-notice-trigger {
            position: relative;
            width: 2.35rem;
            height: 2.35rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid rgb(226 232 240 / .95);
            border-radius: 9999px;
            background: rgb(255 255 255 / .96);
            color: rgb(71 85 105);
            box-shadow: 0 6px 18px rgb(15 23 42 / .08);
            transition: transform .18s ease, border-color .18s ease, color .18s ease, background-color .18s ease;
        }
        #site-admin-notice-trigger:hover {
            transform: translateY(-1px);
            border-color: rgb(99 102 241 / .55);
            color: rgb(79 70 229);
        }
        .dark #site-admin-notice-trigger {
            background: rgb(15 23 42 / .95);
            border-color: rgb(51 65 85 / .95);
            color: rgb(203 213 225);
            box-shadow: 0 6px 18px rgb(0 0 0 / .22);
        }
        .dark #site-admin-notice-trigger:hover { color: rgb(165 180 252); }
        #site-admin-notice-trigger .site-admin-notice-count {
            position: absolute;
            top: -0.38rem;
            right: -0.38rem;
            min-width: 1.15rem;
            height: 1.15rem;
            padding: 0 .22rem;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 2px solid #fff;
            border-radius: 9999px;
            background: #ef4444;
            color: #fff;
            font-size: 9px;
            font-weight: 900;
            line-height: 1;
            box-shadow: 0 5px 13px rgb(239 68 68 / .34);
        }
        .dark #site-admin-notice-trigger .site-admin-notice-count { border-color: rgb(15 23 42); }
        #site-admin-notice-drawer {
            position: fixed;
            z-index: 120;
            top: 4.85rem;
            right: 1rem;
            width: min(24rem, calc(100vw - 2rem));
            max-height: min(37rem, calc(100vh - 6.25rem));
            display: none;
            flex-direction: column;
            overflow: hidden;
            border: 1px solid rgb(226 232 240 / .95);
            border-radius: 1.35rem;
            background: rgb(255 255 255 / .98);
            box-shadow: 0 24px 65px rgb(15 23 42 / .22);
        }
        #site-admin-notice-drawer.is-open { display: flex; animation: siteAdminNoticeIn .17s ease-out; }
        .dark #site-admin-notice-drawer { background: rgb(15 23 42 / .985); border-color: rgb(51 65 85 / .95); box-shadow: 0 24px 65px rgb(0 0 0 / .42); }
        @keyframes siteAdminNoticeIn { from { opacity: 0; transform: translateY(-8px) scale(.98); } to { opacity: 1; transform: translateY(0) scale(1); } }
        .site-admin-notice-head { display: flex; align-items: center; justify-content: space-between; gap: .75rem; padding: .9rem 1rem; border-bottom: 1px solid rgb(226 232 240 / .9); }
        .dark .site-admin-notice-head { border-color: rgb(51 65 85 / .85); }
        .site-admin-notice-head-title { display: flex; align-items: center; gap: .6rem; min-width: 0; }
        .site-admin-notice-head-title > span:first-child { width: 2rem; height: 2rem; display: inline-flex; align-items: center; justify-content: center; border-radius: .7rem; background: rgb(238 242 255); color: rgb(79 70 229); }
        .dark .site-admin-notice-head-title > span:first-child { background: rgb(99 102 241 / .16); color: rgb(165 180 252); }
        .site-admin-notice-head-title strong { display: block; color: rgb(15 23 42); font-size: .8rem; font-weight: 900; }
        .dark .site-admin-notice-head-title strong { color: #fff; }
        .site-admin-notice-head-title small { display: block; margin-top: .1rem; color: rgb(100 116 139); font-size: .64rem; font-weight: 700; }
        .site-admin-notice-actions { display: inline-flex; align-items: center; gap: .2rem; }
        .site-admin-notice-action { border: 0; border-radius: .55rem; padding: .4rem .42rem; background: transparent; color: rgb(79 70 229); font-size: .64rem; font-weight: 900; cursor: pointer; transition: background-color .15s ease; }
        .site-admin-notice-action:hover { background: rgb(238 242 255); }
        .dark .site-admin-notice-action { color: rgb(165 180 252); }.dark .site-admin-notice-action:hover { background: rgb(99 102 241 / .14); }
        #site-admin-notice-list { overflow-y: auto; padding: .5rem; }
        .site-admin-notice-item { width: 100%; display: flex; align-items: flex-start; gap: .65rem; padding: .72rem; border: 0; border-radius: .95rem; background: transparent; color: rgb(51 65 85); text-align: left; cursor: pointer; transition: background-color .15s ease; }
        .site-admin-notice-item:hover { background: rgb(248 250 252); }.dark .site-admin-notice-item { color: rgb(219 234 254); }.dark .site-admin-notice-item:hover { background: rgb(30 41 59 / .76); }
        .site-admin-notice-item.is-unread { background: rgb(238 242 255 / .7); }.dark .site-admin-notice-item.is-unread { background: rgb(99 102 241 / .13); }
        .site-admin-notice-icon { width: 1.9rem; height: 1.9rem; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border-radius: .65rem; background: rgb(224 231 255); color: rgb(79 70 229); font-size: .72rem; }
        .site-admin-notice-item[data-priority="high"] .site-admin-notice-icon, .site-admin-notice-item[data-priority="urgent"] .site-admin-notice-icon { background: rgb(254 226 226); color: rgb(220 38 38); }.dark .site-admin-notice-item[data-priority="high"] .site-admin-notice-icon, .dark .site-admin-notice-item[data-priority="urgent"] .site-admin-notice-icon { background: rgb(239 68 68 / .18); color: rgb(252 165 165); }
        .site-admin-notice-copy { min-width: 0; flex: 1; }.site-admin-notice-copy strong { display: block; color: inherit; font-size: .72rem; line-height: 1.35; font-weight: 900; }.site-admin-notice-copy span { display: block; margin-top: .15rem; color: rgb(100 116 139); font-size: .67rem; line-height: 1.38; }.dark .site-admin-notice-copy span { color: rgb(148 163 184); }.site-admin-notice-copy time { display: block; margin-top: .27rem; color: rgb(148 163 184); font-size: .57rem; font-weight: 800; }
        .site-admin-notice-empty { padding: 2.15rem 1.1rem; color: rgb(100 116 139); text-align: center; font-size: .72rem; font-weight: 700; }.site-admin-notice-empty i { display: block; margin-bottom: .55rem; color: rgb(148 163 184); font-size: 1.35rem; }
        #site-admin-notice-toast { position: fixed; z-index: 125; right: 1rem; bottom: 1rem; width: min(22rem, calc(100vw - 2rem)); display: flex; align-items: flex-start; gap: .7rem; padding: .8rem; border: 1px solid rgb(199 210 254); border-radius: 1rem; background: rgb(255 255 255 / .98); color: rgb(30 41 59); box-shadow: 0 20px 45px rgb(15 23 42 / .2); opacity: 0; pointer-events: none; transform: translateY(13px); transition: opacity .2s ease, transform .2s ease; cursor: pointer; }.dark #site-admin-notice-toast { border-color: rgb(99 102 241 / .4); background: rgb(15 23 42 / .98); color: rgb(226 232 240); }.site-admin-notice-toast-icon { width: 2rem; height: 2rem; flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; border-radius: .7rem; background: rgb(238 242 255); color: rgb(79 70 229); }.dark .site-admin-notice-toast-icon { background: rgb(99 102 241 / .16); color: rgb(165 180 252); }.site-admin-notice-toast-copy { min-width: 0; }.site-admin-notice-toast-copy strong { display: block; font-size: .72rem; line-height: 1.35; font-weight: 900; }.site-admin-notice-toast-copy span { display: block; margin-top: .12rem; overflow: hidden; color: rgb(100 116 139); font-size: .66rem; line-height: 1.4; text-overflow: ellipsis; white-space: nowrap; }.dark .site-admin-notice-toast-copy span { color: rgb(148 163 184); }#site-admin-notice-toast.is-visible { opacity: 1; pointer-events: auto; transform: translateY(0); }
        @media (max-width: 640px) { #site-admin-notice-drawer { top: 4.2rem; right: .65rem; width: calc(100vw - 1.3rem); max-height: calc(100vh - 5rem); } #site-admin-notice-toast { right: .65rem; bottom: .65rem; width: calc(100vw - 1.3rem); } }

        /* Header GPU performans ayarları */
        #main-header,
        #mobile-menu,
        #mobile-menu-overlay,
        #global-search-overlay,
        #site-admin-notice-drawer,
        .desktop-cascade-panel-inner {
            -webkit-backdrop-filter: none !important;
            backdrop-filter: none !important;
        }

        @media (max-width: 1024px) {
            #main-header {
                box-shadow: 0 1px 4px rgba(15, 23, 42, .08);
            }
        }