/*#region Mobil Filtre Butonu (masaüstünde gizli)*/
#mobil-filtre-btn{display:none;}
/*#endregion*/

/*#region Mobil Filtre Paneli (Bottom Sheet)*/
#mobil-filtre-overlay{display:none; position:fixed; inset:0; background:rgba(0,0,0,0.4); z-index:9000;}
#mobil-filtre-panel{position:fixed; bottom:0; left:0; right:0; max-height:82vh; background:#fff; border-radius:16px 16px 0 0; z-index:9001; display:flex; flex-direction:column; transform:translateY(100%); transition:transform 0.28s cubic-bezier(0.4, 0, 0.2, 1); box-shadow:0 -4px 24px rgba(0,0,0,0.14);}
#mobil-filtre-panel.acik{transform:translateY(0);}

.mfp-baslik{display:flex; align-items:center; justify-content:space-between; padding:14px 16px 10px; border-bottom:1px solid var(--renk-kenar-acik); flex-shrink:0;}
.mfp-baslik-yazi{font-size:15px; font-weight:600; color:var(--renk-yazi);}
.mfp-baslik-yazi i{margin-right:6px; color:var(--renk-birincil);}
.mfp-kapat{background:none; border:none; padding:4px 8px; font-size:18px; color:var(--renk-yazi-soluk); cursor:pointer; line-height:1;}

.mfp-icerik{overflow-y:auto; flex:1; padding:12px 16px; display:flex; flex-direction:column; gap:10px;}
.mfp-satir{display:flex; flex-direction:column; gap:5px;}
.mfp-label{font-size:10px; font-weight:700; text-transform:uppercase; color:var(--renk-yazi-soluk); letter-spacing:0.5px;}
.mfp-input, .mfp-select{width:100%; padding:9px 12px; border:1.5px solid #e2e8f0; border-radius:8px; font-size:13px; color:var(--renk-yazi); background:var(--renk-arkaplan-acik); outline:none; box-sizing:border-box; -webkit-appearance:none;}
.mfp-input:focus, .mfp-select:focus{border-color:var(--renk-birincil); background:#fff;}

.mfp-altbutonlar{display:flex; gap:10px; padding:12px 16px; border-top:1px solid var(--renk-kenar-acik); flex-shrink:0;}
.mfp-temizle{flex:1; padding:10px; border:1.5px solid #e2e8f0; border-radius:10px; background:#fff; color:var(--renk-yazi-orta); font-size:13px; font-weight:500; cursor:pointer;}
.mfp-uygula{flex:2; padding:10px; border:none; border-radius:10px; background:var(--renk-birincil); color:#fff; font-size:13px; font-weight:600; cursor:pointer;}
.mfp-uygula:active{background:var(--renk-birincil-koyu);}

.mfp-badge{display:none; background:#e74c3c; color:#fff; font-size:9px; font-weight:700; border-radius:10px; padding:1px 5px; margin-left:4px; vertical-align:middle; position:relative;}

.mfp-badge.gorunu{display:inline; position:absolute; right:-5px; top:-2px; padding:3px 5px 2px 5px;}
#mobil-filtre-btn{position:relative;}
#mobil-filtre-btn.aktif{background:var(--renk-birincil-koyu) !important;}
/*#endregion*/

/*#region Ekran Ölçüleri*/
@media screen and (max-width: 1560px) {
    sol-menu{width:235px; min-width:235px; padding-left:10px; position:fixed; z-index:8; top:0; left:0; transform:translateX(-100%); opacity:0; box-shadow:none; background:#fff; transition:transform .2s ease,opacity .2s ease, width .2s ease, min-width .2s ease, padding-right .2s ease;}
    sol-menu.goster{transform:translateX(0); opacity:1; box-shadow:rgba(0,0,0,0.2) 20px 0 20px;}
    sol-menu.no-anim{transition:transform 0s ease,opacity 0s ease, width 0s ease, min-width 0s ease, padding-right 0s ease; display:none;}
    sol-menu .solmenubtn{display:block;}
}

@media screen and (max-width: 1440px) {
    body[tip="layout"]{padding:6px;}
    body[tip="boslayout"]{padding:6px;}

    sag-icerik header header-ust{align-self:flex-start; width:100%; display:flex; align-items:center;}

    sag-icerik header header-orta header-baslik{display:flex; align-items:center;}
    sag-icerik header header-orta header-baslik i.sayfaikon{font-size:28px;}
    sag-icerik header header-orta header-arama .fa-search{font-size:14px;}
    sag-icerik header header-orta header-arama input{height:28px; font-size:11px;}
    sag-icerik header header-orta header-arama input::placeholder{height:28px; font-size:11px;}

    sag-icerik header sayfa-menu a{padding:7px 12px; border-radius:5px 5px 0 0; font-size:11px;}

    sag-icerik header sayfa-islemmenu{border-radius:5px 5px 0 0;}
    sag-icerik header sayfa-islemmenu .islemmenu{padding:5px;}
    sag-icerik header sayfa-islemmenu .islemmenu button{padding:6px 9px; color:#fff; font-size:11px;}

    sag-icerik .icerik .stdkutualan.satisiade{width:28%;}
    sag-icerik .icerik .stdkutualan.caritahsilat{width:28%;}
    sag-icerik .icerik .stdkutualan.satistahsilatgrafik{width:44%;}
    sag-icerik .icerik .stdkutualan .stdkutubaslikalan .stdkutubaslik{font-size:12px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satisiade .stdkutubaslikalan, sag-icerik .icerik .gosterge-paneli .stdkutualan.caritahsilat .stdkutubaslikalan{height:auto; gap:0; align-items:stretch; flex-wrap:nowrap; padding:0 4px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satisiade .stdkutubaslikalan .stdkutubaslik, sag-icerik .icerik .gosterge-paneli .stdkutualan.caritahsilat .stdkutubaslikalan .stdkutubaslik{font-size:11px; padding:10px 10px; min-height:42px; display:flex; align-items:center; white-space:nowrap; flex:0 0 auto;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satisiade .stdkutubaslikalan .tarihalan, sag-icerik .icerik .gosterge-paneli .stdkutualan.caritahsilat .stdkutubaslikalan .tarihalan{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 30px; gap:4px; padding:4px; margin-left:0; flex:1 1 0; min-width:0; border-radius:0 8px 0 0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satisiade .stdkutubaslikalan .tarihalan input, sag-icerik .icerik .gosterge-paneli .stdkutualan.caritahsilat .stdkutubaslikalan .tarihalan input{width:100%; min-width:0; margin:0; padding:0 8px; font-size:10px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satisiade .stdkutubaslikalan .tarihalan i.onayla, sag-icerik .icerik .gosterge-paneli .stdkutualan.caritahsilat .stdkutubaslikalan .tarihalan i.onayla{position:static; transform:none; width:30px; height:25px; display:flex; align-items:center; justify-content:center; margin:0; font-size:15px;}
    .apexcharts-legend-text{font-size:10px !important;}

    #tablo th{font-size:11px; line-height:16px;}
    #tablo tr.filters th i.fa-search{font-size:8px;}
    #tablo tr.filters th input{font-size:11px;}

    #tablo td{font-size:11px;}
}

@media screen and (max-width: 1240px) {
    #satirsayisi{padding:8px 10px; border-top-right-radius:5px;}
    #toplamkayit{padding:10px; font-size:11px;}
    #satirsayisi select{margin-left:5px; font-size:16px; width:45px;}

    sag-icerik header{height:auto; min-height:164px;}
    sag-icerik header header-orta{padding:6px 14px 8px; gap:12px;}
    sag-icerik header header-orta header-baslik{flex:0 0 auto; min-width:170px; font-size:22px;}
    sag-icerik header header-orta header-hizlierisim .hizlierisim-kontrol{flex:0 0 36px;}
    sag-icerik header header-orta header-hizlierisim .hizlierisim-kart{flex-basis:92px; min-height:64px;}
    sag-icerik header header-orta header-hizlierisim .hizlierisim-grid{flex:0 1 480px;}
    sag-icerik header header-orta header-hizlierisim .hizlierisim-kart-baslik{font-size:10px;}
    sag-icerik header header-alt{padding:0 10px; margin-top:0; align-items:flex-end;}
    sag-icerik header sayfa-menu{align-self:flex-end; padding-top:0;}
    sag-icerik header sayfa-menu a{margin:0 4px;}

    sag-icerik .icerik .gosterge-paneli{row-gap:10px;}
    sag-icerik .icerik .gosterge-paneli>.stdkutualan{padding:4px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satisiade{width:50%;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.caritahsilat{width:50%;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.satistahsilatgrafik{width:100%;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.songuncelleme{width:100%;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan{height:auto; gap:8px; align-items:flex-start; flex-wrap:wrap; padding:0 6px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .stdkutubaslik{font-size:13px; padding:10px 12px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan, sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan{margin-left:0; width:100%; border-radius:10px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan{padding:6px; display:grid; grid-template-columns:1fr 1fr 34px; gap:4px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan input{width:auto; margin:0; min-width:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan i.onayla{position:static; transform:none; display:flex; align-items:center; justify-content:center; font-size:18px; width:34px; height:25px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan{padding:4px; justify-content:space-between;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan .lineGrafikSec{flex:1 1 0; text-align:center; padding:8px 6px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutu.baslikli{height:auto; min-height:unset;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.songuncelleme .stdkutu{gap:6px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.songuncelleme .stdkutu .stdickutualan{flex:1 1 100%; padding:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik{align-items:flex-start;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan.songuncelleme .stdkutu .stdickutu .stdickutu-icerik .yaz{padding-left:14px; flex:1 1 auto; min-width:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutu .veri{padding:8px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutu .veri .buyukveri{font-size:18px;}
    #satistahsilatgrafik{min-height:340px;}
}
/*#endregion*/

/*#region Hata Sayfası + HızlıErişim Mobil (≤992px) */
@media screen and (max-width:992px) {
    .hata-panel{max-width:100%;}
    .hata-metin, .hata-gorsel{flex:1 1 100%;}
    .hataalan .yaz{padding:40px 24px;}
    .hata-icerik{gap:16px;}
    .hata-gorsel img{max-width:280px;}

    .he-container{flex-direction:column;}
    .he-container{height:auto;}
    .he-panel.secili{width:100%; flex:1 1 auto; height:auto; max-height:none;}
    .he-panel.secili .he-liste{max-height:none; height:auto;}
}
/*#endregion*/

/*#region Mobil - 768px ve altı (Tablet / Küçük Tablet)*/
@media screen and (max-width: 768px) {
    body[tip="layout"]{padding:4px;}
    body[tip="layout"] .dataTables_wrapper{margin-bottom:calc(60px + env(safe-area-inset-bottom, 0px));}

    sag-icerik header{height:auto; min-height:auto;}

    body[tip="layout"] sag-icerik header header-alt{display:none;}

    sag-icerik header header-ust{padding:0px 6px 4px 0; align-items:center;}
    sag-icerik header header-ust i.solmenubtn{width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:8px; font-size:14px; background:none; color:#000;}
    sag-icerik header #toplamkayit{font-size:10px; padding:0 8px; color:rgba(0,0,0,0.55); line-height:1.4;}

    body[tip="layout"] .sag-hamburger{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex-shrink:0; background:rgba(0,0,0,0.08); border:none; border-radius:8px; font-size:15px; color:var(--renk-birincil); cursor:pointer; transition:background .15s;}
    body[tip="layout"] .sag-hamburger:hover{background:rgba(0,0,0,0.14);}
    body[tip="layout"] .sag-hamburger.aktif{background:var(--renk-birincil); color:#fff;}

    sag-icerik header header-orta{flex-wrap:wrap; flex-direction:row; padding:8px 10px 6px; gap:8px; align-self:auto; align-items:center;}
    sag-icerik header header-orta header-baslik{flex:0 0 100%; font-size:17px; font-weight:500; letter-spacing:0;}
    sag-icerik header header-orta header-baslik i.sayfaikon{font-size:20px; margin-right:6px;}
    sag-icerik header header-orta header-arama{flex:1; min-width:0;}

    sag-icerik header header-orta header-arama{background:rgba(255,255,255,0.75); border:none; border-radius:10px; padding:0 12px;}
    sag-icerik header header-orta header-arama .fa-search{color:rgba(0,0,0,0.4);}
    sag-icerik header header-orta header-arama input{height:36px; background:transparent;}
    sag-icerik header header-orta header-arama input::placeholder{color:rgba(0,0,0,0.4); height:36px;}

    sag-icerik header header-alt{flex-direction:column; padding:0 6px; gap:0;}

    sag-icerik header sayfa-menu{overflow-x:auto; overflow-y:hidden; white-space:nowrap; display:none; -webkit-overflow-scrolling:touch; padding-bottom:2px;}
    sag-icerik header sayfa-menu::-webkit-scrollbar{display:none;}
    sag-icerik header sayfa-menu a{display:inline-block; padding:7px 12px; font-size:11px; margin:0 2px;}

    sag-icerik header sayfa-islemmenu{background:transparent; border-radius:0; padding:4px 0 8px; gap:6px; flex-wrap:wrap; align-items:center;}
    sag-icerik header sayfa-islemmenu .islemmenu{padding:0; flex-wrap:wrap; gap:4px;}
    sag-icerik header sayfa-islemmenu .islemmenu .oto button{background:var(--renk-birincil); border:none; border-radius:5px; padding:8px 16px; font-size:12px; font-weight:500;}
    sag-icerik header sayfa-islemmenu .islemmenu .oto button:hover{background:#3e5cbf;}
    sag-icerik header sayfa-islemmenu .islemmenu .manuel button.excelindir{border-radius:5px; padding:8px 14px;}
    sag-icerik header sayfa-islemmenu .islemmenu .manuel button.datatablesexcelindir{border-radius:20px; padding:8px 14px;}
    sag-icerik header sayfa-islemmenu .tarihalan{background:rgba(0,0,0,0.1); border-radius:20px; margin:0; padding:4px 10px;}
    sag-icerik header sayfa-islemmenu .tarihalan input{width:80px; color:rgba(0,0,0,0.8);}
    sag-icerik header sayfa-islemmenu .tarihalan i.onayla{margin-right:4px;}

    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .bilgilendirme{row-gap:12px; column-gap:8px; padding:10px 12px; align-items:center;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre button.islemlistesi{flex:0 0 auto; margin-right:0; order:0; font-size:10px; padding:5px 8px;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .mobil-bilgilendirme-menu{flex:0 0 auto; order:0;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .tarihalan{flex:1 1 auto; min-width:0; order:1;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .tarihalan input.tarihsec{flex:1 1 0; width:0; min-width:0;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .bilgilendirme-sag-alan{order:2; width:100%; margin-left:0; justify-content:center;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar{width:100%; gap:10px;}
    sag-icerik .icerik .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan{flex:1; text-align:center; margin-left:0; min-width:0; padding:8px 12px;}

    sag-icerik .satirsayisi{background:rgba(0,0,0,0.1); border-radius:5px;}
    sag-icerik .satirsayisi .kayitsayisi{color:rgba(0,0,0,0.5);}
    sag-icerik .satirsayisi select{background:transparent; color:rgba(0,0,0,0.75); font-size:14px;}

    #mobil-filtre-btn{display:inline-flex; align-items:center; gap:5px;}
    sag-icerik header header-orta #mobil-filtre-btn{width:36px; height:36px; flex-shrink:0; justify-content:center; background:rgba(0,0,0,0.08); border:none; border-radius:8px; font-size:15px; color:var(--renk-birincil); cursor:pointer;}
    sag-icerik header header-orta #mobil-filtre-btn.aktif{background:var(--renk-birincil); color:#fff;}

    sag-icerik .icerik .bilgilendirme-alan .uzun-aciklama{font-size:10px;}

    body[tip="iframelayout"] iframe-alan header{flex-wrap:nowrap; padding:6px 8px; gap:5px;}
    body[tip="iframelayout"] iframe-alan header navigasyon-menu i{width:26px; height:26px; line-height:26px; font-size:12px;}
    body[tip="iframelayout"] iframe-alan header iframe-arama{flex:1; min-width:0; height:36px;}
    body[tip="iframelayout"] iframe-alan header iframe-arama input{height:36px;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu{display:none;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik{display:flex; flex-direction:column; gap:2px; position:fixed; top:0; right:0; background:#fff; border-radius:12px; box-shadow:var(--golge-xl); border:1px solid rgba(0,0,0,0.07); z-index:100; padding:5px; min-width:180px;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button{display:flex; align-items:center; justify-content:flex-start; width:100%; height:32px; padding:0 14px; border-radius:8px; font-size:12px; gap:10px; background:transparent; color:var(--renk-yazi);}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button:hover{background:var(--renk-arkaplan-hover);}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button i{font-size:16px; margin:0; width:20px; text-align:center; flex-shrink:0;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button[veri=yilSec] i, body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button[veri=listeSec] i{font-size:10px; margin-left:auto; width:auto;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button.excelindir{color:#16a34a; background:transparent;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button.excelindir:hover{background:#f0fdf4;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button.datatablesexcelindir{color:#4d8f0a; background:transparent;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button.datatablesexcelindir:hover{background:#f0fdf4;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button.pdfindir{color:var(--renk-pdf); background:transparent;}
    body[tip="iframelayout"] iframe-alan header iframe-islemmenu.acik button.pdfindir:hover{background:#fff1f2;}

    body[tip="iframelayout"] .iframe-hamburger{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; flex-shrink:0; background:var(--renk-arkaplan-hover); border:none; border-radius:8px; color:#475569; font-size:15px; cursor:pointer; transition:background .15s;}
    body[tip="iframelayout"] .iframe-hamburger:hover{background:#e2e8f0;}
    body[tip="iframelayout"] .iframe-hamburger.aktif{background:var(--renk-birincil-koyu); color:#fff;}

    body[tip="iframelayout"] iframe-alan header #mobil-filtre-btn{width:36px; height:36px; flex-shrink:0; justify-content:center; background:var(--renk-vurgu); border:none; border-radius:8px; color:var(--renk-vurgu-yazi); font-size:15px; cursor:pointer; transition:background .15s;}
    body[tip="iframelayout"] iframe-alan header #mobil-filtre-btn:hover{background:#e2e8f0;}
    body[tip="iframelayout"] iframe-alan header #mobil-filtre-btn.aktif{background:var(--renk-birincil-koyu); color:#fff;}

    body[tip="iframelayout"] iframe-alan .bilgilendirme{flex-wrap:wrap; align-items:flex-start; gap:8px; padding:8px;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme .urunresmi{width:52px; flex-shrink:0; border-radius:6px;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme .urunresmi img{width:52px; height:52px; object-fit:contain;}

    body[tip="iframelayout"] iframe-alan .bilgilendirme .temelbilgiler .aciklama{font-size:11px; overflow:hidden;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme .temelbilgiler .baslik, body[tip="iframelayout"] iframe-alan .bilgilendirme .temelbilgiler .aciklama, body[tip="iframelayout"] iframe-alan .bilgilendirme .temelbilgiler .aciklama-ozel{white-space:normal; text-overflow:clip;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .bilgilendirme{align-items:center; gap:8px 6px;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre button.islemlistesi{flex:0 0 auto; margin-right:0; order:0;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .mobil-bilgilendirme-menu{flex:0 0 auto; order:0;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .tarihalan{flex:1 1 auto; min-width:0; order:1;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .tarihalan input.tarihsec{flex:1 1 0; width:0; min-width:0;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .bilgilendirme-sag-alan{order:2; width:100%; margin-left:0; justify-content:center;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar{width:100%; gap:8px;}
    body[tip="iframelayout"] iframe-alan .bilgilendirme-alan.b2bliste-filtre .mini-toplamlar .tutar-alan{flex:1; text-align:center; margin-left:0;}

    .dataTables_wrapper:has(table[data-tablotipi^="kart"]) .dataTables_scrollBody{height:auto !important; max-height:none !important; overflow:visible !important;}
    table[data-tablotipi^="kart"]{display:block; width:100%; height:auto !important;}
    table[data-tablotipi^="kart"] thead{display:none;}
    table[data-tablotipi^="kart"] tbody{display:flex; flex-wrap:wrap; gap:8px; padding:4px;}
    table[data-tablotipi^="kart"] tbody tr{display:block; width:100%; background:#fff; border:1px solid rgba(0,0,0,0.1) !important; border-radius:10px; padding:10px; box-shadow:0 1px 8px rgba(0,0,0,0.07); overflow:hidden; break-inside:avoid; position:relative;}
    table[data-tablotipi^="kart"] tbody tr:hover{background:var(--renk-hover);}
    table[data-tablotipi^="kart"] tbody tr.sonaktif{background:var(--renk-secili);}
    table[data-tablotipi^="kart"] tbody tr.odendi{background:#eefff4; color:#0a7637;}
    table[data-tablotipi^="kart"] tbody tr.protesto{background:#ffe9e9; color:#9d0000;}
    table[data-tablotipi^="kart"] tbody td{display:block; width:100% !important; min-width:0 !important; max-width:none !important; box-sizing:border-box; border:none !important; border-bottom:1px solid rgba(0,0,0,0.08) !important; padding:7px 0; font-size:12px; position:static !important; z-index:auto !important; background:transparent !important; white-space:normal; overflow:hidden; text-overflow:ellipsis; text-align:left !important;}
    table[data-tablotipi^="kart"] tbody td input{text-align:left !important;}
    table[data-tablotipi^="kart"] tbody td .para-alan input{text-align:right !important; width:auto !important;}

    table[data-tablotipi^="kart"] tbody td:has(ayrac)>span{display:block; text-align:left;}

    table[data-tablotipi^="kart"] tbody td img{display:block; vertical-align:top;}
    table[data-tablotipi^="kart"] tbody td:last-child{border-bottom:none !important;}
    table[data-tablotipi^="kart"] tbody td.solsticky{position:static !important; left:auto;}
    table[data-tablotipi^="kart"] tbody td.solsticky::after{display:none;}
    table[data-tablotipi^="kart"] tbody td[data-label]::before{content:attr(data-label); display:block; font-size:8px; font-weight:700; text-transform:uppercase; color:#b0b8c9; letter-spacing:0px; line-height:1.3; margin-bottom:3px;}

    table[data-tablotipi="kart-nb-1-2"] tbody td[data-label]::before{display:none;}
    table[data-tablotipi^="kart"] tbody td:not(.ozelfiltre):empty{display:none !important}
    table[data-tablotipi^="kart"] tbody td.hareketyok{display:none !important}
    table[data-tablotipi="kart-nb-1-2"] tbody td[data-name="MarkaAdi"]{display:flex; align-items:center; justify-content:flex-end; gap:6px; flex-wrap:nowrap;}
    table[data-tablotipi="kart-nb-1-2"] tbody td[data-name="MarkaAdi"] img.markalogo{display:inline-block !important; margin-left:0;}
    table[data-tablotipi="kart-nb-1-2"] tbody td[data-name="MarkaAdi"] .alternatifvar{flex-shrink:0;}

    .dataTables_wrapper:has(table[data-tablotipi^="kart"]) .dataTables_scrollHeadInner, .dataTables_wrapper:has(table[data-tablotipi^="kart"]) .dataTables_scrollBody table{width:100% !important;}
    table[data-tablotipi^="kart"] tbody td .stokresim{max-width:70px;}
    table[data-tablotipi^="kart"] tbody td .markalogo{max-width:70px; margin-left:auto;}
    table[data-tablotipi^="kart"] tbody td .carikodust{display:block;}
    table[data-tablotipi^="kart"] tbody td .ellipsis{display:block; width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
    table[data-tablotipi^="kart"] tbody td[data-name="B2B"]{position:absolute !important; display:block; top:8px; right:44px; width:28px !important; text-align:center; padding:0 !important; border:none !important; background:transparent !important;}
    table[data-tablotipi^="kart"] tbody td[data-name="NetFiyatliMi"]{position:absolute !important; display:block; top:8px; right:8px; width:32px !important; text-align:center; padding:0 !important; border:none !important; background:transparent !important;}
    table[data-tablotipi^="kart"] tbody td[data-name="B2B"]::before, table[data-tablotipi^="kart"] tbody td[data-name="NetFiyatliMi"]::before{display:block; font-size:7px; font-weight:700; text-transform:uppercase; color:#9ca3af; letter-spacing:0.3px; text-align:left; margin-bottom:2px;}
    table[data-tablotipi^="kart"] tbody td[data-name="SatisFiyat1"], table[data-tablotipi^="kart"] tbody td[data-name="SatisFiyat2"]{display:inline-block !important; width:calc(50% - 2px); vertical-align:top; box-sizing:border-box;}
    table[data-tablotipi="kart-nb-1"] tbody tr{width:100% !important;}
    table[data-tablotipi="kart-nb-1-2"] tbody tr{width:calc(50% - 4px) !important;}
    table[data-tablotipi="kart-sb-altalta"] tbody tr{width:100% !important;}

    table[data-tablotipi="kart-nb-1"] tbody{gap:8px;}
    table[data-tablotipi="kart-nb-1"] tbody tr{background:#fff; border-radius:12px; box-shadow:0 2px 10px rgba(15, 23, 42, 0.08); border:1px solid rgba(15, 23, 42, 0.08) !important;}

    table[data-tablotipi="kart-sb-altalta"] tbody{gap:10px;}
    table[data-tablotipi="kart-sb-altalta"] tbody tr{background:linear-gradient(180deg, #ffffff 0%, #f8fbff 100%); border-left:4px solid var(--renk-birincil) !important; border-radius:12px; box-shadow:0 4px 14px rgba(42, 59, 114, 0.10); padding:12px 12px 12px 14px;}
    table[data-tablotipi="kart-sb-altalta"] tbody td[data-label]::before{color:#7c8aa5;}

    table[data-tablotipi="kart-sb-yanyana"] tbody{gap:10px;}
    table[data-tablotipi="kart-sb-yanyana"] tbody tr{background:#fff; border-left:4px solid #4a67b3 !important; border-radius:12px; box-shadow:0 4px 14px rgba(42, 59, 114, 0.08); padding:10px 12px;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td{display:flex; align-items:flex-start; justify-content:space-between; gap:10px; padding:6px 0 !important; white-space:normal;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td:has(i.td-buton){justify-content:flex-end;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td i.td-buton{margin-left:0;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-label]::before{flex:0 0 auto; width:96px; margin-bottom:0; color:#7383a3; align-self:center; line-height:1;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td>:not(style){margin-left:auto; text-align:right;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td .para-alan{justify-content:flex-end;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td .para-alan > span:last-child{flex:0;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td input{text-align:right !important;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="Cari"]{display:grid; grid-template-columns:96px 1fr; align-items:start; gap:0 10px;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="Cari"]::before{grid-column:1; grid-row:1 / 3; flex:none; width:auto; align-self:start;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="Cari"] .carikodust{grid-column:2; grid-row:1; margin-left:0; text-align:right;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="Cari"] .ellipsis{grid-column:2; grid-row:2; margin-left:0; text-align:right; width:100%; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="StokAdiArac"], table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKodu"]{display:grid; grid-template-columns:96px 1fr; align-items:start; gap:0 10px;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="StokAdiArac"]::before, table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKodu"]::before{grid-column:1; grid-row:1 / 3; flex:none; width:auto; align-self:start;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="StokAdiArac"]>span:nth-of-type(1), table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKodu"]>span:nth-of-type(1){grid-column:2; grid-row:1; margin-left:0; text-align:right; width:100%; min-width:0;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="StokAdiArac"]>span:nth-of-type(2), table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKodu"]>span:nth-of-type(2){grid-column:2; grid-row:2; margin-left:0; text-align:right; width:100%; min-width:0;}

    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKoduOem"]{display:grid; grid-template-columns:96px 1fr; align-items:start; gap:0 10px;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKoduOem"]::before{grid-column:1; grid-row:1 / 4; flex:none; width:auto; align-self:start;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKoduOem"]>span:nth-of-type(1){grid-column:2; grid-row:1; margin-left:0; text-align:right; width:100%; min-width:0;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKoduOem"]>span:nth-of-type(2){grid-column:2; grid-row:2; margin-left:0; text-align:right; width:100%; min-width:0;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="MarkaUreticiKoduOem"]>span:nth-of-type(3){grid-column:2; grid-row:3; margin-left:0; text-align:right; width:100%; min-width:0;}

    table[data-tablotipi="kart-sb-yanyana"] tbody td ayrac{display:none !important;}

    body[tip="layout"] #mobil-sticky-bar{position:fixed; top:0; left:0; right:0; bottom:auto; background:#fff; box-shadow:0 3px 16px rgba(0,0,0,0.12); padding:8px 10px; padding-top:calc(8px + env(safe-area-inset-top, 0px)); border-radius:0 0 12px 12px; z-index:9050; display:flex; align-items:center; gap:8px; transform:translateY(-110%); transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);}
    body[tip="layout"] #mobil-sticky-bar.gorunu{transform:translateY(0);}
    body[tip="layout"].pencere-acik #mobil-sticky-bar{transform:translateY(-110%) !important;}

    #mobil-sticky-bar .msb-arama{flex:1; display:flex; align-items:center; background:rgba(0,0,0,0.05); border-radius:8px; padding:0 10px; height:36px; gap:6px;}
    #mobil-sticky-bar .msb-arama i{color:rgba(0,0,0,0.4); font-size:13px; flex-shrink:0;}
    #mobil-sticky-bar .msb-arama input{flex:1; border:none; background:transparent; outline:none; font-size:13px; color:var(--renk-yazi);}
    #mobil-sticky-bar .msb-arama input::placeholder{color:rgba(0,0,0,0.4);}
    #mobil-sticky-bar .msb-filtre-btn{width:36px; height:36px; flex-shrink:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,0.08); border:none; border-radius:8px; font-size:15px; color:var(--renk-birincil); cursor:pointer; position:relative;}
    #mobil-sticky-bar .msb-filtre-btn.aktif{background:var(--renk-birincil); color:#fff;}

    .fancybox-show-thumbs .fancybox-inner{right:0 !important; bottom:88px !important;}
    .fancybox-thumbs{top:auto !important; right:0 !important; bottom:0 !important; left:0 !important; width:100% !important; height:88px !important; overflow-x:auto !important; overflow-y:hidden !important; background:rgba(0,0,0,0.85) !important; border-top:1px solid rgba(255,255,255,0.12);}
    .fancybox-thumbs__list{display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important; height:88px !important; padding:6px 8px !important; overflow-x:auto !important; overflow-y:hidden !important; gap:6px;}
    .fancybox-thumbs__list a{flex:0 0 72px !important; width:72px !important; height:72px !important; margin:0 !important; border-radius:5px; overflow:hidden;}
    .fancybox-thumbs__list a::before{border-width:3px !important; border-radius:5px;}

    .fancybox-toolbar{top:0 !important; right:0 !important; padding:4px !important;}
    .fancybox-button{width:40px !important; height:40px !important;}
    .fancybox-button svg{width:18px !important; height:18px !important;}

    .fancybox-navigation .fancybox-button{width:44px !important; height:44px !important; padding:6px !important; background:rgba(0,0,0,0.4) !important; border-radius:50% !important; top:50% !important; transform:translateY(-50%) !important;}
    .fancybox-navigation .fancybox-button--arrow_left{left:8px !important;}
    .fancybox-navigation .fancybox-button--arrow_right{right:8px !important;}

    .fancybox-caption{bottom:88px !important; padding:8px 12px !important; font-size:12px !important;}

    .fancybox-infobar{font-size:12px !important; padding:0 8px !important;}

    .bilgilendirme-alan a.bilgilendirmestdbuton{display:none !important;}
    .mobil-bilgilendirme-menu{display:inline-block !important;}

    .siparis-birlestir-kutu{top:auto !important; left:0 !important; right:0; bottom:0; width:auto; max-width:none; transform:none !important; border-radius:14px 14px 0 0; max-height:75vh;}
    .siparis-birlestir-kutu .sbk-baslik{cursor:default;}

    .toplama-kilit .tk-panel{padding:18px 16px 14px;}
    .toplama-kilit .tk-baslik{font-size:14px;}
    .toplama-kilit .tk-input-grup input{font-size:15px; padding:10px 12px;}

    .toplanan-rozet{padding:4px 12px;}

    .onay-rozet .onay-input{width:72px; height:32px; font-size:16px;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="OnaylananMiktar"]{align-items:center;}

    table[data-tablotipi="kart-sb-yanyana"] tbody tr.sevkiyat-degisti{box-shadow:inset 0 3px 0 0 #f97316;}

    table[data-tablotipi="kart-sb-yanyana"] th[data-name="Miktar"], table[data-tablotipi="kart-sb-yanyana"] td[data-name="Miktar"]{width:auto !important; min-width:0 !important; max-width:none !important;}
    table[data-tablotipi="kart-sb-yanyana"] tbody td[data-name="Miktar"]{align-items:center;}
    .siparis-miktar-kutu{width:70px;}
    .siparis-miktar-kutu .siparis-miktar-input{height:28px; font-size:15px;}

    .siparis-akis{flex-wrap:nowrap; flex:0 0 100%; width:100%; max-width:100%; gap:10px; padding:6px 10px 10px; margin:0;}

    .siparis-akis-item{flex:0 0 auto; min-width:120px; max-width:220px; gap:5px;}
    .siparis-akis-ad{max-width:none;}

    .siparis-akis-aciklama{min-width:200px; max-width:280px; flex:0 0 auto;}
    .siparis-akis-aciklama .siparis-akis-ad{white-space:normal; line-height:1.35; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden;}

        .he-panel.secili .he-yukari-btn, .he-panel.secili .he-asagi-btn{display:inline-flex;}

    .mobil-duzenle-btn{display:inline-flex;}
    .siparis-duzenle .bilgilendirme{flex-wrap:wrap; align-items:center; gap:8px; padding:8px 10px;}
    .siparis-duzenle>.bilgilendirme>.duzenle-alan{display:none;}
    .siparis-duzenle .duzenle-aksiyonlar{border-left:none; padding-left:0; margin-left:auto; flex:0 1 auto;}
    .siparis-duzenle.ithalat-siparis>.bilgilendirme>.duzenle-alan{display:flex;}

    .duzenleme-grid > bol{display:none;}

    iframe-alan .bilgilendirme>.toplamlar, iframe-alan .bilgilendirme>.siparis-akis{flex:0 0 100% !important; width:100% !important; margin-left:0 !important;}

    table[data-tablotipi="kart-toplamadetay"], .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"]{display:block; width:100%; border:none;}
    table[data-tablotipi="kart-toplamadetay"] thead, .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] thead{display:none;}

    .dataTables_wrapper:has(table[data-tablotipi="kart-toplamadetay"]) .dataTables_scrollBody{height:auto !important; max-height:none !important; overflow:visible !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody, .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] tbody{display:flex !important; flex-direction:column; flex-wrap:nowrap; gap:8px; padding:4px;}

    table[data-tablotipi="kart-toplamadetay"] tbody tr, .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] tbody tr{display:grid !important; grid-template-columns:56px 1fr 1fr 1fr; column-gap:8px; row-gap:0; padding:10px 12px !important; background:#fff !important; border:1px solid rgba(0,0,0,0.08) !important; border-radius:12px !important; box-shadow:0 1px 6px rgba(0,0,0,0.05) !important; position:relative; width:100% !important; margin:0 !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody tr:hover, .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] tbody tr:hover{background:var(--renk-hover, #fffce4) !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td, .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] tbody td{display:block !important; border:none !important; border-bottom:none !important; padding:0 !important; background:transparent !important; font-size:12px; line-height:1.25; text-align:left !important; white-space:normal; overflow:visible; position:static !important; z-index:auto !important; min-width:0 !important; max-width:none !important; width:auto !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody td::before, .dataTables_wrapper table[data-tablotipi="kart-toplamadetay"] tbody td::before{display:none !important; content:none !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td:hover::before{position:static !important; top:auto !important; left:auto !important; font-family:inherit !important; color:inherit !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Resim"]{grid-column:1; grid-row:1 / span 4; align-self:start;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Resim"] img{width:56px !important; max-width:56px !important; height:auto !important; display:block !important; margin:0 !important; mix-blend-mode:multiply;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="StokKodu"]{grid-column:2 / 4; grid-row:1; font-size:14px !important; font-weight:700 !important; color:#111827; word-break:normal; overflow-wrap:anywhere;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="StokAdi"]{grid-column:2 / 4; grid-row:2; font-size:11px; color:#6b7280; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; min-width:0 !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Arac"]{grid-column:2 / 4; grid-row:3; font-size:11px; color:#475569; white-space:nowrap !important; overflow:hidden !important; text-overflow:ellipsis !important; min-width:0 !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="MarkaAdi"]{grid-column:2; grid-row:4; justify-self:start; font-size:11px; font-weight:600; color:#1f2937;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="MarkaAdi"] img.markalogo{max-width:50px !important; height:auto; display:inline-block !important; vertical-align:middle; margin:0 !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="UreticiKodu"]{grid-column:3; grid-row:4; justify-self:start; font-size:11px; color:#475569; text-align:left !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Bakiye"]{grid-column:4; grid-row:1 / span 4; align-self:start; margin:0 !important; display:flex !important; flex-direction:column; align-items:flex-end; gap:2px;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Bakiye"] .bakiye-rozet{margin:0 !important;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Raflar"]{grid-column:1 / -1; grid-row:5; margin-top:8px;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Miktar"]{position:static !important; top:auto; right:auto; z-index:auto; grid-column:1; grid-row:6; margin-top:6px; background:transparent !important; color:inherit !important; border-radius:0; padding:0 !important; display:flex !important; flex-direction:column; align-items:stretch;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Miktar"]::before{content:'SİPARİŞ' !important; display:block !important; font-size:8px; font-weight:700; color:#94a3b8; line-height:1; margin-bottom:3px; text-align:center; text-transform:uppercase; letter-spacing:0.4px;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="Miktar"] .sip-deger{display:flex; align-items:center; justify-content:center; height:40px; background:var(--renk-birincil, #2A3B72); color:#fff; border-radius:8px; font-size:16px; font-weight:700; line-height:1; box-sizing:border-box;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="ToplananMiktar"]{grid-column:4; grid-row:6; margin-top:6px; display:flex !important; flex-direction:column; align-items:stretch;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="ToplananMiktar"]::before{content:'TOPLAMA' !important; display:block !important; font-size:8px; font-weight:700; color:#94a3b8; line-height:1; margin-bottom:3px; text-align:center; text-transform:uppercase; letter-spacing:0.4px;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="ToplananMiktar"] .para-alan, table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="ToplananMiktar"] input{width:100% !important; min-width:0 !important; max-width:none !important; height:40px !important; text-align:center !important; font-size:16px !important; font-weight:700 !important; color:#fff !important; border:none !important; border-radius:8px !important; padding:0 !important; box-sizing:border-box !important; transition:background 0.15s;}
    table[data-tablotipi="kart-toplamadetay"] tbody tr.top-yok td[data-name="ToplananMiktar"] input{background:var(--renk-tehlike, #f00) !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody tr.top-kismi td[data-name="ToplananMiktar"] input{background:var(--renk-uyari, #fda70d) !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody tr.top-tam td[data-name="ToplananMiktar"] input{background:var(--renk-basari, #15b959) !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="ToplananMiktar"] input{background:#64748b;}

    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="RafKodu"]{grid-column:2 / span 2; grid-row:6; margin-top:6px; display:flex !important; flex-direction:column; align-items:stretch;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="RafKodu"]::before{content:'RAF KODU' !important; display:block !important; font-size:8px; font-weight:700; color:#94a3b8; line-height:1; margin-bottom:3px; text-align:center; text-transform:uppercase; letter-spacing:0.4px;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="RafKodu"] .rafkodu-grup{display:flex !important; width:100% !important; height:40px !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="RafKodu"] .rafkodu-grup input{font-size:13px !important; text-align:center !important;}
    table[data-tablotipi="kart-toplamadetay"] tbody td[data-name="RafKodu"] .rafkodu-grup .raf-miktar{min-width:44px; font-size:14px;}

    table[data-tablotipi="kart-toplama"]{display:block; width:100%; border:none; padding-bottom:80px;}
    table[data-tablotipi="kart-toplama"] thead{display:none;}
    .dataTables_wrapper:has(table[data-tablotipi="kart-toplama"]) .dataTables_scrollBody{height:auto !important; max-height:none !important; overflow:visible !important;}

    table[data-tablotipi="kart-toplama"] tbody{display:flex; flex-direction:column; gap:8px; padding:4px;}

    table[data-tablotipi="kart-toplama"] tbody tr{display:grid; grid-template-columns:1fr auto; grid-auto-rows:auto; column-gap:8px; row-gap:2px; align-items:start; padding:9px 10px 9px 10px; background:#fff; border:1px solid rgba(0,0,0,0.10) !important; border-left:4px solid var(--renk-birincil, #1e2d5a) !important; border-radius:10px; box-shadow:0 1px 6px rgba(0,0,0,0.05); position:relative; cursor:pointer; transition:background 0.12s, box-shadow 0.12s;}
    table[data-tablotipi="kart-toplama"] tbody tr:hover{background:var(--renk-hover, #f6f7fb) !important; box-shadow:0 3px 12px rgba(0,0,0,0.09);}
    table[data-tablotipi="kart-toplama"] tbody tr.sonaktif{background:var(--renk-secili, #eef2ff) !important;}

    table[data-tablotipi="kart-toplama"] tbody tr[acilmi="1"]{border-color:#ffb3bf !important; border-left-color:#d81e3c !important; box-shadow:0 2px 10px rgba(215,30,60,0.12);}

    table[data-tablotipi="kart-toplama"] tbody tr[durum="4"]{background-color:#f1f5f9 !important; background-image:repeating-linear-gradient( 135deg, rgba(0,0,0,0.07) 0, rgba(0,0,0,0.07) 10%, transparent 0, transparent 50% ) !important; background-size:8px 8px !important; border-left-color:#94a3b8 !important; opacity:0.75; cursor:not-allowed;}
    table[data-tablotipi="kart-toplama"] tbody tr[durum="4"]:hover{background-color:#e9eef4 !important; box-shadow:0 1px 6px rgba(0,0,0,0.05);}

    table[data-tablotipi="kart-toplama"] tbody td{display:block; border:none !important; padding:0; background:transparent !important; font-size:12px; line-height:1.35; text-align:left; white-space:normal; overflow:visible; text-overflow:clip; position:static !important; z-index:auto !important;}
    table[data-tablotipi="kart-toplama"] tbody td::before{display:none !important; content:none !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="DetayaGit"]{position:absolute !important; top:9px; left:10px; width:22px; height:22px; display:none !important; align-items:center; justify-content:center; border-radius:5px !important; z-index:2; padding:0;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="DetayaGit"] i{font-size:10px; color:#fff !important; margin:0 !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="AcilMi"], table[data-tablotipi="kart-toplama"] tbody td[data-name="Durum"]{display:none !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="SiparisId"]{grid-column:1; grid-row:1; font-size:14px; font-weight:700 !important; color:#111827; padding-left:30px; white-space:nowrap; overflow:hidden;}

    table[data-tablotipi="kart-toplama"] tbody tr[acilmi="1"] td[data-name="SiparisId"]::after{content:'ACİL'; display:inline-block; padding:1px 7px; background:#d81e3c; color:#fff; font-size:9px; font-weight:700; letter-spacing:0.5px; border-radius:4px; margin-left:6px; vertical-align:middle;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="SiparisTarihi"]{grid-column:2; grid-row:1; font-size:10px; color:#6b7280; text-align:right; white-space:nowrap;}
   table[data-tablotipi="kart-toplama"] tbody td[data-name="SiparisTarihi"] .tarihsaat{font-size:10px !important;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="CariIsim"]{grid-column:1; grid-row:2; align-self:end; font-size:12px; font-weight:600; color:#1f2937; padding-top:0px !important; padding-bottom:0px !important; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="SevkiyataAktarilmaTarihi"]{grid-column:2; grid-row:2; display:flex !important; flex-direction:column; align-items:flex-end; font-size:10px; color:#475569; text-align:right; padding-top:0px !important; padding-bottom:5px !important; white-space:nowrap; font-weight:600;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="SevkiyataAktarilmaTarihi"] .tarihsaat{font-size:10px !important; font-weight:700;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="SevkiyataAktarilmaTarihi"]::before{content:'AKTARMA: ' !important; display:block !important; font-size:8px; font-weight:700; color:#94a3b8; letter-spacing:0.3px; margin-bottom:0 !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="Aciklama"]{grid-column:1; grid-row:3; font-size:10px !important; color:#6366f1; font-style:italic; padding-top:0px !important; padding-bottom:0px !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="Aciklama"]:empty, .dataTables_wrapper table[data-tablotipi="kart-toplama"] tbody td[data-name="Aciklama"]:empty{display:none !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="KargoAdi"]{grid-column:1; grid-row:4; font-size:11px; color:#64748b; padding-top:5px !important; padding-bottom:0px !important;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="KargoAdi"]::before{content:'KARGO: ' !important; display:inline !important; font-size:8px; font-weight:700; color:#94a3b8; letter-spacing:0.3px;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="ToplayanKullaniciAdiSoyadi"]{grid-column:1; grid-row:5; font-size:11px; color:#64748b; padding-top:0px !important; padding-bottom:0px !important;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="ToplayanKullaniciAdiSoyadi"]::before{content:'TOPLAYAN: ' !important; display:inline !important; font-size:8px; font-weight:700; color:#94a3b8; letter-spacing:0.3px;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="ToplayanKullaniciAdiSoyadi"]:empty{display:none !important;}

    table[data-tablotipi="kart-toplama"] tbody td[data-name="KalemSayisi"]{grid-column:2; grid-row:4 / span 2; align-self:end; justify-self:end; width:46px !important; height:46px; padding:0 !important; display:flex !important; flex-direction:column; align-items:center; justify-content:center; background:var(--renk-birincil, #1e2d5a) !important; color:#fff !important; font-size:15px !important; font-weight:800; text-align:center; border-radius:9px !important; line-height:1 !important; box-shadow:0 2px 5px rgba(30,45,90,0.22) !important;}
    table[data-tablotipi="kart-toplama"] tbody td[data-name="KalemSayisi"]::after{content:'KALEM'; display:block; margin-top:3px; font-size:7px; font-weight:700; letter-spacing:0.5px; opacity:0.8;}
    table[data-tablotipi="kart-toplama"] tbody tr[acilmi="1"] td[data-name="KalemSayisi"]{background:#c11633 !important; box-shadow:0 2px 5px rgba(193,22,51,0.30) !important;}

}
/*#endregion*/

@media screen and (max-width: 740px) {
    sag-icerik header{height:auto;}
    sag-icerik header header-orta{flex-wrap:wrap; padding:6px 12px 8px; gap:8px;}

    sag-icerik .icerik .gosterge-paneli{row-gap:8px;}
    sag-icerik .icerik .gosterge-paneli>.stdkutualan{padding:3px; width:100% !important;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan{padding:0; gap:0; height:auto; flex-wrap:nowrap; align-items:stretch; margin-bottom:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .stdkutubaslik{font-size:11px; padding:10px 10px; border-radius:10px 0 0 0; min-height:46px; display:flex; align-items:center; flex:0 0 auto; white-space:nowrap; margin:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan, sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan{margin-left:0; flex:1 1 0; min-width:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan{display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr) 38px; align-items:center; gap:6px; padding:6px; border-radius:0 10px 0 0; background:#f3f4f6; min-height:46px; flex:1 1 0; min-width:0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan input{width:100%; flex:none; margin:0; height:34px; line-height:34px; border-radius:8px; padding:0 10px; font-size:11px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .tarihalan i.onayla{position:static; transform:none; width:38px; height:34px; display:flex; align-items:center; justify-content:center; border-radius:8px; box-sizing:border-box;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan{display:grid; grid-template-columns:1fr 1fr 1fr; background:#eef1f5; padding:4px; gap:4px; border-radius:0 10px 0 0;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan .lineGrafikSec{min-height:38px; padding:0 6px; border-right:0; border-radius:8px; background:transparent;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutubaslikalan .butonalan .lineGrafikSec.aktif{border-radius:8px; color:var(--renk-birincil);}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutu.baslikli{height:auto; margin-top:0; border-radius:0 0 10px 10px;}
    sag-icerik .icerik .gosterge-paneli .stdkutualan .stdkutu .veri .buyukveri{font-size:18px;}
    #satistahsilatgrafik{min-height:240px;}
    .apexcharts-legend-text{font-size:8px !important;}
    .apexcharts-text tspan{font-size:9px !important;}
    sag-icerik header header-orta header-hizlierisim{width:100%;}
    sag-icerik header header-orta header-hizlierisim .hizlierisim-kontrol{flex:0 0 34px;}
    sag-icerik header header-orta header-hizlierisim .hizlierisim-kart{flex:0 0 90px; min-height:60px; padding:8px 8px;}
}

/*#region Mobil - 480px ve altı (Küçük Telefon)*/
@media screen and (max-width: 480px) {
    sag-icerik header header-orta header-baslik{font-size:15px;}
    sag-icerik header header-orta header-baslik i.sayfaikon{font-size:17px;}
    sag-icerik header header-orta header-arama input{font-size:11px;}
    sag-icerik{padding:4px; border-radius:6px;}
}
/*#endregion*/