/* Atlas · "plaka" estetiği: ince çizgi ızgarası, hairline çerçeveler, köşe işaretleri ve tek vermilyon vurgu.
   Metin az, boşluk çok. --line ve --accent kontrast eşiğini (>= 4.5:1) geçecek koyulukta seçildi;
   gece --line parlak, --accent açık kırmızıdır (palet kuralı: mavi+ kırmızı, sarı/yeşil yok). */
html[data-tema="atlas"][data-mod="gunduz"] {
  --bg: #e9edf2;
  --bg2: #e9edf2;
  --surface: #f5f7f9;
  --text: #17212c;
  --muted: #44525f;
  --line: #56646f;
  --accent: #b42d16;
  --accent-text: #ffffff;
  --side: #e9edf2;
  --side-text: #17212c;
  --side-muted: #44525f;
  --side-hover: #d9e0e7;
  --danger: #a3201a;
  --danger-bg: #fbeeec;
  --izgara: rgba(23, 33, 44, .09);
  --radius: 0px;
  --radius-sm: 2px;
  --shadow: none;
}
html[data-tema="atlas"][data-mod="gece"] {
  --bg: #0c141d;
  --bg2: #0c141d;
  --surface: #111d28;
  --text: #dfe7ef;
  --muted: #9aabbb;
  --line: #8496a8;
  --accent: #ff8a70;
  --accent-text: #0c141d;
  --side: #0c141d;
  --side-text: #dfe7ef;
  --side-muted: #9aabbb;
  --side-hover: #172634;
  --danger: #ffb4ab;
  --danger-bg: #331b19;
  --izgara: rgba(223, 231, 239, .08);
  --radius: 0px;
  --radius-sm: 2px;
  --shadow: none;
}
html[data-tema="atlas"] {
  --font-body: "Instrument Sans Variable", system-ui, sans-serif;
  --font-display: var(--font-body);
  --font-mono: "JetBrains Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;
}
/* İki ölçekli ızgara: ince kare + her 5. kolda kalın çizgi (plaka arka planı) */
html[data-tema="atlas"] body {
  background-image:
    linear-gradient(var(--izgara) 1px, transparent 1px), linear-gradient(90deg, var(--izgara) 1px, transparent 1px),
    linear-gradient(var(--izgara) 1px, transparent 1px), linear-gradient(90deg, var(--izgara) 1px, transparent 1px);
  background-size: 24px 24px, 24px 24px, 120px 120px, 120px 120px;
}
html[data-tema="atlas"] .ust-serit { background: transparent; color: var(--text); border-bottom: 1px solid var(--text); }
html[data-tema="atlas"] .portal-don,
html[data-tema="atlas"] .ust-kullanici { color: var(--text); }
html[data-tema="atlas"] .portal-don:hover { background: var(--side-hover); }
html[data-tema="atlas"] .layout { grid-template-columns: minmax(0, 1fr); min-height: 0; }
html[data-tema="atlas"] .sidebar {
  position: static; height: auto; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 10px 18px;
  padding: 14px 40px; border-bottom: 1px solid var(--line); overflow: visible; background: transparent;
}
html[data-tema="atlas"] #menu { flex-direction: row; flex-wrap: wrap; gap: 2px 14px; }
html[data-tema="atlas"] .menu-group { padding: 0; font-family: var(--font-mono); font-size: 10.5px; text-transform: uppercase; letter-spacing: .12em; }
html[data-tema="atlas"] .menu-item { padding: 4px 6px; border-radius: 0; }
html[data-tema="atlas"] .sidebar .chip { display: none; }
html[data-tema="atlas"] .cikis button { color: var(--text); border-color: var(--line); border-radius: 0; width: auto; }
html[data-tema="atlas"] .content { max-width: 1180px; margin: 0 auto; padding: 40px 40px 80px; }
html[data-tema="atlas"] .ustbar h1,
html[data-tema="atlas"] .topbar h1 { font-size: clamp(28px, 4vw, 44px); font-weight: 500; letter-spacing: -.02em; }
html[data-tema="atlas"] .ustbar,
html[data-tema="atlas"] .topbar { border-bottom: 1px solid var(--line); padding-bottom: 8px; }
html[data-tema="atlas"] .lead { font-size: 13px; font-family: var(--font-mono); letter-spacing: .01em; margin: 18px 0 36px; }
html[data-tema="atlas"] .cards { gap: 32px; }
html[data-tema="atlas"] .grup-baslik { border: 0; padding: 0; margin-bottom: 10px; }
html[data-tema="atlas"] .grup-baslik h2 { font-family: var(--font-mono); font-size: 11.5px; text-transform: uppercase; letter-spacing: .14em; font-weight: 600; }
html[data-tema="atlas"] .grup-sayi { font-family: var(--font-mono); font-size: 11px; color: var(--accent); }
html[data-tema="atlas"] .grup-liste { gap: 0 24px; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); }
html[data-tema="atlas"] .card {
  background: transparent; border: 0; border-bottom: 1px solid var(--line); border-radius: 0; padding: 14px 2px 16px;
}
html[data-tema="atlas"] a.card:hover {
  transform: none; box-shadow: inset 3px 0 0 var(--accent); padding-left: 14px; border-color: var(--accent);
}
html[data-tema="atlas"] .card-icon { font-size: 15px; }
html[data-tema="atlas"] .card-head h3 { font-size: 16px; font-weight: 600; }
html[data-tema="atlas"] .card-desc { font-size: 13px; }
html[data-tema="atlas"] .card-host,
html[data-tema="atlas"] .card-go { font-family: var(--font-mono); font-size: 11px; }
html[data-tema="atlas"] .card-go { color: var(--accent); }
html[data-tema="atlas"] .login-card { background: transparent; border: 1px solid var(--text); border-radius: 0; padding: 26px; }
html[data-tema="atlas"] .login-card h1 { font-weight: 500; }
html[data-tema="atlas"] .login-card input { background: transparent; border-radius: 0; border-color: var(--line); }
html[data-tema="atlas"] .login-card button { border-radius: 0; }

@media (max-width: 860px) {
  html[data-tema="atlas"] .ust-serit { padding: 4px 16px; }
  html[data-tema="atlas"] .sidebar { padding: 10px 16px; }
  html[data-tema="atlas"] .content { padding: 24px 16px 56px; }
}
@media (max-width: 480px) {
  html[data-tema="atlas"] .ust-serit { padding: 4px 8px; }
  html[data-tema="atlas"] .sidebar { padding: 8px; }
  html[data-tema="atlas"] .content { padding: 16px 8px 40px; }
  html[data-tema="atlas"] .grup-liste { grid-template-columns: minmax(0, 1fr); gap: 0; }
  html[data-tema="atlas"] .ustbar h1,
  html[data-tema="atlas"] .topbar h1 { font-size: 26px; }
  html[data-tema="atlas"] .login-card { padding: 18px; }
}