/* CSS riêng cho từng trang không dùng lại ở nơi khác (login, error pages).
   Token dùng chung → tokens.css. Thành phần dùng chung (button, alert...) → components.css. */

.lm-error-page {
    min-height: 60vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem;
}

.lm-error-code {
    font-size: 4rem;
    font-weight: 800;
    /* --lm-grey chỉ ~2.4:1 trên nền trắng, dưới cả ngưỡng 3:1 cho chữ lớn (WCAG AA) dù
       cỡ chữ 4rem — đổi sang --lm-muted-text (~6:1) như các biến "-text" khác trong
       tokens.css (ck:ui-ux-pro-max audit 260805). */
    color: var(--lm-muted-text);
    line-height: 1;
    margin-bottom: 0.5rem;
}

.lm-login-page {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: var(--lm-bg);
}

.lm-login-card {
    width: 100%;
    max-width: 400px;
    background: var(--lm-white);
    border-radius: 1rem;
    box-shadow: var(--lm-shadow-modal);
    padding: 2.5rem 2rem;
    text-align: center;
}

.lm-login-header .lm-login-logo {
    width: 30%;
    height: auto;
    margin: 0 auto 1rem;
}

.lm-login-header p {
    color: var(--lm-muted);
    margin: 0 0 1.5rem;
    font-size: 0.9rem;
}

.lm-btn-google {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid var(--lm-border);
    border-radius: var(--lm-radius);
    background: var(--lm-white);
    color: var(--lm-ink);
    font-weight: 600;
    text-decoration: none;
}

.lm-btn-google:hover {
    background: var(--lm-bg);
}

.lm-login-note {
    margin-top: 1.25rem;
    font-size: 0.8rem;
    color: var(--lm-muted);
}

/* Ghi chú liên hệ admin khi CBNV không đăng nhập được (2026-08-06, /ck:debug: đăng nhập bằng
   Gmail cá nhân trên di động thường bị Google tự chặn ở trang OAuth của Google — trước khi
   quay lại app — nên app không có cơ hội hiện thông báo lỗi nào, người dùng thấy "im lặng".
   Không sửa được hành vi chặn của Google (ngoài tầm kiểm soát), nên bổ sung số liên hệ admin
   ngay trên trang login để CBNV biết đường xử lý thay vì bế tắc). Card cha .lm-login-card căn
   giữa toàn bộ chữ — riêng khối này căn trái vì là đoạn văn nhiều dòng, căn giữa khó đọc hơn. */
.lm-login-help {
    margin-top: 1rem;
    text-align: left;
    line-height: 1.6;
}

.lm-login-help a {
    color: var(--lm-green);
    font-weight: 600;
}