/* Tệp làm việc + nút Xuất Excel (29/10/2026). Dùng biến màu của giao diện v2 → đúng cả nền sáng và nền tối.
   Chữ nhỏ nhất 12px. */

/* Nút cạnh "N căn đang xem" */
.se-res.results-header{justify-content:flex-start;flex-wrap:wrap;align-items:center}
.se-res .se-res-sum{margin-left:auto}
.se-res-act{display:flex;gap:6px;margin-left:8px}
.se-res .se-res-sum:empty + .se-res-act{margin-left:auto}
.se-btn.sm{height:32px;padding:0 11px;font-size:13px;display:inline-flex;align-items:center;gap:6px;border-radius:8px}
.se-btn.sm .se-ic{width:16px;height:16px}
.se-btn:hover:not(:disabled){border-color:var(--se-navy);color:var(--se-navy-tx)}
.se-btn.pri:hover:not(:disabled){color:#fff;background:var(--se-navy-d)}
.se-btn:disabled{opacity:.5;cursor:not-allowed}
.se-btn.danger{color:var(--se-g1)}
.se-btn.danger:hover:not(:disabled){border-color:var(--se-g1);color:var(--se-g1)}
@media (max-width:600px){
  .se-res-act{width:100%;margin-left:0}
  .se-res .se-res-sum:empty + .se-res-act{margin-left:0}
  .se-res-act .se-btn{flex:1;justify-content:center}
}

/* Ngăn tệp làm việc */
.wl-panel{z-index:284}
.wl-panel .wl-content{max-width:1180px;background:var(--se-card);color:var(--se-tx)}
.wl-panel .settings-header{border-color:var(--se-line)}
.wl-panel .settings-header-title{color:var(--se-navy-tx)}
.wl-panel .settings-body{background:var(--se-card2)}
/* Chi tiết căn mở từ ngăn này phải nổi lên trên */
body.wl-open #modalBackdrop{z-index:290}

.wl-top{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:12px 14px;margin-bottom:14px}
.wl-hint{font-size:13.5px;color:var(--se-tx2);flex:1;min-width:240px}
.wl-sec{font-size:13px;font-weight:600;color:var(--se-tx3);text-transform:uppercase;letter-spacing:.4px;margin:14px 2px 8px}
.wl-sec span{background:var(--se-navy-l);color:var(--se-navy-tx);border-radius:20px;padding:0 7px;margin-left:4px;font-size:12px}
.wl-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}
.wl-card{background:var(--se-card);border:1px solid var(--se-line);border-radius:10px;padding:12px 14px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--se-sh)}
.wl-card-h{display:flex;align-items:flex-start;gap:6px}
.wl-title{flex:1;min-width:0;text-align:left;background:none;border:0;padding:0;font-size:15px;font-weight:600;color:var(--se-navy-tx);cursor:pointer;line-height:1.35;word-break:break-word}
.wl-title:hover{text-decoration:underline}
.wl-title-edit{flex:1;min-width:0;font-size:15px;font-weight:600;padding:4px 8px;border:1px solid var(--se-navy);border-radius:6px;background:var(--se-card);color:var(--se-tx)}
.wl-cnt{flex:none;font-size:12.5px;font-weight:600;background:var(--se-navy-l);color:var(--se-navy-tx);border-radius:20px;padding:2px 9px;white-space:nowrap}
.wl-ib{flex:none;border:0;background:none;color:var(--se-tx3);cursor:pointer;font-size:14px;padding:2px 6px;border-radius:6px;line-height:1.2}
.wl-ib:hover{background:var(--se-navy-l);color:var(--se-navy-tx)}
.wl-meta{font-size:12.5px;color:var(--se-tx3)}
.wl-note{font-size:13.5px;color:var(--se-tx2);white-space:pre-wrap;word-break:break-word}
.wl-filter{font-size:12.5px;color:var(--se-tx3);background:var(--se-card2);border-radius:6px;padding:4px 8px;word-break:break-word}
.wl-pend{color:var(--se-due);font-weight:600}
.wl-acts{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}
.wl-empty{color:var(--se-tx3);font-size:13.5px;padding:18px;text-align:center;background:var(--se-card);border:1px dashed var(--se-line);border-radius:10px}
.wl-warn{font-size:13px;color:var(--se-due);margin:8px 0}

.wl-detail{display:flex;flex-direction:column;gap:6px}
.wl-back{align-self:flex-start;border:0;background:none;color:var(--se-navy-tx);font-weight:600;font-size:13.5px;cursor:pointer;padding:2px 0;margin-bottom:4px}
.wl-lbl{font-size:12px;font-weight:600;color:var(--se-tx3);text-transform:uppercase;letter-spacing:.4px;margin-top:4px}
.wl-title-in,.wl-note-in{width:100%;box-sizing:border-box;border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);color:var(--se-tx);font-family:inherit}
.wl-title-in{font-size:18px;font-weight:600;padding:8px 10px;color:var(--se-navy-tx)}
.wl-note-in{font-size:14px;padding:8px 10px;resize:vertical;min-height:44px}
.wl-title-in:focus,.wl-note-in:focus{outline:2px solid var(--se-navy-l);border-color:var(--se-navy)}
.wl-title-in[readonly],.wl-note-in[readonly]{background:var(--se-card2)}
.wl-kpi{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:8px 0 2px}
.wl-kc{background:var(--se-card);border:1px solid var(--se-line);border-radius:8px;padding:8px 10px}
.wl-kc .l{font-size:12px;color:var(--se-tx3)}
.wl-kc .v{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--se-tx)}
.wl-kc .v.ok{color:var(--se-ok)}.wl-kc .v.due{color:var(--se-due)}.wl-kc .v.need{color:var(--se-need)}
#wlDetailTable{margin-top:8px}
#wlDetailTable .se-tbl-wrap{max-height:none}
#wlDetailTable .wl-x{width:1%;padding:6px 8px}

/* Hộp thoại lưu */
.wl-dlg-bg{position:fixed;inset:0;z-index:400;background:rgba(16,24,36,.45);display:flex;align-items:center;justify-content:center;padding:16px}
.wl-dlg{background:var(--se-card);color:var(--se-tx);border-radius:12px;box-shadow:var(--se-sh-lg);width:min(520px,100%);max-height:90vh;overflow:auto;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.wl-dlg-t{font-size:17px;font-weight:600;color:var(--se-navy-tx);margin-bottom:4px}
.wl-dlg-info{font-size:13.5px;color:var(--se-tx2);background:var(--se-card2);border-radius:8px;padding:8px 10px;word-break:break-word}
.wl-dlg label{font-size:13px;font-weight:600;color:var(--se-tx2);margin-top:6px;display:block}
.wl-dlg input:not([type=radio]),.wl-dlg textarea,.wl-dlg select{width:100%;box-sizing:border-box;border:1px solid var(--se-line);border-radius:8px;background:var(--se-card);color:var(--se-tx);font-size:14px;padding:8px 10px;font-family:inherit;margin-top:4px}
.wl-dlg textarea{resize:vertical}
.wl-seg{display:flex;gap:16px;flex-wrap:wrap;margin-top:6px}
.wl-seg label{display:flex;align-items:center;gap:6px;margin:0;font-weight:500;color:var(--se-tx);cursor:pointer}
.wl-dlg-hint{font-size:12.5px;color:var(--se-tx3);margin-top:4px}
.wl-dlg-err{color:var(--se-g1);font-size:13px;min-height:18px}
.wl-dlg-actions{display:flex;justify-content:flex-end;gap:8px}