/* Giriş ekranı — yeni tasarım (MTT-5183). Yalnız html.mtp-login'de (cihazın son tercihi yeni tasarımsa) yüklenir.
   Sade: tek renk zemin, ince çerçeveli kart, normal-case etiketler, 38px alanlar; gradient, gölge şovu,
   yüzen çipler ve telefon maketi yok. Renk yalnız birincil düğme ve odakta. */

html.mtp-login body{background:var(--paper)!important;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased}

/* Sol: form */
html.mtp-login .login-form-col{width:480px;padding:40px 48px;background:var(--surface);border-inline-end:1px solid var(--line)}
html.mtp-login .login-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;max-width:360px;width:100%;margin:0 auto}
html.mtp-login .login-card::before{display:none}
html.mtp-login .login-brand{margin-bottom:32px}
html.mtp-login .login-brand img{max-height:36px}
html.mtp-login .login-tagline{font-size:20px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--ink);margin:0 0 4px}
html.mtp-login .login-subtitle{font-size:13px;color:var(--mute);margin:0 0 24px}

html.mtp-login .tenant-badge{padding:8px 10px;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:7px;margin-bottom:20px}
html.mtp-login .tenant-badge .tenant-badge-icon{width:26px;height:26px;border-radius:6px;background:var(--n-bg);color:var(--ink-3)}
html.mtp-login .tenant-badge span{font-size:13px;font-weight:500;color:var(--ink)}

html.mtp-login .alert{border-radius:7px!important;font-size:12.5px!important;padding:9px 12px!important;border:0!important}
html.mtp-login .alert-success{background:var(--pos-bg)!important;color:var(--pos)!important}
html.mtp-login .alert-error{background:var(--neg-bg)!important;color:var(--neg)!important}
html.mtp-login #loginError{background:var(--neg-bg)!important;border:0!important;color:var(--neg)!important;border-radius:7px!important;font-size:12.5px!important}

html.mtp-login .login-form .form-group{margin-bottom:14px}
html.mtp-login .login-field label{font-size:12.5px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink-2);margin-bottom:6px}
html.mtp-login .login-field input{height:38px;padding-block:0 0;padding-inline:36px 12px;border:1px solid var(--line);border-radius:7px;font-size:13.5px;color:var(--ink);background:var(--surface);transition:border-color .15s,box-shadow .15s}
html.mtp-login .login-pw-wrap input{padding-inline-end:40px}
html.mtp-login .login-field input:focus{border-color:var(--p);background:var(--surface);box-shadow:0 0 0 3px var(--p-tint)}
html.mtp-login .login-field input::placeholder{color:var(--faint)}
html.mtp-login .login-field .field-icon{inset-inline-start:11px;bottom:10px;color:var(--faint)}
html.mtp-login .login-field .field-icon svg{width:16px;height:16px}
html.mtp-login .login-field input:focus ~ .field-icon{color:var(--ink-3)}
html.mtp-login .login-pw-toggle{inset-inline-end:8px !important;bottom:7px!important;width:24px;height:24px;padding:0!important;display:grid;place-items:center;color:var(--mute)!important;border-radius:5px}
html.mtp-login .login-pw-toggle:hover{background:var(--hover);color:var(--ink)!important}
html.mtp-login .login-pw-toggle svg{width:16px;height:16px}
html.mtp-login .login-field input:-webkit-autofill,
html.mtp-login .login-field input:-webkit-autofill:hover,
html.mtp-login .login-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--surface) inset!important;-webkit-text-fill-color:var(--ink)!important}

html.mtp-login .login-forgot{margin:-4px 0 16px;text-align:end}
html.mtp-login .login-forgot a{font-size:12.5px;font-weight:500;color:var(--p-700);text-decoration:none}
html.mtp-login .login-forgot a:hover{text-decoration:underline}

html.mtp-login .btn-login{height:38px;padding:0 14px;border-radius:7px;background:var(--p)!important;border:1px solid var(--p);color:var(--primary-contrast,#fff);font-size:13.5px;font-weight:500;letter-spacing:0;box-shadow:none!important;transform:none!important;gap:8px}
html.mtp-login .btn-login:hover{background:var(--p-600)!important;border-color:var(--p-600)}
html.mtp-login .btn-login::before,html.mtp-login .btn-login::after{display:none!important}
html.mtp-login .btn-login .btn-arrow{display:none}

/* Sağ: tanıtım — düz zemin, metin + üç madde; maket gizli */
html.mtp-login .login-hero{background:var(--paper)!important;padding:48px 64px;align-items:center;justify-content:center}
html.mtp-login .login-hero::before,html.mtp-login .login-hero::after{display:none!important}
html.mtp-login .showcase,html.mtp-login .chip,html.mtp-login .hero-badge{display:none!important}
html.mtp-login .hero-content{width:460px}
html.mtp-login .hero-title{font-size:28px;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--ink);margin:0 0 10px}
html.mtp-login .hero-title .accent{color:var(--ink-3)}
html.mtp-login .hero-sub{font-size:14px;line-height:1.6;color:var(--mute);max-width:440px}

html.mtp-login .mtp-login-features{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:10px}
html.mtp-login .mtp-login-features li{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;background:var(--surface);border:1px solid var(--line);border-radius:8px}
html.mtp-login .mtp-login-features i{flex:0 0 28px;height:28px;display:grid;place-items:center;border-radius:6px;background:var(--n-bg);color:var(--ink-3);font-size:14px}
html.mtp-login .mtp-login-features span{display:flex;flex-direction:column;gap:2px;font-size:12.5px;line-height:1.45;color:var(--mute)}
html.mtp-login .mtp-login-features b{font-size:13px;font-weight:600;color:var(--ink)}

html.mtp-login .hero-stores{margin-top:24px;gap:8px}
html.mtp-login .store-btn{height:36px;padding:0 12px;gap:8px;border-radius:7px;background:var(--surface);border:1px solid var(--line);color:var(--ink)!important;box-shadow:none!important;transform:none!important}
html.mtp-login .store-btn:hover{background:var(--hover)}
html.mtp-login .store-btn svg{width:16px;height:16px}
html.mtp-login .store-btn span{font-size:12.5px;font-weight:600;line-height:1.1}
html.mtp-login .store-btn small{font-size:10px;font-weight:400;color:var(--mute);opacity:1}

@media (max-width:1100px){html.mtp-login .login-form-col{width:100%;border-inline-end:0}}
@media (max-width:560px){html.mtp-login .login-form-col{padding:32px 20px}}

/* Şifremi unuttum (SweetAlert) */
html.mtp-login .swal2-popup{border-radius:10px!important;font-family:var(--sans)}
html.mtp-login .swal2-title{font-size:17px!important;font-weight:600!important;color:var(--ink)!important}
html.mtp-login .swal2-input{height:38px!important;font-size:13.5px!important;border:1px solid var(--line)!important;border-radius:7px!important;box-shadow:none!important}
html.mtp-login .swal2-input:focus{border-color:var(--p)!important;box-shadow:0 0 0 3px var(--p-tint)!important}
html.mtp-login .swal2-confirm{background:var(--p)!important;border-radius:7px!important;font-size:13px!important;font-weight:500!important;box-shadow:none!important}
html.mtp-login .swal2-cancel{background:var(--surface)!important;color:var(--ink-2)!important;border:1px solid var(--line)!important;border-radius:7px!important;font-size:13px!important}