/* Yönetim modu düzeni — style.css'teki --by-* değişkenlerini kullanır */
.yn-wrap{display:flex;min-height:calc(100vh - 70px)}
.yn-side{width:230px;background:#0f2a4a;padding:14px 10px;display:flex;flex-direction:column;gap:4px;flex-shrink:0}
.yn-side a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:9px;font-size:14px;font-weight:600}
.yn-side a i{width:22px}.yn-side a:hover{background:rgba(255,255,255,.08)}
.yn-side a.aktif{background:#1d6ff2;color:#fff}
.yn-main{flex:1;padding:22px 26px;min-width:0}
.yn-filtre{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;background:#fff;border:1px solid var(--by-border,#e2e8f0);border-radius:12px;padding:14px;margin:16px 0}
.yn-tablo{background:#fff;border:1px solid var(--by-border,#e2e8f0);border-radius:12px;overflow-x:auto}
.yn-tablo table{width:100%;border-collapse:collapse;font-size:13px}
.yn-tablo th{background:#f1f5f9;text-align:left;padding:10px 12px;white-space:nowrap}
.yn-tablo td{padding:10px 12px;border-top:1px solid var(--by-border,#e2e8f0)}
.yn-tablo .bos{text-align:center;color:#94a3b8;padding:30px}
.yn-not{font-size:12px;color:#64748b;margin-top:12px}
.yn-kisayol{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:18px}
.yn-kisayol a{background:#fff;border:1px solid var(--by-border,#e2e8f0);border-radius:12px;padding:20px;text-decoration:none;color:#0f2a4a;font-weight:700;display:flex;flex-direction:column;gap:10px}
.yn-kisayol i{font-size:22px;color:#1d6ff2}
@media(max-width:800px){.yn-wrap{flex-direction:column}.yn-side{width:auto;flex-direction:row;overflow-x:auto}}
/* MÜŞTERİ MODU: bayiye özel öğeleri gizle */
body[data-mod="musteri"] .sadece-bayi{display:none!important}

/* ---- Sağlamlaştırma eklemeleri ---- */
.yn-side a.aktif{background:var(--by-primary,#2563eb)}
.yn-side{position:sticky;top:0;align-self:flex-start;min-height:calc(100vh - 70px)}
.yn-side a:focus-visible,.by-btn:focus-visible{outline:2px solid #93c5fd;outline-offset:2px}
.yn-filtre .by-field{margin-bottom:0;min-width:160px}
.yn-tablo tbody tr:hover td{background:#f8fafc}
@media(max-width:800px){
  .yn-side{position:static;min-height:0;width:auto}
  .yn-side a{white-space:nowrap}
  .yn-main{padding:16px}
  .yn-filtre .by-field{min-width:100%}
}