/*!
 * Bản quyền © Công ty CP Đầu tư và Vận tải Dầu khí Việt Nam (FALCONTIC).
 * Thực Hiện : Bùi Hữu Lộc.
 * Phần mềm nội bộ, cấm sao chép, sửa đổi, phát tán khi chưa được Công ty cho phép.
 */
/* V3 – Trang đăng nhập theo bộ màu A (Navy dầu khí sáng + hổ phách). Chỉ áp dụng cho .login-page.la */
.la { --a-head:#1B4F80; --a-s1:#1F5FA0; --a-s2:#5E93CF; --a-s3:#B3CFEE; --a-acc:#F2B233; --a-teal:#2A9D8F;
  --a-ground:#F2F6FB; --a-ink:#0F1E2E; --a-ink2:#40536A; --a-line:#DDE5EF; background: var(--a-ground); color: var(--a-ink); }
.la .login-hero { background: radial-gradient(900px 520px at 85% 0%, rgba(94,147,207,.55) 0%, rgba(94,147,207,0) 60%),
  linear-gradient(160deg, #1F5FA0 0%, #1B4F80 55%, #143D63 100%); color: #E6EEF8; position: relative; overflow: hidden; }
.la .login-hero::after { content: ''; position: absolute; right: -120px; bottom: -120px; width: 360px; height: 360px; border-radius: 50%;
  border: 48px solid rgba(242,178,51,.14); pointer-events: none; }
.la .login-hero h1 { color: #fff; }
.la .login-hero h1::after { content: ''; display: block; width: 64px; height: 4px; border-radius: 2px; background: var(--a-acc); margin-top: 16px; }
.la .login-hero p { color: #CFDDEE; }
.la .login-hero ul { list-style: none; padding-left: 0; color: #E6EEF8; }
.la .login-hero li { position: relative; padding-left: 22px; }
.la .login-hero li::before { content: ''; position: absolute; left: 2px; top: .7em; width: 8px; height: 8px; border-radius: 2px; background: var(--a-acc); }
.la .login-hero li:nth-child(2)::before { background: var(--a-s3); } .la .login-hero li:nth-child(3)::before { background: var(--a-teal); }
.la .brand-logo { background: linear-gradient(135deg, #F7C85A, #E89B2D); }
.la .brand span { color: #F5CF7A; }
.la-foot { color: #A9C1DD; position: relative; z-index: 1; }
.la .login-card { border: 1px solid var(--a-line); border-top: 4px solid var(--a-head); box-shadow: 0 10px 30px rgba(15,30,46,.08); }
.la .login-card h2 { color: var(--a-head); }
.la .login-card .muted { color: var(--a-ink2); }
.la .input:focus { border-color: var(--a-s1); box-shadow: 0 0 0 3px rgba(31,95,160,.15); outline: none; }
.la .btn.primary { background: var(--a-s1); border-color: var(--a-s1); color: #fff; }
.la .btn.primary:hover { background: var(--a-head); border-color: var(--a-head); }
.la input[type=checkbox] { accent-color: var(--a-s1); }
.la-q { display: inline-block; background: #FBF0DC; color: #7F4A08; border: 1px solid #F2D9A6; border-radius: 6px; padding: 1px 8px; font-variant-numeric: tabular-nums; letter-spacing: .5px; }
.la-cap { display: flex; gap: 8px; }
.la-cap .input { flex: 1; }
.la-re { flex: none; width: 40px; border: 1px solid var(--a-line); background: #fff; border-radius: 8px; color: var(--a-s1); font-size: 18px; cursor: pointer; }
.la-re:hover { background: #EEF3FA; }
.la-guide { display: flex; align-items: center; gap: 12px; margin-top: 14px; padding: 10px 12px; border: 1px solid #F2D9A6; background: #FBF0DC; border-radius: 10px; color: var(--a-ink); text-decoration: none; }
.la-guide:hover { background: #F8E6C2; text-decoration: none; }
.la-guide .small { color: #7F4A08; }
.la-guide-ic { flex: none; width: 32px; height: 32px; border-radius: 50%; background: var(--a-acc); color: #2B1B02; display: grid; place-items: center; font-weight: 800; }
.la-guide-go { margin-left: auto; font-size: 22px; color: #7F4A08; }

/* V9: logo FALCON TIC */
.la .la-brand { flex-direction: column; align-items: flex-start; gap: 8px; }
.la .la-logo { height: 34px; width: auto; display: block; }
.la .la-brand span { font-size: 12px; color: rgba(255,255,255,.85); }
.la .la-logo-card { height: 30px; width: auto; display: block; margin: 0 0 14px; }
.la .la-note { margin-top: 12px; padding: 8px 10px; background: #F4F7FB; border-radius: 8px; }