/* CIT Giao dien - dang nhap, quen mat khau (nhan vien + khach hang) */
body.cg-auth { display: flex !important; flex-direction: row !important; min-height: 100vh; margin: 0; background: #fff !important; font-family: Inter, system-ui, sans-serif; }
body.cg-auth .background-logo-pattern { display: none !important; }
.cg-brand { flex: 1 1 55%; background: var(--cit-grad); color: #fff; padding: 48px 64px; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.cg-brand::after { content: ''; position: absolute; right: -120px; bottom: -120px; width: 420px; height: 420px; border-radius: 50%; background: radial-gradient(circle, rgba(250, 166, 26, .35), rgba(250, 166, 26, 0) 70%); pointer-events: none; }
.cg-brand-logo img { height: 40px; width: auto; }
.cg-mark { display: inline-flex; width: 40px; height: 40px; border-radius: 10px; background: #fff; color: var(--cit-xanh-dam); font-weight: 800; align-items: center; justify-content: center; }
.cg-brand-than { margin: auto 0; max-width: 560px; position: relative; z-index: 1; }
.cg-brand-than h2 { font-size: 40px; line-height: 1.22; font-weight: 700; color: #fff; margin: 0 0 16px; letter-spacing: -.02em; }
.cg-brand-than p { font-size: 16px; line-height: 1.55; color: rgba(255, 255, 255, .82); margin: 0 0 28px; }
.cg-brand-than ul { list-style: none; padding: 0; margin: 0; display: grid; gap: 12px; }
.cg-brand-than li { display: flex; align-items: center; gap: 10px; font-size: 14.5px; font-weight: 500; }
.cg-brand-than li i { width: 24px; height: 24px; border-radius: 50%; background: rgba(255, 255, 255, .18); display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
.cg-brand-chan { font-size: 12px; color: rgba(255, 255, 255, .7); position: relative; z-index: 1; }
.cg-form-cot { flex: 0 0 560px; display: flex; align-items: center; justify-content: center; padding: 40px 24px; background: #fff; }
body.cg-auth [class*="authentication-form-wrap"], body.cg-auth-khach .cg-form-cot > .container { width: 100%; max-width: 400px; padding-top: 0 !important; margin: 0 auto; }
body.cg-auth .company-logo { display: none; }
body.cg-auth h1, body.cg-auth .login-heading, body.cg-auth h1.tw-text-white, body.cg-auth h1.tw-text-white:not(button):not(.btn) { color: var(--cit-tieu-de) !important; text-align: left !important; font-size: 28px !important; margin-bottom: 6px !important; }
body.cg-auth .text-center.tw-mb-5, body.cg-auth .text-center { text-align: left !important; }
body.cg-auth p.tw-text-white, body.cg-auth .tw-text-white:not(button):not(.btn) { color: var(--cit-chu-phu) !important; }
body.cg-auth .text-center.tw-mb-5 p { padding: 0 !important; }
body.cg-auth .form-login, body.cg-auth .panel_s .panel-body { background: transparent !important; padding: 8px 0 0 !important; margin: 0 !important; border: 0 !important; box-shadow: none !important; color: var(--cit-chu) !important; overflow: visible; }
body.cg-auth .panel_s, body.cg-auth .panel_s::before, body.cg-auth .panel_s::after { background: transparent !important; border: 0 !important; box-shadow: none !important; backdrop-filter: none !important; }
body.cg-auth .form-login::before { display: none !important; }
body.cg-auth .form-login label.control-label, body.cg-auth .form-login label, body.cg-auth .panel-body label { color: var(--cit-chu) !important; font-size: 13px !important; font-weight: 500 !important; margin-bottom: 6px !important; }
body.cg-auth input.form-control, body.cg-auth .email-input-field, body.cg-auth .password-input-field, body.cg-auth input[type=email], body.cg-auth input[type=password], body.cg-auth input[type=text] { height: 46px !important; border: 1px solid var(--cit-vien-o) !important; border-radius: 10px !important; background: #fff !important; box-shadow: var(--cit-bong) !important; font-size: 14px !important; color: var(--cit-tieu-de) !important; }
body.cg-auth input:focus { border-color: var(--cit-xanh-300) !important; box-shadow: var(--cit-quang) !important; outline: 0 !important; }
body.cg-auth .email-input::before, body.cg-auth .password-input::before { opacity: .55; }
body.cg-auth .checkbox label::before { border: 1px solid var(--cit-vien-o) !important; background: #fff !important; border-radius: 5px !important; }
body.cg-auth .checkbox input:checked + label::before { background: var(--cit-xanh-dam) !important; border-color: var(--cit-xanh-dam) !important; }
body.cg-auth .checkbox label { color: var(--cit-chu) !important; font-size: 13px !important; }
body.cg-auth a.text-muted, body.cg-auth a[href*="forgot_password"] { color: var(--cit-xanh-dam) !important; font-weight: 600; }
body.cg-auth .button-submit, body.cg-auth button[type=submit], body.cg-auth .btn-primary { background: var(--cit-xanh-dam) !important; border: 0 !important; color: #fff !important; height: 46px; border-radius: 10px !important; font-size: 15px !important; font-weight: 600 !important; box-shadow: 0 6px 16px rgba(15, 91, 137, .25) !important; }
body.cg-auth .button-submit:hover, body.cg-auth button[type=submit]:hover { background: var(--cit-xanh-dam-2) !important; }
body.cg-auth .alert { border-radius: 10px; }
.cg-chuyen { display: flex; align-items: center; gap: 12px; margin-top: 24px; padding: 14px 16px; border: 1px solid var(--cit-vien); border-radius: 12px; background: var(--cit-nen-nhat); color: var(--cit-tieu-de) !important; text-decoration: none !important; }
.cg-chuyen:hover { border-color: var(--cit-xanh-300); background: var(--cit-xanh-50); }
.cg-chuyen span { flex: 1; display: flex; flex-direction: column; gap: 2px; }
.cg-chuyen b { font-size: 13.5px; }
.cg-chuyen small { font-size: 12.5px; color: var(--cit-chu-phu); }
.cg-chuyen em { font-style: normal; font-size: 22px; color: var(--cit-chu-mo); }
/* cong khach hang: an thanh menu tren man dang nhap */
body.cg-auth-khach .navbar.header, body.cg-auth-khach footer, body.cg-auth-khach .footer { display: none !important; }
body.cg-auth-khach .cg-form-cot > .container .col-md-4, body.cg-auth-khach .cg-form-cot > .container [class*=col-] { width: 100% !important; margin-left: 0 !important; float: none !important; padding: 0 !important; }
body.cg-auth-khach > #wrapper, body.cg-auth-khach > nav, body.cg-auth-khach > footer { display: none !important; }
body.cg-auth-khach .cg-khung { width: 100%; max-width: 400px; }
body.cg-auth-khach .cg-khach-form { width: 100% !important; margin: 0 !important; float: none !important; padding: 0 !important; }
body.cg-auth-khach .cg-khach-form h1 { margin-top: 0 !important; }
@media (max-width: 900px) {
  body.cg-auth { display: block !important; }
  .cg-form-cot { flex: none; }
  .cg-brand { padding: 28px 24px; }
  .cg-brand-than { margin: 24px 0 0; }
  .cg-brand-than h2 { font-size: 26px; }
  .cg-brand-than ul, .cg-brand-chan, .cg-brand-than p { display: none; }
  .cg-form-cot { padding: 28px 20px; }
}
body.cg-auth .cg-khach-form .panel_s .panel-body, body.cg-auth .cg-khach-form form .panel-body { padding: 8px 0 0 !important; }
body.cg-auth .cg-khach-form .panel_s { padding: 0 !important; margin: 0 !important; }
body.cg-auth .form-login { padding: 8px 0 0 !important; margin: 0 !important; }