/* ============================================================================
   NTCOM - TÔNG MÀU XANH THEO LOGO (ntcom.30)
   ----------------------------------------------------------------------------
   Bản gốc Javis nhấn CAM (--accent) + TÍM (--accent2) trên nền ngà ấm. NTCOM đổi CAM sang
   XANH logo (#0B6EF3) trên nền xám-xanh lạnh. Màu nhấn phụ TÍM (--accent2*: Effort, nút phụ,
   chữ code trong chat) đổi sang HỒNG website NTCOM #D62497 (ntcom.32, đo từ nút "Khám phá sản
   phẩm" của ntcom.vn). Tím trang trí khác (quầng/dây nối Đồ thị, từ khoá code) giữ như bản gốc.

   Cách làm: file này nạp SAU CÙNG trong index.html và chỉ định nghĩa lại token màu của
   style.css / console.css, rồi phủ vài chỗ bản gốc gõ thẳng mã màu cam. Không sửa token
   trong file của bản gốc -> "sync repo" không xung đột ở đây. Bản gốc thêm token màu mới
   thì thêm bản xanh vào đây (test: tests/js/test_ntcom_mau_xanh.js báo token nào còn cam).
   Hai khối giống thứ tự của style.css: TỐI (:root) và SÁNG (:root[data-theme="light"]).
   Chế độ "Tự động theo giờ" chỉ bật/tắt data-theme="light" nên dùng chung hai khối này.
   ========================================================================== */
:root {
  /* Nền tối hơi ngả xanh (bản gốc ngả tím) */
  --bg: #0c0f17;
  --bg2: #151a25;
  --bg3: #1e2431;
  --border: #323b50;
  --text2: #c0c8dc;
  --text3: #9aa3b8;
  --rail-bg: rgba(12, 15, 24, 0.72);
  --glass: rgba(20, 25, 36, 0.55);
  --field-bg: rgba(18, 22, 33, 0.8);
  --panel-bg: rgba(14, 18, 28, 0.78);
  --panel-solid: rgba(10, 14, 26, 0.97);

  /* Màu nhấn: xanh logo (sáng hơn chút để nổi trên nền tối) */
  --accent: #3b8bff;
  --accent-solid: #3b8bff;      /* chữ --on-accent (#1a1400) trên nền này đạt ~6.5:1 */
  --accent-ink: #8cbcff;
  --accent-wash: rgba(59, 139, 255, 0.08);
  --accent-wash-2: rgba(59, 139, 255, 0.14);
  --accent-line: rgba(59, 139, 255, 0.34);
  --accent-ring: 0 0 18px rgba(59, 139, 255, 0.22);

  /* Màu nhấn phụ: HỒNG website NTCOM (thay tím trầm của bản gốc). Chữ sáng hơn cho nền tối. */
  --accent2: #d62497;
  --accent2-ink: #f27cc4;
  --accent2-wash: rgba(214, 36, 151, 0.12);
  --accent2-wash-2: rgba(214, 36, 151, 0.22);
  --accent2-line: rgba(214, 36, 151, 0.42);

  /* Khối code: bỏ CAM trong tô màu cú pháp (từ khoá tím giữ như bản gốc) */
  --code-bg: #0b0e16;
  --tok-n: #dcdcaa;             /* số (trước: cam) */
  --tok-t: #4ec9b0;             /* tên thẻ */
  --tok-a: #9cdcfe;             /* thuộc tính (trước: cam) */

  /* Đồ thị: vùng "nóng" (trước: cam). Quầng/chữ tím giữ như bản gốc. */
  --brain-ink-hot: #5fd0ff;
}

:root[data-theme="light"] {
  /* Giấy xám-xanh lạnh thay giấy ngà ấm (ngà hợp cam, không hợp xanh) */
  --bg: #f6f8fb;
  --bg2: #ffffff;
  --bg3: #f0f3f8;
  --border: #dce3ed;
  --rail-bg: rgba(255, 255, 255, 0.82);
  --glass: rgba(255, 255, 255, 0.72);
  --surface-1: rgba(20, 45, 90, 0.035);
  --surface-2: rgba(20, 45, 90, 0.062);
  --surface-3: rgba(20, 45, 90, 0.095);
  --hairline: rgba(20, 45, 90, 0.11);
  --sunken: rgba(20, 45, 90, 0.045);
  --shadow-1: 0 2px 8px rgba(20, 40, 80, 0.07);
  --shadow-2: 0 8px 24px rgba(20, 40, 80, 0.10);
  --shadow-3: 0 22px 58px rgba(20, 40, 80, 0.16);
  --shadow-veil: rgba(20, 40, 80, 0.16);
  --scrim: rgba(15, 25, 45, 0.34);

  /* Màu nhấn: xanh logo */
  --accent: #0b6ef3;
  --accent-solid: #0a5fd6;      /* chữ trắng đặt lên đạt ~5.6:1 */
  --accent-ink: #0a52b8;
  --accent-wash: rgba(11, 110, 243, 0.075);
  --accent-wash-2: rgba(11, 110, 243, 0.14);
  --accent-line: rgba(11, 110, 243, 0.34);
  --accent-ring: 0 0 0 3px rgba(11, 110, 243, 0.13);

  /* Màu nhấn phụ: HỒNG website NTCOM. Chữ đậm hơn chút để đọc trên nền trắng (~5.9:1). */
  --accent2: #d62497;
  --accent2-ink: #b81d82;
  --accent2-wash: rgba(214, 36, 151, 0.09);
  --accent2-wash-2: rgba(214, 36, 151, 0.16);
  --accent2-line: rgba(214, 36, 151, 0.34);

  --code-bg: #f3f6fa;
  --tok-n: #8a6d00;
  --tok-t: #0f766e;
  --tok-a: #0b5fa5;

  --brain-bg: radial-gradient(ellipse 58% 54% at 50% 43%,
      rgba(124, 58, 237, 0.13) 0%, rgba(124, 58, 237, 0.06) 30%,
      rgba(11, 110, 243, 0.05) 52%, rgba(255, 255, 255, 0) 72%),   /* tím giữ, cam -> xanh */
    linear-gradient(176deg, #fdfeff 0%, #f6f8fc 46%, #ebf0f7 100%);
  --brain-vignette: radial-gradient(ellipse 74% 74% at 50% 43%,
    transparent 40%, rgba(205, 215, 230, 0.5) 100%);
  --brain-glass-brd: rgba(20, 45, 90, 0.13);
  --brain-glass-shadow: 0 6px 20px rgba(20, 40, 80, 0.11);
  --brain-ink-hot: #0b5cd6;
}

/* ---- Chỗ bản gốc gõ thẳng mã màu cam/tím (không qua token) ---- */
.rail-brand .brand-mark { filter: drop-shadow(0 0 8px rgba(11, 110, 243, 0.55)); }
.notification-badge { box-shadow: 0 0 10px rgba(59, 139, 255, .55); }
.noti-card.unread::before { box-shadow: 0 0 8px rgba(59, 139, 255, .75); }
.gcard.current { box-shadow: 0 0 0 1px var(--accent), 0 8px 30px rgba(59, 139, 255, 0.18); }
.mic-big.handsfree { box-shadow: 0 0 0 3px var(--accent-line), 0 0 18px rgba(59, 139, 255, 0.35); }
@keyframes micpulse-hf { 50% { box-shadow: 0 0 0 11px rgba(59, 139, 255, 0); } }
@keyframes tlPulseLight {
  0%, 100% { box-shadow: var(--brain-glass-shadow), 0 0 0 0 rgba(11, 110, 243, .30); }
  50% { box-shadow: var(--brain-glass-shadow), 0 0 0 4px rgba(11, 110, 243, .20); }
}
.ws-seg button.on, .ws-item.on, .ws-btn.primary { border-color: var(--accent-line); background: var(--accent-wash-2); }
.ws-step.dang { border-color: var(--accent-line); background: var(--accent-wash); }
.qs-advanced > summary:focus-visible { outline-color: var(--accent); }
/* Khối <style> do JS chèn sau (trang Cập nhật, chip skill, trình hướng dẫn model):
   thêm "html" để thắng nhờ độ ưu tiên, vì chúng nằm sau file này trong DOM. */
html .upd-card { border-color: var(--accent-line);
  background: linear-gradient(135deg, rgba(11, 110, 243, .08), rgba(124, 58, 237, .05)); }
html .si-chip.sel { background: var(--accent-wash-2); }
html .wz-card:hover { border-color: var(--accent-line); }
html .wz-card.sel { border-color: var(--accent); background: var(--accent-wash-2); }
html .wz-card input { accent-color: var(--accent); }
/* Ô chọn, checkbox, thanh trượt do trình duyệt vẽ */
:root { accent-color: var(--accent); }
/* Nhãn "khuyên dùng" trong trình hướng dẫn lần đầu (khối <style> trong index.html, gõ thẳng cam) */
html .wz-rec { background: var(--accent-solid); color: var(--on-accent); }
/* Hiệu ứng động / trạng thái rê chuột (quét trang tĩnh không thấy nên liệt kê tay) */
.ws-wait { border-color: var(--accent-line); background: var(--accent-wash); }
/* Nền hồng NTCOM: chữ TRẮNG ở cả hai tông (bản gốc dùng --on-accent, ở tông tối là chữ gần đen:
   trên #D62497 chỉ ~4.1:1, chữ trắng ~4.6:1 và đúng như nút hồng trên website). */
.s-btn, .rs-num, .step-num { color: #ffffff; }
.s-btn.run { color: var(--on-accent); }   /* nút "chạy" nền XANH: giữ chữ như bản gốc */
/* ntcom.34: nút "Gửi" ở hộp thư Hội thoại (tiếp quản, trả lời khách) dùng XANH như mọi nút gửi/
   hành động chính khác, không dùng hồng của nút phụ. Chủ repo yêu cầu 05/10/2026. */
.s-btn.ht-send { background: var(--accent-solid); color: var(--on-accent); }
/* ntcom.36: MỌI nút gửi đều xanh (chủ repo 05/10/2026). Đã xanh sẵn: nút gửi chat (.send-btn),
   "Gửi vào terminal" (.term-btn-chinh). Thêm ở đây: "Gửi code" (Models, đăng nhập Claude bằng
   mã) và "Gửi test" của từng kênh (Telegram, Zalo, kênh khác: id oc_<kênh>_test). */
#cliCodeBtn, #tgTest, #zlTest, .js-actions .gcard-btn[id^="oc_"][id$="_test"] {
  background: var(--accent-solid); border-color: var(--accent-solid); color: var(--on-accent);
}
#cliCodeBtn:hover, #tgTest:hover, #zlTest:hover, .js-actions .gcard-btn[id^="oc_"][id$="_test"]:hover {
  background: var(--accent-solid); color: var(--on-accent); filter: brightness(1.08);
}