/* Đăng nhập · Đặt mật khẩu — chép bố cục màn thietke (thẻ 400px giữa trang), đổi chữ; CSP cấm style trong thẻ nên để ở tệp này. */
body.dn { min-height: 100vh; display: grid; place-items: center; background: #F4F7FB; }
.dn-the { width: calc(100% - 48px); max-width: 420px; margin: 24px auto; background: var(--mat); border: 1px solid #E2E8F1; border-radius: 12px; padding: 30px 28px 24px; box-shadow: 0 1px 2px rgba(16,24,40,.05), 0 1px 3px rgba(16,24,40,.06); }
.dn-the h1 { font-size: 21px; margin: 0 0 6px; justify-content: center; text-align: center; }
.dn-mo { color: var(--mo); font-size: 13.5px; line-height: 1.55; margin: 0 0 18px; text-align: center; }
.dn-bao { background: #FAECEA; border: 1px solid #EDBCB5; color: #B3382A; border-radius: 8px; padding: 10px 12px; font-size: 13px; line-height: 1.5; margin: 0 0 14px; overflow-wrap: anywhere; }
.dn-bao.tot { background: #E9F6EF; border-color: #B7DFC7; color: #1F7A4D; }
.dn-form { display: grid; gap: 4px; }
.dn-form label { font-size: 13px; color: #4A5870; margin-top: 8px; }
.dn-form input { min-height: 46px; border: 1px solid #E2E8F1; border-radius: 10px; padding: 0 12px; font-size: 15px; width: 100%; }
.dn-form .nut { margin-top: 16px; width: 100%; }
.dn-phu { color: var(--mo); font-size: 12.5px; line-height: 1.5; margin: 16px 0 0; overflow-wrap: anywhere; }
.dn-dau { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 10px; align-items: start; margin-bottom: 6px; }
.dn-dau h1 { justify-content: flex-start; text-align: left; margin: 0; }
.dn-form .truong { margin-bottom: 4px; }
.dn-form .hd3 { margin-top: 4px; }
.dn-form .mk-o { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: stretch; }
.dn-form .mk-o input, .dn-form .mk-o .nut { height: 46px; min-height: 46px; margin: 0; }
.dn-form .mk-o .nut { padding: 0 14px; }