/* Logowanie do panelu - layout pelnoekranowy (ladowana tylko na tej stronie) */
body{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--white);padding:20px}
.login-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:32px;width:100%;max-width:380px;box-shadow:0 18px 50px rgba(15,27,45,.12)}
.login-brand{display:flex;align-items:center;gap:10px;justify-content:center;margin-bottom:18px;font-weight:800;font-size:1.3rem}
.login-brand .dot{width:30px;height:30px;border-radius:8px;background:var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900}
.login-brand b{color:var(--green)}
.login-card h1{font-size:1.1rem;text-align:center;margin-bottom:4px}
.login-sub{text-align:center;color:var(--gray);font-size:.9rem;margin-bottom:22px}
.login-card .form-field{margin-bottom:14px}
.login-err{background:rgba(185,28,28,.08);border:1px solid rgba(185,28,28,.3);color:#b91c1c;border-radius:9px;padding:10px 12px;font-size:.88rem;margin-bottom:16px}
.login-remember{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--gray);margin:2px 0 6px;cursor:pointer;user-select:none}
.login-remember input{width:16px;height:16px;accent-color:var(--green);cursor:pointer}
.login-back{text-align:center;margin-top:16px;font-size:.88rem}
/* Konta klientów (/konto/) - te same karty co logowanie panelu */
.login-logo{display:block;height:40px;width:auto;margin:0 auto 18px}
.login-msg{border-radius:9px;padding:10px 12px;font-size:.88rem;margin-bottom:14px}
.login-msg--success{background:rgba(21,128,61,.08);border:1px solid rgba(21,128,61,.3);color:#15803d}
.login-msg--error{background:rgba(185,28,28,.08);border:1px solid rgba(185,28,28,.3);color:#b91c1c}
.login-msg--info{background:rgba(30,64,175,.08);border:1px solid rgba(30,64,175,.3);color:#1e40af}
.login-alt{text-align:center;margin-top:14px;font-size:.9rem;color:var(--gray)}
.otp-input{letter-spacing:.4em;text-align:left;font-size:1.4rem!important;font-weight:700}