/* b2b-tailwind.css — Bootstrap 3 ikamesi: Tailwind CSS v4 (browser build) + 3.jpeg tasarım jetonları
   Modern MVC projelerinde `npm run build:tailwind` ile dist/tailwind.css'e derlenebilir.
   Şu an CDN ile çalışır; derleme sonrası bu dosyada @import satırı kaldırılabilir. */

:root{
  --bej-light:#f9dfae; --bej-mid:#f0c377; --bej-dark:#e2a94f; --bej-border:#cf9a3f; --bej-text:#5a3d10;
  --slate-light:#7a93ad; --slate-dark:#5a718c; --slate-border:#4a607c;
  --orange:#e86a10;
}
/* Tailwind v4 @theme (browser build yeterli olmasa da jetonlar docs için):
   --color-bej-* vs. sınıfları aşağıda elle bakiye (CDN'de arbitrary value daha güvenilir) */
html{ -webkit-text-size-adjust:100% }
body{ font-family: Inter, Arial, sans-serif; background:#eef1f4; color:#20242a; font-size:12px; }

/* ————— Bootstrap 3 uyumluluk shim'i (kademeli göç): eski class'lar Tailwind'e karşılanır ————— */
.container{ width:100%; max-width:none; margin:0 auto; padding:0 10px }
.row{ display:flex; flex-wrap:wrap; } .row::after{ content:""; display:table; clear:both; }
.col-lg-*, .col-md-*, .col-sm-*, .col-sx-*{ width:auto; padding-left:8px; padding-right:8px; box-sizing:border-box; }
.col-lg-2{ flex:0 0 16.666% } .col-lg-4{ flex:0 0 33.333% } .col-lg-5{ flex:0 0 41.6% } .col-lg-6{ flex:0 0 50% } .col-lg-7{ flex:0 0 58.3% } .col-lg-10{ flex:0 0 83.333% } .col-lg-12{ flex:0 0 100% }
.col-md-2{ flex-basis:16.666% } .col-md-4{ flex-basis:33.333% } .col-md-6{ flex-basis:50% } .col-md-7{ flex-basis:58.3% } .col-md-10{ flex-basis:83.333% }
@media (max-width:767px){ .col-lg-2,.col-lg-10,.col-md-2,.col-md-10{ flex:0 0 100%; flex-basis:100% } }
.form-control{ height:32px; border:1px solid var(--bej-border); border-radius:14px; padding:0 12px; background:linear-gradient(180deg,#fffdf6,#fef4dd); font-size:12px; font-weight:600; color:var(--bej-text) }
.input-group{ display:flex }
.input-group .form-control{ flex:1 }
.btn{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:6px; font-weight:700; font-size:12px; border:1px solid transparent }
.btn-primary{ background:#1373c7; color:#fff } .btn-default{ background:#f4dda6; color:var(--bej-text); border-color:var(--bej-border) }
.btn-lg{ padding:8px 16px; font-size:13px } .btn-xs{ font-size:10px; padding:2px 6px }
.nav-tabs{ display:flex; gap:3px; flex-wrap:wrap }
.nav-tabs > li > a{ padding:6px 12px; font-weight:700; color:var(--bej-text); background:linear-gradient(180deg,#fff8ea,#f0d49c); border:1px solid var(--bej-border); border-bottom:none; border-radius:6px 6px 0 0 }
.nav-tabs > li.active > a{ background:linear-gradient(180deg,#ff8a3d,#e86a10); color:#fff; border-color:#c25408 }
.table{ width:100%; border-collapse:collapse }
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > td{ border:1px solid #e7d7b4; padding:4px 7px }
.tableheaderrenk th{ background:linear-gradient(180deg,var(--slate-light),var(--slate-dark)); color:#fff; font-weight:800; border:1px solid var(--slate-border) }

/* ————— 3.jpeg bileşenleri ————— */
.promo-arrow{ position:absolute; top:50%; transform:translateY(-50%); width:36px; height:36px; border-radius:50%; background:#111; color:#fff; display:grid; place-items:center; z-index:2 }
.b2b-tabbar{ margin:8px 20px 0; background:linear-gradient(180deg,#faf0da,#f6e2b8); border:1px solid var(--bej-border); border-bottom:none; border-radius:6px 6px 0 0; padding:5px 6px 0; display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap }
.b2b-tabbar__right{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; padding-bottom:5px; font-size:11px; font-weight:700; color:var(--bej-text) }
.b2b-today{ background:#ffe27a; border:1px solid var(--bej-border); border-radius:12px; padding:3px 10px }
.b2b-firsat{ color:#1373c7 } .radio-on{ color:#1e8e3e }

.kampanya{ background:linear-gradient(180deg,#34c759,#1e8e3e); color:#fff; font-size:9.5px; font-weight:800; border-radius:3px; padding:1px 6px; white-space:nowrap; display:inline-block; margin-left:5px }
.pin{ color:#c0392b; margin-left:4px } .stock-ok{ color:#1e8e3e; font-weight:800 } .x{ color:#c0392b; font-weight:800 }
.marka{ font-weight:800; font-style:italic; font-size:12px; white-space:nowrap }

.modal{ display:none; position:fixed; inset:0; z-index:1050; background:rgba(0,0,0,.5) }
.modal.in, .modal.show{ display:block }
.modal-dialog{ max-width:600px; margin:40px auto; background:#fff; border-radius:8px }
.modal-content{ border-radius:8px; overflow:hidden }
.modal-header{ display:flex; justify-content:space-between; align-items:center; padding:12px 16px; border-bottom:1px solid #eee }
.modal-body{ padding:16px } .modal-footer{ padding:12px 16px; border-top:1px solid #eee }
.close{ font-size:20px; background:none; border:none }

@media (max-width:767px){ .b2b-tabbar__right, .promo-right{ display:none } .container{ padding:0 10px } }

/* ————— Full-screen grid: altta boşluk yok, scroll grid içinde, footer sabit ————— */
html, body{ height:100%; overflow:hidden; }
.ft-page{ display:flex; flex-direction:column; height:100vh; height:100dvh; }
.ft-site-head{ flex:0 0 auto; }
.dashboard-container{ flex:1 1 auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
.dashboard-container .container{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; overflow:hidden; }
.dashboard-wrapper-lg{ flex:1 1 auto; min-height:0; overflow:hidden; display:flex; flex-direction:column; }
#StokListe, .grid-scroll, .table-responsive, .fixed-table-body{
  flex:1 1 auto; min-height:0; overflow:auto !important;
}
#StokGrid{ min-width:1250px; }
#StokGrid thead th{ position:sticky; top:0; z-index:5; }
.b2b-statusbar{ position:sticky; bottom:0; z-index:50; flex:0 0 auto; box-shadow:0 -2px 10px rgba(90,61,16,.25); }

/* ————— Navigator (#cssmenu): scrollbar yok, saga/sola ok butonlari ————— */
.ft-menu-wrap{ display:flex; align-items:stretch; gap:6px; }
.ft-menu-wrap #cssmenu{ flex:1 1 auto; min-width:0; scrollbar-width:none; -ms-overflow-style:none; }
.ft-menu-wrap #cssmenu::-webkit-scrollbar{ display:none; }
.ft-menu-arrow{ flex:0 0 auto; width:34px; border:1px solid var(--b2b-tan-border,#cf9a3f); border-radius:8px; background:linear-gradient(180deg,#fff8ea,#f0d49c); color:var(--b2b-brown,#5a3d10); cursor:pointer; font-size:14px; display:grid; place-items:center; }
.ft-menu-arrow:disabled{ opacity:.35; cursor:default; }
.ft-menu-arrow:not(:disabled):hover{ background:linear-gradient(180deg,#ff8a3d,#e86a10); color:#fff; }

/* ————— Modern loading (eski cssload 200px kirmizi halka yerine) ————— */
.ft-load{ position:fixed; inset:0; z-index:9000; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; background:rgba(15,23,42,.55); backdrop-filter:blur(4px); }
.ft-load::before{ content:""; position:absolute; inset:0; }
.ft-spinner{ position:relative; width:52px; height:52px; border-radius:50%; border:5px solid rgba(255,255,255,.25); border-top-color:#f36c21; animation:ft-spin .7s linear infinite; background:transparent; }
.ft-load-text{ position:relative; margin:0; padding:8px 18px; background:#fff; border-radius:999px; box-shadow:0 10px 30px rgba(0,0,0,.35); font-size:13px; font-weight:800; color:#1f2937; letter-spacing:.3px; }
@keyframes ft-spin{ to{ transform:rotate(360deg) } }

/* full-screen: sag/sol bosluk yok, responsive */
body{ margin:0; } .b2b-masthead{ width:100%; max-width:none; } img{ max-width:100%; height:auto; }
@media (max-width:767px){ .b2b-tabbar__right, .promo-right{ display:none } .container{ padding:0 6px } }