/* Moda Merkez v2 — Admin Panel (2026-06-13: lacivert kurumsal palet, sade tek kişilik kullanım) */
:root{
  /* === Yeni admin paleti — koyu lacivert birincil === */
  --admin-primary:#1f3b73;
  --admin-primary-dark:#172f5c;
  --admin-bg:#f6f8fb;
  --admin-text:#1f2937;
  --admin-muted:#6b7280;
  --admin-border:#e5e7eb;

  --brand:var(--admin-primary);
  --brand-dark:var(--admin-primary-dark);
  --brand-soft:#e6ecf6;
  --gradient:linear-gradient(135deg,#0f1e3a 0%,var(--admin-primary) 100%);
  --bg:var(--admin-bg);--card:#FFFFFF;--border:var(--admin-border);
  --ink:var(--admin-text);--ink-2:#374151;--mute:var(--admin-muted);
  --success:#16A34A;--success-soft:#DCFCE7;
  --danger:#DC2626;--danger-soft:#FEE2E2;
  --warning:#F59E0B;--warning-soft:#FEF3C7;
  --rad-sm:8px;--rad:12px;--rad-pill:999px;
  --shadow:0 4px 12px rgba(17,17,17,.06);
  --shadow-lg:0 12px 32px rgba(17,17,17,.10);
  /* legacy */
  --orange:var(--brand);--orange-dark:var(--brand-dark);
  --black:var(--ink);--g1:var(--bg);--g2:var(--border);--g3:var(--mute);
  --green:var(--success);--red:var(--danger);
}
/* === 2026-06-13: Lacivert kurumsal sidebar — daha kontrastlı yazılar === */
.mm-admin-sidebar{background:var(--admin-primary-dark) !important}
.mm-admin-sidebar .mm-admin-brand{color:#fff !important;font-weight:800;letter-spacing:-.3px}
.mm-nav-toplevel-label{color:rgba(255,255,255,.55) !important;font-weight:700;letter-spacing:1.4px}
.mm-nav-toplevel > a,
.mm-nav-group > summary{color:rgba(255,255,255,.88) !important;font-weight:600}
.mm-nav-group-items > a{
  color:rgba(255,255,255,.88) !important;
  font-weight:500;border-left:4px solid transparent;padding-left:14px !important;
  transition:background .12s ease,border-color .12s ease,color .12s ease;
}
.mm-nav-group-items > a:hover{background:rgba(255,255,255,.08) !important;color:#fff !important}
.mm-nav-group-items > a.is-active,
.mm-nav-toplevel > a.is-active{
  background:rgba(255,255,255,.12) !important;
  border-left-color:#ffffff !important;
  color:#fff !important;font-weight:700;
}
.mm-nav-chev{color:rgba(255,255,255,.55) !important}
.mm-sidebar-foot{color:rgba(255,255,255,.55) !important;border-top:1px solid rgba(255,255,255,.10)}

/* Topbar — bell + sound + status gizle (sade) */
.mm-admin-topbar{background:#fff;border-bottom:1px solid var(--admin-border)}
.mm-topbar-status,
.mm-sound-toggle,
.mm-admin-bell-wrap{display:none !important}

/* === Sade dashboard — beyaz kartlar, gradient yok === */
.mm-dash-sade{padding:24px;max-width:1400px;margin:0 auto}
.mm-dash-title{
  font-size:22px;font-weight:800;color:var(--admin-text);
  margin:0 0 20px;letter-spacing:-.3px;
}
.mm-dash-kpis{
  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;
  margin-bottom:24px;
}
@media(max-width:1100px){.mm-dash-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.mm-dash-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
.mm-kpi{
  background:#fff;border:1px solid var(--admin-border);
  border-radius:14px;padding:18px 16px;
  display:flex;flex-direction:column;gap:6px;
  box-shadow:none;
}
.mm-kpi-label{font-size:12px;font-weight:600;color:var(--admin-muted);letter-spacing:.3px;text-transform:uppercase}
.mm-kpi-value{font-size:24px;font-weight:800;color:var(--admin-text);letter-spacing:-.3px;line-height:1.1}

.mm-dash-grid{
  display:grid;grid-template-columns:1fr 320px;gap:20px;margin-bottom:24px;
}
@media(max-width:980px){.mm-dash-grid{grid-template-columns:1fr}}

.mm-dash-box{
  background:#fff;border:1px solid var(--admin-border);border-radius:14px;
  padding:18px 20px;
}
.mm-dash-box-head{
  display:flex;align-items:center;justify-content:space-between;
  margin:0 0 14px;
}
.mm-dash-box-head h2{
  margin:0;font-size:15px;font-weight:700;color:var(--admin-text);letter-spacing:-.2px;
}
.mm-dash-link{color:var(--admin-primary);text-decoration:none;font-weight:600;font-size:13px}
.mm-dash-link:hover{text-decoration:underline}

.mm-dash-table{width:100%;border-collapse:collapse;font-size:13.5px}
.mm-dash-table thead th{
  text-align:left;padding:10px 8px;font-weight:700;font-size:11.5px;
  color:var(--admin-muted);text-transform:uppercase;letter-spacing:.6px;
  border-bottom:1px solid var(--admin-border);
}
.mm-dash-table tbody td{
  padding:12px 8px;border-bottom:1px solid #f3f4f6;color:var(--admin-text);
}
.mm-dash-table tbody tr:last-child td{border-bottom:0}
.mm-dash-muted{color:var(--admin-muted);font-size:12.5px}
.mm-dash-pill{
  display:inline-block;padding:3px 10px;border-radius:999px;
  font-size:11.5px;font-weight:700;letter-spacing:.2px;
  background:#fff;border:1px solid;
}
.mm-dash-btn-sm{
  display:inline-block;padding:6px 12px;border-radius:8px;
  background:var(--admin-primary);color:#fff !important;text-decoration:none;
  font-size:12px;font-weight:600;transition:background .12s ease;
}
.mm-dash-btn-sm:hover{background:var(--admin-primary-dark)}
.mm-dash-empty{padding:30px 12px;text-align:center;color:var(--admin-muted);font-size:13px}

.mm-dash-integ{list-style:none;margin:0;padding:0}
.mm-dash-integ li{margin-bottom:6px}
.mm-dash-integ a{
  display:flex;align-items:center;gap:10px;
  padding:10px 12px;border:1px solid var(--admin-border);border-radius:10px;
  text-decoration:none;color:var(--admin-text);
  transition:border-color .15s ease,background .12s ease;
}
.mm-dash-integ a:hover{border-color:#d1d5db;background:#fafbfc}
.mm-dash-integ-dot{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;background:#9ca3af;
}
.mm-dash-integ li.is-ok .mm-dash-integ-dot{background:#16a34a}
.mm-dash-integ li.is-warn .mm-dash-integ-dot{background:#f59e0b}
.mm-dash-integ-body{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}
.mm-dash-integ-body strong{font-size:13px;font-weight:700;color:var(--admin-text)}
.mm-dash-integ-body small{font-size:11.5px;color:var(--admin-muted)}

.mm-dash-actions{
  background:#fff;border:1px solid var(--admin-border);border-radius:14px;
  padding:18px 20px;
}
.mm-dash-actions h2{margin:0 0 12px;font-size:15px;font-weight:700;color:var(--admin-text)}
.mm-dash-action-row{display:flex;flex-wrap:wrap;gap:10px}
.mm-dash-action{
  display:inline-flex;align-items:center;padding:11px 18px;
  background:var(--admin-primary);color:#fff !important;text-decoration:none;
  border-radius:8px;font-weight:600;font-size:13px;letter-spacing:.2px;
  transition:background .12s ease,transform .12s ease;
}
.mm-dash-action:hover{background:var(--admin-primary-dark);transform:translateY(-1px)}
.mm-dash-action-out{background:#fff !important;color:var(--admin-primary) !important;border:1px solid var(--admin-primary)}
.mm-dash-action-out:hover{background:var(--brand-soft) !important;color:var(--admin-primary-dark) !important}

/* === 2026-06-13: Tam Ekran butonu === */
.mm-fs-btn{
  display:inline-flex;align-items:center;justify-content:center;
  height:38px;padding:0 12px;
  background:#fff;border:1px solid var(--admin-border);color:var(--admin-primary);
  border-radius:10px;cursor:pointer;
  transition:background .15s ease,border-color .15s ease,transform .12s ease;
  -webkit-tap-highlight-color:transparent;
}
.mm-fs-btn:hover{background:var(--brand-soft);border-color:var(--admin-primary)}
.mm-fs-btn:active{transform:scale(.96)}
.mm-fs-i{display:inline-flex}
@media (max-width:768px){.mm-fs-btn{display:none}}

/* === 2026-06-13: Topbar Hızlı İşlemler + Dil seçici === */
.mm-quick-wrap,.mm-lang-wrap{position:relative}
.mm-quick-btn,.mm-lang-btn{
  display:inline-flex;align-items:center;gap:6px;
  height:36px;padding:0 12px;
  background:var(--admin-primary);color:#fff;border:0;border-radius:8px;
  font-size:13px;font-weight:600;letter-spacing:.2px;cursor:pointer;
  transition:background .15s ease,transform .12s ease;
}
.mm-quick-btn:hover,.mm-lang-btn:hover{background:var(--admin-primary-dark)}
.mm-quick-btn:active,.mm-lang-btn:active{transform:scale(.97)}
.mm-lang-btn{padding:0 10px;font-weight:700;letter-spacing:.5px}
.mm-quick-menu,.mm-lang-menu{
  position:absolute;top:calc(100% + 6px);right:0;
  min-width:200px;background:#fff;
  border:1px solid var(--admin-border);border-radius:10px;
  box-shadow:0 12px 30px rgba(15,23,42,.12);
  padding:6px;z-index:9999;
}
.mm-lang-menu{min-width:140px}
.mm-quick-menu a,.mm-lang-menu a{
  display:block;padding:9px 12px;font-size:13px;
  color:var(--admin-text);text-decoration:none;border-radius:6px;
  transition:background .12s ease;
}
.mm-quick-menu a:hover,.mm-lang-menu a:hover{background:var(--brand-soft);color:var(--admin-primary)}
.mm-lang-menu a.is-active{background:var(--admin-primary);color:#fff;font-weight:700}
*{box-sizing:border-box}
body{margin:0;font:15px/1.55 -apple-system,BlinkMacSystemFont,"Inter","Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}

/* Login */
.mm-login{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px;background:var(--gradient)}
.mm-login-card{width:100%;max-width:400px;background:#fff;border-radius:16px;padding:36px 30px;box-shadow:0 24px 64px rgba(17,17,17,.4)}
.mm-login-brand{font-size:26px;font-weight:800;letter-spacing:-.6px;text-align:center;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mm-login-sub{text-align:center;color:var(--mute);margin:6px 0 24px;font-size:13px}
.mm-login form{display:flex;flex-direction:column;gap:14px}
.mm-login label{display:block;font-size:13px;font-weight:700;color:var(--ink-2);letter-spacing:.2px}
.mm-login input{width:100%;height:48px;padding:0 16px;margin-top:5px;border:1.5px solid var(--border);border-radius:10px;font-size:14.5px;outline:none;background:#fff;transition:border-color .15s,box-shadow .15s}
.mm-login input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.mm-login-foot{margin-top:22px;text-align:center;color:var(--mute)}

/* Buttons */
.mm-btn-primary{display:inline-block;width:100%;padding:14px 24px;background:var(--brand);color:#fff;border:0;border-radius:var(--rad-pill);font-size:15px;font-weight:800;cursor:pointer;letter-spacing:.3px;box-shadow:0 4px 12px rgba(91,46,255,.25);transition:all .15s}
.mm-btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 18px rgba(91,46,255,.32)}
.mm-btn-outline{display:inline-block;padding:11px 20px;background:#fff;color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--rad-pill);font-weight:700;font-size:13px;cursor:pointer;transition:all .15s}
.mm-btn-outline:hover{background:var(--ink);color:#fff}

/* Admin layout */
.mm-admin-top{display:flex;align-items:center;gap:16px;padding:14px 24px;background:#fff;border-bottom:1px solid var(--border);box-shadow:var(--shadow)}
.mm-admin-brand{font-weight:800;font-size:16px;letter-spacing:-.3px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mm-admin-nav{display:flex;gap:18px;flex:1;margin-left:24px;flex-wrap:wrap}
.mm-admin-nav a{font-size:14px;font-weight:600;color:var(--mute);padding:8px 4px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}
.mm-admin-nav a:hover,.mm-admin-nav a.is-active{color:var(--brand);border-bottom-color:var(--brand)}
.mm-admin-user{display:flex;align-items:center;gap:14px;font-size:13px;color:var(--mute)}
.mm-admin-user a{color:var(--brand);font-weight:700}
.mm-admin-main{max-width:1200px;margin:0 auto;padding:24px 22px 80px}

.mm-page-head h1{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.5px}
.mm-page-head p{color:var(--mute);margin:0 0 20px;font-size:14px}

/* Tabs */
.mm-tabs{display:flex;gap:4px;background:#fff;padding:6px;border-radius:var(--rad);border:1px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 0 18px}
.mm-tabs a{flex:0 0 auto;padding:11px 18px;border-radius:var(--rad-sm);font-size:13.5px;font-weight:600;color:var(--mute);white-space:nowrap;transition:all .15s}
.mm-tabs a:hover{background:var(--bg);color:var(--ink)}
.mm-tabs a.is-active{background:var(--ink);color:#fff}

/* Cards */
.mm-card{background:#fff;border:1px solid var(--border);border-radius:var(--rad);padding:24px;margin-bottom:18px}
.mm-card h2{font-size:18px;font-weight:800;margin:0 0 6px;letter-spacing:-.2px}
.mm-card form{display:flex;flex-direction:column;gap:14px;max-width:600px;margin:18px 0}
.mm-card label{display:block;font-size:13px;font-weight:700;color:var(--ink-2)}
.mm-card input[type="text"],.mm-card input[type="url"],.mm-card input[type="email"],.mm-card input[type="number"],.mm-card input[type="password"],.mm-card input[type="tel"],.mm-card select,.mm-card textarea{width:100%;height:42px;padding:0 14px;margin-top:5px;border:1.5px solid var(--border);border-radius:var(--rad-sm);font-size:14px;background:#fff;outline:none;transition:border-color .15s,box-shadow .15s;font-family:inherit;color:var(--ink)}
.mm-card textarea{height:auto;padding:10px 14px;min-height:80px}
.mm-card input:focus,.mm-card select:focus,.mm-card textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}
.mm-card .mm-checkbox{display:flex;align-items:center;gap:8px;font-weight:600;cursor:pointer}
.mm-card .mm-checkbox input[type="checkbox"]{accent-color:var(--brand);width:18px;height:18px;margin:0}
.mm-card code{background:var(--bg);padding:3px 8px;border-radius:6px;font-size:12.5px;color:var(--ink-2)}
.mm-card .mm-tag{display:inline-block;background:var(--brand-soft);color:var(--brand);font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:var(--rad-pill);margin-left:6px;letter-spacing:.3px;text-transform:uppercase;vertical-align:middle}
.mm-muted{color:var(--mute);font-size:13px;margin:8px 0}

.mm-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}

/* Alerts */
.mm-alert{padding:14px;border-radius:var(--rad-sm);margin:0 0 14px;font-size:13.5px;font-weight:600}
.mm-alert-ok{background:var(--success-soft);color:#166534;border:1px solid #86EFAC}
.mm-alert-error{background:var(--danger-soft);color:#991B1B;border:1px solid #FCA5A5}

/* Logs */
.mm-log-filter{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0 14px}
.mm-log-filter a{padding:7px 14px;background:var(--bg);border-radius:var(--rad-sm);font-size:12.5px;font-weight:600;color:var(--ink-2)}
.mm-log-filter a.is-active{background:var(--ink);color:#fff}
.mm-table{width:100%;border-collapse:collapse;font-size:12.5px}
.mm-table th,.mm-table td{padding:9px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}
.mm-table th{font-weight:700;color:var(--ink-2);background:var(--bg);font-size:11.5px;letter-spacing:.5px;text-transform:uppercase}
.mm-table tr.is-fail{background:#FEF7F7}
.mm-table tr.is-ok{background:#fff}

/* Pill (in tables) */
.mm-pill{background:var(--brand-soft);color:var(--brand);font-size:11px;font-weight:700;padding:4px 10px;border-radius:var(--rad-pill);display:inline-block}

/* Pagination */
.mm-pagination{display:flex;gap:6px;justify-content:center;margin:18px 0}
.mm-pagination a{padding:8px 14px;border:1.5px solid var(--border);border-radius:var(--rad-sm);font-weight:700;font-size:13px;color:var(--ink)}
.mm-pagination a.is-active{background:var(--brand);border-color:var(--brand);color:#fff}

/* Mobile */
@media(max-width:767px){
  .mm-admin-main{padding:16px 12px 60px}
  .mm-admin-top{padding:12px 14px;gap:10px;flex-wrap:wrap}
  .mm-admin-nav{margin-left:0;gap:10px;width:100%;order:3;border-top:1px solid var(--border);padding-top:8px}
  .mm-card{padding:18px 16px}
  .mm-tabs a{padding:9px 14px;font-size:12.5px}
}

/* Helper layout helpers (form rows) */
.mm-row-2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media(max-width:600px){.mm-row-2{grid-template-columns:1fr}}

/* =============================================================
 * Dashboard — canlı panel
 * ============================================================= */
.mm-dash-head{
  display:flex;justify-content:space-between;align-items:center;
  margin:0 0 18px;flex-wrap:wrap;gap:10px;
}
.mm-dash-head h1{margin:0;font-size:22px;letter-spacing:-.4px}

.mm-dash-kpi{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
  gap:12px;margin-bottom:16px;
}
.mm-kpi-card{
  padding:18px;border-radius:14px;color:#fff;
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#4F46E5 0%,#4338CA 100%);
  box-shadow:0 6px 18px rgba(79,70,229,.18);
}
.mm-kpi-card.mm-kpi-violet{background:linear-gradient(135deg,#7C3AED 0%,#5B21B6 100%);box-shadow:0 6px 18px rgba(124,58,237,.20)}
.mm-kpi-card.mm-kpi-green{background:linear-gradient(135deg,#10B981 0%,#047857 100%);box-shadow:0 6px 18px rgba(16,185,129,.20)}
.mm-kpi-card.mm-kpi-blue{background:linear-gradient(135deg,#0EA5E9 0%,#0369A1 100%);box-shadow:0 6px 18px rgba(14,165,233,.20)}
.mm-kpi-card.mm-kpi-amber{background:linear-gradient(135deg,#F59E0B 0%,#B45309 100%);box-shadow:0 6px 18px rgba(245,158,11,.20)}
.mm-kpi-card small{
  display:block;font-size:11px;font-weight:700;letter-spacing:.8px;
  text-transform:uppercase;opacity:.85;margin-bottom:8px;
}
.mm-kpi-card h2{
  margin:0;font-size:24px;font-weight:800;letter-spacing:-.5px;
}
.mm-kpi-card span{
  display:block;margin-top:6px;font-size:12px;opacity:.85;
}

.mm-dash-row{
  display:grid;grid-template-columns:1.4fr 1fr;gap:14px;margin-bottom:16px;
}
@media(max-width:880px){.mm-dash-row{grid-template-columns:1fr}}

.mm-dash-row3{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;
}
@media(max-width:1024px){.mm-dash-row3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.mm-dash-row3{grid-template-columns:1fr}}

/* Chart */
.mm-dash-chart{
  display:flex;align-items:flex-end;gap:10px;height:140px;
  padding-bottom:6px;border-bottom:1px solid #E5E7EB;
}
.mm-dash-bar{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.mm-dash-bar-val{
  width:100%;max-width:32px;border-radius:6px 6px 0 0;
  background:linear-gradient(180deg,#7C3AED 0%,#4F46E5 100%);
  cursor:help;transition:opacity .15s;
}
.mm-dash-bar:hover .mm-dash-bar-val{opacity:.85}
.mm-dash-bar small{font-size:10.5px;color:#6B7280}

/* Son siparişler */
.mm-dash-orders{display:flex;flex-direction:column;gap:8px}
.mm-dash-order{
  display:flex;justify-content:space-between;align-items:center;
  padding:10px 12px;border:1px solid #E5E7EB;border-radius:10px;
  text-decoration:none;color:#111;transition:all .15s;
}
.mm-dash-order:hover{border-color:#4F46E5;background:#EEE9FF}
.mm-dash-order strong{display:block;font-size:13px;font-weight:700}
.mm-dash-order small{display:block;font-size:11px;color:#6B7280;margin-top:2px}
.mm-dash-order b{display:block;font-size:14px;font-weight:800;margin-top:2px}
.mm-dash-status{
  display:inline-block;padding:2px 8px;font-size:10px;font-weight:700;
  border-radius:999px;letter-spacing:.4px;text-transform:uppercase;
  background:#F3F4F6;color:#374151;
}
.mm-status-paid,.mm-status-processing{background:#DCFCE7;color:#166534}
.mm-status-shipped,.mm-status-delivered{background:#DBEAFE;color:#1E40AF}
.mm-status-pending,.mm-status-awaiting_payment{background:#FEF3C7;color:#92400E}
.mm-status-failed,.mm-status-cancelled{background:#FEE2E2;color:#991B1B}

/* Stat grid (katalog/güvenlik) */
.mm-dash-stat-grid{
  display:grid;grid-template-columns:repeat(2,1fr);gap:10px;
}
.mm-dash-stat-grid > div{
  padding:10px 12px;border:1px solid #E5E7EB;border-radius:10px;
  background:#F9FAFB;
}
.mm-dash-stat-grid b{display:block;font-size:18px;font-weight:800;color:#111;letter-spacing:-.3px}
.mm-dash-stat-grid small{display:block;font-size:10.5px;color:#6B7280;margin-top:1px;text-transform:uppercase;letter-spacing:.4px}

/* Entegrasyon listesi */
.mm-dash-int-list{list-style:none;padding:0;margin:0;font-size:13px}
.mm-dash-int-list li{display:flex;align-items:center;gap:8px;padding:6px 0;color:#374151}
.mm-dash-dot{
  width:8px;height:8px;border-radius:50%;flex:0 0 8px;
  background:#9CA3AF;
}
.mm-dash-dot.is-on{background:#10B981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}
.mm-dash-dot.is-off{background:#DC2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}

/* Hızlı eylemler */
.mm-dash-actions{display:flex;flex-wrap:wrap;gap:8px}
.mm-dash-actions .mm-btn-outline{padding:8px 14px;font-size:12.5px;width:auto}

/* ============================================================
   SIDEBAR ŞELLİ (yeni admin layout) — eski .mm-admin-top hâlâ
   destekleniyor (login sayfası kullanıyor olabilir). Yeni layout
   .mm-admin-shell wrapper'ı kullanır.
   ============================================================ */
.mm-admin-shell{display:flex;min-height:100vh;background:var(--bg)}
.mm-admin-shell .mm-admin-main{max-width:none;margin:0;padding:24px 28px 80px}

/* Sidebar */
.mm-admin-sidebar{width:248px;flex:none;background:#0f172a;color:#cbd5e1;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden;z-index:60}
.mm-sidebar-head{padding:18px 18px 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06)}
.mm-sidebar-head .mm-admin-brand{font-size:15px;font-weight:800;letter-spacing:-.2px;background:linear-gradient(135deg,#a5b4fc 0%,#c4b5fd 60%,#f0abfc 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.mm-sidebar-close{display:none;background:transparent;border:0;color:#cbd5e1;font-size:22px;cursor:pointer;padding:4px 8px;border-radius:6px;line-height:1}
.mm-sidebar-close:hover{background:rgba(255,255,255,.08);color:#fff}

.mm-admin-sidebar .mm-admin-nav{display:flex;flex-direction:column;gap:2px;padding:14px 10px;overflow-y:auto;flex:1;margin:0;border:0;flex-wrap:nowrap;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}
.mm-admin-sidebar .mm-admin-nav::-webkit-scrollbar{width:6px}
.mm-admin-sidebar .mm-admin-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:3px}
.mm-admin-sidebar .mm-admin-nav a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:#cbd5e1;border-bottom:0;transition:background .15s,color .15s;position:relative}
.mm-admin-sidebar .mm-admin-nav a span:first-of-type{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mm-admin-sidebar .mm-admin-nav a:hover{background:rgba(255,255,255,.05);color:#fff;border-bottom:0}
.mm-admin-sidebar .mm-admin-nav a.is-active{background:linear-gradient(135deg,rgba(99,102,241,.22),rgba(168,85,247,.18));color:#fff;border-bottom:0;box-shadow:inset 3px 0 0 #818cf8}
.mm-admin-sidebar .mm-admin-nav a.is-active::before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;background:#818cf8;border-radius:0 2px 2px 0}
.mm-admin-sidebar .mm-admin-nav a svg{width:16px;height:16px;opacity:.8}
.mm-admin-sidebar .mm-admin-nav a:hover svg,.mm-admin-sidebar .mm-admin-nav a.is-active svg{opacity:1}
.mm-admin-sidebar .mm-nav-badge{flex:none;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:10px;font-weight:700;line-height:1;box-shadow:0 2px 6px rgba(220,38,38,.4);animation:mmBadgePulse 2.4s ease-in-out infinite}
.mm-admin-sidebar .mm-nav-badge[hidden]{display:none}

.mm-sidebar-foot{padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);font-size:11px;color:#64748b;letter-spacing:.4px;text-transform:uppercase;display:flex;justify-content:space-between}

/* Sidebar mobil drawer */
.mm-sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(15,23,42,.55);z-index:55;opacity:0;transition:opacity .2s}
.mm-sidebar-backdrop.is-open{display:block;opacity:1}

/* Sağ sütun (topbar + content) */
.mm-admin-rail{flex:1;min-width:0;display:flex;flex-direction:column;min-height:100vh}
.mm-admin-topbar{display:flex;align-items:center;gap:14px;padding:12px 24px;background:#fff;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(17,17,17,.04);position:sticky;top:0;z-index:50}
.mm-sidebar-toggle{display:none;background:transparent;border:1px solid var(--border);width:38px;height:38px;border-radius:8px;cursor:pointer;align-items:center;justify-content:center;color:var(--ink-2);font-size:18px;line-height:1}
.mm-sidebar-toggle:hover{background:var(--bg)}
.mm-topbar-status{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:999px;font-size:12px;color:#475569;font-weight:600}
.mm-status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18);animation:mmLivePulse 2.2s ease-in-out infinite}
.mm-status-dot.is-warn{background:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.18)}
.mm-status-dot.is-off {background:#94a3b8;box-shadow:0 0 0 3px rgba(148,163,184,.18);animation:none}
@keyframes mmLivePulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.7}}
.mm-topbar-actions{margin-left:auto;display:inline-flex;align-items:center;gap:10px}
.mm-topbar-actions .mm-user-label{font-size:13px;color:var(--mute);font-weight:600}
.mm-topbar-actions a.mm-logout{font-size:12.5px;color:var(--brand);font-weight:700;padding:6px 10px;border-radius:6px;transition:background .15s}
.mm-topbar-actions a.mm-logout:hover{background:var(--brand-soft)}

/* Bell + sound içe taşıyalım — admin.php inline'ı override etmesin */
.mm-admin-bell-wrap{position:relative}
.mm-admin-bell{background:transparent;border:1px solid transparent;cursor:pointer;position:relative;padding:7px 10px;color:#475569;border-radius:8px;transition:background .15s,color .15s,border-color .15s}
.mm-admin-bell:hover{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}
.mm-admin-bell.is-open{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
.mm-admin-bell svg{display:block}
.mm-admin-bell .mm-bell-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;font-size:10px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px #fff;animation:mmBadgePulse 2.4s ease-in-out infinite;letter-spacing:-.02em}
.mm-admin-bell .mm-bell-badge[hidden]{display:none}
.mm-sound-toggle{background:transparent;border:1px solid transparent;cursor:pointer;padding:7px 8px;color:#475569;border-radius:8px;transition:background .15s,color .15s,border-color .15s}
.mm-sound-toggle:hover{background:#f1f5f9;color:#0f172a;border-color:#e2e8f0}
.mm-sound-toggle.is-on{color:#059669;background:#ecfdf5;border-color:#a7f3d0}

.mm-notif-panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 24px);background:#fff;border-radius:14px;box-shadow:0 12px 48px rgba(15,23,42,.18),0 2px 8px rgba(15,23,42,.08);border:1px solid #e2e8f0;overflow:hidden;z-index:1000;opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s ease,transform .18s ease}
.mm-notif-panel.is-open{opacity:1;transform:translateY(0);pointer-events:auto}
.mm-notif-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #f1f5f9;background:linear-gradient(135deg,#fafbff,#fff)}
.mm-notif-head h4{margin:0;font-size:14px;font-weight:700;color:#0f172a;letter-spacing:-.01em}
.mm-notif-head button{background:transparent;border:0;font-size:12px;color:#4f46e5;cursor:pointer;font-weight:600;padding:4px 8px;border-radius:6px;transition:background .15s}
.mm-notif-head button:hover{background:#eef2ff}
.mm-notif-list{max-height:420px;overflow-y:auto}
.mm-notif-empty{padding:32px 16px;text-align:center;color:#94a3b8;font-size:13px}
.mm-notif-item{display:flex;gap:12px;padding:12px 16px;border-bottom:1px solid #f8fafc;text-decoration:none;color:inherit;transition:background .12s;cursor:pointer}
.mm-notif-item:hover{background:#f8fafc}
.mm-notif-item.is-unread{background:#eff6ff}
.mm-notif-item.is-unread:hover{background:#dbeafe}
.mm-notif-item:last-child{border-bottom:0}
.mm-notif-dot{flex:none;width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-top:6px}
.mm-notif-item.is-unread .mm-notif-dot{background:#4f46e5;box-shadow:0 0 0 3px rgba(79,70,229,.15)}
.mm-notif-item[data-severity="high"] .mm-notif-dot,.mm-notif-item[data-severity="critical"] .mm-notif-dot{background:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.15)}
.mm-notif-body{flex:1;min-width:0}
.mm-notif-title{font-size:13px;font-weight:600;color:#0f172a;margin:0 0 2px;line-height:1.35;word-break:break-word}
.mm-notif-msg{font-size:12px;color:#64748b;margin:0;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}
.mm-notif-time{font-size:11px;color:#94a3b8;margin-top:4px}

/* Live visitors dashboard kartı (dashboard view'ında kullanılır) */
.mm-live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 18px}
.mm-live-card{background:#fff;border:1px solid var(--border);border-radius:var(--rad);padding:16px 18px;position:relative;overflow:hidden}
.mm-live-card .mm-live-label{font-size:12px;color:var(--mute);font-weight:600;letter-spacing:.2px}
.mm-live-card .mm-live-value{font-size:28px;font-weight:800;color:var(--ink);letter-spacing:-.5px;margin-top:6px;line-height:1}
.mm-live-card .mm-live-sub{font-size:11.5px;color:var(--mute);margin-top:6px}
.mm-live-card.is-pulse::before{content:"";position:absolute;top:14px;right:14px;width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18);animation:mmLivePulse 2.2s ease-in-out infinite}
.mm-live-pages{margin-top:8px;font-size:12px;color:#475569;display:flex;flex-direction:column;gap:3px;max-width:100%;overflow:hidden}
.mm-live-pages span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

/* Mobil */
@media (max-width:900px){
  .mm-admin-sidebar{position:fixed;top:0;left:0;height:100vh;width:280px;transform:translateX(-100%);transition:transform .25s ease;box-shadow:0 0 32px rgba(0,0,0,.3)}
  .mm-admin-sidebar.is-open{transform:translateX(0)}
  .mm-sidebar-close{display:inline-flex}
  .mm-sidebar-toggle{display:inline-flex}
  .mm-admin-shell .mm-admin-main{padding:18px 14px 70px}
  .mm-admin-topbar{padding:10px 14px;gap:10px}
  .mm-topbar-status{display:none}
  .mm-topbar-actions{gap:6px}
  .mm-topbar-actions .mm-user-label{display:none}
  .mm-notif-panel{width:calc(100vw - 24px);right:-8px}
  .mm-live-grid{grid-template-columns:1fr 1fr;gap:10px}
  .mm-live-card{padding:14px}
  .mm-live-card .mm-live-value{font-size:22px}
}
@media (max-width:480px){
  .mm-live-grid{grid-template-columns:1fr}
}