/* Sign-in page: one centred card, no sidebar (Layout/BareLayout.razor). */
.kor-bare { margin-left: 0; }
.login-page { min-height: 100vh; display: grid; place-items: center; padding: 16px; box-sizing: border-box; }
.login-card {
    width: min(100%, 380px); box-sizing: border-box; display: flex; flex-direction: column; gap: 14px;
    padding: 32px 28px; background: linear-gradient(135deg, #1a202b, #151a24);
    border: 1px solid #303747; border-radius: 15px; box-shadow: 0 8px 24px #00000040;
}
.login-logo { width: 56px; height: 56px; align-self: center; }
.login-card h1 { margin: 0; text-align: center; font-size: 1.5rem; }
.login-sub { margin: 0 0 6px; text-align: center; color: #aab4c5; font-size: .85rem; }
.login-card label { display: flex; flex-direction: column; gap: 7px; color: #cbd3e2; font-size: .8rem; }
.login-card input {
    box-sizing: border-box; width: 100%; min-height: 44px; padding: 11px 12px; border-radius: 9px;
    background: #10151e; color: #edf1f8; border: 1px solid #394153; font: 14px 'Segoe UI', system-ui, sans-serif;
}
.login-card input:focus { outline: 2px solid #ff963d; outline-offset: 2px; border-color: #ff963d; }
.login-card .btn.primary {
    min-height: 44px; margin-top: 6px; border-radius: 9px; cursor: pointer; font: 600 .9rem 'Segoe UI', system-ui, sans-serif;
    background: linear-gradient(120deg, #ffac4b, #ff8a30); border: 1px solid #ffad60; color: #241609;
}
.login-error { padding: 10px 12px; border-radius: 8px; background: #36232c; border: 1px solid #a3505f; color: #ffd6d9; font-size: .82rem; }