/* ===== SEPD Đào tạo — CSS nền (biến + reset), bọc dưới .sepdtr để cách ly ===== */
.sepdtr{
  --navy:#0e2a52; --navy-2:#123a6b; --red:#e21f2b; --green:#146b3a;
  --ink:#1e2a3a; --muted:#5b6b7d; --line:#e2e8f0; --bg:#f4f6f9;
  font-family:'Be Vietnam Pro',system-ui,Arial,sans-serif;
  color:var(--ink); line-height:1.5;
}
.sepdtr, .sepdtr *, .sepdtr *::before, .sepdtr *::after{box-sizing:border-box}
.sepdtr img{max-width:100%}
.sepdtr .sepdtr-loading{padding:24px;text-align:center;color:var(--muted)}
/* Modal lịch nằm fixed toàn màn hình — cho phép hiển thị dù nằm trong .sepdtr */
.sepdtr .cal-modal{z-index:100000}

/* ===== Form "Đăng ký ngay" (đơn giản) — bổ sung cho CSS đã port ===== */
.sepdtr .bk-simple{max-width:560px;margin:0 auto}
.sepdtr .bk-simple .bk-submit{width:100%;margin-top:6px}
.sepdtr .bk-course-line{background:#eef4ff;border:1px solid #d5e3fb;border-radius:10px;padding:10px 14px;margin:0 0 14px;font-size:14px;color:var(--navy)}
.sepdtr .bk-course-line b{color:var(--red)}
.sepdtr .bk-opt{font-weight:400;color:var(--muted);font-size:.85em}
.sepdtr .bk-textarea{min-height:84px;resize:vertical;font-family:inherit}
.sepdtr .bk-done{text-align:center;padding:22px 16px}
.sepdtr .bk-done-ico{width:64px;height:64px;line-height:64px;margin:0 auto 12px;border-radius:50%;background:var(--green);color:#fff;font-size:34px;font-weight:700}
.sepdtr .bk-done h3{margin:0 0 8px;color:var(--navy);font-size:22px}
.sepdtr .bk-done p{margin:0 auto 18px;max-width:420px;color:var(--ink)}
.sepdtr .bk-again{background:var(--navy);color:#fff;border:0;border-radius:10px;padding:11px 22px;font-weight:600;cursor:pointer}
.sepdtr .bk-again:hover{background:var(--navy-2)}

/* Nút "Xuất ảnh" trên thanh công cụ lịch */
.sepdtr .cal-export{margin-left:8px;background:var(--green);color:#fff;border:0;border-radius:8px;padding:8px 14px;font-weight:600;cursor:pointer;font-size:14px;white-space:nowrap}
.sepdtr .cal-export:hover{filter:brightness(1.06)}
.sepdtr .cal-export:disabled{opacity:.6;cursor:default}

/* Ảnh thay khối chữ thương hiệu & ảnh biểu tượng góc phải (bảng Kế hoạch) — hiển thị LỚN, rõ.
   Dùng height cố định để ảnh nhỏ cũng được phóng to; object-fit:contain giữ tỉ lệ, không méo. */
.sepdtr .plan-brandimg{display:flex;align-items:center;min-width:0}
.sepdtr .plan-brandimg .plan-brand-img{height:96px;width:auto;max-width:260px;object-fit:contain}
.sepdtr .plan-rigs .plan-rigs-img{height:96px;width:auto;max-width:260px;display:block;margin-left:auto;object-fit:contain}

/* Kế hoạch: đã ẩn dòng trống → căn đều các dòng khóa học theo chiều cao */
.sepdtr .plan-fill{min-height:460px}
.sepdtr .plan-fill .plan-table{height:100%}
.sepdtr .plan-fill .plan-table tbody tr{height:auto}