/* new-panel-v2 — split-screen login */
*{box-sizing:border-box}
html,body{margin:0;height:100%}
body.np2-login{
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  color:#15171a;background:#fff;
}
.np2-login-wrap{display:flex;min-height:100vh}

/* ---- Sol (koyu) ---- */
.np2-login-left{
  position:relative;flex:1 1 55%;background:#080808;color:#fff;overflow:hidden;
  display:flex;flex-direction:column;justify-content:center;padding:64px 72px;
}
.np2-login-left .logo{position:absolute;top:48px;left:64px;display:flex;align-items:center;gap:12px}
.np2-login-left .logo img{height:30px;width:auto;max-width:200px;object-fit:contain}
.np2-login-left .logo .logo-oms{font-size:13px;letter-spacing:.28em;font-weight:700;color:#fff;
  padding:3px 10px;border:1px solid rgba(255,255,255,.35);border-radius:6px;line-height:1}
.np2-login-left h1{font-size:44px;line-height:1.12;font-weight:800;margin:0 0 20px;max-width:9em}
.np2-login-left .accent-line{width:64px;height:2px;background:rgba(255,255,255,.35);margin:0 0 20px}
.np2-login-left p.lead{color:#b7bbc1;font-size:15.5px;line-height:1.6;max-width:26em;margin:0 0 22px}
.np2-login-left p.lead strong{color:#fff}
.np2-login-left .feature-list{list-style:none;padding:0;margin:0;max-width:26em}
.np2-login-left .feature-list li{position:relative;padding-left:24px;color:#9aa0a6;font-size:14px;margin-bottom:10px}
.np2-login-left .feature-list li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;border-radius:50%;background:#fff;opacity:.55}
/* dekor: ince grid + alttan eğri */
.np2-login-left::before{
  content:"";position:absolute;inset:0;
  background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
                   linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:46px 46px;mask-image:radial-gradient(circle at 30% 40%,#000 0%,transparent 75%);
}
.np2-login-left::after{
  content:"";position:absolute;right:-160px;bottom:-220px;width:560px;height:560px;border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
}
.np2-login-left .glow{position:absolute;right:-80px;bottom:-140px;width:360px;height:360px;border-radius:50%;
  border:1px solid rgba(255,255,255,.06)}
.np2-login-left .copyright{position:absolute;bottom:34px;left:64px;color:#52565b;font-size:12.5px}

/* ---- Sağ (beyaz) ---- */
.np2-login-right{
  flex:1 1 45%;display:flex;flex-direction:column;justify-content:center;
  padding:64px 80px;position:relative;background:#fff;
}
.np2-login-right .inner{width:100%;max-width:380px;margin:0 auto}
.np2-login-right .eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#9aa0a6;font-weight:700;margin-bottom:10px}
.np2-login-right h2{font-size:30px;font-weight:800;margin:0 0 30px}
.np2-field{margin-bottom:22px}
.np2-field label{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#8a8f98;font-weight:700;margin-bottom:8px}
.np2-field .ctrl{position:relative}
.np2-field input[type=text],.np2-field input[type=password]{
  width:100%;border:0;border-bottom:1.5px solid #d7dadf;padding:10px 2px;font-size:16px;background:transparent;
}
.np2-field input:focus{outline:none;border-bottom-color:#000}
.np2-field .eye{position:absolute;right:0;top:6px;background:none;border:0;cursor:pointer;color:#9aa0a6;font-size:20px}
.np2-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;font-size:13.5px}
.np2-row label{display:inline-flex;align-items:center;gap:8px;cursor:pointer;color:#333}
.np2-row a{color:#9aa0a6;text-decoration:none}
.np2-row a:hover{color:#000}
.np2-submit{width:100%;border:0;background:#000;color:#fff;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  font-size:14px;padding:16px;border-radius:4px;cursor:pointer;transition:.15s;display:flex;align-items:center;justify-content:center;gap:10px}
.np2-submit:hover{background:#222}
.np2-login-err{background:#fdecec;color:#c0392b;border:1px solid #f5c6cb;border-radius:8px;padding:11px 13px;font-size:13.5px;margin-bottom:22px}
.np2-credit{position:absolute;right:28px;bottom:22px;font-size:12px;color:#b7bbc1}
.np2-credit a{color:#7a7f86;text-decoration:none;font-weight:600}

@media (max-width:991px){
  .np2-login-wrap{flex-direction:column}
  .np2-login-left{flex:none;min-height:230px;padding:48px 32px;justify-content:flex-end}
  .np2-login-left .logo{top:28px;left:32px}
  .np2-login-left .logo img{height:40px}
  .np2-login-left h1{font-size:30px}
  .np2-login-left p{font-size:14px}
  .np2-login-left .copyright{display:none}
  .np2-login-right{padding:40px 28px}
  .np2-credit{position:static;text-align:center;margin-top:28px}
}