/* ============================================================
   NeYemeli.ADMIN — giriş ekranı / login screen (foodX benzeri)
   Üstte koyu bant + ortada logo + altta form paneli.
   ============================================================ */
* { box-sizing: border-box; }
html, body { height: 100%; margin: 0; }
.login-body {
  min-height: 100vh; display: flex; flex-direction: column;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  background: #1c2740; color: #e8eef6;
}

/* Üst koyu bant + logo / dark top band with logo */
.login-top {
  background: #0f1b2e; min-height: 260px; position: relative;
  display: flex; align-items: center; justify-content: center;
}
.login-logo img { height: 104px; display: block; }
/* Aşağı bakan üçgen çentik / downward notch under the band */
.login-notch {
  position: absolute; left: 50%; bottom: -12px; transform: translateX(-50%);
  width: 0; height: 0; border-left: 14px solid transparent; border-right: 14px solid transparent;
  border-top: 13px solid #0f1b2e;
}

/* Form paneli / form panel */
.login-panel { flex: 1; display: flex; justify-content: center; padding: 70px 20px 40px; }
.login-form { width: 100%; max-width: 380px; }

.login-field { position: relative; margin-bottom: 16px; }
.login-field i {
  position: absolute; left: 0; top: 0; width: 46px; height: 100%;
  display: grid; place-items: center; color: #8aa0bd;
  border-right: 1px solid rgba(255,255,255,.08);
}
.login-field input {
  width: 100%; height: 52px; padding: 0 16px 0 60px; border: 0; border-radius: 8px;
  background: #16223a; color: #e8eef6; font: inherit; font-size: 15px; outline: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06);
}
.login-field input::placeholder { color: #8aa0bd; }
.login-field input:focus { box-shadow: inset 0 0 0 1px var(--accent, #f97316); }

.login-btn {
  width: 100%; height: 52px; border: 0; border-radius: 8px; cursor: pointer;
  background: #0f1b2e; color: #fff; font: inherit; font-size: 15px; font-weight: 700;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.06); transition: background .2s ease;
}
.login-btn:hover { background: #f97316; box-shadow: none; }

/* Hata mesajı / validation summary */
.login-error {
  background: rgba(239,68,68,.12); color: #fca5a5; border: 1px solid rgba(239,68,68,.35);
  border-radius: 8px; padding: 10px 14px; font-size: 13px; margin-bottom: 16px;
}
.login-error ul { margin: 0; padding-left: 18px; }