/* TAPS Light Rail Menu Background V15.3 */

/* Light mode rail readability patch */
html[data-theme="light"] .side-rail,
html[data-theme="light"] .left-rail,
html[data-theme="light"] .site-rail,
html[data-theme="light"] .home-rail,
html[data-theme="light"] .service-rail,
body[data-theme="light"] .side-rail,
body[data-theme="light"] .left-rail,
body[data-theme="light"] .site-rail,
body[data-theme="light"] .home-rail,
body[data-theme="light"] .service-rail,
body.theme-light .side-rail,
body.theme-light .left-rail,
body.theme-light .site-rail,
body.theme-light .home-rail,
body.theme-light .service-rail,
body.light .side-rail,
body.light .left-rail,
body.light .site-rail,
body.light .home-rail,
body.light .service-rail {
    background:
        linear-gradient(180deg, rgba(6, 49, 86, 0.96) 0%, rgba(10, 78, 120, 0.92) 38%, rgba(233, 240, 246, 0.98) 38%, rgba(246, 249, 252, 0.98) 100%) !important;
    border-right: 1px solid rgba(25, 172, 233, 0.18) !important;
    box-shadow:
        inset -1px 0 0 rgba(255,255,255,0.42),
        0 10px 34px rgba(9, 27, 45, 0.08) !important;
}

html[data-theme="light"] .side-rail::before,
html[data-theme="light"] .left-rail::before,
html[data-theme="light"] .site-rail::before,
html[data-theme="light"] .home-rail::before,
html[data-theme="light"] .service-rail::before,
body[data-theme="light"] .side-rail::before,
body[data-theme="light"] .left-rail::before,
body[data-theme="light"] .site-rail::before,
body[data-theme="light"] .home-rail::before,
body[data-theme="light"] .service-rail::before,
body.theme-light .side-rail::before,
body.theme-light .left-rail::before,
body.theme-light .site-rail::before,
body.theme-light .home-rail::before,
body.theme-light .service-rail::before,
body.light .side-rail::before,
body.light .left-rail::before,
body.light .site-rail::before,
body.light .home-rail::before,
body.light .service-rail::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(180deg, rgba(34, 218, 255, 0.15) 0%, rgba(34, 218, 255, 0.05) 30%, rgba(255,255,255,0) 55%) !important;
}

/* Sol rail item ortak */
html[data-theme="light"] .side-rail .rail-item,
html[data-theme="light"] .side-rail .rail-tab,
html[data-theme="light"] .side-rail .rail-link,
html[data-theme="light"] .left-rail .rail-item,
html[data-theme="light"] .left-rail .rail-tab,
html[data-theme="light"] .left-rail .rail-link,
html[data-theme="light"] .site-rail .rail-item,
html[data-theme="light"] .site-rail .rail-tab,
html[data-theme="light"] .site-rail .rail-link,
html[data-theme="light"] .home-rail .rail-item,
html[data-theme="light"] .home-rail .rail-tab,
html[data-theme="light"] .home-rail .rail-link,
html[data-theme="light"] .service-rail .rail-item,
html[data-theme="light"] .service-rail .rail-tab,
html[data-theme="light"] .service-rail .rail-link,
body[data-theme="light"] .side-rail .rail-item,
body[data-theme="light"] .side-rail .rail-tab,
body[data-theme="light"] .side-rail .rail-link,
body[data-theme="light"] .left-rail .rail-item,
body[data-theme="light"] .left-rail .rail-tab,
body[data-theme="light"] .left-rail .rail-link,
body[data-theme="light"] .site-rail .rail-item,
body[data-theme="light"] .site-rail .rail-tab,
body[data-theme="light"] .site-rail .rail-link,
body[data-theme="light"] .home-rail .rail-item,
body[data-theme="light"] .home-rail .rail-tab,
body[data-theme="light"] .home-rail .rail-link,
body[data-theme="light"] .service-rail .rail-item,
body[data-theme="light"] .service-rail .rail-tab,
body[data-theme="light"] .service-rail .rail-link,
body.theme-light .side-rail .rail-item,
body.theme-light .side-rail .rail-tab,
body.theme-light .side-rail .rail-link,
body.theme-light .left-rail .rail-item,
body.theme-light .left-rail .rail-tab,
body.theme-light .left-rail .rail-link,
body.theme-light .site-rail .rail-item,
body.theme-light .site-rail .rail-tab,
body.theme-light .site-rail .rail-link,
body.theme-light .home-rail .rail-item,
body.theme-light .home-rail .rail-tab,
body.theme-light .home-rail .rail-link,
body.theme-light .service-rail .rail-item,
body.theme-light .service-rail .rail-tab,
body.theme-light .service-rail .rail-link,
body.light .side-rail .rail-item,
body.light .side-rail .rail-tab,
body.light .side-rail .rail-link,
body.light .left-rail .rail-item,
body.light .left-rail .rail-tab,
body.light .left-rail .rail-link,
body.light .site-rail .rail-item,
body.light .site-rail .rail-tab,
body.light .site-rail .rail-link,
body.light .home-rail .rail-item,
body.light .home-rail .rail-tab,
body.light .home-rail .rail-link,
body.light .service-rail .rail-item,
body.light .service-rail .rail-tab,
body.light .service-rail .rail-link {
    position: relative !important;
    color: #304354 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.84) 0%, rgba(241,246,250,0.96) 100%) !important;
    border-color: rgba(16, 109, 160, 0.12) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.82) !important;
}

/* Aktif rail item */
html[data-theme="light"] .side-rail .rail-item.is-active,
html[data-theme="light"] .side-rail .rail-tab.is-active,
html[data-theme="light"] .side-rail .rail-link.is-active,
html[data-theme="light"] .side-rail .rail-item.active,
html[data-theme="light"] .side-rail .rail-tab.active,
html[data-theme="light"] .side-rail .rail-link.active,
html[data-theme="light"] .left-rail .rail-item.is-active,
html[data-theme="light"] .left-rail .rail-tab.is-active,
html[data-theme="light"] .left-rail .rail-link.is-active,
html[data-theme="light"] .left-rail .rail-item.active,
html[data-theme="light"] .left-rail .rail-tab.active,
html[data-theme="light"] .left-rail .rail-link.active,
html[data-theme="light"] .site-rail .rail-item.is-active,
html[data-theme="light"] .site-rail .rail-tab.is-active,
html[data-theme="light"] .site-rail .rail-link.is-active,
html[data-theme="light"] .site-rail .rail-item.active,
html[data-theme="light"] .site-rail .rail-tab.active,
html[data-theme="light"] .site-rail .rail-link.active,
html[data-theme="light"] .home-rail .rail-item.is-active,
html[data-theme="light"] .home-rail .rail-tab.is-active,
html[data-theme="light"] .home-rail .rail-link.is-active,
html[data-theme="light"] .home-rail .rail-item.active,
html[data-theme="light"] .home-rail .rail-tab.active,
html[data-theme="light"] .home-rail .rail-link.active,
html[data-theme="light"] .service-rail .rail-item.is-active,
html[data-theme="light"] .service-rail .rail-tab.is-active,
html[data-theme="light"] .service-rail .rail-link.is-active,
html[data-theme="light"] .service-rail .rail-item.active,
html[data-theme="light"] .service-rail .rail-tab.active,
html[data-theme="light"] .service-rail .rail-link.active,
body[data-theme="light"] .side-rail .rail-item.is-active,
body[data-theme="light"] .side-rail .rail-tab.is-active,
body[data-theme="light"] .side-rail .rail-link.is-active,
body[data-theme="light"] .side-rail .rail-item.active,
body[data-theme="light"] .side-rail .rail-tab.active,
body[data-theme="light"] .side-rail .rail-link.active,
body[data-theme="light"] .left-rail .rail-item.is-active,
body[data-theme="light"] .left-rail .rail-tab.is-active,
body[data-theme="light"] .left-rail .rail-link.is-active,
body[data-theme="light"] .left-rail .rail-item.active,
body[data-theme="light"] .left-rail .rail-tab.active,
body[data-theme="light"] .left-rail .rail-link.active,
body[data-theme="light"] .site-rail .rail-item.is-active,
body[data-theme="light"] .site-rail .rail-tab.is-active,
body[data-theme="light"] .site-rail .rail-link.is-active,
body[data-theme="light"] .site-rail .rail-item.active,
body[data-theme="light"] .site-rail .rail-tab.active,
body[data-theme="light"] .site-rail .rail-link.active,
body[data-theme="light"] .home-rail .rail-item.is-active,
body[data-theme="light"] .home-rail .rail-tab.is-active,
body[data-theme="light"] .home-rail .rail-link.is-active,
body[data-theme="light"] .home-rail .rail-item.active,
body[data-theme="light"] .home-rail .rail-tab.active,
body[data-theme="light"] .home-rail .rail-link.active,
body[data-theme="light"] .service-rail .rail-item.is-active,
body[data-theme="light"] .service-rail .rail-tab.is-active,
body[data-theme="light"] .service-rail .rail-link.is-active,
body[data-theme="light"] .service-rail .rail-item.active,
body[data-theme="light"] .service-rail .rail-tab.active,
body[data-theme="light"] .service-rail .rail-link.active,
body.theme-light .side-rail .rail-item.is-active,
body.theme-light .side-rail .rail-tab.is-active,
body.theme-light .side-rail .rail-link.is-active,
body.theme-light .side-rail .rail-item.active,
body.theme-light .side-rail .rail-tab.active,
body.theme-light .side-rail .rail-link.active,
body.theme-light .left-rail .rail-item.is-active,
body.theme-light .left-rail .rail-tab.is-active,
body.theme-light .left-rail .rail-link.is-active,
body.theme-light .left-rail .rail-item.active,
body.theme-light .left-rail .rail-tab.active,
body.theme-light .left-rail .rail-link.active,
body.light .side-rail .rail-item.is-active,
body.light .side-rail .rail-tab.is-active,
body.light .side-rail .rail-link.is-active,
body.light .side-rail .rail-item.active,
body.light .side-rail .rail-tab.active,
body.light .side-rail .rail-link.active,
body.light .left-rail .rail-item.is-active,
body.light .left-rail .rail-tab.is-active,
body.light .left-rail .rail-link.is-active,
body.light .left-rail .rail-item.active,
body.light .left-rail .rail-tab.active,
body.light .left-rail .rail-link.active {
    color: #ffffff !important;
    background: linear-gradient(180deg, rgba(10, 96, 142, 0.94) 0%, rgba(7, 62, 104, 0.96) 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(102, 230, 255, 0.18),
        0 12px 28px rgba(0, 142, 220, 0.22) !important;
}

/* Aktif item parlama çizgisi */
html[data-theme="light"] .side-rail .rail-item.is-active::before,
html[data-theme="light"] .side-rail .rail-tab.is-active::before,
html[data-theme="light"] .side-rail .rail-link.is-active::before,
html[data-theme="light"] .side-rail .rail-item.active::before,
html[data-theme="light"] .side-rail .rail-tab.active::before,
html[data-theme="light"] .side-rail .rail-link.active::before,
html[data-theme="light"] .left-rail .rail-item.is-active::before,
html[data-theme="light"] .left-rail .rail-tab.is-active::before,
html[data-theme="light"] .left-rail .rail-link.is-active::before,
html[data-theme="light"] .left-rail .rail-item.active::before,
html[data-theme="light"] .left-rail .rail-tab.active::before,
html[data-theme="light"] .left-rail .rail-link.active::before,
body[data-theme="light"] .side-rail .rail-item.is-active::before,
body[data-theme="light"] .side-rail .rail-tab.is-active::before,
body[data-theme="light"] .side-rail .rail-link.is-active::before,
body[data-theme="light"] .side-rail .rail-item.active::before,
body[data-theme="light"] .side-rail .rail-tab.active::before,
body[data-theme="light"] .side-rail .rail-link.active::before,
body[data-theme="light"] .left-rail .rail-item.is-active::before,
body[data-theme="light"] .left-rail .rail-tab.is-active::before,
body[data-theme="light"] .left-rail .rail-link.is-active::before,
body[data-theme="light"] .left-rail .rail-item.active::before,
body[data-theme="light"] .left-rail .rail-tab.active::before,
body[data-theme="light"] .left-rail .rail-link.active::before,
body.theme-light .side-rail .rail-item.is-active::before,
body.theme-light .side-rail .rail-tab.is-active::before,
body.theme-light .side-rail .rail-link.is-active::before,
body.theme-light .side-rail .rail-item.active::before,
body.theme-light .side-rail .rail-tab.active::before,
body.theme-light .side-rail .rail-link.active::before,
body.theme-light .left-rail .rail-item.is-active::before,
body.theme-light .left-rail .rail-tab.is-active::before,
body.theme-light .left-rail .rail-link.is-active::before,
body.theme-light .left-rail .rail-item.active::before,
body.theme-light .left-rail .rail-tab.active::before,
body.theme-light .left-rail .rail-link.active::before,
body.light .side-rail .rail-item.is-active::before,
body.light .side-rail .rail-tab.is-active::before,
body.light .side-rail .rail-link.is-active::before,
body.light .side-rail .rail-item.active::before,
body.light .side-rail .rail-tab.active::before,
body.light .side-rail .rail-link.active::before,
body.light .left-rail .rail-item.is-active::before,
body.light .left-rail .rail-tab.is-active::before,
body.light .left-rail .rail-link.is-active::before,
body.light .left-rail .rail-item.active::before,
body.light .left-rail .rail-tab.active::before,
body.light .left-rail .rail-link.active::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 16px;
    bottom: 16px;
    width: 4px;
    border-radius: 999px;
    background: linear-gradient(180deg, #27e3ff 0%, #00b7ff 100%) !important;
    box-shadow: 0 0 16px rgba(39, 227, 255, 0.42) !important;
}

/* Dikey ana başlık yazıları */
html[data-theme="light"] .side-rail .rail-item .label,
html[data-theme="light"] .side-rail .rail-tab .label,
html[data-theme="light"] .side-rail .rail-link .label,
html[data-theme="light"] .side-rail .rail-item .title,
html[data-theme="light"] .side-rail .rail-tab .title,
html[data-theme="light"] .side-rail .rail-link .title,
html[data-theme="light"] .left-rail .rail-item .label,
html[data-theme="light"] .left-rail .rail-tab .label,
html[data-theme="light"] .left-rail .rail-link .label,
html[data-theme="light"] .left-rail .rail-item .title,
html[data-theme="light"] .left-rail .rail-tab .title,
html[data-theme="light"] .left-rail .rail-link .title,
body[data-theme="light"] .side-rail .rail-item .label,
body[data-theme="light"] .side-rail .rail-tab .label,
body[data-theme="light"] .side-rail .rail-link .label,
body[data-theme="light"] .side-rail .rail-item .title,
body[data-theme="light"] .side-rail .rail-tab .title,
body[data-theme="light"] .side-rail .rail-link .title,
body[data-theme="light"] .left-rail .rail-item .label,
body[data-theme="light"] .left-rail .rail-tab .label,
body[data-theme="light"] .left-rail .rail-link .label,
body[data-theme="light"] .left-rail .rail-item .title,
body[data-theme="light"] .left-rail .rail-tab .title,
body[data-theme="light"] .left-rail .rail-link .title,
body.theme-light .side-rail .rail-item .label,
body.theme-light .side-rail .rail-tab .label,
body.theme-light .side-rail .rail-link .label,
body.theme-light .side-rail .rail-item .title,
body.theme-light .side-rail .rail-tab .title,
body.theme-light .side-rail .rail-link .title,
body.theme-light .left-rail .rail-item .label,
body.theme-light .left-rail .rail-tab .label,
body.theme-light .left-rail .rail-link .label,
body.theme-light .left-rail .rail-item .title,
body.theme-light .left-rail .rail-tab .title,
body.theme-light .left-rail .rail-link .title,
body.light .side-rail .rail-item .label,
body.light .side-rail .rail-tab .label,
body.light .side-rail .rail-link .label,
body.light .side-rail .rail-item .title,
body.light .side-rail .rail-tab .title,
body.light .side-rail .rail-link .title,
body.light .left-rail .rail-item .label,
body.light .left-rail .rail-tab .label,
body.light .left-rail .rail-link .label,
body.light .left-rail .rail-item .title,
body.light .left-rail .rail-tab .title,
body.light .left-rail .rail-link .title {
    color: inherit !important;
    text-shadow: none !important;
    font-weight: 800 !important;
    letter-spacing: 0.14em !important;
}

/* Rail numaraları */
html[data-theme="light"] .side-rail .rail-item .index,
html[data-theme="light"] .side-rail .rail-tab .index,
html[data-theme="light"] .side-rail .rail-link .index,
html[data-theme="light"] .left-rail .rail-item .index,
html[data-theme="light"] .left-rail .rail-tab .index,
html[data-theme="light"] .left-rail .rail-link .index,
body[data-theme="light"] .side-rail .rail-item .index,
body[data-theme="light"] .side-rail .rail-tab .index,
body[data-theme="light"] .side-rail .rail-link .index,
body[data-theme="light"] .left-rail .rail-item .index,
body[data-theme="light"] .left-rail .rail-tab .index,
body[data-theme="light"] .left-rail .rail-link .index,
body.theme-light .side-rail .rail-item .index,
body.theme-light .side-rail .rail-tab .index,
body.theme-light .side-rail .rail-link .index,
body.theme-light .left-rail .rail-item .index,
body.theme-light .left-rail .rail-tab .index,
body.theme-light .left-rail .rail-link .index,
body.light .side-rail .rail-item .index,
body.light .side-rail .rail-tab .index,
body.light .side-rail .rail-link .index,
body.light .left-rail .rail-item .index,
body.light .left-rail .rail-tab .index,
body.light .left-rail .rail-link .index {
    color: rgba(33, 58, 79, 0.62) !important;
    font-weight: 800 !important;
}

html[data-theme="light"] .side-rail .rail-item.is-active .index,
html[data-theme="light"] .side-rail .rail-tab.is-active .index,
html[data-theme="light"] .side-rail .rail-link.is-active .index,
html[data-theme="light"] .side-rail .rail-item.active .index,
html[data-theme="light"] .side-rail .rail-tab.active .index,
html[data-theme="light"] .side-rail .rail-link.active .index,
html[data-theme="light"] .left-rail .rail-item.is-active .index,
html[data-theme="light"] .left-rail .rail-tab.is-active .index,
html[data-theme="light"] .left-rail .rail-link.is-active .index,
html[data-theme="light"] .left-rail .rail-item.active .index,
html[data-theme="light"] .left-rail .rail-tab.active .index,
html[data-theme="light"] .left-rail .rail-link.active .index,
body[data-theme="light"] .side-rail .rail-item.is-active .index,
body[data-theme="light"] .side-rail .rail-tab.is-active .index,
body[data-theme="light"] .side-rail .rail-link.is-active .index,
body[data-theme="light"] .side-rail .rail-item.active .index,
body[data-theme="light"] .side-rail .rail-tab.active .index,
body[data-theme="light"] .side-rail .rail-link.active .index,
body[data-theme="light"] .left-rail .rail-item.is-active .index,
body[data-theme="light"] .left-rail .rail-tab.is-active .index,
body[data-theme="light"] .left-rail .rail-link.is-active .index,
body[data-theme="light"] .left-rail .rail-item.active .index,
body[data-theme="light"] .left-rail .rail-tab.active .index,
body[data-theme="light"] .left-rail .rail-link.active .index,
body.theme-light .side-rail .rail-item.is-active .index,
body.theme-light .side-rail .rail-tab.is-active .index,
body.theme-light .side-rail .rail-link.is-active .index,
body.theme-light .side-rail .rail-item.active .index,
body.theme-light .side-rail .rail-tab.active .index,
body.theme-light .side-rail .rail-link.active .index,
body.theme-light .left-rail .rail-item.is-active .index,
body.theme-light .left-rail .rail-tab.is-active .index,
body.theme-light .left-rail .rail-link.is-active .index,
body.theme-light .left-rail .rail-item.active .index,
body.theme-light .left-rail .rail-tab.active .index,
body.theme-light .left-rail .rail-link.active .index,
body.light .side-rail .rail-item.is-active .index,
body.light .side-rail .rail-tab.is-active .index,
body.light .side-rail .rail-link.is-active .index,
body.light .side-rail .rail-item.active .index,
body.light .side-rail .rail-tab.active .index,
body.light .side-rail .rail-link.active .index,
body.light .left-rail .rail-item.is-active .index,
body.light .left-rail .rail-tab.is-active .index,
body.light .left-rail .rail-link.is-active .index,
body.light .left-rail .rail-item.active .index,
body.light .left-rail .rail-tab.active .index,
body.light .left-rail .rail-link.active .index {
    color: rgba(255, 255, 255, 0.78) !important;
}