/**
 * Trang đăng nhập (wp-login.php / /quantri/) — Tân Doanh Bảo Hành, v1.
 * Chỉ CSS + khối thương hiệu qua action login_header; không sửa core.
 */
body.login {
  --brand: #015c9e; --brand-dark: #01497e; --navy: #0c2338; --ink: #0f1b2b; --ink-2: #3a4658; --muted: #667385; --line: #e3e8ee; --gold: #b8913a;
  margin: 0; min-height: 100vh; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); grid-auto-rows: min-content;
  background: #f3f6fa; font-family: "Be Vietnam Pro", -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--ink);
}
body.login > * { grid-column: 2; }
.tdl-brand { grid-column: 1 !important; grid-row: 1 / span 20; position: relative; display: flex; flex-direction: column; justify-content: space-between; gap: 32px; min-height: 100vh; padding: 40px 48px; color: #c9d6e3; overflow: hidden;
  background: radial-gradient(120% 90% at 0% 100%, rgba(1,92,158,.55) 0%, transparent 60%), var(--navy); }
.tdl-brand::after { content: ""; position: absolute; right: -80px; top: -80px; width: 320px; height: 320px; border: 1px solid rgba(184,145,58,.35); border-radius: 50%; }
.tdl-logo { display: block; align-self: flex-start; height: 48px; width: auto; }
.tdl-eyebrow { margin: 0 0 12px; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: var(--gold); }
.tdl-title { margin: 0 0 12px; font-size: 34px; line-height: 1.2; font-weight: 800; letter-spacing: -.02em; color: #fff; max-width: 14ch; }
.tdl-text { margin: 0; max-width: 42ch; font-size: 16px; }
.tdl-foot { margin: 0; font-size: 14px; color: #93a7bd; }

body.login #login, body.login form, .tdl-brand { box-sizing: border-box; }
body.login #login { width: 100%; max-width: 420px; margin: 0 auto; padding: 12vh 24px 16px; }
body.login h1 { margin: 0 0 20px; }
body.login h1 a { display: none; }            /* logo đã có ở khối thương hiệu */
body.login h1::before { content: "Đăng nhập"; display: block; font-size: 26px; font-weight: 800; color: var(--navy); letter-spacing: -.01em; }
body.login h1::after { content: "Dùng tài khoản nhân viên được cấp."; display: block; margin-top: 6px; font-size: 15px; font-weight: 400; color: var(--muted); }
body.login form { margin: 0; padding: 32px 32px 24px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 1px 2px rgba(12,35,56,.05), 0 18px 40px -16px rgba(12,35,56,.18); overflow: visible; }
body.login label { font-size: 14px; font-weight: 600; color: var(--ink-2); margin-bottom: 8px; display: inline-block; }
body.login form .input, body.login input[type="text"], body.login input[type="password"], body.login input[type="email"] {
  height: 52px; margin: 0 0 16px; padding: 0 16px; font-size: 16px; line-height: 50px; color: var(--ink); background: #fff; border: 1px solid #cfd7e1; border-radius: 10px; box-shadow: none; }
body.login form .input:focus, body.login input[type="text"]:focus, body.login input[type="password"]:focus { border-color: var(--brand); box-shadow: 0 0 0 4px rgba(1,92,158,.14); outline: none; }
body.login .wp-pwd { position: relative; }
body.login .wp-pwd input[type="password"], body.login .wp-pwd input[type="text"] { padding-right: 52px; }
body.login .button.wp-hide-pw { top: 4px; right: 4px; width: 44px; height: 44px; min-height: 44px; border-radius: 8px; color: var(--muted); }
body.login .button.wp-hide-pw:focus { box-shadow: 0 0 0 2px var(--brand); }
body.login .forgetmenot { float: none; margin: 2px 0 20px; }
body.login .forgetmenot label { font-weight: 500; margin: 0; display: inline-flex; align-items: center; gap: 8px; }
body.login input[type="checkbox"] { width: 18px; height: 18px; border-radius: 4px; border-color: #cfd7e1; }
body.login input[type="checkbox"]:checked::before { filter: hue-rotate(0); }
body.login .submit { float: none; clear: both; }
body.login .button-primary, body.login #wp-submit { float: none; width: 100%; height: 52px; min-height: 52px; padding: 0 20px; font-size: 16px; font-weight: 700; line-height: 1; background: var(--brand); border: 1px solid var(--brand); border-radius: 10px; box-shadow: none; text-shadow: none; }
body.login .button-primary:hover, body.login #wp-submit:hover { background: var(--brand-dark); border-color: var(--brand-dark); }
body.login .button-primary:focus, body.login #wp-submit:focus { box-shadow: 0 0 0 3px rgba(1,92,158,.3); }
body.login #nav, body.login #backtoblog { margin: 16px 0 0; padding: 0 4px; font-size: 14px; text-align: left; }
body.login #nav a, body.login #backtoblog a { color: var(--brand); font-weight: 500; text-decoration: none; }
body.login #nav a:hover, body.login #backtoblog a:hover { color: var(--brand-dark); text-decoration: underline; }
body.login .message, body.login .notice, body.login #login_error { margin: 0 0 16px; padding: 12px 14px; border: 1px solid var(--line); border-left: 4px solid var(--brand); border-radius: 10px; background: #fff; box-shadow: none; font-size: 14px; }
body.login #login_error, body.login .notice-error { border-left-color: #dc2626; }
body.login .privacy-policy-page-link, body.login .language-switcher { display: none; }
body.login #login::after { content: "Được bảo vệ: đăng nhập sai nhiều lần sẽ bị tạm khoá; tài khoản bật xác thực 2 lớp sẽ được hỏi thêm mã."; display: block; margin-top: 24px; font-size: 13px; color: var(--muted); }

@media (max-width: 860px) {
  body.login { grid-template-columns: minmax(0, 1fr); }
  body.login #login, body.login form { max-width: 100%; }
  body.login form * { max-width: 100%; }
  body.login > * { grid-column: 1; }
  .tdl-brand { grid-column: 1 !important; grid-row: auto; min-height: 0; padding: 20px 20px 24px; gap: 14px; }
  .tdl-logo { height: 36px; }
  .tdl-title { font-size: 22px; max-width: none; margin-bottom: 6px; }
  .tdl-text { font-size: 14px; }
  .tdl-foot { display: none; }
  body.login #login { padding: 24px 16px 32px; }
  body.login form { padding: 24px 20px 20px; }
}