/* ============================================================
   TRANG THÔNG TIN — đồng bộ với giao diện tối "Deep Tech Premium"
   Nạp SAU phần <style> riêng của từng trang nên ghi đè được các
   khối trắng cũ mà không cần !important.
   ============================================================ */

body {
  background: var(--bg);
  color: #CBD5E1;
}

/* ---------- Băng tiêu đề đầu trang ---------- */
.tm__hero, .hd__hero, .up__hero {
  background:
    radial-gradient(120% 140% at 12% 0%, rgba(37, 99, 235, 0.26), transparent 58%),
    linear-gradient(160deg, rgba(30, 41, 59, 0.92), rgba(11, 15, 25, 0.96));
  border: 1px solid rgba(96, 165, 250, 0.3);
  box-shadow: 0 26px 60px rgba(0, 0, 0, 0.5), 0 0 60px rgba(37, 99, 235, 0.16);
}
.tm__hero .tm__eyebrow, .hd__hero .hd__eyebrow, .up__hero .up__eyebrow { color: var(--blue-pale); }
.tm__hero .tm__meta, .hd__hero p, .up__hero .up__lead, .tm__hero p { color: rgba(255, 255, 255, 0.78); }
.tm__hero .tm__sub, .hd__hero .hd__sub { color: rgba(255, 255, 255, 0.7); }

/* ---------- Thanh tiêu đề mục (thu gọn / mở ra) ---------- */
.acc__btn {
  background: linear-gradient(160deg, rgba(37, 99, 235, 0.2), rgba(15, 23, 42, 0.92));
  border: 1px solid rgba(96, 165, 250, 0.3);
  border-left: 3px solid var(--blue-light);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.38);
}
.acc__btn:hover {
  filter: none;
  background: linear-gradient(160deg, rgba(37, 99, 235, 0.32), rgba(15, 23, 42, 0.94));
  border-color: rgba(96, 165, 250, 0.55);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.46), 0 0 22px rgba(37, 99, 235, 0.28);
}
.acc.open .acc__btn {
  background: linear-gradient(160deg, rgba(37, 99, 235, 0.34), rgba(15, 23, 42, 0.95));
  border-color: rgba(96, 165, 250, 0.55);
}
.acc__btn .tm__no {
  background: linear-gradient(150deg, var(--blue-light), var(--blue)) !important;
  color: #fff !important;
  box-shadow: 0 0 16px rgba(37, 99, 235, 0.55) !important;
}
.acc__chev { border-right-color: var(--blue-pale); border-bottom-color: var(--blue-pale); }

/* ---------- Phần nội dung mở ra: nền tối thay cho khối trắng ---------- */
.acc.open .acc__body {
  background: linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(11, 15, 25, 0.94));
  border: 1px solid rgba(96, 165, 250, 0.24);
  border-top: none;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.45);
}
.acc__body, .acc__body p, .acc__body li, .acc__body td,
.acc__body .tm__p, .acc__body .tm__def, .acc__body .tm__list li,
.acc__body .tm__crow, .acc__body .tm__paneltext, .acc__body .tm__closing,
.acc__body .hd__p, .acc__body .hd__stepdesc, .acc__body .hd__roledesc,
.acc__body .hd__faqbody { color: #CBD5E1; }
.acc__body h3, .acc__body h4, .acc__body .tm__lbl,
.acc__body .hd__steptitle, .acc__body .hd__rolename { color: #fff; }
.acc__body b, .acc__body strong, .acc__body .tm__k,
.acc__body .tm__crow b { color: var(--blue-pale); }
.acc__body a { color: var(--accent); }

/* ---------- Các khối nền sáng còn lại ---------- */
.tm__contact, .up__panel, .up__price, .up__card,
.hd__role, .hd__faq, .hd__step, .tm__toc {
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.016));
  border: 1px solid rgba(96, 165, 250, 0.2);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.35);
  color: #CBD5E1;
}
.acc__body .tm__contact {
  background: linear-gradient(165deg, rgba(37, 99, 235, 0.1), rgba(255, 255, 255, 0.02));
  border-color: rgba(96, 165, 250, 0.24);
}
.up__cardtitle, .hd__rolename, .hd__steptitle, .up__pricename { color: #fff; }
.up__carddesc, .hd__roledesc, .hd__stepdesc, .up__pricedesc, .up__paneltext { color: #CBD5E1; }
.up__num, .hd__stepnum, .tm__no { color: var(--accent); }
.up__price, .up__amount, .up__per { color: #fff; }

/* ---------- Bảng ---------- */
.tm__table thead th {
  color: var(--blue-pale);
  background: rgba(37, 99, 235, 0.16);
  border-color: rgba(96, 165, 250, 0.24);
}
.tm__table td, .tm__table th { border-color: rgba(96, 165, 250, 0.18); color: #CBD5E1; }

/* ---------- Khối lưu ý ---------- */
.tm__warn {
  background: rgba(245, 158, 11, 0.1);
  border: 1px solid rgba(245, 158, 11, 0.4);
  color: #FDE68A;
}
.tm__warn b, .tm__warn strong { color: var(--gold); }

/* ---------- Chi tiết còn lại ---------- */
.tm__sec, .hd__section { border-top-color: rgba(96, 165, 250, 0.16); }
.tm__h2, .hd__h2, .up__h2 { color: #fff; }
.tm__eyebrow, .tm__toctitle, .tm__toclist a span, .hd__eyebrow, .up__eyebrow { color: var(--accent); }
.tm__toclist a { color: #CBD5E1; }
.tm__toclist a:hover { color: #fff; }
.tm__back a, .hd__back a, .up__back a { color: var(--accent); }
.tm__back a:hover, .hd__back a:hover, .up__back a:hover { color: #fff; }
.hd__roletag { background: rgba(37, 99, 235, 0.2); border: 1px solid rgba(96, 165, 250, 0.35); color: var(--blue-pale); }
.tm__cname { color: #fff; }

/* nút chính trên trang nâng cấp dùng màu điểm nhấn Vàng Sắc Kim */
.up__cta {
  background: linear-gradient(135deg, var(--gold), var(--gold-deep));
  border: 1px solid rgba(245, 158, 11, 0.65);
  color: var(--gold-ink);
  box-shadow: 0 6px 20px rgba(217, 119, 6, 0.3);
}
.up__cta:hover {
  background: linear-gradient(135deg, #FBBF24, var(--gold));
  color: var(--gold-ink);
  box-shadow: 0 10px 30px var(--glow-gold);
}
/* số thứ tự dùng dốc màu -> sáng lại cho nổi trên nền tối */
.up__num { background-image: linear-gradient(180deg, #93C5FD, #3B82F6); }
.hd__stepnum { background: linear-gradient(160deg, #3B82F6, #1D4ED8); color: #fff; box-shadow: 0 6px 20px rgba(37, 99, 235, 0.45); }
/* Thẻ vai trò trong băng tiêu đề: chữ sáng lại (trước bị tối trên nền tối) */
.hd__hero .hd__role, .hd__hero .hd__role p,
.hd__hero .hd__roledesc, .hd__hero .hd__rolecard, .hd__hero .hd__rolecard * { color: #CBD5E1; }
.hd__hero .hd__rolename { color: #fff; }
.hd__hero .hd__roletag { color: var(--blue-pale); }
.hd__title, .hd__h2, .hd__sub, .hd__rolename, .hd__steptitle { color: #fff; }
.hd__lead, .hd__p, .hd__roledesc, .hd__stepdesc { color: #CBD5E1; }
.hd__eyebrow, .hd__part, .hd__roletag { color: var(--accent); }
.hd__stepdesc b, .hd__p b, .hd__lead b { color: var(--blue-pale); }
.tm__title, .tm__h2, .tm__lbl, .tm__cname { color: #fff; }
.tm__p, .tm__def, .tm__list li, .tm__paneltext, .tm__crow, .tm__closing { color: #CBD5E1; }
.up__title, .up__h2, .up__cardtitle, .up__pricename { color: #fff; }
.up__lead, .up__carddesc, .up__paneltext, .up__note, .up__pricedesc, .up__fitlist li { color: #CBD5E1; }
/* Vá nốt các chỗ chữ tối trên nền tối máy quét bắt được */
.up .up__h2, .up__h2 { color: #fff; }
.tm__table td, .tm__table th, .acc__body table td, .acc__body table th { color: #CBD5E1; }
.tm__table td:last-child, .acc__body table td:last-child { color: #fff; }
.up__pricename { background: rgba(37, 99, 235, 0.18); border: 1px solid rgba(96, 165, 250, 0.35); color: var(--blue-pale); }