/* ============================================================================
   BASE.CSS — Renk/tipografi değişkenleri, reset, gövde ve uygulama açılmadan
   önceki ekranlar (giriş, büro-tanımsız, KVKK onayı).
   ============================================================================ */
/* hidden niteliği her zaman gizler: .btn gibi display veren sınıflar onu ezmesin
   (yalnız yöneticiye ya da belli koşulda görünen düğmeler bu nitelikle yönetilir). */
[hidden]{display:none !important;}

/* ============================================================================
   Renk değişkenleri — koyu/açık iki tema.
   Bu uygulama her zaman koyu temaydı, o yüzden bare :root (varsayılan) KOYU
   paleti taşır; açık tema yalnızca istek üzerine devreye girer:
   - kullanıcının işletim sistemi açık temaysa VE uygulamada elle bir seçim
     yapılmamışsa (prefers-color-scheme: light),
   - veya kullanıcı js/theme.js'teki düğmeyle elle "açık"ı seçtiyse
     ([data-theme="light"] — bu, sistem tercihini de ezer).
   [data-theme="dark"] açık sistemde elle "koyu" seçildiğinde işe yarar.
   Yereldeki Karar Defteri aracının paletinden uyarlandı (2026-09-03).
   Beğenilmezse css/base.css'i "backup-tema-oncesi-2026-09-03" dalındaki
   sürümle değiştirmek yeterli. */
/* KVKK metninin sürüm satırı (metin güncellendiğinde yeniden onay istenir). */
.kvkk-version{font-size:11px;color:var(--ink-muted);margin:0 0 10px 0;}

:root{
  --bg:#0f1120;
  --panel:#171933;
  --panel-light:#1e2140;
  --panel-lighter:#262a52;
  --ink:#eef0fb;
  --ink-dim:#cdd0e8;
  --ink-muted:#a3a7c9;
  --gold:#7c74f1;
  --gold-dark:#6a61ea;
  --gold-soft:rgba(124,116,241,0.16);
  --gold-line:rgba(124,116,241,0.4);
  --blue:#7f9fd1;
  --blue-soft:rgba(127,159,209,0.14);
  --purple:#a888c9;
  --purple-soft:rgba(168,136,201,0.14);
  --teal:#2dd4c6;
  --teal-soft:rgba(45,212,198,0.14);
  --green:#7cad8e;
  --green-soft:rgba(124,173,142,0.14);
  --red:#f2685f;
  --red-soft:rgba(242,104,95,0.14);
  --border:rgba(238,240,251,0.09);
  --shadow: 0 12px 32px rgba(0,0,0,0.35);
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
}

@media (prefers-color-scheme: light){
  :root:not([data-theme="dark"]){
    --bg:#f6f7fb;
    --panel:#ffffff;
    --panel-light:#f1f2f8;
    --panel-lighter:#e9ebf5;
    --ink:#171a2b;
    --ink-dim:#3f4360;
    --ink-muted:#6b7089;
    --gold:#4f46e5;
    --gold-dark:#4034c7;
    --gold-soft:rgba(79,70,229,0.10);
    --gold-line:rgba(79,70,229,0.35);
    --blue:#4f6fb0;
    --blue-soft:rgba(79,111,176,0.12);
    --purple:#8b5fb0;
    --purple-soft:rgba(139,95,176,0.12);
    --teal:#0ea5a0;
    --teal-soft:rgba(14,165,160,0.12);
    --green:#3f8f63;
    --green-soft:rgba(63,143,99,0.12);
    --red:#dc4545;
    --red-soft:rgba(220,69,69,0.10);
    --border:#e4e6f0;
    --shadow: 0 12px 32px rgba(23,26,43,0.10);
  }
}

:root[data-theme="light"]{
  --bg:#f6f7fb;
  --panel:#ffffff;
  --panel-light:#f1f2f8;
  --panel-lighter:#e9ebf5;
  --ink:#171a2b;
  --ink-dim:#3f4360;
  --ink-muted:#6b7089;
  --gold:#4f46e5;
  --gold-dark:#4034c7;
  --gold-soft:rgba(79,70,229,0.10);
  --gold-line:rgba(79,70,229,0.35);
  --blue:#4f6fb0;
  --blue-soft:rgba(79,111,176,0.12);
  --purple:#8b5fb0;
  --purple-soft:rgba(139,95,176,0.12);
  --teal:#0ea5a0;
  --teal-soft:rgba(14,165,160,0.12);
  --green:#3f8f63;
  --green-soft:rgba(63,143,99,0.12);
  --red:#dc4545;
  --red-soft:rgba(220,69,69,0.10);
  --border:#e4e6f0;
  --shadow: 0 12px 32px rgba(23,26,43,0.10);
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  background:var(--bg);
  color:var(--ink);
  font-family:'Inter',sans-serif;
  min-height:100vh;
  -webkit-font-smoothing:antialiased;
}

/* ---------- Login / Büro Tanımsız / KVKK ---------- */
.login-screen{
  min-height:100vh;display:flex;align-items:center;justify-content:center;
  background:var(--bg);padding:20px;
}
.login-card{
  width:100%;max-width:360px;background:var(--panel);border:1px solid var(--border);
  border-radius:14px;padding:30px 28px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:16px;
}
.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:6px;}
.login-brand svg{color:var(--gold);flex-shrink:0;}
.login-title{font-family:'Fraunces',serif;font-size:18px;font-weight:600;}
.login-sub{font-size:10.5px;color:var(--gold);letter-spacing:1.6px;text-transform:uppercase;margin-top:3px;}
.login-error{color:var(--red);font-size:12.5px;min-height:14px;}
.login-btn{width:100%;justify-content:center;padding:11px;}
.login-note{font-size:11.5px;color:var(--ink-muted);text-align:center;line-height:1.5;}

.kvkk-card{max-width:640px;}
.kvkk-text{
  max-height:46vh;overflow-y:auto;border:1px solid var(--border);border-radius:10px;
  padding:16px 18px;margin:4px 0 4px 0;font-size:12.5px;line-height:1.6;color:var(--ink-dim);
}
.kvkk-text h4{font-family:'Fraunces',serif;font-size:13.5px;color:var(--ink);margin:16px 0 6px 0;}
.kvkk-text h4:first-child{margin-top:0;}
.kvkk-text p{margin:0 0 8px 0;}
.kvkk-text ul{margin:6px 0;padding-left:20px;}
.kvkk-text li{margin-bottom:4px;}

@media (max-width:460px){
  .login-card{padding:24px 20px;}
}
/* Giriş ekranı: şifre sıfırlama bağlantısı ve olumlu geri bildirim */
.login-link{background:none;border:none;padding:6px 0;font:inherit;font-size:13px;
  color:var(--gold,#b8860b);cursor:pointer;text-decoration:underline;align-self:center}
.login-error.login-ok{color:var(--green,#2e7d32)}
/* Açılış hatası şeridi — bkz. js/main.js acilisHatasiGoster */
.acilis-hatasi{position:fixed;top:0;left:0;right:0;z-index:300;padding:12px 16px;
  background:#8a1f1f;color:#fff;font-size:13px;line-height:1.6;
  display:flex;flex-wrap:wrap;align-items:center;gap:10px;justify-content:center}
.acilis-hatasi button{font:inherit;padding:4px 12px;border-radius:6px;border:none;
  background:rgba(255,255,255,.2);color:#fff;cursor:pointer}