.nr-modal { position: fixed; inset: 0; z-index: var(--nr-z-modal); display: grid; place-items: center; padding: var(--nr-space-4); }
.nr-modal[data-state="closed"] { display: none; }
.nr-modal-backdrop { position: absolute; inset: 0; background: color-mix(in srgb, var(--nr-surface-dark) 65%, transparent); }
.nr-modal-box { --nr-modal-w: var(--nr-container); --nr-modal-pad: 0; position: relative; width: min(100%, var(--nr-modal-w)); max-height: calc(100vh - var(--nr-space-8)); overflow: auto; padding: var(--nr-modal-pad); border-radius: var(--nr-radius-lg); background: var(--nr-surface); /* Ngoại lệ có chủ đích: lớp nổi cần bóng để tách nền. */ box-shadow: 0 var(--nr-space-3) var(--nr-space-10) color-mix(in srgb, var(--nr-surface-dark) 35%, transparent); }
/* Hop thoai nho (form tu van trang goi, 28/09/2026) -- chi doi bien. */
.nr-modal-box.nr-modal-box--sm { --nr-modal-w: 480px; --nr-modal-pad: var(--nr-space-6) var(--nr-space-5) var(--nr-space-5); }
/* Khoa cuon trang khi hop thoai mo (JS dat tren <html>). */
.nr-scroll-lock { overflow: hidden; }
/* Nut dong: ky tu x phai to ro (Owner 03/10/2026: x 13px qua nho, kho bam). */
.nr-modal-close { font-size: 28px; line-height: 1; cursor: pointer; position: absolute; inset-block-start: var(--nr-space-3); inset-inline-end: var(--nr-space-3); display: grid; place-items: center; min-width: var(--nr-control-h); min-height: var(--nr-control-h); border: 0; border-radius: 50%; background: var(--nr-surface); color: var(--nr-text); }
/* Popup video dung chung toan site (03/10/2026, tach tu popup rieng trang VF3): JS newsroom-video.js dung khung nay
   khi bam [data-action="open-video"][data-yt]. Hop rong 960px, nen toi, khung 16 / 9; dong la go iframe (dung tieng). */
.nr-modal-box.nr-modal-box--video { --nr-modal-w: 960px; --nr-modal-pad: 0; overflow: hidden; background: var(--nr-surface-dark); }
.nr-modal-video-head { display: flex; align-items: center; gap: var(--nr-space-3); min-height: calc(var(--nr-control-h) + var(--nr-space-4)); padding: 0 calc(var(--nr-control-h) + var(--nr-space-4)) 0 var(--nr-space-4); color: var(--nr-surface); font-weight: var(--nr-weight-semibold); line-height: 1.35; }
.nr-modal-video-frame { aspect-ratio: 16 / 9; background: #000; }
.nr-modal-video-frame iframe { display: block; width: 100%; height: 100%; border: 0; }
