/* ============ AnaBayiPanel — Ana Bayi (B2B) Yönetim Sistemi ============ */
:root {
  --primary:#4f46e5; --primary-dark:#4338ca; --primary-light:#eef2ff; --on-primary:#ffffff;
  --ink:#14161c; --muted:#6b7280; --surface:#ffffff; --line:#e8eaef;
  --success:#16a34a; --danger:#e11d48; --warning:#d97706;
  --radius:14px; --shadow-sm:0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.05);
  --bs-primary:#4f46e5; --bs-primary-rgb:79,70,229; --bs-link-color:#4338ca; --bs-link-hover-color:#3730a3;
}

* { scroll-behavior:smooth; }
body { font-family:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif; background:#f3f4f7; color:var(--ink); -webkit-font-smoothing:antialiased; margin-bottom:0; }
h1,h2,h3,h4,h5,h6 { font-family:'Archivo','Inter',sans-serif; font-weight:800; letter-spacing:-.01em; color:var(--ink); }
a { text-decoration:none; }

.btn-primary { --bs-btn-bg:var(--primary); --bs-btn-border-color:var(--primary); --bs-btn-hover-bg:var(--primary-dark); --bs-btn-hover-border-color:var(--primary-dark); --bs-btn-active-bg:var(--primary-dark); }
.btn-outline-primary { --bs-btn-color:var(--primary); --bs-btn-border-color:var(--primary); --bs-btn-hover-bg:var(--primary); --bs-btn-hover-border-color:var(--primary); }
.text-primary { color:var(--primary) !important; }
.border-primary { border-color:var(--primary) !important; }

.panel { background:var(--surface); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-sm); padding:1.25rem 1.4rem; }

/* ---------- Admin kabuğu ---------- */
.admin-shell { display:flex; min-height:100vh; }
.admin-sidebar { width:252px; flex-shrink:0; background:#0f1115; color:#c7cad6; padding:1.1rem .8rem; position:sticky; top:0; height:100vh; overflow:auto; }
.admin-sidebar .brand { color:#fff; font-family:'Archivo',sans-serif; font-weight:800; text-transform:uppercase; font-size:1.1rem; display:flex; gap:.45rem; align-items:center; padding:.2rem .6rem .15rem; }
.admin-sidebar .brand i { color:var(--primary); font-size:1.35rem; }
.admin-sidebar .brand-sub { color:#6b7280; font-size:.66rem; text-transform:uppercase; letter-spacing:.08em; padding:0 .6rem 1rem; font-weight:700; }
.admin-nav a { display:flex; align-items:center; gap:.7rem; color:#a6acba; padding:.62rem .8rem; border-radius:10px; font-weight:600; font-size:.92rem; margin-bottom:.12rem; transition:all .12s ease; }
.admin-nav a:hover { background:#1a1d25; color:#fff; }
.admin-nav a.active { background:var(--primary); color:var(--on-primary); }
.admin-nav a i { font-size:1.12rem; width:20px; text-align:center; }
.admin-nav .label { color:#6b7280; font-size:.7rem; text-transform:uppercase; letter-spacing:.06em; padding:.9rem .8rem .3rem; font-weight:700; }
.admin-content { flex:1; min-width:0; display:flex; flex-direction:column; }
.admin-topbar { background:#fff; border-bottom:1px solid var(--line); padding:.7rem 1.4rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; position:sticky; top:0; z-index:10; }
.admin-topbar .ttl { font-family:'Archivo',sans-serif; font-weight:800; text-transform:uppercase; font-size:1.05rem; color:var(--ink); }
.admin-body { padding:1.6rem 1.4rem; }
.admin-badge { background:var(--danger); color:#fff; border-radius:999px; font-size:.68rem; font-weight:700; padding:0 6px; min-width:18px; height:18px; display:inline-flex; align-items:center; justify-content:center; margin-left:auto; }

.stat-card { background:#fff; border:1px solid var(--line); border-radius:14px; padding:1.1rem 1.2rem; box-shadow:var(--shadow-sm); display:flex; align-items:center; gap:1rem; height:100%; }
.stat-card .ico { width:48px; height:48px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; font-size:1.4rem; flex-shrink:0; }
.stat-card .val { font-family:'Archivo',sans-serif; font-weight:800; font-size:1.7rem; line-height:1; color:var(--ink); }
.stat-card .lbl { color:var(--muted); font-size:.85rem; margin-top:.2rem; }
.ic-green { background:#eaf7d3; color:#5f8a0c; }
.ic-blue  { background:#e0f2fe; color:#0284c7; }
.ic-amber { background:#fef3c7; color:#b45309; }
.ic-rose  { background:#ffe4e6; color:#be123c; }
.ic-indigo{ background:#eef2ff; color:#4f46e5; }
.ic-dark  { background:#e5e7eb; color:#111827; }

.table { color:var(--ink); }
.table > thead th { font-size:.78rem; text-transform:uppercase; letter-spacing:.03em; }

.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,#1e1b4b,#0f1115); padding:1rem; }
.login-card { background:#fff; border-radius:18px; box-shadow:0 20px 60px rgba(0,0,0,.35); padding:2.2rem; width:100%; max-width:400px; }

@media (max-width: 900px) {
  .admin-shell { flex-direction:column; }
  .admin-sidebar { width:100%; height:auto; position:static; }
  .admin-nav { display:flex; flex-wrap:wrap; gap:.25rem; }
  .admin-nav .label { width:100%; }
}