/* /Components/Layout/AltMenuCubugu.razor.rz.scp.css */
/* =========================================================================
   TELEFON ALT MENÜSÜ (acente: < 992px, şoför: < 768px)
   Boyutlar değişkenlerle verilir: --am-yukseklik (düğme satırı), --am-fab ("+" çapı), --am-ikon, --am-yazi.
   "+" düğmesi .am-ic'e göre konumlanır: yatayda tam orta, dikeyde merkezi üst çizginin üzerinde
   (yarısı sayfada, yarısı menüde). Etrafındaki halka sayfa zemini renginde olduğu için menüde bir yuva açılmış gibi görünür.
   Ortadaki .am-bosluk yalnızca yer tutar; düğmeler iki yanına eşit dağılır.
   ========================================================================= */

.am[b-507tiulffn] {
    --am-yukseklik: 62px;
    --am-fab: 56px;
    --am-halka: 5px;
    --am-ikon: 1.3rem;
    --am-yazi: 0.68rem;
    --am-bosluk: calc(var(--am-fab) + 14px);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1030;
    background: var(--pn-yuzey);
    border-top: 1px solid var(--pn-kenar);
    box-shadow: 0 -6px 24px -12px rgba(15, 23, 42, 0.18);
    padding: 0 0.25rem max(0.35rem, env(safe-area-inset-bottom));
    font-family: var(--pn-yazi);
}

.am-sofor[b-507tiulffn] {
    --am-yukseklik: 66px;
    --am-fab: 64px;
    --am-ikon: 1.45rem;
    --am-yazi: 0.8rem;
    padding: 0 0.25rem calc(0.25rem + env(safe-area-inset-bottom));
}

    .am-sofor .am-ic[b-507tiulffn] {
        max-width: 720px;
    }

/* 6 düğme: daha küçük simge ve kısa etiket */
.am.d6[b-507tiulffn] {
    --am-ikon: 1.18rem;
    --am-yazi: 0.62rem;
    --am-bosluk: calc(var(--am-fab) + 8px);
}

.am-sofor.d6[b-507tiulffn] {
    --am-fab: 58px;
    --am-ikon: 1.3rem;
    --am-yazi: 0.7rem;
}

.am-ic[b-507tiulffn] {
    position: relative;
    display: flex;
    align-items: stretch;
    margin: 0 auto;
}

.am-oge[b-507tiulffn] {
    flex: 1 1 0;
    min-width: 0;
    height: var(--am-yukseklik);
    padding: 0;
    border: none;
    background: transparent;
    color: var(--pn-metin-3);
    font-family: inherit;
    font-size: var(--am-yazi);
    font-weight: 620;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: color 140ms ease;
}

    .am-oge.aktif[b-507tiulffn] {
        color: var(--pn-vurgu-metin);
    }

    .am-oge:focus-visible[b-507tiulffn] {
        outline: none;
        box-shadow: inset 0 0 0 2px var(--pn-vurgu-ton-2);
        border-radius: 12px;
    }

.am-hap[b-507tiulffn] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    max-width: 100%;
    min-width: 0;
    padding: 0 2px;
}

.am-ikon[b-507tiulffn] {
    position: relative;
    display: inline-flex;
}

    .am-ikon > i[b-507tiulffn] {
        font-size: var(--am-ikon);
        line-height: 1;
    }

.am-ad[b-507tiulffn] {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1.15;
}

.am-ad-kisa[b-507tiulffn] {
    display: none;
}

.am-rozet[b-507tiulffn] {
    position: absolute;
    top: -6px;
    right: -12px;
    min-width: 18px;
    height: 18px;
    padding: 0 4px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.62rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--pn-yuzey);
}

.am-sofor .am-rozet[b-507tiulffn] {
    min-width: 19px;
    height: 19px;
    font-size: 0.66rem;
}

/* 2 düğme: simge ve etiket yan yana, seçili sayfa hap biçiminde */
.am.d2 .am-hap[b-507tiulffn] {
    flex-direction: row;
    gap: 15px;
    min-height: 44px;
    padding: 0 16px;
    border-radius: 999px;
    transition: background 140ms ease;
}

.am.d2 .am-oge[b-507tiulffn] {
    font-size: 0.88rem;
}

.am-sofor.d2 .am-oge[b-507tiulffn] {
    font-size: 0.98rem;
}

.am.d2 .am-oge.aktif .am-hap[b-507tiulffn] {
    background: var(--pn-vurgu-ton);
}

/* Yan yana düzende rozet etikete binmesin */
.am.d2 .am-rozet[b-507tiulffn] {
    right: -11px;
}

/* ---- "+" (yeni sefer) ---- */
.am-bosluk[b-507tiulffn] {
    flex: 0 0 var(--am-bosluk);
}

.am-ekle[b-507tiulffn] {
    position: absolute;
    left: 50%;
    /* .am-ic menünün üst çizgisinin hemen altında başlar; -0.5px ile merkez 1px'lik çizginin tam ortasına gelir */
    top: -0.5px;
    z-index: 1;
    width: var(--am-fab);
    height: var(--am-fab);
    padding: 0;
    border: none;
    border-radius: 50%;
    background: var(--pn-vurgu);
    color: #fff;
    font-size: calc(var(--am-fab) * 0.46);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 var(--am-halka) var(--pn-zemin), 0 10px 22px -8px rgba(37, 99, 235, 0.65);
    transform: translate(-50%, -50%);
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: transform 100ms ease, background 140ms ease;
}

    .am-ekle:active[b-507tiulffn] {
        transform: translate(-50%, -50%) scale(0.92);
    }

    .am-ekle:focus-visible[b-507tiulffn] {
        outline: none;
        box-shadow: 0 0 0 var(--am-halka) var(--pn-zemin), 0 0 0 calc(var(--am-halka) + 3px) var(--pn-vurgu-ton-2);
    }

/* ---- Önizleme (alt menüyü düzenle penceresi) ---- */
.am.onizleme[b-507tiulffn] {
    position: relative;
    left: auto;
    right: auto;
    bottom: auto;
    z-index: auto;
    padding-bottom: 0.35rem;
    box-shadow: none;
}

    .am.onizleme .am-oge[b-507tiulffn] {
        border-radius: 12px;
    }

    .am.onizleme .am-oge.secili[b-507tiulffn] {
        background: var(--pn-vurgu-ton);
        color: var(--pn-vurgu-metin);
        box-shadow: inset 0 0 0 2px var(--pn-vurgu);
    }

    .am.onizleme .am-oge.sabit[b-507tiulffn] {
        cursor: default;
    }

    .am.onizleme .am-ekle[b-507tiulffn] {
        cursor: default;
    }

.am-kilit[b-507tiulffn] {
    position: absolute;
    top: -5px;
    right: -11px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-3);
    font-size: 0.55rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Geniş ekranda alt menü yok (acente: yan menü ≥ 992px, şoför: yan şerit ≥ 768px); önizleme her zaman görünür */
@media (min-width: 992px) {
    .am-acente:not(.onizleme)[b-507tiulffn] {
        display: none;
    }
}

@media (min-width: 768px) {
    .am-sofor:not(.onizleme)[b-507tiulffn] {
        display: none;
    }
}

/* Dar ekran (< 390px): 2 düğmede boşluklar daralır */
@media (max-width: 389.98px) {
    .am.d2 .am-hap[b-507tiulffn] {
        gap: 13px;
        padding: 0 10px;
    }

    .am-sofor.d2[b-507tiulffn] {
        --am-ikon: 1.3rem;
    }

    .am-sofor.d2 .am-oge[b-507tiulffn] {
        font-size: 0.9rem;
    }
}

/* Çok dar ekran (≤ 359px): 6 düğmede etiketler biraz daha küçülür; 2 düğmede simge etiketin üstüne geçer */
@media (max-width: 359.98px) {
    .am.d6[b-507tiulffn] {
        --am-yazi: 0.56rem;
        --am-bosluk: calc(var(--am-fab) + 4px);
        padding-left: 0;
        padding-right: 0;
    }

        .am.d6 .am-hap[b-507tiulffn] {
            padding: 0;
        }

        .am.d6 .am-ad[b-507tiulffn] {
            letter-spacing: -0.15px;
        }

    .am.d4 .am-ad-uzun[b-507tiulffn] {
        display: none;
    }

    .am.d4 .am-ad-kisa[b-507tiulffn] {
        display: inline;
    }

    .am-sofor.d6[b-507tiulffn] {
        --am-fab: 54px;
        --am-yazi: 0.64rem;
    }

    .am.d2 .am-hap[b-507tiulffn] {
        flex-direction: column;
        gap: 4px;
        min-height: 0;
        padding: 5px 14px;
        border-radius: 14px;
    }

    .am.d2 .am-oge[b-507tiulffn],
    .am-sofor.d2 .am-oge[b-507tiulffn] {
        font-size: var(--am-yazi);
    }

    .am-sofor.d2[b-507tiulffn] {
        --am-ikon: 1.45rem;
    }

    .am.d2 .am-rozet[b-507tiulffn] {
        right: -12px;
    }
}

@media print {
    .am[b-507tiulffn] {
        display: none;
    }
}
/* /Components/Layout/AltMenuDuzenleyici.razor.rz.scp.css */
/* =========================================================================
   ALT MENÜYÜ DÜZENLE (telefonda alttan açılan panel)
   Önizleme, gerçek alt menünün (AltMenuCubugu) kendisidir; üstündeki şerit sayfa zeminini temsil eder.
   ========================================================================= */

.amd-pencere[b-64oy2f26h7] {
    max-width: 520px;
}

.amd-bas-yazi[b-64oy2f26h7] {
    min-width: 0;
}

.amd-kapat[b-64oy2f26h7] {
    flex-shrink: 0;
    width: 44px;
    min-height: 44px;
}

.amd-bolum[b-64oy2f26h7] {
    margin: 1.15rem 0 0.55rem;
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
}

    .amd-bolum:first-child[b-64oy2f26h7] {
        margin-top: 0;
    }

.amd-bolum-satir[b-64oy2f26h7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

/* ---- Düğme sayısı ---- */
.amd-duzenler[b-64oy2f26h7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.amd-duzen[b-64oy2f26h7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.55rem;
    min-height: 76px;
    padding: 0.8rem 0.35rem 0.65rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-2);
    font-family: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 140ms ease, border-color 140ms ease, color 140ms ease;
}

    .amd-duzen.aktif[b-64oy2f26h7] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
        color: var(--pn-vurgu-metin);
        box-shadow: inset 0 0 0 1px var(--pn-vurgu);
    }

    .amd-duzen:focus-visible[b-64oy2f26h7] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.amd-duzen-ad[b-64oy2f26h7] {
    font-size: 0.86rem;
    font-weight: 650;
}

/* Küçük çizim: menü şeridi, düğmeler ve ortada "+" */
.amd-cizim[b-64oy2f26h7] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    width: 100%;
    max-width: 92px;
    height: 20px;
    padding: 0 4px;
    border: 1px solid currentColor;
    border-radius: 6px;
    opacity: 0.9;
}

.amd-cizim-oge[b-64oy2f26h7] {
    width: 6px;
    height: 6px;
    border-radius: 2px;
    background: currentColor;
    opacity: 0.6;
}

.amd-cizim-orta[b-64oy2f26h7] {
    width: 12px;
    height: 12px;
    margin-top: -20px;
    border-radius: 50%;
    background: var(--pn-vurgu);
    box-shadow: 0 0 0 2px var(--pn-yuzey-2);
}

.amd-duzen.aktif .amd-cizim-orta[b-64oy2f26h7] {
    box-shadow: 0 0 0 2px var(--pn-yuzey);
}

/* ---- Önizleme ---- */
.amd-varsayilan[b-64oy2f26h7] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 36px;
    margin-right: -0.35rem;
    padding: 0 0.4rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-family: inherit;
    font-size: 0.82rem;
    font-weight: 620;
    letter-spacing: normal;
    text-transform: none;
    cursor: pointer;
}

    .amd-varsayilan:hover[b-64oy2f26h7] {
        background: var(--pn-vurgu-ton);
    }

/* Pencere kenarına kadar uzanır (telefonda gerçek menüyle aynı genişlik); üstteki zemin sayfayı temsil eder */
.amd-onizleme[b-64oy2f26h7] {
    margin: 0 -1.25rem;
    padding-top: 46px;
    background: var(--pn-zemin);
    border-top: 1px solid var(--pn-kenar);
    border-bottom: 1px solid var(--pn-kenar);
}

.amd-ipucu[b-64oy2f26h7] {
    min-height: 2.7em;
    margin: 0.7rem 0 0;
    font-size: 0.84rem;
    line-height: 1.4;
    color: var(--pn-metin-2);
}

/* ---- Sayfalar ---- */
.amd-izgara[b-64oy2f26h7] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.5rem;
}

.amd-sayfa[b-64oy2f26h7] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    min-height: 76px;
    padding: 0.6rem 0.35rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    transition: background 140ms ease, border-color 140ms ease, transform 100ms ease;
}

    .amd-sayfa:active[b-64oy2f26h7] {
        transform: scale(0.97);
    }

    .amd-sayfa:focus-visible[b-64oy2f26h7] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .amd-sayfa.menude[b-64oy2f26h7] {
        border-color: var(--pn-vurgu-ton-2);
        background: var(--pn-vurgu-ton);
    }

    .amd-sayfa.secili[b-64oy2f26h7] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
        box-shadow: inset 0 0 0 1px var(--pn-vurgu);
    }

.amd-sayfa-ikon[b-64oy2f26h7] {
    font-size: 1.3rem;
    line-height: 1;
    color: var(--pn-vurgu-metin);
}

.amd-sayfa-ad[b-64oy2f26h7] {
    max-width: 100%;
    font-size: 0.76rem;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    color: var(--pn-metin-2);
    overflow-wrap: anywhere;
}

.amd-sira[b-64oy2f26h7] {
    position: absolute;
    top: 6px;
    right: 6px;
    min-width: 20px;
    height: 20px;
    padding: 0 5px;
    border-radius: 999px;
    background: var(--pn-vurgu);
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}

.amd-sayfa.menude .amd-sira[b-64oy2f26h7] {
    background: var(--pn-yuzey);
    color: var(--pn-vurgu-metin);
    box-shadow: inset 0 0 0 1px var(--pn-vurgu-ton-2);
}

@media (min-width: 480px) {
    .amd-izgara[b-64oy2f26h7] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}
/* /Components/Layout/BildirimAlani.razor.rz.scp.css */
/* =========================================================================
   UYGULAMA GENELİ BİLDİRİM BALONLARI — acente paneli tasarım dili (--pn-*)
   - Telefon: ekranın üstünde, çentik / durum çubuğunun (güvenli alan) altında, tam genişlik.
   - Masaüstü / tablet (≥768px): sağ üst köşede, 380px genişlik.
   - Her zaman en üst katmanda; sayfa kaydırılsa da, pencere açık olsa da görünür.
   - En yeni bildirim en üstte (column-reverse): çok sayıda bildirim üst üste gelse de yenisi ekranın dışına itilmez.
   ========================================================================= */

.bildirim-alani[b-fhosglyh71] {
    position: fixed;
    top: calc(10px + env(safe-area-inset-top));
    left: calc(12px + env(safe-area-inset-left));
    right: calc(12px + env(safe-area-inset-right));
    display: flex;
    flex-direction: column-reverse;
    gap: 8px;
    z-index: 2147483647;
    pointer-events: none;
}

@media (min-width: 768px) {
    .bildirim-alani[b-fhosglyh71] {
        top: calc(16px + env(safe-area-inset-top));
        right: calc(16px + env(safe-area-inset-right));
        left: auto;
        width: 380px;
        gap: 10px;
    }
}

/* Zemin opak: arkadaki renkli şerit/kart metnin okunmasını bozmasın */
.bildirim-kart[b-fhosglyh71] {
    --bildirim-renk: var(--pn-vurgu-metin);
    --bildirim-zemin: var(--pn-vurgu-ton);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 12px 6px 13px 12px;
    border-radius: var(--pn-yaricap, 14px);
    background: linear-gradient(100deg, var(--bildirim-zemin) 0%, transparent 55%), var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    box-shadow: 0 14px 34px -14px rgba(16, 24, 40, 0.28), 0 2px 6px rgba(16, 24, 40, 0.06);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    overflow: hidden;
    pointer-events: auto;
}

.bildirim-hata[b-fhosglyh71] {
    --bildirim-renk: var(--pn-kirmizi);
    --bildirim-zemin: var(--pn-kirmizi-ton);
    border-color: var(--pn-kirmizi-kenar);
}

.bildirim-basari[b-fhosglyh71] {
    --bildirim-renk: var(--pn-yesil);
    --bildirim-zemin: var(--pn-yesil-ton);
    border-color: var(--pn-yesil-kenar);
}

.bildirim-uyari[b-fhosglyh71] {
    --bildirim-renk: var(--pn-sari);
    --bildirim-zemin: var(--pn-sari-ton);
    border-color: var(--pn-sari-kenar);
}

.bildirim-bilgi[b-fhosglyh71] {
    --bildirim-renk: var(--pn-vurgu-metin);
    --bildirim-zemin: var(--pn-vurgu-ton);
    border-color: var(--pn-vurgu-ton-2);
}

/* İkon kutusu: acente panelindeki pn-ikon-kutu görünümü */
.bildirim-ikon[b-fhosglyh71] {
    width: 34px;
    height: 34px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 1.05rem;
    color: var(--bildirim-renk);
    background: var(--bildirim-zemin);
    border: 1px solid var(--pn-kenar);
}

.bildirim-hata .bildirim-ikon[b-fhosglyh71] { border-color: var(--pn-kirmizi-kenar); }
.bildirim-basari .bildirim-ikon[b-fhosglyh71] { border-color: var(--pn-yesil-kenar); }
.bildirim-uyari .bildirim-ikon[b-fhosglyh71] { border-color: var(--pn-sari-kenar); }
.bildirim-bilgi .bildirim-ikon[b-fhosglyh71] { border-color: var(--pn-vurgu-ton-2); }

.bildirim-icerik[b-fhosglyh71] {
    flex: 1;
    min-width: 0;
    padding-top: 1px;
}

.bildirim-baslik[b-fhosglyh71] {
    font-weight: 620;
    font-size: 0.9rem;
    line-height: 1.35;
    letter-spacing: -0.005em;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.bildirim-mesaj[b-fhosglyh71] {
    margin-top: 2px;
    font-size: 0.84rem;
    font-weight: 450;
    line-height: 1.45;
    color: var(--pn-metin-2);
    overflow-wrap: anywhere;
}

/* Aynı bildirim ekrandayken yeniden geldi: kaç kez geldiği */
.bildirim-tekrar[b-fhosglyh71] {
    display: inline-flex;
    align-items: center;
    height: 18px;
    margin-left: 6px;
    padding: 0 6px;
    border-radius: 999px;
    border: 1px solid currentColor;
    color: var(--bildirim-renk);
    background: var(--bildirim-zemin);
    font-size: 0.7rem;
    font-weight: 650;
    line-height: 1;
    vertical-align: 1px;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* 40px dokunma alanı */
.bildirim-kapat[b-fhosglyh71] {
    width: 40px;
    height: 40px;
    margin: -5px 0 -6px;
    flex-shrink: 0;
    border: 0;
    border-radius: var(--pn-yaricap-k, 10px);
    background: transparent;
    color: var(--pn-metin-3);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    cursor: pointer;
    transition: background-color 0.15s ease, color 0.15s ease;
}

    .bildirim-kapat:hover[b-fhosglyh71],
    .bildirim-kapat:focus-visible[b-fhosglyh71] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
        outline: none;
    }

/* Kalan süre çizgisi */
.bildirim-sure[b-fhosglyh71] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 3px;
    background: var(--bildirim-renk);
    opacity: 0.5;
    transform-origin: left center;
    animation-name: bildirimSureAkisi-b-fhosglyh71;
    animation-timing-function: linear;
    animation-fill-mode: forwards;
}

/* Giriş / çıkış: telefonda yukarıdan, masaüstünde sağdan */
.bildirim-giris[b-fhosglyh71] {
    animation: bildirimGiris-b-fhosglyh71 0.36s cubic-bezier(0.16, 1, 0.3, 1);
}

.bildirim-cikis[b-fhosglyh71] {
    animation: bildirimCikis-b-fhosglyh71 0.3s ease forwards;
}

@media (min-width: 768px) {
    .bildirim-giris[b-fhosglyh71] {
        animation-name: bildirimGirisYan-b-fhosglyh71;
    }

    .bildirim-cikis[b-fhosglyh71] {
        animation-name: bildirimCikisYan-b-fhosglyh71;
    }
}

@keyframes bildirimGiris-b-fhosglyh71 {
    from {
        opacity: 0;
        transform: translateY(-14px) scale(0.97);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes bildirimCikis-b-fhosglyh71 {
    to {
        opacity: 0;
        transform: translateY(-10px) scale(0.97);
    }
}

@keyframes bildirimGirisYan-b-fhosglyh71 {
    from {
        opacity: 0;
        transform: translateX(28px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

@keyframes bildirimCikisYan-b-fhosglyh71 {
    to {
        opacity: 0;
        transform: translateX(28px);
    }
}

@keyframes bildirimSureAkisi-b-fhosglyh71 {
    from {
        transform: scaleX(1);
    }

    to {
        transform: scaleX(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .bildirim-giris[b-fhosglyh71],
    .bildirim-cikis[b-fhosglyh71],
    .bildirim-sure[b-fhosglyh71] {
        animation: none;
    }
}

/* Koyu tema (html.dark-mode): zemin sayfadan bir ton açık, kenar ve gölge belirgin */
.dark-mode .bildirim-kart[b-fhosglyh71] {
    background: linear-gradient(100deg, var(--bildirim-zemin) 0%, transparent 55%), var(--pn-yuzey-2);
    box-shadow: 0 16px 40px -12px rgba(0, 0, 0, 0.65), 0 3px 10px rgba(0, 0, 0, 0.35);
}

.dark-mode .bildirim-bilgi[b-fhosglyh71],
.dark-mode .bildirim-bilgi .bildirim-ikon[b-fhosglyh71] {
    border-color: var(--pn-kenar-2);
}
/* /Components/Layout/HesapGecisPenceresi.razor.rz.scp.css */
/* ============================================================ HESAP GEÇİŞİ PENCERESİ */
/* Geniş ekranda (≥768px) ortada pencere, telefon ve dar tablette alttan açılan panel. */

.hg-pencere[b-t2zyl7an6x] {
    max-width: 440px;
}

.hg-tutamac[b-t2zyl7an6x] {
    display: none;
}

.hg-bas-metin[b-t2zyl7an6x] {
    min-width: 0;
}

.hg-bas-alt[b-t2zyl7an6x] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: var(--pn-metin-3);
    line-height: 1.4;
}

.hg-govde[b-t2zyl7an6x] {
    padding: 0.75rem 0.75rem 0.9rem;
}

.hg-uyari[b-t2zyl7an6x] {
    margin: 0.25rem 0.5rem 0.75rem;
}

.hg-liste[b-t2zyl7an6x] {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}

.hg-iskelet[b-t2zyl7an6x] {
    height: 64px;
    border-radius: 12px;
}

/* ---- Hesap satırı ---- */
.hg-hesap[b-t2zyl7an6x] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    border: 1px solid transparent;
    border-radius: 14px;
    transition: background var(--pn-gecis), border-color var(--pn-gecis);
}

    .hg-hesap:hover[b-t2zyl7an6x] {
        background: var(--pn-yuzey-2);
    }

    .hg-hesap.aktif[b-t2zyl7an6x] {
        background: var(--pn-vurgu-ton);
        border-color: var(--pn-vurgu-ton-2);
    }

.hg-hesap-ana[b-t2zyl7an6x] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 64px;
    padding: 0.6rem 0.5rem 0.6rem 0.75rem;
    border: none;
    background: transparent;
    color: var(--pn-metin);
    font: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: 14px;
}

    .hg-hesap-ana:focus-visible[b-t2zyl7an6x] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .hg-hesap-ana:disabled[b-t2zyl7an6x] {
        cursor: default;
        opacity: 0.55;
    }

    .hg-hesap.aktif .hg-hesap-ana:disabled[b-t2zyl7an6x] {
        opacity: 1;
    }

.hg-avatar[b-t2zyl7an6x] {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 680;
    font-size: 0.92rem;
    letter-spacing: 0.02em;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
}

    .hg-avatar.yesil[b-t2zyl7an6x] {
        background: var(--pn-yesil-ton);
        color: var(--pn-yesil);
    }

    .hg-avatar.mor[b-t2zyl7an6x] {
        background: var(--pn-mor-ton);
        color: var(--pn-mor);
    }

.hg-hesap.aktif .hg-avatar[b-t2zyl7an6x] {
    background: var(--pn-yuzey);
    box-shadow: 0 0 0 2px var(--pn-vurgu);
}

.hg-metin[b-t2zyl7an6x] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.28rem;
}

.hg-ad[b-t2zyl7an6x] {
    font-weight: 620;
    font-size: 0.95rem;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.hg-alt[b-t2zyl7an6x] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
}

    .hg-alt .pn-rozet[b-t2zyl7an6x] {
        flex-shrink: 0;
    }

.hg-alt-yazi[b-t2zyl7an6x] {
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
}

.hg-durum[b-t2zyl7an6x] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.78rem;
    font-weight: 600;
    white-space: nowrap;
}

    .hg-durum.yesil[b-t2zyl7an6x] {
        color: var(--pn-yesil);
    }

    .hg-durum.sari[b-t2zyl7an6x] {
        color: var(--pn-sari);
    }

.hg-ok[b-t2zyl7an6x] {
    flex-shrink: 0;
    color: var(--pn-metin-3);
}

.hg-kaldir[b-t2zyl7an6x] {
    flex-shrink: 0;
    margin-right: 0.3rem;
    color: var(--pn-metin-3);
}

/* ---- Kaldırma onayı ---- */
.hg-onay[b-t2zyl7an6x] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    padding: 0.7rem 0.7rem 0.6rem 0.75rem;
    gap: 0.5rem 0.8rem;
    background: var(--pn-kirmizi-ton);
    border-color: var(--pn-kirmizi-kenar);
}

    .hg-onay .hg-ad[b-t2zyl7an6x] {
        white-space: normal;
    }

    .hg-onay:hover[b-t2zyl7an6x] {
        background: var(--pn-kirmizi-ton);
    }

.hg-onay-alt[b-t2zyl7an6x] {
    font-size: 0.8rem;
    color: var(--pn-metin-2);
    line-height: 1.4;
}

.hg-onay-eylem[b-t2zyl7an6x] {
    grid-column: 1 / -1;
    display: flex;
    justify-content: flex-end;
    gap: 0.4rem;
}

.hg-ipucu[b-t2zyl7an6x] {
    display: flex;
    gap: 0.55rem;
    align-items: flex-start;
    margin: 0.9rem 0.5rem 0.1rem;
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--pn-metin-3);
}

    .hg-ipucu i[b-t2zyl7an6x] {
        margin-top: 0.15rem;
    }

.hg-ekle[b-t2zyl7an6x] {
    min-height: 46px;
}

    .hg-ekle i[b-t2zyl7an6x] {
        font-size: 1.05rem;
    }

/* ---- Telefon ve dar tablet: alttan açılan panel ---- */
@media (max-width: 767.98px) {
    .hg-perde[b-t2zyl7an6x] {
        align-items: flex-end;
        padding: 0;
    }

    .hg-pencere[b-t2zyl7an6x] {
        max-width: 100%;
        max-height: 88vh;
        border-radius: 22px 22px 0 0;
        border-bottom: none;
        animation: hg-alttan-b-t2zyl7an6x 240ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .hg-tutamac[b-t2zyl7an6x] {
        display: block;
        width: 40px;
        height: 4px;
        border-radius: 999px;
        background: var(--pn-kenar-2);
        margin: 0.55rem auto 0;
        flex-shrink: 0;
    }

    .hg-pencere .pn-pencere-bas[b-t2zyl7an6x] {
        border-bottom: none;
        padding-top: 0.6rem;
        padding-bottom: 0.35rem;
    }

    .hg-pencere-alt[b-t2zyl7an6x] {
        border-top: none;
        padding-bottom: max(0.9rem, env(safe-area-inset-bottom));
    }

    .hg-hesap-ana[b-t2zyl7an6x] {
        min-height: 68px;
    }

    .hg-kaldir[b-t2zyl7an6x] {
        width: 44px;
        height: 44px;
    }
}

@keyframes hg-alttan-b-t2zyl7an6x {
    from {
        transform: translateY(100%);
    }

    to {
        transform: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .hg-pencere[b-t2zyl7an6x] {
        animation: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* =========================================================================
   ACENTE PANELİ KABUĞU (yan menü, mobil alt menü, mobil menü paneli)
   Renkler panel.css'teki --pn-* değişkenlerinden gelir; açık/koyu tema otomatik.
   ========================================================================= */

.kb-kabuk[b-36pu5l0019] {
    --kb-yan-genislik: 252px;
    min-height: 100vh;
    background: var(--pn-zemin);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    transition: filter 0.25s ease;
}

    .kb-kabuk.bulanik[b-36pu5l0019] {
        filter: blur(6px);
        pointer-events: none;
        user-select: none;
    }

/* ------------------------------------------------------------ YAN MENÜ */
.kb-yan[b-36pu5l0019] {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--kb-yan-genislik);
    background: var(--pn-yuzey);
    border-right: 1px solid var(--pn-kenar);
    display: flex;
    flex-direction: column;
    padding: 1.1rem 0.85rem 0.85rem;
    z-index: 1030;
}

.kb-logo[b-36pu5l0019] {
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0 0.5rem;
    margin-bottom: 1.1rem;
}

    .kb-logo img[b-36pu5l0019] {
        max-height: 100%;
        max-width: 100%;
        object-fit: contain;
    }

.kb-yeni[b-36pu5l0019] {
    margin-bottom: 0.9rem;
}

.kb-menu[b-36pu5l0019] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 -0.35rem;
    padding: 0 0.35rem;
}

.kb-grup[b-36pu5l0019] {
    font-size: 0.7rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
    padding: 0.9rem 0.65rem 0.35rem;
}

    .kb-grup:first-child[b-36pu5l0019] {
        padding-top: 0.2rem;
    }

.kb-oge[b-36pu5l0019] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 38px;
    padding: 0 0.65rem;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--pn-metin-2);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 540;
    text-align: left;
    cursor: pointer;
    transition: background 140ms ease, color 140ms ease;
}

    .kb-oge i[b-36pu5l0019] {
        font-size: 1.05rem;
        width: 20px;
        text-align: center;
        flex-shrink: 0;
        color: var(--pn-metin-3);
        transition: color 140ms ease;
    }

    .kb-oge:hover[b-36pu5l0019] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

    .kb-oge.aktif[b-36pu5l0019] {
        background: var(--pn-vurgu-ton);
        color: var(--pn-vurgu-metin);
        font-weight: 600;
    }

        .kb-oge.aktif i[b-36pu5l0019] {
            color: var(--pn-vurgu-metin);
        }

.kb-oge-ad[b-36pu5l0019] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kb-rozet[b-36pu5l0019] {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* Profil */
.kb-profil-alan[b-36pu5l0019] {
    position: relative;
    border-top: 1px solid var(--pn-kenar);
    padding-top: 0.75rem;
    margin-top: 0.5rem;
}

.kb-profil[b-36pu5l0019] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.45rem 0.5rem;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 140ms ease;
}

    .kb-profil:hover[b-36pu5l0019] {
        background: var(--pn-yuzey-3);
    }

.kb-profil-yazi[b-36pu5l0019] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.kb-profil-ad[b-36pu5l0019] {
    font-size: 0.87rem;
    font-weight: 620;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kb-profil-rol[b-36pu5l0019] {
    font-size: 0.74rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.kb-profil-ok[b-36pu5l0019] {
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

.kb-profil-perde[b-36pu5l0019] {
    position: fixed;
    inset: 0;
    z-index: 1040;
}

.kb-profil-menu[b-36pu5l0019] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: calc(100% + 6px);
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: 12px;
    box-shadow: var(--pn-golge-2);
    padding: 0.35rem;
    z-index: 1050;
    animation: kb-menu-ac-b-36pu5l0019 160ms ease-out;
}

@keyframes kb-menu-ac-b-36pu5l0019 {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

.kb-profil-menu-bas[b-36pu5l0019] {
    padding: 0.55rem 0.65rem 0.6rem;
    border-bottom: 1px solid var(--pn-kenar);
    margin-bottom: 0.3rem;
    font-size: 0.87rem;
}

.kb-profil-menu-oge[b-36pu5l0019] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 38px;
    padding: 0 0.65rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-metin);
    font-family: inherit;
    font-size: 0.88rem;
    text-align: left;
    cursor: pointer;
}

    .kb-profil-menu-oge:hover[b-36pu5l0019] {
        background: var(--pn-yuzey-3);
    }

    .kb-profil-menu-oge i[b-36pu5l0019] {
        color: var(--pn-metin-3);
        width: 18px;
        text-align: center;
    }

    .kb-profil-menu-oge.tehlike[b-36pu5l0019],
    .kb-profil-menu-oge.tehlike i[b-36pu5l0019] {
        color: var(--pn-kirmizi);
    }

/* "Hesap değiştir": bu cihazdaki diğer kayıtlı hesap sayısı */
.kb-hesap-sayac[b-36pu5l0019] {
    margin-left: auto;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 0.72rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}

.kb-ayrac[b-36pu5l0019] {
    height: 1px;
    background: var(--pn-kenar);
    margin: 0.3rem 0;
}

/* ------------------------------------------------------------ İÇERİK */
.kb-icerik[b-36pu5l0019] {
    min-height: 100vh;
    margin-left: var(--kb-yan-genislik);
    padding: 1.75rem 2rem 2.5rem;
}

/* ------------------------------------------------------------ MOBİL ALT MENÜ
   Alt menünün kendisi AltMenuCubugu.razor(.css) bileşenindedir (kişiselleştirilebilir, ortada "+"). */
.kb-sayfa-perde[b-36pu5l0019],
.kb-mobil-menu[b-36pu5l0019] {
    display: none;
}

@media (max-width: 991.98px) {
    .kb-yan[b-36pu5l0019] {
        display: none;
    }

    .kb-icerik[b-36pu5l0019] {
        margin-left: 0;
        /* Alt menü (62px) + yarısı sayfaya taşan "+" düğmesi ve halkası (33px) + pay */
        padding: calc(1rem + env(safe-area-inset-top)) 1rem calc(108px + env(safe-area-inset-bottom));
    }

    .kb-alt-rozet[b-36pu5l0019] {
        position: absolute;
        top: -5px;
        right: -11px;
        min-width: 17px;
        height: 17px;
        padding: 0 4px;
        border-radius: 999px;
        background: #ef4444;
        color: #fff;
        font-size: 0.6rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--pn-yuzey);
    }

    /* Mobil menü paneli */
    .kb-sayfa-perde[b-36pu5l0019] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1040;
        background: rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        animation: kb-perde-b-36pu5l0019 160ms ease-out;
    }

    @keyframes kb-perde-b-36pu5l0019 {
        from { opacity: 0; }
        to { opacity: 1; }
    }

    .kb-mobil-menu[b-36pu5l0019] {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 88vh;
        z-index: 1050;
        background: var(--pn-zemin);
        border-radius: 22px 22px 0 0;
        box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.22);
        padding-bottom: env(safe-area-inset-bottom);
        animation: kb-alttan-b-36pu5l0019 240ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    @keyframes kb-alttan-b-36pu5l0019 {
        from { transform: translateY(100%); }
        to { transform: none; }
    }

    .kb-tutamac[b-36pu5l0019] {
        width: 40px;
        height: 5px;
        border-radius: 5px;
        background: var(--pn-kenar-2);
        margin: 0.6rem auto 0.3rem;
        flex-shrink: 0;
    }

    .kb-mobil-profil[b-36pu5l0019] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 1rem 0.75rem;
        border-bottom: 1px solid var(--pn-kenar);
        flex-shrink: 0;
    }

    .kb-mobil-govde[b-36pu5l0019] {
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: 0 1rem 1.25rem;
    }

        .kb-mobil-govde .kb-grup[b-36pu5l0019] {
            padding-left: 0.2rem;
        }

    .kb-mobil-izgara[b-36pu5l0019] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .kb-mobil-oge[b-36pu5l0019] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        min-height: 78px;
        padding: 0.6rem 0.35rem;
        border: 1px solid var(--pn-kenar);
        border-radius: 14px;
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        font-family: inherit;
        cursor: pointer;
        transition: transform 100ms ease;
    }

        .kb-mobil-oge:active[b-36pu5l0019] {
            transform: scale(0.97);
        }

        .kb-mobil-oge.aktif[b-36pu5l0019] {
            border-color: var(--pn-vurgu);
            background: var(--pn-vurgu-ton);
        }

    .kb-mobil-ikon[b-36pu5l0019] {
        position: relative;
        font-size: 1.35rem;
        color: var(--pn-vurgu-metin);
        line-height: 1;
    }

    .kb-mobil-ad[b-36pu5l0019] {
        font-size: 0.74rem;
        font-weight: 600;
        text-align: center;
        line-height: 1.2;
        color: var(--pn-metin-2);
    }

    .kb-mobil-satir[b-36pu5l0019] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        width: 100%;
        min-height: 52px;
        padding: 0 1rem;
        border: none;
        border-bottom: 1px solid var(--pn-kenar);
        background: transparent;
        color: var(--pn-metin);
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 560;
        text-align: left;
        cursor: pointer;
        margin: 0;
    }

        .kb-mobil-satir:last-child[b-36pu5l0019] {
            border-bottom: none;
        }

        .kb-mobil-satir i[b-36pu5l0019] {
            font-size: 1.1rem;
            color: var(--pn-metin-3);
            width: 22px;
            text-align: center;
        }

        .kb-mobil-satir.tehlike[b-36pu5l0019],
        .kb-mobil-satir.tehlike i[b-36pu5l0019] {
            color: var(--pn-kirmizi);
        }

    .kb-mobil-satir-not[b-36pu5l0019] {
        flex-shrink: 0;
        font-size: 0.8rem;
        font-weight: 560;
        color: var(--pn-metin-3);
    }
}

/* ------------------------------------------------------------ ZORUNLU FİRMA KAYDI PENCERESİ
   (Kullanım koşulları / KVKK onay penceresi: YasalOnayPenceresi.razor) */
.kb-kayit-izgara[b-36pu5l0019] {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr);
    gap: 1.5rem;
}

.kb-kayit-uetds[b-36pu5l0019] {
    padding-left: 1.5rem;
    border-left: 1px solid var(--pn-kenar);
}

@media (max-width: 767.98px) {
    .kb-kayit-izgara[b-36pu5l0019] {
        grid-template-columns: minmax(0, 1fr);
    }

    .kb-kayit-uetds[b-36pu5l0019] {
        padding-left: 0;
        border-left: none;
        padding-top: 1rem;
        border-top: 1px solid var(--pn-kenar);
    }
}
/* /Components/Layout/SoforLayout.razor.rz.scp.css */
/* =========================================================================
   ŞOFÖR DÜZENİ (üst çubuk, alt menü, hesap menüsü, çıkış onayı)
   Acente paneliyle aynı renkler (panel.css --pn-*), daha büyük dokunma alanları.
   Telefon (< 768px): üst çubuk + alt menü, içerik ortada en fazla 720px (aşağıdaki temel kurallar).
   Tablet ve masaüstü düzeni dosyanın sonundaki "GENİŞ EKRAN" bölümündedir; telefon kurallarını değiştirmez.
   ========================================================================= */

.sl-kabuk[b-0jyzamves3] {
    --sl-genislik: 720px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    background: var(--pn-zemin);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
}

/* ------------------------------------------------------------ ÜST ÇUBUK */
.sl-ust[b-0jyzamves3] {
    position: sticky;
    top: 0;
    z-index: 1030;
    padding-top: env(safe-area-inset-top);
    background: var(--pn-yuzey);
    border-bottom: 1px solid var(--pn-kenar);
}

.sl-ust-ic[b-0jyzamves3] {
    max-width: var(--sl-genislik);
    height: 68px;
    margin: 0 auto;
    padding: 0 0.75rem 0 1rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sl-kimlik[b-0jyzamves3] {
    flex: 1 1 auto;
    min-width: 0;
    min-height: 56px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-left: -0.4rem;
    padding: 0.25rem 0.5rem 0.25rem 0.4rem;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sl-kimlik:hover[b-0jyzamves3],
    .sl-kimlik:active[b-0jyzamves3] {
        background: var(--pn-yuzey-3);
    }

    .sl-kimlik:focus-visible[b-0jyzamves3] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.sl-avatar[b-0jyzamves3] {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--pn-vurgu);
    color: #fff;
    font-size: 1.1rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    /* "Bildirimler" alt menüde değilse okunmamış bildirim sayısı avatarda (telefon) */
    .sl-avatar-rozet[b-0jyzamves3] {
        position: absolute;
        top: -4px;
        right: -6px;
        min-width: 19px;
        height: 19px;
        padding: 0 5px;
        border-radius: 999px;
        background: #ef4444;
        color: #fff;
        font-size: 0.66rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--pn-yuzey);
    }

    .sl-avatar.buyuk[b-0jyzamves3] {
        width: 48px;
        height: 48px;
        font-size: 1.2rem;
    }

.sl-kimlik-yazi[b-0jyzamves3] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sl-ad[b-0jyzamves3] {
    font-size: 1.02rem;
    font-weight: 700;
    line-height: 1.25;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sl-firma[b-0jyzamves3] {
    font-size: 0.82rem;
    line-height: 1.3;
    color: var(--pn-metin-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sl-kimlik-ok[b-0jyzamves3] {
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

.sl-ust-btn[b-0jyzamves3] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-2);
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 160ms ease, color 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

    .sl-ust-btn:hover[b-0jyzamves3],
    .sl-ust-btn:active[b-0jyzamves3] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

    .sl-ust-btn:focus-visible[b-0jyzamves3] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

/* ------------------------------------------------------------ İÇERİK */
.sl-icerik[b-0jyzamves3] {
    flex: 1 1 auto;
    width: 100%;
    max-width: var(--sl-genislik);
    margin: 0 auto;
    padding: 0.85rem 1rem calc(110px + env(safe-area-inset-bottom));
    min-width: 0;
}

.sl-duyuru:not(:empty)[b-0jyzamves3] {
    margin-bottom: 0.75rem;
}

/* ------------------------------------------------------------ ALT MENÜ
   Alt menünün kendisi AltMenuCubugu.razor(.css) bileşenindedir (kişiselleştirilebilir, ortada "+").
   .sl-icerik alt boşluğu: menü (66px) + yarısı sayfaya taşan "+" (32px) + pay. */

/* ------------------------------------------------------------ HESAP MENÜSÜ */
.sl-menu-bas[b-0jyzamves3] {
    justify-content: flex-start;
    gap: 0.75rem;
}

.sl-menu-kapat[b-0jyzamves3] {
    width: 48px;
    min-height: 48px;
    flex-shrink: 0;
    margin-right: -0.5rem;
    font-size: 1.1rem;
}

.sl-menu[b-0jyzamves3] {
    display: flex;
    flex-direction: column;
    padding: 0.35rem 0.5rem 0.5rem;
    padding-bottom: max(0.5rem, env(safe-area-inset-bottom));
}

.sl-menu-satir[b-0jyzamves3] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 60px;
    margin: 0;
    padding: 0 0.85rem;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    font-size: 1rem;
    font-weight: 600;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sl-menu-satir:hover[b-0jyzamves3],
    .sl-menu-satir:active[b-0jyzamves3] {
        background: var(--pn-yuzey-3);
    }

    .sl-menu-satir > i:first-child[b-0jyzamves3] {
        font-size: 1.25rem;
        width: 26px;
        text-align: center;
        color: var(--pn-metin-2);
        flex-shrink: 0;
    }

    .sl-menu-satir.tehlike[b-0jyzamves3],
    .sl-menu-satir.tehlike > i:first-child[b-0jyzamves3] {
        color: var(--pn-kirmizi);
    }

.sl-menu-ad[b-0jyzamves3] {
    flex: 1 1 auto;
    min-width: 0;
}

.sl-menu-ok[b-0jyzamves3] {
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

.sl-menu-not[b-0jyzamves3] {
    flex-shrink: 0;
    font-size: 0.85rem;
    font-weight: 560;
    color: var(--pn-metin-3);
}

.sl-menu-sayac[b-0jyzamves3] {
    flex-shrink: 0;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: #ef4444;
    color: #fff;
    font-size: 0.75rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------------------ ÇIKIŞ ONAYI */
.sl-onay[b-0jyzamves3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.4rem;
    padding-top: 1.75rem;
}

.sl-onay-ikon[b-0jyzamves3] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
    font-size: 1.7rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.4rem;
}

.sl-onay-baslik[b-0jyzamves3] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.sl-onay-metin[b-0jyzamves3] {
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.5;
    color: var(--pn-metin-2);
}

.sl-onay-uyari[b-0jyzamves3] {
    margin-top: 0.75rem;
    text-align: left;
}

.sl-onay-alt[b-0jyzamves3] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}

.sl-buyuk-btn[b-0jyzamves3] {
    flex: 0 0 auto;
    width: 100%;
    min-height: 56px;
    font-size: 1.05rem;
    font-weight: 650;
    border-radius: 14px;
}

/* =========================================================================
   GENİŞ EKRAN
   - Tablet (768–1099px): solda ikon + kısa etiketli şerit (büyük dokunma alanları), alt menü gizli,
     üst çubukta büyük "Yeni sefer" düğmesi. Araç içi tablet için sade ve büyük.
   - Masaüstü (≥ 1100px): acente paneli gibi tam yan menü (kb- diliyle aynı), üst çubukta sayfa başlığı,
     bağlantı durumu ve "Yeni sefer"; içerik en fazla 1240px.
   Aşağıdaki öğeler telefonda hiç görünmez (display: none), böylece telefon düzeni aynen korunur.
   ========================================================================= */
.sl-yan[b-0jyzamves3],
.sl-ust-baslik[b-0jyzamves3],
.sl-ust-durum[b-0jyzamves3],
.sl-ust-yeni[b-0jyzamves3] {
    display: none;
}

@media (min-width: 768px) {
    .sl-kabuk[b-0jyzamves3] {
        --sl-yan-genislik: calc(96px + env(safe-area-inset-left));
        --sl-genislik: 940px;
        padding-left: var(--sl-yan-genislik);
    }

    /* Alt menü yerine yan şerit (AltMenuCubugu bileşeni bu genişlikte kendini gizler); alt menüye ait hesap menüsü
       satırları ve avatar rozeti de gizlenir, çünkü yan menüde bütün sayfalar ve bildirim sayısı görünür */
    .sl-menu-telefon[b-0jyzamves3],
    .sl-avatar-rozet[b-0jyzamves3] {
        display: none;
    }

    .sl-icerik[b-0jyzamves3] {
        padding: 1.25rem 1.5rem calc(2.5rem + env(safe-area-inset-bottom));
    }

    .sl-ust-ic[b-0jyzamves3] {
        height: 76px;
        padding: 0 1.25rem 0 1.5rem;
        gap: 0.75rem;
    }

    .sl-ust-yeni[b-0jyzamves3] {
        display: inline-flex;
        flex-shrink: 0;
        min-height: 54px;
        padding: 0 1.35rem;
        border-radius: 14px;
        font-size: 1.02rem;
        font-weight: 650;
        box-shadow: 0 10px 22px -12px rgba(37, 99, 235, 0.7);
    }

        .sl-ust-yeni i[b-0jyzamves3] {
            font-size: 1.2rem;
        }

    /* ---------------- yan şerit (tablet) */
    .sl-yan[b-0jyzamves3] {
        display: flex;
        flex-direction: column;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        z-index: 1030;
        width: var(--sl-yan-genislik);
        padding: calc(0.75rem + env(safe-area-inset-top)) 0.5rem calc(0.75rem + env(safe-area-inset-bottom)) calc(0.5rem + env(safe-area-inset-left));
        background: var(--pn-yuzey);
        border-right: 1px solid var(--pn-kenar);
        font-family: var(--pn-yazi);
    }

    .sl-yan-marka[b-0jyzamves3] {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.65rem;
        min-height: 52px;
        margin-bottom: 0.75rem;
        flex-shrink: 0;
    }

    .sl-marka-ikon[b-0jyzamves3] {
        width: 44px;
        height: 44px;
        border-radius: 14px;
        background: #0E1B33;
        color: #fff;
        font-size: 1.25rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .sl-marka-ikon img[b-0jyzamves3] { width: 68%; height: 68%; object-fit: contain; }

    .sl-marka-yazi[b-0jyzamves3] {
        display: none;
        flex-direction: column;
        min-width: 0;
    }

    .sl-marka-ad[b-0jyzamves3] {
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.2;
        color: var(--pn-metin);
    }

    .sl-marka-alt[b-0jyzamves3] {
        font-size: 0.78rem;
        color: var(--pn-metin-3);
        line-height: 1.3;
    }

    .sl-yan-menu[b-0jyzamves3] {
        flex: 1 1 auto;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        display: flex;
        flex-direction: column;
        gap: 4px;
        scrollbar-width: none;
    }

    .sl-yan-alt[b-0jyzamves3] {
        flex-shrink: 0;
        display: flex;
        flex-direction: column;
        gap: 4px;
        padding-top: 0.6rem;
        margin-top: 0.5rem;
        border-top: 1px solid var(--pn-kenar);
    }

    .sl-yan-oge[b-0jyzamves3] {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
        width: 100%;
        min-height: 68px;
        padding: 0.5rem 0.2rem;
        border: none;
        border-radius: 16px;
        background: transparent;
        color: var(--pn-metin-2);
        font-family: inherit;
        font-size: 0.74rem;
        font-weight: 650;
        line-height: 1.15;
        text-align: center;
        cursor: pointer;
        transition: background 140ms ease, color 140ms ease;
        -webkit-tap-highlight-color: transparent;
    }

        .sl-yan-oge:hover[b-0jyzamves3],
        .sl-yan-oge:active[b-0jyzamves3] {
            background: var(--pn-yuzey-3);
            color: var(--pn-metin);
        }

        .sl-yan-oge:focus-visible[b-0jyzamves3] {
            outline: none;
            box-shadow: inset 0 0 0 2px var(--pn-vurgu-ton-2);
        }

        .sl-yan-oge.aktif[b-0jyzamves3] {
            background: var(--pn-vurgu-ton);
            color: var(--pn-vurgu-metin);
        }

        .sl-yan-oge.yesil .sl-yan-ikon[b-0jyzamves3] {
            color: var(--pn-yesil);
        }

        .sl-yan-oge.tehlike[b-0jyzamves3] {
            color: var(--pn-kirmizi);
        }

    .sl-yan-ikon[b-0jyzamves3] {
        position: relative;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        font-size: 1.45rem;
        line-height: 1;
    }

    .sl-yan-ad[b-0jyzamves3] {
        max-width: 100%;
        overflow-wrap: anywhere;
    }

    .sl-yan-rozet[b-0jyzamves3] {
        position: absolute;
        top: -6px;
        right: -12px;
        min-width: 19px;
        height: 19px;
        padding: 0 5px;
        border-radius: 999px;
        background: #ef4444;
        color: #fff;
        font-family: var(--pn-yazi);
        font-size: 0.66rem;
        font-weight: 700;
        line-height: 1;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border: 2px solid var(--pn-yuzey);
    }

    /* Tablette kimlik üst çubukta kalır */
    .sl-yan-kimlik[b-0jyzamves3] {
        display: none;
    }
}

/* ---------------- masaüstü: tam yan menü */
@media (min-width: 1100px) {
    .sl-kabuk[b-0jyzamves3] {
        --sl-yan-genislik: calc(260px + env(safe-area-inset-left));
        --sl-genislik: 1240px;
    }

    .sl-icerik[b-0jyzamves3] {
        padding: 1.5rem 2rem 3rem;
    }

    .sl-ust-ic[b-0jyzamves3] {
        padding: 0 2rem;
        gap: 0.85rem;
    }

    /* Kimlik yan menüde; üst çubukta sayfa başlığı ve bağlantı durumu */
    .sl-kimlik[b-0jyzamves3] {
        display: none;
    }

    .sl-ust-baslik[b-0jyzamves3] {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

        .sl-ust-baslik h1[b-0jyzamves3],
        .sl-ust-baslik .sl-ust-bolum[b-0jyzamves3] {
            margin: 0;
            font-size: 1.4rem;
            font-weight: 700;
            letter-spacing: -0.015em;
            line-height: 1.2;
            color: var(--pn-metin);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sl-ust-baslik span[b-0jyzamves3] {
            font-size: 0.88rem;
            color: var(--pn-metin-3);
            line-height: 1.35;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .sl-ust-durum[b-0jyzamves3] {
        display: inline-flex;
        flex: 0 1 auto;
        min-width: 0;
        max-width: 380px;
    }

    /* Çevrimdışı şeridi yerine üst çubuktaki rozet */
    .sl-ust-serit[b-0jyzamves3] {
        display: none;
    }

    .sl-ust-btn[b-0jyzamves3] {
        width: 48px;
        height: 48px;
        font-size: 1.15rem;
    }

    .sl-ust-yeni[b-0jyzamves3] {
        min-height: 48px;
        padding: 0 1.25rem;
        border-radius: 12px;
        font-size: 0.98rem;
    }

    .sl-yan[b-0jyzamves3] {
        padding: calc(1.1rem + env(safe-area-inset-top)) 0.85rem calc(0.85rem + env(safe-area-inset-bottom)) calc(0.85rem + env(safe-area-inset-left));
    }

    .sl-yan-marka[b-0jyzamves3] {
        justify-content: flex-start;
        padding: 0 0.4rem;
        margin-bottom: 1.1rem;
    }

    .sl-marka-ikon[b-0jyzamves3] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.15rem;
    }

    .sl-marka-yazi[b-0jyzamves3] {
        display: flex;
    }

    .sl-yan-menu[b-0jyzamves3],
    .sl-yan-alt[b-0jyzamves3] {
        gap: 2px;
    }

    .sl-yan-oge[b-0jyzamves3] {
        flex-direction: row;
        justify-content: flex-start;
        gap: 0.8rem;
        min-height: 46px;
        padding: 0 0.75rem;
        border-radius: 10px;
        font-size: 0.95rem;
        font-weight: 560;
        line-height: 1.3;
        text-align: left;
    }

        .sl-yan-oge .sl-yan-ikon[b-0jyzamves3] {
            width: 22px;
            font-size: 1.15rem;
            color: var(--pn-metin-3);
        }

        .sl-yan-oge.aktif[b-0jyzamves3] {
            font-weight: 650;
        }

            .sl-yan-oge.aktif .sl-yan-ikon[b-0jyzamves3] {
                color: var(--pn-vurgu-metin);
            }

        .sl-yan-oge.tehlike .sl-yan-ikon[b-0jyzamves3] {
            color: var(--pn-kirmizi);
        }

    .sl-yan-ad[b-0jyzamves3] {
        flex: 1 1 auto;
        min-width: 0;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sl-yan-rozet[b-0jyzamves3] {
        top: -7px;
        right: -10px;
    }

    .sl-yan-kimlik[b-0jyzamves3] {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        width: 100%;
        margin-top: 0.5rem;
        padding: 0.5rem;
        border: 1px solid var(--pn-kenar);
        border-radius: 12px;
        background: var(--pn-yuzey-2);
        color: inherit;
        font-family: inherit;
        text-align: left;
        cursor: pointer;
        transition: background 140ms ease;
    }

        .sl-yan-kimlik:hover[b-0jyzamves3] {
            background: var(--pn-yuzey-3);
        }

        .sl-yan-kimlik:focus-visible[b-0jyzamves3] {
            outline: none;
            box-shadow: var(--pn-odak);
        }

        .sl-yan-kimlik .sl-ad[b-0jyzamves3] {
            font-size: 0.9rem;
        }

        .sl-yan-kimlik .sl-firma[b-0jyzamves3] {
            font-size: 0.76rem;
        }

    .sl-avatar.kucuk[b-0jyzamves3] {
        width: 38px;
        height: 38px;
        font-size: 0.98rem;
    }
}

@media print {
    .sl-ust[b-0jyzamves3], .sl-yan[b-0jyzamves3] { display: none; }
    .sl-kabuk[b-0jyzamves3] { padding-left: 0; }
}
/* /Components/Pages/AcentePaneli/Filo.razor.rz.scp.css */
/* =========================================================================
   FİLO (Araç ve şoförler) — sayfaya özel görünüm; ortak bileşenler panel.css (pn-*)
   ========================================================================= */

/* ---------------------------------------------------------------- ÖZET KARTLARI */
.fl-ozetler[b-vwwx3kyqxw] {
    margin-bottom: 1.25rem;
}

.fl-ozet[b-vwwx3kyqxw] {
    cursor: pointer;
    transition: border-color 160ms ease, box-shadow 160ms ease;
    outline: none;
}

    .fl-ozet:hover[b-vwwx3kyqxw] {
        border-color: var(--pn-kenar-2);
        box-shadow: var(--pn-golge-2);
    }

    .fl-ozet:focus-visible[b-vwwx3kyqxw] {
        box-shadow: var(--pn-odak);
    }

    .fl-ozet.secili[b-vwwx3kyqxw] {
        border-color: var(--pn-vurgu);
        box-shadow: 0 0 0 1px var(--pn-vurgu);
    }

/* ---------------------------------------------------------------- ARAÇ (PLAKA) LİMİTİ */
.fl-limit-rozet[b-vwwx3kyqxw] {
    height: 32px;
    padding: 0 0.7rem;
    font-size: 0.8rem;
    font-variant-numeric: tabular-nums;
}

.fl-limit-uyari[b-vwwx3kyqxw] {
    margin-bottom: 1rem;
}

/* Tablo satırlarının zemini kartın yuvarlak köşelerinden taşmasın */
.fl-kart[b-vwwx3kyqxw] {
    overflow: hidden;
}

/* ---------------------------------------------------------------- ARAÇ ÇUBUĞU */
.fl-cubuk .pn-sekmeler[b-vwwx3kyqxw] {
    flex-shrink: 0;
}

.fl-arama[b-vwwx3kyqxw] {
    margin-left: auto;
}

.fl-kisa[b-vwwx3kyqxw] {
    display: none;
}

.fl-cipler[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

    .fl-cipler .pn-cip .pn-sayac[b-vwwx3kyqxw] {
        height: 18px;
        min-width: 18px;
        font-size: 0.68rem;
    }

.fl-gizli[b-vwwx3kyqxw] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* ---------------------------------------------------------------- PLAKA ROZETİ */
.fl-plaka[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: stretch;
    gap: 0.45rem;
    height: 26px;
    line-height: 24px;
    padding-right: 0.55rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 6px;
    overflow: hidden;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    font-size: 0.84rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
    flex-shrink: 0;
    box-shadow: 0 1px 0 var(--pn-kenar);
}

    .fl-plaka[b-vwwx3kyqxw]::before {
        content: "TR";
        display: inline-flex;
        align-items: flex-end;
        justify-content: center;
        padding: 0 4px 3px;
        background: var(--pn-vurgu);
        color: var(--pn-metin-ters);
        font-family: var(--pn-yazi);
        font-size: 0.52rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
    }

    .fl-plaka.kucuk[b-vwwx3kyqxw] {
        height: 22px;
        line-height: 20px;
        font-size: 0.74rem;
        gap: 0.35rem;
        padding-right: 0.45rem;
        box-shadow: none;
    }

        .fl-plaka.kucuk[b-vwwx3kyqxw]::before {
            padding: 0 3px 2px;
            font-size: 0.46rem;
        }

.fl-plakalar[b-vwwx3kyqxw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem;
}

/* ---------------------------------------------------------------- TABLO HÜCRELERİ */
.fl-arac-hucre[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.25rem;
}

.fl-kisi-hucre[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-width: 0;
    max-width: 260px;
}

.fl-kisiler[b-vwwx3kyqxw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
}

.fl-kisi[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    font-size: 0.86rem;
    color: var(--pn-metin);
    white-space: nowrap;
}

    .fl-kisi.pasif[b-vwwx3kyqxw] {
        color: var(--pn-metin-3);
    }

        .fl-kisi.pasif .fl-mini-avatar[b-vwwx3kyqxw] {
            background: var(--pn-gri-ton);
            color: var(--pn-gri);
        }

.fl-mini-avatar[b-vwwx3kyqxw] {
    width: 24px;
    height: 24px;
    font-size: 0.66rem;
}

.fl-bos-bilgi[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    font-size: 0.84rem;
    white-space: nowrap;
}

.fl-belge-rozet[b-vwwx3kyqxw] {
    cursor: pointer;
    font-family: var(--pn-yazi);
    transition: border-color var(--pn-gecis), filter var(--pn-gecis);
}

    .fl-belge-rozet:hover[b-vwwx3kyqxw] {
        border-color: currentColor;
    }

    .fl-belge-rozet:focus-visible[b-vwwx3kyqxw] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .fl-belge-rozet.yok[b-vwwx3kyqxw] {
        background: transparent;
        border: 1px dashed var(--pn-kenar-2);
        color: var(--pn-metin-2);
    }

        .fl-belge-rozet.yok:hover[b-vwwx3kyqxw] {
            border-color: var(--pn-vurgu);
            color: var(--pn-vurgu-metin);
        }

.fl-durum[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
}

.fl-eylem-grup[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.25rem;
}

.fl-sil[b-vwwx3kyqxw] {
    color: var(--pn-kirmizi);
}

    .fl-sil:hover:not(:disabled)[b-vwwx3kyqxw] {
        background: var(--pn-kirmizi-ton);
        color: var(--pn-kirmizi);
    }

.fl-tel[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--pn-metin);
    text-decoration: none;
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

    .fl-tel i[b-vwwx3kyqxw] {
        color: var(--pn-metin-3);
    }

    .fl-tel:hover[b-vwwx3kyqxw] {
        color: var(--pn-vurgu-metin);
    }

.fl-kullanici[b-vwwx3kyqxw] {
    display: inline-block;
    padding: 0.1rem 0.45rem;
    border-radius: 6px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    font-size: 0.8rem;
    white-space: nowrap;
}

.fl-pasif td[b-vwwx3kyqxw] {
    background: var(--pn-yuzey-2);
}

.fl-pasif .fl-plaka[b-vwwx3kyqxw],
.fl-pasif .fl-kisi-hucre[b-vwwx3kyqxw] {
    opacity: 0.6;
}

.fl-rota i[b-vwwx3kyqxw] {
    font-size: 0.72rem;
    margin: 0 0.15rem;
}

/* ---------------------------------------------------------------- TELEFON LİSTESİ */
.fl-mobil-oge[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
    padding: 0.95rem 1rem;
    border-bottom: 1px solid var(--pn-kenar);
    min-width: 0;
}

    .fl-mobil-oge:last-child[b-vwwx3kyqxw] {
        border-bottom: none;
    }

    .fl-mobil-oge.fl-pasif[b-vwwx3kyqxw] {
        background: var(--pn-yuzey-2);
    }

.fl-mobil-ust[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

/* SRC belgeleri (Bakanlık kaydı): birden fazlası yan yana rozetler */
.fl-src-cipler[b-vwwx3kyqxw] {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.25rem;
    min-width: 0;
}

.fl-hucre-src[b-vwwx3kyqxw] {
    display: flex;
    margin-top: 0.3rem;
}

.fl-src[b-vwwx3kyqxw] {
    font-size: 0.72rem;
    height: 22px;
    padding: 0 0.45rem;
    letter-spacing: 0.02em;
}

.fl-mobil-bilgi[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    min-width: 0;
    font-size: 0.86rem;
    color: var(--pn-metin-2);
}

    .fl-mobil-bilgi > i[b-vwwx3kyqxw] {
        color: var(--pn-metin-3);
        flex-shrink: 0;
    }

.fl-belge-satir[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 44px;
    padding: 0.45rem 0.7rem;
    border-radius: var(--pn-yaricap-k);
    border: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey-2);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    font-size: 0.86rem;
    font-weight: 540;
    text-align: left;
    cursor: pointer;
    min-width: 0;
}

    .fl-belge-satir:active[b-vwwx3kyqxw] {
        transform: scale(0.99);
    }

    .fl-belge-satir .fl-belge-ikon[b-vwwx3kyqxw] {
        color: var(--pn-metin-3);
        flex-shrink: 0;
    }

    .fl-belge-satir.kirmizi[b-vwwx3kyqxw] {
        border-color: var(--pn-kirmizi-kenar);
        background: var(--pn-kirmizi-ton);
    }

    .fl-belge-satir.sari[b-vwwx3kyqxw] {
        border-color: var(--pn-sari-kenar);
        background: var(--pn-sari-ton);
    }

    .fl-belge-satir.kirmizi .fl-belge-ikon[b-vwwx3kyqxw] {
        color: var(--pn-kirmizi);
    }

    .fl-belge-satir.sari .fl-belge-ikon[b-vwwx3kyqxw] {
        color: var(--pn-sari);
    }

.fl-mobil-eylemler[b-vwwx3kyqxw] {
    display: flex;
    gap: 0.5rem;
}

    .fl-mobil-eylemler > .pn-btn[b-vwwx3kyqxw] {
        flex: 1 1 0;
        min-height: 40px;
    }

        .fl-mobil-eylemler > .pn-btn.fl-dar-btn[b-vwwx3kyqxw] {
            flex: 0 0 44px;
            padding: 0;
        }

/* ---------------------------------------------------------------- PENCERELER */
.fl-pencere-baslik[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.fl-pencere-alt-baslik[b-vwwx3kyqxw] {
    margin: 0.1rem 0 0;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    line-height: 1.35;
}

.pn-bolum-baslik.fl-ilk-bolum[b-vwwx3kyqxw] {
    margin-top: 0;
}

.fl-sifre-girdi[b-vwwx3kyqxw] {
    padding-right: 2.75rem;
}

.fl-plaka-girdi[b-vwwx3kyqxw] {
    text-transform: uppercase;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    letter-spacing: 0.05em;
    font-weight: 600;
}

    .fl-plaka-girdi[b-vwwx3kyqxw]::placeholder {
        font-weight: 400;
    }

.fl-cip-alan[b-vwwx3kyqxw] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.fl-cip[b-vwwx3kyqxw] {
    min-height: 38px;
    padding: 0 0.85rem;
}

    .fl-cip:disabled[b-vwwx3kyqxw] {
        opacity: 0.55;
        cursor: not-allowed;
    }

.fl-cip-plaka[b-vwwx3kyqxw] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    font-weight: 650;
    letter-spacing: 0.03em;
}

.fl-cip-ipucu[b-vwwx3kyqxw] {
    margin-top: 0.6rem;
}

/* Favori güzergah konum kutusu + açılır öneri listesi (data-konum-kutusu / data-konum-liste):
   liste kutunun altında ya da yer yoksa üstünde açılır; yüksekliğini wwwroot/js/klavye.js görünen alana göre
   ayarlar (klavyenin altında kalmaz), buradaki max-height yalnızca yedektir. */
.fl-konum-kutu[b-vwwx3kyqxw] {
    position: relative;
}

    .fl-konum-kutu input[b-vwwx3kyqxw] {
        scroll-margin-top: 12px;
    }

.fl-oneri[b-vwwx3kyqxw] {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 30;
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0.25rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: var(--pn-yaricap-k);
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge-2);
    max-height: 260px;
    overflow-y: auto;
}

    .fl-oneri .fl-oneri-grup[b-vwwx3kyqxw] {
        padding: 0.5rem 0.6rem 0.2rem;
        font-size: 0.72rem;
        font-weight: 650;
        letter-spacing: 0.01em;
        color: var(--pn-metin-3);
    }

        .fl-oneri .fl-oneri-grup:not(:first-child)[b-vwwx3kyqxw] {
            margin-top: 0.25rem;
            border-top: 1px solid var(--pn-kenar);
        }

/* Telefonda konum kutusu odaktayken pencerede boşluk açılır: klavye.js kutuyu pencerenin üstüne kaydırabilir,
   liste klavyenin üstünde aşağı doğru açılır (kısa pencerede kutu altta kalıp liste klavyenin arkasına düşmesin). */
.fl-konum-bosluk[b-vwwx3kyqxw] {
    display: none;
}

@media (pointer: coarse) {
    .fl-konum-alan:focus-within ~ .fl-konum-bosluk[b-vwwx3kyqxw] {
        display: block;
        grid-column: 1 / -1;
        height: 60vh;
    }
}

    .fl-oneri button[b-vwwx3kyqxw] {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        width: 100%;
        min-height: 40px;
        padding: 0.35rem 0.6rem;
        border: none;
        border-radius: 8px;
        background: transparent;
        color: var(--pn-metin);
        font-family: var(--pn-yazi);
        font-size: 0.88rem;
        text-align: left;
        cursor: pointer;
        min-width: 0;
    }

        .fl-oneri button > i[b-vwwx3kyqxw] {
            color: var(--pn-metin-3);
            flex-shrink: 0;
        }

            .fl-oneri button > i.fl-oneri-sik[b-vwwx3kyqxw] {
                color: var(--pn-sari);
            }

        .fl-oneri button:hover[b-vwwx3kyqxw] {
            background: var(--pn-vurgu-ton);
            color: var(--pn-vurgu-metin);
        }

            .fl-oneri button:hover > i[b-vwwx3kyqxw] {
                color: inherit;
            }

.fl-onay[b-vwwx3kyqxw] {
    text-align: center;
    padding-top: 1.75rem;
}

    .fl-onay p[b-vwwx3kyqxw] {
        margin: 0 auto;
        max-width: 340px;
        font-size: 0.88rem;
        color: var(--pn-metin-2);
        line-height: 1.5;
    }

.fl-onay-baslik[b-vwwx3kyqxw] {
    font-size: 1.1rem;
    font-weight: 640;
    margin: 0.9rem 0 0.4rem;
    color: var(--pn-metin);
}

/* ---------------------------------------------------------------- ŞOFÖR SATIRI: BELGE + UYGULAMA */
.fl-kisi-yazi[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
    min-width: 0;
}

.fl-uyg[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.fl-uyg-giris[b-vwwx3kyqxw] {
    font-size: 0.84rem;
    color: var(--pn-metin);
    white-space: nowrap;
}

.fl-uyg-alt[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.3rem 0.5rem;
}

.fl-ozel-rozet[b-vwwx3kyqxw] {
    height: 22px;
    font-family: var(--pn-yazi);
    font-size: 0.7rem;
    cursor: pointer;
}

    .fl-ozel-rozet:disabled[b-vwwx3kyqxw] {
        cursor: default;
    }

    .fl-ozel-rozet:focus-visible[b-vwwx3kyqxw] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.fl-mobil-uyg[b-vwwx3kyqxw] {
    font-size: 0.82rem;
}

/* ---------------------------------------------------------------- BELGELER SEKMESİ */
.fl-belge-cubuk[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.6rem 1rem;
    margin-bottom: 1rem;
}

.fl-belge-kontrol[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
}

.fl-nokta[b-vwwx3kyqxw] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
    background: var(--pn-metin-3);
    flex-shrink: 0;
}

    .fl-nokta.kirmizi[b-vwwx3kyqxw] {
        background: var(--pn-kirmizi);
    }

.fl-donen[b-vwwx3kyqxw] {
    display: inline-block;
    animation: fl-don-b-vwwx3kyqxw 900ms linear infinite;
}

@keyframes fl-don-b-vwwx3kyqxw {
    to {
        transform: rotate(360deg);
    }
}

.fl-belge-uyari[b-vwwx3kyqxw] {
    margin-bottom: 1rem;
}

.fl-belge-kart + .fl-belge-kart[b-vwwx3kyqxw] {
    margin-top: 1rem;
}

.fl-bos-kucuk[b-vwwx3kyqxw] {
    padding: 1.75rem 1.25rem;
}

.fl-belge-tablo td[b-vwwx3kyqxw] {
    vertical-align: top;
}

    .fl-belge-tablo td .pn-rozet[b-vwwx3kyqxw] {
        margin-top: 1px;
    }

.fl-hucre-alt[b-vwwx3kyqxw] {
    display: block;
    margin-top: 0.25rem;
    font-size: 0.74rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
}

.fl-bl-liste[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k);
    overflow: hidden;
}

.fl-bl-satir[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 46px;
    padding: 0.45rem 0.75rem;
    border: none;
    border-bottom: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    font-size: 0.88rem;
    text-align: left;
    min-width: 0;
}

    .fl-bl-satir:last-child[b-vwwx3kyqxw] {
        border-bottom: none;
    }

    .fl-bl-satir.tiklanir[b-vwwx3kyqxw] {
        cursor: pointer;
    }

        .fl-bl-satir.tiklanir:active[b-vwwx3kyqxw] {
            background: var(--pn-yuzey-2);
        }

.fl-bl-ad[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-weight: 540;
}

.fl-bl-kaynak[b-vwwx3kyqxw] {
    font-size: 0.74rem;
    font-weight: 400;
    color: var(--pn-metin-3);
}

.fl-belge-dipnot[b-vwwx3kyqxw] {
    flex-wrap: nowrap;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 0.5rem;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    line-height: 1.45;
}

    .fl-belge-dipnot > i[b-vwwx3kyqxw] {
        margin-top: 1px;
    }

/* ---------------------------------------------------------------- ŞOFÖR PENCERESİ: BELGE TARİHLERİ */
/* Ehliyet ve psikoteknik (SRC tarihi elle girilmez, Bakanlıktan okunur) */
.fl-tarih-izgara[b-vwwx3kyqxw] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

    .fl-tarih-izgara .pn-ipucu[b-vwwx3kyqxw] {
        min-height: 1.1em;
    }

        .fl-tarih-izgara .pn-ipucu.pn-kirmizi-metin[b-vwwx3kyqxw] {
            color: var(--pn-kirmizi);
        }

        .fl-tarih-izgara .pn-ipucu.pn-sari-metin[b-vwwx3kyqxw] {
            color: var(--pn-sari);
        }

        .fl-tarih-izgara .pn-ipucu.pn-yesil-metin[b-vwwx3kyqxw] {
            color: var(--pn-yesil);
        }

.fl-tarih-not[b-vwwx3kyqxw] {
    margin-top: 0.5rem;
}

/* ---------------------------------------------------------------- UYGULAMA AYARLARI PENCERESİ */
.fl-uyg-bilgi[b-vwwx3kyqxw] {
    display: flex;
    align-items: flex-start;
    gap: 0.55rem;
    margin-bottom: 0.75rem;
    padding: 0.65rem 0.8rem;
    border-radius: var(--pn-yaricap-k);
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
    font-size: 0.82rem;
    color: var(--pn-metin-2);
    line-height: 1.45;
}

    .fl-uyg-bilgi > i[b-vwwx3kyqxw] {
        color: var(--pn-metin-3);
        margin-top: 1px;
    }

.fl-uyg-liste[b-vwwx3kyqxw] {
    display: flex;
    flex-direction: column;
}

.fl-uyg-satir[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem 1rem;
    padding: 0.75rem 0;
    border-bottom: 1px solid var(--pn-kenar);
}

    .fl-uyg-satir:last-child[b-vwwx3kyqxw] {
        border-bottom: none;
    }

    .fl-uyg-satir.kilitli .fl-uyg-ad[b-vwwx3kyqxw] {
        color: var(--pn-metin-2);
    }

.fl-uyg-yazi[b-vwwx3kyqxw] {
    flex: 1 1 auto;
    min-width: 0;
}

.fl-uyg-ad[b-vwwx3kyqxw] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--pn-metin);
}

    .fl-uyg-ad > i[b-vwwx3kyqxw] {
        color: var(--pn-metin-3);
    }

.fl-uyg-aciklama[b-vwwx3kyqxw] {
    margin-top: 0.1rem;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
}

.fl-uyg-not[b-vwwx3kyqxw] {
    margin-top: 0.3rem;
    font-size: 0.78rem;
    color: var(--pn-sari);
}

.fl-uc-durum[b-vwwx3kyqxw] {
    display: inline-flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 3px;
    border-radius: 10px;
    background: var(--pn-yuzey-3);
}

.fl-uc-secenek[b-vwwx3kyqxw] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 34px;
    padding: 0 0.7rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-metin-2);
    font-family: var(--pn-yazi);
    font-size: 0.8rem;
    font-weight: 560;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .fl-uc-secenek:hover:not(:disabled)[b-vwwx3kyqxw] {
        color: var(--pn-metin);
    }

    .fl-uc-secenek:focus-visible[b-vwwx3kyqxw] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .fl-uc-secenek:disabled[b-vwwx3kyqxw] {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .fl-uc-secenek.aktif[b-vwwx3kyqxw] {
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.1);
    }

        .fl-uc-secenek.acik.aktif[b-vwwx3kyqxw] {
            color: var(--pn-yesil);
        }

        .fl-uc-secenek.kapali.aktif[b-vwwx3kyqxw] {
            color: var(--pn-kirmizi);
        }

.fl-uc-alt[b-vwwx3kyqxw] {
    font-weight: 400;
    color: var(--pn-metin-3);
}

.fl-sol[b-vwwx3kyqxw] {
    margin-right: auto;
}

/* ---------------------------------------------------------------- DUYARLI */
@media (max-width: 767.98px) {
    .fl-arama[b-vwwx3kyqxw] {
        margin-left: 0;
        max-width: none;
        flex-basis: 100%;
    }

    .fl-uyg-satir[b-vwwx3kyqxw] {
        flex-direction: column;
        align-items: stretch;
    }

    .fl-uc-durum[b-vwwx3kyqxw] {
        display: flex;
    }

    .fl-uc-secenek[b-vwwx3kyqxw] {
        flex: 1 1 0;
        min-height: 40px;
        padding: 0 0.4rem;
    }

    .fl-uc-secenek:first-child[b-vwwx3kyqxw] {
        flex-grow: 1.6;
    }

    .fl-belge-kontrol[b-vwwx3kyqxw] {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }
}

@media (max-width: 575.98px) {
    .fl-bas-eylemler[b-vwwx3kyqxw] {
        width: 100%;
    }

        .fl-bas-eylemler > .pn-btn[b-vwwx3kyqxw] {
            flex: 1 1 0;
        }

    /* Telefonda limit rozeti düğmelerin altında tam genişlikte durum çubuğu olur */
    .fl-limit-rozet[b-vwwx3kyqxw] {
        order: 1;
        flex: 1 1 100%;
        justify-content: center;
    }

    .fl-cubuk .pn-sekmeler[b-vwwx3kyqxw] {
        width: 100%;
    }

    .fl-cubuk .pn-sekme[b-vwwx3kyqxw] {
        flex: 1 1 0;
        justify-content: center;
        padding: 0 0.5rem;
    }

    .fl-sekme-ikon[b-vwwx3kyqxw],
    .fl-uzun[b-vwwx3kyqxw] {
        display: none;
    }

    .fl-kisa[b-vwwx3kyqxw] {
        display: inline;
    }

    .fl-cipler[b-vwwx3kyqxw] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        width: 100%;
        padding-bottom: 2px;
    }

        .fl-cipler[b-vwwx3kyqxw]::-webkit-scrollbar {
            display: none;
        }

        .fl-cipler .pn-cip[b-vwwx3kyqxw] {
            flex-shrink: 0;
        }

    .fl-ozetler[b-vwwx3kyqxw] {
        gap: 0.65rem;
    }

    /* Dar ekranda sekme sayaçları (uyarı hariç) gizlenir; dört sekme tek satıra sığar */
    .fl-cubuk .pn-sekme .pn-sayac:not(.kirmizi)[b-vwwx3kyqxw] {
        display: none;
    }

    .fl-tarih-izgara[b-vwwx3kyqxw] {
        grid-template-columns: minmax(0, 1fr);
    }

    .fl-belge-cubuk .fl-cipler[b-vwwx3kyqxw] {
        width: auto;
        flex: 1 1 100%;
    }
}
/* /Components/Pages/AcentePaneli/Harita.razor.rz.scp.css */
/* 💥 HARİTA SAYFASI 💥
   Masaüstü: üstte süzgeç çipleri, solda harita, sağda liste (ekran yüksekliğini doldurur).
   Telefon / dar ekran (< 900 px): çiplerin altında "Harita / Liste" geçişi; biri tam yükseklikte görünür.
   Şoför işaretleri, kümeler, şoförsüz sefer işaretleri ve küme listesi MapLibre içinde JS ile oluşturulur: ::deep ile biçimlenir. */

.hr-sayfa[b-2klwankadx] {
    max-width: none;
}

.hr-son-guncelleme[b-2klwankadx] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
}

.hr-donuyor[b-2klwankadx] {
    display: inline-block;
    animation: hr-don-b-2klwankadx 0.9s linear infinite;
}

@keyframes hr-don-b-2klwankadx {
    to { transform: rotate(360deg); }
}

/* ---------------------------------------------------------------- süzgeç çipleri */

.hr-ozet[b-2klwankadx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.75rem;
}

.hr-cip[b-2klwankadx] {
    gap: 0.4rem;
}

    .hr-cip i[b-2klwankadx] {
        font-size: 0.85rem;
    }

.hr-cip-sayi[b-2klwankadx] {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin);
    font-size: 0.74rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.hr-cip.aktif:not(.hr-cip-kirmizi):not(.hr-cip-sari) .hr-cip-sayi[b-2klwankadx] {
    background: var(--pn-yuzey);
}

.hr-cip-kirmizi[b-2klwankadx] {
    border-color: var(--pn-kirmizi-kenar);
    color: var(--pn-kirmizi);
}

    .hr-cip-kirmizi .hr-cip-sayi[b-2klwankadx] {
        background: #ef4444;
        color: #fff;
    }

    .hr-cip-kirmizi.aktif[b-2klwankadx] {
        background: var(--pn-kirmizi-ton);
        color: var(--pn-kirmizi);
    }

.hr-cip-sari[b-2klwankadx] {
    border-color: var(--pn-sari-kenar);
    color: var(--pn-sari);
}

    .hr-cip-sari .hr-cip-sayi[b-2klwankadx] {
        background: #f59e0b;
        color: #fff;
    }

    .hr-cip-sari.aktif[b-2klwankadx] {
        background: var(--pn-sari-ton);
        color: var(--pn-sari);
    }

/* Telefon: Harita / Liste geçişi (geniş ekranda gizli) */
.hr-gorunum[b-2klwankadx] {
    display: none;
}

/* ---------------------------------------------------------------- düzen */

.hr-duzen[b-2klwankadx] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 360px;
    gap: 1rem;
    height: calc(100dvh - 230px);
    min-height: 500px;
}

.hr-harita-kart[b-2klwankadx] {
    position: relative;
    min-width: 0;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    background: var(--pn-yuzey-3);
    overflow: hidden;
    box-shadow: var(--pn-golge);
}

    .hr-harita-kart.hr-tam-ekran[b-2klwankadx] {
        position: fixed;
        inset: 0;
        z-index: 1300;
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

.hr-harita[b-2klwankadx] {
    position: absolute;
    inset: 0;
    /* İşaretlerin z-index'i haritanın içinde kalsın: kart, lejant ve araçlar hep üstte */
    z-index: 0;
}

/* ---------------------------------------------------------------- örtü (yükleniyor / hata) */

.hr-ortu[b-2klwankadx] {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    padding: 1.5rem;
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-2);
    font-size: 0.9rem;
    z-index: 2;
}

.hr-ortu-kutu[b-2klwankadx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.45rem;
    max-width: 380px;
    text-align: center;
    line-height: 1.45;
}

    .hr-ortu-kutu > i[b-2klwankadx] {
        font-size: 1.8rem;
        color: var(--pn-metin-3);
    }

    .hr-ortu-kutu strong[b-2klwankadx] {
        color: var(--pn-metin);
        font-weight: 620;
    }

.hr-ortu-liste[b-2klwankadx] {
    display: none;
}

/* ---------------------------------------------------------------- lejant / takip */

.hr-lejant[b-2klwankadx],
.hr-takip[b-2klwankadx] {
    position: absolute;
    left: 10px;
    top: 10px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.75rem;
    padding: 0.35rem 0.6rem;
    border-radius: 999px;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    font-size: 0.72rem;
    color: var(--pn-metin-2);
}

.hr-lejant[b-2klwankadx] {
    opacity: 0.94;
    pointer-events: none;
}

    .hr-lejant span[b-2klwankadx] {
        display: inline-flex;
        align-items: center;
        gap: 0.3rem;
    }

.hr-takip[b-2klwankadx] {
    gap: 0.4rem;
    padding: 0.2rem 0.25rem 0.2rem 0.7rem;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pn-vurgu-metin);
    background: var(--pn-vurgu-ton);
    border-color: var(--pn-vurgu-ton-2);
    box-shadow: var(--pn-golge);
}

    .hr-takip > i[b-2klwankadx] {
        animation: hr-yanip-b-2klwankadx 1.6s ease-in-out infinite;
    }

@keyframes hr-yanip-b-2klwankadx {
    50% { opacity: 0.35; }
}

.hr-takip-kapat[b-2klwankadx] {
    width: 28px;
    height: 28px;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: inherit;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

    .hr-takip-kapat:hover[b-2klwankadx] {
        background: var(--pn-yuzey);
    }

    .hr-takip-kapat:focus-visible[b-2klwankadx] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.hr-lejant-nokta[b-2klwankadx] {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    display: inline-block;
}

/* ---------------------------------------------------------------- araçlar ve katman paneli */

.hr-araclar[b-2klwankadx] {
    position: absolute;
    top: 82px;
    right: 10px;
    z-index: 2;
    display: flex;
    flex-direction: column;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

.hr-arac[b-2klwankadx] {
    width: 29px;
    height: 29px;
    border: none;
    background: transparent;
    color: var(--pn-metin);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 0.85rem;
}

    .hr-arac + .hr-arac[b-2klwankadx] {
        border-top: 1px solid var(--pn-kenar);
    }

    .hr-arac:hover[b-2klwankadx],
    .hr-arac.aktif[b-2klwankadx] {
        background: var(--pn-yuzey-3);
    }

    .hr-arac.aktif[b-2klwankadx] {
        color: var(--pn-vurgu-metin);
    }

    .hr-arac:focus-visible[b-2klwankadx] {
        outline: none;
        box-shadow: inset var(--pn-odak);
    }

.hr-katmanlar[b-2klwankadx] {
    position: absolute;
    top: 82px;
    right: 48px;
    z-index: 4;
    width: 270px;
    max-height: calc(100% - 96px);
    overflow-y: auto;
    padding: 0.7rem 0.8rem 0.75rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge-2);
    font-size: 0.84rem;
    color: var(--pn-metin);
}

.hr-katman-bas[b-2klwankadx] {
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
    margin: 0.2rem 0 0.35rem;
}

    .hr-katman-bas + .hr-katman[b-2klwankadx] {
        margin-top: 0;
    }

.hr-katman ~ .hr-katman-bas[b-2klwankadx] {
    margin-top: 0.75rem;
}

.hr-katman[b-2klwankadx] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 34px;
    cursor: pointer;
}

    .hr-katman input[b-2klwankadx] {
        width: 18px;
        height: 18px;
        accent-color: var(--pn-vurgu);
        flex: none;
    }

.hr-aciklama[b-2klwankadx] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    padding: 0.22rem 0;
    color: var(--pn-metin-2);
    font-size: 0.8rem;
    line-height: 1.35;
}

    .hr-aciklama > i[b-2klwankadx] {
        flex: none;
        font-style: normal;
    }

.hr-ac-cizgi[b-2klwankadx] {
    width: 26px;
    height: 0;
    border-top: 3px dashed #2563eb;
}

.hr-ac-yaklasim[b-2klwankadx] {
    border-top: 3px dotted #d97706;
}

.hr-ac-rota[b-2klwankadx] {
    flex: none;
    display: inline-flex;
    align-items: center;
    height: 17px;
    padding: 0 6px;
    margin: 0 2px;
    border: 1.5px solid #2563eb;
    border-radius: 999px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-size: 0.62rem;
    font-weight: 700;
    font-style: normal;
}

.hr-ac-pin[b-2klwankadx] {
    width: 18px;
    height: 18px;
    border-radius: 5px;
    background: #d97706;
    color: #fff;
    font-size: 0.7rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 4px;
}

.hr-ac-kume[b-2klwankadx] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: #16a34a;
    color: #fff;
    font-size: 0.68rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 3px rgba(22, 163, 74, 0.28);
    margin: 0 2px;
}

.hr-ac-risk[b-2klwankadx] {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #64748b;
    box-shadow: 0 0 0 2px var(--pn-yuzey), 0 0 0 4px #f59e0b;
    margin: 0 4px;
}

.hr-ac-risk.hr-ac-gecikti[b-2klwankadx] {
    box-shadow: 0 0 0 2px var(--pn-yuzey), 0 0 0 4px #ef4444;
}

.hr-katman-not[b-2klwankadx] {
    margin: 0.55rem 0 0;
    font-size: 0.74rem;
    line-height: 1.4;
    color: var(--pn-metin-3);
}

/* ---------------------------------------------------------------- durum renkleri */

.hr-canli[b-2klwankadx] { --hr-renk: #16a34a; }
.hr-yakin[b-2klwankadx] { --hr-renk: #d97706; }
.hr-eski[b-2klwankadx] { --hr-renk: #64748b; }
.hr-yok[b-2klwankadx] { --hr-renk: #94a3b8; }

.hr-lejant-nokta.hr-canli[b-2klwankadx], .hr-lejant-nokta.hr-yakin[b-2klwankadx], .hr-lejant-nokta.hr-eski[b-2klwankadx] {
    background: var(--hr-renk);
}

.hr-metin-canli[b-2klwankadx] { color: var(--pn-yesil); }
.hr-metin-yakin[b-2klwankadx] { color: var(--pn-sari); }
.hr-metin-eski[b-2klwankadx], .hr-metin-yok[b-2klwankadx] { color: var(--pn-metin-3); }
.hr-metin-kirmizi[b-2klwankadx] { color: var(--pn-kirmizi); }

.hr-avatar[b-2klwankadx] {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.8rem;
    font-weight: 650;
    color: #fff;
    background: var(--hr-renk, #94a3b8);
    box-shadow: 0 0 0 3px var(--pn-yuzey), 0 0 0 4px var(--pn-kenar-2);
}

    .hr-avatar.hr-yok[b-2klwankadx] {
        color: var(--pn-metin-2);
        background: var(--pn-yuzey-3);
        box-shadow: 0 0 0 3px var(--pn-yuzey), 0 0 0 4px var(--pn-kenar);
    }

    .hr-avatar.hr-avatar-risk[b-2klwankadx] {
        box-shadow: 0 0 0 2px var(--pn-yuzey), 0 0 0 4.5px #f59e0b;
    }

    .hr-avatar.hr-avatar-gecikti[b-2klwankadx] {
        box-shadow: 0 0 0 2px var(--pn-yuzey), 0 0 0 4.5px #ef4444;
    }

.hr-avatar-kucuk[b-2klwankadx] {
    width: 30px;
    height: 30px;
    font-size: 0.7rem;
    box-shadow: 0 0 0 2px var(--pn-yuzey), 0 0 0 3px var(--pn-kenar-2);
}

.hr-pin-avatar[b-2klwankadx] {
    flex: none;
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #d97706;
    color: #fff;
    font-weight: 700;
    font-size: 1.05rem;
}

/* ---------------------------------------------------------------- şoför işaretleri (MapLibre) */

/* Kök öğe MapLibre'nin işaretidir (.maplibregl-marker: position absolute, transform ile konumlanır); konumuna dokunulmaz */
.hr-harita[b-2klwankadx]  .hr-isaret {
    width: 34px;
    height: 34px;
    cursor: pointer;
    --hr-renk: #64748b;
}

    .hr-harita[b-2klwankadx]  .hr-isaret.hr-canli { --hr-renk: #16a34a; }
    .hr-harita[b-2klwankadx]  .hr-isaret.hr-yakin { --hr-renk: #d97706; }
    .hr-harita[b-2klwankadx]  .hr-isaret.hr-eski { --hr-renk: #64748b; }

    .hr-harita[b-2klwankadx]  .hr-isaret.hr-kumede {
        display: none;
    }

.hr-harita[b-2klwankadx]  .hr-isaret-bas {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hr-renk);
    color: #fff;
    font: 650 12px/1 var(--pn-yazi);
    border: 2.5px solid #fff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.35);
    transition: transform var(--pn-gecis);
}

.hr-harita[b-2klwankadx]  .hr-isaret.hr-eski .hr-isaret-bas {
    opacity: 0.8;
}

.hr-harita[b-2klwankadx]  .hr-isaret.hr-risk .hr-isaret-bas {
    box-shadow: 0 0 0 3px #f59e0b, 0 2px 6px rgba(15, 23, 42, 0.35);
}

.hr-harita[b-2klwankadx]  .hr-isaret.hr-gecikti .hr-isaret-bas {
    box-shadow: 0 0 0 3px #ef4444, 0 2px 6px rgba(15, 23, 42, 0.35);
}

.hr-harita[b-2klwankadx]  .hr-isaret.hr-canli .hr-isaret-bas::after {
    content: "";
    position: absolute;
    inset: -7px;
    border-radius: 50%;
    border: 2px solid var(--hr-renk);
    opacity: 0;
    animation: hr-nabiz-b-2klwankadx 2.4s ease-out infinite;
}

@keyframes hr-nabiz-b-2klwankadx {
    0% { transform: scale(0.7); opacity: 0.7; }
    100% { transform: scale(1.35); opacity: 0; }
}

.hr-harita[b-2klwankadx]  .hr-isaret-ok {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0;
    height: 0;
    margin: -27px 0 0 -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 9px solid var(--hr-renk);
    transform-origin: 6px 27px;
    display: none;
}

.hr-harita[b-2klwankadx]  .hr-isaret.hr-hareketli .hr-isaret-ok {
    display: block;
}

.hr-harita[b-2klwankadx]  .hr-isaret-ad {
    position: absolute;
    top: 38px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    padding: 1px 6px;
    border-radius: 6px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font: 600 11px/1.4 var(--pn-yazi);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
    pointer-events: none;
}

.hr-harita-kart.hr-adsiz[b-2klwankadx]  .hr-isaret-ad {
    display: none;
}

.hr-harita[b-2klwankadx]  .hr-isaret.hr-secili .hr-isaret-bas {
    transform: scale(1.18);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.45), 0 3px 10px rgba(15, 23, 42, 0.4);
}

.hr-harita[b-2klwankadx]  .hr-isaret:focus-visible,
.hr-harita[b-2klwankadx]  .hr-pin:focus-visible,
.hr-harita[b-2klwankadx]  .hr-kume:focus-visible {
    outline: none;
}

    .hr-harita[b-2klwankadx]  .hr-isaret:focus-visible .hr-isaret-bas,
    .hr-harita[b-2klwankadx]  .hr-pin:focus-visible .hr-pin-ic,
    .hr-harita[b-2klwankadx]  .hr-kume:focus-visible .hr-kume-sayi {
        box-shadow: var(--pn-odak), 0 2px 6px rgba(15, 23, 42, 0.35);
    }

/* ---------------------------------------------------------------- kümeler */

.hr-harita[b-2klwankadx]  .hr-kume {
    width: 40px;
    height: 40px;
    cursor: pointer;
    --hr-renk: #64748b;
    --hr-hale: rgba(100, 116, 139, 0.3);
}

    .hr-harita[b-2klwankadx]  .hr-kume.hr-canli { --hr-renk: #16a34a; --hr-hale: rgba(22, 163, 74, 0.3); }
    .hr-harita[b-2klwankadx]  .hr-kume.hr-yakin { --hr-renk: #d97706; --hr-hale: rgba(217, 119, 6, 0.3); }

.hr-harita[b-2klwankadx]  .hr-kume-sayi {
    position: absolute;
    inset: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hr-renk);
    color: #fff;
    font: 700 14px/1 var(--pn-yazi);
    border: 2.5px solid #fff;
    box-shadow: 0 0 0 6px var(--hr-hale), 0 2px 8px rgba(15, 23, 42, 0.35);
}

.hr-harita[b-2klwankadx]  .hr-kume.hr-risk::after {
    content: "!";
    position: absolute;
    top: -6px;
    right: -6px;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    background: #ef4444;
    color: #fff;
    border: 2px solid #fff;
    font: 800 11px/14px var(--pn-yazi);
    text-align: center;
}

.hr-harita[b-2klwankadx]  .hr-kume-penceresi .maplibregl-popup-content {
    padding: 0.45rem;
    border-radius: 12px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    box-shadow: var(--pn-golge-2);
    border: 1px solid var(--pn-kenar);
}

.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-top .maplibregl-popup-tip,
.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-top-left .maplibregl-popup-tip,
.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-top-right .maplibregl-popup-tip {
    border-bottom-color: var(--pn-yuzey);
}

.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-bottom .maplibregl-popup-tip,
.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-bottom-left .maplibregl-popup-tip,
.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-bottom-right .maplibregl-popup-tip {
    border-top-color: var(--pn-yuzey);
}

.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-left .maplibregl-popup-tip {
    border-right-color: var(--pn-yuzey);
}

.hr-harita[b-2klwankadx]  .hr-kume-penceresi.maplibregl-popup-anchor-right .maplibregl-popup-tip {
    border-left-color: var(--pn-yuzey);
}

.hr-harita[b-2klwankadx]  .hr-kume-penceresi .maplibregl-popup-close-button {
    width: 28px;
    height: 28px;
    font-size: 18px;
    color: var(--pn-metin-2);
    border-radius: 8px;
}

.hr-harita[b-2klwankadx]  .hr-kume-baslik {
    padding: 0.3rem 2rem 0.4rem 0.45rem;
    font: 650 12px/1.3 var(--pn-yazi);
    color: var(--pn-metin-3);
}

.hr-harita[b-2klwankadx]  .hr-kume-oge {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    padding: 0.45rem;
    border: none;
    border-radius: 8px;
    background: none;
    color: inherit;
    text-align: left;
    cursor: pointer;
    font: inherit;
}

    .hr-harita[b-2klwankadx]  .hr-kume-oge:hover {
        background: var(--pn-yuzey-2);
    }

    .hr-harita[b-2klwankadx]  .hr-kume-oge:focus-visible {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.hr-harita[b-2klwankadx]  .hr-kume-nokta {
    flex: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--hr-renk, #64748b);
}

.hr-harita[b-2klwankadx]  .hr-kume-oge.hr-risk .hr-kume-nokta {
    box-shadow: 0 0 0 2px #f59e0b;
}

    /* Küme penceresindeki şoför satırlarının nokta rengi (işaretle aynı) */
    .hr-harita[b-2klwankadx]  .hr-kume-oge.hr-canli { --hr-renk: #16a34a; }
    .hr-harita[b-2klwankadx]  .hr-kume-oge.hr-yakin { --hr-renk: #d97706; }

.hr-harita[b-2klwankadx]  .hr-kume-metin {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.hr-harita[b-2klwankadx]  .hr-kume-ad {
    font: 620 13px/1.3 var(--pn-yazi);
    color: var(--pn-metin);
}

.hr-harita[b-2klwankadx]  .hr-kume-alt {
    font: 500 11.5px/1.3 var(--pn-yazi);
    color: var(--pn-metin-2);
}

/* ---------------------------------------------------------------- sefer etiketleri (güzergahın ortasında: şoför + saat) */

/* Renk seferin durumunu gösterir (karttaki rozetle aynı): mavi sırada, turuncu yolda (yolcuları almaya gidiyor), yeşil yolcular alındı */
.hr-harita[b-2klwankadx]  .hr-rota-sirada { --hr-renk: #2563eb; }
.hr-harita[b-2klwankadx]  .hr-rota-yolda { --hr-renk: #d97706; }
.hr-harita[b-2klwankadx]  .hr-rota-alindi { --hr-renk: #16a34a; }

.hr-harita[b-2klwankadx]  .hr-rota {
    cursor: pointer;
}

    .hr-harita[b-2klwankadx]  .hr-rota.hr-kumede {
        display: none;
    }

    .hr-harita[b-2klwankadx]  .hr-rota.hr-rota-kume {
        --hr-renk: #475569;
    }

.hr-harita[b-2klwankadx]  .hr-rota-ic {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    white-space: nowrap;
    padding: 2px 8px 2px 6px;
    border: 1.5px solid var(--hr-renk, #2563eb);
    border-radius: 999px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font: 600 11px/1.45 var(--pn-yazi);
    box-shadow: 0 1px 4px rgba(15, 23, 42, 0.25);
    transition: transform var(--pn-gecis);
}

.hr-harita[b-2klwankadx]  .hr-rota-nokta {
    flex: none;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--hr-renk, #2563eb);
}

.hr-harita[b-2klwankadx]  .hr-rota-saat {
    color: var(--pn-metin-2);
    font-variant-numeric: tabular-nums;
}

.hr-harita[b-2klwankadx]  .hr-rota-sayi {
    font-weight: 700;
}

.hr-harita-kart.hr-adsiz[b-2klwankadx]  .hr-rota-ad {
    display: none;
}

.hr-harita[b-2klwankadx]  .hr-rota:hover .hr-rota-ic {
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(15, 23, 42, 0.3);
}

.hr-harita[b-2klwankadx]  .hr-rota.hr-secili .hr-rota-ic {
    background: var(--hr-renk, #2563eb);
    color: #fff;
    transform: scale(1.08);
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.35), 0 2px 8px rgba(15, 23, 42, 0.35);
}

    .hr-harita[b-2klwankadx]  .hr-rota.hr-secili .hr-rota-saat {
        color: rgba(255, 255, 255, 0.92);
    }

    .hr-harita[b-2klwankadx]  .hr-rota.hr-secili .hr-rota-nokta {
        background: #fff;
    }

/* Gecikme riski (sarı) / gecikmiş sefer (kırmızı): sağ üstte ünlem */
.hr-harita[b-2klwankadx]  .hr-rota.hr-risk .hr-rota-ic::after,
.hr-harita[b-2klwankadx]  .hr-rota.hr-gecikti .hr-rota-ic::after {
    content: "!";
    position: absolute;
    top: -7px;
    right: -7px;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #f59e0b;
    color: #fff;
    border: 1.5px solid #fff;
    font: 800 10px/12px var(--pn-yazi);
    text-align: center;
}

.hr-harita[b-2klwankadx]  .hr-rota.hr-gecikti .hr-rota-ic::after {
    background: #ef4444;
}

.hr-harita[b-2klwankadx]  .hr-rota:focus-visible {
    outline: none;
}

    .hr-harita[b-2klwankadx]  .hr-rota:focus-visible .hr-rota-ic {
        box-shadow: var(--pn-odak), 0 1px 4px rgba(15, 23, 42, 0.25);
    }

/* ---------------------------------------------------------------- şoförsüz sefer işaretleri */

.hr-harita[b-2klwankadx]  .hr-pin {
    width: 26px;
    height: 33px;
    cursor: pointer;
    --hr-pin: #d97706;
}

    .hr-harita[b-2klwankadx]  .hr-pin.hr-pin-yakin { --hr-pin: #ea580c; }
    .hr-harita[b-2klwankadx]  .hr-pin.hr-pin-gecti { --hr-pin: #dc2626; }

.hr-harita[b-2klwankadx]  .hr-pin-ic {
    position: absolute;
    left: 0;
    top: 0;
    width: 26px;
    height: 26px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--hr-pin);
    color: #fff;
    font: 800 14px/1 var(--pn-yazi);
    border: 2px solid #fff;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.35);
    transition: transform var(--pn-gecis);
}

.hr-harita[b-2klwankadx]  .hr-pin::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -5px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 8px solid var(--hr-pin);
}

.hr-harita[b-2klwankadx]  .hr-pin-saat {
    position: absolute;
    left: 30px;
    top: 4px;
    white-space: nowrap;
    padding: 0 5px;
    border-radius: 6px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font: 650 11px/1.5 var(--pn-yazi);
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.2);
    pointer-events: none;
}

.hr-harita[b-2klwankadx]  .hr-pin.hr-secili .hr-pin-ic {
    transform: scale(1.18);
    box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.45), 0 3px 10px rgba(15, 23, 42, 0.4);
}

/* ---------------------------------------------------------------- MapLibre denetimleri */

.hr-harita[b-2klwankadx]  .maplibregl-ctrl-attrib {
    font-size: 10px;
}

/* MapLibre denetimleri (yakınlaştır / kaynak) panel renklerine uyar; koyu temada simgeler açık renge çevrilir */
.hr-harita[b-2klwankadx]  .maplibregl-ctrl-group {
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: 10px;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

    .hr-harita[b-2klwankadx]  .maplibregl-ctrl-group button + button {
        border-top: 1px solid var(--pn-kenar);
    }

.hr-harita[b-2klwankadx]  .maplibregl-ctrl-attrib,
.hr-harita[b-2klwankadx]  .maplibregl-ctrl-attrib.maplibregl-compact {
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
}

    .hr-harita[b-2klwankadx]  .maplibregl-ctrl-attrib a {
        color: inherit;
    }

html.dark-mode .hr-harita[b-2klwankadx]  .maplibregl-ctrl-group button:not(:disabled):hover {
    background-color: var(--pn-yuzey-3);
}

html.dark-mode .hr-harita[b-2klwankadx]  .maplibregl-ctrl-icon,
html.dark-mode .hr-harita[b-2klwankadx]  .maplibregl-ctrl-attrib-button,
html.dark-mode .hr-harita[b-2klwankadx]  .maplibregl-popup-close-button {
    filter: invert(0.88);
}

/* ---------------------------------------------------------------- seçili şoför / sefer kartı */

.hr-kart[b-2klwankadx] {
    position: absolute;
    left: 12px;
    bottom: 12px;
    z-index: 3;
    width: min(380px, calc(100% - 24px));
    /* üstte lejant / takip şeridi görünür kalsın */
    max-height: calc(100% - 64px);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.85rem 0.9rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge-2);
}

.hr-kart-bas[b-2klwankadx] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
}

.hr-kart-ad[b-2klwankadx] {
    margin: 0;
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.hr-kart-durum[b-2klwankadx] {
    font-size: 0.8rem;
    color: var(--pn-metin-2);
    margin-top: 1px;
}

.hr-uyari[b-2klwankadx] {
    display: flex;
    gap: 0.55rem;
    margin-top: 0.7rem;
    padding: 0.55rem 0.65rem;
    border-radius: var(--pn-yaricap-k);
    font-size: 0.82rem;
    line-height: 1.4;
}

    .hr-uyari > i[b-2klwankadx] {
        flex: none;
        margin-top: 1px;
    }

    .hr-uyari strong[b-2klwankadx] {
        font-weight: 650;
    }

.hr-uyari-sari[b-2klwankadx] {
    background: var(--pn-sari-ton);
    border: 1px solid var(--pn-sari-kenar);
    color: var(--pn-sari);
}

    .hr-uyari-sari span[b-2klwankadx] { color: var(--pn-metin); }

.hr-uyari-kirmizi[b-2klwankadx] {
    background: var(--pn-kirmizi-ton);
    border: 1px solid var(--pn-kirmizi-kenar);
    color: var(--pn-kirmizi);
}

    .hr-uyari-kirmizi span[b-2klwankadx] { color: var(--pn-metin); }

.hr-sefer[b-2klwankadx] {
    margin-top: 0.75rem;
    padding: 0.65rem 0.7rem;
    border-radius: var(--pn-yaricap-k);
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    font-size: 0.85rem;
}

.hr-sefer-ust[b-2klwankadx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.4rem 0.6rem;
}

.hr-sefer-saat[b-2klwankadx] {
    font-weight: 650;
    color: var(--pn-metin);
}

.hr-goreli[b-2klwankadx] {
    font-size: 0.78rem;
    color: var(--pn-metin-2);
}

.hr-plaka[b-2klwankadx] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.78rem;
    padding: 0 0.4rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 5px;
    color: var(--pn-metin-2);
}

.hr-rozet-yolda[b-2klwankadx] { background: var(--pn-sari-ton); color: var(--pn-sari); border-color: var(--pn-sari-kenar); }
.hr-rozet-alindi[b-2klwankadx] { background: var(--pn-yesil-ton); color: var(--pn-yesil); border-color: var(--pn-yesil-kenar); }
.hr-rozet-sirada[b-2klwankadx] { background: var(--pn-vurgu-ton); color: var(--pn-vurgu-metin); }

.hr-guzergah[b-2klwankadx] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    color: var(--pn-metin);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.hr-yaklasik[b-2klwankadx] {
    font-size: 0.76rem;
    color: var(--pn-metin-3);
}

.hr-uc[b-2klwankadx] {
    flex: none;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    margin-top: 1px;
}

.hr-uc-kalkis[b-2klwankadx] { background: #16a34a; }
.hr-uc-varis[b-2klwankadx] { background: #dc2626; }

.hr-hedef[b-2klwankadx],
.hr-not[b-2klwankadx] {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--pn-metin-2);
}

    .hr-hedef > i[b-2klwankadx],
    .hr-not > i[b-2klwankadx] {
        flex: none;
        margin-top: 1px;
    }

.hr-hedef[b-2klwankadx] {
    color: var(--pn-metin);
}

.hr-not span[b-2klwankadx] {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
}

.hr-sefer-alt[b-2klwankadx] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.9rem;
    color: var(--pn-metin-2);
    font-size: 0.8rem;
}

    .hr-sefer-alt i[b-2klwankadx] { margin-right: 0.2rem; }

.hr-sefer-yok[b-2klwankadx] {
    margin: 0.7rem 0 0;
    font-size: 0.84rem;
    color: var(--pn-metin-3);
}

.hr-cizelge[b-2klwankadx] {
    margin-top: 0.75rem;
}

.hr-cizelge-bas[b-2klwankadx] {
    font-size: 0.72rem;
    font-weight: 650;
    letter-spacing: 0.02em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
    margin-bottom: 0.3rem;
}

.hr-cizelge-liste[b-2klwankadx] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.hr-cizelge-oge[b-2klwankadx],
.hr-yakin-oge[b-2klwankadx] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-height: 36px;
    padding: 0.35rem 0.45rem;
    border: 1px solid transparent;
    border-radius: 8px;
    background: none;
    color: var(--pn-metin);
    font: inherit;
    font-size: 0.82rem;
    text-align: left;
    cursor: pointer;
}

    .hr-cizelge-oge:hover[b-2klwankadx],
    .hr-yakin-oge:hover[b-2klwankadx] {
        background: var(--pn-yuzey-2);
    }

    .hr-cizelge-oge.guncel[b-2klwankadx] {
        background: var(--pn-vurgu-ton);
        border-color: var(--pn-vurgu-ton-2);
    }

    .hr-cizelge-oge:focus-visible[b-2klwankadx],
    .hr-yakin-oge:focus-visible[b-2klwankadx] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.hr-cizelge-saat[b-2klwankadx] {
    flex: none;
    min-width: 3.1rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
}

.hr-cizelge-yer[b-2klwankadx] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--pn-metin-2);
}

.hr-ci-bitti[b-2klwankadx] { color: var(--pn-yesil); }
.hr-ci-yolda[b-2klwankadx] { color: var(--pn-sari); }
.hr-ci-gecikti[b-2klwankadx] { color: var(--pn-kirmizi); }
.hr-ci-sirada[b-2klwankadx] { color: var(--pn-metin-3); }

.hr-mesafe[b-2klwankadx] {
    flex: none;
    font-size: 0.78rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--pn-metin);
    padding: 0.1rem 0.45rem;
    border-radius: 999px;
    background: var(--pn-yuzey-3);
}

.hr-kart-eylem[b-2klwankadx] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.75rem;
}

/* ---------------------------------------------------------------- liste */

.hr-liste[b-2klwankadx] {
    display: flex;
    flex-direction: column;
    min-height: 0;
    overflow: hidden;
}

.hr-liste-bas[b-2klwankadx] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.75rem 0.75rem 0.6rem;
    border-bottom: 1px solid var(--pn-kenar);
}

.hr-liste-baslik[b-2klwankadx] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    font-weight: 650;
    font-size: 0.92rem;
    color: var(--pn-metin);
}

.hr-liste-ic[b-2klwankadx] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0.35rem;
}

.hr-oge[b-2klwankadx] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0.6rem 0.55rem;
    border: 1px solid transparent;
    border-radius: var(--pn-yaricap-k);
    background: none;
    text-align: left;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

    .hr-oge:hover[b-2klwankadx] {
        background: var(--pn-yuzey-2);
    }

    .hr-oge.secili[b-2klwankadx] {
        background: var(--pn-vurgu-ton);
        border-color: var(--pn-vurgu-ton-2);
    }

    .hr-oge:focus-visible[b-2klwankadx] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.hr-oge-govde[b-2klwankadx] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
}

.hr-oge-ust[b-2klwankadx] {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    min-width: 0;
}

.hr-oge-ad[b-2klwankadx] {
    flex: 1 1 auto;
    min-width: 0;
    font-weight: 620;
    font-size: 0.9rem;
    color: var(--pn-metin);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-oge-durum[b-2klwankadx] {
    flex: none;
    font-size: 0.74rem;
    font-weight: 600;
}

.hr-oge-alt[b-2klwankadx] {
    font-size: 0.78rem;
    color: var(--pn-metin-2);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hr-oge-risk[b-2klwankadx] {
    font-size: 0.75rem;
    font-weight: 620;
}

.hr-saat-kutu[b-2klwankadx] {
    flex: none;
    min-width: 50px;
    height: 38px;
    padding: 0 0.4rem;
    border-radius: 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--pn-sari-ton);
    border: 1px solid var(--pn-sari-kenar);
    color: var(--pn-sari);
    font-weight: 700;
    font-size: 0.82rem;
    font-variant-numeric: tabular-nums;
}

    .hr-saat-kutu.gecti[b-2klwankadx] {
        background: var(--pn-kirmizi-ton);
        border-color: var(--pn-kirmizi-kenar);
        color: var(--pn-kirmizi);
    }

.hr-liste-bos[b-2klwankadx] {
    margin: 1rem;
    text-align: center;
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

.hr-liste-not[b-2klwankadx] {
    display: flex;
    gap: 0.45rem;
    margin: 0;
    padding: 0.6rem 0.8rem 0.75rem;
    border-top: 1px solid var(--pn-kenar);
    font-size: 0.74rem;
    line-height: 1.4;
    color: var(--pn-metin-3);
}

.hr-iskelet-avatar[b-2klwankadx] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    flex: none;
}

.hr-iskelet-satir[b-2klwankadx] {
    display: block;
    height: 11px;
    border-radius: 6px;
    margin: 4px 0;
    width: 70%;
}

    .hr-iskelet-satir.kisa[b-2klwankadx] { width: 45%; }

/* ---------------------------------------------------------------- dar ekran */

@media (max-width: 1199.98px) {
    .hr-duzen[b-2klwankadx] {
        grid-template-columns: minmax(0, 1fr) 320px;
    }
}

@media (max-width: 899.98px) {
    .hr-ozet[b-2klwankadx] {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        margin: 0 -1rem 0.6rem;
        padding: 0 1rem 2px;
    }

        .hr-ozet[b-2klwankadx]::-webkit-scrollbar {
            display: none;
        }

    .hr-cip[b-2klwankadx] {
        flex: none;
    }

    .hr-gorunum[b-2klwankadx] {
        display: flex;
        width: 100%;
        margin-bottom: 0.6rem;
    }

        .hr-gorunum .pn-sekme[b-2klwankadx] {
            flex: 1 1 0;
            justify-content: center;
            gap: 0.4rem;
        }

    .hr-duzen[b-2klwankadx] {
        grid-template-columns: minmax(0, 1fr);
        height: auto;
        min-height: 0;
    }

        .hr-duzen.gorunum-liste .hr-harita-kart:not(.hr-tam-ekran)[b-2klwankadx] {
            display: none;
        }

        .hr-duzen.gorunum-harita .hr-liste[b-2klwankadx] {
            display: none;
        }

    .hr-harita-kart[b-2klwankadx] {
        height: calc(100dvh - 330px - env(safe-area-inset-bottom, 0px));
        min-height: 360px;
    }

        .hr-harita-kart.hr-tam-ekran[b-2klwankadx] {
            height: auto;
            min-height: 0;
        }

    .hr-liste[b-2klwankadx] {
        overflow: visible;
    }

    .hr-liste-ic[b-2klwankadx] {
        overflow: visible;
    }

    .hr-ortu-liste[b-2klwankadx] {
        display: inline-flex;
    }

    .hr-kart[b-2klwankadx] {
        left: 8px;
        right: 8px;
        bottom: 8px;
        width: auto;
        max-height: 58%;
    }

    .hr-lejant[b-2klwankadx] {
        top: 8px;
        left: 8px;
        right: 56px;
        border-radius: 12px;
    }

    .hr-takip[b-2klwankadx] {
        top: 8px;
        left: 8px;
        max-width: calc(100% - 56px);
    }

    .hr-katmanlar[b-2klwankadx] {
        top: 72px;
        left: 8px;
        right: 46px;
        width: auto;
        max-height: calc(100% - 84px);
    }

    .hr-araclar[b-2klwankadx] {
        top: 80px;
    }
}

@media (max-width: 899.98px) and (min-width: 600px) {
    .hr-lejant[b-2klwankadx] {
        right: auto;
    }
}
/* /Components/Pages/AcentePaneli/Musteriler.razor.rz.scp.css */
/* Müşteriler (cari) sayfası — panel.css (pn-*) üzerine yalnızca sayfaya özel ayrıntılar */

.mu-bilgi-kutusu[b-su0ddbjiuc] { margin-bottom: 1rem; }
.mu-uyari-eylem[b-su0ddbjiuc] { margin-top: 0.65rem; }

/* ---------------- Özet kartları ---------------- */
.mu-ozetler[b-su0ddbjiuc] { margin-bottom: 1rem; }
.mu-tiklanir-ozet[b-su0ddbjiuc] { cursor: pointer; transition: border-color 160ms ease, box-shadow 160ms ease; }
.mu-tiklanir-ozet:hover[b-su0ddbjiuc] { border-color: var(--pn-kenar-2); box-shadow: var(--pn-golge-2); }
.mu-iskelet-deger[b-su0ddbjiuc] { height: 30px; width: 62%; margin: 0.1rem 0; }

/* ---------------- Liste / tablo ---------------- */
.mu-iskeletler[b-su0ddbjiuc] { display: flex; flex-direction: column; gap: 0.6rem; padding: 1rem 1.25rem; }
.mu-iskelet-satir[b-su0ddbjiuc] { height: 44px; }
.mu-iskelet-kutu[b-su0ddbjiuc] { height: 72px; }

.mu-tablo td:first-child[b-su0ddbjiuc] { min-width: 260px; }
.mu-hucre-ad[b-su0ddbjiuc] { display: flex; align-items: center; gap: 0.75rem; min-width: 0; }
.mu-hucre-yazi[b-su0ddbjiuc] { display: flex; flex-direction: column; min-width: 0; flex: 1 1 auto; }
.mu-ad[b-su0ddbjiuc] { font-weight: 600; color: var(--pn-metin); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 360px; }
.mu-alt[b-su0ddbjiuc] { font-size: 0.78rem; color: var(--pn-metin-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 360px; }
.mu-tek[b-su0ddbjiuc] { white-space: nowrap; }
.mu-chevron[b-su0ddbjiuc] { color: var(--pn-metin-3); font-size: 0.85rem; }

.mu-borc[b-su0ddbjiuc] { color: var(--pn-kirmizi); font-weight: 650; }
.mu-fazla[b-su0ddbjiuc] { color: var(--pn-yesil); font-weight: 600; }
.mu-sifir[b-su0ddbjiuc] { color: var(--pn-metin-3); }

tr.mu-pasif td[b-su0ddbjiuc], tr.mu-pasif .mu-ad[b-su0ddbjiuc], .mu-pasif .pn-liste-baslik[b-su0ddbjiuc] { color: var(--pn-metin-3); }
.mu-pasif .pn-avatar[b-su0ddbjiuc] { background: var(--pn-gri-ton); color: var(--pn-gri); }

.mu-liste-tutar[b-su0ddbjiuc] { display: flex; flex-direction: column; align-items: flex-end; flex-shrink: 0; gap: 0.05rem; font-size: 0.92rem; }
.mu-liste-etiket[b-su0ddbjiuc] { font-size: 0.7rem; color: var(--pn-metin-3); }

.mu-kart-alt[b-su0ddbjiuc] { justify-content: space-between; }

/* ---------------- Ayrıntı penceresi ---------------- */
.mu-detay[b-su0ddbjiuc] { max-width: 860px; }
.mu-detay-bas[b-su0ddbjiuc] { display: flex; align-items: center; gap: 0.75rem; min-width: 0; flex: 1 1 auto; }
.mu-detay-avatar[b-su0ddbjiuc] { width: 42px; height: 42px; font-size: 1.05rem; }
.mu-detay-yazi[b-su0ddbjiuc] { min-width: 0; flex: 1 1 auto; }
.mu-detay-baslik[b-su0ddbjiuc] { font-size: 1.05rem; font-weight: 640; margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mu-detay-alt[b-su0ddbjiuc] { margin: 0.1rem 0 0; font-size: 0.82rem; color: var(--pn-metin-3); display: flex; align-items: center; gap: 0.35rem; flex-wrap: wrap; }
.mu-detay-alt strong[b-su0ddbjiuc] { font-weight: 650; }
.mu-detay-rozet[b-su0ddbjiuc] { height: 20px; font-size: 0.7rem; }

.mu-detay-sekmeler[b-su0ddbjiuc] { padding: 0.75rem 1.25rem; border-bottom: 1px solid var(--pn-kenar); flex-shrink: 0; }
.mu-detay-sekmeler .pn-sekmeler[b-su0ddbjiuc] { display: flex; width: 100%; }
.mu-sekme-ikon[b-su0ddbjiuc] { font-size: 0.9rem; }
.mu-sekme-kisa[b-su0ddbjiuc] { display: none; }
.mu-detay-govde[b-su0ddbjiuc] { min-height: min(460px, 58vh); }

/* Küçük özet kutuları */
.mu-mini-izgara[b-su0ddbjiuc] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; margin-bottom: 1.1rem; }
.mu-mini-izgara.dort[b-su0ddbjiuc] { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.mu-mini[b-su0ddbjiuc] {
    display: flex; flex-direction: column; gap: 0.15rem; min-width: 0;
    padding: 0.75rem 0.9rem; border-radius: 12px;
    background: var(--pn-yuzey-2); border: 1px solid var(--pn-kenar);
}
.mu-mini.vurgu[b-su0ddbjiuc] { background: var(--pn-kirmizi-ton); border-color: var(--pn-kirmizi-kenar); }
.mu-mini-etiket[b-su0ddbjiuc] { font-size: 0.75rem; color: var(--pn-metin-3); font-weight: 560; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mu-mini-deger[b-su0ddbjiuc] { font-size: 1.12rem; font-weight: 650; letter-spacing: -0.01em; color: var(--pn-metin); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mu-mini-alt[b-su0ddbjiuc] { font-size: 0.74rem; color: var(--pn-metin-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* Bilgi listesi */
.mu-bilgiler[b-su0ddbjiuc] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 1.5rem; margin: 0 0 1.1rem; }
.mu-bilgi[b-su0ddbjiuc] { padding: 0.6rem 0; border-bottom: 1px solid var(--pn-kenar); min-width: 0; }
.mu-bilgi.tam[b-su0ddbjiuc] { grid-column: 1 / -1; }
.mu-bilgi dt[b-su0ddbjiuc] { font-size: 0.74rem; font-weight: 560; color: var(--pn-metin-3); margin: 0; }
.mu-bilgi dd[b-su0ddbjiuc] { margin: 0.12rem 0 0; color: var(--pn-metin); overflow-wrap: anywhere; white-space: pre-line; }
.mu-baglanti[b-su0ddbjiuc] { color: var(--pn-vurgu-metin); text-decoration: none; }
.mu-baglanti:hover[b-su0ddbjiuc] { text-decoration: underline; }

.mu-eylemler[b-su0ddbjiuc] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; }

.mu-alt-bosluk[b-su0ddbjiuc] { margin-bottom: 1rem; }
.mu-ust-bosluk[b-su0ddbjiuc] { margin-top: 0.75rem; }
.mu-aciklama[b-su0ddbjiuc] { font-size: 0.86rem; color: var(--pn-metin-2); margin: 0 0 1rem; }
.mu-bos-metin[b-su0ddbjiuc] { font-size: 0.86rem; color: var(--pn-metin-3); margin: 0.5rem 0 0; text-align: center; padding: 1.25rem 0.5rem; }
.mu-bos-kucuk[b-su0ddbjiuc] { padding: 1.75rem 1rem; }
.mu-bos-yesil[b-su0ddbjiuc] { background: var(--pn-yesil-ton) !important; color: var(--pn-yesil) !important; }

.mu-cerceve[b-su0ddbjiuc] { border: 1px solid var(--pn-kenar); border-radius: 12px; overflow: hidden; background: var(--pn-yuzey); }
.mu-bolum-bas[b-su0ddbjiuc] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; flex-wrap: wrap;
    font-size: 0.8rem; font-weight: 600; color: var(--pn-metin-3); margin: 0 0.15rem 0.55rem;
}
.mu-ok[b-su0ddbjiuc] { font-size: 0.72rem; color: var(--pn-metin-3); margin: 0 0.15rem; }
.mu-sarmali[b-su0ddbjiuc] { white-space: normal; }
.mu-iki-satir[b-su0ddbjiuc] {
    white-space: normal; line-height: 1.35;
    display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;
}
/* Listelerdeki tutarlar alt satıra kaymasın */
.pn-liste-oge > .pn-sayi[b-su0ddbjiuc] { white-space: nowrap; flex-shrink: 0; }

/* Ekstre */
.mu-ekstre-filtre[b-su0ddbjiuc] { display: flex; align-items: flex-end; gap: 0.6rem 0.75rem; flex-wrap: wrap; margin-bottom: 1rem; }
.mu-tarih-alan[b-su0ddbjiuc] { width: 170px; }
.mu-donemler[b-su0ddbjiuc] { display: flex; gap: 0.4rem; flex-wrap: wrap; padding-bottom: 0.35rem; }
.mu-ekstre-tablo td[b-su0ddbjiuc] { padding-top: 0.6rem; padding-bottom: 0.6rem; }
.mu-ekstre-tablo th[b-su0ddbjiuc] { position: static; }
.mu-devir td[b-su0ddbjiuc] { background: var(--pn-yuzey-2); color: var(--pn-metin-2); }
.mu-ekstre-tablo tfoot td[b-su0ddbjiuc] {
    padding: 0.7rem 1rem; font-weight: 650; background: var(--pn-yuzey-2);
    border-top: 1px solid var(--pn-kenar); color: var(--pn-metin);
}
.mu-hareket[b-su0ddbjiuc] { display: inline-flex; align-items: center; gap: 0.5rem; }
.mu-nokta[b-su0ddbjiuc] { width: 8px; height: 8px; border-radius: 50%; background: var(--pn-vurgu); flex-shrink: 0; }
.mu-nokta.yesil[b-su0ddbjiuc] { background: var(--pn-yesil); }
.mu-devir-oge[b-su0ddbjiuc] { background: var(--pn-yuzey-2); }

/* Tahsilat ve özel fiyat formu */
.mu-form-kutu[b-su0ddbjiuc] { background: var(--pn-yuzey-2); border: 1px solid var(--pn-kenar); border-radius: 12px; padding: 1rem; margin-bottom: 1.1rem; }
.mu-form-alt[b-su0ddbjiuc] { display: flex; justify-content: flex-end; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.9rem; }
.mu-tutar-girdi[b-su0ddbjiuc] { padding-right: 2rem !important; }
.mu-para-birimi[b-su0ddbjiuc] { color: var(--pn-metin-3); font-weight: 600; padding-right: 0.55rem; pointer-events: none; }
.mu-link[b-su0ddbjiuc] {
    align-self: flex-start; background: none; border: none; padding: 0; margin: 0;
    color: var(--pn-vurgu-metin); font-family: inherit; font-size: 0.78rem; font-weight: 560; cursor: pointer; text-align: left;
}
.mu-link:hover[b-su0ddbjiuc] { text-decoration: underline; }
.mu-anahtar-kutu[b-su0ddbjiuc] { display: flex; align-items: center; gap: 0.65rem; min-height: 42px; cursor: pointer; font-size: 0.88rem; color: var(--pn-metin-2); margin: 0; }
.mu-kisa-metin[b-su0ddbjiuc] { min-height: 64px !important; }

/* Faturalanacak */
.mu-tumu[b-su0ddbjiuc] { font-size: 0.85rem; font-weight: 560; color: var(--pn-metin); }
.mu-fatura-oge[b-su0ddbjiuc] { user-select: none; }
.mu-fatura-oge.secili[b-su0ddbjiuc] { background: var(--pn-vurgu-ton); }
.mu-fatura-oge.secili:hover[b-su0ddbjiuc] { background: var(--pn-vurgu-ton-2); }
.mu-onay-kutusu[b-su0ddbjiuc] { width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: var(--pn-vurgu); cursor: pointer; }
.mu-fatura-alt[b-su0ddbjiuc] { justify-content: space-between; }
.mu-secim-ozet[b-su0ddbjiuc] { font-size: 0.86rem; color: var(--pn-metin-2); }
.mu-secim-ozet strong[b-su0ddbjiuc] { color: var(--pn-metin); }

/* Konum seçimi */
.mu-konum[b-su0ddbjiuc] { position: relative; }
/* Kutu + açılır liste (data-konum-kutusu): liste kutunun altında ya da yer yoksa üstünde açılır; yüksekliğini
   wwwroot/js/klavye.js görünen alana (klavyenin üstüne) göre ayarlar, buradaki max-height yalnızca yedektir. */
.mu-konum-kutu[b-su0ddbjiuc] { position: relative; }
.mu-konum-kutu input[b-su0ddbjiuc] { scroll-margin-top: 12px; }
.mu-konum-girdi[b-su0ddbjiuc] { padding-right: 2.2rem !important; }
.mu-secildi[b-su0ddbjiuc] { color: var(--pn-yesil); padding-right: 0.5rem; font-size: 0.95rem; }
.mu-konum-liste[b-su0ddbjiuc] {
    position: absolute; left: 0; right: 0; top: 100%; z-index: 30;
    margin-top: 0.3rem; max-height: 260px; overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid var(--pn-kenar-2); border-radius: 10px; background: var(--pn-yuzey); box-shadow: var(--pn-golge-2);
}
.mu-konum-oge[b-su0ddbjiuc] {
    display: flex; align-items: center; gap: 0.55rem; width: 100%; min-height: 40px; padding: 0.5rem 0.8rem; border: none; background: transparent;
    color: var(--pn-metin); font-family: inherit; font-size: 0.88rem; text-align: left; cursor: pointer;
}
.mu-konum-oge > i[b-su0ddbjiuc] { color: var(--pn-metin-3); flex-shrink: 0; font-size: 0.9rem; }
.mu-konum-oge > i.mu-konum-sik[b-su0ddbjiuc] { color: var(--pn-sari); }
.mu-konum-oge > span[b-su0ddbjiuc] { min-width: 0; overflow-wrap: anywhere; }
.mu-konum-oge + .mu-konum-oge[b-su0ddbjiuc] { border-top: 1px solid var(--pn-kenar); }
.mu-konum-oge:hover[b-su0ddbjiuc], .mu-konum-oge.secili[b-su0ddbjiuc] { background: var(--pn-vurgu-ton); color: var(--pn-vurgu-metin); }
.mu-konum-oge:hover > i[b-su0ddbjiuc], .mu-konum-oge.secili > i[b-su0ddbjiuc] { color: inherit; }
.mu-konum-grup[b-su0ddbjiuc] {
    padding: 0.55rem 0.8rem 0.25rem; font-size: 0.72rem; font-weight: 650; letter-spacing: 0.01em; color: var(--pn-metin-3);
    background: var(--pn-yuzey-2); border-top: 1px solid var(--pn-kenar);
}
.mu-konum-grup:first-child[b-su0ddbjiuc] { border-top: none; }
.mu-konum-bos[b-su0ddbjiuc] { padding: 0.7rem 0.8rem; font-size: 0.84rem; color: var(--pn-metin-3); }
/* Telefonda konum kutusu odaktayken pencerenin altında boşluk açılır: klavye.js kutuyu pencerenin üstüne kaydırabilir,
   liste de klavyenin üstünde aşağı doğru açılır (kısa içerikte kutu altta kalıp liste klavyenin arkasına düşmesin). */
.mu-konum-bosluk[b-su0ddbjiuc] { display: none; }
@media (pointer: coarse) {
    .mu-form-kutu:focus-within ~ .mu-konum-bosluk[b-su0ddbjiuc] { display: block; height: 60vh; }
}

/* Üst üste açılan pencereler (form / onay) arka planı fazla karartmasın */
.mu-ust-perde[b-su0ddbjiuc] { background: rgba(15, 23, 42, 0.28); }
.mu-onay-metin[b-su0ddbjiuc] { margin: 0; color: var(--pn-metin-2); line-height: 1.55; }

/* ---------------- Telefon ---------------- */
@media (max-width: 767.98px) {
    .mu-mini-izgara.dort[b-su0ddbjiuc] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 575.98px) {
    .mu-detay-sekmeler[b-su0ddbjiuc] { padding: 0.6rem 1rem; }
    .mu-detay-sekmeler .pn-sekme[b-su0ddbjiuc] { padding: 0 0.5rem; gap: 0.3rem; }
    .mu-detay-sekmeler .mu-sekme-ikon[b-su0ddbjiuc], .mu-detay-sekmeler .mu-sekme-uzun[b-su0ddbjiuc] { display: none; }
    .mu-detay-sekmeler .mu-sekme-kisa[b-su0ddbjiuc] { display: inline; }
    .mu-detay-govde[b-su0ddbjiuc] { min-height: 50vh; padding: 1rem; }
    .mu-mini-izgara[b-su0ddbjiuc] { gap: 0.5rem; }
    .mu-mini[b-su0ddbjiuc] { padding: 0.6rem 0.7rem; }
    .mu-mini-deger[b-su0ddbjiuc] { font-size: 0.98rem; }
    .mu-bilgiler[b-su0ddbjiuc] { grid-template-columns: minmax(0, 1fr); }
    .mu-eylemler .pn-esnek[b-su0ddbjiuc] { display: none; }
    .mu-eylemler > .pn-btn[b-su0ddbjiuc] { flex: 1 1 calc(50% - 0.25rem); }
    .mu-tarih-alan[b-su0ddbjiuc] { flex: 1 1 140px; width: auto; }
    .mu-form-kutu[b-su0ddbjiuc] { padding: 0.85rem; }
    .mu-form-alt > .pn-btn[b-su0ddbjiuc] { flex: 1 1 0; }
    .mu-secim-ozet[b-su0ddbjiuc] { flex: 1 1 100%; text-align: center; }
    .mu-iskeletler[b-su0ddbjiuc] { padding: 1rem; }
}
/* /Components/Pages/AcentePaneli/Seferler.razor.rz.scp.css */
/* =========================================================================
   SEFERLER SAYFASI (kapsamlı stil; önek sf-)
   Renkler panel.css'teki --pn-* değişkenlerinden gelir; açık/koyu tema otomatik.
   Tablo 1200px ve üzerinde, altında gün başlıklarıyla kart listesi gösterilir.
   ========================================================================= */

/* ------------------------------------------------------------ BAŞLIK */
.sf-esitle-kisa[b-wvrfbqrj75] {
    display: none;
}

@media (max-width: 767.98px) {
    /* Telefonda yeni sefer düğmesi alt menüde (+) duruyor; yalnızca "Eşitle" kalır */
    .sf-masaustu-eylem[b-wvrfbqrj75] {
        display: none;
    }

    .sf-esitle-uzun[b-wvrfbqrj75] {
        display: none;
    }

    .sf-esitle-kisa[b-wvrfbqrj75] {
        display: inline;
    }
}

/* ------------------------------------------------------------ ARAÇ ÇUBUĞU */
.sf-cubuk[b-wvrfbqrj75] {
    gap: 0.6rem 0.9rem;
    margin-bottom: 0.7rem;
}

.sf-arama[b-wvrfbqrj75] {
    flex: 1 1 280px;
    max-width: 400px;
}

    .sf-arama > .pn-girdi[b-wvrfbqrj75] {
        padding-right: 2.4rem;
    }

.sf-arama-sil[b-wvrfbqrj75] {
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    width: 34px;
    height: 34px;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-metin-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .sf-arama-sil:hover[b-wvrfbqrj75] {
        color: var(--pn-metin);
        background: var(--pn-yuzey-3);
    }

.sf-cipler[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.sf-aralik[b-wvrfbqrj75] {
    display: flex;
    align-items: flex-end;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding: 0.85rem 1rem;
    margin-bottom: 0.8rem;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    box-shadow: var(--pn-golge);
    animation: sf-belir-b-wvrfbqrj75 160ms ease-out;
}

    .sf-aralik .pn-alan[b-wvrfbqrj75] {
        flex: 0 1 190px;
    }

.sf-aralik-eylem[b-wvrfbqrj75] {
    display: flex;
    gap: 0.4rem;
    margin-left: auto;
}

@keyframes sf-belir-b-wvrfbqrj75 {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: none; }
}

.sf-sekme-satir[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 0.6rem 0.75rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.sf-sekme-sag[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-left: auto;
    min-width: 0;
}

.sf-musteri[b-wvrfbqrj75] {
    width: auto;
    min-width: 190px;
    max-width: 260px;
    min-height: 40px;
}

.sf-temizle[b-wvrfbqrj75] {
    color: var(--pn-metin-2);
}

/* Bakanlık uyarı şeridi */
.sf-serit[b-wvrfbqrj75] {
    align-items: center;
    margin-bottom: 1rem;
}

.sf-git[b-wvrfbqrj75] {
    font-size: 0.82rem;
    font-weight: 620;
    white-space: nowrap;
    flex-shrink: 0;
}

/* ------------------------------------------------------------ TABLO (MASAÜSTÜ) */
.sf-kart[b-wvrfbqrj75] {
    overflow: hidden;
}

.sf-tablo th[b-wvrfbqrj75],
.sf-tablo td[b-wvrfbqrj75] {
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

.sf-tablo th:first-child[b-wvrfbqrj75],
.sf-tablo td:first-child[b-wvrfbqrj75] {
    padding-left: 1.25rem;
}

.sf-tablo th:last-child[b-wvrfbqrj75],
.sf-tablo td:last-child[b-wvrfbqrj75] {
    padding-right: 0.9rem;
}

.sf-tablo td[b-wvrfbqrj75] {
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.sf-k-saat[b-wvrfbqrj75] {
    width: 1%;
    white-space: nowrap;
}

/* Genişliği paylaşan sütunlar: içerik taşarsa üç noktayla kısalır */
.sf-k-rota[b-wvrfbqrj75] {
    width: 30%;
    max-width: 0;
}

.sf-k-ekip[b-wvrfbqrj75] {
    width: 18%;
    max-width: 0;
}

.sf-k-musteri[b-wvrfbqrj75] {
    width: 15%;
    max-width: 0;
}

.sf-k-durum[b-wvrfbqrj75] {
    white-space: nowrap;
}

.sf-gizli-metin[b-wvrfbqrj75] {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
}

/* Gün başlığı satırı */
.sf-tablo tr.sf-gun td[b-wvrfbqrj75] {
    background: var(--pn-yuzey-2);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 0.8rem;
    color: var(--pn-metin-2);
}

.sf-tablo tbody tr.sf-gun:hover td[b-wvrfbqrj75] {
    background: var(--pn-yuzey-2);
}

.sf-gun-ic[b-wvrfbqrj75] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
}

.sf-gun-ad[b-wvrfbqrj75] {
    font-weight: 650;
    color: var(--pn-metin);
}

.sf-gun-tarih[b-wvrfbqrj75] {
    color: var(--pn-metin-3);
}

.sf-gun-ozet[b-wvrfbqrj75] {
    margin-left: auto;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

/* Saat */
.sf-saat[b-wvrfbqrj75] {
    display: block;
    font-weight: 650;
    font-size: 0.95rem;
    line-height: 1.3;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
}

.sf-no[b-wvrfbqrj75] {
    display: block;
    font-size: 0.74rem;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
}

.sf-satir.kuyruk .sf-no[b-wvrfbqrj75] {
    color: var(--pn-sari);
    font-weight: 600;
}

/* Güzergah: kalkış ve varış iki satır, noktaları çizgi birleştirir */
.sf-rota[b-wvrfbqrj75] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

    .sf-rota[b-wvrfbqrj75]::before {
        content: "";
        position: absolute;
        left: 3px;
        top: 0.62rem;
        bottom: 0.62rem;
        width: 2px;
        border-radius: 2px;
        background: var(--pn-kenar-2);
    }

.sf-rota-satir[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    font-size: 0.88rem;
    font-weight: 560;
    line-height: 1.35;
    color: var(--pn-metin);
}

.sf-rota-nokta[b-wvrfbqrj75] {
    position: relative;
    z-index: 1;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    border: 2px solid var(--pn-metin-3);
    background: var(--pn-yuzey);
    flex-shrink: 0;
}

.sf-rota-satir.varis .sf-rota-nokta[b-wvrfbqrj75] {
    border-color: var(--pn-vurgu);
    background: var(--pn-vurgu);
}

.sf-ekler[b-wvrfbqrj75] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.3rem;
    margin-top: 0.45rem;
    min-width: 0;
    max-width: 100%;
}

.sf-ucus[b-wvrfbqrj75] {
    height: 22px;
    font-size: 0.72rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sf-hata[b-wvrfbqrj75] {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: 0.76rem;
    line-height: 1.4;
    color: var(--pn-kirmizi);
    overflow-wrap: anywhere;
}

    .sf-hata i[b-wvrfbqrj75] {
        margin-right: 0.15rem;
    }

/* Ekip, müşteri, yolcu, ücret */
.sf-plaka[b-wvrfbqrj75] {
    display: block;
    font-weight: 600;
    font-size: 0.86rem;
    letter-spacing: 0.01em;
    font-variant-numeric: tabular-nums;
}

.sf-alt[b-wvrfbqrj75] {
    display: block;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
}

/* Müşteri: geniş ekranda ayrı sütun, daha dar masaüstünde ekip hücresinin üçüncü satırı */
.sf-ekip-musteri[b-wvrfbqrj75] {
    display: none;
}

    .sf-ekip-musteri i[b-wvrfbqrj75] {
        font-size: 0.78rem;
        margin-right: 0.15rem;
    }

@media (max-width: 1439.98px) {
    .sf-tablo .sf-k-musteri[b-wvrfbqrj75] {
        display: none;
    }

    .sf-ekip-musteri[b-wvrfbqrj75] {
        display: block;
    }
}

.sf-musteri-ad[b-wvrfbqrj75] {
    display: block;
    font-size: 0.86rem;
}

    .sf-musteri-ad.bos[b-wvrfbqrj75] {
        color: var(--pn-metin-3);
    }

.sf-yolcu[b-wvrfbqrj75] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    color: var(--pn-metin-2);
    font-weight: 560;
}

    .sf-yolcu i[b-wvrfbqrj75] {
        color: var(--pn-metin-3);
        font-size: 0.85rem;
    }

.sf-ucret[b-wvrfbqrj75] {
    font-weight: 600;
}

/* Şoförün bildirdiği adım: durum rozetinin altında */
.sf-k-durum .sf-adim[b-wvrfbqrj75] {
    display: flex;
    width: fit-content;
    margin-top: 0.35rem;
}

    .sf-k-durum .sf-adim:first-child[b-wvrfbqrj75] {
        margin-top: 0;
    }

/* Durum hücresindeki gönder düğmesi */
.sf-gonder[b-wvrfbqrj75] {
    display: flex;
    margin-top: 0.4rem;
    width: fit-content;
}

/* Satır sonu işlemleri */
.sf-eylemler[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.15rem;
}

    .sf-eylemler .pn-btn-hayalet[b-wvrfbqrj75] {
        color: var(--pn-metin-3);
    }

        .sf-eylemler .pn-btn-hayalet:hover:not(:disabled)[b-wvrfbqrj75] {
            color: var(--pn-metin);
        }

        .sf-eylemler .sf-tehlike:hover:not(:disabled)[b-wvrfbqrj75] {
            color: var(--pn-kirmizi);
            background: var(--pn-kirmizi-ton);
        }

/* Satır durumları */
.sf-satir.bitti .sf-saat[b-wvrfbqrj75] {
    color: var(--pn-metin-3);
}

.sf-satir.iptal .sf-saat[b-wvrfbqrj75],
.sf-satir.iptal .sf-rota-satir[b-wvrfbqrj75],
.sf-satir.iptal .sf-plaka[b-wvrfbqrj75] {
    color: var(--pn-metin-3);
}

    .sf-satir.iptal .sf-rota-satir .pn-tek-satir[b-wvrfbqrj75] {
        text-decoration: line-through;
        text-decoration-color: var(--pn-kenar-2);
    }

.sf-daha[b-wvrfbqrj75] {
    justify-content: space-between;
}

/* ------------------------------------------------------------ KART LİSTESİ (TELEFON / TABLET) */
.sf-dar[b-wvrfbqrj75] {
    display: none;
}

@media (max-width: 1199.98px) {
    .sf-genis[b-wvrfbqrj75] {
        display: none !important;
    }

    .sf-dar[b-wvrfbqrj75] {
        display: block;
    }
}

.sf-mgun[b-wvrfbqrj75] {
    display: flex;
    align-items: baseline;
    gap: 0.45rem;
    margin: 1.25rem 0.25rem 0.5rem;
    font-size: 0.84rem;
}

    .sf-mgun:first-child[b-wvrfbqrj75] {
        margin-top: 0;
    }

.sf-mliste[b-wvrfbqrj75] {
    overflow: hidden;
}

.sf-mkart[b-wvrfbqrj75] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    padding: 0.8rem 1rem 0.9rem;
    border-bottom: 1px solid var(--pn-kenar);
    min-width: 0;
}

    .sf-mkart:last-child[b-wvrfbqrj75] {
        border-bottom: none;
    }

    .sf-mkart.tiklanir[b-wvrfbqrj75] {
        cursor: pointer;
        transition: background var(--pn-gecis);
    }

        .sf-mkart.tiklanir:hover[b-wvrfbqrj75] {
            background: var(--pn-yuzey-2);
        }

        .sf-mkart.tiklanir:active[b-wvrfbqrj75] {
            background: var(--pn-yuzey-3);
        }

    .sf-mkart.iptal .sf-saat[b-wvrfbqrj75],
    .sf-mkart.iptal .sf-rota-satir[b-wvrfbqrj75] {
        color: var(--pn-metin-3);
    }

        .sf-mkart.iptal .sf-rota-satir .pn-tek-satir[b-wvrfbqrj75] {
            text-decoration: line-through;
            text-decoration-color: var(--pn-kenar-2);
        }

    .sf-mkart.bitti .sf-saat[b-wvrfbqrj75] {
        color: var(--pn-metin-3);
    }

.sf-mkart-ust[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    min-height: 32px;
}

    .sf-mkart-ust .sf-saat[b-wvrfbqrj75] {
        font-size: 1.02rem;
    }

    .sf-mkart-ust .pn-rozet[b-wvrfbqrj75] {
        min-width: 0;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sf-mdaha[b-wvrfbqrj75] {
    margin: -0.35rem -0.55rem -0.35rem 0;
    color: var(--pn-metin-3);
}

.sf-msil[b-wvrfbqrj75] {
    flex-shrink: 0;
}

.sf-mkart .sf-rota-satir[b-wvrfbqrj75] {
    font-size: 0.92rem;
}

.sf-mkart-alt[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
}

    .sf-mkart-alt i[b-wvrfbqrj75] {
        font-size: 0.82rem;
        margin-right: 0.1rem;
    }

.sf-mplaka[b-wvrfbqrj75] {
    color: var(--pn-metin-2);
    font-weight: 560;
    white-space: nowrap;
    flex-shrink: 0;
}

.sf-msofor[b-wvrfbqrj75] {
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sf-myolcu[b-wvrfbqrj75] {
    white-space: nowrap;
    flex-shrink: 0;
}

.sf-mayrac[b-wvrfbqrj75] {
    color: var(--pn-kenar-2);
    flex-shrink: 0;
}

.sf-mucret[b-wvrfbqrj75] {
    margin-left: auto;
    padding-left: 0.5rem;
    color: var(--pn-metin);
    font-weight: 620;
    font-size: 0.9rem;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    flex-shrink: 0;
}

.sf-mgonder[b-wvrfbqrj75] {
    align-self: flex-start;
    min-height: 36px;
}

.sf-mdaha-alan[b-wvrfbqrj75] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.6rem;
    margin-top: 1rem;
}

/* ------------------------------------------------------------ İSKELET */
.sf-iskelet-satir[b-wvrfbqrj75] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid var(--pn-kenar);
}

    .sf-iskelet-satir:last-child[b-wvrfbqrj75] {
        border-bottom: none;
    }

/* ------------------------------------------------------------ PENCERELER */
.sf-eylem-bas h2[b-wvrfbqrj75] {
    font-size: 1rem;
    display: block;
}

    .sf-eylem-bas h2 i[b-wvrfbqrj75] {
        font-size: 0.8rem;
        color: var(--pn-metin-3);
        margin: 0 0.15rem;
    }

.sf-eylem-bas p[b-wvrfbqrj75] {
    margin: 0.15rem 0 0;
}

.sf-eylem-liste[b-wvrfbqrj75] {
    padding: 0.35rem 0 max(0.5rem, env(safe-area-inset-bottom));
    overflow-y: auto;
}

    .sf-eylem-liste .pn-liste-oge[b-wvrfbqrj75] {
        min-height: 56px;
        border-bottom: none;
        cursor: pointer;
    }

.sf-eylem-tehlike .pn-liste-baslik[b-wvrfbqrj75] {
    color: var(--pn-kirmizi);
}

.sf-onay[b-wvrfbqrj75] {
    text-align: center;
    padding-top: 1.6rem;
}

.sf-onay-baslik[b-wvrfbqrj75] {
    font-size: 1.08rem;
    font-weight: 640;
    color: var(--pn-metin);
    margin: 0.9rem 0 0.35rem;
}

.sf-onay p[b-wvrfbqrj75] {
    margin: 0 0 0.35rem;
    color: var(--pn-metin-2);
}

.sf-onay-ozet[b-wvrfbqrj75] {
    display: inline-block;
    max-width: 100%;
    margin: 0.35rem 0 0.7rem;
    padding: 0.45rem 0.8rem;
    border-radius: 10px;
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
    font-size: 0.86rem;
    font-weight: 560;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.sf-onay .sf-onay-not[b-wvrfbqrj75] {
    font-size: 0.82rem;
    color: var(--pn-metin-3);
}

/* ------------------------------------------------------------ TELEFON */
@media (max-width: 767.98px) {
    .sf-arama[b-wvrfbqrj75] {
        flex-basis: 100%;
        max-width: none;
        min-width: 0;
    }

    /* Tarih çipleri telefonda iki satıra sarılır; seçili olan her zaman görünür */
    .sf-cipler[b-wvrfbqrj75] {
        gap: 0.35rem;
    }

        .sf-cipler .pn-cip[b-wvrfbqrj75] {
            min-height: 36px;
            padding: 0 0.7rem;
        }

    .sf-sekmeler[b-wvrfbqrj75] {
        width: 100%;
    }

        .sf-sekmeler .pn-sekme[b-wvrfbqrj75] {
            min-height: 38px;
        }

    .sf-sekme-sag[b-wvrfbqrj75] {
        width: 100%;
        margin-left: 0;
    }

    .sf-musteri[b-wvrfbqrj75] {
        flex: 1 1 auto;
        max-width: none;
        min-width: 0;
    }

    .sf-aralik .pn-alan[b-wvrfbqrj75] {
        flex: 1 1 140px;
    }

    .sf-aralik-eylem[b-wvrfbqrj75] {
        width: 100%;
    }

        .sf-aralik-eylem .pn-btn[b-wvrfbqrj75] {
            flex: 1 1 0;
        }

    .sf-serit .pn-esnek[b-wvrfbqrj75] {
        font-size: 0.84rem;
    }

    .sf-git[b-wvrfbqrj75] {
        font-size: 0;
    }

        .sf-git i[b-wvrfbqrj75] {
            font-size: 1rem;
        }
}

/* ------------------------------------------------------------ YAZDIRMA
   Voucher yazdırılırken yalnızca voucher şablonu basılır; sayfa içeriği boş sayfa üretmesin */
@media print {
    .sf-sayfa[b-wvrfbqrj75] {
        display: none !important;
    }
}
/* /Components/Pages/AcentePaneli/Tarifeler.razor.rz.scp.css */
/* Fiyat tarifeleri sayfası — panel.css (pn-*) üzerine yalnızca sayfaya özel ayrıntılar.
   Renkler yalnızca --pn-* değişkenleriyle verilir: açık ve koyu tema (html.dark-mode) kendiliğinden uyar. */

.ta-bilgi-kutusu[b-ikddqgu0uq] { margin-bottom: 1rem; }
.ta-uyari-eylem[b-ikddqgu0uq] { margin-top: 0.65rem; }

/* ---------------- Nasıl çalışır ---------------- */
.ta-rehber[b-ikddqgu0uq] { margin-bottom: 1rem; align-items: flex-start; }
.ta-rehber-adimlar[b-ikddqgu0uq] { margin: 0.35rem 0 0; padding-left: 1.15rem; color: var(--pn-metin-2); font-size: 0.85rem; line-height: 1.5; }
.ta-rehber-adimlar li + li[b-ikddqgu0uq] { margin-top: 0.15rem; }
.ta-rehber-adimlar b[b-ikddqgu0uq] { color: var(--pn-metin); font-weight: 620; }
.ta-rehber-kapat[b-ikddqgu0uq] { flex-shrink: 0; margin: -0.2rem -0.35rem 0 0; }

/* ---------------- Özet kutuları ---------------- */
.ta-ozetler[b-ikddqgu0uq] { margin-bottom: 1rem; }
.pn-ozet.ta-ozet-dugme[b-ikddqgu0uq] {
    font-family: inherit; text-align: left; cursor: pointer; color: inherit; width: 100%;
    transition: border-color var(--pn-gecis), box-shadow var(--pn-gecis), background var(--pn-gecis);
}
.pn-ozet.ta-ozet-dugme:hover:not(:disabled)[b-ikddqgu0uq] { border-color: var(--pn-kenar-2); box-shadow: var(--pn-golge-2); }
.pn-ozet.ta-ozet-dugme:focus-visible[b-ikddqgu0uq] { outline: none; box-shadow: var(--pn-odak); }
.pn-ozet.ta-ozet-dugme:disabled[b-ikddqgu0uq] { cursor: default; }
.pn-ozet.ta-ozet-dugme.secili[b-ikddqgu0uq] { border-color: var(--pn-vurgu); box-shadow: 0 0 0 1px var(--pn-vurgu) inset; }

/* ---------------- Tek dokunuşla öneriler ---------------- */
.ta-oneri-kart[b-ikddqgu0uq] { margin-bottom: 1rem; }
.ta-hizli-oneri[b-ikddqgu0uq] { gap: 0.75rem; }
.ta-oneri-ekle[b-ikddqgu0uq] { flex-shrink: 0; font-variant-numeric: tabular-nums; }

/* ---------------- Araç çubuğu ve filtreler ---------------- */
.ta-arac[b-ikddqgu0uq] { margin-bottom: 0.6rem; }
.ta-siralama[b-ikddqgu0uq] { width: auto; flex: 0 1 200px; min-width: 170px; }
.ta-filtre-satiri[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.6rem; flex-wrap: wrap; margin-bottom: 1rem; }
.ta-kisi-filtre[b-ikddqgu0uq] { width: auto; min-width: 190px; max-width: 280px; flex: 0 1 230px; }
.ta-sapan-cip > i[b-ikddqgu0uq] { color: var(--pn-sari); }
.ta-sapan-cip.aktif > i[b-ikddqgu0uq] { color: inherit; }

/* ---------------- Kart başı ve seçim çubuğu ---------------- */
.ta-kart-eylemler[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.ta-aktif-dugme[b-ikddqgu0uq] { background: var(--pn-vurgu-ton); color: var(--pn-vurgu-metin); }
.ta-secim-cubugu[b-ikddqgu0uq] {
    display: flex; align-items: center; justify-content: space-between; gap: 0.6rem 0.9rem; flex-wrap: wrap;
    padding: 0.6rem 1.25rem; background: var(--pn-vurgu-ton); border-bottom: 1px solid var(--pn-vurgu-ton-2);
}
.ta-secim-sayi[b-ikddqgu0uq] { font-size: 0.86rem; color: var(--pn-vurgu-metin); display: flex; align-items: center; flex-wrap: wrap; gap: 0.25rem 0.6rem; }
.ta-gizli-secim[b-ikddqgu0uq] { display: inline-flex; align-items: center; gap: 0.3rem; font-size: 0.8rem; color: var(--pn-sari); }
.ta-metin-dugme[b-ikddqgu0uq] {
    border: none; background: transparent; padding: 0.15rem 0.2rem; font: inherit; font-weight: 600;
    color: var(--pn-vurgu-metin); text-decoration: underline; cursor: pointer; border-radius: 4px;
}
.ta-metin-dugme:focus-visible[b-ikddqgu0uq] { outline: none; box-shadow: var(--pn-odak); }
.ta-secim-eylemler[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.3rem; flex-wrap: wrap; }
.ta-secim-eylemler .pn-btn-hayalet[b-ikddqgu0uq] { color: var(--pn-metin); }
.ta-secim-eylemler .pn-btn-hayalet:hover:not(:disabled)[b-ikddqgu0uq] { background: var(--pn-yuzey); }

/* ---------------- Liste / tablo ---------------- */
.ta-iskeletler[b-ikddqgu0uq] { display: flex; flex-direction: column; gap: 0.6rem; padding: 1rem 1.25rem; }
.ta-iskelet-ic[b-ikddqgu0uq] { padding: 0; }
.ta-iskelet-satir[b-ikddqgu0uq] { height: 48px; }

.ta-tablo td:nth-child(2)[b-ikddqgu0uq] { min-width: 280px; }
.ta-sec-hucre[b-ikddqgu0uq] { padding-right: 0 !important; }
.ta-onay-kutusu[b-ikddqgu0uq] { width: 18px; height: 18px; margin: 0; flex-shrink: 0; accent-color: var(--pn-vurgu); cursor: pointer; vertical-align: middle; }
.ta-th-ek[b-ikddqgu0uq] { font-weight: 500; color: var(--pn-metin-3); }
.pn-tablo tbody tr.ta-secili td[b-ikddqgu0uq] { background: var(--pn-vurgu-ton); }

.ta-rota[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; font-weight: 600; color: var(--pn-metin); }
.ta-yer[b-ikddqgu0uq] { min-width: 0; overflow-wrap: anywhere; }
.ta-ok[b-ikddqgu0uq] { font-size: 0.8rem; color: var(--pn-metin-3); flex-shrink: 0; }
.ta-rota-alt[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.35rem 0.5rem; flex-wrap: wrap; margin-top: 0.3rem; min-width: 0; }
.ta-kucuk-rozet[b-ikddqgu0uq] { height: 21px; font-size: 0.7rem; padding: 0 0.5rem; }
.ta-aciklama-metin[b-ikddqgu0uq] { font-size: 0.78rem; color: var(--pn-metin-3); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; min-width: 0; max-width: 260px; }
.ta-ad-rozet[b-ikddqgu0uq] { max-width: 220px; }
.ta-ad[b-ikddqgu0uq] { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; min-width: 0; }
.ta-ek-not[b-ikddqgu0uq] { display: block; margin-top: 0.2rem; font-size: 0.72rem; color: var(--pn-metin-3); }

.ta-kullanim[b-ikddqgu0uq] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.1rem; min-width: 150px; }
.ta-kullanim-ust[b-ikddqgu0uq] { font-size: 0.84rem; color: var(--pn-metin-2); white-space: nowrap; }
.ta-kullanim-ust strong[b-ikddqgu0uq] { color: var(--pn-metin); font-weight: 650; }
.ta-kullanim-alt[b-ikddqgu0uq] { font-size: 0.76rem; color: var(--pn-metin-3); white-space: nowrap; }
.ta-sapan-rozet[b-ikddqgu0uq] { margin-top: 0.2rem; }

/* Fiyat: dokununca satır içinde düzenlenir */
.ta-fiyat-dugme[b-ikddqgu0uq] {
    display: inline-flex; align-items: center; gap: 0.4rem; min-height: 34px; padding: 0 0.55rem; margin-right: -0.55rem;
    border: 1px solid transparent; border-radius: 8px; background: transparent; color: inherit;
    font-family: inherit; cursor: pointer; white-space: nowrap; transition: border-color var(--pn-gecis), background var(--pn-gecis);
}
.ta-fiyat-dugme:hover[b-ikddqgu0uq] { border-color: var(--pn-kenar-2); background: var(--pn-yuzey); }
.ta-fiyat-dugme:focus-visible[b-ikddqgu0uq] { outline: none; box-shadow: var(--pn-odak); }
.ta-fiyat-metin[b-ikddqgu0uq] { font-weight: 650; font-size: 0.95rem; color: var(--pn-metin); font-variant-numeric: tabular-nums; }
.ta-fiyat-kalem[b-ikddqgu0uq] { font-size: 0.75rem; color: var(--pn-metin-3); opacity: 0; transition: opacity var(--pn-gecis); }
.ta-fiyat-dugme:hover .ta-fiyat-kalem[b-ikddqgu0uq], .ta-fiyat-dugme:focus-visible .ta-fiyat-kalem[b-ikddqgu0uq] { opacity: 1; }

.ta-hizli-fiyat[b-ikddqgu0uq] { display: inline-flex; align-items: center; gap: 0.3rem; justify-content: flex-end; }
.ta-hizli-grup[b-ikddqgu0uq] { width: 124px; }
.ta-hizli-grup > .pn-girdi[b-ikddqgu0uq] { min-height: 34px; padding: 0.35rem 1.9rem 0.35rem 0.65rem; text-align: right; font-variant-numeric: tabular-nums; }
.ta-hizli-grup > i + .pn-girdi[b-ikddqgu0uq] { padding-left: 2.1rem; }

.ta-satir-eylem[b-ikddqgu0uq] { display: flex; gap: 0.15rem; justify-content: flex-end; }

tr.ta-pasif .ta-rota[b-ikddqgu0uq], tr.ta-pasif .ta-fiyat-metin[b-ikddqgu0uq], .ta-pasif .pn-liste-baslik[b-ikddqgu0uq], .ta-pasif .ta-fiyat-metin[b-ikddqgu0uq] { color: var(--pn-metin-3); }
tr.ta-pasif .ta-rota[b-ikddqgu0uq] { text-decoration: line-through; text-decoration-color: var(--pn-kenar-2); }

.ta-sarmali[b-ikddqgu0uq] {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.35;
}
/* Listelerdeki tutarlar alt satıra kaymasın */
.pn-liste-oge > .pn-sayi[b-ikddqgu0uq] { white-space: nowrap; flex-shrink: 0; }
.ta-ok-metin[b-ikddqgu0uq] { color: var(--pn-metin-3); font-weight: 500; margin: 0 0.1rem; }

/* Telefon kartları */
.ta-kart-oge[b-ikddqgu0uq] { flex-wrap: wrap; align-items: flex-start; gap: 0.7rem; }
.ta-kart-oge.ta-secili[b-ikddqgu0uq] { background: var(--pn-vurgu-ton); }
.ta-kart-oge:focus-visible[b-ikddqgu0uq] { outline: none; box-shadow: var(--pn-odak) inset; }
.ta-kart-onay[b-ikddqgu0uq] { margin-top: 0.45rem; }
/* Gövde esnek genişlikte kalır (taşmaz, alt satıra düşmez); yalnızca satır içi fiyat düzenleyici tam satır alır */
.ta-kart-govde[b-ikddqgu0uq] { display: flex; flex-direction: column; gap: 0.3rem; flex: 1 1 0%; min-width: 0; }
.ta-kart-govde .ta-sarmali[b-ikddqgu0uq] { -webkit-line-clamp: 3; }
.ta-kart-govde .pn-liste-alt[b-ikddqgu0uq] { white-space: normal; }
.ta-rozetler[b-ikddqgu0uq] { display: flex; flex-wrap: wrap; gap: 0.3rem; min-width: 0; }
.ta-rozetler .ta-ad-rozet[b-ikddqgu0uq] { max-width: 100%; }
.ta-kart-fiyat[b-ikddqgu0uq] { flex-shrink: 0; margin-right: -0.4rem; }
.ta-kart-fiyat .ta-fiyat-kalem[b-ikddqgu0uq] { opacity: 1; }
.ta-hizli-mobil[b-ikddqgu0uq] { flex: 1 1 100%; justify-content: stretch; padding-top: 0.15rem; }
.ta-hizli-mobil .ta-hizli-grup[b-ikddqgu0uq] { flex: 1 1 auto; width: auto; }
.ta-hizli-mobil .ta-hizli-grup > .pn-girdi[b-ikddqgu0uq] { min-height: 40px; }

.ta-kart-alt[b-ikddqgu0uq] { justify-content: space-between; }

/* ---------------- Boş durum ---------------- */
.ta-bos-eylemler[b-ikddqgu0uq] { display: flex; gap: 0.5rem; justify-content: center; flex-wrap: wrap; }
.ta-adimlar[b-ikddqgu0uq] { list-style: none; margin: 0 auto 1.25rem; padding: 0; max-width: 440px; text-align: left; display: flex; flex-direction: column; gap: 0.6rem; }
.ta-adimlar li[b-ikddqgu0uq] { display: flex; align-items: flex-start; gap: 0.7rem; font-size: 0.86rem; color: var(--pn-metin-2); line-height: 1.45; }
.ta-adim-no[b-ikddqgu0uq] {
    width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;
    background: var(--pn-vurgu-ton); color: var(--pn-vurgu-metin); font-size: 0.75rem; font-weight: 700;
}
.ta-adimlar strong[b-ikddqgu0uq] { color: var(--pn-metin); font-weight: 620; }

/* ---------------- Form ---------------- */
.ta-form-pencere[b-ikddqgu0uq] { max-width: 640px; }
.ta-alt-bosluk[b-ikddqgu0uq] { margin-bottom: 1rem; }

.ta-kapsam-secici[b-ikddqgu0uq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; }
.ta-kapsam-secici.iki[b-ikddqgu0uq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.ta-kapsam[b-ikddqgu0uq] {
    display: flex; align-items: flex-start; gap: 0.55rem; min-height: 58px; padding: 0.6rem 0.7rem; text-align: left;
    border: 1px solid var(--pn-kenar-2); border-radius: var(--pn-yaricap-k); background: var(--pn-yuzey); color: var(--pn-metin-2);
    font-family: inherit; cursor: pointer; transition: border-color var(--pn-gecis), background var(--pn-gecis), color var(--pn-gecis);
}
.ta-kapsam > i[b-ikddqgu0uq] { font-size: 1.05rem; line-height: 1.3; color: var(--pn-metin-3); }
.ta-kapsam:hover[b-ikddqgu0uq] { border-color: var(--pn-metin-3); color: var(--pn-metin); }
.ta-kapsam:focus-visible[b-ikddqgu0uq] { outline: none; box-shadow: var(--pn-odak); }
.ta-kapsam.aktif[b-ikddqgu0uq] { border-color: var(--pn-vurgu); background: var(--pn-vurgu-ton); color: var(--pn-vurgu-metin); }
.ta-kapsam.aktif > i[b-ikddqgu0uq] { color: var(--pn-vurgu-metin); }
.ta-kapsam-yazi[b-ikddqgu0uq] { display: flex; flex-direction: column; min-width: 0; }
.ta-kapsam-yazi strong[b-ikddqgu0uq] { font-size: 0.86rem; font-weight: 620; line-height: 1.3; }
.ta-kapsam-yazi small[b-ikddqgu0uq] { font-size: 0.74rem; color: var(--pn-metin-3); line-height: 1.3; margin-top: 0.1rem; }

.ta-konum[b-ikddqgu0uq] { position: relative; }
.ta-konum-girdi[b-ikddqgu0uq] { padding-right: 2.2rem !important; }
.ta-secildi[b-ikddqgu0uq] { color: var(--pn-yesil); padding-right: 0.5rem; font-size: 0.95rem; }
/* Liste pencerenin / sayfanın üzerinde açılır (position: fixed): alttaki alanları itmez, pencereyi kaydırmaz, pencere kenarında
   kırpılmaz. Konumunu, genişliğini ve yüksekliğini klavye.js (data-konum-liste="yuzen") kutuya göre ayarlar; altta yer yoksa
   kutunun üstüne açar. Betik çalışmazsa liste kutunun hemen altında (akıştaki yerinde) görünür. */
.ta-konum-liste[b-ikddqgu0uq] {
    position: fixed; z-index: 60; min-width: 240px; max-width: calc(100vw - 16px);
    margin-top: 0.3rem; max-height: 280px; overflow-y: auto; overscroll-behavior: contain;
    border: 1px solid var(--pn-kenar-2); border-radius: 10px; background: var(--pn-yuzey);
    box-shadow: 0 14px 36px -10px rgba(15, 23, 42, 0.32), 0 2px 6px rgba(15, 23, 42, 0.08);
}
.ta-konum-grup[b-ikddqgu0uq] {
    padding: 0.5rem 0.8rem 0.25rem; font-size: 0.7rem; font-weight: 650; letter-spacing: 0.04em; text-transform: uppercase;
    color: var(--pn-metin-3); background: var(--pn-yuzey-2);
}
.ta-konum-oge[b-ikddqgu0uq] {
    display: flex; align-items: center; gap: 0.55rem; width: 100%; min-height: 42px; padding: 0.5rem 0.8rem; border: none; background: transparent;
    color: var(--pn-metin); font-family: inherit; font-size: 0.88rem; text-align: left; cursor: pointer;
}
.ta-konum-oge > i[b-ikddqgu0uq] { color: var(--pn-metin-3); font-size: 0.9rem; flex-shrink: 0; }
.ta-konum-oge > i.ta-sik[b-ikddqgu0uq] { color: var(--pn-sari); }
.ta-konum-oge > span[b-ikddqgu0uq] { min-width: 0; overflow-wrap: anywhere; }
.ta-konum-oge + .ta-konum-oge[b-ikddqgu0uq] { border-top: 1px solid var(--pn-kenar); }
.ta-konum-oge:hover[b-ikddqgu0uq], .ta-konum-oge.vurgulu[b-ikddqgu0uq] { background: var(--pn-yuzey-2); }
.ta-konum-oge.secili[b-ikddqgu0uq] { background: var(--pn-vurgu-ton); color: var(--pn-vurgu-metin); }
.ta-konum-bos[b-ikddqgu0uq] { padding: 0.7rem 0.8rem; font-size: 0.84rem; color: var(--pn-metin-3); }
.ta-cevir[b-ikddqgu0uq] { margin-top: -0.4rem; align-items: flex-start; }

.ta-kucuk-uyari[b-ikddqgu0uq] { padding: 0.65rem 0.8rem; font-size: 0.84rem; }
.ta-satir-ici[b-ikddqgu0uq] { min-height: 28px; margin: 0.15rem 0 0 0.1rem; padding: 0 0.5rem; color: var(--pn-vurgu-metin); }

.ta-tutar-girdi[b-ikddqgu0uq] { padding-right: 2rem !important; }
.ta-para-birimi[b-ikddqgu0uq] { color: var(--pn-metin-3); font-weight: 600; padding-right: 0.55rem; pointer-events: none; }
.ta-fiyat-cipleri[b-ikddqgu0uq] { display: flex; flex-wrap: wrap; gap: 0.35rem; margin-top: 0.15rem; }
.ta-kucuk-cip[b-ikddqgu0uq] { min-height: 28px; padding: 0 0.6rem; font-size: 0.76rem; font-variant-numeric: tabular-nums; }

.ta-anahtar-satir[b-ikddqgu0uq] { padding: 0.65rem 0; }
.ta-anahtar-satir:first-child[b-ikddqgu0uq] { padding-top: 0; }
.ta-anahtar-satir .baslik > i[b-ikddqgu0uq] { color: var(--pn-sari); font-size: 0.85rem; margin-right: 0.15rem; }
.ta-zorunlu-satir.acik[b-ikddqgu0uq] {
    background: var(--pn-sari-ton); border: 1px solid var(--pn-sari-kenar); border-radius: var(--pn-yaricap-k);
    padding: 0.65rem 0.8rem; margin: 0.25rem 0;
}
.ta-sabit-deger[b-ikddqgu0uq] {
    display: flex; align-items: center; gap: 0.45rem; min-height: 42px; padding: 0 0.8rem;
    border-radius: var(--pn-yaricap-k); background: var(--pn-yuzey-3); color: var(--pn-metin-2); font-size: 0.9rem;
}

/* Düzenlemede kullanım kutusu */
.ta-kullanim-kutu[b-ikddqgu0uq] {
    margin-top: 1.1rem; padding: 0.9rem 1rem; border: 1px solid var(--pn-kenar); border-radius: 12px; background: var(--pn-yuzey-2);
    display: flex; flex-direction: column; gap: 0.7rem;
}
.ta-kutu-baslik[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.45rem; font-size: 0.82rem; font-weight: 620; color: var(--pn-metin-2); }
.ta-kutu-baslik > i[b-ikddqgu0uq] { color: var(--pn-metin-3); }
.ta-kullanim-izgara[b-ikddqgu0uq] { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.6rem; }
.ta-kullanim-izgara > div[b-ikddqgu0uq] { display: flex; flex-direction: column; gap: 0.1rem; min-width: 0; }
.ta-kullanim-izgara span[b-ikddqgu0uq] { font-size: 0.74rem; color: var(--pn-metin-3); }
.ta-kullanim-izgara strong[b-ikddqgu0uq] { font-size: 0.95rem; font-weight: 650; color: var(--pn-metin); font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ta-yesil-ipucu[b-ikddqgu0uq] { color: var(--pn-yesil); display: flex; align-items: center; gap: 0.35rem; }
.ta-son-seferler[b-ikddqgu0uq] { display: flex; flex-direction: column; align-items: flex-start; gap: 0.4rem; }
.ta-son-seferler > .pn-btn[b-ikddqgu0uq] { margin-left: -0.5rem; }
.ta-sefer-listesi[b-ikddqgu0uq] { width: 100%; border: 1px solid var(--pn-kenar); border-radius: 10px; background: var(--pn-yuzey); max-height: 260px; overflow-y: auto; }
.ta-sefer-satiri[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.6rem; padding: 0.5rem 0.75rem; font-size: 0.82rem; min-width: 0; }
.ta-sefer-satiri + .ta-sefer-satiri[b-ikddqgu0uq] { border-top: 1px solid var(--pn-kenar); }
.ta-sefer-satiri.farkli[b-ikddqgu0uq] { background: var(--pn-sari-ton); }
.ta-sefer-tarih[b-ikddqgu0uq] { color: var(--pn-metin-3); white-space: nowrap; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.ta-sefer-kim[b-ikddqgu0uq] { flex: 1 1 auto; color: var(--pn-metin-2); }
.ta-sefer-ucret[b-ikddqgu0uq] { display: inline-flex; align-items: center; gap: 0.35rem; font-weight: 620; white-space: nowrap; font-variant-numeric: tabular-nums; flex-shrink: 0; }

.ta-sol[b-ikddqgu0uq] { margin-right: auto; }

/* ---------------- Toplu fiyat ---------------- */
.ta-secenekler[b-ikddqgu0uq] { display: flex; flex-direction: column; gap: 0.45rem; margin: 0.15rem 0; }
.ta-tur-sekmeleri[b-ikddqgu0uq] { width: 100%; }
.ta-tur-sekmeleri .pn-sekme[b-ikddqgu0uq] { flex: 1 1 0; justify-content: center; }
.ta-yon-secici[b-ikddqgu0uq] { display: flex; gap: 0.4rem; margin-top: -0.35rem; }
.ta-onizleme[b-ikddqgu0uq] { border: 1px solid var(--pn-kenar); border-radius: 12px; background: var(--pn-yuzey-2); padding: 0.85rem 1rem; display: flex; flex-direction: column; gap: 0.55rem; }
.ta-onizleme-ozet[b-ikddqgu0uq] { margin: 0; font-size: 0.86rem; color: var(--pn-metin-2); display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; }
.ta-onizleme-ozet strong[b-ikddqgu0uq] { color: var(--pn-metin); }
.ta-onizleme-liste[b-ikddqgu0uq] { display: flex; flex-direction: column; border: 1px solid var(--pn-kenar); border-radius: 10px; background: var(--pn-yuzey); overflow: hidden; }
.ta-onizleme-satiri[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.75rem; padding: 0.5rem 0.75rem; font-size: 0.83rem; min-width: 0; }
.ta-onizleme-satiri + .ta-onizleme-satiri[b-ikddqgu0uq] { border-top: 1px solid var(--pn-kenar); }
.ta-onizleme-fiyat[b-ikddqgu0uq] { display: inline-flex; align-items: center; gap: 0.35rem; white-space: nowrap; font-variant-numeric: tabular-nums; flex-shrink: 0; }
.ta-onizleme-fiyat > i[b-ikddqgu0uq] { font-size: 0.75rem; color: var(--pn-metin-3); }
.ta-eski[b-ikddqgu0uq] { text-decoration: line-through; }
.ta-artis[b-ikddqgu0uq] { color: var(--pn-yesil); font-size: 0.76rem; }
.ta-azalis[b-ikddqgu0uq] { color: var(--pn-kirmizi); font-size: 0.76rem; }

/* ---------------- Öneriler ---------------- */
.ta-aciklama[b-ikddqgu0uq] { font-size: 0.86rem; color: var(--pn-metin-2); margin: 0 0 1rem; }
.ta-oneri-govde[b-ikddqgu0uq] { min-height: min(420px, 55vh); }
.ta-oneri-bas[b-ikddqgu0uq] { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; margin: 0 0.15rem 0.55rem; }
.ta-cerceve[b-ikddqgu0uq] { border: 1px solid var(--pn-kenar); border-radius: 12px; overflow: hidden; background: var(--pn-yuzey); }
.ta-oneri[b-ikddqgu0uq] { gap: 0.75rem; }
.ta-oneri.secili[b-ikddqgu0uq] { background: var(--pn-vurgu-ton); }
.ta-oneri-yazi[b-ikddqgu0uq] { cursor: pointer; user-select: none; }
.ta-oneri-kontrol[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.5rem; flex-shrink: 0; }
.ta-yon-cip[b-ikddqgu0uq] { min-width: 96px; justify-content: center; }
.ta-oneri.secili .ta-yon-cip[b-ikddqgu0uq] { background: var(--pn-yuzey); border-color: var(--pn-vurgu-ton-2); }
.ta-oneri-fiyat[b-ikddqgu0uq] { width: 120px; }
.ta-oneri-fiyat .pn-girdi[b-ikddqgu0uq] { min-height: 36px; padding-left: 0.7rem; text-align: right; }
.ta-oneri-alt[b-ikddqgu0uq] { justify-content: flex-end; }
.ta-secim-ozet[b-ikddqgu0uq] { margin-right: auto; font-size: 0.86rem; color: var(--pn-metin-2); }
.ta-bos-kucuk[b-ikddqgu0uq] { padding: 1.75rem 1rem; }

/* ---------------- Toplu giriş: ilin tüm ilçeleri ---------------- */
/* Toplu giriş > İlin tüm ilçeleri: "Tek kalkıştan" / "İl içi tüm güzergahlar" seçimi */
.ta-il-tur[b-ikddqgu0uq] { display: flex; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.85rem; }
.ta-il-ust[b-ikddqgu0uq] { display: grid; grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr)); gap: 0.75rem 1rem; margin-bottom: 0.85rem; }
.ta-il-ust .pn-alan[b-ikddqgu0uq] { margin: 0; }
.ta-il-ust .ta-tutar-girdi[b-ikddqgu0uq] { padding-left: 0.7rem; text-align: right; font-variant-numeric: tabular-nums; }
.ta-il-liste-bas[b-ikddqgu0uq] { display: flex; align-items: center; justify-content: space-between; gap: 0.35rem 0.75rem; flex-wrap: wrap; margin: 0 0.15rem 0.5rem; }
.ta-il-sayi[b-ikddqgu0uq] { font-size: 0.8rem; color: var(--pn-metin-3); }
.ta-il-satir[b-ikddqgu0uq] { cursor: pointer; }
.ta-il-satir:hover[b-ikddqgu0uq] { background: var(--pn-yuzey-2); }
.ta-il-satir.disari .ta-toplu-ad[b-ikddqgu0uq] { opacity: 0.55; }
.ta-il-satir.disari .ta-toplu-ad > strong[b-ikddqgu0uq] { text-decoration: line-through; text-decoration-color: var(--pn-kenar-2); }
.ta-il-fiyat[b-ikddqgu0uq] {
    display: flex; flex-direction: column; align-items: flex-end; gap: 0.1rem; flex-shrink: 0;
    font-size: 0.86rem; font-weight: 650; color: var(--pn-metin); white-space: nowrap; font-variant-numeric: tabular-nums;
}
.ta-il-fiyat i[b-ikddqgu0uq] { font-size: 0.72rem; color: var(--pn-metin-3); margin-right: 0.3rem; }
.ta-il-ucak[b-ikddqgu0uq] { font-size: 0.82rem; color: var(--pn-metin-3); margin-right: 0.3rem; }

/* ---------------- Toplu giriş ---------------- */
.ta-toplu-pencere[b-ikddqgu0uq] { max-width: 880px; }
.ta-toplu-govde[b-ikddqgu0uq] { min-height: min(520px, 62vh); }
.ta-toplu-sekmeler[b-ikddqgu0uq] { width: 100%; margin-bottom: 0.75rem; }
.ta-toplu-sekmeler .pn-sekme[b-ikddqgu0uq] { flex: 1 1 0; justify-content: center; }
.ta-toplu-ust[b-ikddqgu0uq] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.75rem 1rem; margin-bottom: 0.85rem; }
.ta-toplu-ust .pn-alan[b-ikddqgu0uq] { margin: 0; }
.ta-toplu-arac[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.5rem; flex-wrap: wrap; margin-bottom: 0.6rem; }
.ta-toplu-il[b-ikddqgu0uq] { flex: 0 1 210px; min-width: 160px; width: auto; }
.ta-toplu-ara[b-ikddqgu0uq] { flex: 1 1 200px; min-width: 0; }
.ta-toplu-hizli[b-ikddqgu0uq] {
    display: flex; align-items: center; gap: 0.45rem; flex-wrap: wrap; padding: 0.55rem 0.7rem; margin-bottom: 0.6rem;
    border: 1px solid var(--pn-kenar); border-radius: 10px; background: var(--pn-yuzey-2); font-size: 0.84rem; color: var(--pn-metin-2);
}
.ta-toplu-hizli-grup[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.4rem; flex-wrap: wrap; }
.ta-toplu-hizli .ta-toplu-tutar[b-ikddqgu0uq] { width: 112px; }
.ta-toplu-hizli .ta-toplu-tutar > .pn-girdi[b-ikddqgu0uq] { min-height: 34px; text-align: right; }
.ta-toplu-hizli .pn-girdi[b-ikddqgu0uq] { min-height: 34px; font-size: 0.84rem; }
.ta-toplu-kopya[b-ikddqgu0uq] { width: auto; max-width: 260px; }
.ta-toplu-ayrac[b-ikddqgu0uq] { width: 1px; align-self: stretch; background: var(--pn-kenar); margin: 0 0.2rem; }

.ta-toplu-liste[b-ikddqgu0uq] { display: flex; flex-direction: column; }
.ta-toplu-satir[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.65rem; padding: 0.4rem 0.75rem; min-height: 52px; min-width: 0; }
.ta-toplu-satir + .ta-toplu-satir[b-ikddqgu0uq] { border-top: 1px solid var(--pn-kenar); }
.ta-toplu-satir.dolu[b-ikddqgu0uq] { background: var(--pn-yuzey-2); }
.ta-toplu-satir > i[b-ikddqgu0uq] { color: var(--pn-metin-3); font-size: 0.95rem; flex-shrink: 0; width: 1.1rem; text-align: center; }
.ta-toplu-ad[b-ikddqgu0uq] { display: flex; flex-direction: column; gap: 0.15rem; flex: 1 1 auto; min-width: 0; }
.ta-toplu-ad > strong[b-ikddqgu0uq] { font-size: 0.88rem; font-weight: 600; color: var(--pn-metin); overflow-wrap: anywhere; line-height: 1.3; }
.ta-toplu-ad > small[b-ikddqgu0uq] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.3rem; font-size: 0.74rem; color: var(--pn-metin-3); line-height: 1.35; }
.ta-toplu-fiyat[b-ikddqgu0uq] { flex: 0 0 136px; }
.ta-toplu-fiyat > .pn-girdi[b-ikddqgu0uq] { min-height: 38px; padding-left: 0.7rem; text-align: right; font-variant-numeric: tabular-nums; }
.ta-toplu-bos[b-ikddqgu0uq] { padding: 1.5rem 1rem; text-align: center; font-size: 0.86rem; color: var(--pn-metin-3); }

.ta-yapistir[b-ikddqgu0uq] {
    min-height: 140px; resize: vertical; font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; font-size: 0.82rem;
    line-height: 1.5; white-space: pre; overflow-x: auto; tab-size: 18;
}
.ta-ornek[b-ikddqgu0uq] {
    display: grid; grid-template-columns: repeat(3, max-content); gap: 0.1rem 1.25rem; margin: 0.4rem 0 0; padding: 0.5rem 0.7rem;
    border: 1px dashed var(--pn-kenar-2); border-radius: 8px; font-size: 0.76rem; color: var(--pn-metin-2); max-width: 100%; overflow-x: auto;
}
.ta-ornek b[b-ikddqgu0uq] { font-weight: 650; color: var(--pn-metin); }
.ta-yp-ozet[b-ikddqgu0uq] { display: flex; align-items: center; justify-content: space-between; gap: 0.5rem; flex-wrap: wrap; margin: 0.85rem 0.15rem 0.45rem; font-size: 0.84rem; color: var(--pn-metin-2); }
.ta-yp-satir[b-ikddqgu0uq] { display: flex; align-items: flex-start; gap: 0.6rem; padding: 0.5rem 0.75rem; min-width: 0; }
.ta-yp-satir + .ta-yp-satir[b-ikddqgu0uq] { border-top: 1px solid var(--pn-kenar); }
.ta-yp-satir.disari[b-ikddqgu0uq] { opacity: 0.55; }
.ta-yp-no[b-ikddqgu0uq] { flex: 0 0 auto; min-width: 1.6rem; padding-top: 0.15rem; font-size: 0.74rem; color: var(--pn-metin-3); font-variant-numeric: tabular-nums; }
.ta-yp-govde[b-ikddqgu0uq] { display: flex; flex-direction: column; gap: 0.3rem; flex: 1 1 auto; min-width: 0; }
.ta-yp-rota[b-ikddqgu0uq] { display: flex; align-items: center; gap: 0.35rem 0.5rem; flex-wrap: wrap; font-size: 0.86rem; font-weight: 600; color: var(--pn-metin); min-width: 0; }
.ta-yp-rota > span[b-ikddqgu0uq] { min-width: 0; overflow-wrap: anywhere; }
.ta-yp-eksik[b-ikddqgu0uq] { color: var(--pn-kirmizi); font-weight: 600; }
.ta-yp-aday[b-ikddqgu0uq] { width: auto; max-width: 100%; min-height: 32px; padding-top: 0.2rem; padding-bottom: 0.2rem; font-size: 0.8rem; }
.ta-yp-ham[b-ikddqgu0uq] { font-size: 0.74rem; color: var(--pn-metin-3); overflow-wrap: anywhere; }
.ta-yp-sag[b-ikddqgu0uq] { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 0.3rem 0.5rem; flex: 0 1 auto; max-width: 45%; }
.ta-yp-fiyat[b-ikddqgu0uq] { font-weight: 650; font-size: 0.88rem; white-space: nowrap; font-variant-numeric: tabular-nums; }
/* Güncelleme rozetleri uzun olabilir (eski → yeni fiyat · yan etkiler): satıra sığmazsa alt satıra geçer */
.ta-toplu-ad .ta-kucuk-rozet[b-ikddqgu0uq], .ta-yp-sag .ta-kucuk-rozet[b-ikddqgu0uq] { white-space: normal; height: auto; min-height: 21px; line-height: 1.3; padding-top: 2px; padding-bottom: 2px; max-width: 100%; }

.ta-toplu-secenekler[b-ikddqgu0uq] { margin-top: 0.9rem; border-top: 1px solid var(--pn-kenar); padding-top: 0.75rem; }
.ta-toplu-alt .ta-secim-ozet[b-ikddqgu0uq] { display: flex; flex-wrap: wrap; gap: 0.25rem 0.6rem; align-items: center; }
.ta-ozet-parca[b-ikddqgu0uq] { white-space: nowrap; }
.ta-ozet-parca.yesil[b-ikddqgu0uq] { color: var(--pn-yesil); }
.ta-ozet-parca.sari[b-ikddqgu0uq] { color: var(--pn-sari); }
.ta-ozet-parca.kirmizi[b-ikddqgu0uq] { color: var(--pn-kirmizi); }

/* Onay penceresi */
.ta-ust-perde[b-ikddqgu0uq] { background: rgba(15, 23, 42, 0.28); }
.ta-onay-metin[b-ikddqgu0uq] { margin: 0; color: var(--pn-metin-2); line-height: 1.55; }

/* ---------------- Telefon ---------------- */
@media (max-width: 767.98px) {
    .ta-kisi-filtre[b-ikddqgu0uq] { max-width: none; flex: 1 1 100%; }
    .ta-siralama[b-ikddqgu0uq] { flex: 1 1 100%; min-width: 0; }
    .ta-filtre-satiri > .pn-sekmeler[b-ikddqgu0uq] { flex: 1 1 100%; }
    .ta-secim-cubugu[b-ikddqgu0uq] { padding: 0.6rem 1rem; }
}

@media (max-width: 575.98px) {
    /* Başlık düğmeleri: panel.css'te küçülmüyor (flex-shrink: 0); üç düğme dar telefona sığmayıp sayfayı yatay kaydırıyordu.
       İki sütun: "Geçmişten öner" + "Toplu ekle", altında tam genişlikte "Tarife ekle". */
    .ta-bas-eylemler[b-ikddqgu0uq] { flex: 1 1 100%; min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ta-bas-eylemler > .pn-btn[b-ikddqgu0uq] { min-width: 0; padding: 0 0.6rem; }
    .ta-bas-eylemler > .pn-btn > span[b-ikddqgu0uq] { min-width: 0; overflow: hidden; text-overflow: ellipsis; line-height: 1.35; }
    .ta-bas-eylemler > .pn-btn-birincil[b-ikddqgu0uq] { grid-column: 1 / -1; }
    /* Toplu girişin üç sekmesi sığsın: simge üstte, yazı iki satıra inebilir */
    .ta-toplu-sekmeler .pn-sekme[b-ikddqgu0uq] {
        flex-direction: column; gap: 0.15rem; min-width: 0; min-height: 50px; padding: 0.35rem 0.3rem;
        white-space: normal; text-align: center; line-height: 1.2; font-size: 0.78rem;
    }
    .ta-il-ust[b-ikddqgu0uq] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0.65rem 0.75rem; }
    .ta-il-ust > :first-child[b-ikddqgu0uq] { grid-column: 1 / -1; }
    .ta-iskeletler[b-ikddqgu0uq] { padding: 1rem; }
    .ta-rehber[b-ikddqgu0uq] { flex-wrap: wrap; }
    .ta-rehber > .pn-esnek[b-ikddqgu0uq] { flex: 1 1 calc(100% - 2rem); }
    .ta-rehber-kapat[b-ikddqgu0uq] { margin: 0 0 0 auto; }
    .ta-hizli-oneri[b-ikddqgu0uq] { flex-wrap: wrap; }
    .ta-hizli-oneri > .pn-esnek[b-ikddqgu0uq] { flex: 1 1 calc(100% - 50px); }
    .ta-hizli-oneri > .ta-oneri-ekle[b-ikddqgu0uq] { margin-left: calc(34px + 0.75rem); }
    .ta-kapsam[b-ikddqgu0uq] { flex-direction: column; align-items: center; text-align: center; gap: 0.25rem; padding: 0.55rem 0.35rem; min-height: 64px; }
    .ta-kapsam-yazi small[b-ikddqgu0uq] { display: none; }
    .ta-kapsam-yazi strong[b-ikddqgu0uq] { font-size: 0.8rem; }
    .ta-kullanim-izgara[b-ikddqgu0uq] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .ta-sefer-satiri[b-ikddqgu0uq] { flex-wrap: wrap; gap: 0.15rem 0.6rem; }
    .ta-sefer-kim[b-ikddqgu0uq] { flex: 1 1 100%; order: 3; }
    .ta-sefer-ucret[b-ikddqgu0uq] { margin-left: auto; }
    .ta-onizleme-satiri[b-ikddqgu0uq] { flex-wrap: wrap; gap: 0.2rem; }
    .ta-onizleme-satiri > .pn-esnek[b-ikddqgu0uq] { flex: 1 1 100%; }
    .ta-oneri[b-ikddqgu0uq] { flex-wrap: wrap; align-items: flex-start; }
    .ta-oneri .pn-esnek[b-ikddqgu0uq] { flex: 1 1 calc(100% - 40px); }
    .ta-oneri-kontrol[b-ikddqgu0uq] { width: 100%; padding-left: calc(18px + 0.75rem); }
    .ta-yon-cip[b-ikddqgu0uq] { flex: 1 1 auto; }
    .ta-oneri-fiyat[b-ikddqgu0uq] { width: 120px; }
    .ta-secim-ozet[b-ikddqgu0uq] { flex: 1 1 100%; text-align: center; margin-right: 0; }
    .ta-sol[b-ikddqgu0uq] { margin-right: 0; }
    .ta-toplu-ust[b-ikddqgu0uq] { grid-template-columns: minmax(0, 1fr); }
    .ta-toplu-il[b-ikddqgu0uq] { flex: 1 1 100%; }
    .ta-toplu-ara[b-ikddqgu0uq] { flex: 1 1 100%; }
    .ta-toplu-hizli[b-ikddqgu0uq] { padding: 0.5rem 0.6rem; }
    .ta-toplu-hizli-grup[b-ikddqgu0uq] { flex: 1 1 100%; }
    .ta-toplu-hizli .ta-toplu-tutar[b-ikddqgu0uq] { flex: 1 1 auto; width: auto; }
    .ta-toplu-kopya[b-ikddqgu0uq] { flex: 1 1 100%; max-width: none; }
    .ta-toplu-ayrac[b-ikddqgu0uq] { display: none; }
    .ta-toplu-satir[b-ikddqgu0uq] { padding: 0.4rem 0.6rem; gap: 0.5rem; }
    .ta-toplu-fiyat[b-ikddqgu0uq] { flex-basis: 112px; }
    .ta-toplu-alt .ta-secim-ozet[b-ikddqgu0uq] { justify-content: center; }
    .ta-ornek[b-ikddqgu0uq] { grid-template-columns: repeat(3, minmax(0, max-content)); gap: 0.1rem 0.75rem; }
    .ta-yapistir[b-ikddqgu0uq] { tab-size: 10; }
    .ta-yp-sag[b-ikddqgu0uq] { flex-direction: column; align-items: flex-end; flex-wrap: nowrap; max-width: none; }
}

@media (max-width: 479.98px) {
    /* Dar telefonda güzergaha yer kalsın: kapsam zaten rozette yazıyor */
    .ta-kart-oge > .pn-ikon-kutu[b-ikddqgu0uq] { display: none; }
}

@media (max-width: 420px) {
    .ta-dar-gizle[b-ikddqgu0uq] { display: none; }
}
/* /Components/Pages/AdminPanel.razor.rz.scp.css */
/* =========================================================================
   YÖNETİM PANELİ KABUĞU (yan menü, mobil üst çubuk + alt menü, alttan açılan menü)
   Acente panelinin kabuğuyla aynı görsel dil; renkler panel.css'teki --pn-* değişkenleri.
   Alt bölümler (Components/Pages/Admin/*) için ortak sınıflar "::deep" ile aşağıdadır (önek: ad-).
   ========================================================================= */

.ad-kabuk[b-f2xpmlrnj0] {
    --ad-yan-genislik: 248px;
    min-height: 100vh;
    background: var(--pn-zemin);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
}

/* ------------------------------------------------------------ YAN MENÜ */
.ad-yan[b-f2xpmlrnj0] {
    position: fixed;
    inset: 0 auto 0 0;
    width: var(--ad-yan-genislik);
    background: var(--pn-yuzey);
    border-right: 1px solid var(--pn-kenar);
    display: flex;
    flex-direction: column;
    padding: 1.1rem 0.85rem 0.85rem;
    z-index: 1030;
}

.ad-marka[b-f2xpmlrnj0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    padding: 0 0.4rem;
    margin-bottom: 0.9rem;
    min-width: 0;
}

.ad-marka-ikon[b-f2xpmlrnj0] {
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #0E1B33;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    flex-shrink: 0;
}

    .ad-marka-ikon img[b-f2xpmlrnj0] { width: 68%; height: 68%; object-fit: contain; }

    .ad-marka-ikon.kucuk[b-f2xpmlrnj0] {
        width: 34px;
        height: 34px;
        border-radius: 10px;
        font-size: 0.95rem;
    }

.ad-marka-yazi[b-f2xpmlrnj0] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ad-marka-ad[b-f2xpmlrnj0] {
    font-size: 1rem;
    font-weight: 700;
    color: var(--pn-metin);
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.ad-marka-alt[b-f2xpmlrnj0] {
    font-size: 0.75rem;
    color: var(--pn-metin-3);
}

.ad-menu[b-f2xpmlrnj0] {
    flex: 1 1 auto;
    overflow-y: auto;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0 -0.35rem;
    padding: 0 0.35rem;
}

.ad-grup[b-f2xpmlrnj0] {
    font-size: 0.7rem;
    font-weight: 650;
    letter-spacing: 0.07em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
    padding: 0.75rem 0.65rem 0.3rem;
}

    .ad-grup:first-child[b-f2xpmlrnj0] {
        padding-top: 0.2rem;
    }

.ad-oge[b-f2xpmlrnj0] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    width: 100%;
    min-height: 36px;
    padding: 0 0.65rem;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--pn-metin-2);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 540;
    text-align: left;
    cursor: pointer;
    transition: background 140ms ease, color 140ms ease;
}

    .ad-oge i[b-f2xpmlrnj0] {
        font-size: 1.05rem;
        width: 20px;
        text-align: center;
        flex-shrink: 0;
        color: var(--pn-metin-3);
    }

    .ad-oge:hover[b-f2xpmlrnj0] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

    .ad-oge.aktif[b-f2xpmlrnj0] {
        background: var(--pn-vurgu-ton);
        color: var(--pn-vurgu-metin);
        font-weight: 600;
    }

        .ad-oge.aktif i[b-f2xpmlrnj0] {
            color: var(--pn-vurgu-metin);
        }

    .ad-oge.tehlike[b-f2xpmlrnj0],
    .ad-oge.tehlike i[b-f2xpmlrnj0] {
        color: var(--pn-kirmizi);
    }

        .ad-oge.tehlike:hover[b-f2xpmlrnj0] {
            background: var(--pn-kirmizi-ton);
        }

.ad-oge-ad[b-f2xpmlrnj0] {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-yan-alt[b-f2xpmlrnj0] {
    border-top: 1px solid var(--pn-kenar);
    padding-top: 0.75rem;
    margin-top: 0.5rem;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

/* Profil alanı: tıklanınca "Hesabım ve Şifre" açılır */
.ad-profil[b-f2xpmlrnj0] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    width: 100%;
    padding: 0.45rem 0.5rem;
    margin-bottom: 0.25rem;
    min-width: 0;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: inherit;
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 140ms ease;
}

    .ad-profil:hover[b-f2xpmlrnj0] {
        background: var(--pn-yuzey-3);
    }

    .ad-profil.aktif[b-f2xpmlrnj0] {
        background: var(--pn-vurgu-ton);
    }

    .ad-profil:focus-visible[b-f2xpmlrnj0] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.ad-profil-ok[b-f2xpmlrnj0] {
    flex-shrink: 0;
    font-size: 0.95rem;
    color: var(--pn-metin-3);
}

.ad-profil.aktif .ad-profil-ok[b-f2xpmlrnj0] {
    color: var(--pn-vurgu-metin);
}

.ad-profil-yazi[b-f2xpmlrnj0] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ad-profil-ad[b-f2xpmlrnj0] {
    font-size: 0.87rem;
    font-weight: 620;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-profil-rol[b-f2xpmlrnj0] {
    font-size: 0.74rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ad-avatar-yonetici[b-f2xpmlrnj0] {
    background: var(--pn-mor-ton);
    color: var(--pn-mor);
}

/* ------------------------------------------------------------ İÇERİK */
.ad-icerik[b-f2xpmlrnj0] {
    min-height: 100vh;
    margin-left: var(--ad-yan-genislik);
    padding: 1.75rem 2rem 2.5rem;
}

/* Güncelleme uyarısı içerikle aynı genişlikte (boşken yer kaplamaz) */
.ad-guncelleme[b-f2xpmlrnj0] {
    max-width: 1360px;
    margin: 0 auto;
}

/* Konum satırı (masaüstü): Yönetim paneli › Grup › Bölüm */
.ad-yol[b-f2xpmlrnj0] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    max-width: 1360px;
    margin: 0 auto 0.55rem;
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    min-width: 0;
}

    .ad-yol i[b-f2xpmlrnj0] {
        font-size: 0.65rem;
        opacity: 0.7;
    }

.ad-yol-oge[b-f2xpmlrnj0] {
    white-space: nowrap;
}

button.ad-yol-oge[b-f2xpmlrnj0] {
    border: none;
    background: transparent;
    padding: 0;
    color: inherit;
    font: inherit;
    cursor: pointer;
}

    button.ad-yol-oge:hover[b-f2xpmlrnj0] {
        color: var(--pn-metin);
        text-decoration: underline;
    }

.ad-yol-oge.son[b-f2xpmlrnj0] {
    color: var(--pn-metin-2);
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* ------------------------------------------------------------ MOBİL */
.ad-ust[b-f2xpmlrnj0],
.ad-alt-menu[b-f2xpmlrnj0],
.ad-perde[b-f2xpmlrnj0],
.ad-mobil-menu[b-f2xpmlrnj0] {
    display: none;
}

@media (max-width: 991.98px) {
    .ad-yan[b-f2xpmlrnj0] {
        display: none;
    }

    .ad-yol[b-f2xpmlrnj0] {
        display: none;
    }

    .ad-ust[b-f2xpmlrnj0] {
        display: flex;
        align-items: center;
        gap: 0.7rem;
        position: sticky;
        top: 0;
        z-index: 1020;
        background: var(--pn-yuzey);
        border-bottom: 1px solid var(--pn-kenar);
        padding: calc(0.55rem + env(safe-area-inset-top)) 0.75rem 0.55rem 1rem;
    }

    .ad-ust-yazi[b-f2xpmlrnj0] {
        flex: 1 1 auto;
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .ad-ust-baslik[b-f2xpmlrnj0] {
        font-size: 1rem;
        font-weight: 650;
        color: var(--pn-metin);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        line-height: 1.25;
    }

    .ad-ust-alt[b-f2xpmlrnj0] {
        font-size: 0.72rem;
        color: var(--pn-metin-3);
    }

    .ad-icerik[b-f2xpmlrnj0] {
        margin-left: 0;
        min-height: 0;
        padding: 1rem 1rem calc(92px + env(safe-area-inset-bottom));
    }

    .ad-alt-menu[b-f2xpmlrnj0] {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        background: var(--pn-yuzey);
        border-top: 1px solid var(--pn-kenar);
        box-shadow: 0 -6px 24px -12px rgba(15, 23, 42, 0.18);
        padding: 0 0.25rem max(0.35rem, env(safe-area-inset-bottom));
    }

    .ad-alt-oge[b-f2xpmlrnj0] {
        flex: 1 1 0;
        min-width: 0;
        height: 62px;
        border: none;
        background: transparent;
        color: var(--pn-metin-3);
        font-family: inherit;
        font-size: 0.68rem;
        font-weight: 600;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 3px;
        padding: 0;
        cursor: pointer;
    }

        .ad-alt-oge i[b-f2xpmlrnj0] {
            font-size: 1.3rem;
            line-height: 1;
        }

        .ad-alt-oge.aktif[b-f2xpmlrnj0] {
            color: var(--pn-vurgu-metin);
        }

    .ad-perde[b-f2xpmlrnj0] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1040;
        background: rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(3px);
        -webkit-backdrop-filter: blur(3px);
        animation: ad-perde-ac-b-f2xpmlrnj0 160ms ease-out;
    }

    .ad-mobil-menu[b-f2xpmlrnj0] {
        display: flex;
        flex-direction: column;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        max-height: 88vh;
        z-index: 1050;
        background: var(--pn-zemin);
        border-radius: 22px 22px 0 0;
        box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.22);
        padding-bottom: env(safe-area-inset-bottom);
        animation: ad-alttan-b-f2xpmlrnj0 240ms cubic-bezier(0.16, 1, 0.3, 1);
    }

    .ad-tutamac[b-f2xpmlrnj0] {
        width: 40px;
        height: 5px;
        border-radius: 5px;
        background: var(--pn-kenar-2);
        margin: 0.6rem auto 0.3rem;
        flex-shrink: 0;
    }

    .ad-mobil-profil[b-f2xpmlrnj0] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 1rem 0.75rem;
        border-bottom: 1px solid var(--pn-kenar);
        flex-shrink: 0;
    }

    .ad-mobil-govde[b-f2xpmlrnj0] {
        overflow-y: auto;
        overscroll-behavior: contain;
        -webkit-overflow-scrolling: touch;
        padding: 0 1rem 1.25rem;
    }

        .ad-mobil-govde .ad-grup[b-f2xpmlrnj0] {
            padding-left: 0.2rem;
        }

            .ad-mobil-govde > .ad-grup:first-child[b-f2xpmlrnj0] {
                padding-top: 0.85rem;
            }

    .ad-mobil-izgara[b-f2xpmlrnj0] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.5rem;
    }

    .ad-mobil-oge[b-f2xpmlrnj0] {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.4rem;
        min-height: 78px;
        padding: 0.6rem 0.35rem;
        border: 1px solid var(--pn-kenar);
        border-radius: 14px;
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        font-family: inherit;
        cursor: pointer;
    }

        .ad-mobil-oge.aktif[b-f2xpmlrnj0] {
            border-color: var(--pn-vurgu);
            background: var(--pn-vurgu-ton);
        }

    .ad-mobil-ikon[b-f2xpmlrnj0] {
        font-size: 1.35rem;
        color: var(--pn-vurgu-metin);
        line-height: 1;
    }

    .ad-mobil-ad[b-f2xpmlrnj0] {
        font-size: 0.74rem;
        font-weight: 600;
        text-align: center;
        line-height: 1.2;
        color: var(--pn-metin-2);
    }

    .ad-mobil-satir[b-f2xpmlrnj0] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        width: 100%;
        min-height: 52px;
        padding: 0 1rem;
        border: none;
        border-bottom: 1px solid var(--pn-kenar);
        background: transparent;
        color: var(--pn-metin);
        font-family: inherit;
        font-size: 0.92rem;
        font-weight: 560;
        text-align: left;
        cursor: pointer;
        margin: 0;
    }

        .ad-mobil-satir:last-child[b-f2xpmlrnj0] {
            border-bottom: none;
        }

        .ad-mobil-satir i[b-f2xpmlrnj0] {
            font-size: 1.1rem;
            color: var(--pn-metin-3);
            width: 22px;
            text-align: center;
        }

        .ad-mobil-satir.tehlike[b-f2xpmlrnj0],
        .ad-mobil-satir.tehlike i[b-f2xpmlrnj0] {
            color: var(--pn-kirmizi);
        }
}

@keyframes ad-perde-ac-b-f2xpmlrnj0 {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes ad-alttan-b-f2xpmlrnj0 {
    from { transform: translateY(100%); }
    to { transform: none; }
}

/* =========================================================================
   ALT BÖLÜMLERİN ORTAK SINIFLARI (Components/Pages/Admin/*)
   ========================================================================= */

/* Sayfa başlığında geri düğmesi + başlık */
.ad-icerik[b-f2xpmlrnj0]  .ad-bas-sol {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-bas-sol > div {
        min-width: 0;
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-bas-sol .pn-baslik {
    overflow-wrap: anywhere;
}

/* Tıklanabilir özet kartı */
.ad-icerik[b-f2xpmlrnj0]  .pn-ozet.ad-tik {
    cursor: pointer;
    text-align: left;
    font: inherit;
    color: inherit;
    transition: border-color var(--pn-gecis), box-shadow var(--pn-gecis);
}

    .ad-icerik[b-f2xpmlrnj0]  .pn-ozet.ad-tik:hover {
        border-color: var(--pn-kenar-2);
        box-shadow: var(--pn-golge-2);
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-uyarilar {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-uyari-git {
    margin-left: auto;
    align-self: center;
    font-weight: 600;
    font-size: 0.82rem;
    color: var(--pn-metin-2);
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-bosluk {
    margin-bottom: 1rem;
}

/* Tek kartlık sayfalarda okunaklı genişlik (ör. Canlı Uçuş Verisi) */
.ad-icerik[b-f2xpmlrnj0]  .ad-dar {
    max-width: 820px;
}

/* Sayfa içi sekme çubuğu (acente ayrıntısı, ödemeler): alt çizgili; kart içindeki .pn-sekmeler'den ayrı görünür */
.ad-icerik[b-f2xpmlrnj0]  .ad-sekme-cubugu {
    display: flex;
    gap: 0.15rem;
    border-bottom: 1px solid var(--pn-kenar);
    margin-bottom: 1.25rem;
    overflow-x: auto;
    scrollbar-width: none;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme-cubugu::-webkit-scrollbar {
        display: none;
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-sekme {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    flex-shrink: 0;
    min-height: 44px;
    padding: 0 0.95rem;
    margin-bottom: -1px;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: var(--pn-metin-2);
    font-family: var(--pn-yazi);
    font-size: 0.9rem;
    font-weight: 560;
    white-space: nowrap;
    cursor: pointer;
    transition: color 140ms ease, border-color 140ms ease;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme i {
        font-size: 1rem;
        color: var(--pn-metin-3);
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme:hover {
        color: var(--pn-metin);
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme.aktif {
        color: var(--pn-vurgu-metin);
        border-bottom-color: var(--pn-vurgu);
        font-weight: 620;
    }

        .ad-icerik[b-f2xpmlrnj0]  .ad-sekme.aktif i {
            color: var(--pn-vurgu-metin);
        }

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme:focus-visible {
        outline: none;
        box-shadow: inset var(--pn-odak);
        border-radius: 8px 8px 0 0;
    }

/* Sekmede kaydedilmemiş değişiklik / dikkat noktası */
.ad-icerik[b-f2xpmlrnj0]  .ad-sekme-nokta {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pn-sari);
    flex-shrink: 0;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme-nokta.kirmizi {
        background: var(--pn-kirmizi);
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme-nokta.yesil {
        background: var(--pn-yesil);
    }

/* Sekme içeriğinin açıklama satırı */
.ad-icerik[b-f2xpmlrnj0]  .ad-sekme-aciklama {
    margin: -0.5rem 0 1rem;
    color: var(--pn-metin-3);
    font-size: 0.86rem;
}

@media (max-width: 767.98px) {
    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme {
        padding: 0 0.7rem;
        font-size: 0.86rem;
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-sekme-cubugu {
        margin-left: -1rem;
        margin-right: -1rem;
        padding: 0 0.5rem;
    }
}

/* Hesap hücresi (avatar + ad) */
.ad-icerik[b-f2xpmlrnj0]  .ad-hesap {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.ad-icerik[b-f2xpmlrnj0]  .pn-tablo .ad-hesap .pn-liste-baslik {
    max-width: 320px;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-avatar-yonetici {
    background: var(--pn-mor-ton);
    color: var(--pn-mor);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-avatar-donuk {
    background: var(--pn-gri-ton);
    color: var(--pn-gri);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-donuk .pn-liste-baslik {
    color: var(--pn-metin-3);
    text-decoration: line-through;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-rozetler {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    align-items: center;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-eylemler {
    display: inline-flex;
    gap: 0.2rem;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-eylem-sari { color: var(--pn-sari); }
.ad-icerik[b-f2xpmlrnj0]  .ad-eylem-yesil { color: var(--pn-yesil); }
.ad-icerik[b-f2xpmlrnj0]  .ad-eylem-kirmizi { color: var(--pn-kirmizi); }

    .ad-icerik[b-f2xpmlrnj0]  .ad-eylem-kirmizi:hover:not(:disabled) {
        color: var(--pn-kirmizi);
        background: var(--pn-kirmizi-ton);
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-mini-sayilar {
    display: inline-flex;
    gap: 0.85rem;
    color: var(--pn-metin-2);
    font-size: 0.84rem;
    white-space: nowrap;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-mini-sayilar i {
        color: var(--pn-metin-3);
        margin-right: 0.2rem;
    }

/* Anahtar-değer ızgarası (firma bilgisi, sunucu) */
.ad-icerik[b-f2xpmlrnj0]  .ad-bilgi {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    margin: 0;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-bilgi > div {
        display: flex;
        justify-content: space-between;
        align-items: baseline;
        gap: 1rem;
        padding: 0.6rem 1.25rem;
        border-bottom: 1px solid var(--pn-kenar);
        min-width: 0;
    }

        .ad-icerik[b-f2xpmlrnj0]  .ad-bilgi > div:last-child {
            border-bottom: none;
        }

    .ad-icerik[b-f2xpmlrnj0]  .ad-bilgi dt {
        font-weight: 500;
        color: var(--pn-metin-3);
        font-size: 0.84rem;
        flex-shrink: 0;
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-bilgi dd {
        margin: 0;
        text-align: right;
        font-weight: 560;
        color: var(--pn-metin);
        overflow-wrap: anywhere;
        min-width: 0;
    }

/* Liste içinde sağda duran küçük bilgi */
.ad-icerik[b-f2xpmlrnj0]  .ad-sag {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.25rem;
    flex-shrink: 0;
    text-align: right;
}

/* Özellikler / kilitler */
.ad-icerik[b-f2xpmlrnj0]  .ad-ozellik-izgara {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 2rem;
    padding: 0 1.25rem;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-ozellik {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 52px;
    padding: 0.5rem 0;
    border-bottom: 1px solid var(--pn-kenar);
    min-width: 0;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-ozellik.kilitli .ad-ozellik-ad {
        color: var(--pn-metin-3);
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-ozellik-ad {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 0.9rem;
    font-weight: 560;
    color: var(--pn-metin);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-ozellik-kilit {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

/* Servis satırı ve durum noktası */
.ad-icerik[b-f2xpmlrnj0]  .ad-nokta {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--pn-gri);
    box-shadow: 0 0 0 4px var(--pn-gri-ton);
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-nokta.yesil { background: var(--pn-yesil); box-shadow: 0 0 0 4px var(--pn-yesil-ton); }
    .ad-icerik[b-f2xpmlrnj0]  .ad-nokta.sari { background: var(--pn-sari); box-shadow: 0 0 0 4px var(--pn-sari-ton); }
    .ad-icerik[b-f2xpmlrnj0]  .ad-nokta.kirmizi { background: var(--pn-kirmizi); box-shadow: 0 0 0 4px var(--pn-kirmizi-ton); }

.ad-icerik[b-f2xpmlrnj0]  .ad-liste-metin {
    font-size: 0.82rem;
    color: var(--pn-metin-2);
    margin-top: 0.15rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
}

.ad-icerik[b-f2xpmlrnj0]  .pn-liste-oge.ad-ust-hizali {
    align-items: flex-start;
}

/* Sürüm dağılım çubuğu */
.ad-icerik[b-f2xpmlrnj0]  .ad-cubuk {
    height: 8px;
    border-radius: 999px;
    background: var(--pn-yuzey-3);
    overflow: hidden;
    min-width: 80px;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-cubuk > span {
        display: block;
        height: 100%;
        border-radius: inherit;
        background: var(--pn-vurgu);
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-cubuk.eski > span {
        background: var(--pn-sari);
    }

/* Onay / kod pencereleri */
.ad-icerik[b-f2xpmlrnj0]  .ad-pencere-baslik {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-onay {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-onay p {
        margin: 0;
        color: var(--pn-metin-2);
        font-size: 0.9rem;
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-onay-ad {
    font-size: 1rem;
    font-weight: 650;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-kod-kutu {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
    text-align: center;
    padding: 1rem;
    border-radius: 12px;
    background: var(--pn-sari-ton);
    border: 1px solid var(--pn-sari-kenar);
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-kod-kutu.tehlike {
        background: var(--pn-kirmizi-ton);
        border-color: var(--pn-kirmizi-kenar);
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-kod-kutu .pn-ipucu {
        overflow-wrap: anywhere;
    }

.ad-icerik[b-f2xpmlrnj0]  .pn-girdi.ad-kod-girdi {
    max-width: 220px;
    min-height: 52px;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 650;
    letter-spacing: 0.4em;
    font-variant-numeric: tabular-nums;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-sifre-kutu {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 0.9rem;
    border-radius: 12px;
    background: var(--pn-yuzey-2);
    border: 1px dashed var(--pn-kenar-2);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 1.05rem;
    font-weight: 600;
    letter-spacing: 0.04em;
    overflow-wrap: anywhere;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-btn-sari {
    background: #d97706;
    border-color: #d97706;
    color: #fff;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-btn-sari:hover:not(:disabled) {
        background: #b45309;
        border-color: #b45309;
        color: #fff;
    }

/* Seviye seçimi (duyuru) */
.ad-icerik[b-f2xpmlrnj0]  .ad-secim {
    display: flex;
    gap: 0.4rem;
    flex-wrap: wrap;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-sayac-metin {
    font-size: 0.75rem;
    color: var(--pn-metin-3);
    text-align: right;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-kalin-sayi {
    font-size: 1.15rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--pn-metin);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-kucuk-izgara {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem;
    padding: 1rem 1.25rem;
}

    .ad-icerik[b-f2xpmlrnj0]  .ad-kucuk-izgara > div {
        padding: 0.75rem 0.85rem;
        border-radius: 12px;
        background: var(--pn-yuzey-2);
        border: 1px solid var(--pn-kenar);
        min-width: 0;
    }

.ad-icerik[b-f2xpmlrnj0]  .ad-kucuk-etiket {
    font-size: 0.76rem;
    color: var(--pn-metin-3);
    font-weight: 550;
}

@media (max-width: 767.98px) {
    .ad-icerik[b-f2xpmlrnj0]  .ad-ozellik-izgara {
        grid-template-columns: minmax(0, 1fr);
        padding: 0 1rem;
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-bilgi > div {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-kucuk-izgara {
        padding: 0.85rem 1rem;
    }

    .ad-icerik[b-f2xpmlrnj0]  .ad-uyari-git {
        display: none;
    }
}

/* Güvenlik > Acente şifresi sıfırla: arama kart gövdesinde, sonuçlar kartın tam genişliğinde liste */
.ad-icerik[b-f2xpmlrnj0]  .ad-sifirla-liste {
    border-top: 1px solid var(--pn-kenar);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-sifirla-eylem {
    flex-shrink: 0;
    pointer-events: none;
}

.ad-icerik[b-f2xpmlrnj0]  .ad-sifirla-liste .pn-liste-oge:hover .ad-sifirla-eylem {
    background: var(--pn-vurgu-ton-2);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-sifirla-liste .pn-liste-oge:focus-visible {
    outline: none;
    box-shadow: inset var(--pn-odak);
}

.ad-icerik[b-f2xpmlrnj0]  .ad-sifirla-durum {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    flex-wrap: wrap;
}

/* Acente ayrıntısı > Araç (plaka) limiti */
.ad-icerik[b-f2xpmlrnj0]  .ad-limit-satir {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}
/* /Components/Pages/Admin/AdminGeriBildirimler.razor.rz.scp.css */
/* Yönetim paneli › Geri bildirimler. Ortak liste / pencere sınıfları panel.css (pn-*) ve AdminPanel.razor.css (ad-*) içindedir. */

.agb-arac[b-i7unq51ov2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.agb-suzgecler[b-i7unq51ov2] {
    display: flex;
    gap: 0.5rem;
    flex: 1 1 360px;
    justify-content: flex-end;
    min-width: 0;
    flex-wrap: wrap;
}

.agb-tur-sec[b-i7unq51ov2] {
    width: auto;
    min-width: 150px;
    flex: 0 1 200px;
}

.agb-ara[b-i7unq51ov2] {
    position: relative;
    flex: 1 1 220px;
    max-width: 360px;
    min-width: 0;
    margin: 0;
}

    .agb-ara > i[b-i7unq51ov2] {
        position: absolute;
        left: 0.75rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--pn-metin-3);
        pointer-events: none;
    }

    .agb-ara input[b-i7unq51ov2] {
        padding-left: 2.1rem;
        width: 100%;
    }

.agb-puan-rozet[b-i7unq51ov2] {
    height: 32px;
    padding: 0 0.75rem;
}

.agb-donen[b-i7unq51ov2] {
    display: inline-block;
    animation: agb-don-b-i7unq51ov2 0.9s linear infinite;
}

@keyframes agb-don-b-i7unq51ov2 {
    to { transform: rotate(360deg); }
}

.agb-satir.yeni[b-i7unq51ov2] {
    background: var(--pn-vurgu-ton);
}

.agb-ek-sayi[b-i7unq51ov2] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    display: inline-flex;
    gap: 0.25rem;
    align-items: center;
}

.agb-daha[b-i7unq51ov2] {
    display: flex;
    justify-content: center;
    padding: 0.9rem;
    border-top: 1px solid var(--pn-kenar);
}

/* ------------------------------------------------------------------ AYRINTI */
.agb-pencere .pn-pencere-govde[b-i7unq51ov2] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.agb-blok div[b-i7unq51ov2] {
    min-width: 0;
}

.agb-bilgi[b-i7unq51ov2] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 210px), 1fr));
    gap: 0.6rem 1rem;
    margin: 0;
    padding: 0.85rem 1rem;
    border-radius: 12px;
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
}

    .agb-bilgi > div[b-i7unq51ov2] {
        min-width: 0;
    }

    .agb-bilgi dt[b-i7unq51ov2] {
        font-size: 0.74rem;
        font-weight: 600;
        color: var(--pn-metin-3);
        margin: 0 0 0.1rem;
    }

    .agb-bilgi dd[b-i7unq51ov2] {
        margin: 0;
        font-size: 0.88rem;
        overflow-wrap: anywhere;
    }

.agb-kod[b-i7unq51ov2] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.82rem !important;
}

.agb-yildiz[b-i7unq51ov2] {
    color: #f59e0b;
}

    .agb-yildiz span[b-i7unq51ov2] {
        color: var(--pn-metin-2);
        margin-left: 0.3rem;
        font-size: 0.82rem;
    }

.agb-baglanti[b-i7unq51ov2] {
    border: none;
    background: none;
    padding: 0;
    font: inherit;
    color: var(--pn-vurgu-metin);
    cursor: pointer;
    text-align: left;
    overflow-wrap: anywhere;
}

    .agb-baglanti:hover[b-i7unq51ov2] {
        text-decoration: underline;
    }

.agb-ileti[b-i7unq51ov2] {
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    padding: 0.8rem 0.9rem;
    min-width: 0;
}

    .agb-ileti.ekip[b-i7unq51ov2] {
        background: var(--pn-vurgu-ton);
        border-color: transparent;
    }

.agb-ileti-bas[b-i7unq51ov2] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 0.35rem;
}

.agb-yazan[b-i7unq51ov2] {
    font-weight: 620;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.agb-tarih[b-i7unq51ov2] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
}

.agb-metin[b-i7unq51ov2] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 0.9rem;
}

.agb-durum-degisti[b-i7unq51ov2] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: var(--pn-metin-2);
    margin-bottom: 0.35rem;
}

.agb-ekler[b-i7unq51ov2] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.6rem;
}

.agb-ek[b-i7unq51ov2] {
    width: 84px;
    height: 112px;
    border-radius: 10px;
    border: 1px solid var(--pn-kenar-2);
    background: var(--pn-yuzey-3);
    overflow: hidden;
    padding: 0;
    flex-shrink: 0;
    cursor: zoom-in;
    display: block;
}

    .agb-ek img[b-i7unq51ov2] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        display: block;
    }

.agb-ek-yok[b-i7unq51ov2] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-style: dashed;
    color: var(--pn-metin-3);
    font-size: 1.3rem;
    cursor: default;
}

.agb-islem[b-i7unq51ov2] {
    border-top: 1px solid var(--pn-kenar);
    padding-top: 0.9rem;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.agb-hazir[b-i7unq51ov2] {
    margin-bottom: 0.35rem;
}

.agb-soluk[b-i7unq51ov2] {
    font-weight: 500;
    color: var(--pn-metin-3);
    font-size: 0.76rem;
    margin-left: 0.25rem;
}

.agb-alt .agb-sil[b-i7unq51ov2] {
    margin-right: auto;
}

.agb-ust-perde[b-i7unq51ov2] {
    z-index: 1060;
}

/* Büyük görüntü */
.agb-buyuk-perde[b-i7unq51ov2] {
    position: fixed;
    inset: 0;
    z-index: 1070;
    background: rgba(2, 6, 23, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
}

    .agb-buyuk-perde img[b-i7unq51ov2] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        border-radius: 10px;
    }

.agb-buyuk-kapat[b-i7unq51ov2] {
    position: absolute;
    top: max(0.75rem, env(safe-area-inset-top));
    right: 0.75rem;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
}

@media (max-width: 575.98px) {
    .agb-suzgecler[b-i7unq51ov2] {
        flex-basis: 100%;
    }

    .agb-bilgi[b-i7unq51ov2] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 0.75rem;
    }

    .agb-tur-sec[b-i7unq51ov2], .agb-ara[b-i7unq51ov2] {
        flex: 1 1 100%;
        max-width: none;
    }

    .agb-alt .agb-sil[b-i7unq51ov2] {
        flex: 0 0 auto !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    .agb-donen[b-i7unq51ov2] {
        animation: none;
    }
}
/* /Components/Pages/BelgeOnizleme.razor.rz.scp.css */
/* =========================================================================
   BELGE ÖNİZLEMESİ — ilk sayfanın üst kısmı, altı solarak biter; dokununca tam ekran açılır.
   Belge kâğıdı her iki temada beyaz gösterilir (PDF'in kendi rengi); çerçeve ve gölge temaya uyar.
   ========================================================================= */
.onz[b-xnryqzr4hv] {
    position: relative;
    display: block;
    width: 100%;
    aspect-ratio: 10 / 7;
    max-height: 380px;
    margin: 0;
    padding: 0;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    overflow: hidden;
    background: #ffffff;
    color: #0f172a;
    font-family: inherit;
    text-align: left;
    cursor: zoom-in;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06), 0 10px 26px -16px rgba(15, 23, 42, 0.45);
    -webkit-tap-highlight-color: transparent;
    transition: transform 0.15s ease, box-shadow 0.2s ease;
}

    .onz.kucuk[b-xnryqzr4hv] {
        aspect-ratio: 10 / 4;
        max-height: 220px;
    }

    .onz:focus-visible[b-xnryqzr4hv] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .onz:active:not(:disabled)[b-xnryqzr4hv] {
        transform: scale(0.99);
    }

    .onz:disabled[b-xnryqzr4hv] {
        cursor: default;
    }

@supports not (aspect-ratio: 1 / 1) {
    .onz[b-xnryqzr4hv] { height: 240px; }
    .onz.kucuk[b-xnryqzr4hv] { height: 150px; }
}

/* Çizilen sayfa (canvas / img) kabın genişliğinde, üstten başlar; taşan kısım kesilir */
.onz-kap[b-xnryqzr4hv] {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    display: block;
}

.onz-solma[b-xnryqzr4hv] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 48%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9) 70%, #ffffff);
    pointer-events: none;
}

.onz.kucuk .onz-solma[b-xnryqzr4hv] {
    height: 60%;
}

.onz-ac[b-xnryqzr4hv] {
    position: absolute;
    left: 50%;
    bottom: 12px;
    transform: translateX(-50%);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    min-height: 46px;
    padding: 0 1.15rem;
    border-radius: 999px;
    background: #0f172a;
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 650;
    white-space: nowrap;
    box-shadow: 0 8px 20px -8px rgba(15, 23, 42, 0.6);
    pointer-events: none;
}

.onz.kucuk .onz-ac[b-xnryqzr4hv] {
    min-height: 38px;
    bottom: 8px;
    font-size: 0.86rem;
    padding: 0 0.95rem;
}

.onz-bilgi[b-xnryqzr4hv] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 1rem 1.25rem 4rem;
    background: #f8fafc;
    color: #475569;
    font-size: 0.9rem;
    line-height: 1.4;
    text-align: center;
}

    .onz-bilgi i[b-xnryqzr4hv] {
        font-size: 2rem;
        color: #c62828;
    }

.onz.kucuk .onz-bilgi[b-xnryqzr4hv] {
    flex-direction: row;
    padding: 0.75rem 1rem 3rem;
}

    .onz.kucuk .onz-bilgi i[b-xnryqzr4hv] {
        font-size: 1.4rem;
    }

@media (prefers-reduced-motion: reduce) {
    .onz[b-xnryqzr4hv] { transition: none; }
}
/* /Components/Pages/BildirimAyarlariKarti.razor.rz.scp.css */
/* =========================================================================
   BİLDİRİM AYARLARI KARTI — acente Profil ve şoför profilinde ortak.
   Dış kart sınıfı "Sinif" parametresinden gelir (varsayılan pn-kart). Renkler yalnızca --pn-* değişkenleriyle.
   ========================================================================= */

.ba-kart[b-t9h3vk55l7] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-family: var(--pn-yazi);
    color: var(--pn-metin);
    font-size: 0.925rem;
    line-height: 1.5;
    min-width: 0;
}

    /* Varsayılan (pn-kart) görünümde iç boşluk; dışarıdan p-* verilirse o geçerli olur (!important) */
    .ba-kart.pn-kart[b-t9h3vk55l7] {
        padding: 1.25rem;
    }

.ba-bas[b-t9h3vk55l7] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    min-width: 0;
}

.ba-bas-yazi[b-t9h3vk55l7] {
    min-width: 0;
}

.ba-baslik[b-t9h3vk55l7] {
    margin: 0;
    font-size: 1rem;
    font-weight: 620;
    line-height: 1.35;
    color: var(--pn-metin);
}

.ba-aciklama[b-t9h3vk55l7] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: var(--pn-metin-3);
}

/* Aç / kapa satırı (pn-anahtar-satir) kartın içinde çerçeveli durur */
.ba-satir[b-t9h3vk55l7] {
    align-items: center;
    padding: 0.85rem 1rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k);
    background: var(--pn-yuzey-2);
}

    .ba-satir:last-child[b-t9h3vk55l7] {
        border-bottom: 1px solid var(--pn-kenar);
    }

.ba-anahtar-kap[b-t9h3vk55l7] {
    display: inline-flex;
    align-items: center;
    gap: 0.55rem;
    flex-shrink: 0;
}

.ba-donen[b-t9h3vk55l7] {
    color: var(--pn-vurgu);
    font-size: 0.9rem;
}

/* Simge | metin; "Ayarları aç" düğmesi metnin altında (dar kartlarda da düzgün kırılır) */
.ba-uyari[b-t9h3vk55l7] {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    column-gap: 0.75rem;
    row-gap: 0.6rem;
    align-items: start;
}

    .ba-uyari .pn-btn[b-t9h3vk55l7] {
        grid-column: 2;
        justify-self: start;
    }

.ba-bolum[b-t9h3vk55l7] {
    font-size: 0.76rem;
    font-weight: 650;
    color: var(--pn-metin-3);
    text-transform: uppercase;
    letter-spacing: 0.06em;
    margin-bottom: -0.35rem;
}

.ba-liste[b-t9h3vk55l7] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
}

    .ba-liste li[b-t9h3vk55l7] {
        display: flex;
        gap: 0.6rem;
        font-size: 0.85rem;
        line-height: 1.45;
        color: var(--pn-metin-2);
    }

        .ba-liste li i[b-t9h3vk55l7] {
            color: var(--pn-vurgu-metin);
            font-size: 1rem;
            margin-top: 1px;
            flex-shrink: 0;
        }

.ba-alt[b-t9h3vk55l7] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    flex-wrap: wrap;
    padding-top: 0.9rem;
    border-top: 1px solid var(--pn-kenar);
}

    .ba-alt > span[b-t9h3vk55l7] {
        flex: 1 1 180px;
        font-size: 0.8rem;
        color: var(--pn-metin-3);
    }

    .ba-alt .pn-sayac[b-t9h3vk55l7] {
        margin-left: 0.1rem;
    }
/* /Components/Pages/BildirimMerkeziIcerik.razor.rz.scp.css */
/* =========================================================================
   BİLDİRİM MERKEZİ — acente (MainLayout) ve şoför (SoforLayout) panelinde ortak.
   Yalnızca --pn-* değişkenleri kullanılır; açık/koyu tema html.dark-mode ile her iki panelde de çalışır.
   ========================================================================= */

.bm-kok[b-37ioqgpotu] {
    font-family: var(--pn-yazi);
    color: var(--pn-metin);
}

/* Şoför panelinde üst çubuğun hemen altında biraz nefes payı */
.bm-sofor[b-37ioqgpotu] {
    padding-top: 0.5rem;
}

.bm-baslik[b-37ioqgpotu] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    flex-wrap: wrap;
}

.bm-yeni[b-37ioqgpotu] {
    font-size: 0.72rem;
    letter-spacing: 0;
}

.bm-eylemler[b-37ioqgpotu] {
    flex-wrap: nowrap;
}

.bm-donen[b-37ioqgpotu] {
    display: inline-block;
    animation: bm-don-b-37ioqgpotu 0.9s linear infinite;
}

@keyframes bm-don-b-37ioqgpotu {
    to { transform: rotate(360deg); }
}

.bm-serit[b-37ioqgpotu] {
    align-items: center;
    margin-bottom: 1rem;
}

.bm-serit-btn[b-37ioqgpotu] {
    flex-shrink: 0;
    min-width: 56px;
}

.bm-izgara[b-37ioqgpotu] {
    align-items: start;
}

.bm-kart[b-37ioqgpotu] {
    overflow: hidden;
}

.bm-kart-bas[b-37ioqgpotu] {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}

.bm-sekme-kap[b-37ioqgpotu] {
    min-width: 0;
}

/* ---------------------------------------------------------------- BİLDİRİM ÖĞESİ */
.bm-liste[b-37ioqgpotu] {
    display: flex;
    flex-direction: column;
}

.bm-oge[b-37ioqgpotu] {
    --bm-renk: var(--pn-vurgu);
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
    padding: 0.95rem 1.25rem;
    border-bottom: 1px solid var(--pn-kenar);
    cursor: pointer;
    outline: none;
    transition: background var(--pn-gecis);
}

    .bm-oge:last-child[b-37ioqgpotu] {
        border-bottom: none;
    }

    .bm-oge:hover[b-37ioqgpotu] {
        background: var(--pn-yuzey-2);
    }

    .bm-oge:focus-visible[b-37ioqgpotu] {
        box-shadow: inset var(--pn-odak);
    }

    .bm-oge.kirmizi[b-37ioqgpotu] { --bm-renk: var(--pn-kirmizi); }
    .bm-oge.sari[b-37ioqgpotu] { --bm-renk: var(--pn-sari); }
    .bm-oge.yesil[b-37ioqgpotu] { --bm-renk: var(--pn-yesil); }
    .bm-oge.mavi[b-37ioqgpotu] { --bm-renk: var(--pn-vurgu); }

    /* Okunmamış: sol şerit + kalın başlık + nokta */
    .bm-oge.okunmadi[b-37ioqgpotu]::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0.7rem;
        bottom: 0.7rem;
        width: 3px;
        border-radius: 0 3px 3px 0;
        background: var(--bm-renk);
    }

.bm-oge-ikon[b-37ioqgpotu] {
    margin-top: 0.1rem;
}

.bm-oge.okundu .bm-oge-ikon[b-37ioqgpotu] {
    opacity: 0.7;
}

.bm-oge-icerik[b-37ioqgpotu] {
    flex: 1 1 auto;
    min-width: 0;
}

.bm-oge-ust[b-37ioqgpotu] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.75rem;
}

.bm-oge-baslik[b-37ioqgpotu] {
    font-size: 0.92rem;
    font-weight: 640;
    line-height: 1.35;
    color: var(--pn-metin);
    min-width: 0;
    overflow-wrap: anywhere;
}

.bm-oge.okundu .bm-oge-baslik[b-37ioqgpotu] {
    font-weight: 540;
    color: var(--pn-metin-2);
}

.bm-oge-zaman[b-37ioqgpotu] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
    font-size: 0.76rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
}

.bm-nokta[b-37ioqgpotu] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--bm-renk);
    flex-shrink: 0;
}

.bm-oge-mesaj[b-37ioqgpotu] {
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    line-height: 1.45;
    color: var(--pn-metin-2);
    overflow-wrap: anywhere;
}

.bm-oge.okundu .bm-oge-mesaj[b-37ioqgpotu] {
    color: var(--pn-metin-3);
}

/* Yönetici duyurusu: satır sonları korunur, altında küçük kaynak etiketi */
.bm-duyuru-metin[b-37ioqgpotu] {
    white-space: pre-line;
}

.bm-duyuru-kaynak[b-37ioqgpotu] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.4rem;
    font-size: 0.75rem;
    font-weight: 600;
    color: var(--pn-metin-3);
}

.bm-oge-eylem[b-37ioqgpotu] {
    margin-top: 0.65rem;
}

.bm-bos-yesil[b-37ioqgpotu] {
    background: var(--pn-yesil-ton) !important;
    color: var(--pn-yesil) !important;
}

/* ---------------------------------------------------------------- BELGE DURUMU */
.bm-ozet-rozetler[b-37ioqgpotu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
}

.bm-gruplar[b-37ioqgpotu] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
    padding: 1rem 1.25rem;
}

.bm-grup[b-37ioqgpotu] {
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k);
    background: var(--pn-yuzey);
    overflow: hidden;
    min-width: 0;
}

.bm-grup-bas[b-37ioqgpotu] {
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    padding: 0.5rem 0.8rem;
    background: var(--pn-yuzey-2);
    border-bottom: 1px solid var(--pn-kenar);
}

.bm-plaka[b-37ioqgpotu] {
    display: inline-flex;
    align-items: stretch;
    gap: 0.4rem;
    height: 24px;
    line-height: 22px;
    padding-right: 0.5rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 6px;
    overflow: hidden;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

    .bm-plaka[b-37ioqgpotu]::before {
        content: "TR";
        display: inline-flex;
        align-items: flex-end;
        justify-content: center;
        padding: 0 3px 3px;
        background: var(--pn-vurgu);
        color: var(--pn-metin-ters);
        font-family: var(--pn-yazi);
        font-size: 0.5rem;
        font-weight: 700;
        line-height: 1;
        letter-spacing: 0;
    }

.bm-avatar[b-37ioqgpotu] {
    width: 26px;
    height: 26px;
    font-size: 0.7rem;
}

.bm-kisi[b-37ioqgpotu] {
    font-weight: 600;
    font-size: 0.88rem;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bm-belge[b-37ioqgpotu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.6rem 0.8rem;
    border-bottom: 1px solid var(--pn-kenar);
}

    .bm-belge:last-child[b-37ioqgpotu] {
        border-bottom: none;
    }

.bm-belge-yazi[b-37ioqgpotu] {
    min-width: 0;
}

.bm-belge-tur[b-37ioqgpotu] {
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--pn-metin);
}

.bm-belge-aciklama[b-37ioqgpotu] {
    font-size: 0.78rem;
    line-height: 1.35;
    color: var(--pn-metin-3);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bm-bilgi[b-37ioqgpotu] {
    margin: 0.75rem 0 0;
    font-size: 0.88rem;
    color: var(--pn-metin-2);
}

    .bm-bilgi:first-child[b-37ioqgpotu] {
        margin-top: 0;
    }

.bm-dipnot[b-37ioqgpotu] {
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: nowrap;
    gap: 0.5rem;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--pn-metin-3);
}

    .bm-dipnot > i[b-37ioqgpotu] {
        margin-top: 0.1rem;
        flex-shrink: 0;
    }

/* ---------------------------------------------------------------- BELGE DURUMU BAĞLANTISI (acente) */
.bm-belge-bag[b-37ioqgpotu] {
    display: flex;
    flex-direction: column;
}

.bm-belge-bag-ic[b-37ioqgpotu] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 1rem 1.25rem 0.85rem;
}

.bm-belge-bag-baslik[b-37ioqgpotu] {
    font-size: 0.95rem;
    font-weight: 620;
    color: var(--pn-metin);
}

.bm-belge-bag-metin[b-37ioqgpotu] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.3rem;
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--pn-metin-3);
}

.bm-belge-bag-link[b-37ioqgpotu] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 44px;
    padding: 0.6rem 1.25rem;
    border-top: 1px solid var(--pn-kenar);
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--pn-vurgu-metin);
    text-decoration: none;
}

    .bm-belge-bag-link:hover[b-37ioqgpotu] {
        background: var(--pn-yuzey-2);
    }

    .bm-belge-bag-link:focus-visible[b-37ioqgpotu] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

/* ---------------------------------------------------------------- DUYARLI */
/* Sütunlar alt alta düştüğünde (geniş tek sütun) belge grupları iki sütuna yayılır */
@media (min-width: 768px) and (max-width: 1199.98px) {
    .bm-gruplar[b-37ioqgpotu] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Tek sütunda belge bağlantısı listenin üstünde görünür */
@media (max-width: 1199.98px) {
    .bm-belge-bag[b-37ioqgpotu] {
        order: -1;
    }
}

@media (max-width: 767.98px) {
    .bm-genis-metin[b-37ioqgpotu] {
        display: none;
    }

    .bm-okundu-btn[b-37ioqgpotu] {
        width: 40px;
        padding: 0;
    }
}

@media (max-width: 575.98px) {
    /* Başlık ve üç simge düğmesi telefonda aynı satırda kalsın */
    .bm-bas[b-37ioqgpotu] {
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .bm-bas-yazi[b-37ioqgpotu] {
        flex: 1 1 auto;
        min-width: 0;
    }

    .bm-eylemler[b-37ioqgpotu] {
        gap: 0.35rem;
    }

    .bm-oge[b-37ioqgpotu] {
        padding-left: 1rem;
        padding-right: 1rem;
        gap: 0.7rem;
    }

    .bm-oge-ust[b-37ioqgpotu] {
        flex-direction: column;
        gap: 0.1rem;
    }

    .bm-gruplar[b-37ioqgpotu] {
        padding: 0.85rem 1rem;
    }

    .bm-kart-bas[b-37ioqgpotu] {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}
/* /Components/Pages/GeriBildirimIcerik.razor.rz.scp.css */
/* Geri bildirim (acente /geri-bildirim, şoför /sofor-geri-bildirim). Renkler yalnızca --pn-* değişkenleri: koyu tema kendiliğinden.
   Telefonda (360 px) yatay kaydırma olmaz: tüm ızgaralar minmax(0, 1fr), uzun metinler kırılır. */

.gb-kok[b-qddr4kh87p] {
    min-width: 0;
}

.gb-sofor[b-qddr4kh87p] {
    padding-bottom: 1.5rem;
}

.gb-bas[b-qddr4kh87p] {
    margin-bottom: 1rem;
}

.gb-sekme-kap[b-qddr4kh87p] {
    margin-bottom: 1rem;
    min-width: 0;
}

    .gb-sekme-kap .pn-sekme i[b-qddr4kh87p] {
        font-size: 0.95rem;
    }

/* ------------------------------------------------------------------ FORM */
.gb-form-govde[b-qddr4kh87p] {
    display: flex;
    flex-direction: column;
    gap: 1.15rem;
    max-width: 760px;
}

.gb-alan[b-qddr4kh87p] {
    display: flex;
    flex-direction: column;
    gap: 0.45rem;
    min-width: 0;
    border: none;
    margin: 0;
    padding: 0;
}

    .gb-alan legend[b-qddr4kh87p] {
        padding: 0;
        margin-bottom: 0.45rem;
    }

.gb-istege[b-qddr4kh87p] {
    font-weight: 500;
    color: var(--pn-metin-3);
    font-size: 0.78rem;
    margin-left: 0.25rem;
}

.gb-turler[b-qddr4kh87p] {
    display: grid;
    gap: 0.6rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 190px), 1fr));
}

.gb-tur[b-qddr4kh87p] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    text-align: left;
    padding: 0.7rem 0.75rem;
    border-radius: 12px;
    border: 1px solid var(--pn-kenar-2);
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font: inherit;
    cursor: pointer;
    transition: border-color var(--pn-gecis), background var(--pn-gecis), box-shadow var(--pn-gecis);
}

    .gb-tur:hover[b-qddr4kh87p] {
        border-color: var(--pn-metin-3);
    }

    .gb-tur.secili[b-qddr4kh87p] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
        box-shadow: var(--pn-odak);
    }

    .gb-tur:focus-visible[b-qddr4kh87p] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.gb-tur-yazi[b-qddr4kh87p] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.gb-tur-ad[b-qddr4kh87p] {
    font-weight: 620;
    font-size: 0.9rem;
    line-height: 1.3;
}

.gb-tur-aciklama[b-qddr4kh87p] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.gb-tur-ipucu[b-qddr4kh87p] {
    margin: 0;
}

.gb-guvenlik div[b-qddr4kh87p] {
    min-width: 0;
    overflow-wrap: anywhere;
}

/* Yıldızlar */
.gb-yildizlar[b-qddr4kh87p] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    flex-wrap: wrap;
}

.gb-yildiz[b-qddr4kh87p] {
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-metin-3);
    font-size: 1.6rem;
    line-height: 1;
    cursor: pointer;
    transition: transform var(--pn-gecis), color var(--pn-gecis);
}

    .gb-yildiz.dolu[b-qddr4kh87p] {
        color: #f59e0b;
    }

    .gb-yildiz:hover[b-qddr4kh87p] {
        transform: scale(1.08);
    }

    .gb-yildiz:focus-visible[b-qddr4kh87p] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.gb-puan-ad[b-qddr4kh87p] {
    margin-left: 0.4rem;
    font-size: 0.88rem;
    font-weight: 560;
    color: var(--pn-metin-2);
}

.gb-mesaj[b-qddr4kh87p] {
    min-height: 140px;
    resize: vertical;
}

.gb-sayac-metin[b-qddr4kh87p] {
    align-self: flex-end;
    font-size: 0.75rem;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
}

    .gb-sayac-metin.dolu[b-qddr4kh87p] {
        color: var(--pn-sari);
    }

/* Ekran görüntüleri */
.gb-yakalanan-not[b-qddr4kh87p] {
    margin: 0;
    display: flex;
    gap: 0.35rem;
    align-items: flex-start;
}

.gb-ekler[b-qddr4kh87p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

.gb-ek[b-qddr4kh87p] {
    position: relative;
    width: 96px;
    height: 128px;
    border-radius: 12px;
    flex-shrink: 0;
}

.gb-ekler.kucuk .gb-ek[b-qddr4kh87p] {
    width: 72px;
    height: 96px;
}

.gb-ek-gorsel[b-qddr4kh87p] {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 12px;
    background: var(--pn-yuzey-3);
    overflow: hidden;
    cursor: zoom-in;
}

    .gb-ek-gorsel img[b-qddr4kh87p] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
        display: block;
    }

.gb-ek-kaldir[b-qddr4kh87p] {
    position: absolute;
    top: -8px;
    right: -8px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid var(--pn-yuzey);
    background: var(--pn-metin);
    color: var(--pn-yuzey);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    cursor: pointer;
}

.gb-ek-yok[b-qddr4kh87p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px dashed var(--pn-kenar-2);
    color: var(--pn-metin-3);
    font-size: 1.3rem;
}

.gb-ek-ekle[b-qddr4kh87p] {
    position: relative;
    width: 96px;
    height: 128px;
    border-radius: 12px;
    border: 1.5px dashed var(--pn-kenar-2);
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-2);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.35rem;
    font-size: 0.78rem;
    font-weight: 560;
    text-align: center;
    padding: 0.4rem;
    flex-shrink: 0;
    transition: border-color var(--pn-gecis), color var(--pn-gecis);
}

    .gb-ek-ekle i[b-qddr4kh87p] {
        font-size: 1.35rem;
    }

    .gb-ek-ekle:hover[b-qddr4kh87p] {
        border-color: var(--pn-vurgu);
        color: var(--pn-vurgu-metin);
    }

    /* Klavyeyle gezinirken görünmeyen dosya seçicinin odağı kutuda gösterilir */
    .gb-ek-ekle:focus-within[b-qddr4kh87p] {
        border-color: var(--pn-vurgu);
        box-shadow: var(--pn-odak);
    }

    .gb-ek-ekle.isleniyor[b-qddr4kh87p] {
        pointer-events: none;
        opacity: 0.75;
    }

.gb-ekler.kucuk .gb-ek-ekle[b-qddr4kh87p] {
    width: 72px;
    height: 96px;
}

    /* InputFile bileşeni kendi öğesini çizdiği için ::deep gerekir */
    .gb-ek-ekle[b-qddr4kh87p]  .gb-dosya {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
        font-size: 0;
    }

.gb-otomatik[b-qddr4kh87p] {
    margin: 0;
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
    overflow-wrap: anywhere;
}

.gb-gonder-satir[b-qddr4kh87p] {
    display: flex;
    justify-content: flex-end;
}

.gb-gonder[b-qddr4kh87p] {
    min-width: 160px;
}

/* Gönderildi */
.gb-tamam[b-qddr4kh87p] {
    text-align: center;
    padding: 2.25rem 1.25rem;
    max-width: 640px;
}

    .gb-tamam h2[b-qddr4kh87p] {
        font-size: 1.15rem;
        font-weight: 650;
        margin: 0 0 0.35rem;
    }

    .gb-tamam p[b-qddr4kh87p] {
        color: var(--pn-metin-2);
        margin: 0 auto 1.25rem;
        max-width: 440px;
    }

.gb-tamam-ikon[b-qddr4kh87p] {
    width: 60px;
    height: 60px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    background: var(--pn-yesil-ton);
    color: var(--pn-yesil);
    margin-bottom: 0.85rem;
}

.gb-tamam-no[b-qddr4kh87p] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.85rem;
}

.gb-tamam-eylemler[b-qddr4kh87p] {
    display: flex;
    gap: 0.5rem;
    justify-content: center;
    flex-wrap: wrap;
}

/* ------------------------------------------------------------------ LİSTE */
.gb-satir[b-qddr4kh87p] {
    align-items: flex-start;
}

    .gb-satir.yeni[b-qddr4kh87p] {
        background: var(--pn-vurgu-ton);
    }

.gb-satir-yazi[b-qddr4kh87p] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
}

.gb-satir-rozetler[b-qddr4kh87p] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem;
    margin-top: 0.3rem;
}

.gb-ok[b-qddr4kh87p] {
    color: var(--pn-metin-3);
    align-self: center;
    flex-shrink: 0;
}

/* ------------------------------------------------------------------ AYRINTI */
.gb-pencere .pn-pencere-govde[b-qddr4kh87p] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

.gb-adimlar[b-qddr4kh87p] {
    list-style: none;
    margin: 0;
    padding: 0.25rem 0 0.35rem;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.gb-adim[b-qddr4kh87p] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.35rem;
    text-align: center;
    min-width: 0;
    color: var(--pn-metin-3);
}

    /* Adımlar arası çizgi */
    .gb-adim + .gb-adim[b-qddr4kh87p]::before {
        content: "";
        position: absolute;
        top: 15px;
        right: calc(50% + 18px);
        width: calc(100% - 36px);
        height: 2px;
        background: var(--pn-kenar-2);
        border-radius: 2px;
    }

    .gb-adim.tamam + .gb-adim[b-qddr4kh87p]::before,
    .gb-adim.tamam + .gb-adim.simdi[b-qddr4kh87p]::before {
        background: var(--pn-yesil);
    }

.gb-adim-nokta[b-qddr4kh87p] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-3);
    font-size: 0.9rem;
    flex-shrink: 0;
}

.gb-adim.tamam .gb-adim-nokta[b-qddr4kh87p] {
    background: var(--pn-yesil-ton);
    color: var(--pn-yesil);
}

.gb-adim.simdi .gb-adim-nokta[b-qddr4kh87p] {
    background: var(--pn-vurgu);
    color: var(--pn-metin-ters);
    box-shadow: var(--pn-odak);
}

.gb-adim.simdi[b-qddr4kh87p] {
    color: var(--pn-metin);
}

.gb-adim-ad[b-qddr4kh87p] {
    font-size: 0.74rem;
    font-weight: 600;
    line-height: 1.25;
    overflow-wrap: anywhere;
}

.gb-kapali[b-qddr4kh87p] {
    background: var(--pn-gri-ton);
    border-color: var(--pn-gri-kenar);
}

    .gb-kapali > i[b-qddr4kh87p] {
        color: var(--pn-gri);
    }

.gb-surum div[b-qddr4kh87p] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.gb-satir-ici[b-qddr4kh87p] {
    display: inline !important;
}

.gb-ileti[b-qddr4kh87p] {
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    padding: 0.8rem 0.9rem;
    background: var(--pn-yuzey);
    min-width: 0;
}

    .gb-ileti.ekip[b-qddr4kh87p] {
        background: var(--pn-vurgu-ton);
        border-color: transparent;
    }

.gb-ileti-bas[b-qddr4kh87p] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-bottom: 0.4rem;
}

.gb-ileti-tarih[b-qddr4kh87p] {
    margin-left: auto;
    font-size: 0.75rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
}

.gb-yazan[b-qddr4kh87p] {
    font-weight: 620;
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.gb-ileti.ekip .gb-yazan[b-qddr4kh87p] {
    color: var(--pn-vurgu-metin);
}

.gb-ileti-metin[b-qddr4kh87p] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    font-size: 0.9rem;
}

.gb-ileti .gb-ekler[b-qddr4kh87p] {
    margin-top: 0.6rem;
}

.gb-durum-degisti[b-qddr4kh87p] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-wrap: wrap;
    font-size: 0.82rem;
    color: var(--pn-metin-2);
    margin-bottom: 0.35rem;
}

.gb-puan-goster[b-qddr4kh87p] {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    color: #f59e0b;
    font-size: 1.05rem;
    margin-bottom: 0.35rem;
}

    .gb-puan-goster span[b-qddr4kh87p] {
        margin-left: 0.4rem;
        color: var(--pn-metin-2);
        font-size: 0.85rem;
        font-weight: 560;
    }

.gb-yanit[b-qddr4kh87p] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    padding-top: 0.25rem;
}

/* Büyük görüntü */
.gb-buyuk-perde[b-qddr4kh87p] {
    position: fixed;
    inset: 0;
    z-index: 1070;
    background: rgba(2, 6, 23, 0.88);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: max(1rem, env(safe-area-inset-top)) 1rem max(1rem, env(safe-area-inset-bottom));
    animation: gb-belir-b-qddr4kh87p 160ms ease-out;
}

    .gb-buyuk-perde img[b-qddr4kh87p] {
        max-width: 100%;
        max-height: 100%;
        object-fit: contain;
        border-radius: 10px;
        box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.6);
    }

.gb-buyuk-kapat[b-qddr4kh87p] {
    position: absolute;
    top: max(0.75rem, env(safe-area-inset-top));
    right: 0.75rem;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background: rgba(255, 255, 255, 0.16);
    color: #fff;
    font-size: 1.1rem;
    cursor: pointer;
}

@keyframes gb-belir-b-qddr4kh87p {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ------------------------------------------------------------------ TELEFON */
@media (max-width: 575.98px) {
    .gb-turler[b-qddr4kh87p] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .gb-tur[b-qddr4kh87p] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.45rem;
        padding: 0.7rem;
    }

    .gb-gonder-satir .gb-gonder[b-qddr4kh87p] {
        flex: 1 1 auto;
    }

    .gb-ek[b-qddr4kh87p], .gb-ek-ekle[b-qddr4kh87p] {
        width: 84px;
        height: 112px;
    }

    .gb-adim-ad[b-qddr4kh87p] {
        font-size: 0.7rem;
    }

    .gb-tamam-eylemler .pn-btn[b-qddr4kh87p] {
        flex: 1 1 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .gb-yildiz[b-qddr4kh87p], .gb-tur[b-qddr4kh87p], .gb-buyuk-perde[b-qddr4kh87p] {
        transition: none;
        animation: none;
    }
}
/* /Components/Pages/Giris.razor.rz.scp.css */
/* =========================================================================
   GİRİŞ EKRANI — acente paneliyle aynı tasarım dili (panel.css --pn-* değişkenleri, açık/koyu tema)
   - Telefon (≤576px): tam ekran, kart yok; logo üstte, form ortada, alt bilgi en altta.
   - Tablet (577–991px): ortalanmış kart.
   - Masaüstü (≥992px): iki sütun — solda marka/tanıtım, sağda form.
   ========================================================================= */

.gr-perde-bos[b-whhex858sb] {
    position: fixed;
    inset: 0;
    background: var(--pn-zemin);
    z-index: 2147483647;
}

/* Sarmalayıcı kendi içinde kaydırılır (klavye açıkken veya kısa ekranda) */
.gr-kok[b-whhex858sb] {
    height: 100vh;
    height: 100dvh; /* WEB: tarayıcı araç çubukları görünürken alt kısım ekran dışında kalmasın (desteklemeyen tarayıcı 100vh kullanır) */
    overflow-y: auto;
    overflow-x: hidden;
    overscroll-behavior-y: none;
    touch-action: manipulation; /* WEB: pan-y iki parmakla yakınlaştırmayı engelliyordu; tarayıcıda yakınlaştırma engellenmez */
    -webkit-overflow-scrolling: touch;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    background: var(--pn-zemin);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    font-size: 0.925rem;
    line-height: 1.5;
}

    .gr-kok *[b-whhex858sb], .gr-kok *[b-whhex858sb]::before, .gr-kok *[b-whhex858sb]::after {
        box-sizing: border-box;
    }

/* ------------------------------------------------------------ MARKA */
.gr-marka[b-whhex858sb] {
    display: flex;
    align-items: center;
    min-height: 34px;
}

.gr-logo[b-whhex858sb] {
    height: 30px;
    width: auto;
    max-width: 220px;
    object-fit: contain;
}

.gr-yazi-logo[b-whhex858sb] {
    display: none;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    color: var(--pn-metin);
}

    .gr-yazi-logo span[b-whhex858sb] {
        color: var(--pn-vurgu);
    }

/* Logo dosyası yüklenemezse yazılı logo görünür */
html:not(.dark-mode) .acik-yok .gr-yazi-logo[b-whhex858sb],
html.dark-mode .koyu-yok .gr-yazi-logo[b-whhex858sb] {
    display: inline;
}

/* ------------------------------------------------------------ TANITIM (sol sütun) */
.gr-tanitim[b-whhex858sb] {
    display: none;
    position: relative;
    overflow: hidden;
    background: var(--pn-yuzey-2);
    border-right: 1px solid var(--pn-kenar);
}

    .gr-tanitim[b-whhex858sb]::before {
        content: "";
        position: absolute;
        inset: 0;
        background: radial-gradient(900px 520px at 0% 0%, var(--pn-vurgu-ton-2), transparent 62%), radial-gradient(640px 460px at 100% 100%, var(--pn-yesil-ton), transparent 62%);
        pointer-events: none;
    }

    .gr-tanitim[b-whhex858sb]::after {
        content: "";
        position: absolute;
        inset: 0;
        background-image: radial-gradient(var(--pn-kenar-2) 1px, transparent 1.3px);
        background-size: 22px 22px;
        -webkit-mask-image: linear-gradient(170deg, rgba(0, 0, 0, 0.7), transparent 55%);
        mask-image: linear-gradient(170deg, rgba(0, 0, 0, 0.7), transparent 55%);
        opacity: 0.55;
        pointer-events: none;
    }

.gr-tanitim-ic[b-whhex858sb] {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: 600px;
    min-height: 100%;
    margin: 0 auto;
    padding: calc(2.5rem + env(safe-area-inset-top)) 3rem calc(2rem + env(safe-area-inset-bottom));
}

.gr-tanitim-orta[b-whhex858sb] {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1.5rem;
}

.gr-slogan[b-whhex858sb] {
    font-size: 2.1rem;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.15;
    color: var(--pn-metin);
    margin: 0;
    max-width: 440px;
}

.gr-slogan-alt[b-whhex858sb] {
    font-size: 1rem;
    line-height: 1.55;
    color: var(--pn-metin-2);
    margin: -0.5rem 0 0;
    max-width: 460px;
}

.gr-ozellikler[b-whhex858sb] {
    list-style: none;
    margin: 0.25rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

    .gr-ozellikler li[b-whhex858sb] {
        display: flex;
        align-items: flex-start;
        gap: 0.9rem;
    }

    .gr-ozellikler strong[b-whhex858sb] {
        display: block;
        font-size: 0.95rem;
        font-weight: 620;
        color: var(--pn-metin);
        line-height: 1.35;
    }

    .gr-ozellikler .pn-esnek > span[b-whhex858sb] {
        display: block;
        font-size: 0.86rem;
        color: var(--pn-metin-3);
        margin-top: 0.1rem;
    }

/* Panelden bir kesit: ürünü tanıtan örnek sefer listesi (süs, etkileşimsiz) */
.gr-ornek[b-whhex858sb] {
    margin-top: 0.5rem;
    max-width: 470px;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    box-shadow: var(--pn-golge-2);
    overflow: hidden;
    pointer-events: none;
    user-select: none;
}

.gr-ornek-bas[b-whhex858sb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.75rem 1rem;
    border-bottom: 1px solid var(--pn-kenar);
}

.gr-ornek-baslik[b-whhex858sb] {
    font-size: 0.86rem;
    font-weight: 620;
    color: var(--pn-metin);
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
}

    .gr-ornek-baslik i[b-whhex858sb] {
        color: var(--pn-metin-3);
    }

.gr-ornek-satir[b-whhex858sb] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.7rem 1rem;
    border-bottom: 1px solid var(--pn-kenar);
}

    .gr-ornek-satir:last-child[b-whhex858sb] {
        border-bottom: none;
    }

.gr-ornek-saat[b-whhex858sb] {
    font-size: 0.88rem;
    font-weight: 650;
    font-variant-numeric: tabular-nums;
    color: var(--pn-metin);
    width: 2.6rem;
    flex-shrink: 0;
}

.gr-ornek-guzergah[b-whhex858sb] {
    display: block;
    font-size: 0.86rem;
    font-weight: 600;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .gr-ornek-guzergah i[b-whhex858sb] {
        font-size: 0.75rem;
        color: var(--pn-metin-3);
        margin: 0 0.15rem;
    }

.gr-ornek-alt[b-whhex858sb] {
    display: block;
    font-size: 0.76rem;
    color: var(--pn-metin-3);
}

.gr-tanitim-alt[b-whhex858sb] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
}

/* ------------------------------------------------------------ FORM (sağ sütun) */
.gr-form-alani[b-whhex858sb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: calc(2rem + env(safe-area-inset-top)) 1.5rem calc(2rem + env(safe-area-inset-bottom));
    background: radial-gradient(900px 480px at 50% -10%, var(--pn-vurgu-ton), transparent 70%), var(--pn-zemin);
}

.gr-form-kap[b-whhex858sb] {
    width: 100%;
    max-width: 420px;
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.gr-ust[b-whhex858sb] {
    justify-content: center;
}

.gr-kart[b-whhex858sb] {
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: 18px;
    box-shadow: var(--pn-golge-2);
    padding: 2rem 2rem 1.75rem;
}

.gr-form[b-whhex858sb] {
    display: flex;
    flex-direction: column;
    gap: 1.05rem;
    animation: gr-belir-b-whhex858sb 280ms ease-out;
}

@keyframes gr-belir-b-whhex858sb {
    from {
        opacity: 0;
        transform: translateY(8px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.gr-bas[b-whhex858sb] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin-bottom: 0.2rem;
}

.gr-bas-ikon[b-whhex858sb] {
    margin-bottom: 0.6rem;
}

.gr-baslik[b-whhex858sb] {
    font-size: 1.5rem;
    font-weight: 680;
    letter-spacing: -0.02em;
    line-height: 1.2;
    color: var(--pn-metin);
    margin: 0;
}

.gr-aciklama[b-whhex858sb] {
    font-size: 0.9rem;
    color: var(--pn-metin-3);
    margin: 0;
    line-height: 1.5;
}

.gr-eposta[b-whhex858sb] {
    color: var(--pn-metin);
    font-weight: 600;
    overflow-wrap: anywhere;
}

.gr-geri[b-whhex858sb] {
    margin-left: -0.6rem;
    color: var(--pn-metin-2);
}

/* Hesap türü seçimi (acente paneli sekme görünümü, tam genişlik) */
.gr-rol-alan[b-whhex858sb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.gr-rol[b-whhex858sb] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
    padding: 4px;
    background: var(--pn-yuzey-3);
    border-radius: 12px;
}

.gr-rol-btn[b-whhex858sb] {
    min-height: 42px;
    padding: 0 0.75rem;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--pn-metin-2);
    font-family: var(--pn-yazi);
    font-size: 0.92rem;
    font-weight: 580;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis), box-shadow var(--pn-gecis);
}

    .gr-rol-btn:hover:not(:disabled)[b-whhex858sb] {
        color: var(--pn-metin);
    }

    .gr-rol-btn:focus[b-whhex858sb] {
        outline: none;
    }

    .gr-rol-btn:focus-visible[b-whhex858sb] {
        box-shadow: var(--pn-odak);
    }

    .gr-rol-btn:disabled[b-whhex858sb] {
        cursor: not-allowed;
    }

    .gr-rol-btn.aktif[b-whhex858sb] {
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08), 0 1px 3px rgba(16, 24, 40, 0.06);
    }

        .gr-rol-btn.aktif i[b-whhex858sb] {
            color: var(--pn-vurgu-metin);
        }

.gr-rol-ipucu[b-whhex858sb] {
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    margin: 0;
    line-height: 1.45;
}

/* Girdiler: 48px yükseklik, iOS yakınlaştırmasın diye 16px yazı */
.gr-girdi[b-whhex858sb] {
    min-height: 48px;
    font-size: 16px;
    padding-left: 2.6rem;
    border-radius: 12px;
}

.pn-girdi-grup > i[b-whhex858sb] {
    left: 0.95rem;
    font-size: 1rem;
}

.gr-girdi-sifre[b-whhex858sb] {
    padding-right: 3.1rem;
}

.gr-goz[b-whhex858sb] {
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--pn-metin-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .gr-goz:hover[b-whhex858sb],
    .gr-goz:focus-visible[b-whhex858sb] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
        outline: none;
    }

.gr-hatirla[b-whhex858sb] {
    min-height: 40px;
    align-self: flex-start;
    color: var(--pn-metin-2);
    font-weight: 500;
}

.gr-hata[b-whhex858sb] {
    line-height: 1.45;
}

/* Beni hatırla + Şifremi unuttum (şifre kutusunun hemen altında) */
.gr-sifre-alt[b-whhex858sb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.25rem 0.75rem;
    margin-top: -0.35rem;
}

.gr-unuttum[b-whhex858sb] {
    margin-left: auto;
    font-size: 0.88rem;
}

/* Şifremi unuttum: yeni şifre kuralları */
.gr-kurallar[b-whhex858sb] {
    list-style: none;
    margin: -0.25rem 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1.1rem;
    font-size: 0.82rem;
    color: var(--pn-metin-3);
}

    .gr-kurallar li[b-whhex858sb] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }

        .gr-kurallar li.tamam[b-whhex858sb] {
            color: var(--pn-yesil);
        }

.gr-gonder[b-whhex858sb] {
    min-height: 48px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 12px;
    margin-top: 0.15rem;
    box-shadow: 0 8px 18px -10px rgba(37, 99, 235, 0.65);
}

/* Doğrulama kodu kutusu: büyük, ortalı, eşit aralıklı rakamlar */
.gr-kod[b-whhex858sb] {
    min-height: 60px;
    text-align: center;
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
    font-size: 1.7rem;
    font-weight: 650;
    letter-spacing: 0.45em;
    padding-left: calc(0.8rem + 0.45em);
    font-variant-numeric: tabular-nums;
    border-radius: 12px;
}

    .gr-kod[b-whhex858sb]::placeholder {
        color: var(--pn-kenar-2);
        opacity: 1;
    }

.gr-yeniden[b-whhex858sb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.25rem 0.5rem;
    font-size: 0.86rem;
    color: var(--pn-metin-3);
}

.gr-baglanti[b-whhex858sb] {
    border: none;
    background: transparent;
    padding: 0 0.25rem;
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--pn-vurgu-metin);
    font-family: var(--pn-yazi);
    font-size: inherit;
    font-weight: 580;
    cursor: pointer;
    border-radius: 8px;
}

    .gr-baglanti:hover:not(:disabled)[b-whhex858sb] {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    .gr-baglanti:focus-visible[b-whhex858sb] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .gr-baglanti:disabled[b-whhex858sb] {
        color: var(--pn-metin-3);
        cursor: default;
        text-decoration: none;
    }

.gr-alt-bilgi[b-whhex858sb] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0 0.4rem;
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    text-align: center;
}

.gr-nokta[b-whhex858sb] {
    opacity: 0.6;
}

/* Yardım hattı: alt bilgide ayrı satır */
.gr-yardim[b-whhex858sb] {
    flex-basis: 100%;
    justify-content: center;
    color: var(--pn-metin-2);
    font-weight: 560;
    font-variant-numeric: tabular-nums;
}

    .gr-yardim i[b-whhex858sb] {
        color: var(--pn-yesil);
    }

/* ------------------------------------------------------------ KAYITLI HESAPLAR (hesap geçişi) */
.gr-hesaplar[b-whhex858sb] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.gr-hesaplar-bas[b-whhex858sb] {
    font-size: 0.78rem;
    font-weight: 620;
    color: var(--pn-metin-3);
    letter-spacing: 0.02em;
}

.gr-hesap-listesi[b-whhex858sb] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    overflow: hidden;
    background: var(--pn-yuzey);
}

.gr-hesap[b-whhex858sb] {
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--pn-kenar);
    min-width: 0;
}

    .gr-hesap:last-child[b-whhex858sb] {
        border-bottom: none;
    }

.gr-hesap-sec[b-whhex858sb] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-height: 60px;
    padding: 0.55rem 0.4rem 0.55rem 0.8rem;
    border: none;
    background: transparent;
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    font-size: inherit;
    text-align: left;
    cursor: pointer;
    transition: background var(--pn-gecis);
}

    .gr-hesap-sec:hover:not(:disabled)[b-whhex858sb] {
        background: var(--pn-yuzey-2);
    }

    .gr-hesap-sec:focus[b-whhex858sb] {
        outline: none;
    }

    .gr-hesap-sec:focus-visible[b-whhex858sb] {
        box-shadow: inset 0 0 0 2px var(--pn-vurgu);
    }

    .gr-hesap-sec:disabled[b-whhex858sb] {
        cursor: default;
    }

.gr-hesap-avatar[b-whhex858sb] {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 680;
    font-size: 0.86rem;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
}

    .gr-hesap-avatar.yesil[b-whhex858sb] {
        background: var(--pn-yesil-ton);
        color: var(--pn-yesil);
    }

    .gr-hesap-avatar.mor[b-whhex858sb] {
        background: var(--pn-mor-ton);
        color: var(--pn-mor);
    }

.gr-hesap-metin[b-whhex858sb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.gr-hesap-ad[b-whhex858sb] {
    font-weight: 620;
    font-size: 0.92rem;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gr-hesap-alt[b-whhex858sb] {
    font-size: 0.79rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.gr-hesap-durum[b-whhex858sb] {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.76rem;
    font-weight: 600;
    color: var(--pn-sari);
    white-space: nowrap;
}

.gr-hesap-ok[b-whhex858sb] {
    flex-shrink: 0;
    color: var(--pn-metin-3);
}

.gr-hesap-kaldir[b-whhex858sb] {
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    margin-right: 0.3rem;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--pn-metin-3);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.85rem;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .gr-hesap-kaldir:hover:not(:disabled)[b-whhex858sb],
    .gr-hesap-kaldir:focus-visible[b-whhex858sb] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
        outline: none;
    }

    .gr-hesap-kaldir:disabled[b-whhex858sb] {
        cursor: default;
        opacity: 0.5;
    }

.gr-hesap-onay[b-whhex858sb] {
    flex-wrap: wrap;
    gap: 0.45rem;
    padding: 0.65rem 0.6rem 0.55rem 0.8rem;
    min-height: 60px;
    background: var(--pn-kirmizi-ton);
}

    .gr-hesap-onay .gr-hesap-metin[b-whhex858sb] {
        flex: 1 1 100%;
    }

    .gr-hesap-onay .gr-hesap-ad[b-whhex858sb],
    .gr-hesap-onay .gr-hesap-alt[b-whhex858sb] {
        white-space: normal;
    }

    .gr-hesap-onay > button:first-of-type[b-whhex858sb] {
        margin-left: auto;
    }

.gr-ayrac[b-whhex858sb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    margin: 0.1rem 0 -0.1rem;
}

    .gr-ayrac[b-whhex858sb]::before,
    .gr-ayrac[b-whhex858sb]::after {
        content: "";
        flex: 1 1 auto;
        height: 1px;
        background: var(--pn-kenar);
    }

    .gr-ayrac span[b-whhex858sb] {
        flex-shrink: 0;
    }

/* ------------------------------------------------------------ MASAÜSTÜ: İKİ SÜTUN */
@media (min-width: 992px) {
    .gr-kok[b-whhex858sb] {
        grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
    }

    .gr-tanitim[b-whhex858sb] {
        display: flex;
    }

    .gr-form-alani[b-whhex858sb] {
        background: var(--pn-yuzey);
        padding-left: 3rem;
        padding-right: 3rem;
    }

    .gr-form-kap[b-whhex858sb] {
        max-width: 400px;
        min-height: 100%;
        gap: 1.5rem;
    }

    /* Logo solda; sağda form sade (kartsız) */
    .gr-ust[b-whhex858sb] {
        visibility: hidden;
        min-height: 0;
        height: 0;
    }

    .gr-kart[b-whhex858sb] {
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 0;
        margin: auto 0;
    }

    /* Telif yazısı solda (tanıtım sütununda) zaten var */
    .gr-telif[b-whhex858sb] {
        display: none;
    }
}

@media (min-width: 1440px) {
    .gr-slogan[b-whhex858sb] {
        font-size: 2.35rem;
    }
}

/* ------------------------------------------------------------ TELEFON: TAM EKRAN */
@media (max-width: 576px) {
    .gr-perde-bos[b-whhex858sb] {
        background: var(--pn-yuzey);
    }

    .gr-kok[b-whhex858sb] {
        height: 100dvh;
        min-height: 100dvh;
        background: var(--pn-yuzey);
    }

    .gr-form-alani[b-whhex858sb] {
        justify-content: flex-start;
        align-items: stretch;
        background: var(--pn-yuzey);
        padding: calc(1.1rem + env(safe-area-inset-top)) 1.25rem calc(1rem + env(safe-area-inset-bottom));
    }

    .gr-form-kap[b-whhex858sb] {
        flex: 1 1 auto;
        max-width: none;
        gap: 1rem;
    }

    .gr-ust[b-whhex858sb] {
        justify-content: flex-start;
    }

    .gr-logo[b-whhex858sb] {
        height: 28px;
    }

    .gr-kart[b-whhex858sb] {
        background: transparent;
        border: none;
        border-radius: 0;
        box-shadow: none;
        padding: 0 0 6vh;
        margin: auto 0;
    }

    .gr-baslik[b-whhex858sb] {
        font-size: 1.6rem;
    }

    .gr-alt-bilgi[b-whhex858sb] {
        padding-top: 0.5rem;
    }
}

/* ------------------------------------------------------------ KOYU TEMA */
html.dark-mode .gr-rol-btn.aktif[b-whhex858sb] {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
}

html.dark-mode .gr-gonder[b-whhex858sb] {
    box-shadow: none;
}

html.dark-mode .gr-tanitim[b-whhex858sb]::before {
    background: radial-gradient(900px 520px at 0% 0%, var(--pn-vurgu-ton), transparent 62%), radial-gradient(640px 460px at 100% 100%, var(--pn-yesil-ton), transparent 62%);
}

html.dark-mode .gr-tanitim[b-whhex858sb]::after {
    opacity: 0.35;
}

@media (prefers-reduced-motion: reduce) {
    .gr-form[b-whhex858sb] {
        animation: none;
    }
}

/* Şifremi unuttum — şoför: şifreyi acente yeniler; yapılacaklar numaralı adımlarla */
.gr-sofor-adimlar[b-whhex858sb] {
    list-style: none;
    margin: 0;
    padding: 0;
    counter-reset: gr-adim;
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

    .gr-sofor-adimlar li[b-whhex858sb] {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        min-height: 30px;
        padding-left: 2.6rem;
        counter-increment: gr-adim;
        font-size: 0.9rem;
        line-height: 1.45;
        color: var(--pn-metin-2);
    }

        .gr-sofor-adimlar li[b-whhex858sb]::before {
            content: counter(gr-adim);
            position: absolute;
            left: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            background: var(--pn-vurgu-ton);
            color: var(--pn-vurgu-metin);
            font-size: 0.86rem;
            font-weight: 700;
        }

        .gr-sofor-adimlar li strong[b-whhex858sb] {
            color: var(--pn-metin);
            font-weight: 650;
        }

/* /Components/Pages/Ozellikler/OzelliklerSekmesi.razor.rz.scp.css */
/* =========================================================================
   PROFİL > ÖZELLİKLER
   Başlık ve özet kartı, arama + süzgeç çubuğu (geniş ekranda yapışkan), konu grupları (çok geniş alanda iki sütun),
   özellik kartları (alt özellikler girintili), kaydedilmemiş değişiklik çubuğu (altta yapışkan).
   Renkler panel.css --pn-* değişkenlerinden; açık / koyu tema otomatik.
   ========================================================================= */

.oz-sayfa[b-22yw1plyye] {
    --oz-ikon: 38px;
    --oz-girinti: calc(var(--oz-ikon) + 0.85rem);
    display: flex;
    flex-direction: column;
    gap: 1rem;
    min-width: 0;
}

/* ------------------------------------------------------------ BAŞLIK */
.oz-bas[b-22yw1plyye] {
    padding: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.oz-bas-ust[b-22yw1plyye] {
    display: flex;
    align-items: flex-start;
    gap: 0.9rem;
}

.oz-bas-ikon[b-22yw1plyye] {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 12px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-size: 1.3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.oz-bas-yazi[b-22yw1plyye] {
    min-width: 0;
}

.oz-baslik[b-22yw1plyye] {
    margin: 0;
    font-size: 1.15rem;
    font-weight: 660;
    color: var(--pn-metin);
}

.oz-aciklama[b-22yw1plyye] {
    margin: 0.25rem 0 0;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--pn-metin-2);
}

.oz-ozet[b-22yw1plyye] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.oz-ozet-oge[b-22yw1plyye] {
    display: inline-flex;
    align-items: baseline;
    gap: 0.35rem;
    min-height: 36px;
    padding: 0.35rem 0.8rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 999px;
    background: var(--pn-yuzey-2);
    font-size: 0.82rem;
    color: var(--pn-metin-2);
}

    .oz-ozet-oge strong[b-22yw1plyye] {
        font-size: 1rem;
        font-weight: 680;
        color: var(--pn-metin);
        font-variant-numeric: tabular-nums;
    }

    .oz-ozet-oge.acik strong[b-22yw1plyye] { color: var(--pn-yesil); }
    .oz-ozet-oge.kilit strong[b-22yw1plyye] { color: var(--pn-metin-3); }

    .oz-ozet-oge.degisti[b-22yw1plyye] {
        border-color: var(--pn-sari-kenar);
        background: var(--pn-sari-ton);
    }

        .oz-ozet-oge.degisti strong[b-22yw1plyye] { color: var(--pn-sari); }

.oz-yetki[b-22yw1plyye] {
    margin: 0;
}

.oz-sofor-bilgi[b-22yw1plyye] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k, 10px);
    background: var(--pn-yuzey-2);
    font-size: 0.84rem;
    line-height: 1.45;
    color: var(--pn-metin-2);
}

    .oz-sofor-bilgi strong[b-22yw1plyye] {
        font-weight: 600;
        color: var(--pn-metin);
    }

.oz-sofor-metin[b-22yw1plyye] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
}

.oz-sofor-ozet[b-22yw1plyye] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    align-self: flex-start;
    min-height: 32px;
    font-weight: 620;
    color: var(--pn-vurgu-metin);
    text-decoration: none;
}

    .oz-sofor-ozet:hover[b-22yw1plyye] {
        text-decoration: underline;
    }

/* ------------------------------------------------------------ ARAMA VE SÜZGEÇLER */
.oz-arac[b-22yw1plyye] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    min-width: 0;
}

.oz-ara[b-22yw1plyye] {
    position: relative;
    display: flex;
    align-items: center;
}

.oz-ara-ikon[b-22yw1plyye] {
    position: absolute;
    left: 0.95rem;
    color: var(--pn-metin-3);
    font-size: 1rem;
    pointer-events: none;
}

.oz-ara-girdi[b-22yw1plyye] {
    min-height: 48px;
    padding-left: 2.6rem;
    padding-right: 2.8rem;
    border-radius: 12px;
    font-size: 1rem;
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge);
}

    .oz-ara-girdi:focus[b-22yw1plyye] {
        border-color: var(--pn-vurgu);
        box-shadow: var(--pn-odak);
    }

    .oz-ara-girdi[b-22yw1plyye]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        appearance: none;
        display: none;
    }

.oz-ara-temizle[b-22yw1plyye] {
    position: absolute;
    right: 0.3rem;
    width: 40px;
    height: 40px;
    border: none;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-metin-3);
    font-size: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .oz-ara-temizle:hover[b-22yw1plyye] {
        color: var(--pn-metin);
        background: var(--pn-yuzey-3);
    }

    .oz-ara-temizle:focus-visible[b-22yw1plyye] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.oz-suzgecler[b-22yw1plyye] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

/* Durum: bölümlü düğme */
.oz-durumlar[b-22yw1plyye] {
    display: inline-flex;
    gap: 0.25rem;
    padding: 0.25rem;
    border-radius: 12px;
    background: var(--pn-yuzey-3);
    flex-shrink: 0;
}

.oz-durum[b-22yw1plyye] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 36px;
    padding: 0 0.8rem;
    border: none;
    border-radius: 9px;
    background: transparent;
    color: var(--pn-metin-2);
    font-family: var(--pn-yazi);
    font-size: 0.85rem;
    font-weight: 580;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .oz-durum:hover[b-22yw1plyye] { color: var(--pn-metin); }

    .oz-durum.aktif[b-22yw1plyye] {
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        box-shadow: 0 1px 2px rgba(16, 24, 40, 0.08);
    }

    .oz-durum:focus-visible[b-22yw1plyye] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.oz-durum-sayi[b-22yw1plyye] {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-3);
    font-size: 0.72rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}

.oz-durum.aktif .oz-durum-sayi[b-22yw1plyye] {
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
}

/* Bölüm çipleri */
.oz-bolumler[b-22yw1plyye] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    min-width: 0;
}

.oz-bolum[b-22yw1plyye] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 36px;
    padding: 0 0.8rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 999px;
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
    font-family: var(--pn-yazi);
    font-size: 0.84rem;
    font-weight: 560;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--pn-gecis), border-color var(--pn-gecis), color var(--pn-gecis);
}

    .oz-bolum > i[b-22yw1plyye] {
        color: var(--pn-metin-3);
        font-size: 0.95rem;
    }

    .oz-bolum:hover[b-22yw1plyye] {
        border-color: var(--pn-vurgu);
        color: var(--pn-metin);
    }

    .oz-bolum.aktif[b-22yw1plyye] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
        color: var(--pn-vurgu-metin);
        box-shadow: inset 0 0 0 1px var(--pn-vurgu);
    }

        .oz-bolum.aktif > i[b-22yw1plyye] { color: var(--pn-vurgu-metin); }

    .oz-bolum.bos[b-22yw1plyye] {
        opacity: 0.55;
    }

    .oz-bolum:focus-visible[b-22yw1plyye] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.oz-bolum-sayi[b-22yw1plyye] {
    font-size: 0.75rem;
    font-weight: 680;
    font-variant-numeric: tabular-nums;
}

.oz-sonuc[b-22yw1plyye] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.25rem 0.6rem;
    min-height: 0;
    margin: 0;
    font-size: 0.84rem;
    color: var(--pn-metin-3);
}

.oz-sifirla[b-22yw1plyye] {
    min-height: 32px;
    padding: 0 0.4rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-family: var(--pn-yazi);
    font-size: 0.84rem;
    font-weight: 620;
    cursor: pointer;
}

    .oz-sifirla:hover[b-22yw1plyye] { background: var(--pn-vurgu-ton); }

/* ------------------------------------------------------------ GRUPLAR */
.oz-gruplar[b-22yw1plyye] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
    align-items: start;
}

.oz-grup[b-22yw1plyye] {
    min-width: 0;
}

.oz-grup-bas[b-22yw1plyye] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    padding: 1rem 1.25rem;
    border-bottom: 1px solid var(--pn-kenar);
}

.oz-grup-ikon[b-22yw1plyye] {
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 1.05rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.oz-grup-yazi[b-22yw1plyye] {
    flex: 1 1 auto;
    min-width: 0;
}

    .oz-grup-yazi h3[b-22yw1plyye] {
        margin: 0;
        font-size: 1rem;
        font-weight: 650;
        color: var(--pn-metin);
    }

    .oz-grup-yazi p[b-22yw1plyye] {
        margin: 0.1rem 0 0;
        font-size: 0.8rem;
        line-height: 1.4;
        color: var(--pn-metin-3);
    }

.oz-grup-sayac[b-22yw1plyye] {
    flex-shrink: 0;
    padding: 0.2rem 0.6rem;
    border-radius: 999px;
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
    font-size: 0.75rem;
    font-weight: 620;
    color: var(--pn-metin-2);
    white-space: nowrap;
    font-variant-numeric: tabular-nums;
}

.oz-liste[b-22yw1plyye] {
    padding: 0 1.25rem;
}

/* ------------------------------------------------------------ ÖZELLİK KARTI */
.oz-kart[b-22yw1plyye] {
    padding: 1rem 0;
    border-top: 1px solid var(--pn-kenar);
}

    .oz-kart:first-child[b-22yw1plyye] {
        border-top: none;
    }

.oz-kart-ust[b-22yw1plyye] {
    display: flex;
    align-items: flex-start;
    gap: 0.85rem;
}

.oz-kart-ikon[b-22yw1plyye] {
    width: var(--oz-ikon);
    height: var(--oz-ikon);
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-3);
    font-size: 1.1rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .oz-kart-ikon.kucuk[b-22yw1plyye] {
        width: 30px;
        height: 30px;
        border-radius: 8px;
        font-size: 0.95rem;
    }

.oz-kart.acik > .oz-kart-ust .oz-kart-ikon[b-22yw1plyye],
.oz-alt.acik .oz-kart-ikon[b-22yw1plyye] {
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
}

.oz-kart-yazi[b-22yw1plyye] {
    flex: 1 1 auto;
    min-width: 0;
}

.oz-kart-baslik[b-22yw1plyye] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.35rem 0.5rem;
}

    .oz-kart-baslik h4[b-22yw1plyye],
    .oz-kart-baslik h5[b-22yw1plyye] {
        margin: 0;
        font-size: 0.95rem;
        font-weight: 630;
        line-height: 1.35;
        color: var(--pn-metin);
    }

    .oz-kart-baslik h5[b-22yw1plyye] {
        font-size: 0.9rem;
    }

.oz-kart-ozet[b-22yw1plyye] {
    margin: 0.2rem 0 0;
    font-size: 0.84rem;
    line-height: 1.5;
    color: var(--pn-metin-2);
}

.oz-anahtar[b-22yw1plyye] {
    margin-top: 4px;
}

.oz-kart.kilitli .oz-kart-baslik h4[b-22yw1plyye],
.oz-kart.kilitli .oz-kart-ozet[b-22yw1plyye] {
    color: var(--pn-metin-3);
}

/* Aranan kelime */
.oz-sayfa[b-22yw1plyye]  .oz-isaret {
    padding: 0 1px;
    border-radius: 3px;
    background: var(--pn-sari-ton);
    color: inherit;
    box-shadow: 0 0 0 1px var(--pn-sari-kenar);
}

/* Rozetler */
.oz-sayfa[b-22yw1plyye]  .oz-rozet {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    height: 22px;
    padding: 0 0.5rem;
    border-radius: 999px;
    font-size: 0.7rem;
    font-weight: 640;
    white-space: nowrap;
    background: var(--pn-gri-ton);
    color: var(--pn-gri);
}

    .oz-sayfa[b-22yw1plyye]  .oz-rozet > i { font-size: 0.75rem; }
    .oz-sayfa[b-22yw1plyye]  .oz-rozet.sofor { background: var(--pn-mor-ton); color: var(--pn-mor); }
    .oz-sayfa[b-22yw1plyye]  .oz-rozet.kilit { background: var(--pn-gri-ton); color: var(--pn-gri); }
    .oz-sayfa[b-22yw1plyye]  .oz-rozet.degisti { background: var(--pn-sari-ton); color: var(--pn-sari); }

.oz-sayfa[b-22yw1plyye]  .oz-sofor-bilgi > .oz-rozet {
    margin-top: 1px;
    flex-shrink: 0;
}

/* Ek seçenekler ve notlar (metinle aynı hizada) */
.oz-sayfa[b-22yw1plyye]  .oz-secenek,
.oz-sayfa[b-22yw1plyye]  .oz-ic-kart,
.oz-sayfa[b-22yw1plyye]  .oz-bilgi-kutu,
.oz-sayfa[b-22yw1plyye]  .oz-kart > .oz-bagimli,
.oz-sayfa[b-22yw1plyye]  .oz-kart > .oz-ayrinti,
.oz-sayfa[b-22yw1plyye]  .oz-altlar {
    margin-left: var(--oz-girinti);
}

/* "Ayrıntılar" düğmesinin yazısı açıklamayla aynı hizada (düğmenin iç boşluğu kadar sola) */
.oz-kart > .oz-ayrinti-ac[b-22yw1plyye] {
    margin-left: calc(var(--oz-girinti) - 0.45rem);
}

.oz-secenek[b-22yw1plyye] {
    margin-top: 0.75rem;
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.oz-onay[b-22yw1plyye] {
    font-size: 0.86rem;
    color: var(--pn-metin);
    align-items: flex-start;
}

    .oz-onay input[b-22yw1plyye] { margin-top: 2px; }

.oz-secenek-not[b-22yw1plyye] {
    margin: 0;
    font-size: 0.78rem;
    line-height: 1.45;
    color: var(--pn-metin-3);
}

.oz-ic-kart[b-22yw1plyye] {
    margin-top: 0.75rem;
}

    .oz-ic-kart:empty[b-22yw1plyye] { display: none; }

.oz-secenek .oz-ic-kart[b-22yw1plyye] {
    margin-left: 0;
}

.oz-en-erken[b-22yw1plyye] {
    max-width: 440px;
}

    .oz-en-erken .pn-etiket[b-22yw1plyye] { margin: 0; }

/* Şoför düzenlerken neleri değiştirebilir? */
.oz-alanlar[b-22yw1plyye] {
    min-width: 0;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    border: 0;
}

    .oz-alanlar > legend[b-22yw1plyye] {
        float: none;
        width: auto;
        margin: 0 0 0.15rem;
        padding: 0;
        font-size: 0.82rem; /* Bootstrap'in legend boyutu yerine .pn-etiket boyutu */
    }

.oz-alan-liste[b-22yw1plyye] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.4rem 1rem;
    max-width: 560px;
}

.oz-alan[b-22yw1plyye] {
    align-items: flex-start;
    gap: 0.55rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k, 10px);
    background: var(--pn-yuzey);
}

    .oz-alan input[b-22yw1plyye] { margin-top: 2px; flex-shrink: 0; }

    .oz-alan.kapali[b-22yw1plyye] {
        background: var(--pn-yuzey-2);
    }

        .oz-alan.kapali .oz-alan-yazi strong[b-22yw1plyye] {
            color: var(--pn-metin-2);
        }

.oz-alan-yazi[b-22yw1plyye] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.3;
}

    .oz-alan-yazi strong[b-22yw1plyye] {
        font-size: 0.86rem;
        font-weight: 600;
        color: var(--pn-metin);
    }

    .oz-alan-yazi small[b-22yw1plyye] {
        font-size: 0.75rem;
        color: var(--pn-metin-3);
    }

@media (max-width: 575.98px) {
    .oz-alan-liste[b-22yw1plyye] {
        grid-template-columns: minmax(0, 1fr);
    }
}

.oz-sayfa[b-22yw1plyye]  .oz-bagimli {
    display: flex;
    align-items: flex-start;
    gap: 0.45rem;
    margin-top: 0.5rem;
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--pn-sari);
}

    .oz-sayfa[b-22yw1plyye]  .oz-bagimli > i { margin-top: 1px; flex-shrink: 0; }

.oz-bilgi-kutu[b-22yw1plyye] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    margin-top: 0.75rem;
    padding: 0.75rem 0.9rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k, 10px);
    background: var(--pn-yuzey-2);
    font-size: 0.82rem;
    line-height: 1.45;
    color: var(--pn-metin-2);
}

    .oz-bilgi-kutu > i[b-22yw1plyye] { font-size: 1rem; line-height: 1.3; color: var(--pn-metin-3); }
    .oz-bilgi-kutu.yesil > i[b-22yw1plyye] { color: var(--pn-yesil); }
    .oz-bilgi-kutu strong[b-22yw1plyye] { display: block; font-weight: 620; color: var(--pn-metin); margin-bottom: 0.2rem; }
    .oz-bilgi-kutu ul[b-22yw1plyye] { margin: 0; padding-left: 1.05rem; display: flex; flex-direction: column; gap: 0.2rem; }

/* Ayrıntılar */
.oz-ayrinti-ac[b-22yw1plyye] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 32px;
    margin-top: 0.4rem;
    padding: 0 0.45rem;
    border: none;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-family: var(--pn-yazi);
    font-size: 0.8rem;
    font-weight: 620;
    cursor: pointer;
}

    .oz-ayrinti-ac:hover[b-22yw1plyye] { background: var(--pn-vurgu-ton); }

    .oz-ayrinti-ac:focus-visible[b-22yw1plyye] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.oz-sayfa[b-22yw1plyye]  .oz-ayrinti {
    margin-top: 0.3rem;
    padding: 0.8rem 0.95rem;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap-k, 10px);
    background: var(--pn-yuzey-2);
    animation: oz-ac-b-22yw1plyye 160ms ease-out;
}

@keyframes oz-ac-b-22yw1plyye {
    from { opacity: 0; transform: translateY(-3px); }
    to { opacity: 1; transform: none; }
}

.oz-sayfa[b-22yw1plyye]  .oz-ayrinti-liste {
    margin: 0;
    padding-left: 1.1rem;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    font-size: 0.83rem;
    line-height: 1.5;
    color: var(--pn-metin-2);
}

.oz-sayfa[b-22yw1plyye]  .oz-ayrinti-bilgi {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
    margin: 0.7rem 0 0;
    padding-top: 0.6rem;
    border-top: 1px dashed var(--pn-kenar-2);
    font-size: 0.8rem;
}

    .oz-sayfa[b-22yw1plyye]  .oz-ayrinti-bilgi > div {
        display: flex;
        flex-wrap: wrap;
        gap: 0.2rem 0.5rem;
    }

    .oz-sayfa[b-22yw1plyye]  .oz-ayrinti-bilgi dt {
        font-weight: 620;
        color: var(--pn-metin-3);
        min-width: 92px;
    }

    .oz-sayfa[b-22yw1plyye]  .oz-ayrinti-bilgi dd {
        margin: 0;
        color: var(--pn-metin);
        min-width: 0;
    }

.oz-sayfa[b-22yw1plyye]  .oz-rehber {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 32px;
    margin-top: 0.5rem;
    font-size: 0.82rem;
    font-weight: 620;
    color: var(--pn-vurgu-metin);
    text-decoration: none;
}

    .oz-sayfa[b-22yw1plyye]  .oz-rehber:hover { text-decoration: underline; }

/* Alt özellikler */
.oz-altlar[b-22yw1plyye] {
    margin-top: 0.7rem;
    padding-left: 0.85rem;
    border-left: 2px solid var(--pn-kenar-2);
    display: flex;
    flex-direction: column;
}

.oz-alt[b-22yw1plyye] {
    padding: 0.6rem 0;
    border-top: 1px dashed var(--pn-kenar);
}

    .oz-alt:first-child[b-22yw1plyye] {
        border-top: none;
        padding-top: 0.2rem;
    }

    .oz-alt .oz-kart-ust[b-22yw1plyye] {
        gap: 0.6rem;
    }

    .oz-sayfa[b-22yw1plyye]  .oz-alt > .oz-ayrinti {
        margin-left: calc(1rem + 30px + 1.2rem);
    }

    .oz-alt > .oz-ayrinti-ac[b-22yw1plyye] {
        margin-left: calc(1rem + 30px + 1.2rem - 0.45rem);
    }

.oz-alt-ok[b-22yw1plyye] {
    width: 1rem;
    flex-shrink: 0;
    padding-top: 6px;
    color: var(--pn-metin-3);
    font-size: 0.9rem;
}

.oz-alt.pasif .oz-kart-baslik h5[b-22yw1plyye],
.oz-alt.pasif .oz-kart-ozet[b-22yw1plyye],
.oz-alt.pasif .oz-kart-ikon[b-22yw1plyye] {
    opacity: 0.6;
}

.oz-sayfa[b-22yw1plyye]  .oz-alt.pasif .oz-bagimli {
    color: var(--pn-metin-2);
}

/* ------------------------------------------------------------ BOŞ SONUÇ VE NOT */
.oz-bos .pn-bos[b-22yw1plyye] {
    padding: 2rem 1.25rem;
}

.oz-not[b-22yw1plyye] {
    margin: 0;
}

/* ------------------------------------------------------------ KAYDET ÇUBUĞU */
.oz-kaydet[b-22yw1plyye] {
    position: sticky;
    bottom: 1rem;
    z-index: 20;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.65rem 0.75rem 0.65rem 1rem;
    border: 1px solid var(--pn-sari-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge-2);
    animation: oz-yuksel-b-22yw1plyye 200ms cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes oz-yuksel-b-22yw1plyye {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: none; }
}

.oz-kaydet-yazi[b-22yw1plyye] {
    flex: 1 1 auto;
    min-width: 0;
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 0.88rem;
    font-weight: 620;
    color: var(--pn-metin);
}

    .oz-kaydet-yazi > i[b-22yw1plyye] { color: var(--pn-sari); }

/* ------------------------------------------------------------ YERLEŞİM */
/* Geniş ekranda arama kutusu yukarıda sabit kalır (uzun listede kaydırırken de aranabilir; süzgeçler sabit değil) */
@media (min-width: 992px) {
    .oz-ara-kap[b-22yw1plyye] {
        position: sticky;
        top: 0;
        z-index: 15;
        margin: -0.5rem 0;
        padding: 0.5rem 0;
        background: var(--pn-zemin);
    }
}

/* Çok geniş ekranda (içerik alanı ~1050px üstü) gruplar iki sütun */
@media (min-width: 1640px) {
    .oz-gruplar[b-22yw1plyye] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

/* Telefon ve tablet: kaydet çubuğu alt menünün ve ortadaki "+" düğmesinin üstünde durur */
@media (max-width: 991.98px) {
    .oz-kaydet[b-22yw1plyye] {
        bottom: calc(108px + env(safe-area-inset-bottom));
    }
}

@media (max-width: 575.98px) {
    .oz-sayfa[b-22yw1plyye] {
        --oz-ikon: 34px;
    }

    .oz-bas[b-22yw1plyye],
    .oz-grup-bas[b-22yw1plyye] {
        padding: 1rem;
    }

    .oz-liste[b-22yw1plyye] {
        padding: 0 1rem;
    }

    /* Başlık: simge + yazı yan yana, sayaç yazının altında */
    .oz-grup-bas[b-22yw1plyye] {
        display: grid;
        grid-template-columns: 36px minmax(0, 1fr);
        column-gap: 0.8rem;
        row-gap: 0.45rem;
    }

    .oz-grup-sayac[b-22yw1plyye] {
        grid-column: 2;
        justify-self: start;
    }

    .oz-durumlar[b-22yw1plyye] {
        display: flex;
        width: 100%;
    }

    .oz-durum[b-22yw1plyye] {
        flex: 1 1 auto;
        justify-content: center;
        gap: 0.3rem;
        padding: 0 0.35rem;
        font-size: 0.82rem;
    }

    .oz-durum-sayi[b-22yw1plyye] {
        min-width: 18px;
        padding: 0 4px;
    }

    /* Bölüm çipleri tek satırda yana kayar */
    .oz-bolumler[b-22yw1plyye] {
        flex-wrap: nowrap;
        overflow-x: auto;
        margin: 0 -1rem;
        padding: 0 1rem 0.15rem;
        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

        .oz-bolumler[b-22yw1plyye]::-webkit-scrollbar { display: none; }

    /* Ek içerik telefonda tam genişlikte (girinti yalnızca alt özellik çizgisinde) */
    .oz-sayfa[b-22yw1plyye]  .oz-secenek,
    .oz-sayfa[b-22yw1plyye]  .oz-ic-kart,
    .oz-sayfa[b-22yw1plyye]  .oz-bilgi-kutu,
    .oz-sayfa[b-22yw1plyye]  .oz-kart > .oz-bagimli,
    .oz-sayfa[b-22yw1plyye]  .oz-kart > .oz-ayrinti,
    .oz-sayfa[b-22yw1plyye]  .oz-altlar {
        margin-left: 0;
    }

    .oz-sayfa[b-22yw1plyye]  .oz-alt > .oz-ayrinti {
        margin-left: 0;
    }

    .oz-sayfa[b-22yw1plyye]  .oz-ayrinti-bilgi dt {
        min-width: 0;
        width: 100%;
    }

    .oz-kaydet[b-22yw1plyye] {
        flex-wrap: wrap;
    }

    .oz-kaydet-yazi[b-22yw1plyye] {
        flex-basis: 100%;
    }

    .oz-kaydet > .pn-btn[b-22yw1plyye] {
        flex: 1 1 0;
    }
}

/* Çok dar ekranda durum düğmelerinde sayılar gizlenir (dört düğme tek satıra sığsın) */
@media (max-width: 359.98px) {
    .oz-durum-sayi[b-22yw1plyye] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .oz-sayfa[b-22yw1plyye]  .oz-ayrinti,
    .oz-sayfa[b-22yw1plyye]  .oz-kaydet {
        animation: none;
    }
}
/* /Components/Pages/PdfGoruntuleyici.razor.rz.scp.css */
/* =========================================================================
   💥 UYGULAMA İÇİ BELGE GÖRÜNTÜLEYİCİ (PDF / RESİM) 💥
   Tam ekran, her pencerenin üstünde (bildirimler hariç). Üstte başlık + "Sayfa x / n" + Paylaş / Başka uygulamada aç / Kapat,
   altta ortada yakınlaştırma hapı. Sayfaları pdf-goruntuleyici.js çizer (.pdfg-* öğeleri: ::deep ile biçimlenir).
   Renkler --pn-* (açık / koyu tema). 360 px telefonda düğmeler yalnızca simge olur.
   ========================================================================= */

.pg-katman[b-x9h8chxvx1] {
    --pg-zemin: #dde3ec;
    --pg-hap: rgba(255, 255, 255, 0.94);
    position: fixed;
    inset: 0;
    z-index: 100500;
    display: flex;
    flex-direction: column;
    background: var(--pn-zemin, #f4f6f9);
    color: var(--pn-metin, #1e2939);
    font-family: var(--pn-yazi);
    font-size: 0.925rem;
    outline: none;
    animation: pgBelir-b-x9h8chxvx1 0.18s ease-out;
}

html.dark-mode .pg-katman[b-x9h8chxvx1] {
    --pg-zemin: #0a0f18;
    --pg-hap: rgba(23, 33, 49, 0.94);
}

    .pg-katman *[b-x9h8chxvx1] {
        box-sizing: border-box;
    }

@keyframes pgBelir-b-x9h8chxvx1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* ------------------------------------------------ üst çubuk */
.pg-ust[b-x9h8chxvx1] {
    flex-shrink: 0;
    padding-top: env(safe-area-inset-top);
    background: var(--pn-yuzey, #fff);
    border-bottom: 1px solid var(--pn-kenar, #e3e8ef);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05);
    position: relative;
    z-index: 2;
}

.pg-ust-ic[b-x9h8chxvx1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-height: 60px;
    padding: 0.5rem max(0.75rem, env(safe-area-inset-right)) 0.5rem max(1rem, env(safe-area-inset-left));
}

.pg-ust-ikon[b-x9h8chxvx1] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    background: var(--pn-kirmizi-ton, #fef3f2);
    color: var(--pn-kirmizi, #c62828);
}

    .pg-ust-ikon.resim[b-x9h8chxvx1] {
        background: var(--pn-camgobegi-ton, #ecfbff);
        color: var(--pn-camgobegi, #0e7490);
    }

.pg-baslik[b-x9h8chxvx1] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

    .pg-baslik h2[b-x9h8chxvx1] {
        margin: 0;
        font-size: 1rem;
        font-weight: 650;
        line-height: 1.25;
        color: var(--pn-metin);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.pg-alt[b-x9h8chxvx1] {
    font-size: 0.8rem;
    line-height: 1.3;
    color: var(--pn-metin-2, #4b5669);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.pg-eylemler[b-x9h8chxvx1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    flex-shrink: 0;
}

.pg-btn[b-x9h8chxvx1] {
    height: 40px;
    min-width: 40px;
    padding: 0 0.8rem;
    border-radius: 10px;
    border: 1px solid var(--pn-kenar-2, #d0d7e2);
    background: var(--pn-yuzey, #fff);
    color: var(--pn-metin);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    font-family: inherit;
    font-size: 0.86rem;
    font-weight: 560;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease;
}

    .pg-btn > i[b-x9h8chxvx1] {
        font-size: 1.05rem;
    }

    .pg-btn:hover:not(:disabled)[b-x9h8chxvx1] {
        background: var(--pn-yuzey-3, #eef2f7);
    }

    .pg-btn:active:not(:disabled)[b-x9h8chxvx1] {
        transform: scale(0.97);
    }

    .pg-btn:focus-visible[b-x9h8chxvx1] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .pg-btn:disabled[b-x9h8chxvx1] {
        opacity: 0.55;
        cursor: default;
    }

.pg-kapat[b-x9h8chxvx1] {
    background: var(--pn-yuzey-2, #f8fafc);
}

/* ------------------------------------------------ belge alanı */
.pg-alan[b-x9h8chxvx1] {
    position: relative;
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
    background: var(--pg-zemin);
}

.pg-govde[b-x9h8chxvx1] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    /* Tek parmak kaydırır; iki parmak hareketini pdf-goruntuleyici.js yakınlaştırmaya çevirir */
    touch-action: pan-x pan-y;
    outline: none;
    background: var(--pg-zemin);
    /* Yakınlaştırma hapı son sayfanın altını kapatmasın */
    padding-bottom: calc(72px + env(safe-area-inset-bottom));
}

    .pg-govde:focus-visible[b-x9h8chxvx1] {
        box-shadow: inset 0 0 0 2px rgba(59, 130, 246, 0.3);
    }

    .pg-govde[b-x9h8chxvx1]::-webkit-scrollbar { width: 10px; height: 10px; }
    .pg-govde[b-x9h8chxvx1]::-webkit-scrollbar-track { background: transparent; }
    .pg-govde[b-x9h8chxvx1]::-webkit-scrollbar-thumb { background: rgba(100, 116, 139, 0.45); border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }

    /* JS'in oluşturduğu sayfalar (Blazor kapsam özniteliği yok → ::deep) */
    .pg-govde[b-x9h8chxvx1]  .pdfg-sayfa {
        background: #fff;
        border-radius: 2px;
        box-shadow: 0 1px 3px rgba(15, 23, 42, 0.16), 0 8px 22px -10px rgba(15, 23, 42, 0.28);
        -webkit-user-select: none;
        user-select: none;
        -webkit-touch-callout: none;
    }

    .pg-govde[b-x9h8chxvx1]  .pdfg-resim {
        background: transparent;
        box-shadow: 0 4px 18px -6px rgba(15, 23, 42, 0.35);
    }

    /* Henüz çizilmemiş sayfada küçük dönen halka */
    .pg-govde[b-x9h8chxvx1]  .pdfg-sayfa:not(.cizildi):not(.hatali)::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 28px;
        height: 28px;
        margin: -14px 0 0 -14px;
        border-radius: 50%;
        border: 3px solid #cbd5e1;
        border-right-color: transparent;
        animation: pgDon-b-x9h8chxvx1 0.8s linear infinite;
    }

    .pg-govde[b-x9h8chxvx1]  .pdfg-sayfa.hatali::after {
        content: "Bu sayfa çizilemedi";
        position: absolute;
        inset: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #b91c1c;
        font-size: 0.85rem;
        font-weight: 600;
    }

@keyframes pgDon-b-x9h8chxvx1 {
    to { transform: rotate(360deg); }
}

/* ------------------------------------------------ yakınlaştırma hapı */
.pg-yakinlik[b-x9h8chxvx1] {
    position: absolute;
    left: 50%;
    bottom: calc(14px + env(safe-area-inset-bottom));
    transform: translateX(-50%);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 4px;
    border-radius: 999px;
    background: var(--pg-hap);
    border: 1px solid var(--pn-kenar, #e3e8ef);
    box-shadow: 0 10px 28px -10px rgba(15, 23, 42, 0.45);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}

.pg-yb[b-x9h8chxvx1],
.pg-oran[b-x9h8chxvx1] {
    height: 44px;
    min-width: 44px;
    border: none;
    border-radius: 999px;
    background: transparent;
    color: var(--pn-metin);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-family: inherit;
    cursor: pointer;
    transition: background 160ms ease;
}

.pg-yb[b-x9h8chxvx1] {
    font-size: 1.15rem;
}

.pg-oran[b-x9h8chxvx1] {
    min-width: 92px;
    padding: 0 0.85rem;
    gap: 0.4rem;
    font-size: 0.88rem;
    font-weight: 620;
    font-variant-numeric: tabular-nums;
}

    .pg-oran > i[b-x9h8chxvx1] {
        font-size: 0.9rem;
        color: var(--pn-metin-3, #7a8497);
    }

    .pg-oran.degisik > i[b-x9h8chxvx1] {
        color: var(--pn-vurgu, #2563eb);
    }

    .pg-yb:hover:not(:disabled)[b-x9h8chxvx1],
    .pg-oran:hover:not(:disabled)[b-x9h8chxvx1] {
        background: var(--pn-yuzey-3, #eef2f7);
    }

    .pg-yb:focus-visible[b-x9h8chxvx1],
    .pg-oran:focus-visible[b-x9h8chxvx1] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

    .pg-yb:disabled[b-x9h8chxvx1] {
        opacity: 0.35;
        cursor: default;
    }

/* ------------------------------------------------ yükleniyor / hata / desteklenmiyor */
.pg-durum[b-x9h8chxvx1] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    text-align: center;
    padding: 1.5rem 1.25rem calc(1.5rem + env(safe-area-inset-bottom));
    background: var(--pg-zemin);
    overflow-y: auto;
}

    .pg-durum h3[b-x9h8chxvx1] {
        margin: 0.35rem 0 0;
        font-size: 1.05rem;
        font-weight: 650;
        color: var(--pn-metin);
    }

    .pg-durum p[b-x9h8chxvx1] {
        margin: 0;
        max-width: 440px;
        font-size: 0.9rem;
        line-height: 1.5;
        color: var(--pn-metin-2, #4b5669);
        overflow-wrap: anywhere;
    }

    .pg-durum .pg-durum-not[b-x9h8chxvx1] {
        font-size: 0.84rem;
        color: var(--pn-metin-3, #7a8497);
    }

.pg-donen[b-x9h8chxvx1] {
    width: 34px;
    height: 34px;
    border-width: 3px;
    color: var(--pn-vurgu, #2563eb);
}

.pg-durum-ikon[b-x9h8chxvx1] {
    width: 58px;
    height: 58px;
    border-radius: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.55rem;
    background: var(--pn-yuzey, #fff);
    color: var(--pn-metin-3, #7a8497);
    border: 1px solid var(--pn-kenar, #e3e8ef);
}

    .pg-durum-ikon.kirmizi[b-x9h8chxvx1] {
        background: var(--pn-kirmizi-ton, #fef3f2);
        color: var(--pn-kirmizi, #c62828);
        border-color: var(--pn-kirmizi-kenar, #fbd0cc);
    }

.pg-durum-eylem[b-x9h8chxvx1] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 0.8rem;
}

/* ------------------------------------------------ dar ekran */
@media (max-width: 760px) {
    .pg-btn-yazi[b-x9h8chxvx1] {
        display: none;
    }

    .pg-btn[b-x9h8chxvx1] {
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
    }
}

@media (max-width: 420px) {
    .pg-ust-ikon[b-x9h8chxvx1] {
        display: none;
    }

    .pg-ust-ic[b-x9h8chxvx1] {
        gap: 0.5rem;
        padding-left: max(0.85rem, env(safe-area-inset-left));
        padding-right: max(0.6rem, env(safe-area-inset-right));
    }

    .pg-eylemler[b-x9h8chxvx1] {
        gap: 0.3rem;
    }

    .pg-durum-eylem[b-x9h8chxvx1] {
        flex-direction: column;
        width: 100%;
        max-width: 320px;
    }

        .pg-durum-eylem > .pn-btn[b-x9h8chxvx1] {
            width: 100%;
            min-height: 46px;
        }
}

@media (prefers-reduced-motion: reduce) {
    .pg-katman[b-x9h8chxvx1] {
        animation: none;
    }
}
/* /Components/Pages/SeferDetay.razor.rz.scp.css */
/* =========================================================================
   SEFER DETAYI PENCERESİ (kapsamlı stil; önek sd-)
   Pencere iskeleti panel.css'teki pn-perde / pn-pencere'dir (telefonda alttan açılan panel).
   Voucher'ın kendisi Components/Voucher/VoucherKarti (stiller: wwwroot/voucher.css); burada yalnızca voucher görünümünün
   çerçevesi (araç çubuğu + kaydırma alanı) vardır.
   ========================================================================= */

/* ------------------------------------------------------------ KATMANLAR */
.sd-perde[b-i8ygzryql1] {
    z-index: 1060;
}

.sd-ust-perde[b-i8ygzryql1] {
    z-index: 1070;
}

/* Yolcu mesajı penceresi detayın üstünde açılsın */
.sd-ust-katman[b-i8ygzryql1] {
    position: relative;
    z-index: 1080;
}

/* ------------------------------------------------------------ BAŞLIK */
.sd-tutamac-alan[b-i8ygzryql1] {
    display: none;
}

.sd-bas h2[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
}

.sd-no[b-i8ygzryql1] {
    color: var(--pn-metin-3);
    font-weight: 560;
    font-variant-numeric: tabular-nums;
}

.sd-bas-alt[b-i8ygzryql1] {
    margin: 0.15rem 0 0;
    font-size: 0.82rem;
    color: var(--pn-metin-3);
}

/* ------------------------------------------------------------ GÖVDE */
.sd-govde[b-i8ygzryql1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sd-iskelet[b-i8ygzryql1] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.sd-iskelet-izgara[b-i8ygzryql1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
}

.sd-durum-satir[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.4rem;
}

/* Durum bandı (gönderilemedi / taslak / bildiriliyor / iptal) */
.sd-bant[b-i8ygzryql1] {
    align-items: flex-start;
}

.sd-bant-metin[b-i8ygzryql1] {
    display: block;
    color: var(--pn-metin-2);
    overflow-wrap: anywhere;
}

.sd-bant-eylem[b-i8ygzryql1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 0.7rem;
}

/* U-ETDS süresi uyarısındaki uzatma düğmeleri */
.sd-uzat[b-i8ygzryql1] {
    align-items: center;
}

.sd-uzat-etiket[b-i8ygzryql1] {
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--pn-metin-2);
}

.sd-bant.mor[b-i8ygzryql1] {
    background: var(--pn-mor-ton);
    border-color: var(--pn-mor-kenar);
}

    .sd-bant.mor > i[b-i8ygzryql1] {
        color: var(--pn-mor);
    }

.sd-bant.gri[b-i8ygzryql1] {
    background: var(--pn-gri-ton);
    border-color: var(--pn-gri-kenar);
}

    .sd-bant.gri > i[b-i8ygzryql1] {
        color: var(--pn-gri);
    }

/* Bilgi bölümleri: iki sütunlu, yükseklikler kendiliğinden dengelenir */
.sd-kolonlar[b-i8ygzryql1] {
    columns: 2;
    column-gap: 1rem;
    margin-bottom: -1rem;
}

    .sd-kolonlar > .sd-bolum[b-i8ygzryql1] {
        break-inside: avoid;
        -webkit-column-break-inside: avoid;
        margin-bottom: 1rem;
    }

.sd-bolum[b-i8ygzryql1] {
    display: block;
    border: 1px solid var(--pn-kenar);
    border-radius: 12px;
    padding: 0.9rem 1rem;
    background: var(--pn-yuzey);
    min-width: 0;
}

.sd-bolum-bas[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0 0 0.7rem;
    font-size: 0.75rem;
    font-weight: 650;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
}

    .sd-bolum-bas > i[b-i8ygzryql1] {
        font-size: 0.9rem;
    }

.sd-satir[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 40px;
    padding: 0.3rem 0;
}

    .sd-satir + .sd-satir[b-i8ygzryql1] {
        border-top: 1px solid var(--pn-kenar);
    }

.sd-etiket[b-i8ygzryql1] {
    flex-shrink: 0;
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

.sd-deger[b-i8ygzryql1] {
    min-width: 0;
    text-align: right;
    font-weight: 580;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.sd-mono[b-i8ygzryql1],
.sd-ref-no[b-i8ygzryql1] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;
}

.sd-plaka[b-i8ygzryql1] {
    padding: 0.18rem 0.55rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 6px;
    background: var(--pn-yuzey-2);
    font-weight: 650;
    font-size: 0.9rem;
    letter-spacing: 0.03em;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
}

.sd-tel[b-i8ygzryql1] {
    font-variant-numeric: tabular-nums;
}

.sd-bos-metin[b-i8ygzryql1] {
    margin: 0;
    font-size: 0.86rem;
    color: var(--pn-metin-3);
}

/* Güzergah zaman çizgisi */
.sd-rota[b-i8ygzryql1] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sd-rota-adim[b-i8ygzryql1] {
    display: grid;
    grid-template-columns: 50px 18px minmax(0, 1fr);
    column-gap: 0.55rem;
    padding-bottom: 1.1rem;
}

    .sd-rota-adim:last-child[b-i8ygzryql1] {
        padding-bottom: 0;
    }

.sd-rota-saat[b-i8ygzryql1] {
    text-align: right;
    font-weight: 650;
    font-size: 1rem;
    line-height: 1.3;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
}

    .sd-rota-saat small[b-i8ygzryql1] {
        display: block;
        font-size: 0.72rem;
        font-weight: 500;
        color: var(--pn-metin-3);
    }

.sd-rota-nokta[b-i8ygzryql1] {
    position: relative;
}

    .sd-rota-nokta[b-i8ygzryql1]::before {
        content: "";
        position: absolute;
        top: 5px;
        left: 3px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 2px solid var(--pn-metin-3);
        background: var(--pn-yuzey);
        z-index: 1;
    }

.sd-rota-adim.varis .sd-rota-nokta[b-i8ygzryql1]::before {
    border-color: var(--pn-vurgu);
    background: var(--pn-vurgu);
}

.sd-rota-adim:not(:last-child) .sd-rota-nokta[b-i8ygzryql1]::after {
    content: "";
    position: absolute;
    top: 17px;
    bottom: calc(-1.1rem - 5px);
    left: 8px;
    width: 2px;
    border-radius: 2px;
    background: var(--pn-kenar-2);
}

.sd-rota-etiket[b-i8ygzryql1] {
    display: block;
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    color: var(--pn-metin-3);
}

.sd-rota-ad[b-i8ygzryql1] {
    display: block;
    font-weight: 600;
    line-height: 1.35;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.sd-rota-sure[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin-top: 0.9rem;
    padding-top: 0.7rem;
    border-top: 1px solid var(--pn-kenar);
    font-size: 0.82rem;
    color: var(--pn-metin-2);
}

/* Müşteri */
.sd-musteri[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
}

.sd-musteri-ad[b-i8ygzryql1] {
    font-weight: 600;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

/* U-ETDS */
.sd-ref-etiket[b-i8ygzryql1] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
}

.sd-ref[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.3rem;
    margin: 0.1rem 0 0.7rem;
    min-width: 0;
}

.sd-ref-no[b-i8ygzryql1] {
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.sd-pdf[b-i8ygzryql1] {
    width: 100%;
}

/* Ücret */
.sd-ucret[b-i8ygzryql1] {
    font-size: 1.45rem;
    font-weight: 650;
    letter-spacing: -0.01em;
    line-height: 1.2;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
    margin-bottom: 0.3rem;
}

/* Yolcular */
.sd-yolcular[b-i8ygzryql1] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.5rem;
}

    .sd-yolcular.soluk[b-i8ygzryql1] {
        opacity: 0.6;
    }

.sd-yolcu[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.65rem;
    min-width: 0;
    padding: 0.6rem 0.7rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 10px;
    background: var(--pn-yuzey-2);
}

    .sd-yolcu .pn-avatar[b-i8ygzryql1] {
        width: 34px;
        height: 34px;
        font-size: 0.78rem;
    }

.sd-yolcu-ad[b-i8ygzryql1] {
    display: block;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-yolcu-alt[b-i8ygzryql1] {
    display: block;
    font-size: 0.78rem;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-uyruk[b-i8ygzryql1] {
    flex-shrink: 0;
}

/* Not ve kayıt bilgisi */
.sd-not[b-i8ygzryql1] {
    margin: 0;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
    color: var(--pn-metin-2);
    font-size: 0.9rem;
}

.sd-kayit[b-i8ygzryql1] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 1.25rem;
    padding: 0 0.15rem;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
}

    .sd-kayit:empty[b-i8ygzryql1] {
        display: none;
    }

    .sd-kayit span[b-i8ygzryql1] {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }

/* ------------------------------------------------------------ ALT EYLEMLER */
.sd-kisa[b-i8ygzryql1] {
    display: none;
}

.sd-alt .sd-iptal-btn[b-i8ygzryql1] {
    margin-right: auto;
    color: var(--pn-kirmizi);
}

    .sd-alt .sd-iptal-btn:hover:not(:disabled)[b-i8ygzryql1] {
        background: var(--pn-kirmizi-ton);
        color: var(--pn-kirmizi);
    }

/* ------------------------------------------------------------ ONAY */
.sd-onay[b-i8ygzryql1] {
    text-align: center;
    padding-top: 1.6rem;
}

.sd-onay-baslik[b-i8ygzryql1] {
    font-size: 1.08rem;
    font-weight: 640;
    color: var(--pn-metin);
    margin: 0.9rem 0 0.35rem;
}

.sd-onay p[b-i8ygzryql1] {
    margin: 0 0 0.35rem;
    color: var(--pn-metin-2);
}

.sd-onay-ozet[b-i8ygzryql1] {
    display: inline-block;
    max-width: 100%;
    margin: 0.35rem 0 0.7rem;
    padding: 0.45rem 0.8rem;
    border-radius: 10px;
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
    font-size: 0.86rem;
    font-weight: 560;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.sd-onay .sd-onay-not[b-i8ygzryql1] {
    font-size: 0.82rem;
    color: var(--pn-metin-3);
}

/* ------------------------------------------------------------ SEFER ADIMLARI (şoför uygulamasından) */
.sd-adim-kaynak[b-i8ygzryql1] {
    margin-left: auto;
    font-size: 0.7rem;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    color: var(--pn-metin-3);
}

.sd-adimlar[b-i8ygzryql1] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.sd-adim[b-i8ygzryql1] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.15rem;
    min-width: 0;
    padding: 0 0.25rem;
}

    /* Adımları birleştiren çizgi */
    .sd-adim:not(:last-child)[b-i8ygzryql1]::after {
        content: "";
        position: absolute;
        top: 13px;
        left: calc(50% + 16px);
        right: calc(-50% + 16px);
        height: 2px;
        border-radius: 2px;
        background: var(--pn-kenar-2);
    }

    .sd-adim.tamam:not(:last-child)[b-i8ygzryql1]::after {
        background: var(--pn-yesil);
    }

    .sd-adim.tamam.son[b-i8ygzryql1]::after {
        background: var(--pn-kenar-2);
    }

.sd-adim-nokta[b-i8ygzryql1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    margin-bottom: 0.3rem;
    border-radius: 50%;
    border: 2px solid var(--pn-kenar-2);
    background: var(--pn-yuzey);
    color: var(--pn-metin-3);
    font-size: 0.8rem;
}

.sd-adim.tamam .sd-adim-nokta[b-i8ygzryql1] {
    border-color: var(--pn-yesil);
    background: var(--pn-yesil);
    color: var(--pn-metin-ters);
}

.sd-adim.son .sd-adim-nokta[b-i8ygzryql1] {
    box-shadow: 0 0 0 4px var(--pn-yesil-ton);
}

.sd-adim-ad[b-i8ygzryql1] {
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.25;
    color: var(--pn-metin-2);
}

.sd-adim.tamam .sd-adim-ad[b-i8ygzryql1] {
    color: var(--pn-metin);
}

.sd-adim-saat[b-i8ygzryql1] {
    font-size: 0.92rem;
    font-weight: 650;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
    min-height: 1.2em;
}

.sd-adim:not(.tamam) .sd-adim-saat[b-i8ygzryql1] {
    color: var(--pn-metin-3);
    font-weight: 500;
}

.sd-adim-ek[b-i8ygzryql1] {
    font-size: 0.72rem;
    color: var(--pn-metin-3);
    line-height: 1.25;
}

/* Yoklama */
.sd-yoklama[b-i8ygzryql1] {
    height: 22px;
    font-size: 0.7rem;
    letter-spacing: 0;
    text-transform: none;
}

    .sd-yoklama.ilk[b-i8ygzryql1] {
        margin-left: auto;
    }

.sd-yolcu-bas[b-i8ygzryql1] {
    flex-wrap: wrap;
    row-gap: 0.35rem;
}

.sd-bindi[b-i8ygzryql1] {
    display: inline-flex;
    flex-shrink: 0;
    font-size: 1.05rem;
}

    .sd-bindi.evet[b-i8ygzryql1] {
        color: var(--pn-yesil);
    }

    .sd-bindi.hayir[b-i8ygzryql1] {
        color: var(--pn-kirmizi);
    }

/* ------------------------------------------------------------ DAR EKRAN */
@media (max-width: 640px) {
    .sd-kolonlar[b-i8ygzryql1] {
        columns: 1;
    }

    .sd-adim[b-i8ygzryql1] {
        padding: 0 0.1rem;
    }

    .sd-adim-ad[b-i8ygzryql1] {
        font-size: 0.74rem;
    }

    .sd-adim-kaynak[b-i8ygzryql1] {
        display: none;
    }

    .sd-yolcular[b-i8ygzryql1] {
        grid-template-columns: minmax(0, 1fr);
    }

    .sd-iskelet-izgara[b-i8ygzryql1] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* Telefon: alttan açılan panel, kaydırarak kapatma */
@media (max-width: 575.98px) {
    .sd-tutamac-alan[b-i8ygzryql1] {
        display: flex;
        justify-content: center;
        flex-shrink: 0;
        padding: 0.55rem 0 0.15rem;
        touch-action: pan-x;
        cursor: grab;
    }

    .sd-tutamac[b-i8ygzryql1] {
        width: 44px;
        height: 5px;
        border-radius: 999px;
        background: var(--pn-kenar-2);
    }

    .sd-bas[b-i8ygzryql1] {
        padding-top: 0.35rem;
        touch-action: pan-x;
    }

    .sd-govde[b-i8ygzryql1] {
        padding: 1rem;
    }

    /* Voucher tam genişlik; diğer işlemler tek satırda eşit paylaşılır */
    .sd-alt > .pn-btn[b-i8ygzryql1] {
        flex: 1 1 0;
        min-width: 0;
        padding: 0 0.5rem;
    }

    .sd-uzun[b-i8ygzryql1] {
        display: none;
    }

    .sd-kisa[b-i8ygzryql1] {
        display: inline;
    }

    .sd-alt .sd-voucher-btn[b-i8ygzryql1] {
        order: -1;
        flex-basis: 100%;
    }

    .sd-alt .sd-iptal-btn[b-i8ygzryql1] {
        margin-right: 0;
    }

    .sd-alt .sd-mobil-gizle[b-i8ygzryql1] {
        display: none;
    }
}

/* ------------------------------------------------------------ VOUCHER GÖRÜNÜMÜ (tam ekran) */
.sd-vg-perde[b-i8ygzryql1] {
    position: fixed;
    inset: 0;
    z-index: 1075;
    display: flex;
    flex-direction: column;
    background: var(--pn-yuzey-3);
    animation: sd-vg-ac-b-i8ygzryql1 160ms ease-out;
}

@keyframes sd-vg-ac-b-i8ygzryql1 {
    from { opacity: 0; }
    to { opacity: 1; }
}

.sd-vg-arac[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    flex-wrap: wrap;
    padding: 0.65rem 1rem;
    padding-top: max(0.65rem, env(safe-area-inset-top));
    background: var(--pn-yuzey);
    border-bottom: 1px solid var(--pn-kenar);
}

.sd-vg-baslik[b-i8ygzryql1] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
    min-width: 0;
    line-height: 1.25;
}

.sd-vg-baslik strong[b-i8ygzryql1] {
    font-size: 1rem;
    font-weight: 650;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-vg-baslik span[b-i8ygzryql1] {
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sd-vg-eylem[b-i8ygzryql1] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.sd-vg-eylem .sd-vg-duzenle-btn[b-i8ygzryql1] {
    position: relative;
}

/* Kaydedilmemiş düzenleme işareti */
.sd-vg-nokta[b-i8ygzryql1] {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--pn-sari);
    box-shadow: 0 0 0 2px var(--pn-yuzey);
}

/* Gövde: (düzenleme paneli) + voucher önizlemesi */
.sd-vg-govde[b-i8ygzryql1] {
    flex: 1 1 auto;
    min-height: 0;
    display: flex;
}

.sd-vg-duzen[b-i8ygzryql1] {
    flex: 0 0 440px;
    width: 440px;
    min-height: 0;
    border-right: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
}

/* Telefonda düzenleme / önizleme geçişi */
.sd-vg-mod[b-i8ygzryql1] {
    display: none;
}

.sd-vg-kaydirma[b-i8ygzryql1] {
    flex: 1 1 auto;
    min-width: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    padding: 1.5rem 1rem calc(2rem + env(safe-area-inset-bottom));
}

/* Çıkış onayı voucher görünümünün üstünde açılsın */
.sd-vg-onay-perde[b-i8ygzryql1] {
    z-index: 1085;
}

@media (max-width: 1100px) {
    .sd-vg-duzen[b-i8ygzryql1] {
        flex-basis: 380px;
        width: 380px;
    }
}

@media (max-width: 900px) {
    .sd-vg-govde.duzenleniyor[b-i8ygzryql1] {
        flex-direction: column;
    }

    .sd-vg-mod[b-i8ygzryql1] {
        display: flex;
        flex: 0 0 auto;
        margin: 0.5rem 0.6rem;
    }

    .sd-vg-mod .pn-sekme[b-i8ygzryql1] {
        flex: 1 1 0;
        justify-content: center;
        gap: 0.35rem;
    }

    .sd-vg-duzen[b-i8ygzryql1] {
        flex: 1 1 auto;
        width: 100%;
        border-right: 0;
        border-top: 1px solid var(--pn-kenar);
    }

    .sd-vg-govde.duzenleniyor:not(.onizleme) > .sd-vg-kaydirma[b-i8ygzryql1] {
        display: none;
    }

    .sd-vg-govde.duzenleniyor.onizleme > .sd-vg-duzen[b-i8ygzryql1] {
        display: none;
    }
}

.sd-vg-not[b-i8ygzryql1] {
    max-width: 794px;
    margin: 0.9rem auto 0;
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    display: flex;
    gap: 0.4rem;
    align-items: flex-start;
}

@media (max-width: 640px) {
    .sd-vg-arac[b-i8ygzryql1] {
        padding: 0.5rem 0.6rem;
        padding-top: max(0.5rem, env(safe-area-inset-top));
        gap: 0.4rem 0.5rem;
    }

    /* Dil seçimi ikinci satırda, tam genişlik */
    .sd-vg-dil[b-i8ygzryql1] {
        order: 5;
        flex-basis: 100%;
        display: flex;
    }

    .sd-vg-dil .pn-sekme[b-i8ygzryql1] {
        flex: 1 1 0;
    }

    .sd-vg-kaydirma[b-i8ygzryql1] {
        padding: 0.75rem 0.5rem calc(1.5rem + env(safe-area-inset-bottom));
    }

    .sd-vg-duzenle-yazi[b-i8ygzryql1] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sd-vg-perde[b-i8ygzryql1] { animation: none; }
}

/* Bakanlığın kabul etmediği yolcu: kart kırmızı, Bakanlığın açıklaması adın altında */
.sd-yolcu.hata[b-i8ygzryql1] {
    flex-wrap: wrap;
    row-gap: 0.45rem;
    border-color: var(--pn-kirmizi);
    background: var(--pn-kirmizi-ton);
    box-shadow: inset 3px 0 0 var(--pn-kirmizi);
    scroll-margin: 5rem 0;
}

    /* Ad ve uyruk ilk satırda kalsın; açıklama alttaki tam genişlik satıra iner */
    .sd-yolcu.hata > .pn-esnek[b-i8ygzryql1] {
        flex: 1 1 0;
        min-width: 0;
    }

    .sd-yolcu.hata .pn-avatar[b-i8ygzryql1] {
        background: var(--pn-kirmizi);
        color: #fff;
    }

/* Kart tek sütun genişliğinde kalsın; yandaki kart hatalı kartın boyuna uzamasın */
.sd-yolcular:has(.sd-yolcu.hata)[b-i8ygzryql1] {
    align-items: start;
}

.sd-yolcu-hata[b-i8ygzryql1] {
    display: flex;
    flex-basis: 100%;
    align-items: flex-start;
    gap: 0.4rem;
    padding: 0.45rem 0.6rem;
    border: 1px solid var(--pn-kirmizi-kenar);
    border-radius: 8px;
    background: var(--pn-yuzey);
    font-size: 0.8rem;
    line-height: 1.4;
    color: var(--pn-kirmizi);
    overflow-wrap: anywhere;
}

    .sd-yolcu-hata > i[b-i8ygzryql1] {
        flex-shrink: 0;
        margin-top: 0.1rem;
    }

.sd-hata-git[b-i8ygzryql1] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    margin-top: 0.5rem;
    padding: 0.3rem 0.7rem;
    border: 1px solid var(--pn-kirmizi-kenar);
    border-radius: 8px;
    background: var(--pn-yuzey);
    color: var(--pn-kirmizi);
    font-size: 0.82rem;
    font-weight: 600;
    cursor: pointer;
}

    .sd-hata-git:hover[b-i8ygzryql1] {
        border-color: var(--pn-kirmizi);
    }

    .sd-hata-git:focus-visible[b-i8ygzryql1] {
        outline: 2px solid var(--pn-kirmizi);
        outline-offset: 2px;
    }
/* /Components/Pages/SeferDuzenle.razor.rz.scp.css */
/* =========================================================================
   💥 SEFER DÜZENLE — SEFER OLUŞTUR İLE AYNI SADE TASARIM 💥
   Kurallar SeferOlustur.razor.css ile aynıdır (kapsamlı CSS olduğu için buraya kopyalandı; birinde yapılan
   görsel değişiklik diğerine de uygulanmalı). Düzenlemeye özel kurallar dosyanın sonundadır.
   Renkler tema değişkenlerine bağlıdır (--k-*: yalnızca koyu temada tanımlı; açık temada parantezdeki renk kullanılır).
   ========================================================================= */

.so-kutu[b-6yra582fq0], .so-kilit[b-6yra582fq0] {
    --so-zemin: var(--k-zemin, #f5f7fa);
    --so-yuzey: var(--k-yuzey, #ffffff);
    --so-yuzey-2: var(--k-yuzey-2, #f8fafc);
    --so-yuzey-3: var(--k-yuzey-3, #ffffff);
    --so-kenar: var(--k-kenar, #e5e7eb);
    --so-kenar-2: var(--k-kenar-2, #cbd5e1);
    --so-metin: var(--k-metin, #0f172a);
    --so-metin-2: var(--k-metin-4, #64748b);
    --so-metin-3: var(--k-metin-5, #94a3b8);
    --so-vurgu: #2563eb;
    --so-vurgu-koyu: #1d4ed8;
    --so-vurgu-ton: var(--k-mavi-ton, #eff6ff);
    --so-vurgu-ton-2: var(--k-mavi-ton-2, #dbeafe);
    --so-vurgu-metin: var(--k-mavi-metin, #1d4ed8);
    --so-tehlike: #dc2626;
    --so-tehlike-ton: var(--k-kirmizi-ton, #fef2f2);
    --so-golge: 0 12px 32px -8px rgba(15, 23, 42, 0.18), 0 4px 10px -4px rgba(15, 23, 42, 0.08);
    color: var(--so-metin);
    font-size: 14px;
}

/* ---------------- İnce kaydırma çubuğu ---------------- */
[b-6yra582fq0]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

[b-6yra582fq0]::-webkit-scrollbar-track {
    background: transparent;
}

[b-6yra582fq0]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.4);
    border-radius: 10px;
}

*[b-6yra582fq0] {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.4) transparent;
}

/* =========================================================================
   MODAL KATMANI
   ========================================================================= */
.premium-modal-overlay[b-6yra582fq0] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    animation: fadeIn-b-6yra582fq0 0.2s ease-out;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================================
   ORTAK PARÇALAR
   ========================================================================= */
.so-etiket[b-6yra582fq0] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: var(--so-metin-2);
    margin: 0 0 6px;
    letter-spacing: 0.1px;
}

.so-etiket-satir[b-6yra582fq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    height: 22px;
}

    .so-etiket-satir .so-etiket[b-6yra582fq0] {
        margin: 0;
    }

.so-alan[b-6yra582fq0] {
    min-width: 0;
}

.so-soluk[b-6yra582fq0] {
    color: var(--so-metin-3) !important;
    font-weight: 400 !important;
}

.so-gizli[b-6yra582fq0] {
    visibility: hidden;
    pointer-events: none;
}

/* ---- Seçici (tarih, saat, ekip gibi dokunulan alanlar) ---- */
.so-secici[b-6yra582fq0] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey);
    color: var(--so-metin);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    min-width: 0;
}

    .so-secici:hover[b-6yra582fq0] {
        border-color: var(--so-kenar-2);
    }

    .so-secici.acik[b-6yra582fq0], .so-secici:focus-visible[b-6yra582fq0] {
        border-color: var(--so-vurgu);
        box-shadow: 0 0 0 3px var(--so-vurgu-ton);
        outline: none;
    }

    .so-secici > i[b-6yra582fq0] {
        color: var(--so-metin-3);
        font-size: 15px;
        flex-shrink: 0;
    }

    .so-secici > span[b-6yra582fq0] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.so-secici-metin[b-6yra582fq0] {
    flex: 1;
    min-width: 0;
}

.so-ok[b-6yra582fq0] {
    margin-left: auto;
    font-size: 12px !important;
}

/* Tarih + saat tek kutuda */
.so-cift[b-6yra582fq0] {
    display: flex;
    align-items: stretch;
    height: 42px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey);
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .so-cift:hover[b-6yra582fq0] {
        border-color: var(--so-kenar-2);
    }

    .so-cift:has(.acik)[b-6yra582fq0] {
        border-color: var(--so-vurgu);
        box-shadow: 0 0 0 3px var(--so-vurgu-ton);
    }

.so-cift-parca[b-6yra582fq0] {
    flex: 1;
    min-width: 0;
    position: relative;
}

.so-cift-saat[b-6yra582fq0] {
    flex: 0 0 92px;
    border-left: 1px solid var(--so-kenar);
}

.so-cift .so-secici[b-6yra582fq0] {
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
}

/* ---- Yazılabilir alan ---- */
.so-girdi-kutu[b-6yra582fq0] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey);
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .so-girdi-kutu:hover[b-6yra582fq0] {
        border-color: var(--so-kenar-2);
    }

    .so-girdi-kutu:focus-within[b-6yra582fq0] {
        border-color: var(--so-vurgu);
        box-shadow: 0 0 0 3px var(--so-vurgu-ton);
    }

    .so-girdi-kutu > i[b-6yra582fq0] {
        color: var(--so-metin-3);
        font-size: 14px;
        flex-shrink: 0;
    }

    .so-girdi-kutu input[b-6yra582fq0] {
        flex: 1;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--so-metin);
        font-size: 14px;
        font-weight: 500;
        padding: 0;
    }

        .so-girdi-kutu input[b-6yra582fq0]::placeholder {
            color: var(--so-metin-3);
            font-weight: 400;
        }

.so-girdi-kucuk[b-6yra582fq0] {
    height: 36px;
}

    .so-girdi-kucuk input[b-6yra582fq0] {
        font-size: 13px;
    }

.so-nokta-bas[b-6yra582fq0] {
    font-size: 11px !important;
}

.so-nokta-son[b-6yra582fq0] {
    color: var(--so-vurgu) !important;
}

.so-fiyat input[b-6yra582fq0] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.so-birim[b-6yra582fq0] {
    color: var(--so-metin-2);
    font-weight: 600;
}

.so-fiyat input[b-6yra582fq0]::-webkit-outer-spin-button,
.so-fiyat input[b-6yra582fq0]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.so-fiyat input[type=number][b-6yra582fq0] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* ---- Son ücreti ekle ---- */
.so-son-ucret[b-6yra582fq0] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px dashed var(--so-kenar-2);
    border-radius: 8px;
    background: transparent;
    color: var(--so-vurgu-metin);
    font-size: 12.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

    .so-son-ucret:hover[b-6yra582fq0] {
        background: var(--so-vurgu-ton);
        border-color: var(--so-vurgu-ton-2);
    }

    .so-son-ucret span[b-6yra582fq0] {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }

        .so-son-ucret span small[b-6yra582fq0] {
            font-size: 11.5px;
            font-weight: 400;
            color: var(--so-metin-2);
        }

    .so-son-ucret b[b-6yra582fq0] {
        margin-left: auto;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }

    .so-son-ucret.uygulandi[b-6yra582fq0] {
        border-style: solid;
        border-color: var(--k-yesil-kenar, #bbf7d0);
        background: var(--k-yesil-ton, #f0fdf4);
        color: var(--k-yesil-metin, #15803d);
    }

.so-son-ucret-buyuk[b-6yra582fq0] {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
}

    .so-son-ucret-buyuk i[b-6yra582fq0] {
        font-size: 16px;
    }

    .so-son-ucret-buyuk b[b-6yra582fq0] {
        font-size: 16px;
    }

/* ---- Rozetler, çipler ---- */
.so-plaka[b-6yra582fq0] {
    flex-shrink: 0;
    padding: 2px 8px;
    border: 1px solid var(--so-kenar);
    border-radius: 6px;
    background: var(--so-yuzey-2);
    color: var(--so-metin);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-variant-numeric: tabular-nums;
}

.so-mini-cipler[b-6yra582fq0] {
    display: inline-flex;
    gap: 4px;
    flex-wrap: nowrap;
}

.so-mini-cip[b-6yra582fq0] {
    height: 22px;
    padding: 0 8px;
    border: 1px solid var(--so-kenar);
    border-radius: 999px;
    background: var(--so-yuzey);
    color: var(--so-metin-2);
    font-size: 11.5px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}

    .so-mini-cip:hover[b-6yra582fq0] {
        border-color: var(--so-kenar-2);
        color: var(--so-metin);
    }

    .so-mini-cip.aktif[b-6yra582fq0] {
        background: var(--so-vurgu-ton);
        border-color: transparent;
        color: var(--so-vurgu-metin);
    }

.so-cipler[b-6yra582fq0] {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    overflow-x: auto;
    scrollbar-width: none;
}

.so-cip[b-6yra582fq0] {
    flex-shrink: 0;
    height: 32px;
    padding: 0 14px;
    border: 1px solid var(--so-kenar);
    border-radius: 999px;
    background: var(--so-yuzey);
    color: var(--so-metin-2);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .so-cip.aktif[b-6yra582fq0] {
        background: var(--so-vurgu-ton);
        border-color: var(--so-vurgu-ton-2);
        color: var(--so-vurgu-metin);
        font-weight: 600;
    }

/* ---- Segment (Erkek / Kadın, Saat / Dakika) ---- */
.so-segment[b-6yra582fq0] {
    display: flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey-2);
}

    .so-segment button[b-6yra582fq0] {
        flex: 1;
        height: 34px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: var(--so-metin-2);
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        transition: background 0.15s, color 0.15s;
        white-space: nowrap;
    }

        .so-segment button.aktif[b-6yra582fq0] {
            background: var(--so-yuzey-3);
            color: var(--so-metin);
            font-weight: 600;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
        }

.so-segment-kucuk button[b-6yra582fq0] {
    height: 28px;
    font-size: 12.5px;
}

/* ---- Düğmeler ---- */
.so-btn[b-6yra582fq0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

    .so-btn:disabled[b-6yra582fq0] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.so-btn-ana[b-6yra582fq0] {
    background: var(--so-vurgu);
    color: #ffffff;
}

    .so-btn-ana:hover:not(:disabled)[b-6yra582fq0] {
        background: var(--so-vurgu-koyu);
    }

.so-btn-hayalet[b-6yra582fq0] {
    background: transparent;
    border-color: var(--so-kenar);
    color: var(--so-metin-2);
}

    .so-btn-hayalet:hover[b-6yra582fq0] {
        background: var(--so-yuzey-2);
        color: var(--so-metin);
    }

.so-btn-ikincil[b-6yra582fq0] {
    background: var(--so-yuzey);
    border-color: var(--so-kenar);
    color: var(--so-metin);
}

    .so-btn-ikincil:hover[b-6yra582fq0] {
        background: var(--so-yuzey-2);
    }

.so-btn-yumusak[b-6yra582fq0] {
    background: var(--so-vurgu-ton);
    color: var(--so-vurgu-metin);
}

    .so-btn-yumusak:hover[b-6yra582fq0] {
        background: var(--so-vurgu-ton-2);
    }

.so-btn-genis[b-6yra582fq0] {
    flex: 1;
}

.so-ikon-btn[b-6yra582fq0] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--so-metin-2);
    font-size: 16px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

    .so-ikon-btn:hover[b-6yra582fq0] {
        background: var(--so-yuzey-2);
        color: var(--so-metin);
    }

.so-sil:hover[b-6yra582fq0] {
    background: var(--so-tehlike-ton);
    color: var(--so-tehlike);
}

.so-link-btn[b-6yra582fq0] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--so-vurgu-metin);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .so-link-btn:hover[b-6yra582fq0] {
        background: var(--so-vurgu-ton);
    }

/* ---- Açılır listeler ---- */
.so-liste[b-6yra582fq0] {
    list-style: none;
    margin: 0;
    padding: 6px;
}

    .so-liste li[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 8px;
        color: var(--so-metin);
        font-size: 14px;
        cursor: pointer;
        transition: background 0.12s;
    }

        .so-liste li:hover[b-6yra582fq0] {
            background: var(--so-yuzey-2);
        }

        .so-liste li.secili[b-6yra582fq0] {
            background: var(--so-vurgu-ton);
        }

.so-liste-metin[b-6yra582fq0] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.so-liste-ikon[b-6yra582fq0] {
    color: var(--so-metin-3);
    flex-shrink: 0;
}

.so-sik[b-6yra582fq0] {
    color: #f59e0b;
    font-size: 13px;
    flex-shrink: 0;
}

.so-tik[b-6yra582fq0] {
    color: var(--so-vurgu);
    font-size: 18px;
    flex-shrink: 0;
}

.so-liste li.so-liste-iki-satir[b-6yra582fq0] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

    .so-liste li.so-liste-iki-satir small[b-6yra582fq0] {
        color: var(--so-metin-2);
        font-size: 12px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.so-liste li.so-liste-bos[b-6yra582fq0] {
    color: var(--so-metin-2);
    font-size: 13px;
    cursor: default;
    white-space: normal;
}

    .so-liste li.so-liste-bos:hover[b-6yra582fq0] {
        background: transparent;
    }

/* Konum listesi grup başlığı (arama boşken: sık kullandıklarınız, ana ilin havalimanları, ilçeleri...) */
.so-liste li.so-liste-grup[b-6yra582fq0] {
    display: block;
    padding: 10px 12px 4px;
    border-radius: 0;
    color: var(--so-metin-3);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    cursor: default;
}

    .so-liste li.so-liste-grup:first-child[b-6yra582fq0] {
        padding-top: 4px;
    }

    .so-liste li.so-liste-grup:hover[b-6yra582fq0] {
        background: transparent;
    }

.so-liste-ikon.bi-airplane[b-6yra582fq0] {
    color: var(--so-vurgu);
}

/* Şoför için zorunlu tarife notu (acente ücreti yine değiştirebilir) / şoförde kilitli ücret */
.so-zorunlu-not[b-6yra582fq0] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: var(--so-metin-2);
}

    .so-zorunlu-not > i[b-6yra582fq0] {
        flex-shrink: 0;
        margin-top: 1px;
        color: var(--so-metin-3);
    }

.so-fiyat.kilitli[b-6yra582fq0] {
    background: var(--so-yuzey-2);
}

    .so-fiyat.kilitli input[b-6yra582fq0] {
        cursor: default;
    }

.so-fiyat-kilit[b-6yra582fq0] {
    color: var(--so-metin-3);
}

/* ---- Takvim ---- */
.so-takvim-ust[b-6yra582fq0] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

    .so-takvim-ust span[b-6yra582fq0] {
        font-size: 14px;
        font-weight: 600;
        color: var(--so-metin);
        text-transform: capitalize;
    }

.so-takvim-gunler[b-6yra582fq0], .so-takvim-izgara[b-6yra582fq0] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}

.so-takvim-gunler[b-6yra582fq0] {
    margin-bottom: 4px;
}

    .so-takvim-gunler span[b-6yra582fq0] {
        font-size: 11px;
        font-weight: 500;
        color: var(--so-metin-3);
        padding: 4px 0;
    }

        .so-takvim-gunler span.pz[b-6yra582fq0] {
            color: #ef4444;
            opacity: 0.8;
        }

.so-takvim-izgara[b-6yra582fq0] {
    gap: 2px;
}

.calendar-day[b-6yra582fq0] {
    height: 36px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--so-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.12s;
}

    .calendar-day:hover[b-6yra582fq0] {
        background: var(--so-yuzey-2);
    }

    .calendar-day.gecmis[b-6yra582fq0] {
        color: var(--so-metin-3);
    }

    .calendar-day.today[b-6yra582fq0] {
        color: var(--so-vurgu-metin);
        font-weight: 700;
        box-shadow: inset 0 0 0 1px var(--so-vurgu-ton-2);
    }

    .calendar-day.selected[b-6yra582fq0] {
        background: var(--so-vurgu);
        color: #ffffff;
        font-weight: 600;
    }

.so-takvim-alt[b-6yra582fq0] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--so-kenar);
}

    .so-takvim-alt:has(> :only-child)[b-6yra582fq0] {
        justify-content: flex-end;
    }

/* ---- Saat ---- */
.so-saat-sekme[b-6yra582fq0] {
    margin-bottom: 10px;
}

.time-grid[b-6yra582fq0] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
}

.time-btn[b-6yra582fq0] {
    height: 34px;
    border: 1px solid var(--so-kenar);
    border-radius: 8px;
    background: var(--so-yuzey);
    color: var(--so-metin);
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: all 0.12s;
}

    .time-btn:hover[b-6yra582fq0] {
        border-color: var(--so-vurgu);
        color: var(--so-vurgu-metin);
    }

    .time-btn.active[b-6yra582fq0] {
        background: var(--so-vurgu);
        border-color: var(--so-vurgu);
        color: #ffffff;
    }

/* =========================================================================
   🖥️ MASAÜSTÜ
   ========================================================================= */
@media (min-width: 992px) {

    .premium-modal-overlay[b-6yra582fq0]::before, .premium-modal-overlay[b-6yra582fq0]::after {
        content: '';
        flex: 1 0 auto;
    }

    .premium-modal-content[b-6yra582fq0] {
        background: var(--so-yuzey) !important;
        width: 94% !important;
        max-width: 1060px !important;
        height: auto !important;
        border-radius: 18px;
        box-shadow: 0 30px 60px -20px rgba(15, 23, 42, 0.45);
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 2.5rem auto;
        flex-shrink: 0;
        overflow: visible !important;
        animation: scaleUp-b-6yra582fq0 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .so-baslik[b-6yra582fq0] {
        position: sticky;
        top: 0;
        z-index: 1060;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        padding: 22px 28px 18px 32px;
        border-bottom: 1px solid var(--so-kenar);
        border-radius: 18px 18px 0 0;
        background: rgba(var(--k-yuzey-rgb, 255, 255, 255), 0.97);
        backdrop-filter: blur(10px);
    }

        .so-baslik h4[b-6yra582fq0] {
            margin: 0 0 2px;
            font-size: 18px;
            font-weight: 600;
            color: var(--so-metin);
            letter-spacing: -0.2px;
        }

        .so-baslik-yazi > span[b-6yra582fq0] {
            font-size: 13px;
            color: var(--so-metin-2);
        }

    .premium-modal-body[b-6yra582fq0] {
        background: transparent !important;
        flex-grow: 1;
        overflow: visible !important;
    }

    .so-masaustu[b-6yra582fq0] {
        padding: 4px 32px 8px;
    }

    .so-bolum[b-6yra582fq0] {
        padding: 20px 0 22px;
        border-bottom: 1px solid var(--so-kenar);
    }

    .so-bolum-son[b-6yra582fq0] {
        border-bottom: 0;
    }

    .so-bolum-ust[b-6yra582fq0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 14px;
        min-height: 36px;
    }

    .so-bolum-baslik[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        font-weight: 600;
        color: var(--so-metin);
    }

    .so-no[b-6yra582fq0] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--so-vurgu-ton);
        color: var(--so-vurgu-metin);
        font-size: 12px;
        font-weight: 700;
    }

    .so-sayi[b-6yra582fq0] {
        padding: 1px 8px;
        border-radius: 999px;
        background: var(--so-yuzey-2);
        border: 1px solid var(--so-kenar);
        color: var(--so-metin-2);
        font-size: 12px;
        font-weight: 600;
    }

    .so-izgara-zaman[b-6yra582fq0] {
        display: grid;
        grid-template-columns: 1fr 1fr 1.35fr;
        gap: 16px;
    }

    .so-izgara-guzergah[b-6yra582fq0] {
        display: grid;
        grid-template-columns: 1fr 36px 1fr 200px;
        gap: 12px;
        align-items: start;
    }

    .so-degistir[b-6yra582fq0] {
        height: 42px;
        margin-top: 28px;
        border: 1px solid var(--so-kenar);
    }

    .so-favori[b-6yra582fq0] {
        width: 300px;
    }

    .so-yolcu-araclar[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .so-toplu-uyruk[b-6yra582fq0] {
        width: 190px;
    }

    .so-yolcu-araclar .so-btn[b-6yra582fq0] {
        height: 36px;
    }

    /* Açılır pencerelerin konumu */
    .centered-dropdown-list[b-6yra582fq0], .custom-calendar-dropdown[b-6yra582fq0], .custom-time-dropdown[b-6yra582fq0] {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 0 !important;
        min-width: 100% !important;
        max-width: 460px !important;
        margin: 0 !important;
        border: 1px solid var(--so-kenar) !important;
        border-radius: 12px !important;
        box-shadow: var(--so-golge) !important;
        background-color: var(--so-yuzey) !important;
        animation: dropDownAnim-b-6yra582fq0 0.15s ease-out;
        z-index: 20;
    }

    .centered-dropdown-list[b-6yra582fq0] {
        overflow-y: auto !important;
    }

        .centered-dropdown-list:not([data-konum-liste])[b-6yra582fq0] {
            max-height: 300px !important;
        }

        /* Aramalı listeler (data-konum-liste): yüksekliği klavye.js görünen alana göre satır içi stille ayarlar
           (sabit !important yükseklik betiği ezmesin); betik yoksa 300px. Altta yer yoksa betik listeyi yukarı açar. */
        .centered-dropdown-list[data-konum-liste][b-6yra582fq0] {
            max-height: 300px;
        }

        .centered-dropdown-list[data-konum-liste].etds-yukari-ac[b-6yra582fq0] {
            top: auto !important;
            bottom: calc(100% + 6px) !important;
        }

    .so-liste-sag[b-6yra582fq0] {
        left: auto !important;
        right: 0 !important;
        width: 340px;
    }

    .so-liste-dar[b-6yra582fq0] {
        min-width: 200px !important;
    }

    .custom-calendar-dropdown.so-takvim[b-6yra582fq0] {
        width: 300px !important;
        padding: 12px !important;
    }

    .custom-time-dropdown.so-saat[b-6yra582fq0] {
        width: 300px !important;
        padding: 12px !important;
    }

    .so-cift-saat .custom-time-dropdown[b-6yra582fq0] {
        left: auto !important;
        right: 0 !important;
    }

    .dropdown-aktif-alan[b-6yra582fq0] {
        position: relative;
        z-index: 1;
    }

        .dropdown-aktif-alan:focus-within[b-6yra582fq0],
        .dropdown-aktif-alan:has(.centered-dropdown-list)[b-6yra582fq0],
        .dropdown-aktif-alan:has(.custom-calendar-dropdown)[b-6yra582fq0],
        .dropdown-aktif-alan:has(.custom-time-dropdown)[b-6yra582fq0] {
            z-index: 11000 !important;
        }

    /* Yolcu tablosu */
    .so-tablo-kutu[b-6yra582fq0] {
        border: 1px solid var(--so-kenar);
        border-radius: 12px;
    }

    .so-tablo[b-6yra582fq0] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

        .so-tablo th[b-6yra582fq0] {
            padding: 9px 8px;
            background: var(--so-yuzey-2);
            border-bottom: 1px solid var(--so-kenar);
            color: var(--so-metin-2);
            font-size: 12px;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
        }

            .so-tablo th:first-child[b-6yra582fq0] {
                border-top-left-radius: 12px;
            }

            .so-tablo th:last-child[b-6yra582fq0] {
                border-top-right-radius: 12px;
            }

            .so-tablo th small[b-6yra582fq0] {
                font-weight: 400;
                color: var(--so-metin-3);
            }

        .so-tablo td[b-6yra582fq0] {
            padding: 6px 8px;
            border-bottom: 1px solid var(--so-kenar);
            vertical-align: middle;
        }

        .so-tablo tbody tr:last-child td[b-6yra582fq0] {
            border-bottom: 0;
        }

    .so-sutun-no[b-6yra582fq0] {
        width: 40px;
        text-align: center !important;
        color: var(--so-metin-3);
        font-size: 12px;
        font-variant-numeric: tabular-nums;
    }

    .so-sutun-uyruk[b-6yra582fq0] {
        width: 96px;
    }

    .so-sutun-cinsiyet[b-6yra582fq0] {
        width: 156px;
    }

    .so-sutun-sil[b-6yra582fq0] {
        width: 48px;
        text-align: center;
    }

    .so-hucre[b-6yra582fq0] {
        width: 100%;
        height: 36px;
        padding: 0 10px;
        border: 1px solid transparent;
        border-radius: 8px;
        background: var(--so-yuzey-2);
        color: var(--so-metin);
        font-size: 14px;
        font-weight: 500;
        transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
    }

        .so-hucre:hover[b-6yra582fq0] {
            border-color: var(--so-kenar);
        }

        .so-hucre:focus[b-6yra582fq0] {
            outline: none;
            border-color: var(--so-vurgu);
            background: var(--so-yuzey);
            box-shadow: 0 0 0 3px var(--so-vurgu-ton);
        }

        .so-hucre[b-6yra582fq0]::placeholder {
            color: var(--so-metin-3);
            font-weight: 400;
        }

    .so-hucre-kimlik[b-6yra582fq0] {
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.3px;
    }

    /* Alt çubuk: özet + kaydet */
    .so-alt[b-6yra582fq0] {
        position: sticky;
        bottom: 0;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 14px 28px 14px 32px;
        border-top: 1px solid var(--so-kenar);
        border-radius: 0 0 18px 18px;
        background: rgba(var(--k-yuzey-rgb, 255, 255, 255), 0.97);
        backdrop-filter: blur(10px);
    }

    .so-ozet[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
        overflow: hidden;
        font-size: 13px;
        color: var(--so-metin-2);
    }

    .so-ozet-oge[b-6yra582fq0] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
        flex-shrink: 0;
    }

        .so-ozet-oge > i[b-6yra582fq0] {
            color: var(--so-metin-3);
        }

    .so-ozet-rota[b-6yra582fq0] {
        display: block;
        flex-shrink: 1;
        min-width: 0;
        max-width: 380px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--so-metin);
        font-weight: 600;
    }

        .so-ozet-rota > i:first-child[b-6yra582fq0] {
            margin-right: 6px;
        }

    .so-ozet-ok[b-6yra582fq0] {
        font-size: 11px;
        margin: 0 2px;
        color: var(--so-metin-3);
    }

    .so-alt-butonlar[b-6yra582fq0] {
        display: flex;
        gap: 10px;
        flex-shrink: 0;
    }

        .so-alt-butonlar .so-btn[b-6yra582fq0] {
            height: 40px;
            padding: 0 18px;
        }
}

/* =========================================================================
   📱 MOBİL
   ========================================================================= */
@media (max-width: 991px) {
    html[b-6yra582fq0], body[b-6yra582fq0] {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    .premium-modal-overlay[b-6yra582fq0] {
        overflow: hidden !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

        .premium-modal-overlay[b-6yra582fq0]::before, .premium-modal-overlay[b-6yra582fq0]::after {
            display: none !important;
            content: none !important;
        }

    .premium-modal-content.mobile-fullscreen[b-6yra582fq0] {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        display: flex !important;
        flex-direction: column !important;
        background: var(--so-zemin) !important;
    }

    .premium-modal-body[b-6yra582fq0] {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        flex-grow: 1 !important;
        height: 100% !important;
    }

    .so-mobil[b-6yra582fq0] {
        flex-grow: 1;
        height: 100%;
        overflow: hidden;
        background: var(--so-zemin);
    }

    /* Mobilde yazı 16px: iPhone odaklanınca ekranı büyütmesin */
    .so-mobil .so-secici[b-6yra582fq0],
    .so-mobil .so-girdi-kutu input[b-6yra582fq0],
    .so-mobil .so-hucre[b-6yra582fq0],
    .so-m-alt-pencere .so-girdi-kutu input[b-6yra582fq0] {
        font-size: 16px;
    }

    .so-mobil .so-secici[b-6yra582fq0], .so-mobil .so-girdi-kutu[b-6yra582fq0] {
        height: 46px;
    }

    .so-m-ust[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px 8px;
        background: var(--so-yuzey);
        flex-shrink: 0;
        z-index: 10;
    }

    .so-m-ust-yazi[b-6yra582fq0] {
        flex: 1;
        min-width: 0;
        text-align: center;
        line-height: 1.25;
    }

        .so-m-ust-yazi strong[b-6yra582fq0] {
            display: block;
            font-size: 16px;
            font-weight: 600;
            color: var(--so-metin);
        }

        .so-m-ust-yazi > span[b-6yra582fq0] {
            font-size: 12px;
            color: var(--so-metin-2);
        }

    .so-m-ilerleme[b-6yra582fq0] {
        display: flex;
        gap: 4px;
        padding: 0 16px 10px;
        background: var(--so-yuzey);
        border-bottom: 1px solid var(--so-kenar);
        flex-shrink: 0;
    }

        .so-m-ilerleme span[b-6yra582fq0] {
            flex: 1;
            height: 3px;
            border-radius: 3px;
            background: var(--so-kenar);
            transition: background 0.3s;
        }

            .so-m-ilerleme span.dolu[b-6yra582fq0] {
                background: var(--so-vurgu);
            }

    .so-m-icerik[b-6yra582fq0] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 12px;
        -webkit-overflow-scrolling: touch;
    }

    .so-m-adim[b-6yra582fq0] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 8px;
    }

    .so-m-kart[b-6yra582fq0] {
        padding: 14px;
        border: 1px solid var(--so-kenar);
        border-radius: 14px;
        background: var(--so-yuzey);
    }

    .so-m-kart-baslik[b-6yra582fq0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 24px;
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: 600;
        color: var(--so-metin);
    }

    .so-m-satir[b-6yra582fq0] {
        display: flex;
        gap: 8px;
    }

        .so-m-satir > .so-secici[b-6yra582fq0] {
            flex: 1;
        }

        .so-m-satir > .so-secici-saat[b-6yra582fq0] {
            flex: 0 0 104px;
            justify-content: center;
        }

        .so-m-satir > .so-btn[b-6yra582fq0] {
            flex: 1;
            height: 42px;
        }

    .so-m-ayrac[b-6yra582fq0] {
        height: 1px;
        margin: 14px 0 12px;
        background: var(--so-kenar);
    }

    /* Güzergah: nereden → nereye */
    .so-m-rota[b-6yra582fq0] {
        display: flex;
        align-items: stretch;
        gap: 10px;
    }

    .so-m-rota-cizgi[b-6yra582fq0] {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 12px;
        padding: 22px 0;
    }

        .so-m-rota-cizgi .bas[b-6yra582fq0], .so-m-rota-cizgi .son[b-6yra582fq0] {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .so-m-rota-cizgi .bas[b-6yra582fq0] {
            border: 2px solid var(--so-metin-3);
        }

        .so-m-rota-cizgi .son[b-6yra582fq0] {
            background: var(--so-vurgu);
        }

        .so-m-rota-cizgi .hat[b-6yra582fq0] {
            flex: 1;
            border-left: 2px dashed var(--so-kenar-2);
            margin: 4px 0;
        }

    .so-m-rota-alanlar[b-6yra582fq0] {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .so-m-yer[b-6yra582fq0] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1px;
        width: 100%;
        min-height: 54px;
        padding: 7px 12px;
        border: 1px solid var(--so-kenar);
        border-radius: 10px;
        background: var(--so-yuzey);
        text-align: left;
        cursor: pointer;
    }

        .so-m-yer small[b-6yra582fq0] {
            font-size: 11px;
            color: var(--so-metin-2);
        }

        .so-m-yer span[b-6yra582fq0] {
            max-width: 100%;
            font-size: 15px;
            font-weight: 500;
            color: var(--so-metin);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .so-m-rota .so-degistir[b-6yra582fq0] {
        align-self: center;
        border: 1px solid var(--so-kenar);
        background: var(--so-yuzey);
    }

    .so-fiyat-buyuk[b-6yra582fq0] {
        height: 54px !important;
    }

        .so-fiyat-buyuk input[b-6yra582fq0] {
            font-size: 22px !important;
        }

        .so-fiyat-buyuk .so-birim[b-6yra582fq0] {
            font-size: 18px;
        }

    /* 2. adım: özet ve yolcular */
    .so-m-ozet[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 12px 12px 14px;
        border: 1px solid var(--so-vurgu-ton-2);
        border-radius: 14px;
        background: var(--so-vurgu-ton);
    }

    .so-m-ozet-yazi[b-6yra582fq0] {
        flex: 1;
        min-width: 0;
    }

        .so-m-ozet-yazi small[b-6yra582fq0] {
            display: block;
            margin-top: 2px;
            font-size: 12px;
            color: var(--so-metin-2);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .so-m-ozet-rota[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 600;
        color: var(--so-metin);
        min-width: 0;
    }

        .so-m-ozet-rota span[b-6yra582fq0] {
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .so-m-ozet-rota i[b-6yra582fq0] {
            font-size: 12px;
            color: var(--so-metin-2);
            flex-shrink: 0;
        }

    .so-m-yolcu-araclar[b-6yra582fq0] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .so-m-yolcu[b-6yra582fq0] {
        padding: 12px;
        border: 1px solid var(--so-kenar);
        border-radius: 14px;
        background: var(--so-yuzey);
    }

    .so-m-yolcu-ust[b-6yra582fq0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: -4px -4px 8px 0;
        font-size: 13px;
        font-weight: 600;
        color: var(--so-metin-2);
    }

    .so-m-izgara[b-6yra582fq0] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .so-yay-2[b-6yra582fq0] {
        grid-column: span 2;
    }

    .so-mobil .so-hucre[b-6yra582fq0] {
        width: 100%;
        height: 44px;
        min-width: 0;
        padding: 0 12px;
        border: 1px solid var(--so-kenar);
        border-radius: 10px;
        background: var(--so-yuzey-2);
        color: var(--so-metin);
        font-weight: 500;
    }

        .so-mobil .so-hucre:focus[b-6yra582fq0] {
            outline: none;
            border-color: var(--so-vurgu);
            background: var(--so-yuzey);
            box-shadow: 0 0 0 3px var(--so-vurgu-ton);
        }

        .so-mobil .so-hucre[b-6yra582fq0]::placeholder {
            color: var(--so-metin-3);
            font-weight: 400;
        }

    .so-hucre-buton[b-6yra582fq0] {
        display: flex;
        align-items: center;
        gap: 8px;
        text-align: left;
        cursor: pointer;
    }

        .so-hucre-buton i[b-6yra582fq0] {
            color: var(--so-metin-3);
        }

        .so-hucre-buton span[b-6yra582fq0] {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .so-mobil .so-segment[b-6yra582fq0] {
        height: 44px;
        padding: 3px;
    }

        .so-mobil .so-segment button[b-6yra582fq0] {
            height: 36px;
            font-size: 14px;
        }

    .so-m-alt[b-6yra582fq0] {
        display: flex;
        gap: 8px;
        padding: 10px 12px;
        background: var(--so-yuzey);
        border-top: 1px solid var(--so-kenar);
        flex-shrink: 0;
        position: relative;
    }

        .so-m-alt .so-btn[b-6yra582fq0] {
            height: 48px;
            font-size: 15px;
        }

        .so-m-alt .so-btn-hayalet[b-6yra582fq0] {
            padding: 0 20px;
        }

    /* Ekranın ortasında açılan pencereler (tarih, saat, ekip) */
    .portal-mobile-backdrop[b-6yra582fq0] {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        background: rgba(15, 23, 42, 0.45) !important;
        z-index: 12000 !important;
        animation: fadeIn-b-6yra582fq0 0.2s ease-out;
    }

    .portal-center-modal[b-6yra582fq0] {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 92vw !important;
        max-width: 360px !important;
        max-height: 82dvh;
        background: var(--so-yuzey) !important;
        border-radius: 16px !important;
        z-index: 12005 !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 14px;
        box-shadow: var(--so-golge) !important;
    }

    .so-m-pencere-ust[b-6yra582fq0] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 10px;
    }

        .so-m-pencere-ust strong[b-6yra582fq0] {
            font-size: 15px;
            font-weight: 600;
            color: var(--so-metin);
        }

    .so-m-pencere-govde[b-6yra582fq0] {
        overflow-y: auto;
        min-height: 0;
    }

    .so-m-pencere .time-grid[b-6yra582fq0] {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .so-m-pencere .time-btn[b-6yra582fq0] {
        height: 44px;
        font-size: 15px;
    }

    .so-m-pencere .calendar-day[b-6yra582fq0] {
        height: 42px;
        font-size: 15px;
    }

    .so-m-pencere-liste[b-6yra582fq0] {
        max-height: 55dvh;
        overflow-y: auto;
        padding: 0;
        margin: 0 -6px;
    }

    /* Alttan açılan arama penceresi */
    .portal-bottom-sheet[b-6yra582fq0] {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 90dvh !important;
        background-color: var(--so-yuzey) !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.2) !important;
        z-index: 13005 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        transform: translateY(120%);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, visibility 0.35s;
        pointer-events: none;
    }

        .portal-bottom-sheet.show[b-6yra582fq0] {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, visibility 0s;
            pointer-events: auto;
        }

    .so-m-alt-pencere-ust[b-6yra582fq0] {
        padding: 6px 16px 0;
        flex-shrink: 0;
    }

    .so-tutamac[b-6yra582fq0] {
        width: 36px;
        height: 4px;
        margin: 4px auto 10px;
        border-radius: 4px;
        background: var(--so-kenar-2);
    }

    .so-m-arama[b-6yra582fq0] {
        padding: 0 16px 12px;
        border-bottom: 1px solid var(--so-kenar);
        flex-shrink: 0;
    }

        .so-m-arama .so-girdi-kutu[b-6yra582fq0] {
            height: 48px;
            background: var(--so-yuzey-2);
        }

    .so-m-alt-pencere-liste[b-6yra582fq0] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding: 4px 6px;
    }

        .so-m-alt-pencere-liste .so-liste li[b-6yra582fq0] {
            padding: 14px 12px;
            font-size: 15px;
        }

            .so-m-alt-pencere-liste .so-liste li.so-liste-grup[b-6yra582fq0] {
                padding: 12px 12px 4px;
                font-size: 12.5px;
            }

    /* Klavye açıkken (klavye.js ekler; yalnızca dokunmatik cihaz) pencere ekranın üstüne taşınır, boyu klavyenin üstündeki
       alanla sınırlanır: arama kutusu üstte, sonuçlar hemen altında, klavyenin arkasında kalmaz. Değerler betiğinkiyle aynı;
       yukarıdaki !important kurallarla sıralamaya bağlı çakışma olmasın diye daha belirgin seçiciyle yinelenir. */
    .portal-bottom-sheet.show[data-konum-sayfa].etds-klavye-acik[b-6yra582fq0] {
        top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
        bottom: auto !important;
        max-height: calc(var(--etds-gorunen-yukseklik, 56vh) - 16px) !important;
        transform: none !important;
        border-radius: 20px !important;
    }
}

/* =========================================================================
   Animasyonlar
   ========================================================================= */
.fade-in[b-6yra582fq0] {
    animation: fadeIn-b-6yra582fq0 0.2s ease-out;
}

@keyframes fadeIn-b-6yra582fq0 {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dropDownAnim-b-6yra582fq0 {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleUp-b-6yra582fq0 {
    from {
        opacity: 0;
        transform: scale(0.98) translateY(8px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ---------------- 💥 CARİ VE UÇUŞ ALANLARI 💥 ---------------- */
.so-izgara-ek[b-6yra582fq0] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.so-m-ek-alanlar[b-6yra582fq0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.so-secim[b-6yra582fq0] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--so-metin);
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

    .so-secim option[b-6yra582fq0] {
        color: #1e2939;
        background: #ffffff;
    }

.so-buyuk-harf[b-6yra582fq0] {
    text-transform: uppercase;
}

    .so-buyuk-harf[b-6yra582fq0]::placeholder {
        text-transform: none;
    }

@media (max-width: 991.98px) {
    .so-izgara-ek[b-6yra582fq0] {
        grid-template-columns: minmax(0, 1fr);
    }

    .so-secim[b-6yra582fq0] {
        font-size: 16px;
    }
}

/* =========================================================================
   ✏️ SEFER DÜZENLE'YE ÖZEL
   ========================================================================= */

/* ---- Başlık: numara + durum rozeti ---- */
.so-baslik-yazi h4[b-6yra582fq0] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.so-baslik-no[b-6yra582fq0] {
    color: var(--so-metin-3);
    font-weight: 500;
    margin-left: -2px;
}

.so-baslik-yazi .pn-rozet[b-6yra582fq0] {
    letter-spacing: 0;
}

.so-m-no[b-6yra582fq0] {
    color: var(--so-metin-3);
    font-weight: 500;
}

/* ---- Durum bandı (Bakanlık durumu: bildirildi / taslak / gönderilemedi / kilitli) ---- */
.so-durum[b-6yra582fq0] {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 10px 14px;
    border: 1px solid var(--so-vurgu-ton-2);
    border-radius: 10px;
    background: var(--so-vurgu-ton);
    color: var(--so-metin);
    font-size: 13px;
    line-height: 1.5;
}

    .so-durum > i[b-6yra582fq0] {
        flex-shrink: 0;
        margin-top: 1px;
        font-size: 15px;
        color: var(--so-vurgu-metin);
    }

.so-durum-yazi[b-6yra582fq0] {
    min-width: 0;
    color: var(--so-metin-2);
}

    .so-durum-yazi strong[b-6yra582fq0] {
        margin-right: 2px;
        font-weight: 600;
        color: var(--so-metin);
    }

.so-durum.dikkat[b-6yra582fq0] {
    border-color: var(--k-sari-kenar, #fde68a);
    background: var(--k-sari-ton, #fffbeb);
}

    .so-durum.dikkat > i[b-6yra582fq0] {
        color: var(--k-sari-metin, #b45309);
    }

.so-durum.tehlike[b-6yra582fq0] {
    border-color: var(--k-kirmizi-kenar, #fecaca);
    background: var(--k-kirmizi-ton, #fef2f2);
}

    .so-durum.tehlike > i[b-6yra582fq0] {
        color: var(--k-kirmizi-metin, #b91c1c);
    }

/* Mobil: durum rozeti + açıklama, kart görünümünde */
.so-durum-mobil[b-6yra582fq0] {
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
    padding: 12px 14px;
    border-color: var(--so-kenar);
    border-radius: 14px;
    background: var(--so-yuzey);
}

    .so-durum-mobil.dikkat[b-6yra582fq0], .so-durum-mobil.bilgi[b-6yra582fq0] {
        border-color: var(--so-kenar);
        background: var(--so-yuzey);
    }

    .so-durum-mobil.tehlike[b-6yra582fq0] {
        border-color: var(--k-kirmizi-kenar, #fecaca);
        background: var(--so-yuzey);
    }

    .so-durum-mobil p[b-6yra582fq0] {
        margin: 0;
        font-size: 13px;
        line-height: 1.5;
        color: var(--so-metin-2);
    }

@media (min-width: 992px) {
    .so-masaustu > .so-durum[b-6yra582fq0] {
        margin-top: 20px;
    }
}

/* ---- Alan altı kısa bilgi (uçuş durumu) ---- */
.so-ipucu[b-6yra582fq0] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 12px;
    color: var(--so-metin-2);
}

    .so-ipucu > i[b-6yra582fq0] {
        flex-shrink: 0;
        color: var(--so-metin-3);
    }

.so-yay-tam[b-6yra582fq0] {
    grid-column: 1 / -1;
}

/* ---- Yükleniyor ---- */
.so-yukleniyor[b-6yra582fq0] {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 360px;
    padding: 48px 16px;
    text-align: center;
    font-size: 13px;
    color: var(--so-metin-2);
}

    .so-yukleniyor .pn-donen[b-6yra582fq0] {
        width: 26px;
        height: 26px;
        margin-bottom: 12px;
        border-width: 3px;
        color: var(--so-vurgu);
    }

    .so-yukleniyor strong[b-6yra582fq0] {
        font-size: 15px;
        font-weight: 600;
        color: var(--so-metin);
    }

    .so-yukleniyor .so-btn[b-6yra582fq0] {
        margin-top: 20px;
        padding: 0 24px;
    }

/* ---- Bakanlığa iletilirken ekranı kilitleyen katman ---- */
.so-kilit[b-6yra582fq0] {
    position: fixed;
    inset: 0;
    z-index: 999999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    background: rgba(15, 23, 42, 0.35);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
}

.so-kilit-kart[b-6yra582fq0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    width: 100%;
    max-width: 380px;
    padding: 28px 28px 24px;
    border: 1px solid var(--so-kenar);
    border-radius: 16px;
    background: var(--so-yuzey);
    box-shadow: var(--so-golge);
    text-align: center;
    font-size: 13px;
    color: var(--so-metin-2);
}

    .so-kilit-kart .pn-donen[b-6yra582fq0] {
        width: 26px;
        height: 26px;
        margin-bottom: 12px;
        border-width: 3px;
        color: var(--so-vurgu);
    }

    .so-kilit-kart strong[b-6yra582fq0] {
        font-size: 15px;
        font-weight: 600;
        color: var(--so-metin);
    }

/* ---- Bakanlığın kabul etmediği yolcu: satır / kart kırmızı, Bakanlığın açıklaması altında ---- */
.so-tablo tr.so-satir-hata > td[b-6yra582fq0] {
    background: var(--k-kirmizi-ton, #fef2f2);
    border-bottom: 0;
}

    .so-tablo tr.so-satir-hata > td:first-child[b-6yra582fq0] {
        box-shadow: inset 3px 0 0 var(--so-tehlike);
        color: var(--so-tehlike);
        font-weight: 700;
    }

    .so-tablo tr.so-satir-hata .so-hucre[b-6yra582fq0] {
        border-color: var(--k-kirmizi-kenar, #fecaca);
        background: var(--so-yuzey);
    }

.so-tablo tr.so-satir-hata-mesaj > td[b-6yra582fq0] {
    padding-top: 0;
    padding-bottom: 10px;
    background: var(--k-kirmizi-ton, #fef2f2);
    color: var(--k-kirmizi-metin, #b91c1c);
    font-size: 13px;
    line-height: 1.45;
}

    .so-tablo tr.so-satir-hata-mesaj > td:first-child[b-6yra582fq0] {
        box-shadow: inset 3px 0 0 var(--so-tehlike);
    }

    .so-tablo tr.so-satir-hata-mesaj > td > i[b-6yra582fq0] {
        margin-right: 6px;
    }

    .so-tablo tbody tr.so-satir-hata-mesaj:last-child > td:first-child[b-6yra582fq0] {
        border-bottom-left-radius: 12px;
    }

    .so-tablo tbody tr.so-satir-hata-mesaj:last-child > td:last-child[b-6yra582fq0] {
        border-bottom-right-radius: 12px;
    }

    .so-tablo tr.so-satir-hata-mesaj strong[b-6yra582fq0] {
        font-weight: 700;
    }

.so-m-yolcu.hata[b-6yra582fq0] {
    border-color: var(--so-tehlike);
    background: var(--k-kirmizi-ton, #fef2f2);
    box-shadow: inset 0 0 0 1px var(--so-tehlike);
    animation: so-hata-nabiz-b-6yra582fq0 1.4s ease-out 1;
}

    .so-m-yolcu.hata .so-m-yolcu-ust[b-6yra582fq0] {
        color: var(--k-kirmizi-metin, #b91c1c);
    }

.so-m-yolcu-hata[b-6yra582fq0] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0 0 10px;
    padding: 8px 10px;
    border: 1px solid var(--k-kirmizi-kenar, #fecaca);
    border-radius: 10px;
    background: var(--so-yuzey);
    color: var(--k-kirmizi-metin, #b91c1c);
    font-size: 13px;
    line-height: 1.45;
}

    .so-m-yolcu-hata > i[b-6yra582fq0] {
        flex-shrink: 0;
        margin-top: 1px;
    }

.so-durum-btn[b-6yra582fq0] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: fit-content;
    margin-top: 8px;
    padding: 6px 12px;
    border: 1px solid var(--k-kirmizi-kenar, #fecaca);
    border-radius: 8px;
    background: var(--so-yuzey);
    color: var(--k-kirmizi-metin, #b91c1c);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .so-durum-btn:hover[b-6yra582fq0] {
        border-color: var(--so-tehlike);
    }

    .so-durum-btn:focus-visible[b-6yra582fq0] {
        outline: 2px solid var(--so-tehlike);
        outline-offset: 2px;
    }

@keyframes so-hata-nabiz-b-6yra582fq0 {
    0% { box-shadow: inset 0 0 0 1px var(--so-tehlike), 0 0 0 0 rgba(220, 38, 38, 0.45); }
    100% { box-shadow: inset 0 0 0 1px var(--so-tehlike), 0 0 0 12px rgba(220, 38, 38, 0); }
}

@media (prefers-reduced-motion: reduce) {
    .so-m-yolcu.hata[b-6yra582fq0] {
        animation: none;
    }
}

/* ---- Şoförün değiştiremeyeceği bilgiler (acente kısıtı): soluk ve dokunulamaz (inert); başlığa "değiştirilemez" eklenir ---- */
.so-kilitli-alan[b-6yra582fq0] {
    opacity: 0.55;
    filter: grayscale(0.4);
    pointer-events: none; /* inert'i tanımayan eski WebView'lar için */
}

    .so-kilitli-alan .so-etiket[b-6yra582fq0]::after {
        content: " · değiştirilemez";
        font-size: 12px;
        font-weight: 500;
        color: var(--so-metin-3);
        text-transform: none;
        letter-spacing: 0;
    }

    /* Telefon kartı: başlığın sağında küçük etiket (kartın yalnız ilk başlığında) */
    .so-kilitli-alan > .so-m-kart-baslik:first-child[b-6yra582fq0]::after {
        content: "değiştirilemez";
        flex-shrink: 0;
        padding: 1px 8px;
        border: 1px solid var(--so-kenar-2);
        border-radius: 999px;
        font-size: 11.5px;
        font-weight: 600;
        color: var(--so-metin-2);
    }

    /* Telefon yolcu kartı: "Yolcu 1 · değiştirilemez" */
    .so-m-yolcu.so-kilitli-alan .so-m-yolcu-ust > span:first-child[b-6yra582fq0]::after {
        content: " · değiştirilemez";
        font-weight: 500;
        color: var(--so-metin-3);
    }

/* Masaüstü bölüm başlığında (Yolcular) "değiştirilemez" etiketi */
.so-kilit-etiket[b-6yra582fq0] {
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
    padding: 1px 8px;
    border: 1px solid var(--so-kenar-2);
    border-radius: 999px;
    font-size: 11.5px;
    font-weight: 600;
    line-height: 1.5;
    color: var(--so-metin-2);
    text-transform: none;
    letter-spacing: 0;
}

.so-kisit-notu[b-6yra582fq0] {
    display: flex;
    align-items: flex-start;
    gap: 8px;
    margin: 0;
    padding: 8px 12px;
    border: 1px solid var(--k-sari-kenar, #fde68a);
    border-radius: 10px;
    background: var(--k-sari-ton, #fffbeb);
    color: var(--k-sari-metin, #b45309);
    font-size: 13px;
    line-height: 1.45;
}

    .so-kisit-notu > i[b-6yra582fq0] {
        flex-shrink: 0;
        margin-top: 1px;
    }

@media (max-width: 991.98px) {
    .so-kisit-notu[b-6yra582fq0] {
        margin-bottom: 10px;
    }
}
/* /Components/Pages/SeferOlustur.razor.rz.scp.css */
/* =========================================================================
   💥 SEFER OLUŞTUR — SADE TASARIM 💥
   Renkler tema değişkenlerine bağlıdır (--k-*: yalnızca koyu temada tanımlı; açık temada parantezdeki renk kullanılır).
   ========================================================================= */

.so-kutu[b-bh5z05zu3v] {
    --so-zemin: var(--k-zemin, #f5f7fa);
    --so-yuzey: var(--k-yuzey, #ffffff);
    --so-yuzey-2: var(--k-yuzey-2, #f8fafc);
    --so-yuzey-3: var(--k-yuzey-3, #ffffff);
    --so-kenar: var(--k-kenar, #e5e7eb);
    --so-kenar-2: var(--k-kenar-2, #cbd5e1);
    --so-metin: var(--k-metin, #0f172a);
    --so-metin-2: var(--k-metin-4, #64748b);
    --so-metin-3: var(--k-metin-5, #94a3b8);
    --so-vurgu: #2563eb;
    --so-vurgu-koyu: #1d4ed8;
    --so-vurgu-ton: var(--k-mavi-ton, #eff6ff);
    --so-vurgu-ton-2: var(--k-mavi-ton-2, #dbeafe);
    --so-vurgu-metin: var(--k-mavi-metin, #1d4ed8);
    --so-tehlike: #dc2626;
    --so-tehlike-ton: var(--k-kirmizi-ton, #fef2f2);
    --so-golge: 0 12px 32px -8px rgba(15, 23, 42, 0.18), 0 4px 10px -4px rgba(15, 23, 42, 0.08);
    color: var(--so-metin);
    font-size: 14px;
}

/* ---------------- İnce kaydırma çubuğu ---------------- */
[b-bh5z05zu3v]::-webkit-scrollbar {
    width: 4px;
    height: 4px;
}

[b-bh5z05zu3v]::-webkit-scrollbar-track {
    background: transparent;
}

[b-bh5z05zu3v]::-webkit-scrollbar-thumb {
    background: rgba(148, 163, 184, 0.4);
    border-radius: 10px;
}

*[b-bh5z05zu3v] {
    scrollbar-width: thin;
    scrollbar-color: rgba(148, 163, 184, 0.4) transparent;
}

/* =========================================================================
   MODAL KATMANI
   ========================================================================= */
.premium-modal-overlay[b-bh5z05zu3v] {
    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;
    background: rgba(15, 23, 42, 0.55) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
    z-index: 99999 !important;
    display: flex !important;
    flex-direction: column !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    overscroll-behavior: contain;
    animation: fadeIn-b-bh5z05zu3v 0.2s ease-out;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================================================
   ORTAK PARÇALAR
   ========================================================================= */
.so-etiket[b-bh5z05zu3v] {
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 22px;
    color: var(--so-metin-2);
    margin: 0 0 6px;
    letter-spacing: 0.1px;
}

.so-etiket-satir[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-bottom: 6px;
    height: 22px;
}

    .so-etiket-satir .so-etiket[b-bh5z05zu3v] {
        margin: 0;
    }

.so-alan[b-bh5z05zu3v] {
    min-width: 0;
}

.so-soluk[b-bh5z05zu3v] {
    color: var(--so-metin-3) !important;
    font-weight: 400 !important;
}

.so-gizli[b-bh5z05zu3v] {
    visibility: hidden;
    pointer-events: none;
}

/* ---- Seçici (tarih, saat, ekip gibi dokunulan alanlar) ---- */
.so-secici[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 8px;
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey);
    color: var(--so-metin);
    font-size: 14px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s, box-shadow 0.15s;
    min-width: 0;
}

    .so-secici:hover[b-bh5z05zu3v] {
        border-color: var(--so-kenar-2);
    }

    .so-secici.acik[b-bh5z05zu3v], .so-secici:focus-visible[b-bh5z05zu3v] {
        border-color: var(--so-vurgu);
        box-shadow: 0 0 0 3px var(--so-vurgu-ton);
        outline: none;
    }

    .so-secici > i[b-bh5z05zu3v] {
        color: var(--so-metin-3);
        font-size: 15px;
        flex-shrink: 0;
    }

    .so-secici > span[b-bh5z05zu3v] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.so-secici-metin[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
}

.so-ok[b-bh5z05zu3v] {
    margin-left: auto;
    font-size: 12px !important;
}

/* Tarih + saat tek kutuda */
.so-cift[b-bh5z05zu3v] {
    display: flex;
    align-items: stretch;
    height: 42px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey);
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .so-cift:hover[b-bh5z05zu3v] {
        border-color: var(--so-kenar-2);
    }

    .so-cift:has(.acik)[b-bh5z05zu3v] {
        border-color: var(--so-vurgu);
        box-shadow: 0 0 0 3px var(--so-vurgu-ton);
    }

.so-cift-parca[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
    position: relative;
}

.so-cift-saat[b-bh5z05zu3v] {
    flex: 0 0 92px;
    border-left: 1px solid var(--so-kenar);
}

.so-cift .so-secici[b-bh5z05zu3v] {
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    box-shadow: none;
}

/* ---- Yazılabilir alan ---- */
.so-girdi-kutu[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 42px;
    padding: 0 12px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey);
    transition: border-color 0.15s, box-shadow 0.15s;
}

    .so-girdi-kutu:hover[b-bh5z05zu3v] {
        border-color: var(--so-kenar-2);
    }

    .so-girdi-kutu:focus-within[b-bh5z05zu3v] {
        border-color: var(--so-vurgu);
        box-shadow: 0 0 0 3px var(--so-vurgu-ton);
    }

    .so-girdi-kutu > i[b-bh5z05zu3v] {
        color: var(--so-metin-3);
        font-size: 14px;
        flex-shrink: 0;
    }

    .so-girdi-kutu input[b-bh5z05zu3v] {
        flex: 1;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--so-metin);
        font-size: 14px;
        font-weight: 500;
        padding: 0;
    }

        .so-girdi-kutu input[b-bh5z05zu3v]::placeholder {
            color: var(--so-metin-3);
            font-weight: 400;
        }

.so-girdi-kucuk[b-bh5z05zu3v] {
    height: 36px;
}

    .so-girdi-kucuk input[b-bh5z05zu3v] {
        font-size: 13px;
    }

.so-nokta-bas[b-bh5z05zu3v] {
    font-size: 11px !important;
}

.so-nokta-son[b-bh5z05zu3v] {
    color: var(--so-vurgu) !important;
}

.so-fiyat input[b-bh5z05zu3v] {
    font-weight: 600;
    font-variant-numeric: tabular-nums;
}

.so-birim[b-bh5z05zu3v] {
    color: var(--so-metin-2);
    font-weight: 600;
}

.so-fiyat input[b-bh5z05zu3v]::-webkit-outer-spin-button,
.so-fiyat input[b-bh5z05zu3v]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.so-fiyat input[type=number][b-bh5z05zu3v] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* ---- Son ücreti ekle ---- */
.so-son-ucret[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 6px;
    width: 100%;
    margin-top: 6px;
    padding: 6px 10px;
    border: 1px dashed var(--so-kenar-2);
    border-radius: 8px;
    background: transparent;
    color: var(--so-vurgu-metin);
    font-size: 12.5px;
    font-weight: 500;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

    .so-son-ucret:hover[b-bh5z05zu3v] {
        background: var(--so-vurgu-ton);
        border-color: var(--so-vurgu-ton-2);
    }

    .so-son-ucret span[b-bh5z05zu3v] {
        display: flex;
        flex-direction: column;
        line-height: 1.2;
    }

        .so-son-ucret span small[b-bh5z05zu3v] {
            font-size: 11.5px;
            font-weight: 400;
            color: var(--so-metin-2);
        }

    .so-son-ucret b[b-bh5z05zu3v] {
        margin-left: auto;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }

    .so-son-ucret.uygulandi[b-bh5z05zu3v] {
        border-style: solid;
        border-color: var(--k-yesil-kenar, #bbf7d0);
        background: var(--k-yesil-ton, #f0fdf4);
        color: var(--k-yesil-metin, #15803d);
    }

.so-son-ucret-buyuk[b-bh5z05zu3v] {
    margin-top: 10px;
    padding: 10px 14px;
    border-radius: 10px;
    font-size: 14px;
}

    .so-son-ucret-buyuk i[b-bh5z05zu3v] {
        font-size: 16px;
    }

    .so-son-ucret-buyuk b[b-bh5z05zu3v] {
        font-size: 16px;
    }

/* ---- Rozetler, çipler ---- */
.so-plaka[b-bh5z05zu3v] {
    flex-shrink: 0;
    padding: 2px 8px;
    border: 1px solid var(--so-kenar);
    border-radius: 6px;
    background: var(--so-yuzey-2);
    color: var(--so-metin);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    font-variant-numeric: tabular-nums;
}

.so-mini-cipler[b-bh5z05zu3v] {
    display: inline-flex;
    gap: 4px;
    flex-wrap: nowrap;
}

.so-mini-cip[b-bh5z05zu3v] {
    height: 22px;
    padding: 0 8px;
    border: 1px solid var(--so-kenar);
    border-radius: 999px;
    background: var(--so-yuzey);
    color: var(--so-metin-2);
    font-size: 11.5px;
    font-weight: 500;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.15s;
}

    .so-mini-cip:hover[b-bh5z05zu3v] {
        border-color: var(--so-kenar-2);
        color: var(--so-metin);
    }

    .so-mini-cip.aktif[b-bh5z05zu3v] {
        background: var(--so-vurgu-ton);
        border-color: transparent;
        color: var(--so-vurgu-metin);
    }

.so-cipler[b-bh5z05zu3v] {
    display: flex;
    gap: 8px;
    margin-bottom: 10px;
    overflow-x: auto;
    scrollbar-width: none;
}

.so-cip[b-bh5z05zu3v] {
    flex-shrink: 0;
    height: 32px;
    padding: 0 14px;
    border: 1px solid var(--so-kenar);
    border-radius: 999px;
    background: var(--so-yuzey);
    color: var(--so-metin-2);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
}

    .so-cip.aktif[b-bh5z05zu3v] {
        background: var(--so-vurgu-ton);
        border-color: var(--so-vurgu-ton-2);
        color: var(--so-vurgu-metin);
        font-weight: 600;
    }

/* ---- Segment (Erkek / Kadın, Saat / Dakika) ---- */
.so-segment[b-bh5z05zu3v] {
    display: flex;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--so-kenar);
    border-radius: 10px;
    background: var(--so-yuzey-2);
}

    .so-segment button[b-bh5z05zu3v] {
        flex: 1;
        height: 34px;
        border: 0;
        border-radius: 7px;
        background: transparent;
        color: var(--so-metin-2);
        font-size: 13px;
        font-weight: 500;
        cursor: pointer;
        transition: background 0.15s, color 0.15s;
        white-space: nowrap;
    }

        .so-segment button.aktif[b-bh5z05zu3v] {
            background: var(--so-yuzey-3);
            color: var(--so-metin);
            font-weight: 600;
            box-shadow: 0 1px 2px rgba(15, 23, 42, 0.1);
        }

.so-segment-kucuk button[b-bh5z05zu3v] {
    height: 28px;
    font-size: 12.5px;
}

/* ---- Düğmeler ---- */
.so-btn[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    height: 38px;
    padding: 0 14px;
    border: 1px solid transparent;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s, color 0.15s;
}

    .so-btn:disabled[b-bh5z05zu3v] {
        opacity: 0.6;
        cursor: not-allowed;
    }

.so-btn-ana[b-bh5z05zu3v] {
    background: var(--so-vurgu);
    color: #ffffff;
}

    .so-btn-ana:hover:not(:disabled)[b-bh5z05zu3v] {
        background: var(--so-vurgu-koyu);
    }

.so-btn-hayalet[b-bh5z05zu3v] {
    background: transparent;
    border-color: var(--so-kenar);
    color: var(--so-metin-2);
}

    .so-btn-hayalet:hover[b-bh5z05zu3v] {
        background: var(--so-yuzey-2);
        color: var(--so-metin);
    }

.so-btn-ikincil[b-bh5z05zu3v] {
    background: var(--so-yuzey);
    border-color: var(--so-kenar);
    color: var(--so-metin);
}

    .so-btn-ikincil:hover[b-bh5z05zu3v] {
        background: var(--so-yuzey-2);
    }

.so-btn-yumusak[b-bh5z05zu3v] {
    background: var(--so-vurgu-ton);
    color: var(--so-vurgu-metin);
}

    .so-btn-yumusak:hover[b-bh5z05zu3v] {
        background: var(--so-vurgu-ton-2);
    }

.so-btn-genis[b-bh5z05zu3v] {
    flex: 1;
}

.so-ikon-btn[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    flex-shrink: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--so-metin-2);
    font-size: 16px;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
}

    .so-ikon-btn:hover[b-bh5z05zu3v] {
        background: var(--so-yuzey-2);
        color: var(--so-metin);
    }

.so-sil:hover[b-bh5z05zu3v] {
    background: var(--so-tehlike-ton);
    color: var(--so-tehlike);
}

.so-link-btn[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 4px 8px;
    border: 0;
    border-radius: 6px;
    background: transparent;
    color: var(--so-vurgu-metin);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .so-link-btn:hover[b-bh5z05zu3v] {
        background: var(--so-vurgu-ton);
    }

/* ---- Açılır listeler ---- */
.so-liste[b-bh5z05zu3v] {
    list-style: none;
    margin: 0;
    padding: 6px;
}

    .so-liste li[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 10px 12px;
        border-radius: 8px;
        color: var(--so-metin);
        font-size: 14px;
        cursor: pointer;
        transition: background 0.12s;
    }

        .so-liste li:hover[b-bh5z05zu3v] {
            background: var(--so-yuzey-2);
        }

        .so-liste li.secili[b-bh5z05zu3v] {
            background: var(--so-vurgu-ton);
        }

.so-liste-metin[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: 500;
}

.so-liste-ikon[b-bh5z05zu3v] {
    color: var(--so-metin-3);
    flex-shrink: 0;
}

.so-sik[b-bh5z05zu3v] {
    color: #f59e0b;
    font-size: 13px;
    flex-shrink: 0;
}

.so-tik[b-bh5z05zu3v] {
    color: var(--so-vurgu);
    font-size: 18px;
    flex-shrink: 0;
}

.so-liste li.so-liste-iki-satir[b-bh5z05zu3v] {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
}

    .so-liste li.so-liste-iki-satir small[b-bh5z05zu3v] {
        color: var(--so-metin-2);
        font-size: 12px;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.so-liste li.so-liste-bos[b-bh5z05zu3v] {
    color: var(--so-metin-2);
    font-size: 13px;
    cursor: default;
    white-space: normal;
}

    .so-liste li.so-liste-bos:hover[b-bh5z05zu3v] {
        background: transparent;
    }

/* Konum listesi grup başlığı (arama boşken: sık kullandıklarınız, ana ilin havalimanları, ilçeleri...) */
.so-liste li.so-liste-grup[b-bh5z05zu3v] {
    display: block;
    padding: 10px 12px 4px;
    border-radius: 0;
    color: var(--so-metin-3);
    font-size: 12px;
    font-weight: 600;
    line-height: 1.3;
    cursor: default;
}

    .so-liste li.so-liste-grup:first-child[b-bh5z05zu3v] {
        padding-top: 4px;
    }

    .so-liste li.so-liste-grup:hover[b-bh5z05zu3v] {
        background: transparent;
    }

.so-liste-ikon.bi-airplane[b-bh5z05zu3v] {
    color: var(--so-vurgu);
}

/* Şoför için zorunlu tarife notu (acente ücreti yine değiştirebilir) / şoförde kilitli ücret */
.so-zorunlu-not[b-bh5z05zu3v] {
    display: flex;
    align-items: flex-start;
    gap: 6px;
    margin: 6px 0 0;
    font-size: 12px;
    line-height: 1.4;
    color: var(--so-metin-2);
}

    .so-zorunlu-not > i[b-bh5z05zu3v] {
        flex-shrink: 0;
        margin-top: 1px;
        color: var(--so-metin-3);
    }

.so-fiyat.kilitli[b-bh5z05zu3v] {
    background: var(--so-yuzey-2);
}

    .so-fiyat.kilitli input[b-bh5z05zu3v] {
        cursor: default;
    }

.so-fiyat-kilit[b-bh5z05zu3v] {
    color: var(--so-metin-3);
}

/* ---- Takvim ---- */
.so-takvim-ust[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 8px;
}

    .so-takvim-ust span[b-bh5z05zu3v] {
        font-size: 14px;
        font-weight: 600;
        color: var(--so-metin);
        text-transform: capitalize;
    }

.so-takvim-gunler[b-bh5z05zu3v], .so-takvim-izgara[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    text-align: center;
}

.so-takvim-gunler[b-bh5z05zu3v] {
    margin-bottom: 4px;
}

    .so-takvim-gunler span[b-bh5z05zu3v] {
        font-size: 11px;
        font-weight: 500;
        color: var(--so-metin-3);
        padding: 4px 0;
    }

        .so-takvim-gunler span.pz[b-bh5z05zu3v] {
            color: #ef4444;
            opacity: 0.8;
        }

.so-takvim-izgara[b-bh5z05zu3v] {
    gap: 2px;
}

.calendar-day[b-bh5z05zu3v] {
    height: 36px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--so-metin);
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: background 0.12s;
}

    .calendar-day:hover[b-bh5z05zu3v] {
        background: var(--so-yuzey-2);
    }

    .calendar-day.gecmis[b-bh5z05zu3v] {
        color: var(--so-metin-3);
    }

    .calendar-day.today[b-bh5z05zu3v] {
        color: var(--so-vurgu-metin);
        font-weight: 700;
        box-shadow: inset 0 0 0 1px var(--so-vurgu-ton-2);
    }

    .calendar-day.selected[b-bh5z05zu3v] {
        background: var(--so-vurgu);
        color: #ffffff;
        font-weight: 600;
    }

.so-takvim-alt[b-bh5z05zu3v] {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--so-kenar);
}

    .so-takvim-alt:has(> :only-child)[b-bh5z05zu3v] {
        justify-content: flex-end;
    }

/* ---- Saat ---- */
.so-saat-sekme[b-bh5z05zu3v] {
    margin-bottom: 10px;
}

.time-grid[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
}

.time-btn[b-bh5z05zu3v] {
    height: 34px;
    border: 1px solid var(--so-kenar);
    border-radius: 8px;
    background: var(--so-yuzey);
    color: var(--so-metin);
    font-size: 13px;
    font-weight: 500;
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    transition: all 0.12s;
}

    .time-btn:hover[b-bh5z05zu3v] {
        border-color: var(--so-vurgu);
        color: var(--so-vurgu-metin);
    }

    .time-btn.active[b-bh5z05zu3v] {
        background: var(--so-vurgu);
        border-color: var(--so-vurgu);
        color: #ffffff;
    }

/* =========================================================================
   🖥️ MASAÜSTÜ
   ========================================================================= */
@media (min-width: 992px) {

    .premium-modal-overlay[b-bh5z05zu3v]::before, .premium-modal-overlay[b-bh5z05zu3v]::after {
        content: '';
        flex: 1 0 auto;
    }

    .premium-modal-content[b-bh5z05zu3v] {
        background: var(--so-yuzey) !important;
        width: 94% !important;
        max-width: 1060px !important;
        height: auto !important;
        border-radius: 18px;
        box-shadow: 0 30px 60px -20px rgba(15, 23, 42, 0.45);
        display: flex;
        flex-direction: column;
        position: relative;
        margin: 2.5rem auto;
        flex-shrink: 0;
        overflow: visible !important;
        animation: scaleUp-b-bh5z05zu3v 0.22s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .so-baslik[b-bh5z05zu3v] {
        position: sticky;
        top: 0;
        z-index: 1060;
        align-items: flex-start;
        justify-content: space-between;
        gap: 16px;
        padding: 22px 28px 18px 32px;
        border-bottom: 1px solid var(--so-kenar);
        border-radius: 18px 18px 0 0;
        background: rgba(var(--k-yuzey-rgb, 255, 255, 255), 0.97);
        backdrop-filter: blur(10px);
    }

        .so-baslik h4[b-bh5z05zu3v] {
            margin: 0 0 2px;
            font-size: 18px;
            font-weight: 600;
            color: var(--so-metin);
            letter-spacing: -0.2px;
        }

        .so-baslik span[b-bh5z05zu3v] {
            font-size: 13px;
            color: var(--so-metin-2);
        }

    .premium-modal-body[b-bh5z05zu3v] {
        background: transparent !important;
        flex-grow: 1;
        overflow: visible !important;
    }

    .so-masaustu[b-bh5z05zu3v] {
        padding: 4px 32px 8px;
    }

    .so-bolum[b-bh5z05zu3v] {
        padding: 20px 0 22px;
        border-bottom: 1px solid var(--so-kenar);
    }

    .so-bolum-son[b-bh5z05zu3v] {
        border-bottom: 0;
    }

    .so-bolum-ust[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
        margin-bottom: 14px;
        min-height: 36px;
    }

    .so-bolum-baslik[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 10px;
        font-size: 15px;
        font-weight: 600;
        color: var(--so-metin);
    }

    .so-no[b-bh5z05zu3v] {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 22px;
        height: 22px;
        border-radius: 50%;
        background: var(--so-vurgu-ton);
        color: var(--so-vurgu-metin);
        font-size: 12px;
        font-weight: 700;
    }

    .so-sayi[b-bh5z05zu3v] {
        padding: 1px 8px;
        border-radius: 999px;
        background: var(--so-yuzey-2);
        border: 1px solid var(--so-kenar);
        color: var(--so-metin-2);
        font-size: 12px;
        font-weight: 600;
    }

    .so-izgara-zaman[b-bh5z05zu3v] {
        display: grid;
        grid-template-columns: 1fr 1fr 1.35fr;
        gap: 16px;
    }

    .so-izgara-guzergah[b-bh5z05zu3v] {
        display: grid;
        grid-template-columns: 1fr 36px 1fr 200px;
        gap: 12px;
        align-items: start;
    }

    .so-degistir[b-bh5z05zu3v] {
        height: 42px;
        margin-top: 28px;
        border: 1px solid var(--so-kenar);
    }

    .so-favori[b-bh5z05zu3v] {
        width: 300px;
    }

    .so-yolcu-araclar[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 8px;
    }

    .so-toplu-uyruk[b-bh5z05zu3v] {
        width: 190px;
    }

    .so-yolcu-araclar .so-btn[b-bh5z05zu3v] {
        height: 36px;
    }

    /* Açılır pencerelerin konumu */
    .centered-dropdown-list[b-bh5z05zu3v], .custom-calendar-dropdown[b-bh5z05zu3v], .custom-time-dropdown[b-bh5z05zu3v] {
        position: absolute !important;
        top: calc(100% + 6px) !important;
        left: 0 !important;
        min-width: 100% !important;
        max-width: 460px !important;
        margin: 0 !important;
        border: 1px solid var(--so-kenar) !important;
        border-radius: 12px !important;
        box-shadow: var(--so-golge) !important;
        background-color: var(--so-yuzey) !important;
        animation: dropDownAnim-b-bh5z05zu3v 0.15s ease-out;
        z-index: 20;
    }

    .centered-dropdown-list[b-bh5z05zu3v] {
        overflow-y: auto !important;
    }

        .centered-dropdown-list:not([data-konum-liste])[b-bh5z05zu3v] {
            max-height: 300px !important;
        }

        /* Aramalı listeler (data-konum-liste): yüksekliği klavye.js görünen alana göre satır içi stille ayarlar
           (sabit !important yükseklik betiği ezmesin); betik yoksa 300px. Altta yer yoksa betik listeyi yukarı açar. */
        .centered-dropdown-list[data-konum-liste][b-bh5z05zu3v] {
            max-height: 300px;
        }

        .centered-dropdown-list[data-konum-liste].etds-yukari-ac[b-bh5z05zu3v] {
            top: auto !important;
            bottom: calc(100% + 6px) !important;
        }

    .so-liste-sag[b-bh5z05zu3v] {
        left: auto !important;
        right: 0 !important;
        width: 340px;
    }

    .so-liste-dar[b-bh5z05zu3v] {
        min-width: 200px !important;
    }

    .custom-calendar-dropdown.so-takvim[b-bh5z05zu3v] {
        width: 300px !important;
        padding: 12px !important;
    }

    .custom-time-dropdown.so-saat[b-bh5z05zu3v] {
        width: 300px !important;
        padding: 12px !important;
    }

    .so-cift-saat .custom-time-dropdown[b-bh5z05zu3v] {
        left: auto !important;
        right: 0 !important;
    }

    .dropdown-aktif-alan[b-bh5z05zu3v] {
        position: relative;
        z-index: 1;
    }

        .dropdown-aktif-alan:focus-within[b-bh5z05zu3v],
        .dropdown-aktif-alan:has(.centered-dropdown-list)[b-bh5z05zu3v],
        .dropdown-aktif-alan:has(.custom-calendar-dropdown)[b-bh5z05zu3v],
        .dropdown-aktif-alan:has(.custom-time-dropdown)[b-bh5z05zu3v] {
            z-index: 11000 !important;
        }

    /* Yolcu tablosu */
    .so-tablo-kutu[b-bh5z05zu3v] {
        border: 1px solid var(--so-kenar);
        border-radius: 12px;
    }

    .so-tablo[b-bh5z05zu3v] {
        width: 100%;
        border-collapse: separate;
        border-spacing: 0;
    }

        .so-tablo th[b-bh5z05zu3v] {
            padding: 9px 8px;
            background: var(--so-yuzey-2);
            border-bottom: 1px solid var(--so-kenar);
            color: var(--so-metin-2);
            font-size: 12px;
            font-weight: 500;
            text-align: left;
            white-space: nowrap;
        }

            .so-tablo th:first-child[b-bh5z05zu3v] {
                border-top-left-radius: 12px;
            }

            .so-tablo th:last-child[b-bh5z05zu3v] {
                border-top-right-radius: 12px;
            }

            .so-tablo th small[b-bh5z05zu3v] {
                font-weight: 400;
                color: var(--so-metin-3);
            }

        .so-tablo td[b-bh5z05zu3v] {
            padding: 6px 8px;
            border-bottom: 1px solid var(--so-kenar);
            vertical-align: middle;
        }

        .so-tablo tbody tr:last-child td[b-bh5z05zu3v] {
            border-bottom: 0;
        }

    .so-sutun-no[b-bh5z05zu3v] {
        width: 40px;
        text-align: center !important;
        color: var(--so-metin-3);
        font-size: 12px;
        font-variant-numeric: tabular-nums;
    }

    .so-sutun-uyruk[b-bh5z05zu3v] {
        width: 96px;
    }

    .so-sutun-cinsiyet[b-bh5z05zu3v] {
        width: 156px;
    }

    .so-sutun-sil[b-bh5z05zu3v] {
        width: 48px;
        text-align: center;
    }

    .so-hucre[b-bh5z05zu3v] {
        width: 100%;
        height: 36px;
        padding: 0 10px;
        border: 1px solid transparent;
        border-radius: 8px;
        background: var(--so-yuzey-2);
        color: var(--so-metin);
        font-size: 14px;
        font-weight: 500;
        transition: border-color 0.15s, box-shadow 0.15s, background 0.15s;
    }

        .so-hucre:hover[b-bh5z05zu3v] {
            border-color: var(--so-kenar);
        }

        .so-hucre:focus[b-bh5z05zu3v] {
            outline: none;
            border-color: var(--so-vurgu);
            background: var(--so-yuzey);
            box-shadow: 0 0 0 3px var(--so-vurgu-ton);
        }

        .so-hucre[b-bh5z05zu3v]::placeholder {
            color: var(--so-metin-3);
            font-weight: 400;
        }

    .so-hucre-kimlik[b-bh5z05zu3v] {
        font-variant-numeric: tabular-nums;
        letter-spacing: 0.3px;
    }

    /* Alt çubuk: özet + kaydet */
    .so-alt[b-bh5z05zu3v] {
        position: sticky;
        bottom: 0;
        align-items: center;
        justify-content: space-between;
        gap: 20px;
        padding: 14px 28px 14px 32px;
        border-top: 1px solid var(--so-kenar);
        border-radius: 0 0 18px 18px;
        background: rgba(var(--k-yuzey-rgb, 255, 255, 255), 0.97);
        backdrop-filter: blur(10px);
    }

    .so-ozet[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 18px;
        min-width: 0;
        overflow: hidden;
        font-size: 13px;
        color: var(--so-metin-2);
    }

    .so-ozet-oge[b-bh5z05zu3v] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        white-space: nowrap;
        flex-shrink: 0;
    }

        .so-ozet-oge > i[b-bh5z05zu3v] {
            color: var(--so-metin-3);
        }

    .so-ozet-rota[b-bh5z05zu3v] {
        display: block;
        flex-shrink: 1;
        min-width: 0;
        max-width: 380px;
        overflow: hidden;
        text-overflow: ellipsis;
        color: var(--so-metin);
        font-weight: 600;
    }

        .so-ozet-rota > i:first-child[b-bh5z05zu3v] {
            margin-right: 6px;
        }

    .so-ozet-ok[b-bh5z05zu3v] {
        font-size: 11px;
        margin: 0 2px;
        color: var(--so-metin-3);
    }

    .so-alt-butonlar[b-bh5z05zu3v] {
        display: flex;
        gap: 10px;
        flex-shrink: 0;
    }

        .so-alt-butonlar .so-btn[b-bh5z05zu3v] {
            height: 40px;
            padding: 0 18px;
        }
}

/* =========================================================================
   📱 MOBİL
   ========================================================================= */
@media (max-width: 991px) {
    html[b-bh5z05zu3v], body[b-bh5z05zu3v] {
        overflow: hidden !important;
        overscroll-behavior: none;
    }

    .premium-modal-overlay[b-bh5z05zu3v] {
        overflow: hidden !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
    }

        .premium-modal-overlay[b-bh5z05zu3v]::before, .premium-modal-overlay[b-bh5z05zu3v]::after {
            display: none !important;
            content: none !important;
        }

    .premium-modal-content.mobile-fullscreen[b-bh5z05zu3v] {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        max-height: 100dvh !important;
        margin: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;
        padding-top: env(safe-area-inset-top);
        padding-bottom: env(safe-area-inset-bottom);
        display: flex !important;
        flex-direction: column !important;
        background: var(--so-zemin) !important;
    }

    .premium-modal-body[b-bh5z05zu3v] {
        padding: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        flex-grow: 1 !important;
        height: 100% !important;
    }

    .so-mobil[b-bh5z05zu3v] {
        flex-grow: 1;
        height: 100%;
        overflow: hidden;
        background: var(--so-zemin);
    }

    /* Mobilde yazı 16px: iPhone odaklanınca ekranı büyütmesin */
    .so-mobil .so-secici[b-bh5z05zu3v],
    .so-mobil .so-girdi-kutu input[b-bh5z05zu3v],
    .so-mobil .so-hucre[b-bh5z05zu3v],
    .so-m-alt-pencere .so-girdi-kutu input[b-bh5z05zu3v] {
        font-size: 16px;
    }

    .so-mobil .so-secici[b-bh5z05zu3v], .so-mobil .so-girdi-kutu[b-bh5z05zu3v] {
        height: 46px;
    }

    .so-m-ust[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 8px;
        padding: 10px 12px 8px;
        background: var(--so-yuzey);
        flex-shrink: 0;
        z-index: 10;
    }

    .so-m-ust-yazi[b-bh5z05zu3v] {
        flex: 1;
        min-width: 0;
        text-align: center;
        line-height: 1.25;
    }

        .so-m-ust-yazi strong[b-bh5z05zu3v] {
            display: block;
            font-size: 16px;
            font-weight: 600;
            color: var(--so-metin);
        }

        .so-m-ust-yazi span[b-bh5z05zu3v] {
            font-size: 12px;
            color: var(--so-metin-2);
        }

    .so-m-ilerleme[b-bh5z05zu3v] {
        display: flex;
        gap: 4px;
        padding: 0 16px 10px;
        background: var(--so-yuzey);
        border-bottom: 1px solid var(--so-kenar);
        flex-shrink: 0;
    }

        .so-m-ilerleme span[b-bh5z05zu3v] {
            flex: 1;
            height: 3px;
            border-radius: 3px;
            background: var(--so-kenar);
            transition: background 0.3s;
        }

            .so-m-ilerleme span.dolu[b-bh5z05zu3v] {
                background: var(--so-vurgu);
            }

    .so-m-icerik[b-bh5z05zu3v] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 12px;
        -webkit-overflow-scrolling: touch;
    }

    .so-m-adim[b-bh5z05zu3v] {
        display: flex;
        flex-direction: column;
        gap: 12px;
        padding-bottom: 8px;
    }

    .so-m-kart[b-bh5z05zu3v] {
        padding: 14px;
        border: 1px solid var(--so-kenar);
        border-radius: 14px;
        background: var(--so-yuzey);
    }

    .so-m-kart-baslik[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        min-height: 24px;
        margin-bottom: 10px;
        font-size: 13px;
        font-weight: 600;
        color: var(--so-metin);
    }

    .so-m-satir[b-bh5z05zu3v] {
        display: flex;
        gap: 8px;
    }

        .so-m-satir > .so-secici[b-bh5z05zu3v] {
            flex: 1;
        }

        .so-m-satir > .so-secici-saat[b-bh5z05zu3v] {
            flex: 0 0 104px;
            justify-content: center;
        }

        .so-m-satir > .so-btn[b-bh5z05zu3v] {
            flex: 1;
            height: 42px;
        }

    .so-m-ayrac[b-bh5z05zu3v] {
        height: 1px;
        margin: 14px 0 12px;
        background: var(--so-kenar);
    }

    /* Güzergah: nereden → nereye */
    .so-m-rota[b-bh5z05zu3v] {
        display: flex;
        align-items: stretch;
        gap: 10px;
    }

    .so-m-rota-cizgi[b-bh5z05zu3v] {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 12px;
        padding: 22px 0;
    }

        .so-m-rota-cizgi .bas[b-bh5z05zu3v], .so-m-rota-cizgi .son[b-bh5z05zu3v] {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            flex-shrink: 0;
        }

        .so-m-rota-cizgi .bas[b-bh5z05zu3v] {
            border: 2px solid var(--so-metin-3);
        }

        .so-m-rota-cizgi .son[b-bh5z05zu3v] {
            background: var(--so-vurgu);
        }

        .so-m-rota-cizgi .hat[b-bh5z05zu3v] {
            flex: 1;
            border-left: 2px dashed var(--so-kenar-2);
            margin: 4px 0;
        }

    .so-m-rota-alanlar[b-bh5z05zu3v] {
        flex: 1;
        min-width: 0;
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .so-m-yer[b-bh5z05zu3v] {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 1px;
        width: 100%;
        min-height: 54px;
        padding: 7px 12px;
        border: 1px solid var(--so-kenar);
        border-radius: 10px;
        background: var(--so-yuzey);
        text-align: left;
        cursor: pointer;
    }

        .so-m-yer small[b-bh5z05zu3v] {
            font-size: 11px;
            color: var(--so-metin-2);
        }

        .so-m-yer span[b-bh5z05zu3v] {
            max-width: 100%;
            font-size: 15px;
            font-weight: 500;
            color: var(--so-metin);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .so-m-rota .so-degistir[b-bh5z05zu3v] {
        align-self: center;
        border: 1px solid var(--so-kenar);
        background: var(--so-yuzey);
    }

    .so-fiyat-buyuk[b-bh5z05zu3v] {
        height: 54px !important;
    }

        .so-fiyat-buyuk input[b-bh5z05zu3v] {
            font-size: 22px !important;
        }

        .so-fiyat-buyuk .so-birim[b-bh5z05zu3v] {
            font-size: 18px;
        }

    /* 2. adım: özet ve yolcular */
    .so-m-ozet[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 12px 12px 14px;
        border: 1px solid var(--so-vurgu-ton-2);
        border-radius: 14px;
        background: var(--so-vurgu-ton);
    }

    .so-m-ozet-yazi[b-bh5z05zu3v] {
        flex: 1;
        min-width: 0;
    }

        .so-m-ozet-yazi small[b-bh5z05zu3v] {
            display: block;
            margin-top: 2px;
            font-size: 12px;
            color: var(--so-metin-2);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .so-m-ozet-rota[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 14px;
        font-weight: 600;
        color: var(--so-metin);
        min-width: 0;
    }

        .so-m-ozet-rota span[b-bh5z05zu3v] {
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .so-m-ozet-rota i[b-bh5z05zu3v] {
            font-size: 12px;
            color: var(--so-metin-2);
            flex-shrink: 0;
        }

    .so-m-yolcu-araclar[b-bh5z05zu3v] {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }

    .so-m-yolcu[b-bh5z05zu3v] {
        padding: 12px;
        border: 1px solid var(--so-kenar);
        border-radius: 14px;
        background: var(--so-yuzey);
    }

    .so-m-yolcu-ust[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin: -4px -4px 8px 0;
        font-size: 13px;
        font-weight: 600;
        color: var(--so-metin-2);
    }

    .so-m-izgara[b-bh5z05zu3v] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 8px;
    }

    .so-yay-2[b-bh5z05zu3v] {
        grid-column: span 2;
    }

    .so-mobil .so-hucre[b-bh5z05zu3v] {
        width: 100%;
        height: 44px;
        min-width: 0;
        padding: 0 12px;
        border: 1px solid var(--so-kenar);
        border-radius: 10px;
        background: var(--so-yuzey-2);
        color: var(--so-metin);
        font-weight: 500;
    }

        .so-mobil .so-hucre:focus[b-bh5z05zu3v] {
            outline: none;
            border-color: var(--so-vurgu);
            background: var(--so-yuzey);
            box-shadow: 0 0 0 3px var(--so-vurgu-ton);
        }

        .so-mobil .so-hucre[b-bh5z05zu3v]::placeholder {
            color: var(--so-metin-3);
            font-weight: 400;
        }

    .so-hucre-buton[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 8px;
        text-align: left;
        cursor: pointer;
    }

        .so-hucre-buton i[b-bh5z05zu3v] {
            color: var(--so-metin-3);
        }

        .so-hucre-buton span[b-bh5z05zu3v] {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

    .so-mobil .so-segment[b-bh5z05zu3v] {
        height: 44px;
        padding: 3px;
    }

        .so-mobil .so-segment button[b-bh5z05zu3v] {
            height: 36px;
            font-size: 14px;
        }

    .so-m-alt[b-bh5z05zu3v] {
        display: flex;
        gap: 8px;
        padding: 10px 12px;
        background: var(--so-yuzey);
        border-top: 1px solid var(--so-kenar);
        flex-shrink: 0;
        position: relative;
    }

        .so-m-alt .so-btn[b-bh5z05zu3v] {
            height: 48px;
            font-size: 15px;
        }

        .so-m-alt .so-btn-hayalet[b-bh5z05zu3v] {
            padding: 0 20px;
        }

    /* Ekranın ortasında açılan pencereler (tarih, saat, ekip) */
    .portal-mobile-backdrop[b-bh5z05zu3v] {
        position: fixed !important;
        inset: 0 !important;
        width: 100vw !important;
        height: 100dvh !important;
        background: rgba(15, 23, 42, 0.45) !important;
        z-index: 12000 !important;
        animation: fadeIn-b-bh5z05zu3v 0.2s ease-out;
    }

    .portal-center-modal[b-bh5z05zu3v] {
        position: fixed !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        width: 92vw !important;
        max-width: 360px !important;
        max-height: 82dvh;
        background: var(--so-yuzey) !important;
        border-radius: 16px !important;
        z-index: 12005 !important;
        display: flex !important;
        flex-direction: column !important;
        padding: 14px;
        box-shadow: var(--so-golge) !important;
    }

    .so-m-pencere-ust[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        margin-bottom: 10px;
    }

        .so-m-pencere-ust strong[b-bh5z05zu3v] {
            font-size: 15px;
            font-weight: 600;
            color: var(--so-metin);
        }

    .so-m-pencere-govde[b-bh5z05zu3v] {
        overflow-y: auto;
        min-height: 0;
    }

    .so-m-pencere .time-grid[b-bh5z05zu3v] {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .so-m-pencere .time-btn[b-bh5z05zu3v] {
        height: 44px;
        font-size: 15px;
    }

    .so-m-pencere .calendar-day[b-bh5z05zu3v] {
        height: 42px;
        font-size: 15px;
    }

    .so-m-pencere-liste[b-bh5z05zu3v] {
        max-height: 55dvh;
        overflow-y: auto;
        padding: 0;
        margin: 0 -6px;
    }

    /* Alttan açılan arama penceresi */
    .portal-bottom-sheet[b-bh5z05zu3v] {
        position: fixed !important;
        bottom: 0 !important;
        left: 0 !important;
        width: 100vw !important;
        height: 90dvh !important;
        background-color: var(--so-yuzey) !important;
        border-radius: 20px 20px 0 0 !important;
        box-shadow: 0 -12px 40px rgba(15, 23, 42, 0.2) !important;
        z-index: 13005 !important;
        display: flex !important;
        flex-direction: column !important;
        overflow: hidden !important;
        padding-bottom: env(safe-area-inset-bottom) !important;
        transform: translateY(120%);
        opacity: 0;
        visibility: hidden;
        transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, visibility 0.35s;
        pointer-events: none;
    }

        .portal-bottom-sheet.show[b-bh5z05zu3v] {
            transform: translateY(0);
            opacity: 1;
            visibility: visible;
            transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.35s ease, visibility 0s;
            pointer-events: auto;
        }

    .so-m-alt-pencere-ust[b-bh5z05zu3v] {
        padding: 6px 16px 0;
        flex-shrink: 0;
    }

    .so-tutamac[b-bh5z05zu3v] {
        width: 36px;
        height: 4px;
        margin: 4px auto 10px;
        border-radius: 4px;
        background: var(--so-kenar-2);
    }

    .so-m-arama[b-bh5z05zu3v] {
        padding: 0 16px 12px;
        border-bottom: 1px solid var(--so-kenar);
        flex-shrink: 0;
    }

        .so-m-arama .so-girdi-kutu[b-bh5z05zu3v] {
            height: 48px;
            background: var(--so-yuzey-2);
        }

    .so-m-alt-pencere-liste[b-bh5z05zu3v] {
        flex: 1;
        min-height: 0;
        overflow-y: auto;
        padding: 4px 6px;
    }

        .so-m-alt-pencere-liste .so-liste li[b-bh5z05zu3v] {
            padding: 14px 12px;
            font-size: 15px;
        }

            .so-m-alt-pencere-liste .so-liste li.so-liste-grup[b-bh5z05zu3v] {
                padding: 12px 12px 4px;
                font-size: 12.5px;
            }

    /* Klavye açıkken (klavye.js ekler; yalnızca dokunmatik cihaz) pencere ekranın üstüne taşınır, boyu klavyenin üstündeki
       alanla sınırlanır: arama kutusu üstte, sonuçlar hemen altında, klavyenin arkasında kalmaz. Değerler betiğinkiyle aynı;
       yukarıdaki !important kurallarla sıralamaya bağlı çakışma olmasın diye daha belirgin seçiciyle yinelenir. */
    .portal-bottom-sheet.show[data-konum-sayfa].etds-klavye-acik[b-bh5z05zu3v] {
        top: calc(env(safe-area-inset-top, 0px) + 8px) !important;
        bottom: auto !important;
        max-height: calc(var(--etds-gorunen-yukseklik, 56vh) - 16px) !important;
        transform: none !important;
        border-radius: 20px !important;
    }
}

/* =========================================================================
   Animasyonlar
   ========================================================================= */
.fade-in[b-bh5z05zu3v] {
    animation: fadeIn-b-bh5z05zu3v 0.2s ease-out;
}

@keyframes fadeIn-b-bh5z05zu3v {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes dropDownAnim-b-bh5z05zu3v {
    from {
        opacity: 0;
        transform: translateY(-4px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes scaleUp-b-bh5z05zu3v {
    from {
        opacity: 0;
        transform: scale(0.98) translateY(8px);
    }

    to {
        opacity: 1;
        transform: scale(1) translateY(0);
    }
}

/* ---------------- 💥 CARİ VE UÇUŞ ALANLARI 💥 ---------------- */
.so-izgara-ek[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 12px;
}

.so-m-ek-alanlar[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.so-secim[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
    height: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--so-metin);
    font-size: 14px;
    font-weight: 500;
    padding: 0;
    cursor: pointer;
    -webkit-appearance: none;
    appearance: none;
}

    .so-secim option[b-bh5z05zu3v] {
        color: #1e2939;
        background: #ffffff;
    }

.so-buyuk-harf[b-bh5z05zu3v] {
    text-transform: uppercase;
}

    .so-buyuk-harf[b-bh5z05zu3v]::placeholder {
        text-transform: none;
    }

@media (max-width: 991.98px) {
    .so-izgara-ek[b-bh5z05zu3v] {
        grid-template-columns: minmax(0, 1fr);
    }

    .so-secim[b-bh5z05zu3v] {
        font-size: 16px;
    }
}

/* =========================================================================
   🚐 ŞOFÖR MODU — YOLDA KOLAY SEFER (yalnızca şoför oturumu; tüm sınıflar sos- önekli)
   Acente görünümündeki (so-*) kurallara dokunulmadı. Renkler ortak --pn-* değişkenlerinden
   gelir (açık/koyu tema). Dokunma alanları en az 52px, ana düğme 56px.
   ========================================================================= */
.sos-perde[b-bh5z05zu3v] {
    position: fixed;
    inset: 0;
    z-index: 99999;
    display: flex;
    align-items: stretch;
    justify-content: center;
    background: rgba(15, 23, 42, 0.55);
    font-family: var(--pn-yazi);
    color: var(--pn-metin);
    font-size: 1rem;
    line-height: 1.4;
    -webkit-tap-highlight-color: transparent;
    animation: sos-belir-b-bh5z05zu3v 0.18s ease-out;
}

    .sos-perde *[b-bh5z05zu3v], .sos-perde *[b-bh5z05zu3v]::before, .sos-perde *[b-bh5z05zu3v]::after {
        box-sizing: border-box;
    }

.sos-kutu[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    height: 100dvh;
    overflow: hidden;
    background: var(--pn-zemin);
    padding-top: env(safe-area-inset-top);
}

.sos-ust[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px 4px;
    background: var(--pn-yuzey);
    flex-shrink: 0;
}

.sos-ust-yazi[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
    text-align: center;
    line-height: 1.25;
}

    .sos-ust-yazi strong[b-bh5z05zu3v] {
        display: block;
        font-size: 1.1rem;
        font-weight: 650;
        color: var(--pn-metin);
    }

    .sos-ust-yazi span[b-bh5z05zu3v] {
        display: block;
        font-size: 0.85rem;
        color: var(--pn-metin-3);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sos-ikon-btn[b-bh5z05zu3v] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 14px;
    background: transparent;
    color: var(--pn-metin-2);
    font-size: 1.35rem;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .sos-ikon-btn:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

.sos-ikon-bos[b-bh5z05zu3v] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
}

.sos-ilerleme[b-bh5z05zu3v] {
    display: flex;
    gap: 6px;
    padding: 2px 16px 12px;
    background: var(--pn-yuzey);
    border-bottom: 1px solid var(--pn-kenar);
    flex-shrink: 0;
}

    .sos-ilerleme span[b-bh5z05zu3v] {
        flex: 1;
        height: 4px;
        border-radius: 4px;
        background: var(--pn-kenar);
        transition: background 0.25s ease;
    }

        .sos-ilerleme span.dolu[b-bh5z05zu3v] {
            background: var(--pn-vurgu);
        }

.sos-icerik[b-bh5z05zu3v] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 16px;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
}

.sos-adim[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    gap: 16px;
    animation: sos-belir-b-bh5z05zu3v 0.2s ease-out;
}

/* ---- Bölüm başlıkları ---- */
.sos-bolum-bas[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    min-height: 32px;
    margin-bottom: 8px;
}

.sos-adim > .sos-bolum-bas[b-bh5z05zu3v] {
    margin-bottom: -4px;
}

.sos-bolum-baslik[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--pn-metin-2);
}

    .sos-bolum-baslik > i[b-bh5z05zu3v] {
        color: var(--pn-metin-3);
    }

    .sos-bolum-baslik > .sos-yildiz[b-bh5z05zu3v] {
        color: var(--pn-sari);
    }

.sos-bag[b-bh5z05zu3v] {
    min-height: 52px;
    margin: -10px -8px -10px 0;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-family: inherit;
    font-size: 0.95rem;
    font-weight: 600;
    cursor: pointer;
}

.sos-sayi[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 26px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 0.8rem;
    font-weight: 650;
}

/* ---- Favori güzergah çipleri ---- */
.sos-favoriler[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.sos-favori[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    min-height: 64px;
    min-width: 0;
    padding: 10px 14px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 0.15s ease, background 0.15s ease;
}

    .sos-favori:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

.sos-favori-ad[b-bh5z05zu3v], .sos-favori-rota[b-bh5z05zu3v] {
    display: block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sos-favori-ad[b-bh5z05zu3v] {
    font-size: 1rem;
    font-weight: 650;
}

.sos-favori-rota[b-bh5z05zu3v] {
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

.sos-favori.aktif[b-bh5z05zu3v] {
    border-color: var(--pn-vurgu);
    background: var(--pn-vurgu-ton);
    box-shadow: inset 0 0 0 1px var(--pn-vurgu);
}

    .sos-favori.aktif .sos-favori-ad[b-bh5z05zu3v] {
        color: var(--pn-vurgu-metin);
    }

/* ---- Son güzergahlar ---- */
.sos-son-liste[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
    overflow: hidden;
}

.sos-son[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 60px;
    padding: 8px 14px;
    border: 0;
    border-bottom: 1px solid var(--pn-kenar);
    background: transparent;
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

    .sos-son:last-child[b-bh5z05zu3v] {
        border-bottom: 0;
    }

    .sos-son:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

    .sos-son.aktif[b-bh5z05zu3v] {
        background: var(--pn-vurgu-ton);
    }

.sos-son-yazi[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

.sos-son-yer[b-bh5z05zu3v] {
    display: block;
    font-size: 0.98rem;
    font-weight: 620;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sos-son-varis[b-bh5z05zu3v] {
    color: var(--pn-metin-2);
    font-weight: 520;
}

    .sos-son-varis > i[b-bh5z05zu3v] {
        color: var(--pn-metin-3);
        font-size: 0.85rem;
    }

.sos-son-ok[b-bh5z05zu3v] {
    color: var(--pn-metin-3);
    font-size: 1.1rem;
}

.sos-son.aktif .sos-son-ok[b-bh5z05zu3v] {
    color: var(--pn-vurgu);
}

/* ---- Kartlar ---- */
.sos-kart[b-bh5z05zu3v] {
    padding: 16px;
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge);
}

.sos-kart-baslik[b-bh5z05zu3v] {
    display: block;
    margin: 0 0 12px;
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--pn-metin-2);
}

.sos-ipucu[b-bh5z05zu3v] {
    margin: 10px 0 0;
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

/* ---- Güzergah (nereden / nereye) ---- */
.sos-rota[b-bh5z05zu3v] {
    display: flex;
    align-items: stretch;
    gap: 10px;
}

.sos-rota-cizgi[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 14px;
    padding: 26px 0;
    flex-shrink: 0;
}

    .sos-rota-cizgi .bas[b-bh5z05zu3v], .sos-rota-cizgi .son[b-bh5z05zu3v] {
        width: 12px;
        height: 12px;
        border-radius: 50%;
        flex-shrink: 0;
    }

    .sos-rota-cizgi .bas[b-bh5z05zu3v] {
        border: 3px solid var(--pn-vurgu);
        background: var(--pn-yuzey);
    }

    .sos-rota-cizgi .hat[b-bh5z05zu3v] {
        flex: 1;
        width: 0;
        margin: 4px 0;
        border-left: 2px dashed var(--pn-kenar-2);
    }

    .sos-rota-cizgi .son[b-bh5z05zu3v] {
        background: var(--pn-vurgu);
    }

.sos-rota-alanlar[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    flex: 1;
    min-width: 0;
}

.sos-yer[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 1px;
    width: 100%;
    min-height: 60px;
    padding: 8px 14px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 12px;
    background: var(--pn-yuzey-2);
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
}

    .sos-yer small[b-bh5z05zu3v] {
        font-size: 0.78rem;
        font-weight: 600;
        color: var(--pn-metin-3);
    }

    .sos-yer span[b-bh5z05zu3v] {
        display: block;
        max-width: 100%;
        font-size: 1.05rem;
        font-weight: 650;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .sos-yer span.sos-bos-yazi[b-bh5z05zu3v] {
            color: var(--pn-metin-3);
            font-weight: 500;
        }

.sos-degistir[b-bh5z05zu3v] {
    align-self: center;
    border: 1px solid var(--pn-kenar-2);
    background: var(--pn-yuzey);
}

/* ---- Ücret ---- */
.sos-tutar[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 8px;
    height: 64px;
    padding: 0 16px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey);
    transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

    .sos-tutar:focus-within[b-bh5z05zu3v] {
        border-color: var(--pn-vurgu);
        box-shadow: var(--pn-odak);
    }

    .sos-tutar input[b-bh5z05zu3v] {
        flex: 1;
        min-width: 0;
        height: 100%;
        border: 0;
        outline: 0;
        background: transparent;
        color: var(--pn-metin);
        font-family: inherit;
        font-size: 1.9rem;
        font-weight: 700;
        font-variant-numeric: tabular-nums;
        -moz-appearance: textfield;
        appearance: textfield;
    }

        .sos-tutar input[b-bh5z05zu3v]::-webkit-outer-spin-button,
        .sos-tutar input[b-bh5z05zu3v]::-webkit-inner-spin-button {
            -webkit-appearance: none;
            margin: 0;
        }

        .sos-tutar input[b-bh5z05zu3v]::placeholder {
            color: var(--pn-metin-3);
            opacity: 0.6;
        }

.sos-tutar-birim[b-bh5z05zu3v] {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--pn-metin-3);
}

/* Hızlı fiyat: son fiyat / tarife fiyatı (hep görünür; eklenmişse yeşil ve onaylı) */
.sos-fiyat-ciple[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 10px;
}

.sos-fiyat-cip[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 56px;
    padding: 6px 14px;
    border: 1px dashed var(--pn-vurgu);
    border-radius: 12px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

    .sos-fiyat-cip > i[b-bh5z05zu3v] {
        flex-shrink: 0;
        font-size: 1.15rem;
    }

    .sos-fiyat-cip b[b-bh5z05zu3v] {
        flex-shrink: 0;
        font-size: 1.1rem;
        font-variant-numeric: tabular-nums;
        white-space: nowrap;
    }

    .sos-fiyat-cip.eklendi[b-bh5z05zu3v] {
        border-style: solid;
        border-color: var(--pn-yesil-kenar);
        background: var(--pn-yesil-ton);
        color: var(--pn-yesil);
    }

.sos-fiyat-cip-yazi[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
    line-height: 1.25;
}

    .sos-fiyat-cip-yazi strong[b-bh5z05zu3v] {
        font-size: 0.98rem;
        font-weight: 650;
    }

    .sos-fiyat-cip-yazi small[b-bh5z05zu3v] {
        overflow: hidden;
        font-size: 0.8rem;
        opacity: 0.85;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

/* ---- Zaman ---- */
.sos-hizli[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
}

.sos-hizli-2[b-bh5z05zu3v] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.sos-hizli-btn[b-bh5z05zu3v] {
    min-height: 56px;
    padding: 0 6px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 650;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

    .sos-hizli-btn:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

    .sos-hizli-btn.aktif[b-bh5z05zu3v] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu);
        color: #ffffff;
    }

/* ---- Zaman: kalkış · yolculuk süresi · varış ----
   Kalkış ve varış aynı biçimde (tarih | saat); soldaki kesik çizgi 1. adımdaki güzergah çizgisiyle aynıdır
   (halka = kalkış, dolu nokta = varış). Hızlı seçimler küçük çiplerdir; ana alanlarla yarışmaz. */
.sos-zc[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
}

.sos-zc-adim[b-bh5z05zu3v] {
    position: relative;
    padding: 0 0 20px 26px;
}

    .sos-zc-adim[b-bh5z05zu3v]::before {
        content: "";
        position: absolute;
        left: 1px;
        top: 4px;
        width: 12px;
        height: 12px;
        border-radius: 50%;
    }

    .sos-zc-adim[b-bh5z05zu3v]::after {
        content: "";
        position: absolute;
        left: 6px;
        top: 20px;
        bottom: -4px;
        border-left: 2px dashed var(--pn-kenar-2);
    }

    .sos-zc-adim:last-child[b-bh5z05zu3v] {
        padding-bottom: 0;
    }

        .sos-zc-adim:last-child[b-bh5z05zu3v]::after {
            display: none;
        }

.sos-zc-kalkis[b-bh5z05zu3v]::before {
    border: 3px solid var(--pn-vurgu);
    background: var(--pn-yuzey);
}

.sos-zc-varis[b-bh5z05zu3v]::before {
    background: var(--pn-vurgu);
}

/* Süre bölümünde nokta yok; çizgi kesintisiz devam eder */
.sos-zc-sure[b-bh5z05zu3v]::before {
    display: none;
}

.sos-zc-sure[b-bh5z05zu3v]::after {
    top: -4px;
}

.sos-zc-etiket[b-bh5z05zu3v] {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px;
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.3;
    color: var(--pn-metin);
}

    .sos-zc-etiket small[b-bh5z05zu3v] {
        font-size: 0.85rem;
        font-weight: 500;
        color: var(--pn-metin-3);
    }

    .sos-zc-etiket > span:first-child > i[b-bh5z05zu3v] {
        margin-right: 2px;
        color: var(--pn-metin-3);
    }

.sos-zc-kalan[b-bh5z05zu3v], .sos-zc-deger[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--pn-metin-2);
    white-space: nowrap;
}

.sos-zc-deger[b-bh5z05zu3v] {
    color: var(--pn-vurgu-metin);
}

.sos-zc-alan[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey-2);
    overflow: hidden;
}

.sos-zc-tarih[b-bh5z05zu3v], .sos-zc-saat[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    min-height: 64px;
    border: 0;
    background: transparent;
    color: var(--pn-metin);
    font-family: inherit;
    cursor: pointer;
    transition: background 0.15s ease;
}

    .sos-zc-tarih:active[b-bh5z05zu3v], .sos-zc-saat:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

.sos-zc-tarih[b-bh5z05zu3v] {
    gap: 10px;
    min-width: 0;
    padding: 0 12px 0 14px;
    text-align: left;
}

    .sos-zc-tarih > i[b-bh5z05zu3v] {
        flex-shrink: 0;
        font-size: 1.1rem;
        color: var(--pn-metin-3);
    }

.sos-zc-saat[b-bh5z05zu3v] {
    justify-content: center;
    min-width: 108px;
    padding: 0 16px;
    border-left: 1px solid var(--pn-kenar-2);
    font-size: 1.85rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    letter-spacing: -0.5px;
}

.sos-zc-varis .sos-zc-saat[b-bh5z05zu3v] {
    font-size: 1.55rem;
}

.sos-zc-ciple[b-bh5z05zu3v] {
    display: flex;
    gap: 6px;
    margin-top: 10px;
}

.sos-zc-cip[b-bh5z05zu3v] {
    flex: 1 1 0;
    min-width: 0;
    min-height: 44px;
    padding: 0 4px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 999px;
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
    font-family: inherit;
    font-size: 0.92rem;
    font-weight: 600;
    white-space: nowrap;
    cursor: pointer;
    transition: background 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

    .sos-zc-cip:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

    .sos-zc-cip.aktif[b-bh5z05zu3v] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
        color: var(--pn-vurgu-metin);
        box-shadow: inset 0 0 0 1px var(--pn-vurgu);
    }

.sos-zaman-yazi[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .sos-zaman-yazi strong[b-bh5z05zu3v] {
        font-size: 1.1rem;
        font-weight: 700;
    }

    .sos-zaman-yazi small[b-bh5z05zu3v] {
        font-size: 0.78rem;
        color: var(--pn-metin-3);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sos-zaman-alt[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
    font-size: 0.92rem;
    color: var(--pn-metin-2);
}

    .sos-zaman-alt.uyari[b-bh5z05zu3v] {
        color: var(--pn-sari);
        font-weight: 600;
    }

/* ---- Araç ---- */
.sos-araclar[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
}

.sos-arac[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-height: 60px;
    min-width: 0;
    padding: 0 14px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    cursor: pointer;
}

    .sos-arac > i:first-child[b-bh5z05zu3v] {
        color: var(--pn-metin-3);
        font-size: 1.2rem;
    }

.sos-plaka[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
    text-align: left;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sos-arac.aktif[b-bh5z05zu3v] {
    border-color: var(--pn-vurgu);
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    box-shadow: inset 0 0 0 1px var(--pn-vurgu);
}

    .sos-arac.aktif > i:first-child[b-bh5z05zu3v], .sos-arac-tik[b-bh5z05zu3v] {
        color: var(--pn-vurgu);
    }

/* ---- 3. adım: hızlı araçlar (panodan yapıştır, tümüne uyruk) ve yolcular ---- */
.sos-hizli[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

.sos-hizli-btn[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    min-height: 60px;
    padding: 9px 12px 9px 10px;
    white-space: normal;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.15s ease, border-color 0.15s ease;
}

    .sos-hizli-btn:active[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

    .sos-hizli-btn:focus-visible[b-bh5z05zu3v] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.sos-hizli-ikon[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-size: 1.15rem;
}

/* Dar ekranda yazı iki satıra iner (kesilmez) */
.sos-hizli-yazi[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

    .sos-hizli-yazi strong[b-bh5z05zu3v] {
        font-size: 0.95rem;
        font-weight: 650;
        overflow-wrap: anywhere;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }

    .sos-hizli-yazi small[b-bh5z05zu3v] {
        font-size: 0.74rem;
        font-weight: 500;
        color: var(--pn-vurgu-metin);
    }

/* Tümüne uyruk seçildiyse düğme seçili ülkeyi gösterir */
.sos-hizli-btn.secili[b-bh5z05zu3v] {
    border-color: var(--pn-vurgu);
    background: var(--pn-vurgu-ton);
}

    .sos-hizli-btn.secili .sos-hizli-ikon[b-bh5z05zu3v] {
        background: var(--pn-vurgu);
        color: #ffffff;
    }

@media (max-width: 360px) {
    .sos-hizli-btn[b-bh5z05zu3v] {
        gap: 8px;
        padding: 9px 10px 9px 8px;
    }

    .sos-hizli-ikon[b-bh5z05zu3v] {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}

.sos-son-yolcu[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 14px;
    width: 100%;
    min-height: 76px;
    padding: 12px 16px;
    border: 1px solid var(--pn-vurgu);
    border-radius: 16px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    box-shadow: var(--pn-golge);
    cursor: pointer;
}

    .sos-son-yolcu:active:not(:disabled)[b-bh5z05zu3v] {
        background: var(--pn-yuzey-3);
    }

    .sos-son-yolcu:disabled[b-bh5z05zu3v] {
        cursor: default;
    }

.sos-son-yolcu-ikon[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 12px;
    flex-shrink: 0;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-size: 1.35rem;
}

.sos-son-yolcu-yazi[b-bh5z05zu3v] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-width: 0;
}

    .sos-son-yolcu-yazi strong[b-bh5z05zu3v] {
        font-size: 1.02rem;
        font-weight: 650;
    }

    .sos-son-yolcu-yazi small[b-bh5z05zu3v] {
        font-size: 0.82rem;
        color: var(--pn-metin-3);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.sos-son-yolcu.eklendi[b-bh5z05zu3v] {
    border-color: var(--pn-yesil-kenar);
    background: var(--pn-yesil-ton);
    box-shadow: none;
}

    .sos-son-yolcu.eklendi .sos-son-yolcu-ikon[b-bh5z05zu3v] {
        background: var(--pn-yesil-ton);
        color: var(--pn-yesil);
    }

.sos-yolcu[b-bh5z05zu3v] {
    padding: 10px 14px 14px;
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge);
}

.sos-yolcu-bas[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}

.sos-yolcu-no[b-bh5z05zu3v] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    flex-shrink: 0;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-size: 0.9rem;
    font-weight: 700;
}

.sos-yolcu-adi[b-bh5z05zu3v] {
    flex: 1;
    min-width: 0;
    font-size: 1rem;
    font-weight: 650;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sos-ikon-btn.sos-sil[b-bh5z05zu3v] {
    margin-right: -8px;
    color: var(--pn-kirmizi);
    font-size: 1.2rem;
}

.sos-yolcu-izgara[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
}

    .sos-yolcu-izgara .tam[b-bh5z05zu3v] {
        grid-column: 1 / -1;
    }

.pn-girdi.sos-girdi[b-bh5z05zu3v] {
    min-height: 52px;
    border-radius: 12px;
    font-size: 1rem;
}

.sos-uyruk[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 52px;
    min-width: 0;
    padding: 0 12px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 12px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

    .sos-uyruk > i[b-bh5z05zu3v] {
        color: var(--pn-metin-3);
        flex-shrink: 0;
    }

    .sos-uyruk > span[b-bh5z05zu3v] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .sos-uyruk.bos[b-bh5z05zu3v] {
        border-color: var(--pn-sari-kenar);
        background: var(--pn-sari-ton);
        color: var(--pn-sari);
    }

        .sos-uyruk.bos > i[b-bh5z05zu3v] {
            color: var(--pn-sari);
        }

.sos-segment[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-height: 52px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 12px;
    background: var(--pn-yuzey);
    overflow: hidden;
}

    .sos-segment > button[b-bh5z05zu3v] {
        min-height: 52px;
        border: 0;
        border-radius: 0;
        background: transparent;
        color: var(--pn-metin-2);
        font-family: inherit;
        font-size: 0.95rem;
        font-weight: 600;
        cursor: pointer;
    }

        .sos-segment > button.aktif[b-bh5z05zu3v] {
            background: var(--pn-vurgu);
            color: #ffffff;
        }

.pn-btn.sos-yolcu-ekle[b-bh5z05zu3v] {
    width: 100%;
    min-height: 56px;
    border-radius: 14px;
    font-size: 1.02rem;
    font-weight: 650;
}

/* ---- Alt çubuk (başparmak bölgesi) ---- */
.sos-alt[b-bh5z05zu3v] {
    display: flex;
    gap: 10px;
    padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
    border-top: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
    flex-shrink: 0;
}

.pn-btn.sos-alt-ana[b-bh5z05zu3v] {
    flex: 1;
    min-height: 56px;
    border-radius: 14px;
    font-size: 1.05rem;
    font-weight: 650;
}

.pn-btn.sos-alt-geri[b-bh5z05zu3v] {
    min-height: 56px;
    padding: 0 22px;
    border-radius: 14px;
    font-size: 1rem;
}

/* ---- Alttan açılan seçim pencereleri (konum, uyruk, saat, tarih) ---- */
.sos-arka[b-bh5z05zu3v] {
    position: fixed;
    inset: 0;
    z-index: 10;
    background: rgba(15, 23, 42, 0.45);
    animation: sos-belir-b-bh5z05zu3v 0.18s ease-out;
}

.sos-sayfa[b-bh5z05zu3v] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 11;
    display: flex;
    flex-direction: column;
    max-height: 88vh;
    max-height: 88dvh;
    padding: 6px 0 env(safe-area-inset-bottom);
    border-radius: 22px 22px 0 0;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    box-shadow: var(--pn-golge-2);
    animation: sos-yukari-b-bh5z05zu3v 0.24s cubic-bezier(0.16, 1, 0.3, 1);
}

.sos-sayfa-bas[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 2px 6px 4px 18px;
    flex-shrink: 0;
}

    .sos-sayfa-bas strong[b-bh5z05zu3v] {
        font-size: 1.1rem;
        font-weight: 650;
    }

.sos-arama[b-bh5z05zu3v] {
    position: relative;
    padding: 0 16px 10px;
    flex-shrink: 0;
}

    .sos-arama > i[b-bh5z05zu3v] {
        position: absolute;
        left: 31px;
        top: 26px;
        transform: translateY(-50%);
        color: var(--pn-metin-3);
        pointer-events: none;
    }

    .sos-arama > .pn-girdi[b-bh5z05zu3v] {
        min-height: 52px;
        padding-left: 44px;
        border-radius: 14px;
        font-size: 1rem;
    }

.sos-secenekler[b-bh5z05zu3v] {
    flex: 1;
    min-height: 0;
    margin: 0;
    padding: 0 8px 10px;
    list-style: none;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

    .sos-secenekler li > button[b-bh5z05zu3v] {
        display: flex;
        align-items: center;
        gap: 12px;
        width: 100%;
        min-height: 56px;
        padding: 6px 12px;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: var(--pn-metin);
        font-family: inherit;
        font-size: 1rem;
        font-weight: 550;
        text-align: left;
        cursor: pointer;
    }

        .sos-secenekler li > button:active[b-bh5z05zu3v],
        .sos-secenekler li > button:hover[b-bh5z05zu3v] {
            background: var(--pn-yuzey-3);
        }

        .sos-secenekler li > button > i[b-bh5z05zu3v] {
            color: var(--pn-metin-3);
            flex-shrink: 0;
        }

        .sos-secenekler li > button > span[b-bh5z05zu3v] {
            flex: 1;
            min-width: 0;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .sos-secenekler li > button > i.sos-sik[b-bh5z05zu3v] {
            color: var(--pn-sari);
        }

        .sos-secenekler li > button.sos-secenek-iki[b-bh5z05zu3v] {
            flex-direction: column;
            align-items: flex-start;
            justify-content: center;
            gap: 1px;
        }

            .sos-secenekler li > button.sos-secenek-iki > span[b-bh5z05zu3v] {
                width: 100%;
                font-weight: 650;
            }

            .sos-secenekler li > button.sos-secenek-iki > small[b-bh5z05zu3v] {
                max-width: 100%;
                font-size: 0.82rem;
                color: var(--pn-metin-3);
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }

        .sos-secenekler li > button > i.bi-airplane[b-bh5z05zu3v] {
            color: var(--pn-vurgu);
        }

    .sos-secenekler li.sos-secenek-grup[b-bh5z05zu3v] {
        padding: 12px 12px 4px;
        font-size: 0.82rem;
        font-weight: 650;
        color: var(--pn-metin-3);
    }

        .sos-secenekler li.sos-secenek-grup:first-child[b-bh5z05zu3v] {
            padding-top: 2px;
        }

.sos-secenek-bos[b-bh5z05zu3v] {
    padding: 24px 16px;
    text-align: center;
    color: var(--pn-metin-3);
}

/* Aramalı pencere (konum, favori güzergah, uyruk): telefonda / dokunmatik ekranda içerik kadar değil sabit yükseklikte açılır.
   Arama kutusu pencerenin üstünde, sonuçlar hemen altında kalır; birkaç sonuç olduğunda pencere alttan kısa bir şerit olarak
   açılıp klavyenin arkasında kalmaz. Yazarken klavye.js pencereyi ekranın üstüne taşır ve boyunu klavyenin üstündeki alanla
   sınırlar (etds-klavye-acik: top / bottom / max-height / transform onun kuralıyla gelir, burada ezilmez). */
@media (max-width: 767.98px), (pointer: coarse) {
    .sos-sayfa.sos-sayfa-arama[b-bh5z05zu3v] {
        height: 88vh;
        height: 88dvh;
    }
}

/* Saat seçici */
.sos-saat-onizleme[b-bh5z05zu3v] {
    padding: 0 0 10px;
    text-align: center;
    font-size: 2.4rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--pn-metin);
}

.sos-segment.sos-saat-sekme[b-bh5z05zu3v] {
    margin: 0 16px 12px;
    flex-shrink: 0;
}

.sos-saat-izgara[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
    padding: 0 16px 16px;
    overflow-y: auto;
}

    .sos-saat-izgara > button[b-bh5z05zu3v] {
        min-height: 52px;
        border: 1px solid var(--pn-kenar);
        border-radius: 12px;
        background: var(--pn-yuzey-2);
        color: var(--pn-metin);
        font-family: inherit;
        font-size: 1.15rem;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        cursor: pointer;
    }

        .sos-saat-izgara > button.aktif[b-bh5z05zu3v] {
            border-color: var(--pn-vurgu);
            background: var(--pn-vurgu);
            color: #ffffff;
        }

/* Takvim */
.sos-takvim-hizli[b-bh5z05zu3v] {
    padding: 0 16px 8px;
}

.sos-takvim-ust[b-bh5z05zu3v] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 8px;
}

    .sos-takvim-ust strong[b-bh5z05zu3v] {
        font-size: 1.05rem;
        font-weight: 650;
    }

.sos-takvim-gunler[b-bh5z05zu3v], .sos-takvim[b-bh5z05zu3v] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    padding: 0 12px;
}

.sos-takvim-gunler[b-bh5z05zu3v] {
    margin: 4px 0;
    text-align: center;
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pn-metin-3);
}

.sos-takvim[b-bh5z05zu3v] {
    gap: 4px;
    padding-bottom: 16px;
}

    .sos-takvim > button[b-bh5z05zu3v] {
        height: 52px;
        min-width: 0;
        border: 0;
        border-radius: 12px;
        background: transparent;
        color: var(--pn-metin);
        font-family: inherit;
        font-size: 1.02rem;
        font-weight: 600;
        font-variant-numeric: tabular-nums;
        cursor: pointer;
    }

        .sos-takvim > button.gecmis[b-bh5z05zu3v] {
            color: var(--pn-metin-3);
            opacity: 0.6;
        }

        .sos-takvim > button.bugun[b-bh5z05zu3v] {
            box-shadow: inset 0 0 0 2px var(--pn-vurgu);
        }

        .sos-takvim > button.aktif[b-bh5z05zu3v] {
            background: var(--pn-vurgu);
            color: #ffffff;
            opacity: 1;
        }

@keyframes sos-belir-b-bh5z05zu3v {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes sos-yukari-b-bh5z05zu3v {
    from { transform: translateY(100%); }
    to { transform: none; }
}

@keyframes sos-ortada-belir-b-bh5z05zu3v {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Geniş ekran (tablet / masaüstü): aynı sade düzen ortada bir pencere olarak */
@media (min-width: 768px) {
    .sos-perde[b-bh5z05zu3v] {
        align-items: center;
        padding: 24px;
    }

    .sos-kutu[b-bh5z05zu3v] {
        width: 100%;
        max-width: 640px;
        height: min(860px, calc(100vh - 48px));
        border: 1px solid var(--pn-kenar);
        border-radius: 22px;
        box-shadow: var(--pn-golge-2);
        padding-top: 0;
    }

    .sos-ust[b-bh5z05zu3v] {
        padding-top: 10px;
    }

    .sos-icerik[b-bh5z05zu3v] {
        padding: 20px 24px;
    }

    .sos-alt[b-bh5z05zu3v] {
        padding: 14px 24px 16px;
    }

    /* Yatayda kenar boşluğuyla ortalanır: klavye.js (dokunmatik tablet) yazarken transform'u kaldırıp pencereyi üste
       taşıdığında pencere sağa kaymaz; yalnızca dikey ortalama transform ile yapılır. */
    .sos-sayfa[b-bh5z05zu3v] {
        left: 0;
        right: 0;
        top: 50%;
        bottom: auto;
        width: min(480px, calc(100% - 32px));
        max-height: 80vh;
        margin: 0 auto;
        padding-bottom: 8px;
        border: 1px solid var(--pn-kenar);
        border-radius: 20px;
        transform: translateY(-50%);
        animation: sos-ortada-belir-b-bh5z05zu3v 0.18s ease-out;
    }
}

/* Çok dar telefonlar: hızlı zaman / süre çipleri iki sıra */
@media (max-width: 359.98px) {
    .sos-zc-ciple[b-bh5z05zu3v] {
        flex-wrap: wrap;
    }

    .sos-zc-cip[b-bh5z05zu3v] {
        flex-basis: calc(50% - 3px);
    }

    .sos-zc-saat[b-bh5z05zu3v] {
        min-width: 92px;
        padding: 0 12px;
    }

    .sos-favoriler[b-bh5z05zu3v] {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (prefers-reduced-motion: reduce) {
    .sos-perde[b-bh5z05zu3v], .sos-adim[b-bh5z05zu3v], .sos-arka[b-bh5z05zu3v], .sos-sayfa[b-bh5z05zu3v] {
        animation: none;
    }
}
/* /Components/Pages/TarihSecici.razor.rz.scp.css */
/* =========================================================================
   💥 ORTAK TARİH SEÇİCİ (TarihSecici.razor) 💥
   Görünüm Sefer Oluştur takviminden (so-takvim / sos-takvim). Renkler yalnız --pn-* değişkenleri (açık / koyu tema).
   - Tetik: pn-girdi görünümünde düğme (solda takvim simgesi, "15 Eki 2026, Per"; Kucuk'ta "15.10.2026"; boşsa soluk yer tutucu).
   - Masaüstü: açılır pano position: fixed; yerini wwwroot/js/tarih-secici.js verir (o yerleştirene kadar görünmez). İki tarafa da
     sığmazsa betik max-height verir, pano kendi içinde kayar.
   - Alt sayfa: telefon (genişlik ≤ 575.98 px) ve alçak ekran (yükseklik ≤ 520 px: yatay telefon, kısa pencere) — perde + alttan açılan
     sayfa (güvenli alan boşluğu, ≥ 44 px dokunma hedefleri). Alçak ve geniş ekranda iki sütun: kaydırmadan sığar. Koşul
     tarih-secici.js'teki ALT_SAYFA ile aynıdır.
   - tsc-yedek: betik yüklenemezse pano ekranın ortasında açılır, saydam perde dışarı dokunuşu yakalar.
   ========================================================================= */

/* ---------------------------------------------------------------- TETİK */
.tsc-tetik[b-vcuxjpi8qd] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.55rem;
    min-width: 0;
    text-align: left;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
}

    .tsc-tetik:disabled[b-vcuxjpi8qd] {
        cursor: not-allowed;
    }

    .tsc-tetik.tsc-acik[b-vcuxjpi8qd] {
        box-shadow: var(--pn-odak);
    }

        .tsc-tetik.tsc-acik:not(.hatali)[b-vcuxjpi8qd] {
            border-color: var(--pn-vurgu);
        }

.tsc-simge[b-vcuxjpi8qd] {
    flex-shrink: 0;
    color: var(--pn-metin-3);
    font-size: 0.95em;
    line-height: 1;
}

.tsc-acik .tsc-simge[b-vcuxjpi8qd] {
    color: var(--pn-vurgu-metin);
}

.tsc-metin[b-vcuxjpi8qd] {
    flex: 1 1 auto;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
}

    .tsc-metin.tsc-bos[b-vcuxjpi8qd],
    .tsc-tetik:disabled .tsc-metin[b-vcuxjpi8qd] {
        color: var(--pn-metin-3);
    }

/* Süzgeç çubukları: yükseklik pn-girdi'nin (ya da sayfanın verdiği sınıfın) aynısı; yalnız iç boşluk ve metin ("15.10.2026") sıkı */
.tsc-kucuk[b-vcuxjpi8qd] {
    gap: 0.45rem;
    padding-left: 0.7rem;
    padding-right: 0.7rem;
}

.tsc-gizli[b-vcuxjpi8qd] {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0 0 0 0);
    white-space: nowrap;
    border: 0;
}

/* ---------------------------------------------------------------- AÇILIR PANO (masaüstü) */
.tsc-perde[b-vcuxjpi8qd] {
    display: none;
}

.tsc-pano[b-vcuxjpi8qd] {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1080;
    box-sizing: border-box;
    width: 304px;
    max-width: calc(100vw - 16px);
    padding: 12px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    box-shadow: var(--pn-golge-2);
    font-family: var(--pn-yazi);
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.3;
    text-align: left;
    visibility: hidden;
    outline: none;
    animation: tsc-belir-b-vcuxjpi8qd 0.14s ease-out;
}

    .tsc-pano *[b-vcuxjpi8qd] {
        box-sizing: border-box;
    }

/* Koyu temada pano, aynı renkteki pencere yüzeyinden belirgin kenarla ayrılır */
html.dark-mode .tsc-pano[b-vcuxjpi8qd] {
    border-color: var(--pn-kenar-2);
}

.tsc-sayfa-bas[b-vcuxjpi8qd] {
    display: none;
}

.tsc-ust[b-vcuxjpi8qd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4px;
    margin-bottom: 8px;
}

.tsc-ikon-btn[b-vcuxjpi8qd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-metin-2);
    font-size: 15px;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .tsc-ikon-btn:hover:not(:disabled)[b-vcuxjpi8qd] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

    .tsc-ikon-btn:disabled[b-vcuxjpi8qd] {
        opacity: 0.35;
        cursor: default;
    }

.tsc-baslik[b-vcuxjpi8qd] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 36px;
    min-width: 0;
    padding: 0 10px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-metin);
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
    cursor: pointer;
    transition: background var(--pn-gecis);
}

    .tsc-baslik:hover[b-vcuxjpi8qd] {
        background: var(--pn-yuzey-3);
    }

    .tsc-baslik > i[b-vcuxjpi8qd] {
        color: var(--pn-metin-3);
        font-size: 11px;
    }

    .tsc-ikon-btn:focus-visible[b-vcuxjpi8qd],
    .tsc-baslik:focus-visible[b-vcuxjpi8qd],
    .tsc-alt-btn:focus-visible[b-vcuxjpi8qd] {
        outline: 2px solid var(--pn-vurgu);
        outline-offset: 1px;
    }

/* Gün / ay / yıl görünümleri aynı yükseklikte: görünüm değişince pano zıplamaz */
.tsc-govde[b-vcuxjpi8qd] {
    min-height: 252px;
}

.tsc-izgara[b-vcuxjpi8qd],
.tsc-secim[b-vcuxjpi8qd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.tsc-satir[b-vcuxjpi8qd] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 2px;
}

.tsc-gun-adlari[b-vcuxjpi8qd] {
    margin-bottom: 2px;
}

    .tsc-gun-adlari > span[b-vcuxjpi8qd] {
        padding: 4px 0;
        text-align: center;
        color: var(--pn-metin-3);
        font-size: 11px;
        font-weight: 500;
    }

        .tsc-gun-adlari > span.tsc-pz[b-vcuxjpi8qd] {
            color: var(--pn-kirmizi);
            opacity: 0.85;
        }

.tsc-hucre[b-vcuxjpi8qd] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    border-radius: 8px;
    color: var(--pn-metin);
    font-variant-numeric: tabular-nums;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    outline: none;
    transition: background 0.12s;
}

    .tsc-hucre:hover[b-vcuxjpi8qd] {
        background: var(--pn-yuzey-3);
    }

    .tsc-hucre.tsc-diger[b-vcuxjpi8qd] {
        color: var(--pn-metin-3);
    }

    .tsc-hucre.tsc-bugun[b-vcuxjpi8qd] {
        color: var(--pn-vurgu-metin);
        font-weight: 700;
        box-shadow: inset 0 0 0 1px var(--pn-vurgu);
    }

    .tsc-hucre.tsc-secili[b-vcuxjpi8qd] {
        background: var(--pn-vurgu);
        color: var(--pn-metin-ters);
        font-weight: 650;
        box-shadow: none;
    }

    .tsc-hucre.tsc-kapali[b-vcuxjpi8qd] {
        background: transparent;
        color: var(--pn-metin-3);
        opacity: 0.4;
        cursor: not-allowed;
    }

    .tsc-hucre:focus-visible[b-vcuxjpi8qd] {
        outline: 2px solid var(--pn-vurgu);
        outline-offset: 1px;
    }

.tsc-gun[b-vcuxjpi8qd] {
    height: 36px;
    font-size: 13px;
    font-weight: 500;
}

.tsc-secim[b-vcuxjpi8qd] {
    gap: 8px;
    padding-top: 6px;
}

.tsc-satir3[b-vcuxjpi8qd] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
}

.tsc-secim-oge[b-vcuxjpi8qd] {
    height: 52px;
    border-radius: 10px;
    font-size: 13.5px;
    font-weight: 550;
}

.tsc-alt[b-vcuxjpi8qd] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid var(--pn-kenar);
}

    .tsc-alt > :only-child[b-vcuxjpi8qd] {
        margin-left: auto;
    }

.tsc-alt-btn[b-vcuxjpi8qd] {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 32px;
    padding: 4px 10px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-family: inherit;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: background var(--pn-gecis), color var(--pn-gecis);
}

    .tsc-alt-btn:hover:not(:disabled)[b-vcuxjpi8qd] {
        background: var(--pn-vurgu-ton);
    }

    .tsc-alt-btn:disabled[b-vcuxjpi8qd] {
        opacity: 0.45;
        cursor: default;
    }

    .tsc-alt-btn > i[b-vcuxjpi8qd] {
        font-size: 0.95em;
    }

.tsc-temizle[b-vcuxjpi8qd] {
    color: var(--pn-metin-2);
}

    .tsc-temizle:hover:not(:disabled)[b-vcuxjpi8qd] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

/* Betik yüklenemezse: ortada küçük pencere + saydam perde (dışarı dokununca kapanır) */
.tsc-perde.tsc-yedek[b-vcuxjpi8qd] {
    display: block;
    position: fixed;
    inset: 0;
    z-index: 1079;
    background: transparent;
}

.tsc-pano.tsc-yedek[b-vcuxjpi8qd] {
    left: 50%;
    top: 50%;
    max-height: calc(100vh - 32px);
    transform: translate(-50%, -50%);
    visibility: visible;
}

@keyframes tsc-belir-b-vcuxjpi8qd {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes tsc-yukari-b-vcuxjpi8qd {
    from { transform: translateY(100%); }
    to { transform: none; }
}

/* ---------------------------------------------------------------- ALT SAYFA: telefon ve alçak ekran (yatay telefon, kısa pencere) */
@media (max-width: 575.98px), (max-height: 520px) {
    .tsc-perde[b-vcuxjpi8qd],
    .tsc-perde.tsc-yedek[b-vcuxjpi8qd] {
        display: block;
        position: fixed;
        inset: 0;
        z-index: 1080;
        background: rgba(15, 23, 42, 0.45);
        touch-action: none;
        animation: tsc-belir-b-vcuxjpi8qd 0.18s ease-out;
    }

    .tsc-pano[b-vcuxjpi8qd],
    .tsc-pano.tsc-yedek[b-vcuxjpi8qd] {
        left: 0 !important;
        right: 0;
        top: auto !important;
        bottom: 0;
        z-index: 1081;
        width: auto;
        max-width: none;
        max-height: 88vh;
        max-height: 88dvh;
        padding: 6px 12px calc(14px + env(safe-area-inset-bottom));
        border: 0;
        border-radius: 22px 22px 0 0;
        transform: none;
        visibility: visible !important;
        font-size: 1rem;
        animation: tsc-yukari-b-vcuxjpi8qd 0.24s cubic-bezier(0.16, 1, 0.3, 1);
    }

    .tsc-sayfa-bas[b-vcuxjpi8qd] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 8px;
        padding: 2px 0 4px 6px;
    }

        .tsc-sayfa-bas > strong[b-vcuxjpi8qd] {
            min-width: 0;
            overflow: hidden;
            white-space: nowrap;
            text-overflow: ellipsis;
            font-size: 1.1rem;
            font-weight: 650;
        }

    .tsc-ikon-btn[b-vcuxjpi8qd] {
        width: 44px;
        height: 44px;
        border-radius: 12px;
        font-size: 17px;
    }

    .tsc-ust[b-vcuxjpi8qd] {
        margin-bottom: 6px;
    }

    .tsc-baslik[b-vcuxjpi8qd] {
        min-height: 44px;
        padding: 0 12px;
        font-size: 1.05rem;
        font-weight: 650;
    }

        .tsc-baslik > i[b-vcuxjpi8qd] {
            font-size: 12px;
        }

    .tsc-govde[b-vcuxjpi8qd] {
        min-height: 0;
    }

    .tsc-izgara[b-vcuxjpi8qd],
    .tsc-satir[b-vcuxjpi8qd] {
        gap: 3px;
    }

    .tsc-gun-adlari > span[b-vcuxjpi8qd] {
        font-size: 0.8rem;
        font-weight: 600;
    }

    .tsc-gun[b-vcuxjpi8qd] {
        height: 46px;
        border-radius: 12px;
        font-size: 1.02rem;
        font-weight: 600;
    }

    .tsc-secim[b-vcuxjpi8qd] {
        gap: 10px;
    }

    .tsc-satir3[b-vcuxjpi8qd] {
        gap: 10px;
    }

    .tsc-secim-oge[b-vcuxjpi8qd] {
        height: 56px;
        border-radius: 12px;
        font-size: 1rem;
    }

    .tsc-alt[b-vcuxjpi8qd] {
        gap: 10px;
        margin-top: 12px;
        padding-top: 0;
        border-top: 0;
    }

        .tsc-alt > :only-child[b-vcuxjpi8qd] {
            margin-left: 0;
        }

    .tsc-alt-btn[b-vcuxjpi8qd] {
        flex: 1 1 0;
        justify-content: center;
        min-height: 48px;
        border: 1px solid var(--pn-kenar-2);
        border-radius: 12px;
        background: var(--pn-yuzey);
        font-size: 1rem;
    }

    .tsc-bugun-btn[b-vcuxjpi8qd] {
        border-color: transparent;
        background: var(--pn-vurgu-ton);
    }

        .tsc-bugun-btn:hover:not(:disabled)[b-vcuxjpi8qd] {
            background: var(--pn-vurgu-ton-2);
        }
}

/* Alçak ve geniş ekran (yatay telefon, kısa pencere): alt sayfa ortalanmış iki sütun — solda başlık + Bugün / Temizle, sağda ay
   çubuğu + ızgara; 40 px'lik satırlarla 360 px yükseklikte de kaydırmadan sığar */
@media (max-height: 520px) and (min-width: 576px) {
    .tsc-pano[b-vcuxjpi8qd],
    .tsc-pano.tsc-yedek[b-vcuxjpi8qd] {
        display: grid;
        grid-template-columns: 196px minmax(0, 1fr);
        grid-template-rows: auto minmax(0, 1fr);
        grid-template-areas:
            "bas ust"
            "alt govde";
        column-gap: 20px;
        max-width: 620px;
        margin: 0 auto;
        max-height: calc(100vh - 8px);
        max-height: calc(100dvh - 8px);
        padding: 8px 16px calc(10px + env(safe-area-inset-bottom));
    }

    .tsc-sayfa-bas[b-vcuxjpi8qd] {
        grid-area: bas;
        padding: 2px 0 2px 4px;
    }

        .tsc-sayfa-bas > strong[b-vcuxjpi8qd] {
            font-size: 1rem;
        }

    .tsc-ust[b-vcuxjpi8qd] {
        grid-area: ust;
        margin-bottom: 2px;
    }

    .tsc-govde[b-vcuxjpi8qd] {
        grid-area: govde;
    }

    .tsc-gun[b-vcuxjpi8qd] {
        height: 40px;
    }

    .tsc-secim[b-vcuxjpi8qd],
    .tsc-satir3[b-vcuxjpi8qd] {
        gap: 8px;
    }

    .tsc-secim-oge[b-vcuxjpi8qd] {
        height: 50px;
    }

    .tsc-alt[b-vcuxjpi8qd] {
        grid-area: alt;
        flex-direction: column;
        align-items: stretch;
        align-self: start;
        gap: 8px;
        margin-top: 6px;
    }

    .tsc-alt-btn[b-vcuxjpi8qd] {
        flex: 0 0 auto;
        min-height: 44px;
    }

    .tsc-bugun-btn[b-vcuxjpi8qd] {
        order: -1;
    }
}

@media (prefers-reduced-motion: reduce) {
    .tsc-pano[b-vcuxjpi8qd],
    .tsc-perde[b-vcuxjpi8qd] {
        animation: none;
    }
}
/* /Components/Pages/YapistirOnizleme.razor.rz.scp.css */
/* =========================================================================
   💥 AKILLI YAPIŞTIR ÖNİZLEMESİ 💥
   Pencere iskeleti panel.css'teki .pn-perde / .pn-pencere'dir (telefonda alttan açılan panel). Renkler --pn-* tema
   değişkenleridir; açık ve koyu temada aynı kurallar çalışır. Liste sade tutulur: kart yok, satırlar ince çizgiyle ayrılır.
   ========================================================================= */

/* Sefer Oluştur / Düzenle pencerelerinin (z-index 99999) üstünde açılır */
.yo-perde[b-vxttvdvtfg] {
    z-index: 100050;
}

.yo-pencere[b-vxttvdvtfg] {
    position: relative;
    max-width: 600px;
}

    .yo-pencere:focus[b-vxttvdvtfg] {
        outline: none;
    }

/* ---------------- Başlık ---------------- */
.yo-ust[b-vxttvdvtfg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 20px 16px 14px 20px;
    flex-shrink: 0;
}

.yo-ust-ikon[b-vxttvdvtfg] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 40px;
    height: 40px;
    border-radius: 12px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-size: 19px;
}

.yo-ust-yazi[b-vxttvdvtfg] {
    flex: 1 1 auto;
    min-width: 0;
}

    .yo-ust-yazi h3[b-vxttvdvtfg] {
        margin: 0;
        font-size: 17px;
        font-weight: 650;
        line-height: 1.3;
        color: var(--pn-metin);
    }

    .yo-ust-yazi p[b-vxttvdvtfg] {
        margin: 3px 0 0;
        font-size: 13.5px;
        line-height: 1.45;
        color: var(--pn-metin-2);
    }

.yo-kapat[b-vxttvdvtfg] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 36px;
    height: 36px;
    margin-top: -2px;
    border: 0;
    border-radius: 50%;
    background: transparent;
    color: var(--pn-metin-3);
    font-size: 16px;
    cursor: pointer;
    transition: background-color var(--pn-gecis), color var(--pn-gecis);
}

    .yo-kapat:hover[b-vxttvdvtfg] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

/* ---------------- Özet (uyruk, silinen işaretler) ---------------- */
.yo-ozet[b-vxttvdvtfg] {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    padding: 0 20px 14px;
    flex-shrink: 0;
}

.yo-ozet-oge[b-vxttvdvtfg] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 5px 11px;
    border-radius: 999px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-size: 12.5px;
    font-weight: 600;
    line-height: 1.3;
}

    .yo-ozet-oge.sari[b-vxttvdvtfg] {
        background: var(--pn-sari-ton);
        color: var(--pn-sari);
    }

.yo-ozet-ek[b-vxttvdvtfg] {
    font-weight: 500;
    opacity: 0.8;
}

/* ---------------- Liste ---------------- */
.yo-govde[b-vxttvdvtfg] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    padding: 0 20px 16px;
    border-top: 1px solid var(--pn-kenar);
}

.yo-liste-bas[b-vxttvdvtfg] {
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 12px 0 8px;
    background: var(--pn-yuzey);
}

.yo-sayac[b-vxttvdvtfg] {
    font-size: 12.5px;
    font-weight: 500;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
}

.yo-metin-btn[b-vxttvdvtfg] {
    padding: 4px 8px;
    margin-right: -8px;
    border: 0;
    border-radius: 8px;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
}

    .yo-metin-btn:hover[b-vxttvdvtfg] {
        background: var(--pn-vurgu-ton);
    }

.yo-liste[b-vxttvdvtfg] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.yo-satir[b-vxttvdvtfg] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 0 -10px;
    padding: 12px 10px;
    border-radius: 12px;
    transition: background-color var(--pn-gecis);
}

    .yo-satir + .yo-satir[b-vxttvdvtfg] {
        border-top: 1px solid var(--pn-kenar);
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

@media (hover: hover) {
    .yo-satir:hover[b-vxttvdvtfg] {
        background: var(--pn-yuzey-2);
    }
}

.yo-sec[b-vxttvdvtfg] {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    flex: 1 1 auto;
    min-width: 0;
    margin: 0;
    cursor: pointer;
}

/* Yuvarlak seçim kutusu */
.yo-kutu[b-vxttvdvtfg] {
    -webkit-appearance: none;
    appearance: none;
    flex-shrink: 0;
    width: 22px;
    height: 22px;
    margin: 0;
    border: 2px solid var(--pn-kenar-2);
    border-radius: 50%;
    background: var(--pn-yuzey) center / 13px 13px no-repeat;
    cursor: pointer;
    transition: background-color var(--pn-gecis), border-color var(--pn-gecis);
}

    .yo-kutu:checked[b-vxttvdvtfg] {
        border-color: var(--pn-vurgu);
        background-color: var(--pn-vurgu);
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");
    }

    .yo-kutu:focus-visible[b-vxttvdvtfg] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.yo-metin[b-vxttvdvtfg] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    padding-top: 1px;
}

.yo-ad[b-vxttvdvtfg] {
    font-size: 15px;
    line-height: 1.35;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

    .yo-ad b[b-vxttvdvtfg] {
        font-weight: 700;
        letter-spacing: 0.01em;
    }

.yo-ayrinti[b-vxttvdvtfg] {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 14px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--pn-metin-2);
    font-variant-numeric: tabular-nums;
}

    .yo-ayrinti span[b-vxttvdvtfg] {
        display: inline-flex;
        align-items: center;
        gap: 5px;
        min-width: 0;
        overflow-wrap: anywhere;
    }

    .yo-ayrinti i[b-vxttvdvtfg] {
        font-size: 12px;
        color: var(--pn-metin-3);
    }

.yo-duzeltme[b-vxttvdvtfg] {
    display: flex;
    align-items: baseline;
    gap: 5px;
    font-size: 12.5px;
    line-height: 1.4;
    color: var(--pn-sari);
    overflow-wrap: anywhere;
}

    .yo-duzeltme i[b-vxttvdvtfg] {
        flex-shrink: 0;
        font-size: 11.5px;
    }

/* Seçilmeyen yolcu soluk görünür */
.yo-satir.kapali .yo-metin[b-vxttvdvtfg],
.yo-satir.kapali .yo-cins[b-vxttvdvtfg] {
    opacity: 0.45;
}

/* Cinsiyet */
.yo-cins[b-vxttvdvtfg] {
    display: inline-flex;
    flex-shrink: 0;
    gap: 2px;
    padding: 3px;
    border: 1px solid var(--pn-kenar);
    border-radius: 999px;
    transition: opacity var(--pn-gecis);
}

    .yo-cins button[b-vxttvdvtfg] {
        height: 28px;
        padding: 0 11px;
        border: 0;
        border-radius: 999px;
        background: transparent;
        color: var(--pn-metin-3);
        font-size: 12.5px;
        font-weight: 550;
        cursor: pointer;
        transition: background-color var(--pn-gecis), color var(--pn-gecis);
    }

        .yo-cins button.aktif[b-vxttvdvtfg] {
            background: var(--pn-vurgu-ton-2);
            color: var(--pn-vurgu-metin);
            font-weight: 650;
        }

        .yo-cins button:focus-visible[b-vxttvdvtfg] {
            outline: none;
            box-shadow: var(--pn-odak);
        }

/* ---------------- Dipnotlar ---------------- */
.yo-dipnot[b-vxttvdvtfg] {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin: 14px 0 0;
    font-size: 12.5px;
    line-height: 1.45;
    color: var(--pn-metin-3);
}

.yo-eklenmeyen ul[b-vxttvdvtfg] {
    list-style: none;
    margin: 6px 0 0;
    padding: 0 0 0 19px;
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.yo-eklenmeyen li[b-vxttvdvtfg] {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    font-size: 12.5px;
    line-height: 1.45;
}

    .yo-eklenmeyen li span[b-vxttvdvtfg] {
        color: var(--pn-metin-2);
        overflow-wrap: anywhere;
    }

    .yo-eklenmeyen li em[b-vxttvdvtfg] {
        font-style: normal;
        color: var(--pn-metin-3);
    }

/* ---------------- Alt düğmeler ---------------- */
.yo-alt[b-vxttvdvtfg] {
    display: flex;
    gap: 10px;
    padding: 12px 20px 16px;
    border-top: 1px solid var(--pn-kenar);
    flex-shrink: 0;
}

.yo-btn[b-vxttvdvtfg] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 44px;
    padding: 0 18px;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 12px;
    background: transparent;
    color: var(--pn-metin);
    font-size: 14.5px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color var(--pn-gecis), border-color var(--pn-gecis), opacity var(--pn-gecis);
}

    .yo-btn:hover[b-vxttvdvtfg] {
        background: var(--pn-yuzey-2);
    }

    .yo-btn.birincil[b-vxttvdvtfg] {
        flex: 1 1 auto;
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu);
        color: #fff;
    }

        .yo-btn.birincil:hover[b-vxttvdvtfg] {
            border-color: var(--pn-vurgu-koyu);
            background: var(--pn-vurgu-koyu);
        }

        .yo-btn.birincil:disabled[b-vxttvdvtfg] {
            opacity: 0.5;
            cursor: not-allowed;
        }

    .yo-btn:focus-visible[b-vxttvdvtfg] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

/* ---------------- Telefon / dar pencere ---------------- */
@media (max-width: 575.98px) {
    /* Alttan açılan panelin tutamacı */
    .yo-pencere[b-vxttvdvtfg]::before {
        content: "";
        position: absolute;
        top: 8px;
        left: 50%;
        width: 36px;
        height: 4px;
        border-radius: 2px;
        background: var(--pn-kenar-2);
        transform: translateX(-50%);
    }

    .yo-ust[b-vxttvdvtfg] {
        padding: 22px 12px 12px 16px;
    }

    .yo-ust-ikon[b-vxttvdvtfg] {
        width: 36px;
        height: 36px;
        font-size: 17px;
    }

    .yo-ozet[b-vxttvdvtfg] {
        padding: 0 16px 12px;
    }

    .yo-govde[b-vxttvdvtfg] {
        padding: 0 16px 14px;
    }

    .yo-satir[b-vxttvdvtfg] {
        gap: 10px;
    }

    .yo-cins button[b-vxttvdvtfg] {
        padding: 0 9px;
    }

    .yo-alt[b-vxttvdvtfg] {
        padding: 12px 16px max(14px, env(safe-area-inset-bottom));
    }
}

/* Çok dar ekranda cinsiyet seçimi adın altına iner */
@media (max-width: 359.98px) {
    .yo-satir[b-vxttvdvtfg] {
        flex-wrap: wrap;
    }

    .yo-cins[b-vxttvdvtfg] {
        margin-left: 34px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yo-satir[b-vxttvdvtfg], .yo-kutu[b-vxttvdvtfg], .yo-cins[b-vxttvdvtfg], .yo-cins button[b-vxttvdvtfg], .yo-btn[b-vxttvdvtfg], .yo-kapat[b-vxttvdvtfg] {
        transition: none;
    }
}
/* /Components/Pages/Yardim/AcenteRehberi.razor.rz.scp.css */
/* Kullanım rehberi (acente paneli): üstte kılavuz araması ve bölümler; videolarda geniş ekranda video solda,
   açıklama ve bölümler sağda; telefonda alt alta. */

/* ---------------------------------------------------------------- adım adım kılavuz */
.kr-kilavuz[b-epwv52b1v9] {
    margin-bottom: 0.5rem;
}

.kr-kilavuz-bas[b-epwv52b1v9] {
    margin-bottom: 0.9rem;
}

.kr-kilavuz-baslik[b-epwv52b1v9] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0;
    color: var(--pn-metin);
    font-size: 1.15rem;
    font-weight: 700;
    letter-spacing: -0.01em;
}

    .kr-kilavuz-baslik > i[b-epwv52b1v9] {
        color: var(--pn-vurgu-metin);
    }

.kr-kilavuz-aciklama[b-epwv52b1v9] {
    margin: 0.2rem 0 0;
    color: var(--pn-metin-3);
    font-size: 0.88rem;
}

.kr-videolar-baslik[b-epwv52b1v9] {
    margin: 2rem 0 0.9rem;
}

/* ---------------------------------------------------------------- videolar */
.kr-kart[b-epwv52b1v9] {
    margin-bottom: 1rem;
    overflow: hidden;
}

.kr-izgara[b-epwv52b1v9] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
    padding: 1.25rem;
}

.kr-oynatici[b-epwv52b1v9] {
    min-width: 0;
}

.kr-yan[b-epwv52b1v9] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
}

.kr-baslik[b-epwv52b1v9] {
    margin: 0.7rem 0 0;
    color: var(--pn-metin);
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: -0.015em;
    line-height: 1.3;
}

.kr-aciklama[b-epwv52b1v9] {
    margin: 0.45rem 0 0;
    color: var(--pn-metin-2);
    font-size: 0.9rem;
    line-height: 1.55;
}

.kr-bolum-baslik[b-epwv52b1v9] {
    align-self: stretch;
    margin: 1.25rem 0 0.4rem;
}

/* Bölüm listesi (VideoBolumleri) sütunun tamamını kaplasın */
.kr-yan[b-epwv52b1v9]  .vb-liste {
    align-self: stretch;
}

.kr-paylas[b-epwv52b1v9] {
    align-self: stretch;
    margin-top: 1rem;
    padding: 0.9rem 1rem 1rem;
    border: 1px solid var(--pn-yesil-kenar);
    border-radius: 12px;
    background: var(--pn-yesil-ton);
}

.kr-paylas-bas[b-epwv52b1v9] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    margin-bottom: 0.8rem;
}

    .kr-paylas-bas .pn-ikon-kutu[b-epwv52b1v9] {
        background: var(--pn-yuzey);
    }

    .kr-paylas-bas strong[b-epwv52b1v9] {
        display: block;
        color: var(--pn-metin);
        font-weight: 650;
    }

    .kr-paylas-bas span:not(.pn-ikon-kutu)[b-epwv52b1v9] {
        display: block;
        margin-top: 0.1rem;
        color: var(--pn-metin-2);
        font-size: 0.84rem;
        line-height: 1.45;
    }

.kr-dipnot[b-epwv52b1v9] {
    display: flex;
    align-items: flex-start;
    gap: 0.5rem;
    margin: 0.25rem 0 0;
    color: var(--pn-metin-3);
    font-size: 0.8rem;
}

@media (min-width: 992px) {
    .kr-izgara[b-epwv52b1v9] {
        grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr);
        gap: 1.75rem;
        padding: 1.5rem;
        align-items: start;
    }

        .kr-izgara.dikey[b-epwv52b1v9] {
            grid-template-columns: 340px minmax(0, 1fr);
        }
}

@media (max-width: 575.98px) {
    .kr-izgara[b-epwv52b1v9] {
        padding: 1rem;
    }
}
/* /Components/Pages/Yardim/KilavuzArama.razor.rz.scp.css */
/* Kılavuz arama: uygulama ve sitede aynı; renkler --pn-* (açık / koyu tema). */
.ka[b-88s5d7dp2i] {
    min-width: 0;
}

/* ---------------------------------------------------------------- arama kutusu */
.ka-arama[b-88s5d7dp2i] {
    position: relative;
    display: flex;
    align-items: center;
}

.ka-arama-ikon[b-88s5d7dp2i] {
    position: absolute;
    left: 18px;
    color: var(--pn-metin-3, #64748b);
    font-size: 1.15rem;
    pointer-events: none;
}

.ka-girdi[b-88s5d7dp2i] {
    width: 100%;
    min-height: 56px;
    padding: 12px 52px 12px 50px;
    border: 1.5px solid var(--pn-kenar-2, #cbd5e1);
    border-radius: 16px;
    background: var(--pn-yuzey, #fff);
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.05), 0 12px 28px -18px rgba(14, 27, 51, 0.35);
    color: var(--pn-metin, #0f172a);
    font: inherit;
    font-size: 1.05rem;
    -webkit-appearance: none;
    appearance: none;
    transition: border-color 140ms ease, box-shadow 140ms ease;
}

    .ka-girdi[b-88s5d7dp2i]::placeholder {
        color: var(--pn-metin-3, #64748b);
    }

    .ka-girdi[b-88s5d7dp2i]::-webkit-search-cancel-button {
        display: none;
    }

    .ka-girdi:focus[b-88s5d7dp2i] {
        outline: none;
        border-color: var(--pn-vurgu, #2F6BEA);
        box-shadow: 0 0 0 4px rgba(47, 107, 234, 0.18);
    }

.ka-temizle[b-88s5d7dp2i] {
    position: absolute;
    right: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border: 0;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-metin-2, #475569);
    cursor: pointer;
}

    .ka-temizle:hover[b-88s5d7dp2i] {
        background: var(--pn-yuzey-3, #f1f5f9);
    }

    .ka-temizle:focus-visible[b-88s5d7dp2i] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 1px;
    }

/* ---------------------------------------------------------------- kimin için */
.ka-filtre[b-88s5d7dp2i] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 14px;
}

.ka-filtre-btn[b-88s5d7dp2i] {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 6px 14px;
    border: 1px solid var(--pn-kenar, #e2e8f0);
    border-radius: 999px;
    background: var(--pn-yuzey, #fff);
    color: var(--pn-metin-2, #475569);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 620;
    cursor: pointer;
}

    .ka-filtre-btn[aria-pressed="true"][b-88s5d7dp2i] {
        border-color: var(--pn-vurgu, #2F6BEA);
        background: var(--pn-vurgu-ton, #E6EEFF);
        color: var(--pn-vurgu-metin, #1F56CC);
    }

    .ka-filtre-btn:focus-visible[b-88s5d7dp2i] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 2px;
    }

.ka-filtre-sayi[b-88s5d7dp2i] {
    padding: 0 7px;
    border-radius: 999px;
    background: var(--pn-yuzey-3, #f1f5f9);
    color: var(--pn-metin-2, #475569);
    font-size: 0.78rem;
    font-variant-numeric: tabular-nums;
}

/* ---------------------------------------------------------------- durum ve sonuçlar */
.ka-durum[b-88s5d7dp2i] {
    margin: 14px 2px 8px;
    color: var(--pn-metin-3, #64748b);
    font-size: 0.86rem;
}

    .ka-durum:focus[b-88s5d7dp2i] {
        outline: none;
    }

    .ka-durum.ka-gizli[b-88s5d7dp2i] {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }

.ka-kismi[b-88s5d7dp2i] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 0 2px 10px;
    color: var(--pn-metin-2, #475569);
    font-size: 0.88rem;
}

.ka-sonuclar[b-88s5d7dp2i] {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ka-sonuc[b-88s5d7dp2i] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 14px 16px;
    border: 1px solid var(--pn-kenar, #e2e8f0);
    border-radius: 14px;
    background: var(--pn-yuzey, #fff);
    color: var(--pn-metin, #0f172a);
    text-decoration: none;
    transition: border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}

    .ka-sonuc:hover[b-88s5d7dp2i] {
        border-color: var(--pn-vurgu, #2F6BEA);
        box-shadow: 0 10px 24px -18px rgba(14, 27, 51, 0.45);
        color: var(--pn-metin, #0f172a);
        text-decoration: none;
    }

    .ka-sonuc:focus-visible[b-88s5d7dp2i] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 2px;
    }

.ka-sonuc-ust[b-88s5d7dp2i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    color: var(--pn-metin-3, #64748b);
    font-size: 0.78rem;
    font-weight: 650;
}

.ka-hedef[b-88s5d7dp2i] {
    padding: 1px 8px;
    border-radius: 999px;
    background: var(--pn-gri-ton, #f1f5f9);
    color: var(--pn-gri, #475569);
    font-size: 0.72rem;
}

    .ka-hedef.acente[b-88s5d7dp2i] {
        background: var(--pn-vurgu-ton, #E6EEFF);
        color: var(--pn-vurgu-metin, #1F56CC);
    }

    .ka-hedef.sofor[b-88s5d7dp2i] {
        background: var(--pn-yesil-ton, #e7f8f0);
        color: var(--pn-yesil, #0B7A52);
    }

.ka-sonuc-baslik[b-88s5d7dp2i] {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.35;
}

.ka-sonuc-ozet[b-88s5d7dp2i] {
    color: var(--pn-metin-2, #475569);
    font-size: 0.9rem;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* ---------------------------------------------------------------- sonuç yok */
.ka-bos[b-88s5d7dp2i] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    padding: 28px 16px;
    border: 1px dashed var(--pn-kenar-2, #cbd5e1);
    border-radius: 16px;
    color: var(--pn-metin-2, #475569);
    text-align: center;
}

    .ka-bos strong[b-88s5d7dp2i] {
        color: var(--pn-metin, #0f172a);
        overflow-wrap: anywhere;
    }

.ka-bos-ikon[b-88s5d7dp2i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 4px;
    border-radius: 50%;
    background: var(--pn-yuzey-3, #f1f5f9);
    font-size: 1.3rem;
}

.ka-oneri-listesi[b-88s5d7dp2i] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin-top: 6px;
}

.ka-destek[b-88s5d7dp2i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    margin-top: 8px;
    color: var(--pn-vurgu-metin, #1F56CC);
    font-weight: 650;
}

/* ---------------------------------------------------------------- öneriler ve bölümler */
.ka-oneriler[b-88s5d7dp2i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 16px 0 22px;
}

.ka-oneriler-etiket[b-88s5d7dp2i] {
    margin-right: 4px;
    color: var(--pn-metin-3, #64748b);
    font-size: 0.86rem;
    font-weight: 650;
}

.ka-oneri[b-88s5d7dp2i] {
    min-height: 36px;
    padding: 5px 12px;
    border: 1px solid var(--pn-kenar, #e2e8f0);
    border-radius: 999px;
    background: var(--pn-yuzey-2, #f8fafc);
    color: var(--pn-metin, #0f172a);
    font: inherit;
    font-size: 0.86rem;
    cursor: pointer;
}

    .ka-oneri:hover[b-88s5d7dp2i] {
        border-color: var(--pn-vurgu, #2F6BEA);
        color: var(--pn-vurgu-metin, #1F56CC);
    }

    .ka-oneri:focus-visible[b-88s5d7dp2i] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 2px;
    }

.ka-kategoriler[b-88s5d7dp2i] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
}

.ka-kategori[b-88s5d7dp2i] {
    display: flex;
    flex-direction: column;
    padding: 18px 18px 12px;
    border: 1px solid var(--pn-kenar, #e2e8f0);
    border-radius: 16px;
    background: var(--pn-yuzey, #fff);
    scroll-margin-top: 90px;
}

.ka-kategori-baslik[b-88s5d7dp2i] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0;
    color: var(--pn-metin, #0f172a);
    font-size: 1.05rem;
    font-weight: 750;
    line-height: 1.3;
}

.ka-kategori-ikon[b-88s5d7dp2i] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: var(--pn-vurgu-ton, #E6EEFF);
    color: var(--pn-vurgu-metin, #1F56CC);
    font-size: 1.1rem;
}

.ka-kategori-ad[b-88s5d7dp2i] {
    flex: 1;
    min-width: 0;
}

.ka-kategori-sayi[b-88s5d7dp2i] {
    flex-shrink: 0;
    color: var(--pn-metin-3, #64748b);
    font-size: 0.78rem;
    font-weight: 650;
}

.ka-kategori-aciklama[b-88s5d7dp2i] {
    margin: 8px 0 8px;
    color: var(--pn-metin-3, #64748b);
    font-size: 0.86rem;
    line-height: 1.45;
}

.ka-kategori-liste[b-88s5d7dp2i] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ka-kategori-liste li + li[b-88s5d7dp2i] {
        border-top: 1px solid var(--pn-kenar, #e2e8f0);
    }

    .ka-kategori-liste a[b-88s5d7dp2i] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        min-height: 44px;
        padding: 8px 2px;
        color: var(--pn-metin, #0f172a);
        font-size: 0.93rem;
        font-weight: 560;
        line-height: 1.35;
        text-decoration: none;
    }

        .ka-kategori-liste a:hover[b-88s5d7dp2i] {
            color: var(--pn-vurgu-metin, #1F56CC);
        }

        .ka-kategori-liste a:focus-visible[b-88s5d7dp2i] {
            outline: 2px solid var(--pn-vurgu, #2F6BEA);
            outline-offset: 2px;
            border-radius: 6px;
        }

        .ka-kategori-liste a i[b-88s5d7dp2i] {
            flex-shrink: 0;
            color: var(--pn-metin-3, #64748b);
            font-size: 0.8rem;
        }

.ka-tumu[b-88s5d7dp2i] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
    min-height: 40px;
    margin-top: 4px;
    padding: 6px 2px;
    border: 0;
    background: transparent;
    color: var(--pn-vurgu-metin, #1F56CC);
    font: inherit;
    font-size: 0.88rem;
    font-weight: 650;
    cursor: pointer;
}

    .ka-tumu:focus-visible[b-88s5d7dp2i] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 2px;
        border-radius: 6px;
    }

@media (min-width: 720px) {
    .ka-kategoriler[b-88s5d7dp2i] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (min-width: 1180px) {
    .ka:not(.sikisik) .ka-kategoriler[b-88s5d7dp2i] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

/* ---------------------------------------------------------------- yan sütun (sıkışık) */
.ka.sikisik .ka-girdi[b-88s5d7dp2i] {
    min-height: 48px;
    border-radius: 12px;
    font-size: 0.95rem;
    box-shadow: none;
}

.ka.sikisik .ka-sonuc[b-88s5d7dp2i] {
    padding: 10px 12px;
    border-radius: 10px;
}

.ka.sikisik .ka-sonuc-baslik[b-88s5d7dp2i] {
    font-size: 0.92rem;
}

.ka.sikisik .ka-bos[b-88s5d7dp2i] {
    padding: 18px 10px;
}

/* ---------------------------------------------------------------- şoför (büyük dokunma alanı) */
.ka.buyuk .ka-kategori-liste a[b-88s5d7dp2i] {
    min-height: 52px;
    font-size: 1rem;
}

.ka.buyuk .ka-sonuc-baslik[b-88s5d7dp2i] {
    font-size: 1.05rem;
}

@media (max-width: 575.98px) {
    /* 16px altı yazıda iOS odaklanınca sayfayı yakınlaştırır */
    .ka-girdi[b-88s5d7dp2i],
    .ka.sikisik .ka-girdi[b-88s5d7dp2i] {
        font-size: 1rem;
    }

    .ka-kategori[b-88s5d7dp2i] {
        padding: 14px 14px 8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ka-sonuc[b-88s5d7dp2i],
    .ka-girdi[b-88s5d7dp2i] {
        transition: none;
    }
}
/* /Components/Pages/Yardim/KilavuzKonuSayfasi.razor.rz.scp.css */
/* Kılavuz konu sayfası (uygulama): telefonda tek sütun, geniş ekranda makale + yan sütun. */
.kks[b-6w74ff6k3b] {
    max-width: 1180px;
}

/* ---------------------------------------------------------------- üst gezinme */
.kks-ust[b-6w74ff6k3b] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 8px;
    margin-bottom: 14px;
    font-size: 0.9rem;
}

.kks-geri[b-6w74ff6k3b] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 0 14px 0 10px;
    border: 1px solid var(--pn-kenar);
    border-radius: 12px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-weight: 620;
    text-decoration: none;
}

    .kks-geri:hover[b-6w74ff6k3b] {
        border-color: var(--pn-kenar-2);
        color: var(--pn-metin);
        text-decoration: none;
    }

    .kks-geri:focus-visible[b-6w74ff6k3b] {
        outline: 2px solid var(--pn-vurgu);
        outline-offset: 2px;
    }

.kks-yol[b-6w74ff6k3b] {
    color: var(--pn-metin-3);
}

.kks-yol-ad[b-6w74ff6k3b] {
    min-width: 0;
    color: var(--pn-metin-3);
    font-weight: 600;
    overflow-wrap: anywhere;
}

/* ---------------------------------------------------------------- ızgara */
.kks-izgara[b-6w74ff6k3b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    align-items: start;
}

.kks-ana[b-6w74ff6k3b] {
    min-width: 0;
}

.kks-makale[b-6w74ff6k3b] {
    padding: 22px 18px 24px;
}

/* ---------------------------------------------------------------- önceki / sonraki */
.kks-sira[b-6w74ff6k3b] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin-top: 14px;
}

.kks-sira-bag[b-6w74ff6k3b] {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 64px;
    padding: 10px 16px;
    border: 1px solid var(--pn-kenar);
    border-radius: var(--pn-yaricap);
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    text-decoration: none;
}

    .kks-sira-bag:hover[b-6w74ff6k3b] {
        border-color: var(--pn-vurgu);
        color: var(--pn-metin);
        text-decoration: none;
    }

    .kks-sira-bag:focus-visible[b-6w74ff6k3b] {
        outline: 2px solid var(--pn-vurgu);
        outline-offset: 2px;
    }

    .kks-sira-bag > i[b-6w74ff6k3b] {
        flex-shrink: 0;
        color: var(--pn-vurgu-metin);
        font-size: 1.1rem;
    }

    .kks-sira-bag > span[b-6w74ff6k3b] {
        display: flex;
        flex: 1;
        flex-direction: column;
        min-width: 0;
        line-height: 1.35;
    }

    .kks-sira-bag small[b-6w74ff6k3b] {
        color: var(--pn-metin-3);
        font-size: 0.78rem;
        font-weight: 650;
    }

    .kks-sira-bag strong[b-6w74ff6k3b] {
        font-size: 0.95rem;
        font-weight: 650;
        overflow-wrap: anywhere;
    }

    .kks-sira-bag.sonraki[b-6w74ff6k3b] {
        text-align: right;
    }

/* ---------------------------------------------------------------- yan sütun */
.kks-yan[b-6w74ff6k3b] {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0;
}

.kks-yan-kart[b-6w74ff6k3b] {
    padding: 16px;
}

.kks-yan-baslik[b-6w74ff6k3b] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 12px;
    color: var(--pn-metin);
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.3;
}

    .kks-yan-baslik i[b-6w74ff6k3b] {
        color: var(--pn-vurgu-metin);
    }

.kks-liste[b-6w74ff6k3b] {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .kks-liste li + li[b-6w74ff6k3b] {
        border-top: 1px solid var(--pn-kenar);
    }

    .kks-liste a[b-6w74ff6k3b] {
        display: block;
        padding: 10px 8px;
        border-radius: 8px;
        color: var(--pn-metin-2);
        font-size: 0.9rem;
        line-height: 1.4;
        text-decoration: none;
    }

        .kks-liste a:hover[b-6w74ff6k3b] {
            background: var(--pn-yuzey-2);
            color: var(--pn-metin);
        }

        .kks-liste a:focus-visible[b-6w74ff6k3b] {
            outline: 2px solid var(--pn-vurgu);
            outline-offset: 1px;
        }

        .kks-liste a.bu[b-6w74ff6k3b] {
            background: var(--pn-vurgu-ton);
            color: var(--pn-vurgu-metin);
            font-weight: 700;
        }

.kks-tumu[b-6w74ff6k3b] {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    min-height: 40px;
    margin-top: 6px;
    padding: 0 8px;
    color: var(--pn-vurgu-metin);
    font-size: 0.86rem;
    font-weight: 650;
    text-decoration: none;
}

.kks-destek[b-6w74ff6k3b] {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    color: var(--pn-metin);
    text-decoration: none;
}

    .kks-destek:hover[b-6w74ff6k3b] {
        border-color: var(--pn-kenar-2);
        color: var(--pn-metin);
        text-decoration: none;
    }

    .kks-destek:focus-visible[b-6w74ff6k3b] {
        outline: 2px solid var(--pn-vurgu);
        outline-offset: 2px;
    }

    .kks-destek > i[b-6w74ff6k3b] {
        flex-shrink: 0;
        color: var(--pn-metin-3);
    }

.kks-destek-yazi[b-6w74ff6k3b] {
    display: flex;
    flex: 1;
    flex-direction: column;
    min-width: 0;
    line-height: 1.4;
}

    .kks-destek-yazi strong[b-6w74ff6k3b] {
        font-size: 0.95rem;
    }

    .kks-destek-yazi span[b-6w74ff6k3b] {
        color: var(--pn-metin-3);
        font-size: 0.84rem;
    }

/* ---------------------------------------------------------------- bulunamadı */
.kks-yok[b-6w74ff6k3b] {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 640px;
    margin: 0 auto;
    padding: 32px 18px;
    text-align: center;
}

.kks-yok-ikon[b-6w74ff6k3b] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 1.5rem;
}

.kks-yok-baslik[b-6w74ff6k3b] {
    margin: 14px 0 0;
    font-size: 1.35rem;
    font-weight: 750;
}

    .kks-yok-baslik:focus[b-6w74ff6k3b] {
        outline: none;
    }

.kks-yok-metin[b-6w74ff6k3b] {
    margin: 8px 0 0;
    color: var(--pn-metin-2);
}

.kks-yok-arama[b-6w74ff6k3b] {
    width: 100%;
    margin-top: 20px;
    text-align: left;
}

.kks-yok-btn[b-6w74ff6k3b] {
    margin-top: 18px;
}

/* ---------------------------------------------------------------- geniş ekran */
@media (min-width: 640px) {
    .kks-makale[b-6w74ff6k3b] {
        padding: 28px 30px 30px;
    }

    .kks-sira[b-6w74ff6k3b] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kks-sira-bag.sonraki[b-6w74ff6k3b] {
        grid-column: 2;
    }
}

@media (min-width: 1200px) {
    .kks-izgara[b-6w74ff6k3b] {
        grid-template-columns: minmax(0, 1fr) 320px;
        gap: 22px;
    }

    .kks-makale[b-6w74ff6k3b] {
        padding: 32px 38px 34px;
    }
}

/* ---------------------------------------------------------------- şoför (büyük dokunma alanı) */
.kks.buyuk .kks-liste a[b-6w74ff6k3b] {
    padding: 13px 8px;
    font-size: 0.98rem;
}

@media print {
    .kks-ust[b-6w74ff6k3b],
    .kks-sira[b-6w74ff6k3b],
    .kks-yan[b-6w74ff6k3b] {
        display: none;
    }
}
/* /Components/Pages/Yardim/KilavuzMakaleGorunumu.razor.rz.scp.css */
/* Kılavuz makalesi: uygulama ve sitede aynı; renkler --pn-* (açık / koyu tema). */
.km[b-asuireyo39] {
    min-width: 0;
    color: var(--pn-metin, #1e2939);
    font-size: 1rem;
    line-height: 1.6;
}

/* ---------------------------------------------------------------- başlık */
.km-ust[b-asuireyo39] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 0;
}

.km-kategori[b-asuireyo39] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--pn-metin-2, #4b5669);
    font-size: 0.86rem;
    font-weight: 650;
}

    .km-kategori i[b-asuireyo39] {
        color: var(--pn-vurgu-metin, #1d4ed8);
    }

.km-hedef[b-asuireyo39] {
    padding: 2px 9px;
    border-radius: 999px;
    background: var(--pn-gri-ton, #f1f4f8);
    color: var(--pn-gri, #5b6576);
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.5;
}

    .km-hedef.acente[b-asuireyo39] {
        background: var(--pn-vurgu-ton, #eef4ff);
        color: var(--pn-vurgu-metin, #1d4ed8);
    }

    .km-hedef.sofor[b-asuireyo39] {
        background: var(--pn-yesil-ton, #ecfdf3);
        color: var(--pn-yesil, #15803d);
    }

.km-baslik[b-asuireyo39] {
    margin: 12px 0 0;
    color: var(--pn-metin, #1e2939);
    font-size: clamp(1.45rem, 1.2rem + 1.1vw, 2.05rem);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
}

    .km-baslik:focus[b-asuireyo39] {
        outline: none;
    }

.km-ozet[b-asuireyo39] {
    margin: 12px 0 0;
    color: var(--pn-metin-2, #4b5669);
    font-size: 1.06rem;
    line-height: 1.6;
}

/* ---------------------------------------------------------------- nerede / gerekenler */
.km-bilgi[b-asuireyo39] {
    display: flex;
    flex-direction: column;
    margin: 20px 0 0;
    border: 1px solid var(--pn-kenar, #e3e8ef);
    border-radius: 14px;
    background: var(--pn-yuzey-2, #f8fafc);
}

.km-bilgi-satir[b-asuireyo39] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 2px;
    padding: 12px 16px;
}

    .km-bilgi-satir + .km-bilgi-satir[b-asuireyo39] {
        border-top: 1px solid var(--pn-kenar, #e3e8ef);
    }

    .km-bilgi-satir dt[b-asuireyo39] {
        display: inline-flex;
        align-items: center;
        gap: 6px;
        color: var(--pn-metin-3, #7a8497);
        font-size: 0.8rem;
        font-weight: 700;
        letter-spacing: 0.02em;
        text-transform: uppercase;
    }

    .km-bilgi-satir dd[b-asuireyo39] {
        margin: 0;
        color: var(--pn-metin, #1e2939);
        font-size: 0.95rem;
        font-weight: 560;
        line-height: 1.5;
        overflow-wrap: anywhere;
    }

/* ---------------------------------------------------------------- alt başlıklar */
.km-alt-baslik[b-asuireyo39] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin: 30px 0 14px;
    color: var(--pn-metin, #1e2939);
    font-size: 1.12rem;
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

/* ---------------------------------------------------------------- adımlar (numaralı, birbirine bağlı) */
.km-adimlar[b-asuireyo39] {
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: km-adim;
}

    .km-adimlar li[b-asuireyo39] {
        position: relative;
        min-height: 34px;
        padding: 4px 0 18px 50px;
        counter-increment: km-adim;
    }

        .km-adimlar li:last-child[b-asuireyo39] {
            padding-bottom: 0;
        }

        .km-adimlar li[b-asuireyo39]::before {
            content: counter(km-adim);
            position: absolute;
            left: 0;
            top: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 34px;
            height: 34px;
            border: 1px solid var(--pn-vurgu-ton-2, #dbe7ff);
            border-radius: 50%;
            background: var(--pn-vurgu-ton, #eef4ff);
            color: var(--pn-vurgu-metin, #1d4ed8);
            font-size: 0.92rem;
            font-weight: 800;
            font-variant-numeric: tabular-nums;
        }

        .km-adimlar li:not(:last-child)[b-asuireyo39]::after {
            content: "";
            position: absolute;
            left: 16px;
            top: 38px;
            bottom: 4px;
            width: 2px;
            border-radius: 2px;
            background: var(--pn-kenar, #e3e8ef);
        }

.km-adim-metin[b-asuireyo39] {
    display: block;
    font-size: 1rem;
    line-height: 1.65;
    overflow-wrap: anywhere;
}

/* ---------------------------------------------------------------- ipuçları */
.km-ipuclari[b-asuireyo39] {
    margin-top: 28px;
    padding: 4px 18px 16px;
    border: 1px solid var(--pn-sari-kenar, #fde2b0);
    border-radius: 14px;
    background: var(--pn-sari-ton, #fff8eb);
}

    .km-ipuclari .km-alt-baslik[b-asuireyo39] {
        margin: 14px 0 8px;
    }

        .km-ipuclari .km-alt-baslik i[b-asuireyo39] {
            color: var(--pn-sari, #b45309);
        }

    .km-ipuclari ul[b-asuireyo39] {
        margin: 0;
        padding-left: 1.2rem;
    }

    .km-ipuclari li[b-asuireyo39] {
        margin: 6px 0;
        padding-left: 2px;
        color: var(--pn-metin, #1e2939);
        font-size: 0.95rem;
        line-height: 1.6;
        overflow-wrap: anywhere;
    }

        .km-ipuclari li[b-asuireyo39]::marker {
            color: var(--pn-sari, #b45309);
        }

/* ---------------------------------------------------------------- video */
.km-video-izgara[b-asuireyo39] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.km-video-oynatici[b-asuireyo39] {
    min-width: 0;
}

.km-video-yan[b-asuireyo39] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    min-width: 0;
}

    .km-video-yan p[b-asuireyo39] {
        margin: 0;
        color: var(--pn-metin-2, #4b5669);
        font-size: 0.95rem;
    }

        .km-video-yan p strong[b-asuireyo39] {
            color: var(--pn-metin, #1e2939);
        }

.km-video-git[b-asuireyo39] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    min-height: 52px;
    padding: 8px 18px 8px 12px;
    border: 1px solid var(--pn-kenar, #e3e8ef);
    border-radius: 14px;
    background: var(--pn-yuzey, #fff);
    color: var(--pn-metin, #1e2939);
    font: inherit;
    text-align: left;
    cursor: pointer;
    transition: border-color 140ms ease, background-color 140ms ease;
}

    .km-video-git > i[b-asuireyo39] {
        flex-shrink: 0;
        color: var(--pn-vurgu, #2563eb);
        font-size: 1.7rem;
        line-height: 1;
    }

    .km-video-git:hover[b-asuireyo39] {
        border-color: var(--pn-vurgu, #2563eb);
    }

    .km-video-git:focus-visible[b-asuireyo39] {
        outline: 2px solid var(--pn-vurgu, #2563eb);
        outline-offset: 2px;
    }

    .km-video-git[data-vb-aktif][b-asuireyo39] {
        border-color: var(--pn-vurgu, #2563eb);
        background: var(--pn-vurgu-ton, #eef4ff);
    }

.km-video-git-yazi[b-asuireyo39] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.35;
}

    .km-video-git-yazi strong[b-asuireyo39] {
        font-size: 0.95rem;
        font-weight: 700;
    }

    .km-video-git-yazi span[b-asuireyo39] {
        color: var(--pn-metin-3, #7a8497);
        font-size: 0.84rem;
        font-variant-numeric: tabular-nums;
        overflow-wrap: anywhere;
    }

/* Dikey (şoför) video: geniş ekranda solda video, sağda açıklama */
@media (min-width: 576px) {
    .km-video-izgara.dikey[b-asuireyo39] {
        grid-template-columns: 240px minmax(0, 1fr);
        gap: 22px;
    }
}

/* ---------------------------------------------------------------- uygulamada aç */
.km-ac-satir[b-asuireyo39] {
    margin: 28px 0 0;
}

.km-ac[b-asuireyo39] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 46px;
    padding: 10px 20px;
    border-radius: 12px;
    background: var(--pn-vurgu-koyu, #1d4ed8);
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    transition: filter 140ms ease;
}

    .km-ac:hover[b-asuireyo39] {
        color: #fff;
        text-decoration: none;
        filter: brightness(1.08);
    }

    .km-ac:focus-visible[b-asuireyo39] {
        outline: 3px solid var(--pn-vurgu, #2563eb);
        outline-offset: 2px;
    }

/* "Aç" bağlantısının notu (bağlantı yoksa makalenin sonundaki not) */
.km-ac-not[b-asuireyo39] {
    margin: 10px 0 0;
    color: var(--pn-metin-3, #7a8497);
    font-size: 0.88rem;
    line-height: 1.5;
}

.km-ac-satir + .km-ac-not[b-asuireyo39] {
    margin-top: 8px;
}

.km-ipuclari + .km-ac-not[b-asuireyo39],
.km-adimlar + .km-ac-not[b-asuireyo39],
.km-video + .km-ac-not[b-asuireyo39] {
    margin-top: 24px;
}

/* ---------------------------------------------------------------- ilgili konular */
.km-ilgili[b-asuireyo39] {
    margin-top: 32px;
}

    .km-ilgili ul[b-asuireyo39] {
        margin: 0;
        padding: 0;
        list-style: none;
        border-top: 1px solid var(--pn-kenar, #e3e8ef);
    }

    .km-ilgili li[b-asuireyo39] {
        border-bottom: 1px solid var(--pn-kenar, #e3e8ef);
    }

    .km-ilgili a[b-asuireyo39] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        min-height: 50px;
        padding: 10px 4px;
        color: var(--pn-metin, #1e2939);
        font-weight: 600;
        line-height: 1.4;
        text-decoration: none;
    }

        .km-ilgili a:hover[b-asuireyo39] {
            color: var(--pn-vurgu-metin, #1d4ed8);
        }

        .km-ilgili a:focus-visible[b-asuireyo39] {
            outline: 2px solid var(--pn-vurgu, #2563eb);
            outline-offset: 2px;
            border-radius: 6px;
        }

        .km-ilgili a i[b-asuireyo39] {
            flex-shrink: 0;
            color: var(--pn-metin-3, #7a8497);
            font-size: 0.85rem;
        }

/* ---------------------------------------------------------------- geniş ekran */
@media (min-width: 640px) {
    .km-bilgi-satir[b-asuireyo39] {
        grid-template-columns: 150px minmax(0, 1fr);
        gap: 16px;
        align-items: baseline;
    }
}

/* ---------------------------------------------------------------- şoför (büyük yazı ve dokunma alanı) */
.km.buyuk .km-adim-metin[b-asuireyo39] {
    font-size: 1.05rem;
}

.km.buyuk .km-ilgili a[b-asuireyo39] {
    min-height: 56px;
}

.km.buyuk .km-ac[b-asuireyo39] {
    min-height: 52px;
}

@media (prefers-reduced-motion: reduce) {
    .km-video-git[b-asuireyo39],
    .km-ac[b-asuireyo39] {
        transition: none;
    }
}

@media print {
    .km-video[b-asuireyo39],
    .km-ac-satir[b-asuireyo39] {
        display: none;
    }
}
/* /Components/Pages/Yardim/RehberPaylas.razor.rz.scp.css */
.rp-eylemler[b-jgpk6easxq] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.rp-btn[b-jgpk6easxq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 44px;
    padding: 8px 14px;
    border: 1px solid var(--pn-kenar-2, #cbd5e1);
    border-radius: 10px;
    background: var(--pn-yuzey, #fff);
    color: var(--pn-metin, #0f172a);
    font: inherit;
    font-size: 0.9rem;
    font-weight: 620;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease;
}

    .rp-btn:hover[b-jgpk6easxq] {
        background: var(--pn-yuzey-3, #f1f5f9);
    }

    .rp-btn:focus-visible[b-jgpk6easxq] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 2px;
    }

    /* Beyaz yazıyla 5,4:1 kontrast */
    .rp-btn.whatsapp[b-jgpk6easxq] {
        border-color: #0E7A40;
        background: #0E7A40;
        color: #fff;
    }

        .rp-btn.whatsapp:hover[b-jgpk6easxq] {
            border-color: #0B6534;
            background: #0B6534;
        }

    .rp-btn i[b-jgpk6easxq] {
        font-size: 1.05rem;
    }

.rp-adres[b-jgpk6easxq] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 10px 0 0;
    color: var(--pn-metin-3, #64748b);
    font-size: 0.8rem;
    overflow-wrap: anywhere;
}

@media (max-width: 480px) {
    .rp-btn[b-jgpk6easxq] {
        flex: 1 1 auto;
    }
}
/* /Components/Pages/Yardim/SoforRehberi.razor.rz.scp.css */
/* Şoför kullanım rehberi: üstte kılavuz araması; arama boşken video (telefonda video üstte, bölümler altta;
   geniş ekranda yan yana) ve adım adım konular. */
.sr-sayfa[b-ncf1jv7v7t] {
    max-width: 960px;
    padding-top: 0.25rem;
}

.sr-bas[b-ncf1jv7v7t] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    margin-bottom: 1rem;
}

.sr-geri[b-ncf1jv7v7t] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 44px;
    height: 44px;
    border: 1px solid var(--pn-kenar);
    border-radius: 12px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-size: 1.1rem;
    cursor: pointer;
}

    .sr-geri:focus-visible[b-ncf1jv7v7t] {
        outline: 2px solid var(--pn-vurgu);
        outline-offset: 2px;
    }

.sr-baslik[b-ncf1jv7v7t] {
    font-size: 1.25rem;
}

.sr-alt[b-ncf1jv7v7t] {
    margin: 0.1rem 0 0;
    color: var(--pn-metin-3);
    font-size: 0.86rem;
}

.sr-izgara[b-ncf1jv7v7t] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 1rem;
}

.sr-veri[b-ncf1jv7v7t] {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.4rem;
    margin: 0.6rem auto 0;
    max-width: 380px;
    color: var(--pn-metin-3);
    font-size: 0.8rem;
    line-height: 1.45;
    text-align: center;
}

.sr-liste[b-ncf1jv7v7t] {
    padding: 0.5rem;
}

/* Dikey video, üst çubuk ve alt menü arasına sığsın (küçük telefonlar) */
.sr-oynatici[b-ncf1jv7v7t]  .vo-kap.dikey {
    max-width: min(380px, calc((100vh - 220px) * 9 / 16));
    max-width: min(380px, calc((100dvh - 220px) * 9 / 16));
    min-width: 240px;
}

/* Masaüstünde sayfa başlığı SoforLayout'un üst çubuğunda (diğer şoför sayfaları gibi) */
@media (min-width: 1100px) {
    .sr-bas[b-ncf1jv7v7t] {
        display: none;
    }
}

@media (min-width: 768px) {
    .sr-izgara[b-ncf1jv7v7t] {
        grid-template-columns: minmax(0, 380px) minmax(0, 1fr);
        gap: 1.5rem;
        align-items: start;
    }
}

/* Arama kutusunun altındaki bölüm başlıkları (video, adım adım konular) */
.sr-bolum-baslik[b-ncf1jv7v7t] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.35rem 0.5rem;
    margin: 0.25rem 0 0.9rem;
    color: var(--pn-metin);
    font-size: 1.1rem;
    font-weight: 700;
    line-height: 1.3;
}

    .sr-bolum-baslik > i[b-ncf1jv7v7t] {
        color: var(--pn-vurgu-metin);
    }

    .sr-bolum-baslik > span[b-ncf1jv7v7t] {
        color: var(--pn-metin-3);
        font-size: 0.84rem;
        font-weight: 560;
    }

.sr-bolum-baslik.sr-konular[b-ncf1jv7v7t] {
    margin-top: 1.75rem;
}
/* /Components/Pages/Yardim/VideoBolumleri.razor.rz.scp.css */
/* Video bölümleri listesi. Etkin bölüm (data-vb-aktif) wwwroot/js/video.js tarafından işaretlenir. */
.vb-liste[b-1w7i4mhbhn] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: none;
}

.vb-oge[b-1w7i4mhbhn] {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    min-height: 44px;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 10px;
    background: transparent;
    color: var(--pn-metin, #0f172a);
    font: inherit;
    font-size: 0.93rem;
    text-align: left;
    cursor: pointer;
    transition: background-color 140ms ease, border-color 140ms ease;
}

    .vb-oge:hover[b-1w7i4mhbhn] {
        background: var(--pn-yuzey-3, #f1f5f9);
    }

    .vb-oge:focus-visible[b-1w7i4mhbhn] {
        outline: 2px solid var(--pn-vurgu, #2F6BEA);
        outline-offset: 1px;
    }

    .vb-oge[data-vb-aktif][b-1w7i4mhbhn] {
        border-color: var(--pn-vurgu-ton-2, rgba(47, 107, 234, 0.35));
        background: var(--pn-vurgu-ton, #E6EEFF);
    }

.vb-zaman[b-1w7i4mhbhn] {
    flex-shrink: 0;
    min-width: 3.1em;
    padding: 2px 7px;
    border-radius: 6px;
    background: var(--pn-yuzey-3, #f1f5f9);
    color: var(--pn-vurgu-metin, #1F56CC);
    font-size: 0.8rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    text-align: center;
}

/* Sabit koyu mavi: açık ve koyu temada beyaz yazıyla yeterli kontrast */
.vb-oge[data-vb-aktif] .vb-zaman[b-1w7i4mhbhn] {
    background: #2458C9;
    color: #fff;
}

.vb-ad[b-1w7i4mhbhn] {
    flex: 1;
    min-width: 0;
    font-weight: 600;
    line-height: 1.3;
}

.vb-ikon[b-1w7i4mhbhn] {
    flex-shrink: 0;
    color: var(--pn-metin-3, #94a3b8);
    font-size: 1.15rem;
    opacity: 0;
    transition: opacity 140ms ease;
}

.vb-oge:hover .vb-ikon[b-1w7i4mhbhn],
.vb-oge:focus-visible .vb-ikon[b-1w7i4mhbhn],
.vb-oge[data-vb-aktif] .vb-ikon[b-1w7i4mhbhn] {
    opacity: 1;
    color: var(--pn-vurgu, #2F6BEA);
}

.vb-liste.buyuk .vb-oge[b-1w7i4mhbhn] {
    min-height: 52px;
    font-size: 1rem;
}

@media (hover: none) {
    .vb-ikon[b-1w7i4mhbhn] {
        opacity: 1;
    }
}
/* /Components/Pages/Yardim/VideoOynatici.razor.rz.scp.css */
/* Kullanım rehberi oynatıcısı. Durum öznitelikleri (data-vo-*) wwwroot/js/video.js tarafından yazılır. */
.vo-kap[b-oevgls3mpq] {
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    border-radius: 18px;
    background: #0E1B33;
    box-shadow: 0 1px 2px rgba(16, 24, 40, 0.06), 0 24px 48px -24px rgba(14, 27, 51, 0.45);
    isolation: isolate;
}

    .vo-kap.yatay[b-oevgls3mpq] {
        aspect-ratio: 16 / 9;
    }

    .vo-kap.dikey[b-oevgls3mpq] {
        max-width: 380px;
        aspect-ratio: 9 / 16;
        border-radius: 24px;
    }

.vo-video[b-oevgls3mpq] {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    background: #0E1B33;
}

/* ---------------------------------------------------------------- kapak düğmesi */
.vo-kapak[b-oevgls3mpq] {
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100%;
    margin: 0;
    padding: clamp(12px, 3.2%, 24px);
    border: 0;
    background: linear-gradient(180deg, rgba(8, 15, 30, 0) 52%, rgba(8, 15, 30, 0.62) 100%);
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.vo-kap[data-vo-basladi] .vo-kapak[b-oevgls3mpq] {
    display: none;
}

.vo-oynat[b-oevgls3mpq] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    max-width: 100%;
    padding: 7px 20px 7px 7px;
    border-radius: 999px;
    background: #fff;
    color: #0E1B33;
    box-shadow: 0 16px 32px -12px rgba(0, 0, 0, 0.55);
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.vo-kapak:hover .vo-oynat[b-oevgls3mpq] {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 22px 40px -14px rgba(0, 0, 0, 0.6);
}

.vo-kapak:focus-visible[b-oevgls3mpq] {
    outline: none;
}

    .vo-kapak:focus-visible .vo-oynat[b-oevgls3mpq] {
        outline: 3px solid #8ab4ff;
        outline-offset: 3px;
    }

.vo-oynat-ikon[b-oevgls3mpq] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: linear-gradient(135deg, #2F6BEA, #17B57C);
    color: #fff;
    font-size: 1.7rem;
    line-height: 1;
}

    .vo-oynat-ikon i[b-oevgls3mpq] {
        margin-left: 3px;
    }

    .vo-oynat-ikon[b-oevgls3mpq]::after {
        content: "";
        position: absolute;
        inset: -5px;
        border: 2px solid rgba(47, 107, 234, 0.55);
        border-radius: 50%;
        animation: vo-nabiz-b-oevgls3mpq 2.2s ease-out infinite;
    }

.vo-oynat-yazi[b-oevgls3mpq] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.2;
}

    .vo-oynat-yazi strong[b-oevgls3mpq] {
        font-size: 1rem;
        font-weight: 750;
    }

    .vo-oynat-yazi span[b-oevgls3mpq] {
        color: #475569;
        font-size: 0.8rem;
        font-weight: 600;
        white-space: nowrap;
    }

@keyframes vo-nabiz-b-oevgls3mpq {
    0% { transform: scale(0.9); opacity: 0.9; }
    70% { transform: scale(1.25); opacity: 0; }
    100% { transform: scale(1.25); opacity: 0; }
}

/* ---------------------------------------------------------------- yükleniyor */
.vo-bekle[b-oevgls3mpq] {
    position: absolute;
    inset: 0;
    z-index: 3;
    display: none;
    align-items: center;
    justify-content: center;
    pointer-events: none;
}

.vo-kap[data-vo-bekliyor] .vo-bekle[b-oevgls3mpq] {
    display: flex;
}

.vo-donen[b-oevgls3mpq] {
    width: 44px;
    height: 44px;
    border: 4px solid rgba(255, 255, 255, 0.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: vo-don-b-oevgls3mpq 0.8s linear infinite;
}

@keyframes vo-don-b-oevgls3mpq {
    to { transform: rotate(360deg); }
}

/* ---------------------------------------------------------------- hata */
.vo-hata[b-oevgls3mpq] {
    position: absolute;
    inset: 0;
    z-index: 4;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 20px;
    background: rgba(14, 27, 51, 0.94);
    color: #D5DEEB;
    text-align: center;
}

.vo-kap[data-vo-hata] .vo-hata[b-oevgls3mpq] {
    display: flex;
}

    .vo-hata strong[b-oevgls3mpq] {
        color: #fff;
        font-size: 1.05rem;
    }

.vo-hata-ikon[b-oevgls3mpq] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    margin-bottom: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
    font-size: 1.4rem;
}

.vo-hata-metin[b-oevgls3mpq] {
    max-width: 26em;
    font-size: 0.9rem;
    line-height: 1.45;
}

.vo-hata-eylem[b-oevgls3mpq] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.vo-hata-btn[b-oevgls3mpq] {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 44px;
    padding: 8px 16px;
    border: 1px solid #fff;
    border-radius: 10px;
    background: #fff;
    color: #0E1B33;
    font: inherit;
    font-size: 0.9rem;
    font-weight: 650;
    cursor: pointer;
}

    .vo-hata-btn.ikincil[b-oevgls3mpq] {
        border-color: rgba(255, 255, 255, 0.5);
        background: transparent;
        color: #fff;
    }

    .vo-hata-btn:focus-visible[b-oevgls3mpq] {
        outline: 3px solid #8ab4ff;
        outline-offset: 2px;
    }

/* ---------------------------------------------------------------- internet yok notu */
.vo-not[b-oevgls3mpq] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin: 10px auto 0;
    color: var(--pn-metin-2, #475569);
    font-size: 0.86rem;
    text-align: center;
}

@media (max-width: 420px) {
    .vo-oynat[b-oevgls3mpq] {
        gap: 10px;
        padding-right: 16px;
    }

    .vo-oynat-ikon[b-oevgls3mpq] {
        width: 42px;
        height: 42px;
        font-size: 1.5rem;
    }
}

/* Dar ekranda yatay videonun kapağındaki başlık kapanmasın: yalnızca yuvarlak oynat düğmesi (süre, düğmenin adında okunur) */
@media (max-width: 575.98px) {
    .vo-kap.yatay .vo-kapak[b-oevgls3mpq] {
        padding: 10px;
    }

    .vo-kap.yatay .vo-oynat[b-oevgls3mpq] {
        padding: 4px;
    }

    .vo-kap.yatay .vo-oynat-yazi[b-oevgls3mpq] {
        display: none;
    }

    .vo-kap.yatay .vo-oynat-ikon[b-oevgls3mpq] {
        width: 44px;
        height: 44px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .vo-oynat-ikon[b-oevgls3mpq]::after {
        animation: none;
        display: none;
    }

    .vo-oynat[b-oevgls3mpq],
    .vo-kapak:hover .vo-oynat[b-oevgls3mpq] {
        transition: none;
        transform: none;
    }
}
/* /Components/Pages/YolBelgesiPenceresi.razor.rz.scp.css */
/* =========================================================================
   YOL GÜZERGAH BELGESİ PENCERESİ — pn-pencere üzerine yalnızca pencereye özel parçalar
   ========================================================================= */

/* Filo pencerelerinin üstünde açılır */
.yb-perde[b-htcsbc9vpg] {
    z-index: 1065;
}

.yb-baslik[b-htcsbc9vpg] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.yb-baslik-yazi[b-htcsbc9vpg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

    .yb-baslik-yazi span[b-htcsbc9vpg] {
        font-size: 0.8rem;
        color: var(--pn-metin-3);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.yb-govde[b-htcsbc9vpg] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.yb-aciklama[b-htcsbc9vpg] {
    margin: 0;
    font-size: 0.86rem;
    line-height: 1.5;
    color: var(--pn-metin-2);
}

    .yb-aciklama strong[b-htcsbc9vpg] {
        color: var(--pn-metin);
        font-weight: 620;
    }

.yb-iskelet[b-htcsbc9vpg] {
    height: 76px;
    border-radius: var(--pn-yaricap-k);
}

/* Mevcut belge */
.yb-mevcut[b-htcsbc9vpg] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    padding: 0.85rem 0.95rem;
    border-radius: var(--pn-yaricap-k);
    border: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
    min-width: 0;
}

    .yb-mevcut.yesil[b-htcsbc9vpg] {
        border-color: var(--pn-yesil-kenar);
    }

    .yb-mevcut.sari[b-htcsbc9vpg] {
        border-color: var(--pn-sari-kenar);
        box-shadow: inset 3px 0 0 var(--pn-sari);
    }

    .yb-mevcut.kirmizi[b-htcsbc9vpg] {
        border-color: var(--pn-kirmizi-kenar);
        box-shadow: inset 3px 0 0 var(--pn-kirmizi);
    }

.yb-mevcut-yazi[b-htcsbc9vpg] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.2rem;
}

.yb-dosya-adi[b-htcsbc9vpg] {
    max-width: 100%;
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--pn-metin);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.yb-mevcut-alt[b-htcsbc9vpg] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
}

.yb-durum[b-htcsbc9vpg] {
    margin-top: 0.15rem;
}

.yb-mevcut-araclar[b-htcsbc9vpg] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

.yb-bos[b-htcsbc9vpg] {
    padding: 1.25rem 0.5rem;
}

/* Dosya seçme alanı */
.yb-dosya[b-htcsbc9vpg] {
    position: relative;
    display: flex;
    align-items: center;
    gap: 0.85rem;
    min-height: 72px;
    padding: 0.85rem 1rem;
    border-radius: var(--pn-yaricap-k);
    border: 1.5px dashed var(--pn-kenar-2);
    background: var(--pn-yuzey-2);
    color: var(--pn-metin);
    cursor: pointer;
    transition: border-color var(--pn-gecis), background var(--pn-gecis);
    margin: 0;
    min-width: 0;
}

    .yb-dosya:hover[b-htcsbc9vpg] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
    }

    .yb-dosya:focus-within[b-htcsbc9vpg] {
        border-color: var(--pn-vurgu);
        box-shadow: var(--pn-odak);
    }

    .yb-dosya.secili[b-htcsbc9vpg] {
        border-style: solid;
        border-color: var(--pn-yesil-kenar);
        background: var(--pn-yesil-ton);
    }

    .yb-dosya.pasif[b-htcsbc9vpg] {
        opacity: 0.6;
        cursor: progress;
    }

    .yb-dosya[b-htcsbc9vpg]  .yb-dosya-girdi {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

.yb-dosya-yazi[b-htcsbc9vpg] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.yb-dosya-baslik[b-htcsbc9vpg] {
    font-weight: 600;
    font-size: 0.9rem;
    color: var(--pn-metin);
    word-break: break-word;
}

.yb-dosya-alt[b-htcsbc9vpg] {
    font-size: 0.78rem;
    color: var(--pn-metin-3);
}

.yb-not[b-htcsbc9vpg] {
    font-size: 0.82rem;
}

@media (max-width: 575.98px) {
    .yb-mevcut[b-htcsbc9vpg] {
        align-items: flex-start;
    }
}
/* /Components/Pages/YolKontrolu.razor.rz.scp.css */
/* =========================================================================
   💥 YOL KONTROLÜ (DENETİM) EKRANI 💥
   Her genişlikte tam ekran; telefonda içerik ortada (en fazla 640px), geniş ekranda iki sütun. En üstte belge önizlemesi
   (BelgeOnizleme), büyük yazılı plaka / şoför / yolcu listesi, küçük referans numarası, altta büyük "Kapat".
   Renkler --pn-* (açık/koyu tema).
   ========================================================================= */

.yk-katman[b-5iwy9jblvb] {
    position: fixed;
    inset: 0;
    z-index: 1065;
    display: flex;
    flex-direction: column;
    background: var(--pn-zemin);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    animation: ykBelir-b-5iwy9jblvb 0.2s ease-out;
}

    .yk-katman *[b-5iwy9jblvb] {
        box-sizing: border-box;
    }

/* ------------------------------------------------ üst çubuk */
.yk-ust[b-5iwy9jblvb] {
    flex-shrink: 0;
    padding-top: env(safe-area-inset-top);
    background: var(--pn-yuzey);
    border-bottom: 1px solid var(--pn-kenar);
}

.yk-ust-ic[b-5iwy9jblvb] {
    max-width: 640px;
    margin: 0 auto;
    min-height: 72px;
    padding: 0.6rem 0.75rem 0.6rem 1rem;
    display: flex;
    align-items: center;
    gap: 0.8rem;
}

.yk-ust-ikon[b-5iwy9jblvb] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background: #16a34a;
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.45rem;
    flex-shrink: 0;
}

.yk-ust-yazi[b-5iwy9jblvb] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .yk-ust-yazi h1[b-5iwy9jblvb] {
        margin: 0;
        font-size: 1.25rem;
        font-weight: 750;
        line-height: 1.2;
        color: var(--pn-metin);
    }

    .yk-ust-yazi span[b-5iwy9jblvb] {
        font-size: 0.875rem;
        color: var(--pn-metin-2);
        line-height: 1.3;
    }

.yk-kapat[b-5iwy9jblvb] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-2);
    font-size: 1.2rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .yk-kapat:hover[b-5iwy9jblvb],
    .yk-kapat:active[b-5iwy9jblvb] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

/* ------------------------------------------------ gövde */
.yk-govde[b-5iwy9jblvb] {
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
}

.yk-icerik[b-5iwy9jblvb] {
    max-width: 640px;
    margin: 0 auto;
    padding: 1rem 1rem 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

    /* Gövde kaydırılır; öğeler sıkıştırılmaz (yolcu listesi telefonda görünmez hâle gelmesin) */
    .yk-icerik > *[b-5iwy9jblvb] {
        flex-shrink: 0;
    }

.yk-etiket[b-5iwy9jblvb] {
    display: block;
    font-size: 0.8rem;
    font-weight: 650;
    color: var(--pn-metin-3);
    line-height: 1.3;
}

/* ------------------------------------------------ bilgi şeritleri */
.yk-serit[b-5iwy9jblvb] {
    display: flex;
    align-items: flex-start;
    gap: 0.6rem;
    padding: 0.8rem 0.95rem;
    border-radius: 14px;
    font-size: 0.95rem;
    font-weight: 550;
    line-height: 1.45;
}

    .yk-serit i[b-5iwy9jblvb] {
        font-size: 1.15rem;
        margin-top: 1px;
    }

.yk-serit-uyari[b-5iwy9jblvb] {
    background: var(--pn-sari-ton);
    color: var(--pn-sari);
    border: 1px solid var(--pn-sari-kenar);
}

.yk-serit-hata[b-5iwy9jblvb] {
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
    border: 1px solid var(--pn-kirmizi-kenar);
}

.yk-serit-buyuk[b-5iwy9jblvb] {
    font-size: 1rem;
    padding: 0.9rem 1rem;
}

    .yk-serit-buyuk strong[b-5iwy9jblvb] {
        font-weight: 750;
    }

/* ------------------------------------------------ kartlar */
.yk-kart[b-5iwy9jblvb] {
    padding: 1rem;
    border-radius: 18px;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
}

/* Sefer bilgileri: plaka / şoför, güzergah ve referans satırı tek kartta, aralarında ince çizgi */
.yk-sefer[b-5iwy9jblvb] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
}

    .yk-sefer > * + *[b-5iwy9jblvb] {
        border-top: 1px solid var(--pn-kenar);
        padding-top: 0.85rem;
    }

/* U-ETDS referans numarası: görünür ama göze batmaz; kopyalanabilir */
.yk-ref-satir[b-5iwy9jblvb] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-width: 0;
}

.yk-ref-yazi[b-5iwy9jblvb] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.yk-ref-kucuk[b-5iwy9jblvb] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    font-size: 1.05rem;
    font-weight: 700;
    letter-spacing: 0.03em;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
    user-select: all;
    -webkit-user-select: all;
}

.yk-ref-bekliyor[b-5iwy9jblvb] {
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--pn-sari);
}

.yk-ref-tamam[b-5iwy9jblvb] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
    font-size: 0.8rem;
    font-weight: 650;
    color: var(--pn-yesil);
    white-space: nowrap;
}

.yk-kare-btn.yk-ref-kopyala[b-5iwy9jblvb] {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
}

/* Plaka ve şoför: dar ekranda şoför adı plakanın altına iner (kesilmez) */
.yk-arac[b-5iwy9jblvb] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.75rem 1rem;
}

/* Türk plakası görünümü: her iki temada da beyaz zemin, siyah yazı */
.yk-plaka[b-5iwy9jblvb] {
    display: flex;
    align-items: stretch;
    border: 2px solid #0f172a;
    border-radius: 8px;
    background: #ffffff;
    overflow: hidden;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.12);
}

.yk-plaka-tr[b-5iwy9jblvb] {
    background: #1d4ed8;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0 0.45rem 0.35rem;
    display: flex;
    align-items: flex-end;
}

.yk-plaka-no[b-5iwy9jblvb] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    font-size: 1.6rem;
    font-weight: 800;
    color: #0f172a;
    padding: 0.3rem 0.85rem;
    letter-spacing: 0.06em;
    white-space: nowrap;
}

.yk-sofor[b-5iwy9jblvb] {
    flex: 1 1 160px;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .yk-sofor strong[b-5iwy9jblvb] {
        font-size: 1.15rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--pn-metin);
        overflow-wrap: break-word;
    }

/* Güzergah */
.yk-guzergah[b-5iwy9jblvb] {
    display: flex;
    flex-direction: column;
}

.yk-nokta[b-5iwy9jblvb] {
    display: flex;
    gap: 0.85rem;
    align-items: stretch;
}

    .yk-nokta:first-child .yk-nokta-yazi[b-5iwy9jblvb] {
        padding-bottom: 0.9rem;
    }

.yk-isaret-sutun[b-5iwy9jblvb] {
    width: 16px;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 3px;
}

.yk-cizgi[b-5iwy9jblvb] {
    flex: 1;
    min-height: 12px;
    border-left: 2px dotted var(--pn-kenar-2);
    margin-top: 4px;
}

.yk-nokta-isaret[b-5iwy9jblvb] {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border-radius: 50%;
}

.yk-baslangic[b-5iwy9jblvb] {
    background: var(--pn-yuzey);
    border: 4px solid var(--pn-vurgu);
}

.yk-bitis[b-5iwy9jblvb] {
    background: var(--pn-metin);
    border: 4px solid var(--pn-metin);
}

.yk-nokta-yazi[b-5iwy9jblvb] {
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .yk-nokta-yazi strong[b-5iwy9jblvb] {
        font-size: 1.1rem;
        font-weight: 650;
        line-height: 1.3;
        color: var(--pn-metin);
        overflow-wrap: anywhere;
    }

.yk-zaman[b-5iwy9jblvb] {
    font-size: 0.9rem;
    color: var(--pn-metin-2);
    margin-top: 1px;
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------ bölümler */
.yk-bolum[b-5iwy9jblvb] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.yk-bolum-bas[b-5iwy9jblvb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
}

.yk-bolum-baslik[b-5iwy9jblvb] {
    margin: 0.3rem 0 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pn-metin);
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.yk-sayi[b-5iwy9jblvb] {
    min-width: 26px;
    height: 26px;
    padding: 0 0.5rem;
    border-radius: 999px;
    background: var(--pn-vurgu);
    color: #ffffff;
    font-size: 0.85rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* ------------------------------------------------ belgeler (önizlemeli kartlar) */
.yk-belge-kart[b-5iwy9jblvb] {
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
    padding: 0.8rem;
    border-radius: 18px;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
}

    .yk-belge-kart.doldu[b-5iwy9jblvb] {
        border-color: var(--pn-kirmizi-kenar);
        background: var(--pn-kirmizi-ton);
    }

.yk-belge-bas[b-5iwy9jblvb] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    min-width: 0;
}

.yk-belge-ikon[b-5iwy9jblvb] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.3rem;
    flex-shrink: 0;
}

    .yk-belge-ikon.ibb[b-5iwy9jblvb] {
        background: var(--pn-camgobegi-ton);
        color: var(--pn-camgobegi);
    }

.yk-belge-yazi[b-5iwy9jblvb] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

    .yk-belge-yazi strong[b-5iwy9jblvb] {
        font-size: 1.02rem;
        font-weight: 700;
        line-height: 1.3;
        color: var(--pn-metin);
    }

    .yk-belge-yazi small[b-5iwy9jblvb] {
        font-size: 0.8rem;
        color: var(--pn-metin-2);
        line-height: 1.35;
    }

.yk-belge-araclar[b-5iwy9jblvb] {
    display: flex;
    gap: 0.4rem;
    flex-shrink: 0;
}

.yk-kare-btn[b-5iwy9jblvb] {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    border: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    flex-shrink: 0;
}

    .yk-kare-btn:hover:not(:disabled)[b-5iwy9jblvb] {
        background: var(--pn-yuzey-2);
        color: var(--pn-metin);
    }

    .yk-kare-btn:disabled[b-5iwy9jblvb] {
        opacity: 0.45;
        cursor: default;
    }

.yk-belge-rozet[b-5iwy9jblvb] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    flex-shrink: 0;
    padding: 0.3rem 0.6rem;
    border-radius: 999px;
    background: var(--pn-kirmizi);
    color: #ffffff;
    font-size: 0.78rem;
    font-weight: 700;
    white-space: nowrap;
}

/* Belge henüz telefonda yokken önizlemenin yerini tutan alan ("Belgeyi al") */
.yk-belge-yer[b-5iwy9jblvb] {
    width: 100%;
    min-height: 150px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    padding: 1rem;
    border: 1.5px dashed var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey-2);
    color: var(--pn-metin-2);
    font-family: inherit;
    font-size: 0.92rem;
    line-height: 1.4;
    text-align: center;
    cursor: pointer;
}

    .yk-belge-yer > i[b-5iwy9jblvb] {
        font-size: 1.8rem;
        color: var(--pn-metin-3);
    }

    .yk-belge-yer:disabled[b-5iwy9jblvb] {
        cursor: default;
    }

    .yk-belge-yer.yok[b-5iwy9jblvb] {
        opacity: 0.75;
    }

    .yk-belge-yer.kucuk[b-5iwy9jblvb] {
        min-height: 72px;
        flex-direction: row;
        cursor: default;
    }

.yk-yer-eylem[b-5iwy9jblvb] {
    margin-top: 0.2rem;
    min-height: 46px;
    padding: 0 1.2rem;
    border-radius: 999px;
    background: var(--pn-vurgu);
    color: #ffffff;
    font-size: 0.95rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
}

.yk-yer-donen[b-5iwy9jblvb] {
    width: 1.6rem;
    height: 1.6rem;
    border-width: 3px;
    color: var(--pn-vurgu);
}

/* ------------------------------------------------ yolcu listesi */
.yk-metin-btn[b-5iwy9jblvb] {
    border: none;
    background: transparent;
    color: var(--pn-vurgu-metin);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-height: 48px;
    padding: 0.25rem 0.7rem;
    border-radius: 12px;
    flex-shrink: 0;
    cursor: pointer;
}

    .yk-metin-btn:hover[b-5iwy9jblvb] {
        background: var(--pn-vurgu-ton);
    }

.yk-arama[b-5iwy9jblvb] {
    position: relative;
}

    .yk-arama i[b-5iwy9jblvb] {
        position: absolute;
        left: 0.95rem;
        top: 50%;
        transform: translateY(-50%);
        color: var(--pn-metin-3);
        pointer-events: none;
    }

    .yk-arama input[b-5iwy9jblvb] {
        width: 100%;
        border: 1px solid var(--pn-kenar-2);
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        border-radius: 14px;
        min-height: 52px;
        padding: 0.6rem 0.9rem 0.6rem 2.5rem;
        font-family: var(--pn-yazi);
        font-size: 16px; /* iOS girişte ekranı yakınlaştırmasın */
        outline: none;
    }

        .yk-arama input[b-5iwy9jblvb]::placeholder {
            color: var(--pn-metin-3);
        }

        .yk-arama input:focus[b-5iwy9jblvb] {
            border-color: var(--pn-vurgu);
            box-shadow: var(--pn-odak);
        }

.yk-yolcular[b-5iwy9jblvb] {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    overflow: hidden;
    background: var(--pn-yuzey);
}

.yk-yolcu[b-5iwy9jblvb] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    min-height: 64px;
    padding: 0.65rem 0.9rem;
    border-bottom: 1px solid var(--pn-kenar);
}

    .yk-yolcu:last-child[b-5iwy9jblvb] {
        border-bottom: none;
    }

.yk-sira[b-5iwy9jblvb] {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin);
    font-size: 0.9rem;
    font-weight: 750;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-variant-numeric: tabular-nums;
}

.yk-yolcu-yazi[b-5iwy9jblvb] {
    flex: 1;
    min-width: 0;
}

/* Denetimde yolcu adı kesilmeden okunmalı: uzun adlar ikinci satıra iner */
.yk-yolcu-ad[b-5iwy9jblvb] {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--pn-metin);
    line-height: 1.3;
    overflow-wrap: break-word;
    text-transform: uppercase;
}

.yk-yolcu-alt[b-5iwy9jblvb] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.45rem;
    font-size: 0.9rem;
    color: var(--pn-metin-2);
    min-width: 0;
}

.yk-kimlik[b-5iwy9jblvb] {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, "Roboto Mono", monospace;
    letter-spacing: 0.04em;
}

.yk-uyruk[b-5iwy9jblvb] {
    border: 1px solid var(--pn-kenar-2);
    border-radius: 6px;
    padding: 0 0.4rem;
    font-size: 0.75rem;
    font-weight: 700;
}

.yk-cinsiyet[b-5iwy9jblvb] {
    width: 30px;
    height: 30px;
    border-radius: 9px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 0.85rem;
    font-weight: 750;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.yk-bos-liste[b-5iwy9jblvb] {
    text-align: center;
    font-size: 0.95rem;
    color: var(--pn-metin-2);
    padding: 1.1rem;
    border: 1px dashed var(--pn-kenar-2);
    border-radius: 16px;
}

.yk-kayit-bilgi[b-5iwy9jblvb] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 0.25rem 0 0;
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

/* ------------------------------------------------ yükleniyor / hata */
.yk-durum-ekrani[b-5iwy9jblvb] {
    text-align: center;
    padding: 3rem 1rem;
    color: var(--pn-metin-2);
}

    .yk-durum-ekrani h2[b-5iwy9jblvb] {
        font-size: 1.15rem;
        color: var(--pn-metin);
        font-weight: 700;
        margin: 0 0 0.4rem;
    }

    .yk-durum-ekrani p[b-5iwy9jblvb] {
        font-size: 0.95rem;
        margin: 0 0 1rem;
    }

.yk-durum-donen[b-5iwy9jblvb] {
    width: 2rem;
    height: 2rem;
    border-width: 3px;
    color: var(--pn-vurgu);
    margin-bottom: 1rem;
}

.yk-durum-ikon[b-5iwy9jblvb] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--pn-yuzey-3);
    margin: 0 auto 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
}

.yk-ikincil-btn[b-5iwy9jblvb] {
    border: 1px solid var(--pn-kenar-2);
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    border-radius: 14px;
    min-height: 52px;
    padding: 0.5rem 1.2rem;
    font-family: inherit;
    font-size: 1rem;
    font-weight: 650;
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    cursor: pointer;
}

/* ------------------------------------------------ alt çubuk: büyük "Kapat" */
.yk-alt[b-5iwy9jblvb] {
    flex-shrink: 0;
    background: var(--pn-yuzey);
    border-top: 1px solid var(--pn-kenar);
    padding-bottom: env(safe-area-inset-bottom);
}

.yk-alt-ic[b-5iwy9jblvb] {
    max-width: 640px;
    margin: 0 auto;
    padding: 0.7rem 1rem;
    display: flex;
    gap: 0.6rem;
}

.yk-guncelle[b-5iwy9jblvb] {
    flex: 0 0 auto;
    min-width: 76px;
    min-height: 58px;
    padding: 0.25rem 0.6rem;
    border-radius: 16px;
    border: 1px solid var(--pn-kenar-2);
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
    font-family: inherit;
    font-size: 0.78rem;
    font-weight: 650;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.1rem;
    cursor: pointer;
}

    .yk-guncelle i[b-5iwy9jblvb] {
        font-size: 1.3rem;
    }

    .yk-guncelle:disabled[b-5iwy9jblvb] {
        opacity: 0.6;
    }

.yk-kapat-btn[b-5iwy9jblvb] {
    flex: 1 1 auto;
    min-height: 58px;
    border: none;
    border-radius: 16px;
    background: var(--pn-metin);
    color: var(--pn-yuzey);
    font-family: inherit;
    font-size: 1.15rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    cursor: pointer;
}

    .yk-kapat-btn:active[b-5iwy9jblvb] {
        transform: scale(0.99);
    }

.yk-donen[b-5iwy9jblvb] {
    display: inline-block;
    animation: ykDon-b-5iwy9jblvb 0.9s linear infinite;
}

@keyframes ykBelir-b-5iwy9jblvb {
    from { opacity: 0; transform: translateY(12px); }
    to { opacity: 1; transform: none; }
}

@keyframes ykDon-b-5iwy9jblvb {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/* Dar ekranda belge başlığı sığsın: simgeler küçülür */
@media (max-width: 379.98px) {
    .yk-belge-ikon[b-5iwy9jblvb] {
        display: none;
    }
}

/* =========================================================================
   GENİŞ EKRAN
   Telefonda sarmalayıcılar (yk-ikili, yk-sutun) display: contents: sıra ve boşluklar aynen korunur.
   Tablet (≥ 768px): biraz daha geniş tek sütun. Yatay tablet / masaüstü (≥ 960px): iki sütun,
   solda belgeler (önizlemeli), sağda sefer bilgileri + yolcu listesi; "Kapat" sağ altta.
   ========================================================================= */
.yk-ikili[b-5iwy9jblvb],
.yk-sutun[b-5iwy9jblvb] {
    display: contents;
}

    .yk-sutun > *[b-5iwy9jblvb] {
        flex-shrink: 0;
    }

@media (min-width: 768px) {
    .yk-ust-ic[b-5iwy9jblvb],
    .yk-icerik[b-5iwy9jblvb],
    .yk-alt-ic[b-5iwy9jblvb] {
        max-width: 760px;
    }

    .yk-icerik[b-5iwy9jblvb] {
        padding: 1.25rem 1.5rem 2rem;
    }

    .yk-ust-ic[b-5iwy9jblvb],
    .yk-alt-ic[b-5iwy9jblvb] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media (min-width: 960px) {
    .yk-ust-ic[b-5iwy9jblvb],
    .yk-icerik[b-5iwy9jblvb],
    .yk-alt-ic[b-5iwy9jblvb] {
        max-width: 1180px;
    }

    .yk-ikili[b-5iwy9jblvb] {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 1.25rem;
        align-items: start;
    }

    .yk-sutun[b-5iwy9jblvb] {
        display: flex;
        flex-direction: column;
        gap: 0.9rem;
        min-width: 0;
    }

    .yk-alt-ic[b-5iwy9jblvb] {
        justify-content: flex-end;
    }

    .yk-kapat-btn[b-5iwy9jblvb] {
        flex: 0 0 auto;
        min-width: 320px;
        padding: 0 2rem;
    }
}

@media (prefers-reduced-motion: reduce) {
    .yk-katman[b-5iwy9jblvb] { animation: none; }
}
/* /Components/Pages/ŞoförPaneli/Bilesenler/CevrimdisiSeridi.razor.rz.scp.css */
/* Çevrimdışı / gönderim şeridi: üst çubuğun altında ince, tam genişlik */
.cs-serit[b-bq9p3t7gwm] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    min-height: 34px;
    padding: 0.35rem 1rem;
    font-family: var(--pn-yazi);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    border-top: 1px solid transparent;
    animation: cs-belir-b-bq9p3t7gwm 200ms ease-out;
}

    .cs-serit i[b-bq9p3t7gwm] {
        font-size: 1rem;
        flex-shrink: 0;
    }

.cs-metin[b-bq9p3t7gwm] {
    min-width: 0;
}

.cs-serit.yok[b-bq9p3t7gwm] {
    background: var(--pn-sari-ton);
    color: var(--pn-sari);
    border-top-color: var(--pn-sari-kenar);
}

.cs-serit.hata[b-bq9p3t7gwm] {
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
    border-top-color: var(--pn-kirmizi-kenar);
}

.cs-serit.gonderiliyor[b-bq9p3t7gwm] {
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    border-top-color: var(--pn-vurgu-ton-2);
}

@keyframes cs-belir-b-bq9p3t7gwm {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* Masaüstü üst çubuğundaki bağlantı durumu rozeti (Rozet="true") */
.cs-rozet[b-bq9p3t7gwm] {
    display: inline-flex;
    align-items: center;
    gap: 0.45rem;
    max-width: 100%;
    min-height: 38px;
    padding: 0 0.9rem;
    border-radius: 999px;
    border: 1px solid transparent;
    font-family: var(--pn-yazi);
    font-size: 0.85rem;
    font-weight: 650;
    line-height: 1.2;
    white-space: nowrap;
}

    .cs-rozet i[b-bq9p3t7gwm] {
        font-size: 0.95rem;
        flex-shrink: 0;
    }

.cs-rozet-metin[b-bq9p3t7gwm] {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cs-rozet.cevrimici[b-bq9p3t7gwm] {
    background: var(--pn-yesil-ton);
    color: var(--pn-yesil);
    border-color: var(--pn-yesil-kenar);
}

.cs-rozet.yok[b-bq9p3t7gwm] {
    background: var(--pn-sari-ton);
    color: var(--pn-sari);
    border-color: var(--pn-sari-kenar);
}

.cs-rozet.hata[b-bq9p3t7gwm] {
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
    border-color: var(--pn-kirmizi-kenar);
}

.cs-rozet.gonderiliyor[b-bq9p3t7gwm] {
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    border-color: var(--pn-vurgu-ton-2);
}
/* /Components/Pages/ŞoförPaneli/Bilesenler/IletisimPenceresi.razor.rz.scp.css */
/* İletişim ve yol tarifi penceresi: büyük satırlar, büyük eylem düğmeleri */
.ip-bas[b-wdr1gjjrgw] {
    align-items: flex-start;
}

.ip-bas-yazi[b-wdr1gjjrgw] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

    .ip-bas-yazi h2[b-wdr1gjjrgw] {
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
    }

.ip-alt-baslik[b-wdr1gjjrgw] {
    font-size: 0.875rem;
    color: var(--pn-metin-3);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.ip-kapat[b-wdr1gjjrgw] {
    width: 48px;
    min-height: 48px;
    flex-shrink: 0;
    margin: -0.4rem -0.5rem 0 0;
    font-size: 1.1rem;
}

.ip-govde[b-wdr1gjjrgw] {
    padding: 0.5rem 1rem 1rem;
}

.ip-bolum[b-wdr1gjjrgw] {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--pn-metin-3);
    margin: 0.85rem 0 0.5rem;
}

/* ---------------- hedef seçimi */
.ip-hedefler[b-wdr1gjjrgw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ip-hedef[b-wdr1gjjrgw] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    width: 100%;
    min-height: 64px;
    padding: 0.6rem 0.85rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .ip-hedef.secili[b-wdr1gjjrgw] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
        box-shadow: 0 0 0 1px var(--pn-vurgu) inset;
    }

.ip-hedef-isaret[b-wdr1gjjrgw] {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    flex-shrink: 0;
}

    .ip-hedef-isaret.bas[b-wdr1gjjrgw] {
        border: 3px solid var(--pn-vurgu);
        background: var(--pn-yuzey);
    }

    .ip-hedef-isaret.son[b-wdr1gjjrgw] {
        border: 3px solid var(--pn-metin);
        background: var(--pn-metin);
    }

.ip-hedef-yazi[b-wdr1gjjrgw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ip-hedef-etiket[b-wdr1gjjrgw] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pn-metin-3);
}

.ip-hedef-ad[b-wdr1gjjrgw] {
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ip-hedef-sec[b-wdr1gjjrgw] {
    font-size: 1.3rem;
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

.ip-hedef.secili .ip-hedef-sec[b-wdr1gjjrgw] {
    color: var(--pn-vurgu);
}

/* ---------------- uygulama listesi */
.ip-liste[b-wdr1gjjrgw] {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    overflow: hidden;
}

.ip-satir[b-wdr1gjjrgw] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    min-height: 60px;
    padding: 0.5rem 0.9rem;
    border: none;
    border-bottom: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .ip-satir:last-child[b-wdr1gjjrgw] {
        border-bottom: none;
    }

    .ip-satir:hover[b-wdr1gjjrgw],
    .ip-satir:active[b-wdr1gjjrgw] {
        background: var(--pn-yuzey-2);
    }

    .ip-satir:disabled[b-wdr1gjjrgw] {
        opacity: 0.6;
    }

.ip-uyg-ikon[b-wdr1gjjrgw] {
    width: 40px;
    height: 40px;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.05rem;
    font-weight: 800;
    color: #fff;
    background: #1a73e8;
    flex-shrink: 0;
}

    .ip-uyg-ikon.yandex[b-wdr1gjjrgw] { background: #e5322d; }
    .ip-uyg-ikon.waze[b-wdr1gjjrgw] { background: #33ccff; color: #0b3a4a; }
    .ip-uyg-ikon.apple[b-wdr1gjjrgw] { background: #1f2937; }

.ip-satir-yazi[b-wdr1gjjrgw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ip-satir-ad[b-wdr1gjjrgw] {
    font-size: 1rem;
    font-weight: 650;
}

.ip-satir-alt[b-wdr1gjjrgw] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pn-vurgu-metin);
}

.ip-ok[b-wdr1gjjrgw] {
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

.ip-hep[b-wdr1gjjrgw] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    margin: 1rem 0 0;
    padding: 0.75rem 0.9rem;
    min-height: 60px;
    border-radius: 14px;
    background: var(--pn-yuzey-2);
    border: 1px solid var(--pn-kenar);
    cursor: pointer;
}

.ip-hep-yazi[b-wdr1gjjrgw] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ip-hep-ad[b-wdr1gjjrgw] {
    font-size: 0.95rem;
    font-weight: 650;
    color: var(--pn-metin);
}

.ip-hep-alt[b-wdr1gjjrgw] {
    font-size: 0.8rem;
    color: var(--pn-metin-3);
    line-height: 1.35;
}

.ip-sifirla[b-wdr1gjjrgw] {
    margin-top: 0.5rem;
    min-height: 48px;
    width: 100%;
}

/* ---------------- kişiler */
.ip-kisiler[b-wdr1gjjrgw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ip-kisi[b-wdr1gjjrgw] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 68px;
    padding: 0.5rem 0.5rem 0.5rem 0.75rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
}

.ip-avatar[b-wdr1gjjrgw] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

    .ip-avatar.acente[b-wdr1gjjrgw] {
        background: var(--pn-mor-ton);
        color: var(--pn-mor);
        font-size: 1.1rem;
    }

.ip-kisi-yazi[b-wdr1gjjrgw] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.ip-kisi-ad[b-wdr1gjjrgw] {
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.ip-kisi-tel[b-wdr1gjjrgw] {
    font-size: 0.85rem;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
}

.ip-eylem[b-wdr1gjjrgw] {
    width: 64px;
    min-height: 56px;
    flex-shrink: 0;
    padding: 0.3rem 0.2rem;
    border-radius: 12px;
    border: 1px solid transparent;
    font-family: var(--pn-yazi);
    font-size: 0.72rem;
    font-weight: 650;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .ip-eylem i[b-wdr1gjjrgw] {
        font-size: 1.25rem;
        line-height: 1;
    }

    .ip-eylem.ara[b-wdr1gjjrgw] {
        background: #16a34a;
        color: #fff;
    }

    .ip-eylem.wp[b-wdr1gjjrgw] {
        background: var(--pn-yesil-ton);
        border-color: var(--pn-yesil-kenar);
        color: var(--pn-yesil);
    }

    .ip-eylem:active[b-wdr1gjjrgw] {
        transform: scale(0.96);
    }

.ip-yukleniyor[b-wdr1gjjrgw] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ip-bos[b-wdr1gjjrgw] {
    margin: 0;
    padding: 1rem;
    text-align: center;
    font-size: 0.92rem;
    color: var(--pn-metin-3);
    border: 1px dashed var(--pn-kenar-2);
    border-radius: 14px;
}

.ip-not[b-wdr1gjjrgw] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    margin: 0 0 0.6rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--pn-sari);
}

.ip-alt-btn[b-wdr1gjjrgw] {
    flex: 1 1 auto;
    min-height: 54px;
    font-size: 1rem;
}

/* Tablet ve masaüstünde (≥ 768px) ortada, sınırlı genişlikte pencere */
@media (min-width: 768px) {
    .ip-pencere[b-wdr1gjjrgw] {
        max-width: 480px;
        max-height: min(88vh, 780px);
    }
}
/* /Components/Pages/ŞoförPaneli/Bilesenler/KonumIzniPenceresi.razor.rz.scp.css */
/* Şoför konum paylaşımı açıklaması: ortalanmış ikon, kısa maddeler, telefonda tam genişlik büyük düğmeler */

.kip-perde[b-y7q1rrn67k] {
    z-index: 1200;
}

.kip-govde[b-y7q1rrn67k] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.6rem;
    padding: 1.5rem 1.25rem 1rem;
}

.kip-ikon[b-y7q1rrn67k] {
    width: 56px;
    height: 56px;
    border-radius: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
}

    .kip-ikon.uyari[b-y7q1rrn67k] {
        background: var(--pn-sari-ton);
        color: var(--pn-sari);
    }

.kip-baslik[b-y7q1rrn67k] {
    margin: 0.2rem 0 0;
    font-size: 1.12rem;
    font-weight: 680;
    color: var(--pn-metin);
}

.kip-metin[b-y7q1rrn67k] {
    margin: 0;
    font-size: 0.9rem;
    line-height: 1.5;
    color: var(--pn-metin-2);
}

.kip-liste[b-y7q1rrn67k] {
    list-style: none;
    margin: 0.35rem 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    text-align: left;
    font-size: 0.86rem;
    line-height: 1.45;
    color: var(--pn-metin-2);
}

    .kip-liste li[b-y7q1rrn67k] {
        display: flex;
        gap: 0.65rem;
        align-items: flex-start;
        padding: 0.55rem 0.7rem;
        border-radius: var(--pn-yaricap-k);
        background: var(--pn-yuzey-2);
        border: 1px solid var(--pn-kenar);
    }

        .kip-liste li > i[b-y7q1rrn67k] {
            flex: none;
            margin-top: 1px;
            color: var(--pn-vurgu-metin);
        }

    .kip-liste strong[b-y7q1rrn67k] {
        color: var(--pn-metin);
        font-weight: 620;
    }

.kip-alt[b-y7q1rrn67k] {
    flex-direction: column-reverse;
    align-items: stretch;
    gap: 0.5rem;
}

.kip-btn[b-y7q1rrn67k] {
    min-height: 46px;
    justify-content: center;
    font-size: 0.95rem;
}

@media (min-width: 768px) {
    .kip-alt[b-y7q1rrn67k] {
        flex-direction: row;
        justify-content: flex-end;
    }

    .kip-btn[b-y7q1rrn67k] {
        min-height: 40px;
    }
}
/* /Components/Pages/ŞoförPaneli/Bilesenler/SeferEylemMenusu.razor.rz.scp.css */
/* "…" menüsü: büyük satırlı işlem listesi (telefonda alttan açılır) */
.em-bas[b-wx8x60gbgu] {
    align-items: flex-start;
}

.em-ozet[b-wx8x60gbgu] {
    display: flex;
    flex-direction: column;
    gap: 0.15rem;
    min-width: 0;
}

.em-saat[b-wx8x60gbgu] {
    font-size: 1.2rem;
    font-weight: 700;
    font-variant-numeric: tabular-nums;
    color: var(--pn-metin);
}

    .em-saat small[b-wx8x60gbgu] {
        font-size: 0.85rem;
        font-weight: 600;
        color: var(--pn-metin-3);
        margin-left: 0.35rem;
    }

.em-rota[b-wx8x60gbgu] {
    font-size: 0.95rem;
    font-weight: 550;
    color: var(--pn-metin-2);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.em-kapat[b-wx8x60gbgu] {
    width: 48px;
    min-height: 48px;
    flex-shrink: 0;
    margin: -0.4rem -0.5rem 0 0;
    font-size: 1.1rem;
}

.em-liste[b-wx8x60gbgu] {
    display: flex;
    flex-direction: column;
    padding: 0.35rem 0.5rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.em-oge[b-wx8x60gbgu] {
    display: flex;
    align-items: center;
    gap: 0.85rem;
    width: 100%;
    min-height: 60px;
    padding: 0.5rem 0.75rem;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: var(--pn-metin);
    font-family: var(--pn-yazi);
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .em-oge:hover[b-wx8x60gbgu],
    .em-oge:active[b-wx8x60gbgu] {
        background: var(--pn-yuzey-3);
    }

    .em-oge:focus-visible[b-wx8x60gbgu] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.em-ikon[b-wx8x60gbgu] {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    flex-shrink: 0;
}

.em-yazi[b-wx8x60gbgu] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.em-ad[b-wx8x60gbgu] {
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.3;
}

.em-aciklama[b-wx8x60gbgu] {
    font-size: 0.85rem;
    color: var(--pn-metin-3);
    line-height: 1.3;
}

.em-ok[b-wx8x60gbgu] {
    color: var(--pn-metin-3);
    flex-shrink: 0;
}

.em-oge.tehlike .em-ad[b-wx8x60gbgu] {
    color: var(--pn-kirmizi);
}

.em-oge.tehlike .em-ikon[b-wx8x60gbgu] {
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
}

/* Acentenin izin vermediği işlem: soluk, dokunulamaz, nedeni açıklamada */
.em-oge.pasif[b-wx8x60gbgu] {
    cursor: default;
}

    .em-oge.pasif:hover[b-wx8x60gbgu],
    .em-oge.pasif:active[b-wx8x60gbgu] {
        background: transparent;
    }

    .em-oge.pasif .em-ad[b-wx8x60gbgu] {
        color: var(--pn-metin-3);
    }

    .em-oge.pasif .em-ikon[b-wx8x60gbgu] {
        background: var(--pn-gri-ton);
        color: var(--pn-gri);
    }

    .em-oge.pasif .em-aciklama[b-wx8x60gbgu] {
        color: var(--pn-sari);
    }

.em-alt[b-wx8x60gbgu] {
    justify-content: stretch;
}

.em-vazgec[b-wx8x60gbgu] {
    flex: 1 1 auto;
    min-height: 54px;
    font-size: 1rem;
}

/* Tablet ve masaüstünde (≥ 768px) alttan açılan panel yerine ortada, sınırlı genişlikte pencere */
@media (min-width: 768px) {
    .em-pencere[b-wx8x60gbgu] {
        max-width: 480px;
        max-height: min(88vh, 760px);
    }
}
/* /Components/Pages/ŞoförPaneli/Bilesenler/SiradakiSeferKarti.razor.rz.scp.css */
/* Sıradaki sefer kartı: ekranın ana öğesi. Büyük saat, büyük güzergah, tek ana düğme (56px). */
.ss-kart[b-b605sum81j] {
    --ss-renk: var(--pn-vurgu);
    --ss-metin: var(--pn-vurgu-metin);
    --ss-ton: var(--pn-vurgu-ton);
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 0.75rem 1rem 1rem;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-top: 4px solid var(--ss-renk);
    border-radius: 20px;
    box-shadow: var(--pn-golge-2);
    font-family: var(--pn-yazi);
    color: var(--pn-metin);
    animation: ss-belir-b-b605sum81j 220ms ease-out;
}

    .ss-kart.ss-yesil[b-b605sum81j] {
        --ss-renk: #16a34a;
        --ss-metin: var(--pn-yesil);
        --ss-ton: var(--pn-yesil-ton);
    }

    .ss-kart.ss-sari[b-b605sum81j] {
        --ss-renk: #d97706;
        --ss-metin: var(--pn-sari);
        --ss-ton: var(--pn-sari-ton);
    }

    /* U-ETDS süresi doldu, sefer teslim edilmedi */
    .ss-kart.ss-kirmizi[b-b605sum81j] {
        --ss-renk: #dc2626;
        --ss-metin: var(--pn-kirmizi);
        --ss-ton: var(--pn-kirmizi-ton);
    }

.ss-kirmizi .ss-nokta[b-b605sum81j] {
    animation: ss-nabiz-b-b605sum81j 1.4s infinite;
}

/* ------------------------------------------------ üst satır */
.ss-ust[b-b605sum81j] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.5rem;
    min-height: 52px;
}

.ss-etiket[b-b605sum81j] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    min-width: 0;
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--ss-metin);
    line-height: 1.3;
}

.ss-nokta[b-b605sum81j] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ss-renk);
    flex-shrink: 0;
}

.ss-yesil .ss-nokta[b-b605sum81j] {
    animation: ss-nabiz-b-b605sum81j 1.8s infinite;
}

.ss-ust-sag[b-b605sum81j] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    flex-shrink: 0;
    margin-right: -0.4rem;
}

.ss-denetim[b-b605sum81j] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 52px;
    padding: 0 0.85rem;
    border-radius: 14px;
    border: 1px solid var(--pn-yesil-kenar);
    background: var(--pn-yesil-ton);
    color: var(--pn-yesil);
    font-family: inherit;
    font-size: 0.9rem;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
}

    .ss-denetim i[b-b605sum81j] {
        font-size: 1.1rem;
    }

.ss-menu[b-b605sum81j] {
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: var(--pn-metin-2);
    font-size: 1.45rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .ss-menu:hover[b-b605sum81j],
    .ss-menu:active[b-b605sum81j] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

/* ------------------------------------------------ saat, güzergah, bilgiler (dokununca detay) */
.ss-ozet[b-b605sum81j] {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    width: 100%;
    padding: 0;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    cursor: pointer;
    border-radius: 12px;
    -webkit-tap-highlight-color: transparent;
}

    .ss-ozet:focus-visible[b-b605sum81j] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.ss-zaman[b-b605sum81j] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.2rem 0.75rem;
}

.ss-saat[b-b605sum81j] {
    font-size: 2.9rem;
    font-weight: 750;
    letter-spacing: -0.03em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    color: var(--pn-metin);
}

.ss-kalan[b-b605sum81j] {
    font-size: 1.05rem;
    font-weight: 650;
    color: var(--pn-metin-2);
}

.ss-rota[b-b605sum81j] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0.7rem;
}

    .ss-rota[b-b605sum81j]::before {
        content: "";
        position: absolute;
        left: 6px;
        top: 1.3rem;
        bottom: 1.6rem;
        border-left: 2px dotted var(--pn-kenar-2);
    }

.ss-yer[b-b605sum81j] {
    display: flex;
    align-items: flex-start;
    gap: 0.8rem;
    min-width: 0;
}

.ss-isaret[b-b605sum81j] {
    position: relative;
    z-index: 1;
    width: 14px;
    height: 14px;
    margin-top: 0.3rem;
    border-radius: 50%;
    flex-shrink: 0;
}

    .ss-isaret.bas[b-b605sum81j] {
        background: var(--pn-yuzey);
        border: 3px solid var(--pn-vurgu);
    }

    .ss-isaret.son[b-b605sum81j] {
        background: var(--pn-metin);
        border: 3px solid var(--pn-metin);
    }

.ss-yer-yazi[b-b605sum81j] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.ss-yer-etiket[b-b605sum81j] {
    font-size: 0.8rem;
    font-weight: 600;
    color: var(--pn-metin-3);
    line-height: 1.3;
}

.ss-yer-ad[b-b605sum81j] {
    font-size: 1.2rem;
    font-weight: 650;
    line-height: 1.3;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.ss-bilgiler[b-b605sum81j] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
}

.ss-plaka[b-b605sum81j] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    min-height: 34px;
    padding: 0 0.7rem;
    border: 2px solid var(--pn-metin);
    border-radius: 8px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-size: 1rem;
    font-weight: 750;
    letter-spacing: 0.04em;
    white-space: nowrap;
}

    .ss-plaka i[b-b605sum81j] {
        font-size: 0.9rem;
        color: var(--pn-metin-3);
    }

.ss-rozet[b-b605sum81j] {
    height: auto;
    min-height: 34px;
    padding: 0.25rem 0.75rem;
    font-size: 0.9rem;
    white-space: normal;
    line-height: 1.25;
}

/* ------------------------------------------------ adım göstergesi */
.ss-adimlar[b-b605sum81j] {
    list-style: none;
    margin: 0;
    padding: 0.1rem 0 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.ss-adim[b-b605sum81j] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.2rem;
    text-align: center;
    min-width: 0;
}

    .ss-adim[b-b605sum81j]::before {
        content: "";
        position: absolute;
        top: 14px;
        right: 50%;
        width: 100%;
        height: 3px;
        margin-top: -1px;
        background: var(--pn-kenar-2);
        border-radius: 3px;
    }

    .ss-adim:first-child[b-b605sum81j]::before {
        display: none;
    }

    .ss-adim.tamam[b-b605sum81j]::before {
        background: #16a34a;
    }

.ss-adim-nokta[b-b605sum81j] {
    position: relative;
    z-index: 1;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 2px solid var(--pn-kenar-2);
    background: var(--pn-yuzey);
    color: var(--pn-metin-3);
    font-size: 0.85rem;
    font-weight: 750;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ss-adim.tamam .ss-adim-nokta[b-b605sum81j] {
    background: #16a34a;
    border-color: #16a34a;
    color: #fff;
}

.ss-adim.sirada .ss-adim-nokta[b-b605sum81j] {
    border-color: var(--pn-vurgu);
    color: var(--pn-vurgu-metin);
    box-shadow: 0 0 0 4px var(--pn-vurgu-ton);
}

.ss-adim-ad[b-b605sum81j] {
    font-size: 0.8rem;
    font-weight: 650;
    color: var(--pn-metin-2);
    line-height: 1.2;
}

.ss-adim.tamam .ss-adim-ad[b-b605sum81j] {
    color: var(--pn-yesil);
}

.ss-adim-saat[b-b605sum81j] {
    min-height: 1rem;
    font-size: 0.75rem;
    color: var(--pn-metin-3);
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------ ana düğme (başparmak bölgesi) */
.ss-eylem[b-b605sum81j] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.ss-ana-btn[b-b605sum81j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.6rem;
    width: 100%;
    min-height: 58px;
    padding: 0 1.25rem;
    border: none;
    border-radius: 16px;
    font-family: inherit;
    font-size: 1.15rem;
    font-weight: 700;
    color: #fff;
    background: var(--pn-vurgu);
    box-shadow: 0 12px 24px -14px rgba(37, 99, 235, 0.85);
    cursor: pointer;
    transition: transform 80ms ease, background 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

    .ss-ana-btn i[b-b605sum81j] {
        font-size: 1.35rem;
    }

    .ss-ana-btn.yesil[b-b605sum81j] {
        background: #16a34a;
        box-shadow: 0 12px 24px -14px rgba(22, 163, 74, 0.85);
    }

    .ss-ana-btn:active:not(:disabled)[b-b605sum81j] {
        transform: scale(0.98);
    }

    .ss-ana-btn:disabled[b-b605sum81j] {
        opacity: 0.75;
        cursor: progress;
    }

    .ss-ana-btn:focus-visible[b-b605sum81j] {
        outline: none;
        box-shadow: 0 0 0 4px var(--pn-vurgu-ton-2);
    }

/* ------------------------------------------------ U-ETDS süresi uyarısı ve "Süreyi uzat" */
.ss-sure[b-b605sum81j] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    padding: 0.75rem 0.85rem;
    border-radius: 14px;
    border: 1px solid var(--pn-sari-kenar);
    background: var(--pn-sari-ton);
    color: var(--pn-sari);
}

    .ss-sure.doldu[b-b605sum81j] {
        border-color: var(--pn-kirmizi-kenar);
        background: var(--pn-kirmizi-ton);
        color: var(--pn-kirmizi);
    }

    .ss-sure > i[b-b605sum81j] {
        font-size: 1.3rem;
        line-height: 1.2;
        flex-shrink: 0;
    }

.ss-sure-yazi[b-b605sum81j] {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
    font-size: 0.875rem;
    line-height: 1.4;
}

    .ss-sure-yazi strong[b-b605sum81j] {
        font-size: 0.95rem;
        font-weight: 700;
    }

    .ss-sure-yazi span[b-b605sum81j] {
        color: var(--pn-metin-2);
    }

.ss-uzat-btn[b-b605sum81j] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    min-height: 50px;
    padding: 0 1rem;
    border: 1.5px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    font-size: 1rem;
    font-weight: 700;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .ss-uzat-btn i[b-b605sum81j] {
        font-size: 1.15rem;
        color: var(--pn-sari);
    }

    .ss-uzat-btn:active:not(:disabled)[b-b605sum81j] {
        transform: scale(0.98);
    }

    .ss-uzat-btn:disabled[b-b605sum81j] {
        opacity: 0.7;
    }

    .ss-uzat-btn:focus-visible[b-b605sum81j] {
        outline: none;
        box-shadow: 0 0 0 4px var(--pn-vurgu-ton-2);
    }

.ss-bekliyor[b-b605sum81j] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    margin: 0;
    font-size: 0.875rem;
    font-weight: 600;
    color: var(--pn-sari);
}

/* ------------------------------------------------ kısa yollar */
.ss-kisayollar[b-b605sum81j] {
    display: grid;
    gap: 0.6rem;
}

    .ss-kisayollar.uc[b-b605sum81j] {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .ss-kisayollar.iki[b-b605sum81j] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.ss-kisayol[b-b605sum81j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.25rem;
    min-height: 76px;
    padding: 0.5rem 0.35rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    background: var(--pn-yuzey-2);
    color: var(--pn-metin);
    font-family: inherit;
    cursor: pointer;
    transition: transform 80ms ease, background 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

    .ss-kisayol i[b-b605sum81j] {
        font-size: 1.5rem;
        color: var(--pn-vurgu-metin);
        line-height: 1;
    }

    .ss-kisayol:active[b-b605sum81j] {
        transform: scale(0.97);
        background: var(--pn-yuzey-3);
    }

    .ss-kisayol:focus-visible[b-b605sum81j] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.ss-kisayol-ad[b-b605sum81j] {
    font-size: 0.95rem;
    font-weight: 650;
    line-height: 1.2;
    text-align: center;
}

.ss-kisayol-alt[b-b605sum81j] {
    font-size: 0.78rem;
    font-weight: 600;
    color: var(--pn-metin-3);
}

    .ss-kisayol-alt.tam[b-b605sum81j] {
        color: var(--pn-yesil);
    }

@keyframes ss-belir-b-b605sum81j {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@keyframes ss-nabiz-b-b605sum81j {
    0% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0.55); }
    70% { box-shadow: 0 0 0 8px rgba(22, 163, 74, 0); }
    100% { box-shadow: 0 0 0 0 rgba(22, 163, 74, 0); }
}

@media (max-width: 360px) {
    .ss-saat[b-b605sum81j] { font-size: 2.5rem; }
    .ss-denetim span[b-b605sum81j] { display: none; }
    .ss-kisayol-ad[b-b605sum81j] { font-size: 0.85rem; }
}

@media (prefers-reduced-motion: reduce) {
    .ss-kart[b-b605sum81j], .ss-yesil .ss-nokta[b-b605sum81j], .ss-kirmizi .ss-nokta[b-b605sum81j] { animation: none; }
}
/* /Components/Pages/ŞoförPaneli/Bilesenler/SoforSeferKarti.razor.rz.scp.css */
/* Şoför sefer kartı: sade, büyük yazılı, tek dokunuşla detay */
.sk-kart[b-wvr4x3732g] {
    position: relative;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    box-shadow: var(--pn-golge);
    font-family: var(--pn-yazi);
    color: var(--pn-metin);
    transition: border-color 160ms ease, box-shadow 160ms ease;
}

    .sk-kart.vurgulu[b-wvr4x3732g] {
        border-color: var(--pn-vurgu-ton-2);
    }

    .sk-kart.soluk .sk-ana[b-wvr4x3732g] {
        opacity: 0.72;
    }

    .sk-kart.iptal .sk-yer-ad[b-wvr4x3732g] {
        text-decoration: line-through;
        text-decoration-color: var(--pn-metin-3);
    }

.sk-ana[b-wvr4x3732g] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
    width: 100%;
    min-height: 52px;
    padding: 0.9rem 1rem 0.95rem;
    padding-right: 3.75rem;
    border: none;
    background: transparent;
    color: inherit;
    font: inherit;
    text-align: left;
    border-radius: 16px;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sk-ana:active[b-wvr4x3732g] {
        background: var(--pn-yuzey-2);
    }

    .sk-ana:focus-visible[b-wvr4x3732g] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.sk-ust[b-wvr4x3732g] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.35rem 0.6rem;
    min-width: 0;
}

.sk-saat[b-wvr4x3732g] {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    color: var(--pn-metin);
}

.sk-gun[b-wvr4x3732g] {
    font-size: 0.9rem;
    font-weight: 600;
    color: var(--pn-metin-2);
}

.sk-rozet[b-wvr4x3732g] {
    height: 26px;
    font-size: 0.8rem;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sk-rota[b-wvr4x3732g] {
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    position: relative;
    min-width: 0;
}

    .sk-rota[b-wvr4x3732g]::before {
        content: "";
        position: absolute;
        left: 5px;
        top: 0.8rem;
        bottom: 0.8rem;
        border-left: 2px dotted var(--pn-kenar-2);
    }

.sk-yer[b-wvr4x3732g] {
    display: flex;
    align-items: flex-start;
    gap: 0.65rem;
    min-width: 0;
}

.sk-isaret[b-wvr4x3732g] {
    position: relative;
    z-index: 1;
    width: 12px;
    height: 12px;
    margin-top: 0.4rem;
    border-radius: 50%;
    flex-shrink: 0;
}

    .sk-isaret.bas[b-wvr4x3732g] {
        background: var(--pn-yuzey);
        border: 3px solid var(--pn-vurgu);
    }

    .sk-isaret.son[b-wvr4x3732g] {
        background: var(--pn-metin);
        border: 3px solid var(--pn-metin);
    }

.sk-yer-ad[b-wvr4x3732g] {
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
    color: var(--pn-metin);
    min-width: 0;
    overflow-wrap: anywhere;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.sk-alt[b-wvr4x3732g] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.35rem 0.9rem;
    font-size: 0.875rem;
    color: var(--pn-metin-2);
}

.sk-bilgi[b-wvr4x3732g] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
    min-width: 0;
}

    .sk-bilgi i[b-wvr4x3732g] {
        color: var(--pn-metin-3);
    }

.sk-plaka[b-wvr4x3732g] {
    font-weight: 600;
    color: var(--pn-metin);
    letter-spacing: 0.02em;
}

.sk-bekliyor[b-wvr4x3732g],
.sk-bekliyor i[b-wvr4x3732g] {
    color: var(--pn-sari);
    font-weight: 600;
}

.sk-hata[b-wvr4x3732g] {
    display: flex;
    gap: 0.45rem;
    align-items: flex-start;
    padding: 0.55rem 0.7rem;
    border-radius: 10px;
    background: var(--pn-sari-ton);
    border: 1px solid var(--pn-sari-kenar);
    color: var(--pn-sari);
    font-size: 0.85rem;
    line-height: 1.4;
}

.sk-menu[b-wvr4x3732g] {
    position: absolute;
    top: 0.3rem;
    right: 0.3rem;
    width: 52px;
    height: 52px;
    border: none;
    border-radius: 14px;
    background: transparent;
    color: var(--pn-metin-2);
    font-size: 1.35rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sk-menu:hover[b-wvr4x3732g],
    .sk-menu:active[b-wvr4x3732g] {
        background: var(--pn-yuzey-3);
        color: var(--pn-metin);
    }

    .sk-menu:focus-visible[b-wvr4x3732g] {
        outline: none;
        box-shadow: var(--pn-odak);
    }
/* /Components/Pages/ŞoförPaneli/Bilesenler/YoklamaPenceresi.razor.rz.scp.css */
/* Yolcular / yoklama penceresi: büyük satırlar, büyük "Bindi" / "Gelmedi" düğmeleri */
.yp-bas[b-t254ruw930] {
    align-items: flex-start;
}

.yp-bas-yazi[b-t254ruw930] {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

    .yp-bas-yazi h2[b-t254ruw930] {
        font-size: 1.2rem;
        font-weight: 700;
        margin: 0;
    }

.yp-alt-baslik[b-t254ruw930] {
    font-size: 0.875rem;
    color: var(--pn-metin-3);
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.yp-kapat[b-t254ruw930] {
    width: 48px;
    min-height: 48px;
    flex-shrink: 0;
    margin: -0.4rem -0.5rem 0 0;
    font-size: 1.1rem;
}

.yp-govde[b-t254ruw930] {
    padding: 1rem;
}

.yp-yukleniyor[b-t254ruw930] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.yp-uyari[b-t254ruw930] {
    margin-bottom: 0.85rem;
}

.yp-sayac[b-t254ruw930] {
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    padding: 0.85rem 1rem;
    margin-bottom: 0.85rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey-2);
}

.yp-sayac-yazi[b-t254ruw930] {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 0.2rem 0.5rem;
}

.yp-sayac-sayi[b-t254ruw930] {
    font-size: 1.6rem;
    font-weight: 750;
    font-variant-numeric: tabular-nums;
    line-height: 1.1;
    color: var(--pn-metin);
}

.yp-sayac-etiket[b-t254ruw930] {
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--pn-metin-2);
}

.yp-ilerleme[b-t254ruw930] {
    height: 8px;
}

    .yp-ilerleme > span[b-t254ruw930] {
        background: #16a34a;
    }

.yp-liste[b-t254ruw930] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.yp-satir[b-t254ruw930] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 68px;
    padding: 0.5rem 0.5rem 0.5rem 0.7rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
    transition: background 160ms ease, border-color 160ms ease;
}

    .yp-satir.bindi[b-t254ruw930] {
        background: var(--pn-yesil-ton);
        border-color: var(--pn-yesil-kenar);
    }

    .yp-satir.gelmedi[b-t254ruw930] {
        background: var(--pn-kirmizi-ton);
        border-color: var(--pn-kirmizi-kenar);
    }

.yp-no[b-t254ruw930] {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 0.85rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.yp-kisi[b-t254ruw930] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.1rem;
}

.yp-ad[b-t254ruw930] {
    font-size: 1.02rem;
    font-weight: 650;
    line-height: 1.3;
    color: var(--pn-metin);
    overflow-wrap: anywhere;
}

.yp-durum[b-t254ruw930] {
    display: inline-flex;
    align-items: center;
    gap: 0.3rem;
    font-size: 0.85rem;
    font-weight: 600;
    color: var(--pn-metin-3);
    min-height: 1.1rem;
}

.yp-satir.bindi .yp-durum[b-t254ruw930] {
    color: var(--pn-yesil);
}

.yp-satir.gelmedi .yp-durum[b-t254ruw930] {
    color: var(--pn-kirmizi);
}

.yp-btn[b-t254ruw930] {
    width: 64px;
    min-height: 56px;
    flex-shrink: 0;
    padding: 0.3rem 0.2rem;
    border: 1px solid var(--pn-kenar-2);
    border-radius: 12px;
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
    font-family: var(--pn-yazi);
    font-size: 0.75rem;
    font-weight: 650;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 80ms ease;
    -webkit-tap-highlight-color: transparent;
}

    .yp-btn i[b-t254ruw930] {
        font-size: 1.3rem;
        line-height: 1;
    }

    .yp-btn.bindi i[b-t254ruw930] {
        color: var(--pn-yesil);
    }

    .yp-btn.gelmedi i[b-t254ruw930] {
        color: var(--pn-kirmizi);
    }

    .yp-btn:active:not(:disabled)[b-t254ruw930] {
        transform: scale(0.96);
    }

    .yp-btn:disabled[b-t254ruw930] {
        opacity: 0.6;
    }

    .yp-btn.bindi.secili[b-t254ruw930] {
        background: #16a34a;
        border-color: #16a34a;
        color: #fff;
    }

    .yp-btn.gelmedi.secili[b-t254ruw930] {
        background: #dc2626;
        border-color: #dc2626;
        color: #fff;
    }

        .yp-btn.bindi.secili i[b-t254ruw930],
        .yp-btn.gelmedi.secili i[b-t254ruw930] {
            color: #fff;
        }

.yp-alt[b-t254ruw930] {
    flex-wrap: nowrap;
}

.yp-alt-btn[b-t254ruw930] {
    flex: 1 1 0;
    min-height: 56px;
    font-size: 1.02rem;
    font-weight: 650;
}

/* Tablet ve masaüstünde (≥ 768px) ortada, sınırlı genişlikte pencere */
@media (min-width: 768px) {
    .yp-pencere[b-t254ruw930] {
        max-width: 520px;
        max-height: min(88vh, 820px);
    }
}
/* /Components/Pages/ŞoförPaneli/SoforBildirimler.razor.rz.scp.css */
/* Şoför bildirimleri — geniş ekran düzeni (telefonda hiçbir kural uygulanmaz)
   Tablet: ortada sade sütun. Masaüstü: bildirim merkezinin kendi iki sütunlu ızgarası tam genişlikte;
   sayfa başlığı üst çubukta yazıldığı için içerikteki başlık gizlenir, eylem düğmeleri sağda kalır. */

@media (min-width: 768px) {
    .sb-kap[b-3nqymc3t4h] {
        max-width: 820px;
        margin: 0 auto;
    }
}

@media (min-width: 1100px) {
    .sb-kap[b-3nqymc3t4h] {
        max-width: none;
    }

        .sb-kap[b-3nqymc3t4h]  .bm-bas-yazi {
            display: none;
        }

        .sb-kap[b-3nqymc3t4h]  .bm-bas {
            justify-content: flex-end;
        }
}
/* /Components/Pages/ŞoförPaneli/SoforGeriBildirim.razor.rz.scp.css */
/* Şoför geri bildirim sayfası — geniş ekran düzeni (telefonda hiçbir kural uygulanmaz).
   Tablet ve masaüstü: ortada okunaklı bir sütun. Masaüstünde sayfa başlığı üst çubukta yazıldığı için içerikteki başlık gizlenir. */

@media (min-width: 768px) {
    .sgb-kap[b-poe3o4df52] {
        max-width: 860px;
        margin: 0 auto;
    }
}

@media (min-width: 1100px) {
    .sgb-kap[b-poe3o4df52]  .gb-bas-yazi {
        display: none;
    }

    .sgb-kap[b-poe3o4df52]  .gb-bas {
        display: none;
    }
}
/* /Components/Pages/ŞoförPaneli/SoforPaneli.razor.rz.scp.css */
/* =========================================================================
   ŞOFÖR ANA EKRANI — tek sütun, büyük dokunma alanları (≥ 52px), metin ≥ 16px.
   Renkler panel.css'teki --pn-* değişkenlerinden gelir; açık/koyu tema otomatik.
   ========================================================================= */

.sp-sayfa[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    font-family: var(--pn-yazi);
    color: var(--pn-metin);
    font-size: 1rem;
    line-height: 1.45;
    animation: sp-belir-b-tfft7ocr9n 220ms ease-out;
}

    .sp-sayfa *[b-tfft7ocr9n] {
        box-sizing: border-box;
    }

/* ------------------------------------------------ gün ve yenile */
.sp-gun-satir[b-tfft7ocr9n] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    min-height: 52px;
    margin-bottom: -0.25rem;
}

.sp-gun-yazi[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sp-gun[b-tfft7ocr9n] {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--pn-metin);
    line-height: 1.25;
}

.sp-guncelleme[b-tfft7ocr9n] {
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

/* Canlı bağlantı göstergesi: değişiklikler anında geliyor */
.sp-canli[b-tfft7ocr9n] {
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-right: 6px;
    border-radius: 50%;
    background: var(--pn-yesil);
    box-shadow: 0 0 0 3px var(--pn-yesil-ton);
    vertical-align: 1px;
}

.sp-yenile[b-tfft7ocr9n] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    border-radius: 50%;
    border: 1px solid var(--pn-kenar);
    background: var(--pn-yuzey);
    color: var(--pn-metin-2);
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sp-yenile:active:not(:disabled)[b-tfft7ocr9n] {
        background: var(--pn-yuzey-3);
    }

.sp-donen[b-tfft7ocr9n] {
    display: inline-block;
    animation: sp-don-b-tfft7ocr9n 0.9s linear infinite;
}

/* ------------------------------------------------ yükleniyor / boş */
.sp-iskelet-kart[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    gap: 0.85rem;
    padding: 1.1rem 1rem;
    background: var(--pn-yuzey);
    border: 1px solid var(--pn-kenar);
    border-radius: 20px;
}

.sp-bos-kart[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.5rem;
    padding: 2rem 1.25rem 1.5rem;
    background: var(--pn-yuzey);
    border: 1px dashed var(--pn-kenar-2);
    border-radius: 20px;
}

.sp-bos-ikon[b-tfft7ocr9n] {
    width: 64px;
    height: 64px;
    border-radius: 18px;
    background: var(--pn-vurgu-ton);
    color: var(--pn-vurgu-metin);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    margin-bottom: 0.25rem;
}

.sp-bos-baslik[b-tfft7ocr9n] {
    font-size: 1.2rem;
    font-weight: 700;
    margin: 0;
    color: var(--pn-metin);
}

.sp-bos-metin[b-tfft7ocr9n] {
    font-size: 0.95rem;
    color: var(--pn-metin-2);
    margin: 0 0 0.5rem;
    max-width: 420px;
}

.sp-buyuk-btn[b-tfft7ocr9n] {
    min-height: 56px;
    padding: 0 1.5rem;
    font-size: 1.05rem;
    font-weight: 650;
    border-radius: 14px;
    width: 100%;
    max-width: 340px;
}

/* ------------------------------------------------ belge uyarısı */
.sp-belge[b-tfft7ocr9n] {
    border-radius: 16px;
    padding: 0.95rem 1rem;
    font-size: 0.95rem;
}

    .sp-belge > i[b-tfft7ocr9n] {
        font-size: 1.3rem;
    }

    .sp-belge strong[b-tfft7ocr9n] {
        font-size: 1rem;
        margin-bottom: 0.2rem;
    }

.sp-belge-satir[b-tfft7ocr9n] {
    display: block;
    font-weight: 550;
    line-height: 1.45;
}

.sp-belge-not[b-tfft7ocr9n] {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.85rem;
    color: var(--pn-metin-2);
}

/* ------------------------------------------------ hızlı işlemler */
.sp-hizli[b-tfft7ocr9n] {
    display: grid;
    gap: 0.6rem;
}

    .sp-hizli.iki[b-tfft7ocr9n] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

.sp-hizli-btn[b-tfft7ocr9n] {
    display: flex;
    align-items: center;
    gap: 0.7rem;
    min-height: 64px;
    padding: 0.5rem 0.85rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    background: var(--pn-yuzey);
    box-shadow: var(--pn-golge);
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    transition: transform 80ms ease, background 160ms ease;
    -webkit-tap-highlight-color: transparent;
}

    .sp-hizli-btn .pn-ikon-kutu[b-tfft7ocr9n] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.2rem;
    }

    .sp-hizli-btn:active[b-tfft7ocr9n] {
        transform: scale(0.98);
        background: var(--pn-yuzey-2);
    }

.sp-hizli-ad[b-tfft7ocr9n] {
    font-size: 1rem;
    font-weight: 650;
    line-height: 1.25;
}

/* ------------------------------------------------ gruplar */
.sp-grup[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

.sp-grup-baslik[b-tfft7ocr9n] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.4rem 0 0;
    font-size: 1.1rem;
    font-weight: 700;
    color: var(--pn-metin);
}

.sp-grup-sayi[b-tfft7ocr9n] {
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: var(--pn-yuzey-3);
    color: var(--pn-metin-2);
    font-size: 0.8rem;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-variant-numeric: tabular-nums;
}

.sp-grup-tarih[b-tfft7ocr9n] {
    margin-left: auto;
    font-size: 0.85rem;
    font-weight: 550;
    color: var(--pn-metin-3);
    white-space: nowrap;
}

.sp-kartlar[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    gap: 0.6rem;
}

/* ------------------------------------------------ geçmiş seferler bağlantısı */
.sp-gecmis-link[b-tfft7ocr9n] {
    display: flex;
    align-items: center;
    gap: 0.8rem;
    width: 100%;
    min-height: 68px;
    margin-top: 0.4rem;
    padding: 0.6rem 1rem;
    border: 1px solid var(--pn-kenar);
    border-radius: 16px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    text-align: left;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sp-gecmis-link:active[b-tfft7ocr9n] {
        background: var(--pn-yuzey-2);
    }

    .sp-gecmis-link > .bi-chevron-right[b-tfft7ocr9n] {
        color: var(--pn-metin-3);
        flex-shrink: 0;
    }

    .sp-gecmis-link .pn-ikon-kutu[b-tfft7ocr9n] {
        width: 40px;
        height: 40px;
        border-radius: 12px;
        font-size: 1.15rem;
    }

.sp-gecmis-yazi[b-tfft7ocr9n] {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
}

.sp-gecmis-ad[b-tfft7ocr9n] {
    font-size: 1rem;
    font-weight: 650;
}

.sp-gecmis-alt[b-tfft7ocr9n] {
    font-size: 0.85rem;
    color: var(--pn-metin-3);
}

/* ------------------------------------------------ geçmiş görünümü */
.sp-gecmis-bas[b-tfft7ocr9n] {
    display: flex;
    align-items: center;
    gap: 0.6rem;
    min-height: 52px;
}

.sp-geri[b-tfft7ocr9n] {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    margin-left: -0.35rem;
    border: none;
    border-radius: 50%;
    background: transparent;
    color: var(--pn-metin);
    font-size: 1.4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .sp-geri:active[b-tfft7ocr9n],
    .sp-geri:hover[b-tfft7ocr9n] {
        background: var(--pn-yuzey-3);
    }

.sp-gecmis-bas-yazi[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
}

.sp-baslik[b-tfft7ocr9n] {
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: -0.01em;
    margin: 0;
    color: var(--pn-metin);
    line-height: 1.2;
}

.sp-arama[b-tfft7ocr9n] {
    position: relative;
    display: flex;
    align-items: center;
}

    .sp-arama > i[b-tfft7ocr9n] {
        position: absolute;
        left: 1rem;
        color: var(--pn-metin-3);
        pointer-events: none;
        font-size: 1.05rem;
    }

.sp-arama-girdi[b-tfft7ocr9n] {
    min-height: 52px;
    padding-left: 2.7rem;
    padding-right: 3.2rem;
    font-size: 16px;
    border-radius: 14px;
}

    .sp-arama-girdi[b-tfft7ocr9n]::-webkit-search-cancel-button {
        -webkit-appearance: none;
        appearance: none;
    }

.sp-arama-temizle[b-tfft7ocr9n] {
    position: absolute;
    right: 0.25rem;
    width: 46px;
    height: 46px;
    border: none;
    background: transparent;
    color: var(--pn-metin-3);
    font-size: 1.15rem;
    border-radius: 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.sp-sekmeler[b-tfft7ocr9n] {
    display: flex;
    width: 100%;
    border-radius: 14px;
    padding: 0.3rem;
}

    .sp-sekmeler .pn-sekme[b-tfft7ocr9n] {
        flex: 1 1 0;
        justify-content: center;
        min-height: 46px;
        font-size: 0.95rem;
        border-radius: 11px;
    }

.sp-daha[b-tfft7ocr9n] {
    min-height: 54px;
    width: 100%;
    font-size: 1rem;
    border-radius: 14px;
}

/* ------------------------------------------------ U-ETDS süresini uzat: dört büyük seçenek (2 × 2) */
.sp-onay-ikon.sp-uzat-ikon[b-tfft7ocr9n] {
    color: var(--pn-sari);
    background: var(--pn-sari-ton);
}

.sp-uzat-secenekler[b-tfft7ocr9n] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.6rem;
    width: 100%;
    margin-top: 0.35rem;
}

.sp-uzat-btn[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.15rem;
    min-height: 64px;
    padding: 0.5rem;
    border: 1.5px solid var(--pn-kenar);
    border-radius: 14px;
    background: var(--pn-yuzey);
    color: var(--pn-metin);
    font-family: inherit;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

    .sp-uzat-btn:hover:not(:disabled)[b-tfft7ocr9n] {
        border-color: var(--pn-vurgu);
        background: var(--pn-vurgu-ton);
    }

    .sp-uzat-btn:active:not(:disabled)[b-tfft7ocr9n] {
        transform: scale(0.98);
    }

    .sp-uzat-btn:disabled[b-tfft7ocr9n] {
        opacity: 0.6;
        cursor: default;
    }

    .sp-uzat-btn.isleniyor[b-tfft7ocr9n] {
        opacity: 1;
        border-color: var(--pn-vurgu);
    }

    .sp-uzat-btn:focus-visible[b-tfft7ocr9n] {
        outline: none;
        box-shadow: var(--pn-odak);
    }

.sp-uzat-ad[b-tfft7ocr9n] {
    font-size: 1.1rem;
    font-weight: 700;
}

.sp-uzat-alt[b-tfft7ocr9n] {
    font-size: 0.8rem;
    color: var(--pn-metin-2);
    font-variant-numeric: tabular-nums;
}

/* ------------------------------------------------ iptal onayı */
.sp-onay[b-tfft7ocr9n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 0.4rem;
    padding-top: 1.75rem;
}

.sp-onay-ikon[b-tfft7ocr9n] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--pn-kirmizi-ton);
    color: var(--pn-kirmizi);
    font-size: 1.8rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.4rem;
}

.sp-onay-baslik[b-tfft7ocr9n] {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
}

.sp-onay-sefer[b-tfft7ocr9n] {
    margin: 0;
    font-size: 0.95rem;
    font-weight: 600;
    color: var(--pn-metin-2);
    overflow-wrap: anywhere;
}

.sp-onay-metin[b-tfft7ocr9n] {
    margin: 0.3rem 0 0;
    font-size: 0.95rem;
    color: var(--pn-metin-2);
    line-height: 1.5;
}

.sp-onay-adimlar[b-tfft7ocr9n] {
    display: flex;
    gap: 0.4rem;
    margin-top: 0.6rem;
}

    .sp-onay-adimlar span[b-tfft7ocr9n] {
        width: 28px;
        height: 5px;
        border-radius: 5px;
        background: var(--pn-kenar-2);
    }

        .sp-onay-adimlar span.dolu[b-tfft7ocr9n] {
            background: var(--pn-kirmizi);
        }

.sp-onay-alt[b-tfft7ocr9n] {
    flex-direction: column;
    align-items: stretch;
    gap: 0.5rem;
}

    .sp-onay-alt > .pn-btn[b-tfft7ocr9n] {
        flex: 0 0 auto;
        width: 100%;
        max-width: none;
    }

@keyframes sp-belir-b-tfft7ocr9n {
    from { opacity: 0; transform: translateY(6px); }
    to { opacity: 1; transform: none; }
}

@keyframes sp-don-b-tfft7ocr9n {
    to { transform: rotate(360deg); }
}

@media (max-width: 359.98px) {
    .sp-hizli.iki[b-tfft7ocr9n] {
        grid-template-columns: minmax(0, 1fr);
    }
}

/* =========================================================================
   GENİŞ EKRAN — tablet (≥ 768px) ve masaüstü (≥ 1100px)
   Telefonda sarmalayıcılar display: contents olduğu için sıra ve boşluklar aynen korunur;
   gün özeti, acente kısa yolu ve geniş ekran metni telefonda gizlidir.
   ========================================================================= */
.sp-ust-duzen[b-tfft7ocr9n],
.sp-yan-bilgi[b-tfft7ocr9n],
.sp-siradaki-alan[b-tfft7ocr9n],
.sp-yan-eylem[b-tfft7ocr9n],
.sp-gecmis-arac[b-tfft7ocr9n] {
    display: contents;
}

.sp-gun-ozet[b-tfft7ocr9n],
.sp-acente[b-tfft7ocr9n],
.sp-genis-metin[b-tfft7ocr9n] {
    display: none;
}

@media (min-width: 768px) {
    .sp-sayfa[b-tfft7ocr9n] {
        gap: 1.1rem;
    }

    .sp-dar-metin[b-tfft7ocr9n] {
        display: none;
    }

    .sp-genis-metin[b-tfft7ocr9n] {
        display: inline;
    }

    /* Gün özeti: üç büyük sayı */
    .sp-gun-ozet[b-tfft7ocr9n] {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 0.6rem;
    }

    .sp-ozet-oge[b-tfft7ocr9n] {
        display: flex;
        flex-direction: column;
        gap: 0.15rem;
        min-width: 0;
        padding: 0.8rem 1rem;
        background: var(--pn-yuzey);
        border: 1px solid var(--pn-kenar);
        border-radius: 16px;
    }

    .sp-ozet-deger[b-tfft7ocr9n] {
        font-size: 1.65rem;
        font-weight: 750;
        line-height: 1.1;
        letter-spacing: -0.02em;
        font-variant-numeric: tabular-nums;
        color: var(--pn-metin);
    }

    .sp-ozet-etiket[b-tfft7ocr9n] {
        font-size: 0.82rem;
        font-weight: 600;
        line-height: 1.25;
        color: var(--pn-metin-3);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Acente kısa yolu (geçmiş bağlantısıyla aynı görünüm) */
    .sp-acente[b-tfft7ocr9n] {
        display: flex;
        align-items: center;
        gap: 0.8rem;
        min-height: 68px;
        padding: 0.6rem 1rem;
        border: 1px solid var(--pn-kenar);
        border-radius: 16px;
        background: var(--pn-yuzey);
        color: var(--pn-metin);
        text-decoration: none;
        -webkit-tap-highlight-color: transparent;
    }

        .sp-acente:hover[b-tfft7ocr9n],
        .sp-acente:active[b-tfft7ocr9n] {
            background: var(--pn-yuzey-2);
            color: var(--pn-metin);
        }

        .sp-acente .pn-ikon-kutu[b-tfft7ocr9n] {
            width: 40px;
            height: 40px;
            border-radius: 12px;
            font-size: 1.15rem;
        }

        .sp-acente > .bi-telephone-outbound[b-tfft7ocr9n] {
            color: var(--pn-vurgu-metin);
            font-size: 1.15rem;
            flex-shrink: 0;
        }

    .sp-acente .sp-gecmis-alt[b-tfft7ocr9n] {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /* Listeler: iki sütunlu kart ızgarası */
    .sp-kartlar[b-tfft7ocr9n] {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0.75rem;
    }

    /* Geçmiş: arama ve sekmeler tek satırda */
    .sp-gecmis-arac[b-tfft7ocr9n] {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

        .sp-gecmis-arac .sp-arama[b-tfft7ocr9n] {
            flex: 1 1 auto;
            min-width: 0;
        }

        .sp-gecmis-arac .sp-sekmeler[b-tfft7ocr9n] {
            flex: 0 0 auto;
            width: auto;
            min-width: 360px;
        }

    .sp-daha[b-tfft7ocr9n] {
        align-self: center;
        max-width: 380px;
    }

    .sp-gecmis-link[b-tfft7ocr9n] {
        max-width: 560px;
    }

    .sp-bos-kart[b-tfft7ocr9n] {
        padding: 2.5rem 1.5rem 2rem;
    }
}

/* Yatay tablet ve masaüstü: üst satır iki sütun (sıradaki sefer | gün özeti + hızlı işlemler) */
@media (min-width: 960px) {
    .sp-ust-duzen[b-tfft7ocr9n] {
        display: grid;
        grid-template-columns: minmax(0, 1.4fr) minmax(340px, 1fr);
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "kart bilgi"
            "kart eylem";
        gap: 1rem 1.25rem;
        align-items: start;
    }

    .sp-siradaki-alan[b-tfft7ocr9n] {
        grid-area: kart;
        display: flex;
        flex-direction: column;
        min-width: 0;
    }

    .sp-yan-bilgi[b-tfft7ocr9n] {
        grid-area: bilgi;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        min-width: 0;
        padding: 0.75rem 1rem 1rem;
        background: var(--pn-yuzey);
        border: 1px solid var(--pn-kenar);
        border-radius: 20px;
        box-shadow: var(--pn-golge);
    }

        .sp-yan-bilgi .sp-gun-satir[b-tfft7ocr9n] {
            margin: 0;
        }

        .sp-yan-bilgi .sp-ozet-oge[b-tfft7ocr9n] {
            background: var(--pn-yuzey-2);
            padding: 0.65rem 0.7rem;
        }

        .sp-yan-bilgi .sp-ozet-etiket[b-tfft7ocr9n] {
            font-size: 0.78rem;
        }

    .sp-yan-eylem[b-tfft7ocr9n] {
        grid-area: eylem;
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        min-width: 0;
    }
}

@media (min-width: 1100px) {
    .sp-sayfa[b-tfft7ocr9n] {
        gap: 1.25rem;
    }

    .sp-kartlar[b-tfft7ocr9n] {
        grid-template-columns: repeat(auto-fill, minmax(290px, 1fr));
    }

    /* Başlık ve "Geçmiş" masaüstünde üst çubukta / yan menüde */
    .sp-gecmis-bas[b-tfft7ocr9n],
    .sp-gecmis-link[b-tfft7ocr9n] {
        display: none;
    }
}

@media (prefers-reduced-motion: reduce) {
    .sp-sayfa[b-tfft7ocr9n] { animation: none; }
}