/* Asistan · yapay zekâ uygulamalarının güçlü özellikleri: sohbet kutusu tutamağı, cam kartlar,
   yumuşak parıltı (yalnız --bg içinde, camın arkasında), girinti/soluk konuşma tipografisi.
   Cam yüzey yarı saydam; kontrast ölçümü --surface'ı --bg2 (parıltının en yoğun hâli) üzerine bindirir.
   Gecede cam daha opak, --line daha parlak: hem --surface hem --bg üzerinde >= 4.5:1. */
html[data-tema="asistan"][data-mod="gunduz"] {
  --bg: #eef2fb;
  --bg2: #e3e4fb;
  --surface: rgba(255, 255, 255, .82);
  --text: #151a2d;
  --muted: #4d5470;
  --line: #626a88;
  --accent: #4338ca;
  --accent-text: #ffffff;
  --side: #ffffff;
  --side-text: #151a2d;
  --side-muted: #4d5470;
  --side-hover: #e6e9fb;
  --danger: #b42318;
  --danger-bg: #fee2e2;
  --glow1: rgba(99, 102, 241, .22);
  --glow2: rgba(59, 130, 246, .16);
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 1px 2px rgba(21, 26, 45, .06), 0 12px 32px rgba(21, 26, 45, .10);
}
html[data-tema="asistan"][data-mod="gece"] {
  --bg: #0b0f1d;
  --bg2: #0d1428;
  --surface: rgba(27, 33, 58, .94);
  --text: #e9ecff;
  --muted: #a9b0d0;
  --line: #8a93c0;
  --accent: #a5b4fc;
  --accent-text: #0b0f1d;
  --side: #121831;
  --side-text: #e9ecff;
  --side-muted: #a9b0d0;
  --side-hover: #1d2547;
  --danger: #ffb4ab;
  --danger-bg: #3a1a17;
  --glow1: rgba(99, 102, 241, .18);
  --glow2: rgba(59, 130, 246, .12);
  --radius: 18px;
  --radius-sm: 12px;
  --shadow: 0 1px 2px rgba(0, 0, 0, .5), 0 12px 32px rgba(0, 0, 0, .4);
}
html[data-tema="asistan"] {
  --font-body: "Inter Variable", system-ui, sans-serif;
  --font-display: var(--font-body);
}
/* Parıltı yalnız gövde zemininde: kartların camı bu zemin üzerinde durur (ölçüm aynı tabanla yapılır). */
html[data-tema="asistan"] body {
  background:
    radial-gradient(60% 46% at 12% 0%, var(--glow1), transparent 70%),
    radial-gradient(52% 40% at 92% 8%, var(--glow2), transparent 72%),
    var(--bg);
  background-attachment: fixed;
}
html[data-tema="asistan"] .ust-serit { border-bottom: 1px solid var(--line); }
html[data-tema="asistan"] .content { padding: 26px 30px 48px; }
html[data-tema="asistan"] .ustbar h1,
html[data-tema="asistan"] .topbar h1 { font-size: 26px; letter-spacing: -.015em; }
html[data-tema="asistan"] .lead { max-width: 58ch; }
html[data-tema="asistan"] .grup-baslik { border-bottom: 0; padding-bottom: 0; }
html[data-tema="asistan"] .grup-baslik h2 { font-size: 17px; }
html[data-tema="asistan"] .grup-liste { grid-template-columns: repeat(auto-fill, minmax(270px, 1fr)); }
/* Cam kart: yumuşak yükselme ve vurgu halkası; parıltı animasyonsuz (süre maruz kalma riski yok). */
html[data-tema="asistan"] .card {
  background: var(--surface); border: 1px solid var(--line); border-radius: var(--radius);
  box-shadow: var(--shadow); padding: 16px 18px;
}
html[data-tema="asistan"] a.card:hover { transform: translateY(-2px); }
html[data-tema="asistan"] .card-icon {
  display: grid; place-items: center; width: 38px; height: 38px; font-size: 20px;
  background: var(--bg); border: 1px solid var(--line); border-radius: 12px;
}
html[data-tema="asistan"] .grup-kutu,
html[data-tema="asistan"] .durum-kart,
html[data-tema="asistan"] .login-card { background: var(--surface); border-radius: var(--radius); box-shadow: var(--shadow); }
html[data-tema="asistan"] .login-card button,
html[data-tema="asistan"] .cikis button { border-radius: 999px; }

@media (max-width: 860px) {
  html[data-tema="asistan"] .content { padding: 20px 16px 40px; }
}
@media (max-width: 480px) {
  html[data-tema="asistan"] .content { padding: 14px 10px 32px; }
  html[data-tema="asistan"] .grup-liste { grid-template-columns: minmax(0, 1fr); }
  html[data-tema="asistan"] .card { padding: 14px; border-radius: 16px; }
  html[data-tema="asistan"] .ustbar h1,
  html[data-tema="asistan"] .topbar h1 { font-size: 21px; }
  html[data-tema="asistan"] .login-card { padding: 18px; }
}