/* =====================================================================
   Cầu nối Bootstrap 5.3 <-> giao diện NOIRVA
   (nạp SAU bootstrap.min.css và các file CSS của NOIRVA)
   - Cho Bootstrap dùng bảng màu/font của NOIRVA, kể cả chế độ tối
   - Sửa các lớp trùng tên (badge, btn, alert...) để không vỡ giao diện cũ
   ===================================================================== */
html[data-theme]{
  --bs-body-bg:var(--c-bg); --bs-body-color:var(--c-text); --bs-body-font-family:var(--font-body);
  --bs-border-color:var(--c-border); --bs-border-radius:var(--radius);
  --bs-secondary-color:var(--c-muted); --bs-emphasis-color:var(--c-text);
  --bs-secondary-bg:var(--c-surface); --bs-tertiary-bg:var(--c-surface);
  --bs-link-color-rgb:184,137,60; --bs-link-hover-color-rgb:184,137,60;
}
html[data-theme="dark"]{ --bs-link-color-rgb:212,168,90; --bs-link-hover-color-rgb:212,168,90; }

/* Tiêu đề: Bootstrap đặt font-weight 500, NOIRVA dùng đậm */
h1,h2,h3,h4,h5,h6{font-weight:700}

/* ----- Nút: map biến của Bootstrap sang màu NOIRVA (thứ tự quan trọng: chung -> biến thể) ----- */
.btn{
  --bs-btn-color:var(--c-on-primary); --bs-btn-bg:var(--c-primary); --bs-btn-border-color:var(--c-primary);
  --bs-btn-hover-color:var(--c-on-primary); --bs-btn-hover-bg:var(--c-primary); --bs-btn-hover-border-color:var(--c-primary);
  --bs-btn-active-color:var(--c-on-primary); --bs-btn-active-bg:var(--c-primary); --bs-btn-active-border-color:var(--c-primary);
  --bs-btn-disabled-color:var(--c-on-primary); --bs-btn-disabled-bg:var(--c-primary); --bs-btn-disabled-border-color:var(--c-primary);
}
.btn:hover{opacity:.88}
.btn-ghost{
  --bs-btn-color:var(--c-text); --bs-btn-bg:transparent; --bs-btn-border-color:var(--c-border);
  --bs-btn-hover-color:var(--c-text); --bs-btn-hover-bg:var(--c-surface); --bs-btn-hover-border-color:var(--c-border);
  --bs-btn-active-color:var(--c-text); --bs-btn-active-bg:var(--c-surface); --bs-btn-active-border-color:var(--c-border);
  --bs-btn-disabled-color:var(--c-muted); --bs-btn-disabled-bg:transparent; --bs-btn-disabled-border-color:var(--c-border);
}
.btn-accent{
  --bs-btn-color:#111; --bs-btn-bg:var(--c-accent); --bs-btn-border-color:var(--c-accent);
  --bs-btn-hover-color:#111; --bs-btn-hover-bg:var(--c-accent); --bs-btn-hover-border-color:var(--c-accent);
  --bs-btn-active-color:#111; --bs-btn-active-bg:var(--c-accent); --bs-btn-active-border-color:var(--c-accent);
}
.btn-danger{
  --bs-btn-color:#fff; --bs-btn-bg:var(--c-danger); --bs-btn-border-color:var(--c-danger);
  --bs-btn-hover-color:#fff; --bs-btn-hover-bg:var(--c-danger); --bs-btn-hover-border-color:var(--c-danger);
  --bs-btn-active-color:#fff; --bs-btn-active-bg:var(--c-danger); --bs-btn-active-border-color:var(--c-danger);
}

/* ----- Huy hiệu: chữ mặc định của Bootstrap là trắng nên phải đặt lại ----- */
.badge{color:var(--c-text);font-weight:600}
.badge.ok{color:var(--c-success)}.badge.bad{color:var(--c-danger)}.badge.warn{color:var(--c-warning)}.badge.info{color:var(--c-info)}
.badge.text-bg-dark{color:#fff}

/* ----- Thông báo (Bootstrap alert dạng nổi ở góc phải) ----- */
.toasts .alert{margin:0;box-shadow:var(--shadow);padding:12px 40px 12px 14px}
.alert-dismissible .btn-close{padding:14px}

/* ----- Phân trang ----- */
.pagination{
  margin:24px 0 12px;
  --bs-pagination-color:var(--c-text); --bs-pagination-bg:var(--c-bg); --bs-pagination-border-color:var(--c-border);
  --bs-pagination-hover-color:var(--c-text); --bs-pagination-hover-bg:var(--c-surface); --bs-pagination-hover-border-color:var(--c-border);
  --bs-pagination-focus-color:var(--c-text); --bs-pagination-focus-bg:var(--c-surface);
  --bs-pagination-active-color:var(--c-on-primary); --bs-pagination-active-bg:var(--c-primary); --bs-pagination-active-border-color:var(--c-primary);
  --bs-pagination-disabled-color:var(--c-muted); --bs-pagination-disabled-bg:var(--c-surface); --bs-pagination-disabled-border-color:var(--c-border);
}
.page-link{text-decoration:none}

/* ----- Form ----- */
.form-control:focus,.form-select:focus{border-color:var(--c-accent);box-shadow:0 0 0 .2rem rgba(184,137,60,.25)}
.form-control,.form-select{margin-top:4px}

/* ----- Bảng ----- */
.table{--bs-table-bg:transparent;--bs-table-color:var(--c-text);--bs-table-border-color:var(--c-border);--bs-table-hover-bg:var(--c-surface);--bs-table-hover-color:var(--c-text)}

/* ----- Modal xác nhận, danh sách thư ----- */
.modal{
  --bs-modal-bg:var(--c-bg); --bs-modal-color:var(--c-text); --bs-modal-border-color:var(--c-border);
  --bs-modal-header-border-color:var(--c-border); --bs-modal-footer-border-color:var(--c-border);
}
.list-group{
  --bs-list-group-bg:var(--c-bg); --bs-list-group-color:var(--c-text); --bs-list-group-border-color:var(--c-border);
  --bs-list-group-action-color:var(--c-text); --bs-list-group-action-hover-bg:var(--c-surface); --bs-list-group-action-hover-color:var(--c-text);
  text-decoration:none;
}
.list-group-item{text-decoration:none}
.inbox-unread{background:var(--c-surface)}
.inbox-body{line-height:1.7}