/* extracted from /d/Projeler/Tasitlarim2024/Tasitlarim2024/Views/Main/Releases.cshtml */

        /* ====== Yenilikler — Timeline tasarimi ====== */
        .rl-wrap { max-width: 920px; margin: 0 auto; padding: 1rem 0 3rem; }
        .rl-header { display: flex; align-items: center; gap: 1rem; margin-bottom: 1.75rem; padding-bottom: 1.25rem; border-bottom: 1px solid #e9ecef; }
        .rl-header .ic { width: 52px; height: 52px; border-radius: 16px; background: #eaf1ff; color: #0d6efd; display: inline-flex; align-items: center; justify-content: center; font-size: 1.4rem; flex-shrink: 0; }
        .rl-header h1 { margin: 0; font-size: 1.4rem; font-weight: 700; color: #212529; }
        .rl-header p  { margin: 0; color: #6c757d; font-size: .9rem; }

        /* Timeline kapsayici — dikey cizgi */
        .rl-timeline { position: relative; padding-left: 2.25rem; }
        .rl-timeline::before {
            content: "";
            position: absolute;
            left: 14px; top: 6px; bottom: 6px;
            width: 2px;
            background: linear-gradient(180deg, #0d6efd 0%, #0d6efd 8%, #e9ecef 8%, #e9ecef 100%);
            border-radius: 1px;
        }

        .rl-item { position: relative; margin-bottom: 1.5rem; }
        .rl-item:last-child { margin-bottom: 0; }

        /* Dot — timeline cizgi uzerinde */
        .rl-dot {
            position: absolute;
            left: -2.25rem;
            top: .85rem;
            width: 30px; height: 30px;
            border-radius: 50%;
            background: #eaf1ff;
            color: #0d6efd;
            display: inline-flex; align-items: center; justify-content: center;
            font-size: .85rem;
            border: 3px solid #fff;
            box-shadow: 0 0 0 2px #0d6efd;
        }
        .rl-item.is-latest .rl-dot {
            background: #0d6efd;
            color: #fff;
        }

        /* Kart icerigi */
        .rl-card {
            background: #fff;
            border: 1px solid #e9ecef;
            border-radius: .75rem;
            padding: 1rem 1.25rem 1.1rem;
            transition: transform .15s, box-shadow .15s, border-color .15s;
        }
        .rl-card:hover { box-shadow: 0 6px 22px rgba(13,110,253,.08); border-color: #c7d8f5; transform: translateY(-1px); }

        .rl-card-head { display: flex; align-items: center; gap: .55rem; margin-bottom: .35rem; flex-wrap: wrap; }
        .rl-version {
            background: #eaf1ff; color: #0d6efd;
            font-size: .72rem; font-weight: 700; letter-spacing: .03em;
            padding: .22rem .55rem; border-radius: 6px;
        }
        .rl-new-badge {
            background: #0d6efd; color: #fff;
            font-size: .65rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase;
            padding: .22rem .55rem; border-radius: 6px;
            animation: rl-pulse 2s infinite;
        }
        @@keyframes rl-pulse {
            0%,100% { box-shadow: 0 0 0 0 rgba(13,110,253,.5); }
            50%     { box-shadow: 0 0 0 6px rgba(13,110,253,0); }
        }
        .rl-date { font-size: .78rem; color: #6c757d; margin-left: auto; }
        .rl-date i { opacity: .7; }
        .rl-title { font-size: 1.04rem; font-weight: 700; color: #212529; margin: 0 0 .65rem; line-height: 1.3; }

        /* Madde listesi — wn-list zaten body icinde geliyor; o stili buraya cek */
        .rl-body .wn-list,
        .wn-list { list-style: none; padding: 0; margin: 0; display: grid; gap: .3rem; }
        .rl-body .wn-list li,
        .wn-list li {
            display: flex; align-items: flex-start; gap: .55rem;
            padding: .45rem .65rem;
            background: #f7f8fa;
            border-radius: .35rem;
            font-size: .87rem;
            color: #495057;
            line-height: 1.4;
        }
        .rl-body .wn-list .wn-icon,
        .wn-list .wn-icon { font-size: 1rem; line-height: 1.3; flex-shrink: 0; }

        /* Collapse toggle butonu */
        .rl-toggle {
            margin-top: .55rem;
            background: transparent;
            border: 0; padding: 0;
            color: #0d6efd;
            font-size: .82rem; font-weight: 600;
            cursor: pointer;
        }
        .rl-toggle:hover { text-decoration: underline; }
        .rl-toggle i { transition: transform .2s; }
        .rl-toggle[aria-expanded="true"] i { transform: rotate(180deg); }

        .rl-body { display: none; }
        .rl-body.is-open { display: block; }

        /* Empty / loading state */
        .rl-empty {
            text-align: center;
            padding: 3rem 1rem;
            color: #6c757d;
            background: #fafbfd;
            border: 1px dashed #d8dde3;
            border-radius: .75rem;
        }
        .rl-empty i { font-size: 2.4rem; color: #adb5bd; display: block; margin-bottom: .75rem; }
        .rl-empty h6 { color: #212529; font-weight: 700; margin: 0 0 .35rem; }
        .rl-empty p { margin: 0; font-size: .9rem; }

        /* ====== DARK MODE ====== */
        [data-theme="dark"] .rl-header { border-bottom-color: var(--border-soft); }
        [data-theme="dark"] .rl-header h1 { color: var(--text-strong); }
        [data-theme="dark"] .rl-header p  { color: var(--text-muted); }
        [data-theme="dark"] .rl-header .ic { background: rgba(96,165,250,.18); color: #93c5fd; }

        [data-theme="dark"] .rl-timeline::before {
            background: linear-gradient(180deg, #60a5fa 0%, #60a5fa 8%, var(--border-soft) 8%, var(--border-soft) 100%);
        }

        [data-theme="dark"] .rl-dot {
            background: rgba(96,165,250,.2);
            color: #93c5fd;
            border-color: var(--bg);
            box-shadow: 0 0 0 2px #60a5fa;
        }
        [data-theme="dark"] .rl-item.is-latest .rl-dot {
            background: #60a5fa;
            color: var(--bg);
        }

        [data-theme="dark"] .rl-card {
            background: var(--panel-bg);
            border-color: var(--border-soft);
        }
        [data-theme="dark"] .rl-card:hover {
            border-color: #60a5fa;
            box-shadow: 0 6px 22px rgba(96,165,250,.18);
        }
        [data-theme="dark"] .rl-version { background: rgba(96,165,250,.18); color: #93c5fd; }
        [data-theme="dark"] .rl-new-badge { background: #60a5fa; color: var(--bg); }
        [data-theme="dark"] .rl-date { color: var(--text-muted); }
        [data-theme="dark"] .rl-title { color: var(--text-strong); }
        [data-theme="dark"] .rl-body .wn-list li,
        [data-theme="dark"] .wn-list li {
            background: var(--bg-soft);
            color: var(--text);
        }
        [data-theme="dark"] .rl-toggle { color: #93c5fd; }
        [data-theme="dark"] .rl-empty {
            background: var(--bg-soft);
            border-color: var(--border-soft);
            color: var(--text-muted);
        }
        [data-theme="dark"] .rl-empty h6 { color: var(--text-strong); }
        [data-theme="dark"] .rl-empty .vt-empty-icon { color: var(--border-strong); }

        /* Responsive */
        @@media (max-width: 575.98px) {
            .rl-timeline { padding-left: 1.75rem; }
            .rl-timeline::before { left: 10px; }
            .rl-dot { left: -1.75rem; width: 24px; height: 24px; font-size: .7rem; }
            .rl-card { padding: .9rem 1rem; }
        }