/* ============================================================================
   lg_da_moi.css — LỚP DA MỚI cho màn hình lập lá số và kết quả (index.php).
   RC9.192 · thầy chốt 14-08-2026: "không muốn dùng giao diện cũ nữa".

   ⚠️ CHỈ LÀ CSS. Không một dòng xử lý nào bị đụng tới — nên nếu chỗ nào trông
   lạ mắt thì gỡ đúng một dòng <link> trong index.php là trang trở lại y như cũ.
   Cố ý KHÔNG động tới:
     · ảnh lá số và lớp vẽ ghi chú phủ lên nó (toạ độ 12 cung tính theo pixel
       của ảnh nền — đổi cỡ chữ hay lề ở đó là lệch ô)
     · bảng trọng số, đồ thị radar (màu đã khoá theo thang điểm của thầy)
     · nội dung bản luận (khuôn Mẫu B đã chốt riêng, không lấy màu từ đây)
   ============================================================================ */

:root{
  --xr-900:#1F4D3A; --xr-600:#2E7D67; --vang-500:#C9A44B; --vang-400:#E2B24A;
  --g-chinh:linear-gradient(135deg,#1F4D3A,#2E7D67);
  --g-vang:linear-gradient(135deg,#C9A44B,#E2B244);
/* 🔴 RC9.271 (thầy báo 17-08: "Một số các trang con nền vẫn chói lắm") — hạ nền về
   cùng tông dịu #E6EBEF như màn chiếu (RC9.268 ③). Đo độ sáng: nền cũ #F8FAFC = 98%,
   nhìn cả buổi thì mỏi mắt; nền mới = 92%.
   ⚠️ CHỈ hạ NỀN TRANG. Thẻ, bảng, ô nhập vẫn trắng — nền dịu mà chữ vẫn nổi.
   ⚠️ ĐỪNG lẫn với `#fff` trong index.php: những chỗ ấy là KHUÔN TỆP WORD/PDF xuất cho
      khách, đổi là bản luận khách nhận có nền xám. Đã suýt sửa nhầm. */
  --nen:#E6EBEF; --trang:#FFFFFF; --nen-muc:#F3F7F5;
  --vien:#E2E8F0; --nhat:#64748B; --chu:#334155; --dam:#0F172A;
  --xanh:#22C55E; --lam:#3B82F6; --cam:#F59E0B; --do:#EF4444; --tim:#6C4DD6;
}

body{ background:var(--nen) !important; color:var(--chu); }

/* ---- nút: giữ nguyên lớp Bootstrap, chỉ đổi diện mạo ---- */
.btn{ border-radius:9px !important; border:1px solid var(--vien); font-weight:600;
      box-shadow:none !important; text-shadow:none !important; }
.btn-default{ background:#fff !important; color:var(--chu) !important; }
.btn-default:hover{ background:var(--nen-muc) !important; }
.btn-primary{ background:var(--g-chinh) !important; border-color:transparent !important; color:#fff !important; }
.btn-success{ background:var(--xanh) !important; border-color:transparent !important; color:#fff !important; }
.btn-info{ background:var(--lam) !important; border-color:transparent !important; color:#fff !important; }
.btn-warning{ background:var(--g-vang) !important; border-color:transparent !important; color:#1F4D3A !important; }
.btn-danger{ background:var(--do) !important; border-color:transparent !important; color:#fff !important; }

/* ---- ô nhập ----
   Lề trong và phông chữ để nguyên như trang cũ vẫn đang dùng — lớp da này chỉ
   đổi nét viền và bo góc, khỏi xê dịch bề rộng ô nào.
   🐞 Ô NĂM HIỆN "198" LÀ LỖI CŨ CỦA TRANG, KHÔNG PHẢI DO LỚP DA. Dựng trang thật
   lên soi thì thấy ô Năm chứa 1981 mà chỉ hiện ba chữ số. Con tưởng mình gây ra,
   đã đo lại bằng cách TẮT hẳn tệp này ngay trên trang: tắt hay bật, ô ấy vẫn
   thiếu 10 pixel như nhau (chỗ chữ cần 66, ô chỉ cho 56). Tiện tay chữa luôn ở
   dưới — nhân viên nhìn ô Năm cụt rất dễ tưởng mình gõ thiếu. */
input[type=text], input[type=number], input[type=password], input[type=date], select, textarea{
  border:1px solid var(--vien) !important; border-radius:8px !important;
}
select, textarea{ padding:5px 9px; font-family:inherit; }

/* Năm sinh có bốn chữ số mà ô chỉ đủ chỗ cho ba. Nới đúng năm ô ngày giờ sinh,
   gọi theo TÊN Ô nên không quét lan sang ô nào khác. Đo trên trang thật: 76px là
   vừa đủ, để 80px cho rộng tay khi trình duyệt khác đo chữ khác đi. */
input[name=day], input[name=month], input[name=year],
input[name=hour], input[name=minute]{ min-width:80px; }
input:focus, select:focus, textarea:focus{ outline:2px solid rgba(46,125,103,.28); outline-offset:1px; }

/* ---- thẻ, khung, bảng ---- */
.panel, .well, .thumbnail{ background:var(--trang); border:1px solid var(--vien) !important;
  border-radius:12px !important; box-shadow:none !important; }
.nav-tabs > li.active > a{ background:var(--g-chinh) !important; color:#fff !important;
  border-color:transparent !important; border-radius:9px 9px 0 0 !important; font-weight:600; }
.nav-tabs > li > a{ border-radius:9px 9px 0 0 !important; color:var(--nhat); }

/* Khối bảng đơn và mấy hộp nền xanh nhạt kiểu cũ -> nền mục của bảng màu mới.
   Dùng đúng mã màu cũ làm mỏ neo để không quét nhầm chỗ khác. */
[style*="background:#eef6ff"], [style*="background: #eef6ff"]{
  background:var(--trang) !important; border-color:var(--vien) !important; border-radius:12px !important; }
[style*="background:#dbe9f9"], [style*="background: #dbe9f9"]{
  background:var(--nen-muc) !important; color:var(--nhat) !important; }
[style*="background:#fbf7ec"], [style*="background: #fbf7ec"]{
  background:var(--nen-muc) !important; border-color:var(--vien) !important; border-radius:10px !important; }
[style*="color:#1d4e89"], [style*="color: #1d4e89"]{ color:var(--xr-900) !important; }

/* Hàng nút gói: dải G1–G7 theo tông xanh rừng, hàng Bát Tự giữ sắc vàng cho phân biệt */
.lgGoiBtn{ border-color:var(--xr-600) !important; color:var(--xr-900) !important; border-radius:9px !important; }
.lgGoiBtn.on{ background:var(--g-chinh) !important; color:#fff !important; border-color:transparent !important; }
.lgBtBtn{ border-color:var(--vang-500) !important; color:#8A5A0B !important; border-radius:9px !important; }
.lgBtBtn.on{ background:var(--g-vang) !important; color:#1F4D3A !important; border-color:transparent !important; }

/* ---- THANH TRÊN CÙNG (RC9.197) — cho màn hình kết quả thuộc về nhà mới ----
   Chỉ là một dải ở trên đầu trang, không phủ lên gì, không đặt position:fixed
   (đè lên thanh công cụ vẽ ghi chú thì phiền). */
.lg-thanhmoi{
  display:flex; align-items:center; gap:14px; flex-wrap:wrap;
  background:var(--g-chinh); color:#fff; padding:9px 18px; margin-bottom:10px;
  box-shadow:0 1px 6px rgba(31,77,58,.18);
}
.lg-thanhmoi-ten{ display:flex; align-items:center; gap:10px; color:#fff !important; text-decoration:none !important; }
.lg-thanhmoi-ten:hover{ opacity:.9; }
.lg-thanhmoi-dau{
  width:34px; height:34px; border-radius:50%; background:var(--g-vang); color:#1F4D3A;
  display:flex; align-items:center; justify-content:center; font-size:19px; flex:none;
}
.lg-thanhmoi-ten b{ display:block; font-size:14.5px; letter-spacing:.4px; line-height:1.15; }
.lg-thanhmoi-ten i{ display:block; font-size:11.5px; font-style:normal; color:var(--vang-400); }
.lg-thanhmoi-giua{ font-size:13px; color:rgba(255,255,255,.82); }
.lg-thanhmoi-phai{ margin-left:auto; display:flex; align-items:center; gap:10px; }
.lg-thanhmoi-ai{
  font-size:12.5px; color:#fff; background:rgba(255,255,255,.14);
  padding:4px 11px; border-radius:999px;
}
.lg-thanhmoi-ve{
  background:var(--g-vang); color:#1F4D3A !important; text-decoration:none !important;
  font-weight:700; font-size:13px; padding:7px 15px; border-radius:9px;
}
.lg-thanhmoi-ve:hover{ filter:brightness(1.06); }
@media print{ .lg-thanhmoi{ display:none; } }

/* ---- KHÔNG ĐỤNG: ảnh lá số, lớp vẽ ghi chú, radar, thân bài luận ---- */
#lasoImgWrap, #lasoSaveImg, canvas, .lg-radarpage, .lg-chartpage, .lg-cung{
  all:revert;
}