/* ════════════════════════════════════════════════════════════════════════════
 * dealer.css — Bovisio Bayi panelinin renkleri ve parçaları (portal.css + vet.css'in ÜSTÜNE yüklenir)
 *
 * Yapı ve bileşenler Veteriner uygulamasıyla aynıdır (body sınıfı "vet dealer"). Bu dosya paleti KOYU KIRMIZI (bordo) + KAHVE-ALTINA çevirir;
 * öteki uygulamalardan (Portal yeşil, Veteriner / Danışman lacivert) ayrı durur:
 *      ana renk  #4E0F1A (koyu bordo; beyaz yazıyla 15:1)   · vurgu / işlem düğmesi  #856F52 (kahve-altın; beyaz yazıyla 4,9:1)
 *      yan menü #29070D (en koyu bordo) · menüdeki vurgu #B8A07F (#856F52'nin açığı; koyu zeminde okunur)
 *      giriş sayfaları: --bvs-acc #856F52, yan panel #4E0F1A → #29070D
 * ve bayi paneline özel parçaları tanımlar (sınıflar "dl-" ile başlar). Köşeler vet.css'teki gibi en çok 3 pikseldir.
 * Telefonda (< 992 px) ekranın altında alt menü vardır; tablolar (.dl-cards) kart listesine döner; 375 px'te yatay kaydırma olmaz.
 * ════════════════════════════════════════════════════════════════════════════ */

:root, [data-bs-theme=light] {
    --pt-accent: #856F52;
    --pt-accent-rgb: 133, 111, 82;

    --vz-primary: #4E0F1A;
    --vz-primary-rgb: 78, 15, 26;
    --vz-primary-text-emphasis: #29070D;
    --vz-primary-bg-subtle: #F6E9EB;
    --vz-primary-border-subtle: #E2C0C5;

    --vz-secondary: #856F52;
    --vz-secondary-rgb: 133, 111, 82;
    --vz-secondary-text-emphasis: #5E4D38;
    --vz-secondary-bg-subtle: #F3EFEA;
    --vz-secondary-border-subtle: #D9CDBD;

    --vz-link-color: #4E0F1A;
    --vz-link-color-rgb: 78, 15, 26;
    --vz-link-hover-color: #856F52;
    --vz-link-hover-color-rgb: 133, 111, 82;

    --dl-gold: #B8A07F;
    --dl-wine: #29070D;
}

[data-bs-theme=dark] {
    --pt-accent: #B8A07F;
    --pt-accent-rgb: 184, 160, 127;
    --vz-primary: #B5475A;
    --vz-primary-rgb: 181, 71, 90;
    --vz-primary-text-emphasis: #F0C4CB;
    --vz-primary-bg-subtle: rgba(181, 71, 90, .2);
    --vz-primary-border-subtle: rgba(181, 71, 90, .38);
    --vz-secondary: #9C8462;
    --vz-secondary-rgb: 156, 132, 98;
    --vz-secondary-text-emphasis: #D3C2AB;
    --vz-secondary-bg-subtle: rgba(184, 160, 127, .14);
    --vz-secondary-border-subtle: rgba(184, 160, 127, .3);
    --vz-link-color: #D3C2AB;
    --vz-link-color-rgb: 211, 194, 171;
    --vz-link-hover-color: #E6DACB;
    --vz-link-hover-color-rgb: 230, 218, 203;
}

/* Kahve-altın düğme (#856F52): Bootstrap düğme değişkenleri (btn-secondary sayfanın işlem düğmesidir) */
.dealer .btn-secondary { --vz-btn-bg: #856F52; --vz-btn-border-color: #856F52; --vz-btn-hover-bg: #6E5B43; --vz-btn-hover-border-color: #6E5B43;
    --vz-btn-active-bg: #5E4D38; --vz-btn-active-border-color: #5E4D38; --vz-btn-disabled-bg: #856F52; --vz-btn-disabled-border-color: #856F52; --vz-btn-color: #FFF; --vz-btn-hover-color: #FFF; }
.dealer .btn-soft-secondary { --vz-btn-color: #5E4D38; --vz-btn-bg: #F3EFEA; --vz-btn-hover-bg: #856F52; --vz-btn-hover-color: #FFF; }

/* ── Yan menü: bordo; açık sayfanın simgesi ve sol çizgisi kahve-altın ── */
html[data-sidebar=dark], html[data-theme][data-sidebar=dark] {
    --vet-menu-accent: #B8A07F;
    --vz-vertical-menu-bg: #29070D;
    --vz-vertical-menu-border: #29070D;
    --vz-vertical-menu-item-color: #EBD5D8;
    --vz-vertical-menu-item-bg: rgba(255, 255, 255, .07);
    --vz-vertical-menu-item-hover-color: #FFF;
    --vz-vertical-menu-item-active-color: #FFF;
    --vz-vertical-menu-item-active-bg: rgba(184, 160, 127, .12);
    --vz-vertical-menu-sub-item-color: #D9BCC1;
    --vz-vertical-menu-sub-item-hover-color: #FFF;
    --vz-vertical-menu-sub-item-active-color: #FFF;
    --vz-vertical-menu-title-color: #C0959D;
    --vz-twocolumn-menu-iconview-bg: #1C0509;
}
html[data-bs-theme=dark][data-sidebar=dark], html[data-theme][data-bs-theme=dark][data-sidebar=dark] {
    --vz-vertical-menu-bg: #1A0408;
    --vz-vertical-menu-border: #1A0408;
    --vz-twocolumn-menu-iconview-bg: #120306;
}
.dealer .navbar-menu .navbar-nav .nav-link.menu-link.active { box-shadow: inset 3px 0 0 var(--vet-menu-accent); }

/* Üst çubuk: firma adı dar ekranda kısalır */
.dealer #dlFirm { min-width: 0; }
.dealer #dlFirm b { max-width: 42vw; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

/* ── Giriş sayfaları (bv-signup.css / bv-auth-web.css değişkenleri) ── */
html[data-bvs-pf="dealer"], html [data-bvs-pf="dealer"] { --bvs-acc: #856F52; --bvs-acc-ink: #5E4D38; --bvs-acc-rgb: 133, 111, 82; --bvs-side: #4E0F1A; --bvs-side-2: #29070D; }
body.bva-body[data-bva-pf="dealer"] { background-color: #EFE6E4;
    background-image:
        radial-gradient(900px 620px at 0% 0%, rgba(252, 251, 247, .88), rgba(252, 251, 247, 0) 62%),
        radial-gradient(820px 600px at 100% 100%, rgba(41, 7, 13, .45), rgba(41, 7, 13, 0) 60%),
        radial-gradient(700px 480px at 70% 85%, rgba(184, 160, 127, .26), rgba(184, 160, 127, 0) 70%),
        linear-gradient(145deg, #F7F3EE 0%, #EADCD9 50%, #C9A7AC 100%); }

/* ── Şeritler (askıda, firma bilgisi eksik) ── */
.dl-banner { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; padding: 12px 16px; border: 1px solid; border-radius: 3px; text-decoration: none; }
.dl-banner > i:first-child { font-size: 22px; line-height: 1; }
.dl-banner b { display: block; font-size: 13px; }
.dl-banner span { display: block; font-size: 12.5px; }
.dl-banner-bad { background: var(--vz-danger-bg-subtle); border-color: var(--vz-danger-border-subtle); color: var(--vz-danger-text-emphasis); }
.dl-banner-warn { background: var(--vz-secondary-bg-subtle); border-color: var(--vz-secondary-border-subtle); color: var(--vz-secondary-text-emphasis); }
a.dl-banner-warn:hover { color: var(--vz-secondary-text-emphasis); filter: brightness(.98); }

/* ── Göstergeler: düz şerit; dar ekranda iki sütun ── */
.dl-kpis { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 0; margin: 0 0 16px; border: 1px solid var(--vz-border-color); border-radius: 3px; background: var(--vz-secondary-bg); overflow: hidden; }
.dl-kpi { display: grid; grid-template-columns: auto 1fr; column-gap: 8px; row-gap: 2px; align-items: center; padding: 12px 16px; border-left: 1px solid var(--vz-border-color); border-top: 1px solid var(--vz-border-color); margin: 0 0 -1px -1px; }
.dl-kpi i { font-size: 16px; color: var(--pt-accent); }
.dl-kpi span { font-size: 12px; color: var(--vz-secondary-color); line-height: 1.3; }
.dl-kpi b { grid-column: 1 / 3; font-size: 20px; font-weight: 600; color: var(--vz-heading-color); line-height: 1.2; }
.dl-kpi.is-warn b, .dl-kpi.is-warn i { color: var(--vz-warning-text-emphasis); }
.dl-kpi.is-bad b, .dl-kpi.is-bad i { color: var(--vz-danger-text-emphasis); }
.dl-kpis-sm { grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); }
@media (max-width: 575.98px) { .dl-kpis { grid-template-columns: 1fr 1fr; } .dl-kpi { padding: 10px 12px; } .dl-kpi b { font-size: 18px; } }

/* Kalan gün etiketi */
.dl-days { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.dl-days-bad { background: var(--vz-danger-bg-subtle); color: var(--vz-danger-text-emphasis); }
.dl-days-warn { background: #FCEBD9; color: #A04E0A; }
.dl-days-soon { background: var(--vz-warning-bg-subtle); color: var(--vz-warning-text-emphasis); }

/* Boş durum, notlar */
.dl-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px 12px; text-align: center; color: var(--vz-secondary-color); }
.dl-empty > i { font-size: 30px; color: var(--pt-accent); opacity: .8; }
.dl-empty .btn { display: inline-flex; align-items: center; }
.dl-empty-lg { padding: 48px 16px; }
.dl-empty-lg b { font-size: 15px; color: var(--vz-heading-color); }
.dl-empty-lg span { max-width: 520px; }
.dl-empty-row { padding: 22px 12px !important; text-align: center; color: var(--vz-secondary-color); }
.dl-note { display: flex; gap: 10px; align-items: flex-start; margin: 0 0 12px; padding: 10px 12px; border: 1px solid var(--vz-border-color); border-radius: 3px; background: var(--vz-secondary-bg); font-size: 12.5px; }
.dl-note i { font-size: 17px; line-height: 1.1; color: var(--pt-accent); }
.dl-note-warn { background: var(--vz-secondary-bg-subtle); border-color: var(--vz-secondary-border-subtle); color: var(--vz-secondary-text-emphasis); }
/* Havale / EFT hesap bilgisi */
.dl-bank dd { overflow-wrap: anywhere; }
#havale { scroll-margin-top: 90px; }
/* Ödeme yolu sekmeleri (Order/Pay): iki eşit sekme — simge, ad ve kısa açıklama; açık sekmenin altında ana renk çizgi */
.dl-tabs { display: grid; grid-template-columns: 1fr 1fr; border-bottom: 1px solid var(--vz-border-color); }
.dl-tab { display: flex; align-items: center; gap: 12px; min-width: 0; padding: 14px 18px; border: 0; border-bottom: 3px solid transparent; margin-bottom: -1px;
    background: none; color: var(--vz-secondary-color); text-align: left; font: inherit; cursor: pointer; transition: background-color .15s, border-color .15s; }
.dl-tab + .dl-tab { border-left: 1px solid var(--vz-border-color); }
.dl-tab:hover { background: var(--vz-light); }
.dl-tab:focus-visible { outline: 2px solid var(--vz-primary); outline-offset: -2px; }
.dl-tab > i { flex: 0 0 auto; display: grid; place-items: center; width: 38px; height: 38px; border-radius: 3px; background: var(--vz-light); font-size: 20px; }
.dl-tab > span { min-width: 0; }
.dl-tab b { display: block; font-size: 14px; font-weight: 600; color: var(--vz-heading-color, var(--vz-body-color)); }
.dl-tab small { display: block; font-size: 12px; line-height: 1.35; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.dl-tab.active { border-bottom-color: var(--vz-primary); color: var(--vz-primary); }
.dl-tab.active > i { background: var(--vz-primary); color: #FFF; }
.dl-tab.active b { color: var(--vz-primary); }
[data-bs-theme=dark] .dl-tab.active, [data-bs-theme=dark] .dl-tab.active b { color: #FFF; }
@media (max-width: 575.98px) { .dl-tab { padding: 12px; gap: 8px; } .dl-tab > i { width: 32px; height: 32px; font-size: 17px; } .dl-tab small { white-space: normal; } }
.dl-foot { display: flex; gap: 6px; align-items: flex-start; margin: -8px 0 14px; font-size: 12px; color: var(--vz-secondary-color); }
.dl-foot i { font-size: 15px; line-height: 1.1; }

/* Hızlı işlemler */
.dl-quick { display: grid; gap: 8px; }
.dl-quick a { display: flex; gap: 12px; align-items: center; padding: 10px 12px; border: 1px solid var(--vz-border-color); border-radius: 3px; color: var(--vz-body-color); text-decoration: none; transition: border-color .15s, background-color .15s; }
.dl-quick a:hover { border-color: var(--pt-accent); background: rgba(var(--pt-accent-rgb), .05); }
.dl-quick a.disabled { pointer-events: none; opacity: .5; }
.dl-quick i { font-size: 22px; color: var(--pt-accent); }
.dl-quick b { display: block; font-size: 13px; color: var(--vz-heading-color); }
.dl-quick small { display: block; font-size: 12px; color: var(--vz-secondary-color); }

/* Katalog */
.dl-price { color: var(--vz-heading-color); }
/* Admin bu bayiye oran girmemiş: sipariş edilemez */
.dl-unset { display: inline-block; padding: 1px 6px; border-radius: 3px; background: var(--vz-light); color: var(--vz-secondary-color); font-size: 11.5px; white-space: nowrap; }

/* Firma durumu */
.dl-facts { display: grid; grid-template-columns: auto 1fr; gap: 8px 16px; margin: 0 0 14px; font-size: 12.5px; }
.dl-facts dt { font-weight: 500; color: var(--vz-secondary-color); }
.dl-facts dd { margin: 0; text-align: right; }

/* ── Tablo → kart listesi (telefon): her satır bir kart, hücreler "etiket: değer" ── */
@media (max-width: 767.98px) {
    .dl-cards thead { display: none; }
    .dl-cards, .dl-cards tbody, .dl-cards tr, .dl-cards td { display: block; width: 100%; }
    .dl-cards tr { padding: 10px 14px; border-bottom: 1px solid var(--vz-border-color); }
    .dl-cards td { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0 !important; border: 0 !important; text-align: right !important; }
    .dl-cards td[data-label]::before { content: attr(data-label); flex: 0 0 auto; max-width: 45%; color: var(--vz-secondary-color); font-size: 12px; text-align: left; }
    .dl-cards td:first-child { display: block; text-align: left !important; padding-bottom: 6px !important; }
    .dl-cards td:first-child::before { content: none; }
    .dl-cards td:not([data-label]) { justify-content: flex-end; }
    .dl-cards td.dl-empty-row { display: block; text-align: center !important; }
    /* Tutarın altındaki küçük satır (KDV hariç karşılığı, oran) kartta tutarın altına, sağa yaslı iner */
    .dl-cards td[data-label]:not(:first-child) { flex-wrap: wrap; row-gap: 0; }
    .dl-cards td[data-label]:not(:first-child) > small.d-block { flex: 0 0 100%; text-align: right; }
}

/* ── Siparişler, stok, çiftlikler (Faz 3–4) ── */
.dl-banner-ok { background: var(--vz-success-bg-subtle); border-color: var(--vz-success-border-subtle); color: var(--vz-success-text-emphasis); }
/* Durum etiketi: ok yeşil, info gri-mavi (beklemede / yolda), warn turuncu, bad kırmızı, off gri */
.dl-state { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 12px; font-weight: 600; white-space: nowrap; }
.dl-state-ok { background: var(--vz-success-bg-subtle); color: var(--vz-success-text-emphasis); }
.dl-state-info { background: #E6ECF3; color: #3E5571; }
.dl-state-warn { background: #FCEBD9; color: #A04E0A; }
.dl-state-bad { background: var(--vz-danger-bg-subtle); color: var(--vz-danger-text-emphasis); }
.dl-state-off { background: var(--vz-light); color: var(--vz-secondary-color); }
[data-bs-theme=dark] .dl-state-info { background: rgba(120, 150, 190, .18); color: #B7C7DA; }
[data-bs-theme=dark] .dl-state-warn { background: rgba(214, 125, 40, .18); color: #F0B27A; }

/* Durum çizelgesi */
.dl-steps { display: flex; gap: 0; margin: 0; padding: 0; list-style: none; counter-reset: s; }
.dl-steps li { position: relative; flex: 1 1 0; display: flex; flex-direction: column; align-items: center; gap: 4px; padding: 0 4px; text-align: center; font-size: 12px; color: var(--vz-secondary-color); }
.dl-steps li::before { content: ""; position: absolute; top: 14px; left: -50%; width: 100%; height: 2px; background: var(--vz-border-color); z-index: 0; }
.dl-steps li:first-child::before { display: none; }
.dl-steps li.is-done::before, .dl-steps li.is-now::before { background: var(--pt-accent); }
.dl-step-dot { position: relative; z-index: 1; display: inline-flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 50%; border: 2px solid var(--vz-border-color); background: var(--vz-secondary-bg); font-size: 15px; }
.dl-steps li.is-done .dl-step-dot { border-color: var(--pt-accent); background: var(--pt-accent); color: #FFF; }
.dl-steps li.is-now .dl-step-dot { border-color: var(--pt-accent); color: var(--pt-accent); box-shadow: 0 0 0 4px rgba(var(--pt-accent-rgb), .15); }
.dl-steps li.is-now b, .dl-steps li.is-done b { color: var(--vz-heading-color); }
.dl-steps b { font-size: 12.5px; font-weight: 600; }
.dl-steps small { min-height: 1em; font-size: 11px; }
@media (max-width: 575.98px) {
    .dl-steps { flex-direction: column; gap: 10px; }
    .dl-steps li { flex-direction: row; align-items: center; text-align: left; gap: 10px; }
    .dl-steps li::before { display: none; }
    .dl-steps small { margin-left: auto; }
}

/* Sipariş ekranı: paket seçimi, adet, özet */
.dl-picks { display: grid; gap: 8px; }
.dl-pick { display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 14px; border: 1px solid var(--vz-border-color); border-radius: 3px; cursor: pointer; }
.dl-pick:has(input:checked) { border-color: var(--pt-accent); background: rgba(var(--pt-accent-rgb), .05); }
.dl-pick .form-check-input { margin: 0; flex: 0 0 auto; }
.dl-pick-main { flex: 1 1 auto; min-width: 0; }
.dl-pick-main b { font-size: 13.5px; }
.dl-pick-main small { display: block; color: var(--vz-secondary-color); font-size: 12px; }
.dl-qty { flex-wrap: nowrap; width: 140px; margin-left: auto; }
.dl-qty input { min-width: 0; -moz-appearance: textfield; }
.dl-qty input::-webkit-outer-spin-button, .dl-qty input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
/* Özet kartı sağ sütunun başında, soldaki kartla aynı hizada durur (yapışkan konum, kaydırılmayan üst kapsayıcıda kartı aşağı itiyordu) */
.dl-sum-lines { margin: 0 0 12px; padding: 0 0 10px; list-style: none; border-bottom: 1px dashed var(--vz-border-color); font-size: 12.5px; }
.dl-sum-lines li { display: flex; justify-content: space-between; gap: 10px; padding: 3px 0; }
.dl-sum-lines li span { min-width: 0; overflow-wrap: anywhere; }
.dl-sum-lines li b { white-space: nowrap; }
.dl-sum dd { font-variant-numeric: tabular-nums; }
.dl-sum .dl-sum-total { padding-top: 6px; border-top: 1px solid var(--vz-border-color); font-size: 14px; font-weight: 700; color: var(--vz-heading-color); }

/* Stok seçimi ve kamera */
.dl-search { max-width: 420px; flex: 1 1 260px; }
.dl-scan-video { display: block; width: 100%; max-height: 260px; margin: 8px 0; border-radius: 3px; background: #000; object-fit: cover; }
.dl-scan-video[hidden] { display: none; }
.dl-stock-list { max-height: 340px; overflow: auto; border: 1px solid var(--vz-border-color); border-radius: 3px; }
.dl-stock-group { position: sticky; top: 0; z-index: 1; padding: 6px 12px; background: var(--vz-light); font-size: 12.5px; }
label.dl-stock-item { display: flex; align-items: center; gap: 10px; margin: 0; padding: 7px 12px; border-top: 1px solid var(--vz-border-color); cursor: pointer; font-size: 13px; }
label.dl-stock-item:has(input:checked) { background: rgba(var(--pt-accent-rgb), .06); }
label.dl-stock-item[hidden], tr.dl-stock-item[hidden] { display: none; }
.dl-serials { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 4px; }
.dl-serials span { padding: 2px 8px; border: 1px solid var(--vz-border-color); border-radius: 3px; background: var(--vz-light); font-size: 12px; }

/* Geçmiş ve ödemeler */
.dl-log { margin: 0; padding: 0; list-style: none; }
.dl-log li { display: grid; grid-template-columns: 130px auto 1fr; gap: 10px; padding: 6px 0; border-bottom: 1px solid var(--vz-border-color); font-size: 12.5px; }
.dl-log li:last-child { border-bottom: 0; }
.dl-log time { color: var(--vz-secondary-color); }
.dl-log span { color: var(--vz-secondary-color); overflow-wrap: anywhere; }
@media (max-width: 575.98px) { .dl-log li { grid-template-columns: 1fr; gap: 2px; } }
.dl-paylist { margin: 0; padding: 0; list-style: none; }
.dl-paylist li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 16px; border-bottom: 1px solid var(--vz-border-color); font-size: 13px; }
.dl-paylist li:last-child { border-bottom: 0; }
.dl-paylist li.is-active { box-shadow: inset 3px 0 0 var(--pt-accent); }
tr.dl-row-link, #dlFarmTable tbody tr { cursor: pointer; }

/* ── Telefonda alt menü ── */
.dl-bottom { display: none; }
@media (max-width: 991.98px) {
    .dl-bottom { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1003; display: grid; grid-template-columns: repeat(5, 1fr);
        padding-bottom: env(safe-area-inset-bottom); background: #29070D; box-shadow: 0 -2px 10px rgba(41, 7, 13, .25); }
    .dl-bottom a, .dl-bottom button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; min-height: 58px; padding: 6px 2px;
        border: 0; background: none; color: #D9BCC1; font-size: 10.5px; line-height: 1.2; text-decoration: none; text-align: center; }
    .dl-bottom i { font-size: 21px; line-height: 1; }
    .dl-bottom span { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .dl-bottom a.active { color: #FFF; box-shadow: inset 0 3px 0 var(--dl-gold); }
    .dl-bottom a.active i { color: var(--dl-gold); }
    .dealer .main-content { padding-bottom: calc(64px + env(safe-area-inset-bottom)); }
    .dealer .footer { bottom: calc(58px + env(safe-area-inset-bottom)); }
    .dealer #back-to-top { display: none !important; }
}

/* 375 px: yatay kaydırma olmasın */
.dealer .page-content { overflow-x: hidden; }

/* ── Bildirimler (Notification/Index) ve üst çubuktaki zil ── */
.dl-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.dl-chip { display: inline-flex; align-items: center; gap: 5px; padding: 4px 11px; border-radius: 3px; background: var(--vz-light); color: var(--vz-secondary-color); font-size: 12.5px; text-decoration: none; }
.dl-chip i { font-size: 14px; }
.dl-chip:hover { color: var(--vz-body-color); }
.dl-chip.active { background: var(--vz-primary); color: #FFF; }
.dl-inbox { list-style: none; margin: 0; padding: 0; }
.dl-inbox li { position: relative; display: flex; align-items: center; gap: 6px; padding-right: 10px; border-top: 1px solid var(--vz-border-color); }
.dl-inbox li:first-child { border-top: 0; }
.dl-inbox li.is-urgent { box-shadow: inset 3px 0 0 var(--vz-danger); }
.dl-inbox li.is-new::before { content: ""; position: absolute; left: 7px; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: var(--pt-accent); }
.dl-inbox-main, .dl-bell-row { flex: 1 1 auto; min-width: 0; display: flex; align-items: flex-start; gap: 12px; padding: 11px 8px 11px 20px; color: var(--vz-body-color); text-decoration: none; }
.dl-inbox-main:hover, .dl-bell-row:hover { color: var(--vz-body-color); background: var(--vz-light); }
.dl-inbox-ico { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 3px; font-size: 17px;
    background: var(--vz-light); color: var(--vz-secondary-color); }
.dl-cat-yenileme { background: var(--vz-secondary-bg-subtle); color: var(--vz-secondary-text-emphasis); }
.dl-cat-odeme { background: var(--vz-success-bg-subtle); color: var(--vz-success-text-emphasis); }
.dl-cat-siparis { background: var(--vz-primary-bg-subtle); color: var(--vz-primary-text-emphasis); }
.dl-cat-cihaz { background: var(--vz-warning-bg-subtle); color: var(--vz-warning-text-emphasis); }
.dl-cat-hesap { background: var(--vz-info-bg-subtle); color: var(--vz-info-text-emphasis); }
.dl-inbox-text { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; gap: 1px; line-height: 1.35; }
.dl-inbox-text b { font-weight: 500; overflow-wrap: anywhere; }
.is-new .dl-inbox-text b { font-weight: 600; }
.dl-inbox-text > span { color: var(--vz-secondary-color); font-size: 12.5px; overflow-wrap: anywhere; }
.dl-inbox-text small { color: var(--vz-secondary-color); font-size: 11.5px; }
.dl-inbox-text small em { font-style: normal; font-size: 11px; padding: 0 6px; }
.is-read .dl-inbox-ico { opacity: .65; }
.dl-inbox-read { flex: 0 0 auto; }
.dl-bell-menu { width: 360px; max-width: calc(100vw - 24px); }
.dl-bell-head { display: flex; align-items: center; gap: 8px; padding: 12px 14px; border-bottom: 1px solid var(--vz-border-color); }
.dl-bell-list { max-height: 360px; overflow-y: auto; }
.dl-bell-row { padding: 10px 14px; border-bottom: 1px solid var(--vz-border-color); position: relative; }
.dl-bell-row.is-new { background: rgba(var(--pt-accent-rgb), .07); }
.dl-bell-row.is-urgent { box-shadow: inset 3px 0 0 var(--vz-danger); }
.dl-bell-empty { display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 26px 14px; color: var(--vz-secondary-color); font-size: 13px; }
.dl-bell-empty i { font-size: 26px; }
.dl-bell-foot { display: block; padding: 10px 14px; text-align: center; font-weight: 500; }
.dl-pushstate { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 3px; background: var(--vz-light); font-size: 13px; }
.dl-pushstate i { font-size: 20px; }
.dl-pushstate[data-state="on"] { background: var(--vz-success-bg-subtle); color: var(--vz-success-text-emphasis); }
.dl-pushstate[data-state="denied"], .dl-pushstate[data-state="failed"] { background: var(--vz-danger-bg-subtle); color: var(--vz-danger-text-emphasis); }
.dl-devices { list-style: none; margin: 0; padding: 0; }
.dl-devices li { display: flex; align-items: center; gap: 10px; padding: 8px 0; border-top: 1px solid var(--vz-border-color); }
.dl-devices li > i { font-size: 18px; color: var(--vz-secondary-color); }
.dl-devices li > span { flex: 1 1 auto; min-width: 0; }
.dl-devices small { display: block; color: var(--vz-secondary-color); font-size: 12px; }
.dl-devices em { font-style: normal; font-size: 11px; }
.dl-bell-row .dl-inbox-text > span { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
@media (max-width: 575.98px) {
    .dl-bell-menu { position: fixed !important; left: 12px !important; right: 12px !important; top: 64px !important; width: auto; transform: none !important; }
}

/* ── Sekmeler (Siparişlerim, Bildirimler, Katalog): tek tip alt çizgili sekme; dar ekranda yatay kayar ── */
.dealer .card-header:has(> .nav-tabs-custom) { padding: 0 8px; border-bottom: 1px solid var(--vz-border-color); }
.dealer .nav-tabs-custom { display: flex; flex-wrap: nowrap; gap: 2px; margin: 0; border-bottom: 0; overflow-x: auto; scrollbar-width: none; }
.dealer .nav-tabs-custom::-webkit-scrollbar { display: none; }
.dealer #dlCatalogTabs { border-bottom: 1px solid var(--vz-border-color); }
.dealer .nav-tabs-custom .nav-item { flex: 0 0 auto; }
.dealer .nav-tabs-custom .nav-link { display: inline-flex; align-items: center; gap: 6px; margin: 0; padding: 13px 14px 10px; border: 0; border-bottom: 3px solid transparent;
    border-radius: 0; background: none; color: var(--vz-secondary-color); font-weight: 500; white-space: nowrap; }
.dealer .nav-tabs-custom .nav-link::after { display: none; }
.dealer .nav-tabs-custom .nav-link:hover { color: var(--vz-body-color); }
.dealer .nav-tabs-custom .nav-link.active { border-bottom-color: var(--vz-primary); background: none; color: var(--vz-primary); }
[data-bs-theme=dark] .dealer .nav-tabs-custom .nav-link.active { color: #FFF; border-bottom-color: var(--pt-accent); }
.dealer .nav-tabs-custom .nav-link .badge { margin-left: 2px !important; font-weight: 600; }
.dealer .nav-tabs-custom .nav-link.active .badge { background: var(--vz-primary) !important; color: #FFF !important; }

/* ── Kazançlarım: ay ay yığılmış çubuk (ilk satış · yenileme · cihaz), dağılım, toplam satırı ── */
.dl-earn-first { background: var(--vz-primary) !important; }
.dl-earn-renew { background: var(--pt-accent) !important; }
.dl-earn-device { background: #D3C2AB !important; }
[data-bs-theme=dark] .dl-earn-device { background: #6E5B43 !important; }
.dl-legend { display: flex; flex-wrap: wrap; gap: 4px 14px; font-size: 12px; color: var(--vz-secondary-color); }
.dl-dot { display: inline-block; width: 10px; height: 10px; margin-right: 6px; border-radius: 2px; vertical-align: -1px; }
.dl-bars { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 6px; align-items: end; height: 240px; }
.dl-bar { display: flex; flex-direction: column; align-items: center; gap: 6px; height: 100%; min-width: 0; }
.dl-bar-track { flex: 1 1 auto; width: 100%; max-width: 38px; display: flex; align-items: flex-end; border-radius: 2px; background: var(--vz-light); }
.dl-bar-stack { display: flex; flex-direction: column; width: 100%; min-height: 0; border-radius: 2px 2px 0 0; overflow: hidden; }
.dl-bar-stack > span { display: block; min-height: 2px; }
.dl-bar small { font-size: 11px; color: var(--vz-secondary-color); white-space: nowrap; }
.dl-bar.is-now small { color: var(--vz-primary); font-weight: 700; }
.dl-bar.is-future .dl-bar-track { opacity: .45; }
.dl-split li + li { margin-top: 12px; }
.dl-split .progress-bar { border-radius: 2px; }
tr.dl-row-zero td { color: var(--vz-secondary-color); }
tr.dl-total th { border-top: 2px solid var(--vz-border-color); }
@media (max-width: 575.98px) { .dl-bars { height: 180px; gap: 3px; } .dl-bar small { font-size: 9.5px; } }
@media (max-width: 767.98px) {
    .dl-cards tfoot, .dl-cards tfoot tr, .dl-cards tfoot th { display: block; width: 100%; }
    .dl-cards tfoot tr { padding: 10px 14px; background: var(--vz-light); }
    .dl-cards tfoot th { display: flex; justify-content: space-between; gap: 12px; padding: 4px 0 !important; border: 0 !important; text-align: right !important; }
    .dl-cards tfoot th[data-label]::before { content: attr(data-label); color: var(--vz-secondary-color); font-size: 12px; font-weight: 400; text-align: left; }
    .dl-cards tr.dl-row-zero { display: none; }
}