/* =========================================================================
   EPINLINK BAYİ PANELİ — /assets/bayi.css
   admin.css'ten SONRA yüklenir. Unimart admin temasını bozmadan
   bayi panelini ayırt edilebilir kılar.

   FARK: marka rengi mavi (#215ada) yerine teal (#0d9488).
   Böylece iki panel akraba görünür ama hangisinde olduğun belli olur.
   Yapı, boşluk, tipografi HİÇ değişmez.
   ========================================================================= */

:root{
  --by-brand-50:#f0fdfa;
  --by-brand-100:#ccfbf1;
  --by-brand-600:#0d9488;
  --by-brand-700:#0f766e;
}

/* ---------- Arka plan ---------- */
.bg-brand-600{background-color:var(--by-brand-600)!important}
.bg-brand-700{background-color:var(--by-brand-700)!important}
.bg-brand-50{background-color:var(--by-brand-50)!important}
.bg-brand-100{background-color:var(--by-brand-100)!important}
.hover\:bg-brand-700:hover{background-color:var(--by-brand-700)!important}
.hover\:bg-brand-600:hover{background-color:var(--by-brand-600)!important}

/* ---------- Metin ---------- */
.text-brand-600{color:var(--by-brand-600)!important}
.text-brand-700{color:var(--by-brand-700)!important}
.hover\:text-brand-600:hover{color:var(--by-brand-600)!important}
.hover\:text-brand-700:hover{color:var(--by-brand-700)!important}

/* ---------- Kenarlık / odak ---------- */
.border-brand-600{border-color:var(--by-brand-600)!important}
.border-brand-100{border-color:var(--by-brand-100)!important}
.focus\:border-brand-600:focus{border-color:var(--by-brand-600)!important}
.focus-visible\:ring-brand-600:focus-visible{--tw-ring-color:var(--by-brand-600)!important}
.focus\:ring-brand-600:focus{--tw-ring-color:var(--by-brand-600)!important}
.ring-brand-600{--tw-ring-color:var(--by-brand-600)!important}

/* Form kontrolleri */
input[type=checkbox].text-brand-600,
input[type=radio].text-brand-600{accent-color:var(--by-brand-600)}

/* Koyu tema */
html.dark{
  --by-brand-50:rgba(13,148,136,.12);
  --by-brand-100:rgba(13,148,136,.22);
}

/* =========================================================================
   Aktif menü — tema `is-active` sınıfını kendi sürmüyor, biz basıyoruz
   ========================================================================= */
.sidebar-link.is-active{position:relative}
.sidebar-link.is-active::before{
  content:'';position:absolute;left:-12px;top:50%;transform:translateY(-50%);
  width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--by-brand-600);
}

/* =========================================================================
   Kod listesi — sipariş detayında teslim edilen e-PIN'ler
   ========================================================================= */
.by-codes{display:flex;flex-direction:column;gap:6px;max-height:360px;overflow:auto}

/* =========================================================================
   Mini sütun grafik — dashboard 14 gün
   ========================================================================= */
.by-spark{display:flex;align-items:flex-end;gap:4px;height:90px}
.by-spark-b{flex:1;min-height:3px;border-radius:4px 4px 2px 2px;
  background:var(--by-brand-600);opacity:.85;transition:opacity .15s}
.by-spark-b:hover{opacity:1}
.by-spark-b.is-zero{background:#e2e8f0;opacity:1}
html.dark .by-spark-b.is-zero{background:#334155}

/* =========================================================================
   Giriş & kapı sayfaları (kabuk dışı)
   ========================================================================= */
.by-auth-hero{
  background:linear-gradient(160deg,var(--by-brand-700),#134e4a);
}

/* =========================================================================
   PURGE YEDEĞİ
   admin.css, Tailwind purge'den geçerek derlendi. Temanın kendi HTML'lerinde
   geçmeyen sınıflar orada YOKTUR. Aşağıdakileri panel sayfalarında
   kullanıyoruz; sınıf derlemeye girmediyse buradan geliyor.
   ========================================================================= */
.text-brand-700{color:var(--by-brand-700)}
.text-success-700{color:#0e5f0f}
.text-warning-700{color:#7a4800}
.border-brand-100{border-color:var(--by-brand-100)}
.border-success-100{border-color:#cff5d0}
.border-warning-100{border-color:#fceac2}
.border-danger-100{border-color:#fbd7d7}
.bg-warning-500{background-color:#f5b24f}
.bg-success-100{background-color:#cff5d0}
.hover\:bg-success-700:hover{background-color:#0e5f0f}
.bg-accent-50{background-color:#fff0ec}
.text-accent-700{color:#b8320d}
.min-w-5{min-width:1.25rem}
.min-w-9{min-width:2.25rem}

html.dark .text-success-700{color:#86efac}
html.dark .text-warning-700{color:#fcd34d}
html.dark .border-success-100{border-color:rgba(36,189,37,.25)}
html.dark .border-warning-100{border-color:rgba(245,178,79,.25)}
html.dark .border-danger-100{border-color:rgba(209,38,38,.25)}
html.dark .bg-accent-50{background-color:rgba(255,76,26,.12)}
html.dark .text-accent-700{color:#ff9d7f}

/* =========================================================================
   Tema checkbox'ları app.css'te zaten özelleştirilmiş (appearance:none +
   kendi tik işareti). ONLARA DOKUNMA — ezersen tema görünümü bozulur.
   Sadece marka rengini teal'e çekiyoruz.
   ========================================================================= */
input[type='checkbox']:checked,
input[type='radio']:checked{
  background-color:var(--by-brand-600)!important;
  border-color:var(--by-brand-600)!important;
}
input[type='checkbox'].text-success-600:checked,
input[type='radio'].text-success-600:checked{
  background-color:#157f16!important;border-color:#157f16!important;
}

/* Odak halkası da teal olsun */
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{
  box-shadow:0 0 0 2px rgb(var(--surface-card)),0 0 0 4px var(--by-brand-600)!important;
}
input:focus-visible,select:focus-visible,textarea:focus-visible{
  border-color:var(--by-brand-600)!important;
}

/* Preloader çizgisi */
.rbt-preloader-cart-lines{stroke:var(--by-brand-600)}