/* B2B bayi giriş ekranı – modern görünüm (yalnız views/login.php yükler, body.b2b-login kapsamlı) */
body.b2b-login {
  --lg-acc: #3DABFF;
  --lg-ring: rgba(61,171,255,.28);
  --lg-card: #fff;
  --lg-card-line: rgba(15,23,42,.06);
  --lg-input: #fff;
  --lg-input-line: #d7dbe2;
  --lg-label: #4b5563;
  --lg-text: #1f2937;
  --lg-muted: #6b7280;
  --lg-hover: rgba(15,23,42,.06);
  color: var(--lg-text);
}
body.b2b-login .login-hero {
  padding: 1.5rem 0;
  background:
    radial-gradient(900px 520px at 12% -8%, color-mix(in srgb, var(--firma) 16%, transparent), transparent 62%),
    radial-gradient(800px 480px at 105% 110%, color-mix(in srgb, var(--lg-acc) 14%, transparent), transparent 60%),
    linear-gradient(160deg, #f6f7f9 0%, #e9ecf1 100%);
  background-size: cover;
  background-position: center;
}
body.b2b-login .login-hero::before { background: transparent; }
body.b2b-login .login-hero[style]::before { background: rgba(255,255,255,.35); backdrop-filter: blur(2px); }
body.b2b-login .login-card {
  width: min(420px, calc(100% - 2rem));
  background: var(--lg-card);
  border: 1px solid var(--lg-card-line);
  border-radius: 18px;
  padding: 2.1rem 2rem 1.5rem;
  box-shadow: 0 1px 2px rgba(15,23,42,.04), 0 24px 60px -12px rgba(15,23,42,.22);
}
body.b2b-login .login-brand { margin-bottom: 1.4rem; }
body.b2b-login .login-brand img { height: 60px; max-width: 100%; }
body.b2b-login .login-brand h1 { font-size: 1.5rem; font-weight: 700; letter-spacing: -.01em; }
body.b2b-login .login-brand .muted { color: var(--lg-muted); margin: .35rem 0 0; font-size: .9rem; }
body.b2b-login .login-card label {
  font-size: .8rem; font-weight: 500; color: var(--lg-label);
  letter-spacing: 0; margin: 1rem 0 .4rem;
}
body.b2b-login .login-card form > label:first-of-type { margin-top: 0; }
body.b2b-login .login-card input:not([type=checkbox]),
body.b2b-login .login-card textarea {
  height: 2.9rem; border: 1px solid var(--lg-input-line); border-radius: 10px;
  padding: 0 .9rem; background: var(--lg-input); color: var(--lg-text);
  transition: border-color .15s, box-shadow .15s; outline: none;
}
body.b2b-login .login-card input::placeholder { color: #9ca3af; }
body.b2b-login .login-card input:not([type=checkbox]):focus,
body.b2b-login .login-card select:focus {
  border-color: var(--lg-acc); box-shadow: 0 0 0 3px var(--lg-ring);
}
body.b2b-login .login-pass-row { align-items: center; flex-wrap: wrap; margin: 1rem 0 .4rem; }
body.b2b-login .login-pass-row label { margin: 0; }
body.b2b-login .login-forgot { color: var(--nav); font-size: .78rem; font-weight: 600; }
body.b2b-login .login-forgot:hover { text-decoration: underline; }
body.b2b-login .login-pass input { padding-right: 3rem; }
body.b2b-login .pass-toggle {
  right: 5px; width: 2.3rem; height: 2.3rem; border-radius: 8px;
  display: inline-flex; align-items: center; justify-content: center;
  color: var(--lg-muted); padding: 0; transition: background .15s, color .15s;
}
body.b2b-login .pass-toggle:hover { background: var(--lg-hover); color: var(--lg-text); }
body.b2b-login .pass-toggle:focus-visible { outline: 2px solid var(--lg-acc); outline-offset: 1px; }
body.b2b-login .pass-toggle svg { width: 20px; height: 20px; display: block; }
body.b2b-login .pass-toggle .ic-hide { display: none; }
body.b2b-login .pass-toggle.is-on .ic-show { display: none; }
body.b2b-login .pass-toggle.is-on .ic-hide { display: block; }
body.b2b-login .login-opts {
  display: flex; align-items: center; justify-content: space-between;
  gap: .6rem .9rem; flex-wrap: wrap; margin: 1rem 0 1.25rem;
}
body.b2b-login .login-card .login-check {
  display: inline-flex; align-items: center; gap: .5rem; margin: 0;
  font-size: .78rem; font-weight: 500; color: var(--lg-label); cursor: pointer; user-select: none;
}
body.b2b-login .login-check input { width: 16px; height: 16px; margin: 0; accent-color: var(--nav); cursor: pointer; }
body.b2b-login .login-opts select {
  margin-left: auto; height: 2.1rem; width: auto; min-width: 6.5rem;
  padding: 0 2rem 0 .75rem; border: 1px solid var(--lg-input-line); border-radius: 8px;
  background: var(--lg-input) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%236b7280'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E") no-repeat right .55rem center / 16px;
  color: var(--lg-text); font-size: .82rem; cursor: pointer; outline: none;
  -webkit-appearance: none; appearance: none; transition: border-color .15s, box-shadow .15s;
}
body.b2b-login .login-actions { gap: .6rem; }
body.b2b-login .login-card .btn {
  height: auto; min-height: 2.9rem; border-radius: 10px; font-weight: 600; font-size: .92rem;
  line-height: 1.2; padding: .55rem .9rem; border: 0; cursor: pointer; text-align: center;
  transition: filter .15s, transform .05s, box-shadow .15s;
}
body.b2b-login .login-card .btn.blue { box-shadow: 0 6px 16px -6px color-mix(in srgb, var(--nav) 70%, transparent); }
body.b2b-login .login-card .btn:hover { filter: brightness(1.08); }
body.b2b-login .login-card .btn:active { transform: translateY(1px); }
body.b2b-login .login-card .btn:focus-visible { outline: none; box-shadow: 0 0 0 3px var(--lg-ring); }
body.b2b-login .flash.err { border-radius: 10px; margin: 0 0 1rem; }
body.b2b-login .login-cookie { margin: 1.25rem 0 0; }
body.b2b-login .login-cookie a { color: var(--lg-muted); border-color: var(--lg-input-line); font-size: .75rem; padding: .3rem .8rem; transition: background .15s, color .15s; }
body.b2b-login .login-cookie a:hover { background: var(--lg-hover); color: var(--lg-text); }
@media (max-width: 480px) {
  body.b2b-login .login-hero { padding: 1rem 0; place-items: start center; padding-top: 8vh; }
  body.b2b-login .login-card { padding: 1.6rem 1.25rem 1.25rem; border-radius: 16px; }
  body.b2b-login .login-brand img { height: 52px; }
  body.b2b-login .login-actions .btn { flex: 1 1 100%; }
  body.b2b-login .login-card input:not([type=checkbox]) { font-size: 16px; } /* iOS yakınlaştırmasını önler */
}
/* Koyu tema */
[data-theme="dark"] body.b2b-login {
  --lg-card: #2B2B2B; --lg-card-line: #3D3D3D; --lg-input: #2D2D2D; --lg-input-line: #3D3D3D;
  --lg-label: #b5b5b5; --lg-text: #ececec; --lg-muted: #9a9a9a; --lg-hover: rgba(255,255,255,.07);
  --lg-ring: rgba(61,171,255,.35);
  background: #202020;
}
[data-theme="dark"] body.b2b-login .login-hero {
  background:
    radial-gradient(900px 520px at 12% -8%, color-mix(in srgb, var(--firma) 14%, transparent), transparent 62%),
    radial-gradient(800px 480px at 105% 110%, rgba(61,171,255,.08), transparent 60%),
    #202020;
}
[data-theme="dark"] body.b2b-login .login-hero[style]::before { background: rgba(0,0,0,.5); }
[data-theme="dark"] body.b2b-login .login-card { box-shadow: 0 24px 60px -12px rgba(0,0,0,.6); }
[data-theme="dark"] body.b2b-login .login-card input::placeholder { color: #777; }
[data-theme="dark"] body.b2b-login .login-forgot { color: #ff8a80; }
[data-theme="dark"] body.b2b-login .login-opts select {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%239a9a9a'%3E%3Cpath d='M5.3 7.3a1 1 0 0 1 1.4 0L10 10.6l3.3-3.3a1 1 0 1 1 1.4 1.4l-4 4a1 1 0 0 1-1.4 0l-4-4a1 1 0 0 1 0-1.4z'/%3E%3C/svg%3E");
  color-scheme: dark;
}
[data-theme="dark"] body.b2b-login .login-card input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 40px #2D2D2D inset; -webkit-text-fill-color: #ececec; caret-color: #ececec;
}
[data-theme="dark"] body.b2b-login .login-brand h1 { color: #ececec; }
@media (max-width: 480px) {
  body.b2b-login .login-opts { flex-wrap: nowrap; gap: .6rem; }
  body.b2b-login .login-card .login-check { flex: 1 1 auto; min-width: 0; line-height: 1.3; }
  body.b2b-login .login-opts select { flex: 0 0 auto; min-width: 0; }
}