/* ==========================================================================
   BAYİİNET — "Nocturne" koyu premium tasarım sistemi
   Vitrin (body.bn) + Bayi/Admin paneli (html[data-bs-theme=dark]) için.
   Geri almak için: layouts/shop.blade.php ve layouts/app.blade.php içindeki
   bayiinet-dark.css satırlarını kaldırmak yeterli.
   ========================================================================== */
:root {
  --nx-bg: #060813;
  --nx-bg-2: #0a0e1d;
  --nx-surface: #0e1326;
  --nx-surface-2: #131a33;
  --nx-surface-3: #1a2243;
  --nx-line: rgba(160, 175, 255, .11);
  --nx-line-2: rgba(160, 175, 255, .2);
  --nx-ink: #eef1ff;
  --nx-ink-2: #c4cbe8;
  --nx-muted: #8790b3;
  --nx-brand: #7c6cff;
  --nx-brand-2: #4cc9f0;
  --nx-brand-d: #6a59f5;
  --nx-lime: #c8ff3d;
  --nx-ok: #2ee6a6;
  --nx-warn: #ffb547;
  --nx-bad: #ff5c7a;
  --nx-glow: 0 0 0 1px rgba(124,108,255,.35), 0 18px 50px -18px rgba(124,108,255,.55);
  --nx-shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 20px 40px -24px rgba(0,0,0,.8);
  --nx-grad: linear-gradient(135deg, #7c6cff 0%, #4cc9f0 100%);
  --nx-grad-warm: linear-gradient(135deg, #c8ff3d 0%, #2ee6a6 100%);
}

/* ===================== ORTAK ===================== */
::selection { background: rgba(124,108,255,.45); color: #fff; }
html { color-scheme: dark; }
* { scrollbar-width: thin; scrollbar-color: #2a3562 transparent; }
*::-webkit-scrollbar { width: 10px; height: 10px; }
*::-webkit-scrollbar-thumb { background: #2a3562; border-radius: 10px; border: 2px solid transparent; background-clip: padding-box; }
*::-webkit-scrollbar-thumb:hover { background: #3a4885; background-clip: padding-box; border: 2px solid transparent; }

/* ===================== VİTRİN (body.bn) ===================== */
body.bn {
  --bn-bg: var(--nx-bg);
  --bn-surface: var(--nx-surface);
  --bn-ink: var(--nx-ink);
  --bn-ink-2: var(--nx-ink-2);
  --bn-muted: var(--nx-muted);
  --bn-line: var(--nx-line);
  --bn-brand: var(--nx-brand);
  --bn-brand-d: var(--nx-brand-d);
  --bn-brand-soft: rgba(124,108,255,.14);
  --bn-lime: var(--nx-lime);
  --bn-ok: var(--nx-ok);
  --bn-warn: var(--nx-warn);
  --bn-shadow: var(--nx-shadow);
  --bn-shadow-lg: 0 40px 80px -30px rgba(0,0,0,.9);
  background:
    radial-gradient(1100px 600px at 12% -8%, rgba(124,108,255,.22), transparent 60%),
    radial-gradient(900px 520px at 100% 4%, rgba(76,201,240,.14), transparent 60%),
    radial-gradient(800px 500px at 50% 110%, rgba(200,255,61,.06), transparent 60%),
    var(--nx-bg);
  background-attachment: fixed;
  color: var(--nx-ink);
}
.bn :focus-visible { outline: 2px solid var(--nx-brand-2); outline-offset: 2px; }

/* ---- Üst menü ---- */
.bn .bn-nav { background: rgba(6,8,19,.55); backdrop-filter: saturate(1.6) blur(18px); -webkit-backdrop-filter: saturate(1.6) blur(18px); }
.bn .bn-nav.is-stuck { background: rgba(6,8,19,.82); border-bottom-color: var(--nx-line); box-shadow: 0 10px 40px -20px rgba(0,0,0,.9); }
.bn .bn-logo { color: var(--nx-ink); }
.bn .bn-logo-mark { background: var(--nx-grad); box-shadow: 0 0 0 1px rgba(255,255,255,.18) inset, 0 10px 28px -8px rgba(124,108,255,.9); }
.bn .bn-brand-accent { background: var(--nx-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bn .bn-links a { color: var(--nx-ink-2); }
.bn .bn-links a:hover { background: rgba(255,255,255,.07); color: #fff; }
.bn .bn-links a.is-active { background: var(--nx-surface-3); color: #fff; box-shadow: 0 0 0 1px var(--nx-line-2) inset; }
.bn .bn-btn-ink { background: var(--nx-grad); color: #07091a; box-shadow: 0 14px 34px -14px rgba(124,108,255,.9); }
.bn .bn-btn-ink:hover { background: var(--nx-grad); color: #07091a; filter: brightness(1.1); box-shadow: 0 18px 40px -14px rgba(76,201,240,.8); }
.bn .bn-btn-brand { background: var(--nx-grad); color: #07091a; box-shadow: 0 14px 34px -14px rgba(124,108,255,.9); }
.bn .bn-btn-brand:hover { background: var(--nx-grad); color: #07091a; filter: brightness(1.1); }
.bn .bn-btn-line { border-color: var(--nx-line-2); color: var(--nx-ink); background: rgba(255,255,255,.03); }
.bn .bn-btn-line:hover { background: rgba(255,255,255,.08); border-color: var(--nx-brand-2); color: #fff; }
.bn .bn-btn-text, .bn .bn-linkbtn { color: var(--nx-ink-2); }
.bn .bn-btn-text:hover, .bn .bn-linkbtn:hover { background: rgba(255,255,255,.07); color: #fff; }
.bn .bn-btn-light { background: #fff; color: #07091a; }
.bn .bn-btn-off { background: var(--nx-surface-2); color: var(--nx-muted); }
.bn .bn-cats-btn, .bn .bn-links .bn-cats-btn { background: var(--nx-grad); color: #07091a; box-shadow: 0 10px 28px -12px rgba(124,108,255,.9); }
.bn .bn-cats-btn:hover { background: var(--nx-grad); filter: brightness(1.1); }
.bn .bn-mega { background: rgba(10,14,29,.97); backdrop-filter: blur(20px); border-bottom: 1px solid var(--nx-line); box-shadow: 0 40px 70px -30px #000; }
.bn .bn-mega a { color: var(--nx-ink-2); }
.bn .bn-mega-head a { color: var(--nx-brand-2); }

/* ---- Arama ---- */
.bn .bn-search { background: rgba(255,255,255,.05); border: 1px solid var(--nx-line-2); box-shadow: 0 0 0 0 transparent; transition: box-shadow .2s, border-color .2s, background .2s; }
.bn .bn-search:focus-within { border-color: var(--nx-brand-2); background: rgba(255,255,255,.08); box-shadow: 0 0 0 4px rgba(76,201,240,.15); }
.bn .bn-search input { color: var(--nx-ink); background: transparent; }
.bn .bn-search input::placeholder { color: var(--nx-muted); }
.bn .bn-search .bn-clear:hover { background: rgba(255,255,255,.1); color: #fff; }

/* ---- Hero / bölümler ---- */
.bn .bn-hero { position: relative; }
.bn .bn-hero::before {
  content: ""; position: absolute; inset: -40px 0 auto 0; height: 520px; z-index: -1; pointer-events: none;
  background:
    conic-gradient(from 210deg at 70% 30%, rgba(124,108,255,.28), rgba(76,201,240,.18), rgba(200,255,61,.08), rgba(124,108,255,.28));
  filter: blur(90px); opacity: .55; mask-image: linear-gradient(#000 40%, transparent);
  -webkit-mask-image: linear-gradient(#000 40%, transparent);
}
.bn .bn-h1, .bn .bn-h2, .bn .bn-pd-title { color: #fff; letter-spacing: -.035em; }
.bn .bn-h1 em, .bn .bn-h2 em, .bn .bn-kicker, .bn .bn-eyebrow { color: var(--nx-lime); }
.bn .bn-h1 em { font-style: normal; background: var(--nx-grad-warm); -webkit-background-clip: text; background-clip: text; color: transparent; }
.bn .bn-lead, .bn .bn-sub { color: var(--nx-muted); }
.bn .bn-eyebrow, .bn .bn-kicker { }
.bn .bn-chip, .bn .bn-chips a { background: rgba(255,255,255,.05); border: 1px solid var(--nx-line); color: var(--nx-ink-2); transition: all .18s; }
.bn .bn-chip:hover, .bn .bn-chips a:hover { background: rgba(124,108,255,.18); border-color: var(--nx-brand); color: #fff; transform: translateY(-1px); }
.bn .bn-chip.is-active, .bn .bn-chips a.is-active { background: var(--nx-grad); color: #07091a; border-color: transparent; font-weight: 800; }
.bn .bn-feat, .bn .bn-step, .bn .bn-block, .bn .bn-assure, .bn .bn-balance, .bn .bn-topup, .bn .bn-cta-box, .bn .bn-result, .bn .bn-pd-note, .bn .bn-specs {
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)); border: 1px solid var(--nx-line); color: var(--nx-ink-2);
  box-shadow: var(--nx-shadow);
}
.bn .bn-feat { transition: transform .25s, border-color .25s, box-shadow .25s; }
.bn .bn-feat:hover { transform: translateY(-4px); border-color: rgba(124,108,255,.5); box-shadow: var(--nx-glow); }
.bn .bn-feat-ico { background: rgba(124,108,255,.16); color: var(--nx-brand-2); }
.bn .bn-step-n { background: var(--nx-grad); color: #07091a; }
.bn .bn-cta-band { background: linear-gradient(120deg, #1b1650 0%, #0e2a52 55%, #0b3a4a 100%); border: 1px solid var(--nx-line-2); box-shadow: 0 40px 90px -40px rgba(124,108,255,.55); }
.bn .bn-empty { background: rgba(255,255,255,.03); border-color: var(--nx-line-2); color: var(--nx-muted); }
.bn .bn-alert { background: rgba(255,181,71,.12); color: var(--nx-warn); border: 1px solid rgba(255,181,71,.3); }
.bn .bn-mp, .bn .bn-meta, .bn .bn-crumbs { color: var(--nx-muted); }
.bn .bn-crumbs a:hover { color: #fff; }
.bn .bn-mono { color: var(--nx-ink-2); }
.bn .bn-stock-ok { color: var(--nx-ok); }
.bn .bn-stock-low { color: var(--nx-warn); }
.bn .bn-stock-out { color: var(--nx-bad); }

/* ---- Ürün kartı ---- */
.bn .product-card {
  background: linear-gradient(180deg, var(--nx-surface-2), var(--nx-surface));
  border: 1px solid var(--nx-line); border-radius: 22px; color: var(--nx-ink);
  box-shadow: var(--nx-shadow); transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s, border-color .28s;
}
.bn .product-card:hover { transform: translateY(-6px); border-color: rgba(124,108,255,.55); box-shadow: var(--nx-glow); }
.bn .pc-img-wrap { background: radial-gradient(circle at 50% 40%, #ffffff 0%, #eef1fb 70%, #dfe4f6 100%); border-bottom: 1px solid var(--nx-line); }
.bn .pc-img-placeholder { background: #eef1fb; color: #8b94b5; }
.bn .pc-title, .bn .pc-name, .bn .product-card h3, .bn .product-card h5 { color: var(--nx-ink); }
.bn .pc-brand { color: var(--nx-brand-2); background: rgba(76,201,240,.12); }
.bn .pc-brand-muted { color: var(--nx-muted); background: rgba(255,255,255,.06); }
.bn .pc-code { color: var(--nx-muted); background: rgba(255,255,255,.05); border-color: var(--nx-line); }
.bn .pc-price-box { background: linear-gradient(135deg, rgba(124,108,255,.18), rgba(76,201,240,.1)); border: 1px solid var(--nx-line-2); }
.bn .pc-price-box strong, .bn .pc-price { color: #fff; }
.bn .pc-kdv-pill { background: rgba(255,255,255,.06); color: var(--nx-ink-2); border-color: var(--nx-line); }
.bn .pc-actions .btn-login { background: rgba(124,108,255,.18); color: #cfc8ff; border-color: rgba(124,108,255,.4); }
.bn .pc-actions .btn-login:hover { background: var(--nx-brand); color: #fff; }
.bn .pc-actions .btn[disabled] { background: rgba(255,255,255,.05); color: var(--nx-muted); border-color: var(--nx-line); }
.bn .pc-actions .btn-primary, .bn .product-card .btn-primary { background: var(--nx-grad); border: 0; color: #07091a; font-weight: 800; }
.bn .pc-actions .btn-primary:hover, .bn .product-card .btn-primary:hover { filter: brightness(1.12); }

/* ---- Ürün detay ---- */
.bn .bn-gallery-stage { background: radial-gradient(circle at 50% 40%, #fff, #e8ecfa); border: 1px solid var(--nx-line-2); box-shadow: var(--bn-shadow-lg); }
.bn .bn-thumb { background: #fff; }
.bn .bn-thumb.is-active, .bn .bn-thumb:hover { border-color: var(--nx-brand-2); box-shadow: 0 0 0 4px rgba(76,201,240,.2); }
.bn .bn-buy-card { background: linear-gradient(180deg, var(--nx-surface-2), var(--nx-surface)); border: 1px solid var(--nx-line-2); box-shadow: var(--bn-shadow-lg); }
.bn .bn-pd-price { color: #fff; }
.bn .bn-pd-brand { color: var(--nx-brand-2); }
.bn .bn-desc { background: rgba(255,255,255,.035); border: 1px solid var(--nx-line); color: var(--nx-ink-2); }
.bn .bn-sticky-buy { background: rgba(10,14,29,.92); backdrop-filter: blur(18px); border-top: 1px solid var(--nx-line-2); }
.bn .bn-table-wrap { background: var(--nx-surface); border: 1px solid var(--nx-line); }
.bn .bn-table th { background: rgba(255,255,255,.04); color: var(--nx-muted); }
.bn .bn-table td { border-top-color: var(--nx-line); color: var(--nx-ink-2); }
.bn .bn-pager .page-link { background: var(--nx-surface-2); border-color: var(--nx-line); color: var(--nx-ink-2); }
.bn .bn-pager .page-link:hover { background: var(--nx-surface-3); color: #fff; }
.bn .bn-pager .active .page-link { background: var(--nx-grad); border-color: transparent; color: #07091a; }

/* ---- Alt bilgi ---- */
.bn .bn-foot { background: linear-gradient(180deg, transparent, #04060f 40%); border-top: 1px solid var(--nx-line); }

/* ---- Formlar (vitrin içinde Bootstrap formları) ---- */
.bn .form-control, .bn .form-select, .bn input[type=text], .bn input[type=email], .bn input[type=tel], .bn input[type=number], .bn textarea, .bn select {
  background-color: rgba(255,255,255,.05); border: 1px solid var(--nx-line-2); color: var(--nx-ink);
}
.bn .form-control:focus, .bn .form-select:focus { background-color: rgba(255,255,255,.08); border-color: var(--nx-brand-2); box-shadow: 0 0 0 4px rgba(76,201,240,.15); color: #fff; }
.bn .form-control::placeholder { color: var(--nx-muted); }
.bn .card { background: var(--nx-surface); border-color: var(--nx-line); color: var(--nx-ink); }
.bn a:not([class]) { color: var(--nx-brand-2); }

/* ===================== PANEL (Bayi + Admin) ===================== */
html[data-bs-theme="dark"] body {
  --brand: #7c6cff; --brand-2: #4cc9f0; --brand-700: #cfc8ff;
  --ink: var(--nx-ink); --ink-2: var(--nx-ink-2); --muted: var(--nx-muted);
  --surface: var(--nx-surface); --bg: var(--nx-bg); --line: var(--nx-line);
  --shadow: 0 1px 0 rgba(255,255,255,.04) inset, 0 20px 40px -26px rgba(0,0,0,.85);
  --bs-body-bg: var(--nx-bg); --bs-body-color: var(--nx-ink); --bs-border-color: var(--nx-line);
  --bs-secondary-color: var(--nx-muted); --bs-tertiary-bg: var(--nx-surface-2);
  background:
    radial-gradient(900px 520px at 8% -10%, rgba(124,108,255,.16), transparent 60%),
    radial-gradient(800px 480px at 100% 0%, rgba(76,201,240,.09), transparent 60%),
    var(--nx-bg);
  background-attachment: fixed; color: var(--nx-ink);
}
html[data-bs-theme="dark"] .topbar { background: rgba(8,11,24,.78); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); border-bottom: 1px solid var(--nx-line); }
html[data-bs-theme="dark"] .topbar-brand { color: #fff; }
html[data-bs-theme="dark"] .topbar-brand span { background: var(--nx-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-bs-theme="dark"] .sidebar { background: linear-gradient(180deg, #0b1020, #080b18); border-right: 1px solid var(--nx-line); box-shadow: 8px 0 40px -20px #000; }
html[data-bs-theme="dark"] .sidebar a { color: var(--nx-ink-2); border: 1px solid transparent; transition: background .15s, color .15s, border-color .15s; }
html[data-bs-theme="dark"] .sidebar a:hover { background: rgba(255,255,255,.06); color: #fff; }
html[data-bs-theme="dark"] .sidebar a.active { background: linear-gradient(90deg, rgba(124,108,255,.28), rgba(76,201,240,.1)); color: #fff; border-color: rgba(124,108,255,.4); box-shadow: 0 8px 24px -14px rgba(124,108,255,.9); }
html[data-bs-theme="dark"] .sidebar a.active i { color: var(--nx-brand-2); opacity: 1; }
html[data-bs-theme="dark"] .sidebar .nav-section { color: #5f6a96; }
html[data-bs-theme="dark"] .menu-toggle { background: var(--nx-surface-2); border-color: var(--nx-line-2); color: #fff; }
html[data-bs-theme="dark"] .dnav a { color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .dnav a:hover { background: rgba(255,255,255,.07); color: #fff; }
html[data-bs-theme="dark"] .dnav a.active { background: rgba(124,108,255,.2); color: #fff; border-color: rgba(124,108,255,.5); }

html[data-bs-theme="dark"] .card,
html[data-bs-theme="dark"] .order-card,
html[data-bs-theme="dark"] .mp-card,
html[data-bs-theme="dark"] .modal-content,
html[data-bs-theme="dark"] .dropdown-menu,
html[data-bs-theme="dark"] .list-group-item,
html[data-bs-theme="dark"] .accordion-item {
  background: linear-gradient(180deg, var(--nx-surface-2), var(--nx-surface)); border: 1px solid var(--nx-line); color: var(--nx-ink); box-shadow: var(--shadow);
}
html[data-bs-theme="dark"] .card-header, html[data-bs-theme="dark"] .card-footer, html[data-bs-theme="dark"] .modal-header, html[data-bs-theme="dark"] .modal-footer {
  background: rgba(255,255,255,.03) !important; border-color: var(--nx-line) !important; color: var(--nx-ink);
}
html[data-bs-theme="dark"] .order-card:hover, html[data-bs-theme="dark"] .card.hover-lift:hover { border-color: rgba(124,108,255,.5); box-shadow: var(--nx-glow); }
html[data-bs-theme="dark"] .order-card .oc-foot { border-top-color: var(--nx-line); }
html[data-bs-theme="dark"] .stat-card { position: relative; overflow: hidden; }
html[data-bs-theme="dark"] .stat-card::after { content: ""; position: absolute; right: -30px; top: -30px; width: 120px; height: 120px; border-radius: 50%; background: radial-gradient(circle, rgba(124,108,255,.28), transparent 70%); pointer-events: none; }
html[data-bs-theme="dark"] .stat-card.green::after { background: radial-gradient(circle, rgba(46,230,166,.25), transparent 70%); }
html[data-bs-theme="dark"] .stat-card.orange::after { background: radial-gradient(circle, rgba(255,181,71,.25), transparent 70%); }
html[data-bs-theme="dark"] .stat-card.red::after { background: radial-gradient(circle, rgba(255,92,122,.25), transparent 70%); }
html[data-bs-theme="dark"] .hero-banner { background: linear-gradient(120deg, #2a2192 0%, #1f4fa8 60%, #1789b3 100%); border: 1px solid var(--nx-line-2); box-shadow: 0 30px 70px -36px rgba(124,108,255,.8); }
html[data-bs-theme="dark"] .page-head h4 { color: #fff; }
html[data-bs-theme="dark"] .text-muted, html[data-bs-theme="dark"] .form-text, html[data-bs-theme="dark"] small.text-muted { color: var(--nx-muted) !important; }
html[data-bs-theme="dark"] .text-dark { color: var(--nx-ink) !important; }
html[data-bs-theme="dark"] .bg-white, html[data-bs-theme="dark"] .bg-light { background-color: var(--nx-surface-2) !important; color: var(--nx-ink); }
html[data-bs-theme="dark"] .border, html[data-bs-theme="dark"] .border-top, html[data-bs-theme="dark"] .border-bottom { border-color: var(--nx-line) !important; }
html[data-bs-theme="dark"] hr { border-color: var(--nx-line-2); opacity: 1; }
html[data-bs-theme="dark"] a { color: #9fb1ff; }
html[data-bs-theme="dark"] a:hover { color: #fff; }
html[data-bs-theme="dark"] .sidebar a { color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .sidebar a.active, html[data-bs-theme="dark"] .sidebar a:hover { color: #fff; }

/* Butonlar */
html[data-bs-theme="dark"] .btn-primary { background: var(--nx-grad); border: 0; color: #07091a; font-weight: 700; box-shadow: 0 12px 28px -14px rgba(124,108,255,.9); }
html[data-bs-theme="dark"] .btn-primary:hover, html[data-bs-theme="dark"] .btn-primary:focus { background: var(--nx-grad); filter: brightness(1.12); color: #07091a; }
html[data-bs-theme="dark"] .btn-outline-primary { color: #b9b0ff; border-color: rgba(124,108,255,.5); }
html[data-bs-theme="dark"] .btn-outline-primary:hover { background: var(--nx-brand); border-color: var(--nx-brand); color: #fff; }
html[data-bs-theme="dark"] .btn-outline-secondary, html[data-bs-theme="dark"] .btn-ghost, html[data-bs-theme="dark"] body .btn-ghost { background: rgba(255,255,255,.04); border-color: var(--nx-line-2); color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .btn-outline-secondary:hover, html[data-bs-theme="dark"] .btn-ghost:hover { background: rgba(255,255,255,.09); color: #fff; border-color: var(--nx-brand-2); }
html[data-bs-theme="dark"] .btn-light { background: rgba(255,255,255,.08); border-color: var(--nx-line); color: #fff; }
html[data-bs-theme="dark"] .btn-success { background: linear-gradient(135deg, #1fbf8a, #2ee6a6); border: 0; color: #04120c; font-weight: 700; }
html[data-bs-theme="dark"] .btn-danger { background: linear-gradient(135deg, #e0405f, #ff5c7a); border: 0; font-weight: 700; }
html[data-bs-theme="dark"] .btn-warning { background: linear-gradient(135deg, #f59e0b, #ffb547); border: 0; color: #1b1100; font-weight: 700; }

/* Formlar */
html[data-bs-theme="dark"] .form-control, html[data-bs-theme="dark"] .form-select, html[data-bs-theme="dark"] .input-group-text {
  background-color: rgba(255,255,255,.05); border-color: var(--nx-line-2); color: var(--nx-ink);
}
html[data-bs-theme="dark"] .form-control:focus, html[data-bs-theme="dark"] .form-select:focus { background-color: rgba(255,255,255,.08); border-color: var(--nx-brand-2); box-shadow: 0 0 0 4px rgba(76,201,240,.15); color: #fff; }
html[data-bs-theme="dark"] .form-control::placeholder { color: #667098; }
html[data-bs-theme="dark"] .form-control:disabled, html[data-bs-theme="dark"] .form-control[readonly] { background-color: rgba(255,255,255,.025); color: var(--nx-muted); }
html[data-bs-theme="dark"] .form-check-input { background-color: rgba(255,255,255,.08); border-color: var(--nx-line-2); }
html[data-bs-theme="dark"] .form-check-input:checked { background-color: var(--nx-brand); border-color: var(--nx-brand); }
html[data-bs-theme="dark"] .form-label { color: var(--nx-ink-2); font-weight: 600; }

/* Tablolar */
html[data-bs-theme="dark"] .table { --bs-table-bg: transparent; --bs-table-color: var(--nx-ink-2); --bs-table-border-color: var(--nx-line); --bs-table-striped-bg: rgba(255,255,255,.02); --bs-table-hover-bg: rgba(124,108,255,.08); color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .table > :not(caption) > * > * { border-bottom-color: var(--nx-line); background-color: transparent; color: inherit; }
html[data-bs-theme="dark"] .table thead th, html[data-bs-theme="dark"] .table-light th, html[data-bs-theme="dark"] .table > thead { background: rgba(255,255,255,.04) !important; color: var(--nx-muted); border-bottom-color: var(--nx-line-2); }
html[data-bs-theme="dark"] .table-hover > tbody > tr:hover > * { background: rgba(124,108,255,.09); color: #fff; }
html[data-bs-theme="dark"] .table-light, html[data-bs-theme="dark"] .table-light > * > * { --bs-table-bg: rgba(255,255,255,.04); --bs-table-color: var(--nx-muted); }

/* Rozetler / uyarılar */
html[data-bs-theme="dark"] .badge.bg-success, html[data-bs-theme="dark"] .badge.text-bg-success { background: rgba(46,230,166,.16) !important; color: var(--nx-ok) !important; }
html[data-bs-theme="dark"] .badge.bg-danger, html[data-bs-theme="dark"] .badge.text-bg-danger { background: rgba(255,92,122,.16) !important; color: var(--nx-bad) !important; }
html[data-bs-theme="dark"] .badge.bg-warning, html[data-bs-theme="dark"] .badge.text-bg-warning { background: rgba(255,181,71,.16) !important; color: var(--nx-warn) !important; }
html[data-bs-theme="dark"] .badge.bg-info, html[data-bs-theme="dark"] .badge.text-bg-info { background: rgba(76,201,240,.16) !important; color: var(--nx-brand-2) !important; }
html[data-bs-theme="dark"] .badge.bg-primary, html[data-bs-theme="dark"] .badge.text-bg-primary { background: rgba(124,108,255,.2) !important; color: #cfc8ff !important; }
html[data-bs-theme="dark"] .badge.bg-secondary, html[data-bs-theme="dark"] .badge.text-bg-secondary, html[data-bs-theme="dark"] .badge.bg-light { background: rgba(255,255,255,.08) !important; color: var(--nx-ink-2) !important; }
html[data-bs-theme="dark"] .alert { border: 1px solid transparent; }
html[data-bs-theme="dark"] .alert-success { background: rgba(46,230,166,.1); color: var(--nx-ok); border-color: rgba(46,230,166,.3); }
html[data-bs-theme="dark"] .alert-danger { background: rgba(255,92,122,.1); color: #ff8da3; border-color: rgba(255,92,122,.3); }
html[data-bs-theme="dark"] .alert-warning { background: rgba(255,181,71,.1); color: var(--nx-warn); border-color: rgba(255,181,71,.3); }
html[data-bs-theme="dark"] .alert-info { background: rgba(76,201,240,.1); color: var(--nx-brand-2); border-color: rgba(76,201,240,.3); }
html[data-bs-theme="dark"] .sync-pill.ok { background: rgba(46,230,166,.14); color: var(--nx-ok); }
html[data-bs-theme="dark"] .sync-pill.err { background: rgba(255,92,122,.14); color: #ff8da3; }
html[data-bs-theme="dark"] .sync-pill.warn { background: rgba(255,181,71,.14); color: var(--nx-warn); }
html[data-bs-theme="dark"] .sync-pill.idle { background: rgba(255,255,255,.07); color: var(--nx-muted); }
html[data-bs-theme="dark"] .progress { background: rgba(255,255,255,.08); }
html[data-bs-theme="dark"] .page-link { background: var(--nx-surface-2); border-color: var(--nx-line); color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .page-item.active .page-link { background: var(--nx-grad); border-color: transparent; color: #07091a; }
html[data-bs-theme="dark"] .nav-tabs { border-bottom-color: var(--nx-line-2); }
html[data-bs-theme="dark"] .nav-tabs .nav-link { color: var(--nx-muted); }
html[data-bs-theme="dark"] .nav-tabs .nav-link.active { background: var(--nx-surface-2); border-color: var(--nx-line-2) var(--nx-line-2) var(--nx-surface-2); color: #fff; }
html[data-bs-theme="dark"] .nav-pills .nav-link.active { background: var(--nx-grad); color: #07091a; }
html[data-bs-theme="dark"] .dropdown-item { color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .dropdown-item:hover { background: rgba(124,108,255,.18); color: #fff; }
html[data-bs-theme="dark"] .btn-close { filter: invert(1) grayscale(1) brightness(2); }
html[data-bs-theme="dark"] code { color: var(--nx-lime); }
html[data-bs-theme="dark"] footer.border-top { background: transparent !important; color: var(--nx-muted) !important; border-top-color: var(--nx-line) !important; }
html[data-bs-theme="dark"] .empty-state { color: var(--nx-muted); }
html[data-bs-theme="dark"] img.invert-dark { filter: invert(1); }

/* Giriş / kayıt ekranı */
html[data-bs-theme="dark"] .login-card, html[data-bs-theme="dark"] .auth-card { background: linear-gradient(180deg, var(--nx-surface-2), var(--nx-surface)); border: 1px solid var(--nx-line-2); box-shadow: 0 40px 90px -40px rgba(124,108,255,.5); }

/* Giriş animasyonu */
@media (prefers-reduced-motion: no-preference) {
  .bn .product-card, .bn .bn-feat, .bn .bn-step { animation: nx-rise .5s cubic-bezier(.2,.8,.2,1) both; }
  html[data-bs-theme="dark"] .card, html[data-bs-theme="dark"] .order-card { animation: nx-rise .45s cubic-bezier(.2,.8,.2,1) both; }
  @keyframes nx-rise { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }
}

/* ===================== Düzeltmeler (denetim 1) ===================== */
/* Vitrin: ürün bölümleri çerçevesiz, hava alan görünüm */
.bn .bn-block { background: transparent; border: 0; box-shadow: none; padding-left: 0; padding-right: 0; }
.bn .bn-block-head, .bn .bn-cat-head { border: 0; }
.bn .bn-hero > .bn-wrap > *:first-child, .bn .bn-hero-grid { position: relative; }

/* Giriş / Kayıt */
html[data-bs-theme="dark"] .auth-page { background:
  radial-gradient(900px 520px at 15% 10%, rgba(124,108,255,.35), transparent 60%),
  radial-gradient(800px 500px at 90% 90%, rgba(76,201,240,.22), transparent 60%), var(--nx-bg); }
html[data-bs-theme="dark"] .auth-card { background: linear-gradient(180deg, rgba(26,34,67,.92), rgba(14,19,38,.96)); border: 1px solid var(--nx-line-2); box-shadow: 0 50px 100px -40px rgba(124,108,255,.55); backdrop-filter: blur(14px); }
html[data-bs-theme="dark"] .auth-brand, html[data-bs-theme="dark"] .auth-title { color: #fff; }
html[data-bs-theme="dark"] .auth-brand span { background: var(--nx-grad); -webkit-background-clip: text; background-clip: text; color: transparent; }
html[data-bs-theme="dark"] .auth-sub, html[data-bs-theme="dark"] .auth-foot { color: var(--nx-muted); }
html[data-bs-theme="dark"] .auth-card .form-label, html[data-bs-theme="dark"] .auth-card .form-check-label { color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .auth-card .form-control { background: rgba(255,255,255,.06); border-color: var(--nx-line-2); color: #fff; }
html[data-bs-theme="dark"] .auth-card .form-control:focus { border-color: var(--nx-brand-2); box-shadow: 0 0 0 4px rgba(76,201,240,.18); background: rgba(255,255,255,.09); }
html[data-bs-theme="dark"] .auth-btn { background: var(--nx-grad); color: #07091a; box-shadow: 0 16px 36px -16px rgba(124,108,255,.95); }
html[data-bs-theme="dark"] .auth-btn:hover { background: var(--nx-grad); color: #07091a; filter: brightness(1.12); }
html[data-bs-theme="dark"] .auth-foot a { color: var(--nx-brand-2); }

/* Duyuru çubuğu (satır içi renkli) */
[style*="background:#eff6ff"], [style*="background: #eff6ff"] { background: rgba(76,201,240,.1) !important; color: #7fdcf7 !important; border-color: rgba(76,201,240,.25) !important; }
[style*="background:#fffbeb"], [style*="background: #fffbeb"] { background: rgba(255,181,71,.1) !important; color: #ffc766 !important; border-color: rgba(255,181,71,.25) !important; }
[style*="background:#ecfdf5"], [style*="background: #ecfdf5"] { background: rgba(46,230,166,.1) !important; color: #5df0bd !important; border-color: rgba(46,230,166,.25) !important; }
[style*="background:#fef2f2"], [style*="background: #fef2f2"] { background: rgba(255,92,122,.1) !important; color: #ff8da3 !important; border-color: rgba(255,92,122,.25) !important; }

/* Panelde satır içi beyaz/açık zeminler */
html[data-bs-theme="dark"] [style*="background:#fff"], html[data-bs-theme="dark"] [style*="background: #fff"],
html[data-bs-theme="dark"] [style*="background:#ffffff"], html[data-bs-theme="dark"] [style*="background: #ffffff"],
html[data-bs-theme="dark"] [style*="background:white"], html[data-bs-theme="dark"] [style*="background: white"] { background: var(--nx-surface-2) !important; color: var(--nx-ink) !important; }
html[data-bs-theme="dark"] [style*="background:#f8fafc"], html[data-bs-theme="dark"] [style*="background: #f8fafc"],
html[data-bs-theme="dark"] [style*="background:#f1f5f9"], html[data-bs-theme="dark"] [style*="background: #f1f5f9"],
html[data-bs-theme="dark"] [style*="background:#f9fafb"], html[data-bs-theme="dark"] [style*="background: #f9fafb"] { background: rgba(255,255,255,.04) !important; color: var(--nx-ink-2) !important; }
html[data-bs-theme="dark"] [style*="color:#0f172a"], html[data-bs-theme="dark"] [style*="color: #0f172a"],
html[data-bs-theme="dark"] [style*="color:#172033"], html[data-bs-theme="dark"] [style*="color:#1e293b"], html[data-bs-theme="dark"] [style*="color:#334155"] { color: var(--nx-ink) !important; }
html[data-bs-theme="dark"] [style*="color:#64748b"], html[data-bs-theme="dark"] [style*="color:#475569"], html[data-bs-theme="dark"] [style*="color:#94a3b8"] { color: var(--nx-muted) !important; }
html[data-bs-theme="dark"] [style*="border:1px solid #e2e8f0"], html[data-bs-theme="dark"] [style*="border: 1px solid #e2e8f0"], html[data-bs-theme="dark"] [style*="border:1px solid #e8eef6"] { border-color: var(--nx-line) !important; }
/* ===================== Düzeltmeler (denetim 2: bayiinet-ui.css !important'larını ez) ===================== */
html[data-bs-theme="dark"] body .auth-page { background:
  radial-gradient(900px 520px at 15% 10%, rgba(124,108,255,.35), transparent 60%),
  radial-gradient(800px 500px at 90% 90%, rgba(76,201,240,.22), transparent 60%), var(--nx-bg) !important; }
html[data-bs-theme="dark"] body .auth-card { background: linear-gradient(180deg, rgba(26,34,67,.94), rgba(14,19,38,.97)) !important; border: 1px solid var(--nx-line-2) !important; box-shadow: 0 50px 100px -40px rgba(124,108,255,.55) !important; }
html[data-bs-theme="dark"] body .auth-brand, html[data-bs-theme="dark"] body .auth-title { color: #fff !important; }
html[data-bs-theme="dark"] body .auth-sub, html[data-bs-theme="dark"] body .auth-foot { color: var(--nx-muted) !important; }
html[data-bs-theme="dark"] body .auth-btn { background: var(--nx-grad) !important; color: #07091a !important; }
html[data-bs-theme="dark"] body .auth-brand span { background: var(--nx-grad); -webkit-background-clip: text; background-clip: text; color: transparent !important; }
html[data-bs-theme="dark"] body .topbar { background: rgba(8,11,24,.8) !important; border-bottom: 1px solid var(--nx-line) !important; }
html[data-bs-theme="dark"] body footer.border-top { background: transparent !important; color: var(--nx-muted) !important; border-top: 1px solid var(--nx-line) !important; }
html[data-bs-theme="dark"] body footer { background: #04060f !important; }
html[data-bs-theme="dark"] .card-header { color: #fff; }
html[data-bs-theme="dark"] .text-muted { color: var(--nx-muted) !important; }

/* Mobil vitrin menü */
@media (max-width: 860px) {
  .bn .bn-links a { background: rgba(255,255,255,.06); border-color: var(--nx-line); color: var(--nx-ink-2); }
  .bn .bn-links a.is-active { border-color: var(--nx-brand); background: rgba(124,108,255,.25); color: #fff; }
  .bn .bn-nav-in { gap: 10px; }
  .bn .bn-actions .bn-btn { padding: 0 14px; font-size: .85rem; }
}
/* ===================== Bayi sayfaları (Siparişlerim, Sipariş oluştur, Detay) ===================== */
html[data-bs-theme="dark"] .order-card-v2 { background: linear-gradient(180deg, var(--nx-surface-2), var(--nx-surface)) !important; border: 1px solid var(--nx-line) !important; color: var(--nx-ink) !important; box-shadow: var(--shadow); }
html[data-bs-theme="dark"] .order-card-v2:hover { border-color: rgba(124,108,255,.55) !important; box-shadow: var(--nx-glow); transform: translateY(-3px); }
html[data-bs-theme="dark"] .ocv2-date, html[data-bs-theme="dark"] .ocv2-sku { color: var(--nx-muted); }
html[data-bs-theme="dark"] .ocv2-title { color: #fff; }
html[data-bs-theme="dark"] .ocv2-meta { color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .ocv2-img-wrap { background: radial-gradient(circle, #fff, #e8ecfa); border-color: var(--nx-line-2); width: 80px; height: 80px; }
html[data-bs-theme="dark"] .ocv2-img-wrap img { object-fit: contain; padding: 4px; }
html[data-bs-theme="dark"] .ocv2-foot { border-top-color: var(--nx-line); }
html[data-bs-theme="dark"] .ocv2-no { background: rgba(255,255,255,.06); color: var(--nx-ink-2); }
html[data-bs-theme="dark"] .ocv2-price { background: var(--nx-grad-warm); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 1.15rem; }
html[data-bs-theme="dark"] .ocv2-top .badge { font-weight: 700; padding: .45em .8em; border-radius: 999px; }

html[data-bs-theme="dark"] .order-product, html[data-bs-theme="dark"] .od-card, html[data-bs-theme="dark"] .order-card, html[data-bs-theme="dark"] .cargo-modal {
  background: linear-gradient(180deg, var(--nx-surface-2), var(--nx-surface)) !important; border: 1px solid var(--nx-line) !important; color: var(--nx-ink) !important; box-shadow: var(--shadow);
}
html[data-bs-theme="dark"] .order-product img { background: radial-gradient(circle, #fff, #e8ecfa); }
html[data-bs-theme="dark"] .platform-opt, html[data-bs-theme="dark"] .cargo-opt { background: rgba(255,255,255,.04) !important; border-color: var(--nx-line-2) !important; color: var(--nx-ink-2) !important; }
html[data-bs-theme="dark"] .platform-opt:hover, html[data-bs-theme="dark"] .cargo-opt:hover { border-color: var(--nx-brand-2) !important; background: rgba(76,201,240,.08) !important; }
html[data-bs-theme="dark"] .platform-opt.active { background: rgba(124,108,255,.2) !important; border-color: var(--nx-brand) !important; box-shadow: 0 0 0 3px rgba(124,108,255,.25) !important; color: #fff !important; }
html[data-bs-theme="dark"] .cargo-opt.active { background: rgba(255,181,71,.12) !important; border-color: var(--nx-warn) !important; color: #fff !important; }
html[data-bs-theme="dark"] .note-box { background: rgba(255,181,71,.1) !important; color: var(--nx-warn) !important; }
html[data-bs-theme="dark"] .cargo-modal p, html[data-bs-theme="dark"] .form-label { color: var(--nx-ink-2) !important; }
html[data-bs-theme="dark"] .btn-order { background: var(--nx-grad-warm) !important; color: #07140c !important; font-weight: 800; }
html[data-bs-theme="dark"] .btn-wa-outline { background: rgba(255,255,255,.04) !important; border-color: var(--nx-line-2) !important; color: var(--nx-ink-2) !important; }

/* Ödeme sayfası (vitrin içi satır içi stiller) */
.bn [style*="background:#fff"], .bn [style*="background: #fff"], .bn [style*="background:#ffffff"] { background: var(--nx-surface-2) !important; color: var(--nx-ink) !important; border-color: var(--nx-line-2) !important; }
.bn [style*="background:#f8fafc"], .bn [style*="background: #f8fafc"] { background: rgba(255,255,255,.04) !important; border-color: var(--nx-line) !important; color: var(--nx-ink-2) !important; }
.bn [style*="background:#fffbeb"] { background: rgba(255,181,71,.1) !important; border-color: rgba(255,181,71,.3) !important; color: var(--nx-warn) !important; }
.bn [style*="background:#eef2ff"] { background: rgba(124,108,255,.18) !important; color: #cfc8ff !important; }
.bn [style*="color:#1e293b"], .bn [style*="color:#0f172a"], .bn [style*="color:#334155"] { color: var(--nx-ink) !important; }
.bn [style*="color:#64748b"], .bn [style*="color:#475569"] { color: var(--nx-muted) !important; }
.bn input[style], .bn select[style], .bn textarea[style] { background: rgba(255,255,255,.06) !important; color: var(--nx-ink) !important; border-color: var(--nx-line-2) !important; }