/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Kabuğun genel yerleşimi css/tasarim/bilesenler.css'te (.kabuk, .yan-menu, .kabuk-ust, .alt-gezinme).
   Burada yalnızca üst çubuğun içeriği ve hata şeridi. */

/* Klavye kullanıcıları için: odaklanınca görünür */
.icerige-gec[b-qabjpe5kfd] {
    position: fixed;
    top: calc(var(--bosluk-2) + var(--guvenli-ust));
    left: calc(var(--bosluk-2) + var(--guvenli-sol));
    z-index: var(--katman-ust, 1080);
    padding: var(--bosluk-2) var(--bosluk-4);
    border-radius: var(--yaricap-md);
    background: var(--renk-yuzey-yukselmis);
    color: var(--renk-metin);
    box-shadow: var(--yukselti-3);
    transform: translateY(-200%);
}

.icerige-gec:focus[b-qabjpe5kfd] {
    transform: none;
}

main:focus[b-qabjpe5kfd] {
    outline: none;
}

/* Marka yalnızca dar ekranda (geniş ekranda yan menüde) */
.ust-marka[b-qabjpe5kfd] {
    display: flex;
    align-items: center;
    gap: var(--bosluk-2);
    min-height: var(--dokunma-min);
    font-weight: var(--kalinlik-kalin);
    font-size: var(--yazi-lg);
    letter-spacing: var(--harf-baslik);
    color: var(--renk-metin);
    text-decoration: none;
}

.ust-kullanici[b-qabjpe5kfd] {
    color: var(--renk-metin);
    text-decoration: none;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    min-width: 0;
    margin-left: var(--bosluk-2);
    line-height: 1.2;
    text-align: end;
}

.ust-ad[b-qabjpe5kfd],
.ust-firma[b-qabjpe5kfd] {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ust-ad[b-qabjpe5kfd] {
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-yari-kalin);
}

.ust-firma[b-qabjpe5kfd] {
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
}

.ust-giris[b-qabjpe5kfd] {
    margin-left: auto;
}

@container kabuk (min-width: 48rem) {
    .ust-marka[b-qabjpe5kfd],
    [b-qabjpe5kfd] .ust-cikis {
        display: none;
    }
}

#blazor-error-ui[b-qabjpe5kfd] {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1090;
    display: none;
    box-sizing: border-box;
    width: 100%;
    padding: var(--bosluk-3) var(--bosluk-5) calc(var(--bosluk-3) + var(--guvenli-alt));
    background: var(--renk-uyari-zayif, lightyellow);
    color: var(--renk-uyari-metin, #000);
    box-shadow: var(--yukselti-3);
}

#blazor-error-ui .dismiss[b-qabjpe5kfd] {
    position: absolute;
    top: var(--bosluk-2);
    right: var(--bosluk-3);
    cursor: pointer;
}

/* Telefonda dokunma alanı en az 44 px */
@media (pointer: coarse) {
    .ust-kullanici[b-qabjpe5kfd] {
        justify-content: center;
        min-height: var(--dokunma-min);
    }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-z3x30ky09q],
.components-reconnect-repeated-attempt-visible[b-z3x30ky09q],
.components-reconnect-failed-visible[b-z3x30ky09q],
.components-pause-visible[b-z3x30ky09q],
.components-resume-failed-visible[b-z3x30ky09q],
.components-rejoining-animation[b-z3x30ky09q] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-retrying[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-failed[b-z3x30ky09q],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-z3x30ky09q] {
    display: block;
}


#components-reconnect-modal[b-z3x30ky09q] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-z3x30ky09q 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-z3x30ky09q 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-z3x30ky09q 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-z3x30ky09q]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-z3x30ky09q 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-z3x30ky09q {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-z3x30ky09q {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-z3x30ky09q {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-z3x30ky09q] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-z3x30ky09q] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-z3x30ky09q] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-z3x30ky09q] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-z3x30ky09q] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-z3x30ky09q] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-z3x30ky09q] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-z3x30ky09q 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-z3x30ky09q] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-z3x30ky09q {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Ortak/AbonelikSeridi.razor.rz.scp.css */
/* Abonelik uyarısı: sayfanın en üstünde, metin ve düğme yan yana; dar ekranda alt alta */
.abonelik-seridi[b-ia69fxywpp] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-2) var(--bosluk-3);
    margin-bottom: var(--bosluk-4);
}

.abonelik-seridi .btn[b-ia69fxywpp] {
    margin-inline-start: auto;
    min-height: var(--dokunma-min);
}
/* /Components/Ortak/FiyatBekleyenUyarisi.razor.rz.scp.css */
/* Ana sayfadaki "Fiyatı bekleyen N kayıt" uyarısı: tamamı bağlantı, büyük dokunma alanı */
.fiyat-bekleyen-uyari[b-zimknv05c6] {
    display: flex;
    color: inherit;
    text-decoration: none;
    min-height: var(--dokunma-min);
}

.fiyat-bekleyen-uyari:hover strong[b-zimknv05c6] {
    text-decoration: underline;
}

.fiyat-bekleyen-uyari p[b-zimknv05c6] {
    margin: var(--bosluk-1) 0 0;
}
/* /Components/Ortak/KisayolKartlari.razor.rz.scp.css */
.kisayol-izgara[b-adm4e1rylw] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 17rem), 1fr));
    gap: var(--bosluk-4);
    margin-top: var(--bosluk-5);
}

.kisayol-karti[b-adm4e1rylw] {
    flex-direction: row; /* .kart sütun düzenini ezer: ikon, metin, ok yan yana */
    display: flex;
    align-items: center;
    gap: var(--bosluk-4);
    min-height: 5rem;
    padding: var(--bosluk-4);
    color: var(--renk-metin);
    text-decoration: none;
}

.kisayol-karti:hover[b-adm4e1rylw] {
    color: var(--renk-metin);
}

.kisayol-ikon[b-adm4e1rylw] {
    display: grid;
    place-items: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    border-radius: var(--yaricap-md);
    background: var(--renk-birincil-zayif);
    color: var(--renk-birincil-zayif-metin);
    box-shadow: var(--yukselti-basili);
}

.kisayol-metin[b-adm4e1rylw] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: var(--yazi-sm);
}

.kisayol-metin strong[b-adm4e1rylw] {
    font-size: var(--yazi-md);
}

.kisayol-ok[b-adm4e1rylw] {
    margin-left: auto;
    color: var(--renk-metin-soluk);
}
/* /Components/Ortak/KullaniciPaneli.razor.rz.scp.css */
.rol-aciklama[b-4u9y10eca2] {
    display: block;
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-normal);
    color: var(--renk-metin-ikincil);
}
/* /Components/Ortak/MaliyetAraci.razor.rz.scp.css */
/* Üst çubuk düğmesi: Yardım'ın yanında, aynı ölçüde. Telefonda yalnızca ikon (yazı ekran okuyucuya kalır). */
.ust-arac[b-2tocbuv4rl] {
    display: inline-flex;
    align-items: center;
    gap: var(--bosluk-2);
    min-height: var(--dokunma-min);
    white-space: nowrap;
}

@media (max-width: 36rem) {
    .ust-arac-metin[b-2tocbuv4rl] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}

/* Pencere (popover, tarayıcının üst katmanında): geniş ekranda sağ üstte panel, telefonda alttan tam genişlik. */
.maliyet-araci[b-2tocbuv4rl] {
    inset: calc(var(--ust-cubuk-yukseklik) + var(--guvenli-ust) + var(--bosluk-2)) calc(var(--bosluk-4) + var(--guvenli-sag)) auto auto;
    width: min(30rem, calc(100vw - 2 * var(--bosluk-4)));
    max-height: calc(100dvh - var(--ust-cubuk-yukseklik) - var(--guvenli-ust) - var(--bosluk-6));
    margin: 0;
    padding: var(--bosluk-4) var(--bosluk-5) var(--bosluk-5);
    overflow-y: auto;
    overscroll-behavior: contain;
    color: var(--renk-metin);
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-cizgi-guclu);
    border-radius: var(--yaricap-xl);
    box-shadow: var(--yukselti-4);
}

.maliyet-araci[b-2tocbuv4rl]::backdrop {
    background: rgb(0 0 0 / 0.35);
}

@media (max-width: 36rem) {
    .maliyet-araci[b-2tocbuv4rl] {
        inset: auto 0 0 0;
        width: 100%;
        max-width: 100%;
        max-height: 92dvh;
        padding: var(--bosluk-4) calc(var(--bosluk-4) + var(--guvenli-sag)) calc(var(--bosluk-5) + var(--guvenli-alt)) calc(var(--bosluk-4) + var(--guvenli-sol));
        border-radius: var(--yaricap-xl) var(--yaricap-xl) 0 0;
    }
}

.maliyet-araci-ust[b-2tocbuv4rl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-3);
}

.maliyet-araci-ust h2[b-2tocbuv4rl] {
    display: inline-flex;
    align-items: center;
    gap: var(--bosluk-2);
    margin: 0;
    font-size: var(--yazi-lg);
}

/* Sonuç: büyük kilo maliyeti, altında döküm */
.maliyet-sonuc[b-2tocbuv4rl],
.maliyet-kar[b-2tocbuv4rl] {
    padding: var(--bosluk-4);
    border-width: 2px;
}

.maliyet-sonuc[b-2tocbuv4rl] {
    border-color: var(--renk-birincil);
}

.maliyet-sonuc-deger[b-2tocbuv4rl] {
    font-size: 2rem;
    font-weight: var(--kalinlik-kalin);
    line-height: 1.2;
}

.maliyet-sonuc-deger small[b-2tocbuv4rl] {
    font-size: var(--yazi-md);
    font-weight: var(--kalinlik-yari-kalin);
    color: var(--renk-metin-ikincil);
}

.maliyet-dokum[b-2tocbuv4rl] {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: var(--bosluk-1) var(--bosluk-4);
    margin: var(--bosluk-3) 0 var(--bosluk-2);
}

.maliyet-dokum dt[b-2tocbuv4rl] {
    font-weight: var(--kalinlik-normal);
    color: var(--renk-metin-ikincil);
}

.maliyet-dokum dd[b-2tocbuv4rl] {
    margin: 0;
    text-align: end;
}

.maliyet-dokum .maliyet-toplam[b-2tocbuv4rl] {
    padding-top: var(--bosluk-1);
    border-top: 1px solid var(--renk-cizgi);
    font-weight: var(--kalinlik-kalin);
    color: var(--renk-metin);
}

/* Çıktı satırları (iç fıstık, kabuk…): her biri çerçeveli kutu; içinde ad, okuma ve satış fiyatı */
.maliyet-ciktilar[b-2tocbuv4rl],
.maliyet-cikti-sonuclari[b-2tocbuv4rl] {
    display: grid;
    gap: var(--bosluk-3);
}

.maliyet-cikti[b-2tocbuv4rl] {
    display: grid;
    gap: var(--bosluk-2);
    padding: var(--bosluk-3);
    border: 1px solid var(--renk-cizgi-guclu);
    border-radius: var(--yaricap-lg);
    background: var(--renk-yuzey-yukselmis);
}

.maliyet-cikti-ust[b-2tocbuv4rl] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-2);
}

.maliyet-cikti-rakamlar[b-2tocbuv4rl] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--bosluk-2);
}

@media (max-width: 22rem) {
    .maliyet-cikti-rakamlar[b-2tocbuv4rl] {
        grid-template-columns: 1fr;
    }
}

.maliyet-cikti-sonuc[b-2tocbuv4rl] {
    display: grid;
    gap: var(--bosluk-1);
    padding: var(--bosluk-3) var(--bosluk-4);
    border-left: 4px solid var(--renk-birincil);
}

.maliyet-cikti-deger[b-2tocbuv4rl] {
    font-size: 1.35rem;
}

/* Kâr yeşil, zarar kırmızı (renk tek başına değil: başlıkta "Kâr" / "Zarar" yazar) */
.maliyet-kar.kar[b-2tocbuv4rl] {
    border-color: var(--renk-basari);
    background: var(--renk-basari-zayif);
}

.maliyet-kar.zarar[b-2tocbuv4rl] {
    border-color: var(--renk-hata);
    background: var(--renk-hata-zayif);
}

.maliyet-araci-alt[b-2tocbuv4rl] {
    display: flex;
    justify-content: flex-end;
    gap: var(--bosluk-2);
}
/* /Components/Ortak/StokPanosu.razor.rz.scp.css */
.stok-panosu[b-mxefm0wjrk] {
    margin-block: var(--bosluk-5) var(--bosluk-6);
}

.pano-baslik[b-mxefm0wjrk] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-3);
}

.pano-ozet[b-mxefm0wjrk] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9rem), 1fr));
    gap: var(--bosluk-3);
}

.pano-kutu[b-mxefm0wjrk] {
    display: flex;
    flex-direction: column;
    gap: var(--bosluk-1);
    min-height: 5rem;
    padding: var(--bosluk-3) var(--bosluk-4);
    color: var(--renk-metin);
    text-decoration: none;
    container-type: inline-size;
}

.pano-kutu:hover[b-mxefm0wjrk] {
    color: var(--renk-metin);
    border-color: var(--renk-cizgi-guclu);
}

.pano-deger[b-mxefm0wjrk] {
    font-size: clamp(var(--yazi-md), 12cqi, var(--yazi-xl));
    font-weight: var(--kalinlik-kalin);
    line-height: var(--satir-siki);
    overflow-wrap: anywhere;
}

.pano-deger small[b-mxefm0wjrk] {
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-orta);
    color: var(--renk-metin-ikincil);
}

.pano-bekliyor[b-mxefm0wjrk] {
    background: var(--renk-yuzey-cukur);
    box-shadow: none;
}

.pano-urunler[b-mxefm0wjrk] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr));
    gap: var(--bosluk-2);
    margin-top: var(--bosluk-3);
}

.pano-urun[b-mxefm0wjrk] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--bosluk-2) var(--bosluk-3);
    color: var(--renk-metin);
    text-decoration: none;
    border-inline-start: 4px solid var(--renk-birincil);
    box-shadow: var(--yukselti-1);
}

.pano-urun:hover[b-mxefm0wjrk] {
    color: var(--renk-metin);
}

.pano-urun-ad[b-mxefm0wjrk] {
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-yari-kalin);
    overflow-wrap: anywhere;
}

.pano-urun-kg[b-mxefm0wjrk] {
    font-size: var(--yazi-lg);
    font-weight: var(--kalinlik-kalin);
}

.pano-urun-alt[b-mxefm0wjrk] {
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
}

.pano-bos[b-mxefm0wjrk] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-3);
    padding: var(--bosluk-3) var(--bosluk-4);
}
/* /Components/Ortak/TaslakNotu.razor.rz.scp.css */
.taslak-notu[b-8c04lmy59i] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-2) var(--bosluk-3);
}

.taslak-notu .btn[b-8c04lmy59i] {
    min-height: var(--dokunma-min);
}
/* /Components/Pages/AbonelikSayfasi.razor.rz.scp.css */
.abonelik-durum[b-mt212lfygj] {
    max-width: 44rem;
}

.abonelik-durum-ust[b-mt212lfygj] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--bosluk-3);
}

.abonelik-paket[b-mt212lfygj] {
    margin: 0;
    font-size: var(--yazi-2xl);
    font-weight: var(--kalinlik-kalin);
}

.abonelik-sinirlar[b-mt212lfygj] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: var(--bosluk-4);
    margin-top: var(--bosluk-4);
    padding-top: var(--bosluk-4);
    border-top: 1px solid var(--renk-cizgi);
}

.abonelik-sinir-ust[b-mt212lfygj] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-2);
    font-size: var(--yazi-sm);
}

.abonelik-cubuk[b-mt212lfygj] {
    height: 0.5rem;
    margin-top: var(--bosluk-1);
    overflow: hidden;
    background: var(--renk-yuzey-cukur);
    border-radius: var(--yaricap-tam);
}

.abonelik-cubuk span[b-mt212lfygj] {
    display: block;
    height: 100%;
    background: var(--renk-birincil);
    border-radius: inherit;
}

.abonelik-cubuk span.yakin[b-mt212lfygj] { background: var(--renk-uyari); }
.abonelik-cubuk span.dolu[b-mt212lfygj] { background: var(--renk-hata); }

/* Süre kutucukları: telefonda 2×2, geniş ekranda 4 yan yana */
.abonelik-sureler[b-mt212lfygj] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--bosluk-3);
    max-width: 56rem;
}

@media (min-width: 48rem) {
    .abonelik-sureler[b-mt212lfygj] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.abonelik-sure[b-mt212lfygj] {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--bosluk-1);
    min-height: 8.5rem;
    padding: var(--bosluk-4);
    font: inherit;
    text-align: start;
    color: var(--renk-metin);
    background: var(--renk-yuzey-yukselmis);
    border: 2px solid var(--renk-cizgi);
    border-radius: var(--yaricap-lg);
    box-shadow: var(--yukselti-1);
    cursor: pointer;
    transition: transform var(--sure-anlik) var(--egri-standart);
}

.abonelik-sure:hover[b-mt212lfygj] {
    border-color: var(--renk-cizgi-guclu);
}

.abonelik-sure:active[b-mt212lfygj] {
    transform: translateY(var(--basili-asagi));
}

.abonelik-sure.secili[b-mt212lfygj] {
    background: var(--renk-birincil-zayif);
    border-color: var(--renk-birincil);
}

.abonelik-sure-ad[b-mt212lfygj] {
    font-size: var(--yazi-lg);
    font-weight: var(--kalinlik-kalin);
}

.abonelik-sure-ay[b-mt212lfygj],
.abonelik-sure-not[b-mt212lfygj] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

.abonelik-sure-fiyat[b-mt212lfygj] {
    margin-top: auto;
    font-size: var(--yazi-xl);
    font-weight: var(--kalinlik-kalin);
}

.abonelik-sure-fiyat.yakinda[b-mt212lfygj] {
    font-size: var(--yazi-md);
    font-weight: var(--kalinlik-yari-kalin);
    color: var(--renk-metin-ikincil);
}

.abonelik-sure-isaret[b-mt212lfygj] {
    position: absolute;
    top: var(--bosluk-3);
    right: var(--bosluk-3);
    display: inline-grid;
    place-items: center;
    width: 1.75rem;
    height: 1.75rem;
    color: #fff;
    background: var(--renk-birincil);
    border-radius: var(--yaricap-tam);
}

.abonelik-odeme[b-mt212lfygj] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-3);
    margin-top: var(--bosluk-5);
}
/* /Components/Pages/DepoTransferiSayfasi.razor.rz.scp.css */
.giris-tarih[b-mp411wi6qn] {
    display: flex;
    align-items: center;
    gap: var(--bosluk-3);
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-label[b-mp411wi6qn] {
    margin: 0;
    font-weight: var(--kalinlik-orta);
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-control[b-mp411wi6qn] {
    width: auto;
}

.giris-iptal > td:not(.hucre-islem)[b-mp411wi6qn] {
    color: var(--renk-metin-soluk);
    text-decoration: line-through;
}


.secim-alt[b-mp411wi6qn] {
    display: block;
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-normal);
    color: var(--renk-metin-ikincil);
}

.hepsi-dugmesi[b-mp411wi6qn] {
    justify-self: start;
}

/* Depolarda ne var: depo başına kutucuk */
.depo-panosu[b-mp411wi6qn] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-5);
}

.depo-kutu[b-mp411wi6qn] {
    display: flex;
    flex-direction: column;
    gap: var(--bosluk-1);
    padding: var(--bosluk-3) var(--bosluk-4);
    border-inline-start: 4px solid var(--renk-cizgi-guclu);
}

.depo-cikis[b-mp411wi6qn] { border-inline-start-color: var(--renk-uyari); }
.depo-giris[b-mp411wi6qn] { border-inline-start-color: var(--renk-basari); }

.depo-kutu-ust[b-mp411wi6qn] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-2);
}

.depo-kutu-deger[b-mp411wi6qn] {
    font-size: var(--yazi-xl);
    font-weight: var(--kalinlik-kalin);
}

.depo-kutu-deger small[b-mp411wi6qn] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

.depo-kutu-alt[b-mp411wi6qn] {
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
}

.depo-urunler[b-mp411wi6qn] {
    display: grid;
    gap: 2px;
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: var(--yazi-sm);
}

.depo-urunler li[b-mp411wi6qn] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-2);
}

.depo-urunler li span:first-child[b-mp411wi6qn] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.depo-urunler li span.rakam[b-mp411wi6qn] {
    flex-shrink: 0;
    font-weight: var(--kalinlik-yari-kalin);
}
/* /Components/Pages/FiyatBekleyenlerSayfasi.razor.rz.scp.css */
/* Fiyatı bekleyen kayıtlar: kart başına bir giriş ya da çıkış; açık kartta fiyat kutuları (sade, tek sütun) */
.fiyat-bekleyenler[b-4jtiowoubw] {
    display: grid;
    gap: var(--bosluk-3);
    max-width: 40rem;
}

.fiyat-bekleyen[b-4jtiowoubw] {
    display: grid;
    gap: var(--bosluk-3);
    padding: var(--bosluk-4);
}

.fiyat-bekleyen-acik[b-4jtiowoubw] {
    border-color: var(--renk-birincil);
}

.fiyat-bekleyen-baslik[b-4jtiowoubw] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    gap: var(--bosluk-1) var(--bosluk-2);
}

.fiyat-bekleyen-baslik .metin-ikincil[b-4jtiowoubw] {
    flex-basis: 100%;
    font-size: var(--yazi-sm);
}

.fiyat-bekleyen-urunler[b-4jtiowoubw] {
    display: grid;
    gap: var(--bosluk-1);
    margin: 0;
    padding: 0;
    list-style: none;
}

.fiyat-bekleyen-urunler li[b-4jtiowoubw] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-3);
    padding-block: var(--bosluk-1);
    border-bottom: 1px solid var(--renk-cizgi);
}

.fiyat-bekleyen .btn-primary[b-4jtiowoubw] {
    min-height: var(--dokunma-min);
}

.fiyat-bos[b-4jtiowoubw] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-3);
    max-width: 40rem;
    padding: var(--bosluk-3) var(--bosluk-4);
}
/* /Components/Pages/Islemler/IslemAdlariSayfasi.razor.rz.scp.css */
.ad-pasif > td:not(.hucre-islem)[b-0auvradpvc] {
    color: var(--renk-metin-soluk);
}

/* Adını değiştir: satırda kutu + Kaydet + Vazgeç; dar ekranda alt alta */
.ad-degistir[b-0auvradpvc] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-2);
}

.ad-degistir input[b-0auvradpvc] {
    flex: 1 1 12rem;
    min-width: 0;
}
/* /Components/Pages/Islemler/IslemDetaySayfasi.razor.rz.scp.css */
.islem-alt-baslik[b-fxycooywn9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-2);
    margin-bottom: var(--bosluk-4);
}

.islem-rakamlar[b-fxycooywn9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-5);
}

.islem-rakam[b-fxycooywn9] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--bosluk-3) var(--bosluk-4);
}

.islem-rakam strong[b-fxycooywn9] {
    font-size: var(--yazi-xl);
}

/* İşlem açıksa: "Mal geldi" (teslim alma ayrı sayfada, adım adım) */
.islem-mal-geldi[b-fxycooywn9] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--bosluk-2);
    width: 100%;
    max-width: 36rem;
    min-height: 3.75rem;
    margin-bottom: var(--bosluk-5);
    font-size: 1.1875rem;
}

.islem-listeler[b-fxycooywn9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
    gap: var(--bosluk-5);
    margin-bottom: var(--bosluk-5);
}

.islem-liste[b-fxycooywn9] {
    margin: 0;
    padding: 0;
    list-style: none;
}

.islem-liste li[b-fxycooywn9] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-3);
    padding: var(--bosluk-2) 0;
    border-bottom: 1px solid var(--renk-cizgi);
}

.islem-maliyet[b-fxycooywn9] {
    display: block;
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

/* Gelen malın kilo maliyetini elle değiştirme: form satırın altına tam genişlikte açılır */
.islem-liste li.islem-liste-acik[b-fxycooywn9] {
    flex-wrap: wrap;
}

.islem-maliyet-degistir[b-fxycooywn9] {
    margin-left: var(--bosluk-1);
    vertical-align: baseline;
}

.maliyet-formu[b-fxycooywn9] {
    flex-basis: 100%;
    margin-top: var(--bosluk-2);
}

.islem-geri-al[b-fxycooywn9] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-2);
    padding-top: var(--bosluk-4);
    border-top: 1px solid var(--renk-cizgi);
}

/* Firmanın ücretini sonradan yazma (depocu gönderdiyse ücret boş) */
.ucret-formu[b-fxycooywn9] {
    margin-bottom: var(--bosluk-4);
}
/* /Components/Pages/Islemler/IslemlerSayfasi.razor.rz.scp.css */
.islem-ust[b-7jc4wxi9k4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-4);
}

.islem-ozet[b-7jc4wxi9k4] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-5);
}

.ozet-kutu[b-7jc4wxi9k4] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--bosluk-3) var(--bosluk-4);
    border-inline-start: 4px solid var(--hareket-ana);
}

.ozet-deger[b-7jc4wxi9k4] {
    font-size: var(--yazi-xl);
    font-weight: var(--kalinlik-kalin);
}

.ozet-deger small[b-7jc4wxi9k4],
.ozet-alt[b-7jc4wxi9k4] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

.islem-kartlari[b-7jc4wxi9k4] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 19rem), 1fr));
    gap: var(--bosluk-3);
}

.islem-karti[b-7jc4wxi9k4] {
    display: flex;
    flex-direction: column;
    gap: var(--bosluk-2);
    padding: var(--bosluk-4);
}

.islem-karti-ust[b-7jc4wxi9k4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-2);
    font-size: var(--yazi-lg);
}

.islem-karti-dugme[b-7jc4wxi9k4] {
    margin-top: auto;
    align-self: stretch;
}

.islem-iptal > td:not(.hucre-islem)[b-7jc4wxi9k4] {
    color: var(--renk-metin-soluk);
    text-decoration: line-through;
}
/* /Components/Pages/Islemler/IslemTeslimSayfasi.razor.rz.scp.css */
/* Başarı ekranında gelen mallar ve kilo maliyetleri */
.teslim-gelenler[b-32yqb6ru9q] {
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: start;
}

.teslim-gelenler li[b-32yqb6ru9q] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 2px var(--bosluk-3);
    padding: var(--bosluk-2) 0;
    border-bottom: 1px solid var(--renk-basari-kenar);
}

.odeme-secimi[b-32yqb6ru9q] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 6.5rem), 1fr));
}
/* /Components/Pages/PlatformFirmalar.razor.rz.scp.css */
.paket-aciklama[b-76hnt7bugg] {
    display: block;
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-normal);
    color: var(--renk-metin-ikincil);
}

.firma-unvan[b-76hnt7bugg] {
    font-weight: var(--kalinlik-normal);
}
/* /Components/Pages/StokCikisiSayfasi.razor.rz.scp.css */
.giris-tarih[b-tvhtsdz2sd] {
    display: flex;
    align-items: center;
    gap: var(--bosluk-3);
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-label[b-tvhtsdz2sd] {
    margin: 0;
    font-weight: var(--kalinlik-orta);
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-control[b-tvhtsdz2sd] {
    width: auto;
}

.giris-iptal > td:not(.hucre-islem)[b-tvhtsdz2sd] {
    color: var(--renk-metin-soluk);
    text-decoration: line-through;
}

.cikis-stok[b-tvhtsdz2sd] {
    display: block;
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-normal);
    color: var(--renk-metin-ikincil);
}

.odeme-secimi[b-tvhtsdz2sd] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 6.5rem), 1fr));
}
/* /Components/Pages/StokDurumuSayfasi.razor.rz.scp.css */
.stok-ozet[b-7fc8hz25no] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 9.5rem), 1fr));
    gap: var(--bosluk-3);
    margin-block: var(--bosluk-5);
}

.stok-grup[b-7fc8hz25no] {
    margin-top: var(--bosluk-6);
}

.stok-grup-baslik[b-7fc8hz25no] {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    gap: var(--bosluk-2) var(--bosluk-4);
    margin-bottom: var(--bosluk-2);
}

.urun-dugmesi[b-7fc8hz25no] {
    min-height: 0;
    padding: 0;
    font-weight: inherit;
    font-size: inherit;
    text-align: start;
    box-shadow: none;
}

.depo-kirilimi[b-7fc8hz25no] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--bosluk-1);
}

@container tablo (min-width: 40.0625rem) {
    .depo-kirilimi[b-7fc8hz25no] {
        justify-content: flex-start;
    }
}

.urun-girisleri[b-7fc8hz25no] {
    margin-top: var(--bosluk-3);
}



/* Depo kutucukları (aynı zamanda depo seçimi) */
.depo-kutulari[b-7fc8hz25no] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 13rem), 1fr));
    gap: var(--bosluk-3);
    margin-top: var(--bosluk-4);
}

.depo-kutu[b-7fc8hz25no] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--bosluk-1);
    padding: var(--bosluk-3) var(--bosluk-4);
    font: inherit;
    text-align: start;
    color: var(--renk-metin);
    border-inline-start: 4px solid var(--renk-cizgi-guclu);
    cursor: pointer;
    touch-action: manipulation;
    transition: transform var(--sure-anlik) var(--egri-standart);
}

.depo-kutu:hover[b-7fc8hz25no] {
    border-color: var(--renk-cizgi-alan);
}

.depo-kutu:active[b-7fc8hz25no] {
    transform: translateY(var(--basili-asagi));
}

.depo-kutu[aria-pressed="true"][b-7fc8hz25no] {
    background: var(--renk-birincil-zayif);
    border-color: var(--renk-birincil);
    border-inline-start-color: var(--renk-birincil);
    box-shadow: var(--yukselti-basili);
}

.depo-kutu:focus-visible[b-7fc8hz25no] {
    outline: 3px solid var(--odak-halka-renk);
    outline-offset: 2px;
}

.depo-kutu-ust[b-7fc8hz25no] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-2);
}

.depo-kutu-deger[b-7fc8hz25no] {
    font-size: var(--yazi-xl);
    font-weight: var(--kalinlik-kalin);
}

.depo-kutu-deger small[b-7fc8hz25no] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

.depo-kutu-alt[b-7fc8hz25no] {
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
}

.depo-urunler[b-7fc8hz25no] {
    display: grid;
    gap: 2px;
    margin-top: var(--bosluk-1);
    font-size: var(--yazi-sm);
}

.depo-urun[b-7fc8hz25no] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-2);
}

.depo-urun > span:first-child[b-7fc8hz25no] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.depo-urun > .rakam[b-7fc8hz25no] {
    flex-shrink: 0;
    font-weight: var(--kalinlik-yari-kalin);
}

/* Telefonda dokunma alanı en az 44 px (masaüstünde satır sıkı kalır) */
@media (pointer: coarse) {
    .urun-dugmesi[b-7fc8hz25no] {
        display: inline-flex;
        align-items: center;
        min-height: var(--dokunma-min);
    }
}
/* /Components/Pages/StokGirisiSayfasi.razor.rz.scp.css */
.giris-tarih[b-8xr6i42p6f] {
    display: flex;
    align-items: center;
    gap: var(--bosluk-3);
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-label[b-8xr6i42p6f] {
    margin: 0;
    font-weight: var(--kalinlik-orta);
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-control[b-8xr6i42p6f] {
    width: auto;
}

.giris-iptal > td:not(.hucre-islem)[b-8xr6i42p6f] {
    color: var(--renk-metin-soluk);
    text-decoration: line-through;
}

.odeme-secimi[b-8xr6i42p6f] {
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 6.5rem), 1fr));
}
/* /Components/Pages/StokHareketleriSayfasi.razor.rz.scp.css */
.giris-iptal > td:not(.hucre-islem)[b-awllqlp8gd] {
    color: var(--renk-metin-soluk);
}

.hareket-filtre[b-awllqlp8gd] {
    margin-bottom: var(--bosluk-4);
}

.tarih-kisayollari[b-awllqlp8gd] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-2);
}

.hareket-ozet[b-awllqlp8gd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr));
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-4);
}

.ozet-kutu[b-awllqlp8gd] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--bosluk-3) var(--bosluk-4);
    border-inline-start: 4px solid var(--renk-cizgi-guclu);
}

.ozet-kutu[class*="hareket-"][b-awllqlp8gd] { border-inline-start-color: var(--hareket-ana); }

.ozet-deger[b-awllqlp8gd] {
    font-size: var(--yazi-xl);
    font-weight: var(--kalinlik-kalin);
}

.ozet-deger small[b-awllqlp8gd] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

.ozet-alt[b-awllqlp8gd] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

/* İşlem satırında firmanın altında işlemin adı (Kavurma, Kabuk soyma …) */
.hareket-islem-adi[b-awllqlp8gd] {
    display: block;
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}
/* /Components/Pages/Tanimlar/CariEkstreSayfasi.razor.rz.scp.css */
.ekstre-araclari[b-i937oqqs6e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-4);
}

.ekstre-araclari .geri-baglanti[b-i937oqqs6e] {
    flex-basis: 100%;
}

.ekstre-donem[b-i937oqqs6e],
.ekstre-tarihler[b-i937oqqs6e],
.ekstre-dugmeler[b-i937oqqs6e] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-2);
}

.ekstre-tarihler .form-control[b-i937oqqs6e] {
    width: auto;
}

/* Ekstre: kağıt gibi, temadan bağımsız (koyu temada da beyaz); A4 dikey */
.ekstre[b-i937oqqs6e] {
    max-width: 52rem;
    overflow-x: auto;   /* telefonda tablo kağıdın içinde kayar */
    padding: var(--bosluk-6) var(--bosluk-5);
    color: #111;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: var(--yaricap-sm);
    box-shadow: var(--yukselti-2);
    font-size: 0.875rem;
    line-height: 1.45;
}

.ekstre-ust[b-i937oqqs6e] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--bosluk-4);
    padding-bottom: var(--bosluk-3);
    border-bottom: 2px solid #222;
}

.ekstre-ust > div[b-i937oqqs6e],
.ekstre-cari[b-i937oqqs6e] {
    display: flex;
    flex-direction: column;
}

.ekstre-firma[b-i937oqqs6e] {
    font-size: 1.125rem;
}

.ekstre-baslik[b-i937oqqs6e] {
    text-align: end;
}

.ekstre-baslik h1[b-i937oqqs6e] {
    margin: 0;
    font-size: 1.125rem;
    letter-spacing: 0.06em;
    color: #111;
}

.ekstre-cari[b-i937oqqs6e] {
    margin: var(--bosluk-4) 0;
    padding: var(--bosluk-3);
    background: #f4f4f1;
    border-left: 4px solid #555;
}

.ekstre-tablo[b-i937oqqs6e] {
    min-width: 34rem;
    width: 100%;
    border-collapse: collapse;
    font-variant-numeric: tabular-nums;
}

.ekstre-tablo th[b-i937oqqs6e],
.ekstre-tablo td[b-i937oqqs6e] {
    padding: 5px 6px;
    border-bottom: 1px solid #ddd;
    vertical-align: top;
    text-align: start;
}

.ekstre-tablo thead th[b-i937oqqs6e] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    background: #eceee8;
    border-bottom: 1px solid #333;
}

.ekstre-tablo .sag[b-i937oqqs6e] {
    text-align: end;
    white-space: nowrap;
}

.ekstre-tablo .rakam[b-i937oqqs6e] {
    white-space: nowrap;
}

.ekstre-devir td[b-i937oqqs6e] {
    font-style: italic;
    background: #f7f7f4;
}

.ekstre-vade[b-i937oqqs6e] {
    display: block;
    font-size: 0.75rem;
    color: #555;
}

.ekstre-bos[b-i937oqqs6e] {
    padding: var(--bosluk-4);
    text-align: center;
    color: #555;
}

.ekstre-tablo tfoot th[b-i937oqqs6e],
.ekstre-tablo tfoot td[b-i937oqqs6e] {
    font-weight: 700;
    border-top: 1px solid #333;
}

.ekstre-kapanis th[b-i937oqqs6e],
.ekstre-kapanis td[b-i937oqqs6e] {
    font-size: 1rem;
    background: #eceee8;
}

.ekstre-cumle[b-i937oqqs6e] {
    margin: var(--bosluk-4) 0 var(--bosluk-1);
    font-weight: 600;
}

.ekstre-not[b-i937oqqs6e] {
    margin: 0;
    font-size: 0.75rem;
    color: #555;
}

.ekstre-imza[b-i937oqqs6e] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--bosluk-6);
    margin-top: var(--bosluk-8);
}

/* İmza çizgisi üstte boşluk, altında ad (ve mutabakat notu) */
.ekstre-imza div[b-i937oqqs6e] {
    font-size: 0.8125rem;
    text-align: center;
}

.ekstre-imza div[b-i937oqqs6e]::before {
    content: "";
    display: block;
    height: 3.5rem;
    margin-bottom: var(--bosluk-1);
    border-bottom: 1px solid #333;
}

@media print {
    .ekstre[b-i937oqqs6e] {
        max-width: none;
        overflow: visible;
        padding: 0;
        border: 0;
        box-shadow: none;
        font-size: 9.5pt;
    }

    .ekstre-tablo[b-i937oqqs6e] {
        min-width: 0;
    }

    .ekstre-tablo thead[b-i937oqqs6e] {
        display: table-header-group;   /* çok sayfada başlık her sayfada tekrar */
    }

    .ekstre-tablo tr[b-i937oqqs6e] {
        break-inside: avoid;
    }

    .ekstre-imza[b-i937oqqs6e] {
        break-inside: avoid;
    }
}
/* /Components/Pages/Tanimlar/CariHesap.razor.rz.scp.css */
.cari-ozet[b-pyeid5uvxt] {
    max-width: 36rem;
    margin-bottom: var(--bosluk-4);
}

.cari-bakiye[b-pyeid5uvxt] {
    font-size: var(--yazi-2xl);
    font-weight: var(--kalinlik-kalin);
    font-variant-numeric: tabular-nums;
}

.odeme-dugmeleri[b-pyeid5uvxt] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr));
    gap: var(--bosluk-3);
    max-width: 36rem;
    margin-bottom: var(--bosluk-4);
}

.giris-tarih[b-pyeid5uvxt] {
    display: flex;
    align-items: center;
    gap: var(--bosluk-3);
}

.giris-tarih .form-label[b-pyeid5uvxt] {
    margin: 0;
    color: var(--renk-metin-ikincil);
}

.giris-tarih .form-control[b-pyeid5uvxt] {
    width: auto;
}

.hareket-iptal > td:not(.hucre-islem)[b-pyeid5uvxt] {
    color: var(--renk-metin-soluk);
    text-decoration: line-through;
}

.uc-secenek[b-pyeid5uvxt] {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.hareket-baslik-satiri[b-pyeid5uvxt] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--bosluk-3);
    margin: var(--bosluk-5) 0 var(--bosluk-3);
}

.ekstre-dugmeleri[b-pyeid5uvxt] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-2);
}
/* /Components/Pages/Tanimlar/Cariler.razor.rz.scp.css */
.cari-ust[b-rzmayrpr9t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-3);
}

.cari-arama[b-rzmayrpr9t] {
    flex: 1 1 16rem;
    max-width: 28rem;
}

.cari-roller[b-rzmayrpr9t] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-1);
    margin-top: var(--bosluk-1);
    font-weight: var(--kalinlik-normal);
}

.cari-adi[b-rzmayrpr9t] {
    color: inherit;
    text-decoration: underline;
    text-decoration-color: var(--renk-cizgi-guclu);
}

/* Bakiye kutucukları */
.bakiye-kutulari[b-rzmayrpr9t] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 9.5rem), 1fr));
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-4);
}

.bakiye-kutu[b-rzmayrpr9t] {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: var(--bosluk-1);
    padding: var(--bosluk-3) var(--bosluk-4);
    font: inherit;
    text-align: start;
    color: var(--renk-metin);
    border-inline-start: 4px solid var(--renk-cizgi-guclu);
}

button.bakiye-kutu[b-rzmayrpr9t] {
    cursor: pointer;
    touch-action: manipulation;
}

button.bakiye-kutu[aria-pressed="true"][b-rzmayrpr9t] {
    background: var(--renk-birincil-zayif);
    box-shadow: var(--yukselti-basili);
}

button.bakiye-kutu:focus-visible[b-rzmayrpr9t] {
    outline: 3px solid var(--odak-halka-renk);
    outline-offset: 2px;
}

.bakiye-alacak[b-rzmayrpr9t] { border-inline-start-color: var(--renk-basari); }
.bakiye-borc[b-rzmayrpr9t] { border-inline-start-color: var(--renk-hata); }
.bakiye-net[b-rzmayrpr9t] { border-inline-start-color: var(--renk-bilgi); }
.bakiye-liste[b-rzmayrpr9t] { border-inline-start-color: var(--renk-vurgu); }

.bakiye-deger[b-rzmayrpr9t] {
    font-size: var(--yazi-xl);
    font-weight: var(--kalinlik-kalin);
}

.bakiye-alacak .bakiye-deger[b-rzmayrpr9t] { color: var(--renk-basari); }
.bakiye-borc .bakiye-deger[b-rzmayrpr9t] { color: var(--renk-hata); }

.bakiye-deger small[b-rzmayrpr9t] {
    font-size: var(--yazi-sm);
    color: var(--renk-metin-ikincil);
}

.bakiye-alt[b-rzmayrpr9t] {
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
}

.bakiye-satir[b-rzmayrpr9t] {
    display: flex;
    justify-content: space-between;
    gap: var(--bosluk-2);
    font-size: var(--yazi-sm);
    color: var(--renk-metin);
    text-decoration: none;
}

.bakiye-satir:hover[b-rzmayrpr9t] {
    text-decoration: underline;
}

.bakiye-satir > .rakam[b-rzmayrpr9t] {
    flex-shrink: 0;
    font-weight: var(--kalinlik-yari-kalin);
}

.bakiye-liste[b-rzmayrpr9t] {
    grid-column: 1 / -1;
}

@media (max-width: 40rem) {
    .bakiye-deger[b-rzmayrpr9t] {
        font-size: var(--yazi-lg);
    }
}

/* Telefonda dokunma alanı en az 44 px */
@media (pointer: coarse) {
    .cari-adi[b-rzmayrpr9t] {
        display: inline-flex;
        align-items: center;
        min-height: var(--dokunma-min);
    }
}
/* /Components/Pages/Tanimlar/SablonAkisi.razor.rz.scp.css */
/* İzometrik kutular: ön yüz + ::before üst yüz (skewX) + ::after yan yüz (skewY). --d = derinlik.
   Renkler tasarım sistemindeki kavram token'larından (açık/koyu tema otomatik). */

.akis-kaydirma[b-xlh41uxaif] {
    /* Geniş akış sayfayı (ve yan menüyü) itmesin: kendi içinde yatay kaydırılır */
    contain: inline-size;
    overflow-x: auto;
    padding: 1.25rem 1.5rem 1rem 0.5rem;
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-lg);
    box-shadow: var(--yukselti-cukur);
}

.akis[b-xlh41uxaif] {
    display: flex;
    align-items: center;
    gap: 0;
    min-width: max-content;
}

.sutun[b-xlh41uxaif] {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

/* ---------- ortak 3B yüzler ---------- */
.kutu[b-xlh41uxaif], .kup[b-xlh41uxaif] {
    --d: 14px;
    position: relative;
    margin: var(--d) var(--d) 0 0;
    background: var(--on);
    color: var(--yazi);
    box-shadow: var(--yukselti-2);
}

.kutu[b-xlh41uxaif]::before, .kup[b-xlh41uxaif]::before {
    content: "";
    position: absolute;
    left: 0;
    top: calc(-1 * var(--d));
    width: 100%;
    height: var(--d);
    background: var(--ust);
    transform-origin: 0 100%;
    transform: skewX(-45deg);
}

.kutu[b-xlh41uxaif]::after, .kup[b-xlh41uxaif]::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(-1 * var(--d));
    width: var(--d);
    height: 100%;
    background: var(--yan);
    transform-origin: 0 0;
    transform: skewY(-45deg);
}

/* ---------- adım kutuları ---------- */
.kutu[b-xlh41uxaif] {
    --d: 18px;
    width: 230px;
    min-height: 130px;
    padding: 0.75rem 0.85rem;
    margin-top: 18px;
    margin-right: 18px;
}

.kutu-fason[b-xlh41uxaif] {
    --on: var(--renk-fason-zemin);
    --ust: var(--renk-fason-ust);
    --yan: var(--renk-fason-yan);
    --yazi: var(--renk-fason-metin);
}

.kutu-ic[b-xlh41uxaif] {
    --on: var(--renk-ic-zemin);
    --ust: var(--renk-ic-ust);
    --yan: var(--renk-ic-yan);
    --yazi: var(--renk-ic-metin);
}

.kutu-baslik[b-xlh41uxaif] {
    display: flex;
    align-items: center;
    gap: 0.45rem;
    font-size: 1rem;
    line-height: 1.2;
}

.sira[b-xlh41uxaif] {
    display: inline-grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    background: color-mix(in srgb, var(--renk-yuzey) 75%, transparent);
    font-weight: 700;
    font-size: 0.85rem;
    flex-shrink: 0;
}

.zorunlu[b-xlh41uxaif] {
    margin-left: auto;
    font-size: 0.7rem;
    padding: 0.05rem 0.4rem;
    border-radius: 999px;
    background: color-mix(in srgb, var(--renk-yuzey) 70%, transparent);
}

.kutu-yer[b-xlh41uxaif] {
    margin-top: 0.35rem;
    font-size: 0.85rem;
    opacity: 0.9;
}

.kutu-fire[b-xlh41uxaif] {
    margin-top: 0.2rem;
    font-size: 0.8rem;
    opacity: 0.85;
}

.maliyetler[b-xlh41uxaif] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.3rem;
    margin-top: 0.55rem;
}

.maliyet[b-xlh41uxaif] {
    font-size: 0.72rem;
    padding: 0.12rem 0.45rem;
    border-radius: 999px;
    background: var(--renk-maliyet-zemin);
    color: var(--renk-maliyet-metin);
    border: 1px solid var(--renk-maliyet-kenar);
}

/* ---------- ürün küpleri ---------- */
.kup[b-xlh41uxaif] {
    --d: 12px;
    width: 150px;
    min-height: 62px;
    padding: 0.45rem 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.kup-girdi[b-xlh41uxaif] {
    --on: var(--renk-girdi-zemin);
    --ust: var(--renk-girdi-ust);
    --yan: var(--renk-girdi-yan);
    --yazi: var(--renk-girdi-metin);
}

.kup-cikti[b-xlh41uxaif] {
    --on: var(--renk-cikti-zemin);
    --ust: var(--renk-cikti-ust);
    --yan: var(--renk-cikti-yan);
    --yazi: var(--renk-cikti-metin);
}

.kup-serbest[b-xlh41uxaif], .kup-eksik[b-xlh41uxaif] {
    --on: var(--renk-yuzey-cukur);
    --ust: var(--renk-yuzey);
    --yan: var(--renk-cizgi);
    --yazi: var(--renk-metin-ikincil);
    outline: 1px dashed var(--renk-cizgi-alan);
    outline-offset: -4px;
}

.kup-etiket[b-xlh41uxaif] {
    font-size: 0.65rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    opacity: 0.7;
}

.kup-ad[b-xlh41uxaif] {
    font-size: 0.85rem;
    font-weight: 600;
    line-height: 1.2;
}

.kup-not[b-xlh41uxaif] {
    font-size: 0.72rem;
    opacity: 0.8;
}

/* ---------- oklar ---------- */
.ok[b-xlh41uxaif] {
    position: relative;
    width: 44px;
    height: 2px;
    margin: 0 0.35rem;
    background: var(--renk-metin-soluk);
    flex-shrink: 0;
}

.ok[b-xlh41uxaif]::after {
    content: "";
    position: absolute;
    right: -1px;
    top: -4px;
    border-left: 8px solid var(--renk-metin-soluk);
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
}

.ok-kesik[b-xlh41uxaif] {
    background: repeating-linear-gradient(90deg, var(--renk-metin-soluk) 0 5px, transparent 5px 9px);
}

/* ---------- açıklama ---------- */
.akis-aciklama[b-xlh41uxaif] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    margin-top: 0.6rem;
    font-size: 0.8rem;
    color: var(--renk-metin-ikincil);
}

.akis-aciklama span[b-xlh41uxaif] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.renk[b-xlh41uxaif] {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 3px;
}

.renk-girdi[b-xlh41uxaif] { background: var(--renk-girdi-zemin); border: 1px solid var(--renk-girdi-kenar); }
.renk-fason[b-xlh41uxaif] { background: var(--renk-fason-zemin); border: 1px solid var(--renk-fason-kenar); }
.renk-ic[b-xlh41uxaif] { background: var(--renk-ic-zemin); border: 1px solid var(--renk-ic-kenar); }
.renk-cikti[b-xlh41uxaif] { background: var(--renk-cikti-zemin); border: 1px solid var(--renk-cikti-kenar); }
.renk-maliyet[b-xlh41uxaif] { background: var(--renk-maliyet-zemin); border: 1px solid var(--renk-maliyet-kenar); border-radius: 999px; }

.akis-bos[b-xlh41uxaif] {
    padding: 1.25rem;
    border: 1px dashed var(--renk-cizgi-alan);
    border-radius: var(--yaricap-lg);
    color: var(--renk-metin-ikincil);
    text-align: center;
}
/* /Components/Pages/Tanimlar/SablonDiyagrami.razor.rz.scp.css */
/* Şablon diyagramı. Renkler tasarım sistemi kavram token'larından (açık/koyu tema otomatik). */

.diyagram[b-8rg993w16l] {
    display: flex;
    gap: var(--bosluk-2);
    align-items: stretch;
    padding: var(--bosluk-2);
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-lg);
    box-shadow: var(--yukselti-cukur);
}

/* Araç çubuğu: masaüstünde solda dikey (görseldeki gibi), dar ekranda üstte yatay */
.diyagram-arac[b-8rg993w16l] {
    display: flex;
    flex-direction: column;
    gap: var(--bosluk-1);
    padding: var(--bosluk-1);
    background: var(--renk-yuzey-yukselmis);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-md);
    box-shadow: var(--yukselti-1);
    align-self: flex-start;
}

.diyagram-yuzde[b-8rg993w16l] {
    min-width: var(--dokunma-min);
    padding-inline: var(--bosluk-1);
    font-size: var(--yazi-xs);
}

@media (max-width: 40rem) {
    .diyagram[b-8rg993w16l] {
        flex-direction: column;
    }

    .diyagram-arac[b-8rg993w16l] {
        flex-direction: row;
    }
}

.diyagram-tuval[b-8rg993w16l] {
    /* Geniş diyagram sayfayı itmesin: kendi içinde kayar */
    contain: inline-size;
    flex: 1 1 auto;
    min-width: 0;
    max-height: 32rem;
    overflow: auto;
    border-radius: var(--yaricap-md);
    cursor: grab;
    background-color: var(--renk-zemin);
    /* İnce nokta ızgara */
    background-image: radial-gradient(circle, var(--renk-cizgi) 1px, transparent 1.2px);
    background-size: 20px 20px;
    touch-action: pan-x pan-y;
}

.diyagram-tuval.surukleniyor[b-8rg993w16l] {
    cursor: grabbing;
    user-select: none;
}

.diyagram-tuval svg[b-8rg993w16l] {
    display: block;
    overflow: visible;
}

/* ---------- bağlantılar ---------- */
.kenar[b-8rg993w16l] {
    fill: none;
    stroke: var(--renk-metin-soluk);
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.kenar-kesik[b-8rg993w16l] {
    stroke-dasharray: 6 6;
}

.ok-ucu[b-8rg993w16l] {
    fill: var(--renk-metin-soluk);
}

/* ---------- düğümler ---------- */
.dugum[b-8rg993w16l] {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 2px;
    width: 100%;
    height: 100%;
    padding: 0.55rem 0.75rem;
    overflow: hidden;
    font: inherit;
    text-align: start;
    color: var(--dugum-metin);
    background: var(--dugum-zemin);
    border: 1px solid var(--dugum-kenar);
    border-radius: var(--yaricap-md);
    /* Üst kenarda ince ışık + düşük yükselti (3B hissi) */
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.35), var(--yukselti-1);
}

.dugum-urun.girdi[b-8rg993w16l] {
    --dugum-zemin: var(--renk-girdi-zemin);
    --dugum-metin: var(--renk-girdi-metin);
    --dugum-kenar: var(--renk-girdi-kenar);
}

.dugum-urun.cikti[b-8rg993w16l] {
    --dugum-zemin: var(--renk-cikti-zemin);
    --dugum-metin: var(--renk-cikti-metin);
    --dugum-kenar: var(--renk-cikti-kenar);
}

.dugum-urun.serbest[b-8rg993w16l],
.dugum-urun.eksik[b-8rg993w16l] {
    --dugum-zemin: var(--renk-yuzey-cukur);
    --dugum-metin: var(--renk-metin-ikincil);
    --dugum-kenar: var(--renk-cizgi-alan);
    border-style: dashed;
}

.dugum-adim[b-8rg993w16l] {
    justify-content: flex-start;
    gap: 0.3rem;
    cursor: pointer;
    transition: transform var(--sure-hizli) var(--egri-standart);
}

.dugum-adim.fason[b-8rg993w16l] {
    --dugum-zemin: var(--renk-fason-zemin);
    --dugum-metin: var(--renk-fason-metin);
    --dugum-kenar: var(--renk-fason-kenar);
}

.dugum-adim.ic[b-8rg993w16l] {
    --dugum-zemin: var(--renk-ic-zemin);
    --dugum-metin: var(--renk-ic-metin);
    --dugum-kenar: var(--renk-ic-kenar);
}

.dugum-adim:hover[b-8rg993w16l] {
    transform: translateY(-2px);
}

.dugum-adim:active[b-8rg993w16l] {
    transform: translateY(1px);
}

.dugum-adim:focus-visible[b-8rg993w16l] {
    outline: 3px solid var(--renk-odak);
    outline-offset: -3px;
}

@media (prefers-reduced-motion: reduce) {
    .dugum-adim[b-8rg993w16l],
    .dugum-adim:hover[b-8rg993w16l],
    .dugum-adim:active[b-8rg993w16l] {
        transition: none;
        transform: none;
    }
}

.dugum-ust[b-8rg993w16l] {
    display: flex;
    align-items: center;
    gap: 0.4rem;
    min-width: 0;
}

.sira[b-8rg993w16l] {
    display: inline-grid;
    place-items: center;
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    font-size: var(--yazi-xs);
    font-weight: var(--kalinlik-kalin);
    background: color-mix(in srgb, var(--renk-yuzey) 75%, transparent);
}

.dugum-ad[b-8rg993w16l] {
    min-width: 0;
    overflow: hidden;
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-yari-kalin);
    line-height: 1.25;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.dugum-adim .dugum-ad[b-8rg993w16l] {
    white-space: nowrap;
    display: block;
}

.fire[b-8rg993w16l] {
    flex-shrink: 0;
    margin-left: auto;
    padding: 0.05rem 0.45rem;
    font-size: var(--yazi-2xs);
    font-weight: var(--kalinlik-yari-kalin);
    border-radius: var(--yaricap-tam);
    background: color-mix(in srgb, var(--renk-yuzey) 70%, transparent);
}

.dugum-urun .dugum-ad[b-8rg993w16l] {
    flex-shrink: 0;
}

.dugum-alt[b-8rg993w16l],
.dugum-not[b-8rg993w16l] {
    flex-shrink: 0;
    overflow: hidden;
    font-size: var(--yazi-xs);
    white-space: nowrap;
    text-overflow: ellipsis;
    opacity: 0.9;
}

.dugum-etiket[b-8rg993w16l] {
    font-size: var(--yazi-2xs);
    font-weight: var(--kalinlik-yari-kalin);
    letter-spacing: var(--harf-etiket);
    text-transform: uppercase;
    opacity: 0.75;
}

.maliyetler[b-8rg993w16l] {
    display: flex;
    gap: 0.3rem;
    min-width: 0;
    margin-top: auto;
}

.maliyet[b-8rg993w16l] {
    min-width: 0;
    overflow: hidden;
    padding: 0.1rem 0.45rem;
    font-size: var(--yazi-2xs);
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--renk-maliyet-metin);
    background: var(--renk-maliyet-zemin);
    border: 1px solid var(--renk-maliyet-kenar);
    border-radius: var(--yaricap-tam);
}

.maliyet-fazla[b-8rg993w16l] {
    flex-shrink: 0;
}

/* ---------- açıklama ---------- */
.diyagram-aciklama[b-8rg993w16l] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-4);
    margin-top: var(--bosluk-2);
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
}

.diyagram-aciklama span[b-8rg993w16l] {
    display: inline-flex;
    align-items: center;
    gap: 0.35rem;
}

.renk[b-8rg993w16l] {
    display: inline-block;
    width: 0.85rem;
    height: 0.85rem;
    border-radius: 3px;
}

.renk-girdi[b-8rg993w16l] { background: var(--renk-girdi-zemin); border: 1px solid var(--renk-girdi-kenar); }
.renk-fason[b-8rg993w16l] { background: var(--renk-fason-zemin); border: 1px solid var(--renk-fason-kenar); }
.renk-ic[b-8rg993w16l] { background: var(--renk-ic-zemin); border: 1px solid var(--renk-ic-kenar); }
.renk-cikti[b-8rg993w16l] { background: var(--renk-cikti-zemin); border: 1px solid var(--renk-cikti-kenar); }

.cizgi-kesik[b-8rg993w16l] {
    display: inline-block;
    width: 1.5rem;
    border-top: 2px dashed var(--renk-metin-soluk);
}

.diyagram-bos[b-8rg993w16l] {
    padding: var(--bosluk-5);
    text-align: center;
    color: var(--renk-metin-ikincil);
    border: 1px dashed var(--renk-cizgi-alan);
    border-radius: var(--yaricap-lg);
}
/* /Components/Pages/Tanimlar/Urunler.razor.rz.scp.css */
.hizli-giris[b-v8f77ezfec] {
    max-width: 36rem;
}

.hizli-satir[b-v8f77ezfec] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-2);
}

.hizli-satir > .form-control[b-v8f77ezfec] {
    flex: 1 1 12rem;
    min-width: 0;
}
/* /Components/Pages/TasarimRehberi.razor.rz.scp.css */
/* Tasarım rehberinin kendi yerleşimi. Bileşen görünümleri wwwroot/css/tasarim/*.css içinde.
   Not: kapsamlı (scoped) seçiciler genel sınıflardan daha özgüldür; burada bileşenin
   gölge/zemin gibi görünüm özelliklerine dokunulmaz, yalnızca yerleşim verilir. */

.rehber[b-xuq0cpi82o] {
    container: rehber / inline-size;
    padding-bottom: var(--bosluk-16);
}

.rehber[data-tema][b-xuq0cpi82o] {
    padding: var(--bosluk-5) var(--bosluk-4) var(--bosluk-16);
    border-radius: var(--yaricap-xl);
}

.rehber-ust[b-xuq0cpi82o] {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--bosluk-4) var(--bosluk-8);
    margin-bottom: var(--bosluk-5);
}

.rehber-ust h1[b-xuq0cpi82o] {
    margin: var(--bosluk-1) 0 var(--bosluk-2);
}

.rehber-giris[b-xuq0cpi82o],
.rehber-aciklama[b-xuq0cpi82o] {
    max-width: 72ch;
    color: var(--renk-metin-ikincil);
}

.rehber-aciklama[b-xuq0cpi82o] {
    margin-bottom: var(--bosluk-5);
}

.rehber-tema-secimi[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    gap: var(--bosluk-1);
}

.rehber-icindekiler[b-xuq0cpi82o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-2);
    margin-bottom: var(--bosluk-8);
}

.rehber-icindekiler a[b-xuq0cpi82o] {
    display: inline-flex;
    align-items: center;
    min-height: var(--dokunma-min);
    padding: 0 var(--bosluk-4);
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-yari-kalin);
    color: var(--renk-metin);
    text-decoration: none;
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-tam);
}

.rehber-icindekiler a:hover[b-xuq0cpi82o] {
    color: var(--renk-birincil-zayif-metin);
    background: var(--renk-birincil-zayif);
}

.rehber-bolum[b-xuq0cpi82o] {
    margin-top: var(--bosluk-16);
    scroll-margin-top: var(--bosluk-4);
}

.rehber-bolum > h2[b-xuq0cpi82o] {
    margin-bottom: var(--bosluk-2);
}

.rehber-alt-baslik[b-xuq0cpi82o] {
    margin: var(--bosluk-6) 0 var(--bosluk-3);
    font-size: var(--yazi-lg);
}

/* ---------- açık / koyu paneller ---------- */
.iki-tema[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: var(--bosluk-4);
}

@container rehber (min-width: 56rem) {
    .iki-tema[b-xuq0cpi82o] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.tema-panel[b-xuq0cpi82o] {
    min-width: 0;
    padding: var(--bosluk-4);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-xl);
}

.tema-etiket[b-xuq0cpi82o] {
    display: inline-block;
    margin-bottom: var(--bosluk-3);
    padding: 0.125rem 0.625rem;
    font-size: var(--yazi-2xs);
    font-weight: var(--kalinlik-yari-kalin);
    letter-spacing: var(--harf-etiket);
    text-transform: uppercase;
    color: var(--renk-metin-ikincil);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-tam);
}

.ornek-baslik[b-xuq0cpi82o] {
    margin: var(--bosluk-6) 0 var(--bosluk-3);
    font-size: var(--yazi-sm);
    font-weight: var(--kalinlik-yari-kalin);
    letter-spacing: 0;
    color: var(--renk-metin-ikincil);
}

.tema-panel > .ornek-baslik:first-of-type[b-xuq0cpi82o],
.tema-panel > div > .ornek-baslik:first-child[b-xuq0cpi82o] {
    margin-top: 0;
}

.ornek-satir[b-xuq0cpi82o] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--bosluk-3);
    margin-bottom: var(--bosluk-2);
}

/* ---------- renkler ---------- */
.renk-izgara[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
    gap: var(--bosluk-3);
}

.renk-ornek[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    min-width: 0;
    font-size: var(--yazi-xs);
}

.renk-kutu[b-xuq0cpi82o] {
    display: block;
    height: 2.75rem;
    margin-bottom: var(--bosluk-1);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-md);
}

.renk-ornek code[b-xuq0cpi82o],
.kavram-ornek code[b-xuq0cpi82o],
.yukselti-kutu code[b-xuq0cpi82o],
.tipo-token code[b-xuq0cpi82o],
.bosluk-satir code[b-xuq0cpi82o],
.yaricap-ornek code[b-xuq0cpi82o] {
    font-size: var(--yazi-xs);
    color: inherit;
    overflow-wrap: anywhere;
}

.kavram-izgara[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(7.5rem, 1fr));
    gap: var(--bosluk-3);
}

.kavram-ornek[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    gap: 2px;
    padding: var(--bosluk-3);
    color: var(--kavram-metin);
    background: var(--kavram-zemin);
    border: 1px solid var(--kavram-kenar);
    border-radius: var(--yaricap-md);
}

.metin-ornekleri[b-xuq0cpi82o] {
    display: grid;
    gap: var(--bosluk-2);
    padding: var(--bosluk-4);
}

/* ---------- yükselti ---------- */
.yukselti-izgara[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(8.5rem, 1fr));
    gap: var(--bosluk-5);
    padding: var(--bosluk-2) var(--bosluk-1) var(--bosluk-4);
}

.yukselti-kutu[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 2px;
    min-height: 7rem;
    padding: var(--bosluk-3);
    font-size: var(--yazi-xs);
    color: var(--renk-metin-ikincil);
    background-color: var(--renk-yuzey);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-lg);
}

.yukselti-kutu strong[b-xuq0cpi82o] {
    font-size: var(--yazi-xl);
    color: var(--renk-metin);
}

.yukselti-kutu.yuzey-cukur[b-xuq0cpi82o] {
    background-color: var(--renk-yuzey-cukur);
}

/* ---------- tipografi ---------- */
.tipo-liste[b-xuq0cpi82o] {
    border-top: 1px solid var(--renk-cizgi);
}

.tipo-satir[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: 6.5rem minmax(0, 1fr);
    gap: var(--bosluk-3);
    align-items: baseline;
    padding-block: var(--bosluk-3);
    border-bottom: 1px solid var(--renk-cizgi);
}

.tipo-token[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    font-size: var(--yazi-xs);
    color: var(--renk-metin-soluk);
}

.tipo-ornek[b-xuq0cpi82o] {
    min-width: 0;
    line-height: var(--satir-baslik);
    overflow-wrap: anywhere;
}

.tipo-kalinlik[b-xuq0cpi82o] {
    margin-bottom: var(--bosluk-2);
    font-size: var(--yazi-lg);
}

.rakam-karsilastirma[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--bosluk-4);
}

.rakam-karsilastirma ul[b-xuq0cpi82o] {
    margin: 0;
    padding: var(--bosluk-3) var(--bosluk-4);
    list-style: none;
    font-size: var(--yazi-lg);
    text-align: end;
    background: var(--renk-yuzey);
    border: 1px solid var(--renk-cizgi);
    border-radius: var(--yaricap-md);
}

/* ---------- boşluk / yarıçap ---------- */
.bosluk-liste[b-xuq0cpi82o] {
    display: grid;
    gap: var(--bosluk-2);
}

.bosluk-satir[b-xuq0cpi82o] {
    display: grid;
    grid-template-columns: 7rem minmax(0, 1fr);
    align-items: center;
    gap: var(--bosluk-3);
    font-size: var(--yazi-xs);
}

.bosluk-cubuk[b-xuq0cpi82o] {
    display: block;
    height: 0.75rem;
    background: var(--renk-birincil);
    border-radius: 2px;
}

.yaricap-dizi[b-xuq0cpi82o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-4);
}

.yaricap-ornek[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--bosluk-1);
}

.yaricap-kutu[b-xuq0cpi82o] {
    display: block;
    width: 3.5rem;
    height: 3.5rem;
    background: var(--renk-birincil-zayif);
    border: 2px solid var(--renk-birincil);
}

/* ---------- form ---------- */
.form-alan-grubu[b-xuq0cpi82o] {
    min-width: 0;
    margin: 0;
    padding: 0;
    border: 0;
}

.form-alan-grubu legend[b-xuq0cpi82o] {
    float: none;
    width: auto;
    margin-bottom: 0;
}

/* ---------- kartlar ---------- */
.cam-sahne[b-xuq0cpi82o] {
    padding: var(--bosluk-8) var(--bosluk-4);
    overflow: hidden;
    border-radius: var(--yaricap-xl);
    background:
        radial-gradient(circle at 18% 30%, var(--renk-girdi-yan) 0 16%, transparent 17%),
        radial-gradient(circle at 82% 72%, var(--renk-fason-yan) 0 22%, transparent 23%),
        radial-gradient(circle at 62% 18%, var(--renk-ic-yan) 0 11%, transparent 12%),
        radial-gradient(circle at 35% 85%, var(--renk-maliyet-yan) 0 10%, transparent 11%),
        var(--renk-yuzey-cukur);
}

.yuzey-cam[b-xuq0cpi82o] {
    max-width: 22rem;
    margin-inline: auto;
    padding: var(--bosluk-4);
    border-radius: var(--yaricap-lg);
}

.kup-dizi[b-xuq0cpi82o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-5) var(--bosluk-6);
    padding-top: var(--bosluk-2);
}

.kup-dizi .kup-3b[b-xuq0cpi82o] {
    display: flex;
    flex-direction: column;
    min-width: 8.5rem;
}

.kup-etiket[b-xuq0cpi82o] {
    color: inherit;
    opacity: 0.85;
}

/* ---------- önizleme çerçeveleri ---------- */
.onizleme-dizi[b-xuq0cpi82o] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--bosluk-6);
    align-items: flex-start;
}

.onizleme-yigin[b-xuq0cpi82o] {
    display: grid;
    gap: var(--bosluk-6);
}

.onizleme[b-xuq0cpi82o] {
    min-width: 0;
    margin: 0;
}

.onizleme-dar[b-xuq0cpi82o] {
    width: min(390px, 100%);
}

.onizleme-genis[b-xuq0cpi82o] {
    width: 100%;
}

.onizleme-etiket[b-xuq0cpi82o] {
    margin-bottom: var(--bosluk-2);
    font-size: var(--yazi-2xs);
    font-weight: var(--kalinlik-yari-kalin);
    letter-spacing: var(--harf-etiket);
    text-transform: uppercase;
    color: var(--renk-metin-ikincil);
}

.onizleme-cerceve[b-xuq0cpi82o] {
    --onizleme-yukseklik: 640px;
    --kabuk-yukseklik: calc(var(--onizleme-yukseklik) - 2px);
    height: var(--onizleme-yukseklik);
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--renk-cizgi-guclu);
    border-radius: var(--yaricap-xl);
}

.onizleme-dar .onizleme-cerceve[b-xuq0cpi82o] {
    border-radius: 28px;
}

.onizleme-cerceve.serbest[b-xuq0cpi82o] {
    height: auto;
    max-height: 720px;
    padding: var(--bosluk-4);
}

.onizleme-cerceve:focus-visible[b-xuq0cpi82o] {
    outline: 3px solid var(--odak-halka-renk);
    outline-offset: 3px;
}
/* /Components/Yardim/YardimDugmesi.razor.rz.scp.css */
/* Üst çubukta sağa yaslı "? Yardım"; dar telefonda yalnızca yuvarlak soru işareti */
.ust-yardim[b-y6aq2r8po8] {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    gap: var(--bosluk-2);
    min-height: var(--dokunma-min);
    white-space: nowrap;
}

.ust-yardim-isaret[b-y6aq2r8po8] {
    display: inline-grid;
    place-items: center;
    width: 1.6rem;
    height: 1.6rem;
    border-radius: 50%;
    border: 2px solid currentColor;
    font-weight: var(--kalinlik-kalin);
    line-height: 1;
}

@media (max-width: 30rem) {
    .ust-yardim-metin[b-y6aq2r8po8] {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
        white-space: nowrap;
    }
}

/* Yardım sayfasındayken düğme dolu mavi: nerede olduğunuz belli */
.ust-yardim-aktif[b-y6aq2r8po8] {
    color: var(--renk-bilgi);
}

.ust-yardim-aktif .ust-yardim-isaret[b-y6aq2r8po8] {
    background: var(--renk-bilgi);
    border-color: var(--renk-bilgi);
    color: var(--renk-yuzey);
}