/* Kiểu dáng của dang_nhap.html — tách khỏi thẻ <style> inline ngày 16/09/2026.
   Lý do KHÔNG phải thẩm mỹ: CSP ở cổng vào (infra/caddy/Caddyfile.mau) giữ mức CHẶT cho
   mọi đường NGOÀI /admin/* — `style-src 'self'`, không 'unsafe-inline'. Một thẻ <style>
   inline bị trình duyệt CHẶN IM LẶNG: trang vẫn ra, chỉ là mất sạch định dạng.
   Đo 16/09/2026 bằng Chromium: trước khi tách, /dang-nhap/ có đúng 1 vi phạm
   "Refused to apply inline style". */
* { box-sizing: border-box; }
body {
  margin: 0; min-height: 100vh; display: flex;
  align-items: center; justify-content: center;
  font: 15px/1.55 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  background: #f6f7f9; color: #1c2330;
}
.hop {
  width: 100%; max-width: 380px; padding: 30px 32px;
  background: #fff; color: #1c2330; border: 1px solid #e3e6ea; border-radius: 12px;
}
h1 { margin: 0 0 4px; font-size: 20px; letter-spacing: -0.02em; }
.phu { margin: 0 0 22px; color: #6b7482; font-size: 14px; }
label { display: block; margin-bottom: 5px; font-size: 13.5px; font-weight: 600; }
input[type=text], input[type=password] {
  width: 100%; padding: 10px 12px; margin-bottom: 15px;
  border: 1px solid #d7dbe0; border-radius: 8px; font: inherit;
  /* 🔴 `background` mà thiếu `color` là ĐÚNG lỗi chủ dự án kêu: *"nhiều form dữ liệu
     không nhìn thấy ô input"*. Nền trắng cộng chữ thừa hưởng từ chủ đề tối = gõ vào
     không thấy gì. Khai cả hai, luôn luôn. */
  background: #fff; color: #1c2330;
}
input:focus { outline: 2px solid #2563eb; outline-offset: -1px; border-color: #2563eb; }
button {
  width: 100%; padding: 11px; border: 0; border-radius: 8px;
  background: #2563eb; color: #fff; font: inherit; font-weight: 600; cursor: pointer;
}
button:hover { background: #1d4fd7; color: #fff; }
.loi {
  margin-bottom: 16px; padding: 10px 12px; border-radius: 8px;
  background: #fdecec; border: 1px solid #f5c2c2; color: #97231f; font-size: 14px;
}