/* Varsam işletme paneli — giriş / hesap sayfaları için tema (css/style.css'in üstüne biner).
   Açık tema varsayılan; koyu tema :root[data-tema="koyu"] ile. Panelle aynı anahtarı kullanır. */
:root{
  color-scheme:light;
  --zemin:#FFFFFF; --kart:#EDF7EF; --kart2:#DCEEE0;
  --sec:#1F7F3A; --sec-hover:#196B31; --sec-metin:#FFFFFF; --nokta:#238E43;
  --metin:#172019; --metin2:#516657; --vurgu:#14532A;
  --girdi:#FFFFFF; --girdi-kenar:#809D88;
  --odak:#1F7F3A; --odak-hale:rgba(31,127,58,.22);
  --hata-zemin:#FDECEC; --hata:#8C2F2F;
  --golge:0 1px 2px rgba(23,32,25,.04),0 12px 32px rgba(23,32,25,.06);
}
:root[data-tema="koyu"]{
  color-scheme:dark;
  --zemin:#0F1210; --kart:#182019; --kart2:#203126;
  --sec:#39A854; --sec-hover:#4CBF68; --sec-metin:#08140B; --nokta:#4CC46E;
  --metin:#EDF3EE; --metin2:#9DAC9F; --vurgu:#8AD9A0;
  --girdi:#0F1512; --girdi-kenar:#5F7A66;
  --odak:#6FD08A; --odak-hale:rgba(111,208,138,.28);
  --hata-zemin:#2E1A1A; --hata:#FFB4AB;
  --golge:0 1px 2px rgba(0,0,0,.25),0 12px 32px rgba(0,0,0,.3);
}
html{background:var(--zemin)}
body{font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--zemin);color:var(--metin)}
:focus-visible{outline:3px solid var(--odak);outline-offset:2px;border-radius:8px}

.form-sayfa{background:var(--zemin)}
.form-kutu{background:var(--kart);border-radius:24px;box-shadow:var(--golge);padding:36px 32px}
.form-kutu .marka span{color:var(--metin);font-size:20px;font-weight:700;letter-spacing:-.4px}
.form-kutu .marka svg{color:var(--nokta)}
.form-kutu h1{color:var(--metin);font-weight:700;letter-spacing:-.6px}
.altbaslik,.form-alt{color:var(--metin2)}
.form-alt a{color:var(--vurgu);font-weight:600;text-underline-offset:3px}
.form-alt a:hover{text-decoration:underline}

.alan label{color:var(--metin2);font-weight:600}
.alan input,.alan select{
  background:var(--girdi);color:var(--metin);border:1px solid var(--girdi-kenar);
  border-radius:12px;min-height:46px;
}
.alan input:focus,.alan select:focus{background:var(--girdi);border-color:var(--odak);box-shadow:0 0 0 3px var(--odak-hale)}
.alan input::placeholder{color:var(--metin2);opacity:.85}
.alan input:-webkit-autofill,.alan input:-webkit-autofill:focus{
  -webkit-box-shadow:0 0 0 100px var(--girdi) inset;-webkit-text-fill-color:var(--metin);caret-color:var(--metin)}

.btn{border-radius:14px;min-height:46px}
.btn-dolu{background:var(--sec);color:var(--sec-metin)}
.btn-dolu:hover{background:var(--sec-hover)}
.btn-cizgi{background:var(--kart2);color:var(--vurgu);border-color:transparent}
.btn-cizgi:hover{background:var(--kart2);border-color:transparent;filter:brightness(.97)}
.btn:disabled{opacity:.6}

.uyari.hata{background:var(--hata-zemin);color:var(--hata)}
.uyari.iyi{background:var(--zemin);color:var(--vurgu)}

/* tema düğmesi */
.tema-btn{
  position:fixed;top:16px;right:16px;z-index:10;width:44px;height:44px;display:grid;place-items:center;
  border:0;border-radius:14px;background:var(--kart);color:var(--vurgu);cursor:pointer;box-shadow:var(--golge);
}
.tema-btn:hover{background:var(--kart2)}
.tema-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tema-btn .ic-gunes{display:none}
:root[data-tema="koyu"] .tema-btn .ic-gunes{display:block}
:root[data-tema="koyu"] .tema-btn .ic-ay{display:none}

html.tema-gecis *,html.tema-gecis *::before,html.tema-gecis *::after{
  transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease,fill .3s ease,stroke .3s ease!important}
@media (prefers-reduced-motion:reduce){html.tema-gecis *{transition:none!important}}
@media (max-width:480px){.form-kutu{padding:28px 20px;border-radius:22px}}