/* Mẫu Word — khối chọn mẫu trong Sinh đề (kiểu màn "New" của Word) + xem lớn / sửa + bản PDF. */
aside a.nhd-side-view.mau-word{color:#1F4E8C;border-left-color:#AFC6E6;background:#F3F7FC}
aside a.nhd-side-view.mau-word.on{color:#173E73;border-left-color:#2B579A;background:#E3ECF8}
aside a.nhd-side-view.mau-word .ic{font:800 12px/1 Segoe UI,Arial,sans-serif}

.nhd-mw-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:12px;padding:17px 19px;border:1px solid #CFDCEE;border-left:5px solid #2B579A;border-radius:10px;background:#F6F9FD}
.nhd-mw-head small{color:#2B579A;font-size:10px;font-weight:850;letter-spacing:.1em}
.nhd-mw-head h2{margin:3px 0;color:#263A59}
.nhd-mw-head p{max-width:680px;margin:3px 0 0;color:#5F6B7F;font-size:13px}

.nhd-mw-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}
.nhd-mw-chips button{display:flex;align-items:center;gap:6px;padding:6px 11px;border:1px solid #D9E0EA;border-radius:999px;background:#fff;color:#3A4A63;font-size:12.5px;cursor:pointer}
.nhd-mw-chips button i{font-style:normal;color:#8A95A6;font-size:11.5px}
.nhd-mw-chips button.on{border-color:#2B579A;background:#2B579A;color:#fff}
.nhd-mw-chips button.on i{color:#D5E2F5}

.nhd-mw-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:22px 18px;margin-bottom:8px}
.nhd-mw-card{position:relative;margin:0;padding:12px 12px 10px;border-radius:10px;cursor:pointer;transition:background .15s}
.nhd-mw-card:hover{background:#E9EFF8}
.nhd-mw-thumb{position:relative;aspect-ratio:210/297;overflow:hidden;border:1px solid #D5DCE6;border-radius:3px;background:#fff;box-shadow:0 1px 3px rgba(31,56,100,.12)}
.nhd-mw-card:hover .nhd-mw-thumb{border-color:#9DB5D8;box-shadow:0 4px 14px rgba(31,56,100,.18)}
.nhd-mw-thumb>img{width:100%;height:100%;object-fit:cover;display:block}
.nhd-mw-cho{position:absolute;inset:0;background:linear-gradient(100deg,#fff 30%,#F1F4F9 50%,#fff 70%);background-size:200% 100%;animation:nhdMwCho 1.3s linear infinite}
@keyframes nhdMwCho{to{background-position:-200% 0}}
.nhd-mw-scale{position:absolute;top:0;left:0;transform-origin:0 0;pointer-events:none}
.nhd-mw-docx{background:#fff}
.nhd-mw-docx section{margin:0!important;box-shadow:none!important}
.nhd-mw-docx:not(.all)>section~section{display:none}
.nhd-mw-scale:has(.nhd-mw-loi-trang){inset:0}
.nhd-mw-loi-trang{display:grid;place-items:center;align-content:center;gap:6px;height:100%;color:#2B579A;font:800 46px/1 Segoe UI,Arial,sans-serif}
.nhd-mw-loi-trang small{font:500 11px/1.2 Segoe UI,Arial,sans-serif;color:#8A95A6}
.nhd-mw-card figcaption{margin-top:9px;text-align:center}
.nhd-mw-card figcaption b{display:block;color:#263A59;font-size:13.5px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.nhd-mw-card figcaption small{display:block;margin-top:2px;color:#8A95A6;font-size:11px}
.nhd-mw-card.an .nhd-mw-thumb{opacity:.55}
.nhd-mw-tag{position:absolute;top:18px;left:18px;padding:2px 7px;border-radius:999px;background:#4A5568;color:#fff;font-size:10.5px;font-weight:700}
.nhd-mw-tools{position:absolute;top:18px;right:18px;display:flex;gap:3px;opacity:0;transition:opacity .15s}
.nhd-mw-card:hover .nhd-mw-tools,.nhd-mw-card:focus-within .nhd-mw-tools{opacity:1}
.nhd-mw-tools button{width:27px;height:27px;border:1px solid #CBD5E3;border-radius:6px;background:#fff;color:#2B579A;font-size:14px;font-weight:700;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}
.nhd-mw-tools button:hover{background:#2B579A;color:#fff}
.nhd-mw-tools button:disabled{color:#C5CCD6;background:#fff;cursor:default}
@media (hover:none){.nhd-mw-tools{opacity:1}}

.nhd-mw-add .nhd-mw-thumb{border:2px dashed #AFC0D8;box-shadow:none;background:#F8FAFD}
.nhd-mw-add:hover .nhd-mw-thumb{border-color:#2B579A;background:#fff}
.nhd-mw-plus{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#2B579A;font-size:44px;font-weight:300}
.nhd-mw-plus small{font-size:12.5px;font-weight:650;text-align:center;padding:0 8px}
.nhd-mw-spin{width:30px;height:30px;border:3px solid #D5E2F5;border-top-color:#2B579A;border-radius:50%;animation:nhdMwQuay .8s linear infinite}
@keyframes nhdMwQuay{to{transform:rotate(360deg)}}
body.nhd-mw-keo main::after{content:'Thả file Word vào đây để thêm mẫu';position:fixed;inset:12px;z-index:60;display:grid;place-items:center;border:3px dashed #2B579A;border-radius:14px;background:rgba(233,239,248,.88);color:#1F4E8C;font-size:20px;font-weight:750;pointer-events:none}

.nhd-mw-lop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(20,32,54,.5)}
body.nhd-mw-mo{overflow:hidden}
.nhd-mw-hop{display:flex;flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 36px);border-radius:12px;background:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3);overflow:hidden}
.nhd-mw-lop.xem .nhd-mw-hop{width:min(900px,100%);height:calc(100vh - 36px)}
.nhd-mw-hop header{display:flex;align-items:center;gap:8px;padding:12px 14px 12px 18px;border-bottom:1px solid #E7ECF3}
.nhd-mw-hop header div{flex:1;min-width:0}
.nhd-mw-hop header b{display:block;color:#263A59;font-size:15.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhd-mw-hop header small{display:block;color:#8A95A6;font-size:11.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nhd-mw-x{width:32px;height:32px;border:0;border-radius:8px;background:none;color:#5F6B7F;font-size:22px;cursor:pointer}
.nhd-mw-x:hover{background:#EEF2F7}
.nhd-mw-mota{margin:0;padding:10px 18px;border-bottom:1px solid #E7ECF3;color:#3A4A63;font-size:13px}
.nhd-mw-xem{position:relative;flex:1;overflow:auto;padding:12px;background:#E9EDF3}
.nhd-mw-xem .nhd-mw-scale{position:relative;margin:0 auto;transform:none}
.nhd-mw-xem .nhd-mw-docx{background:none}
.nhd-mw-xem .nhd-mw-docx section{margin:0 0 14px!important;box-shadow:0 1px 4px rgba(0,0,0,.18)!important}

.nhd-mw-form{display:flex;flex-direction:column;gap:12px;padding:16px 18px;overflow:auto}
.nhd-mw-form label{display:flex;flex-direction:column;gap:5px;color:#5F6B7F;font-size:12px;font-weight:650}
.nhd-mw-form input:not([type=checkbox]),.nhd-mw-form textarea{padding:9px 11px;border:1px solid #D2DAE5;border-radius:8px;color:#263A59;font:14px/1.45 inherit;resize:vertical}
.nhd-mw-form label.nhd-mw-check{flex-direction:row;align-items:center;gap:8px;color:#263A59;font-size:13.5px;font-weight:600}
.nhd-mw-check input{width:16px;height:16px;accent-color:#2B579A}
.nhd-mw-file-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:9px 11px;border-radius:8px;background:#F4F6FA;color:#5F6B7F;font-size:12.5px}
.nhd-mw-file-row span{flex:1;min-width:180px}
.nhd-mw-file-row b{color:#263A59}
.nhd-mw-hop footer{display:flex;align-items:center;gap:8px;padding:12px 18px;border-top:1px solid #E7ECF3}
.nhd-mw-hop footer span{flex:1}

@media (max-width:700px){
  .nhd-mw-head{flex-direction:column;align-items:stretch}
  .nhd-mw-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 8px}
  .nhd-mw-card{padding:8px}
  .nhd-mw-tag{top:13px;left:13px}.nhd-mw-tools{top:13px;right:13px}
  .nhd-mw-lop{padding:0}
  .nhd-mw-hop,.nhd-mw-lop.xem .nhd-mw-hop{width:100%;height:100%;max-height:none;border-radius:0}
}

/* Khối Mẫu Word trong Sinh đề: cột trái dưới Cấu hình đề; ô Xem trước bên phải kéo dài 2 hàng. */
@media(min-width:1101px){.nhd-exam-layout>#nhd_exam_preview_fullscreen{grid-row:span 2}.nhd-exam-layout>.nhd-mw-khoi{grid-column:1}}
.nhd-mw-khoi .nhd-card-head{display:flex;align-items:center;justify-content:space-between}
.nhd-mw-dem{color:#8A95A6;font-size:12px}
.nhd-mw-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:10px 8px;margin:-4px -6px 8px}
.nhd-mw-strip .nhd-mw-card{padding:6px 6px 4px}
.nhd-mw-strip .nhd-mw-card figcaption{margin-top:6px}
.nhd-mw-strip .nhd-mw-card figcaption b{font-size:12px}
.nhd-mw-strip .nhd-mw-card figcaption b i{font-style:normal;color:#2B579A}
.nhd-mw-strip .nhd-mw-card figcaption small{font-size:10.5px}
.nhd-mw-strip .nhd-mw-tag{top:11px;left:11px}
.nhd-mw-strip .nhd-mw-tools{top:10px;right:10px;flex-direction:column}
.nhd-mw-strip .nhd-mw-tools button{width:24px;height:24px;font-size:12px}
.nhd-mw-strip .nhd-mw-plus{font-size:32px}
.nhd-mw-card.chon{background:#E3ECF8}
.nhd-mw-card.chon .nhd-mw-thumb{border:2px solid #2B579A;box-shadow:0 0 0 3px #C9DAF2}
.nhd-mw-tick{position:absolute;left:11px;top:11px;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#2B579A;color:#fff;font-size:13px;font-weight:800;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.nhd-mw-o{display:grid;grid-template-columns:1.4fr 1fr 1.2fr;gap:8px;margin-top:4px}
.nhd-mw-note{margin:6px 0 8px;color:#8A95A6;font-size:11.5px}
.nhd-mw-khoi .nhd-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.nhd-mw-khoi .btn:disabled{opacity:.5;cursor:not-allowed}
body.nhd-mw-keo main::after{content:'Thả file Word vào đây để thêm mẫu'}
@media(max-width:700px){.nhd-mw-o{grid-template-columns:1fr}.nhd-mw-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* PDF theo mẫu: xem bản Word đã điền rồi in. */
.nhd-xw-pdf{position:fixed;inset:0;z-index:10060;overflow:auto;background:#E3E8EF}
.nhd-xw-pdf-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #CCD6E2;background:#fff}
.nhd-xw-pdf-bar b{color:#263A59}
.nhd-xw-pdf-bar span{flex:1;min-width:220px;color:#5F6B7F;font-size:12.5px}
.nhd-xw-pdf-trang{padding:22px 8px}
.nhd-xw-pdf-trang section.xwdoc{margin:0 auto 20px;box-shadow:0 8px 26px rgba(37,54,74,.18);background:#fff}
body.nhd-xw-in{overflow:hidden}