/* Bang XEM TRUOC EXCEL (static/js/excel_preview.js) */
.xlp-overlay { position:fixed; inset:0; z-index:2000; background:rgba(15,28,46,.55); display:flex; align-items:center; justify-content:center; padding:2vh 2vw; }
.xlp-box { background:#fff; border-radius:10px; box-shadow:0 12px 40px rgba(0,0,0,.35); width:min(1280px, 96vw); max-height:94vh; display:flex; flex-direction:column; overflow:hidden; }
.xlp-head { display:flex; align-items:center; gap:10px; padding:12px 16px; background:#1f3864; color:#fff; }
.xlp-title { flex:1; font-weight:700; font-size:15px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.xlp-x { border:0; background:transparent; color:#fff; font-size:18px; cursor:pointer; line-height:1; padding:2px 6px; }
.xlp-tabs { display:flex; gap:4px; flex-wrap:wrap; padding:8px 12px 0; background:#eef1f4; border-bottom:1px solid #c9d2de; }
.xlp-tab { border:1px solid #c9d2de; border-bottom:0; background:#dfe5ee; color:#33517a; padding:6px 14px; border-radius:6px 6px 0 0; font-size:13px; font-weight:600; cursor:pointer; }
.xlp-tab.on { background:#fff; color:#1f3864; }
.xlp-body { flex:1; overflow:auto; padding:12px; background:#fff; min-height:160px; }
.xlp-loading { color:#6b7480; padding:30px; text-align:center; }
.xlp-foot { display:flex; align-items:center; gap:10px; padding:10px 14px; border-top:1px solid #dbe1ea; background:#f6f8fb; }
.xlp-note { flex:1; font-size:12px; color:#8a93a0; }
.xlp-btn { border:0; border-radius:6px; padding:9px 16px; font-size:14px; cursor:pointer; }
.xlp-luu { background:#1f7a3e; color:#fff; font-weight:600; }
.xlp-luu:disabled { opacity:.5; cursor:default; }
.xlp-huy { background:#dfe5ee; color:#1f3864; }
table.xlp-t { border-collapse:collapse; table-layout:fixed; font-family:'Times New Roman',Times,serif; font-size:13px; background:#fff; }
table.xlp-t td { border:1px solid #b9c3d6; padding:3px 6px; vertical-align:middle; overflow:hidden; text-overflow:ellipsis; height:22px; }
@media (max-width:600px) { .xlp-overlay { padding:0; } .xlp-box { width:100vw; max-height:100vh; border-radius:0; } }
@media print { .xlp-overlay { display:none !important; } }