/* SACA panel — Çınar paneli görsel kalıbı (koyu sidebar + açık içerik) */
:root { --sidebar-bg:#14243d; --sidebar-fg:#b9c7dc; --accent:#f28c28; }
body { background:#f2f4f7; }
.layout { display:flex; min-height:100vh; }

.sidebar { width:230px; flex-shrink:0; background:var(--sidebar-bg); color:var(--sidebar-fg);
  display:flex; flex-direction:column; position:sticky; top:0; height:100vh; }
.brand { display:flex; align-items:center; gap:10px; padding:18px 16px 14px; }
.brand-mark { width:38px; height:38px; border-radius:9px; background:var(--accent); color:#fff;
  font-weight:800; font-size:20px; display:flex; align-items:center; justify-content:center; }
.brand-title { color:#fff; font-weight:700; line-height:1.1; }
.brand-subtitle { font-size:11.5px; opacity:.7; }
.nav-section { padding:8px 10px; }
.sidebar .nav-link { display:flex; align-items:center; gap:10px; color:var(--sidebar-fg);
  padding:9px 12px; border-radius:8px; font-size:14.5px; margin-bottom:2px; }
.sidebar .nav-link:hover { background:rgba(255,255,255,.07); color:#fff; }
.sidebar .nav-link.active { background:var(--accent); color:#fff; }
.sidebar-footer { margin-top:auto; padding:10px; border-top:1px solid rgba(255,255,255,.08); }

.content { flex:1; padding:26px 30px; max-width:1250px; }
.stat-card { border:0; border-radius:12px; box-shadow:0 1px 4px rgba(20,36,61,.08); }
.stat-card .icon { font-size:22px; color:var(--accent); }
.stat-card b { font-size:26px; }
.table-card { border:0; border-radius:12px; box-shadow:0 1px 4px rgba(20,36,61,.08); overflow:hidden; }
.table thead th { background:#eef2f8; font-size:12px; text-transform:uppercase; letter-spacing:.04em; }
pre.logbox { background:#101418; color:#cfe0d8; padding:16px; border-radius:10px;
  font-size:12.5px; line-height:1.55; max-height:70vh; overflow:auto; }
img.thumb { height:76px; border-radius:8px; margin:3px; border:1px solid #dde; background:#fff; }

.login-wrap { min-height:100vh; display:flex; align-items:center; justify-content:center;
  background:var(--sidebar-bg); }
.login-card { width:340px; border-radius:14px; }

/* Telefon: sidebar üstte yatay menüye dönüşür, içerik tam genişlik */
@media (max-width: 768px) {
  .layout { flex-direction:column; }
  .sidebar { width:100%; height:auto; position:static; flex-direction:row;
    flex-wrap:wrap; align-items:center; padding-bottom:6px; }
  .brand { padding:10px 12px 6px; }
  .nav-section { display:flex; flex-wrap:wrap; gap:2px; padding:2px 8px; }
  .nav-label { display:none; }
  .sidebar .nav-link { padding:6px 10px; font-size:13.5px; }
  .sidebar-footer { margin:0; border:0; padding:2px 8px; }
  .content { padding:14px 10px; }
  .table { font-size:13px; }
}