/* b2b-tema.css — B2B PORTAL KURUMSAL TEMA (v3.58, 2026-08-01)
   Anayasa: docs/tasarim-dili.md — "renk anlamdır, süs değil". Muhasebe temasının
   (css/muhasebe-tema.css) portal kardeşi: YALNIZ görsel katman, davranışa dokunmaz.
   Sayfaya EN SON yüklenir; kaldırmak = index.html'deki link satırını silmek.
   Enjekte-önizleme ile Vahap onaylı (01.08 — "yay"). */

/* 1) ÜST BAR: beyaz → kurumsal koyu — app/muhasebe çubuğuyla TEK marka ailesi */
header {
    background: #1e293b !important;
    border-bottom: none !important;
}
header h1 { color: #ffffff !important; }
header #customerName { color: #94a3b8 !important; }
header .bg-indigo-600 { background: #4f46e5 !important; }

/* koyu zeminde butonlar: açık gri, hover beyaz + şeffaf zemin
   (tailwind hover:bg-gray-100 / hover:bg-red-50 beyaz-zemin varsayımıyla yazılmıştı) */
header button { color: #cbd5e1 !important; }
header button:hover {
    color: #ffffff !important;
    background: rgba(255, 255, 255, .08) !important;
}
header button[onclick="openCart()"] {
    background: rgba(255, 255, 255, .12) !important;
    color: #ffffff !important;
}
header button[title="Çıkış"]:hover {
    color: #f87171 !important;
    background: rgba(248, 113, 113, .12) !important;
}

/* 2) SEKMELER koyu bantta: pasif açık gri, aktif beyaz + DÜZ anayasa mavisi çizgi
   (eski çizgi mor gradyandı — anayasada gradyan/dekoratif mor yasak) */
.tab-btn { color: #94a3b8 !important; }
.tab-btn:hover { color: #e2e8f0 !important; }
.tab-btn.active { color: #ffffff !important; }
.tab-btn.active::after {
    background: #4f46e5 !important;
    background-image: none !important;
}

/* 3) KÖŞE SADELEŞMESİ: oyuncaklı 16px köşeler kurumsal 10-12px'e
   (banner görselleri ve semantik rozetler dahil hiçbir RENGE dokunulmaz) */
.rounded-2xl { border-radius: 12px !important; }
.rounded-xl { border-radius: 10px !important; }

/* 4) TEMA-V2 (v3.78, 02.08 — "2000'ler algısı" turu): satır etkileşimi + form dokunuşları.
   Satır modernizasyonu index.html şablonunda (6 kolon, 56px görsel, kategori-ikon placeholder);
   burada yalnız davranışsız görsel katman. */
.product-row { transition: background .15s; }
.product-row:hover { background: rgba(238, 242, 255, .55); }
.product-row td { vertical-align: middle; }
input[type="date"] {
    border: 1px solid #e5e7eb; border-radius: 8px;
    padding: 6px 10px; font-size: 13px; color: #374151; background: #fff;
}