/*
 * Lớp riêng của mini app đối tác, nạp SAU bốn stylesheet chép từ app nội bộ (noi-bo/css/). Chỉ thêm chỗ màn đối
 * tác khác màn Booking nội bộ; không định nghĩa lại token, nút, thẻ — các thứ đó lấy nguyên từ bản chép.
 * Sửa giao diện chung thì sửa ở app nội bộ rồi chạy lại scripts/dong-bo-giao-dien-noi-bo.mjs, không vá ở đây.
 */

/* Chọn kiểu lịch: 2 ô; chọn thứ trong tuần: 7 ô (bk-chon-nguon gốc là 3 cột). */
.bk-chon-nguon.dt-hai-cot { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.bk-chon-nguon.dt-bay-cot { grid-template-columns: repeat(7, minmax(0, 1fr)); gap: 6px; }
.bk-chon-nguon.dt-bay-cot span { padding: 11px 0; }

/* Ô đồng ý dùng đúng thẻ .bk-chon-dv của màn nội bộ, chữ dài nên cho xuống dòng. */
.dt-gui-la-dong-y { margin-top: 8px; line-height: 1.5; }
.dt-gui-la-dong-y a, .truongFigma .bk-goi-y a { color: inherit; text-decoration: underline; }

.dt-nut-huy { margin-top: 10px; }
.dt-noi-dung-hop { padding: 14px; display: grid; gap: 12px; }

.dt-chan-trang { margin: 22px 0 8px; font-size: 12px; line-height: 1.6; color: var(--mo, #64748b); text-align: center; }
.dt-chan-trang p { margin: 4px 0; }
.dt-chan-trang a { color: inherit; text-decoration: underline; }

[hidden] { display: none !important; }

/* Mini app 31/10/2026 (bản chép màn Booking nội bộ): ô tìm, dòng hoa hồng tháng, dòng dữ liệu cá nhân. */
/* Ô tìm nằm NGOÀI .bk-cong-cu-ds: đặt trong đó với flex-basis 100% làm thanh công cụ rộng hết hàng, và luật
   `.bk-nut-tao-moi{flex:1 1 auto}` (booking.css, max-width 480px) kéo nút "Lịch mới" dài hết hàng — nội bộ không có ô
   này nên thanh co lại vừa nút. */
.dt-tim { display: block; box-sizing: border-box; width: 100%; margin: 0 0 9px; min-width: 0; height: 44px; padding: 0 16px; border: 1px solid var(--vien, #e2e8f0); border-radius: 999px; background: #fff; font: inherit; font-size: 15px; }
.dt-hoa-hong { margin: 10px 0 4px; padding: 10px 14px; background: #fff; border-radius: 16px; }
.dt-hoa-hong .bk-dong-tien b { font-size: 15px; }
.dt-dlcn { margin: 22px 16px 8px; font-size: 12px; line-height: 1.6; color: var(--mo, #64748b); text-align: center; }
.dt-dlcn a { color: inherit; text-decoration: underline; }
/* Tấm chi tiết (chủ dự án 31/10/2026 "Fix luôn giao diện", theo chi tiết Booking nội bộ): thanh dưới là sticky trong
   khung cuộn nên không chừa đệm đáy (đệm 96px cũ để lại khoảng trắng). Việc chính trên thanh là "Huỷ booking" (bỏ xem
   vé), cùng khuôn nút "Quyết toán" nội bộ nhưng màu đỏ vì là thao tác huỷ; ô tiền cọc và nút lưu cách nhau. */
html #ctThanhDuoi .dt-nut-huy-duoi { flex: 1 1 auto; width: auto; margin: 0; min-height: 52px; padding: 15px; border: 0; border-radius: 999px;
  font-size: 15.5px; font-weight: 800; color: #fff; background: #b91c1c; display: flex; align-items: center; justify-content: center; box-shadow: none; }
#formThuKhach { display: grid; gap: 12px; margin-top: 10px; }
#formThuKhach .bk-nut-phu { width: 100%; justify-content: center; }
#noiDungChiTiet { padding-bottom: 14px; }
/* Ba ô đếm trong form sửa (tấm chi tiết): cùng bố cục #khuCano của booking.css dòng 152–167, nhưng tấm chi tiết hẹp hơn
   form tạo nên nhãn luôn được xuống dòng thay vì bị cắt. */
html #formSuaBuoi .bk-luoi-khach>.nhomDemFigma{grid-template-columns:minmax(0,1fr) 132px;column-gap:8px}
html #formSuaBuoi .bk-luoi-khach>.nhomDemFigma .demFigma{width:132px}
html #formSuaBuoi .bk-luoi-khach>.nhomDemFigma>label{display:flex;align-items:center;gap:6px;margin:0;min-width:0}
html #formSuaBuoi .bk-luoi-khach>.nhomDemFigma>label span{min-width:0;white-space:normal;overflow-wrap:break-word}
#formSuaBuoi { display: grid; gap: 10px; }
#formSuaBuoi.bk-an { display: none; }
/* Màn rộng: bk-bo-cuc nội bộ là hai cột (form tạo | danh sách) vì nhân viên luôn thấy cả hai. Ở đây hai khu thay nhau
   hiện (hienKhu), nên cột đang ẩn để lại một khoảng trống: còn một cột thì dồn về giữa, rộng vừa đọc. */
.bk-bo-cuc:has(> #khuTaoBooking.bk-an), .bk-bo-cuc:has(> #khuDanhSachBooking.bk-an) { grid-template-columns: minmax(0, 1fr); max-width: 760px; margin-inline: auto; }
@media (min-width: 900px) {
  .bk-mo-dau { max-width: 760px; margin-inline: auto; }
}

/* Ô tiền cọc đứng riêng trong tấm chi tiết: nội bộ luôn có dòng ô tích phía trên nên .bk-don-gia-coc không có đệm trên. */
#formThuKhach .bk-o-dv { padding-top: 12px; }

/* Giá bán cho khách / vé (31/10/2026): nút về giá mặc định dạng chữ. */
.dt-ve-mac-dinh{background:none;border:0;padding:4px 0;color:var(--nbkh-primary-700,#0b5c8a);font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}

/* Khối tổng form "Lịch mới" (chủ dự án 31/10/2026: "Design lại, có chính phụ, dễ hiểu"). Bỏ hàng .bk-dong-tien cao
   --v2-figma-row-height của #boxTong nội bộ: hai nhóm tính gọn, mỗi nhóm một thẻ nền --v2-figma-row, dòng kết quả in đậm;
   số chính "Phải nộp Nhà Bè" nằm trên nền --v2-figma-output như .bk-cuoi nội bộ; dòng phụ chữ nhỏ màu mờ. */
html #boxTong.ketQuaTinh { display: grid; gap: 8px; }
#boxTong .dt-tong-nhom { margin: 0; padding: 12px 14px; border-radius: 18px; background: var(--v2-figma-row, #f8f8f9); }
#boxTong .dt-tong-tieu-de { margin: 0 0 6px; font-size: 12px; font-weight: 800; color: var(--v2-brand-muted, #4b5563); }
#boxTong .dt-dong { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; padding: 3px 0; font-size: 14px; color: var(--v2-brand-muted, #4b5563); }
#boxTong .dt-dong b { font-weight: 700; color: var(--v2-brand, #111); white-space: nowrap; }
#boxTong .dt-dong.dt-tru b { font-weight: 600; color: var(--v2-brand-muted, #4b5563); }
#boxTong .dt-dong.dt-ket { margin-top: 4px; padding-top: 7px; border-top: 1px solid var(--v2-surface-strong, #ececee); color: var(--v2-brand, #111); font-weight: 700; }
#boxTong .dt-dong.dt-ket b { font-weight: 850; }
html #boxTong .dt-tong-chinh, html #boxTong .dt-tong-chinh :where(span, b, small) { color: #fff; }
#boxTong .dt-tong-chinh { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 14px; border-radius: 18px; background: var(--v2-brand, #111); color: #fff; }
#boxTong .dt-tong-chinh span { font-size: 15px; font-weight: 800; }
#boxTong .dt-tong-chinh small { display: block; margin-top: 2px; font-size: 11.5px; font-weight: 500; opacity: .75; }
#boxTong .dt-tong-chinh b { font-size: 24px; font-weight: 850; white-space: nowrap; }
#boxTong:empty { display: none; }

/* Màn đăng nhập: dùng nguyên .manDangNhap/.theDangNhap của nbkh.css + v2-theme-black.css (như app nội bộ). */