/* ============================================================
   giao-dien-d.css — Lớp "Phương án D" phủ lên style.css cho MỌI trang (05/10/2026).
   Nạp NGAY SAU style.css. Thầy chê giao diện cũ "trông như AI làm": quầng sáng loang,
   dải vàng trên đầu mọi thẻ, bóng đỏ ấm, thẻ nhảy lên khi rê chuột, emoji làm biểu tượng.
   D: nền xám phẳng, thẻ trắng viền mảnh, tiêu đề navy (màu logo trường), đỏ Đoàn để nhấn,
   vàng cho hạng nhất. Gỡ file này (bỏ 1 dòng <link>) là về lại giao diện cũ.
   Bản vẽ: claude.ai/artifact/5odYoxWyCs1RpqwYaNxZMv
   ============================================================ */
:root{
  --bg:#f5f5f7; --ink:#1b1d33; --muted:#666a82;
  --line:#e6e7ee; --line-2:#f0f1f5;
  --radius:16px; --radius-lg:20px;
  --shadow:0 1px 2px rgba(20,22,50,.04);
  --shadow-lg:0 8px 24px rgba(20,22,50,.08);
  --shadow-gold:0 6px 18px rgba(224,158,0,.18);
}

/* Tiêu đề navy */
.wrap h1,.wrap h2,.sec-head h2{color:var(--navy)}
.hero h1{color:#fff}
.card h3,.post-body h3 a,.lc-title{color:var(--ink)}

/* Bỏ các dải vàng/đỏ trên đầu mọi thẻ */
.userdrop::before,.stat::before,.latest-card::before,a.card::before,.table-wrap::before,
.modal::before,.notice::before,.post-card::before,.article::before,.event-date::before,
.bch-card::before{display:none}

/* Thẻ: trắng, viền mảnh, KHÔNG nhảy lên khi rê chuột — chỉ đậm viền */
.card,.latest-card,.post-card,.stat,.event-card,.bch-card,.table-wrap,.notice,.article{box-shadow:var(--shadow)}
a.card:hover,.latest-card:hover,.post-card:hover,.stat:hover,.event-card:hover,.bch-card:hover{
  transform:none;box-shadow:var(--shadow-lg);border-color:#cfd2e2}
.post-card:hover .thumb img{transform:none}
.card .ico{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;
  background:#eef0f8;color:var(--navy);font-size:22px;filter:none}
.card .ico svg{display:block}

/* Thẻ "Mới nhất": chấm màu thay emoji */
.lc-eyebrow{color:var(--muted)}
.lc-eyebrow::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--brand);flex:none}
.latest-card.t-kehoach .lc-eyebrow{color:var(--muted)}
.latest-card.t-kehoach .lc-eyebrow::before{background:var(--accent-d)}
#lcSuKien .lc-eyebrow::before{background:var(--navy)}

/* Tiêu đề khu vực: gạch mảnh xám thay vạch màu */
.sec-head::after{height:1px;background:var(--line)}

/* Trang chủ — khối mở đầu: NAVY như sân khấu bục 3 bậc (05/10: khối đỏ lớn "chen ngang", không hài hoà).
   Bỏ khung chỉ vàng, quầng sáng, hoạ tiết, băng-rôn chéo. Vàng giữ cho "Đoàn trường" và nút chính. */
.hero{background:linear-gradient(160deg,#2c3678 0%,var(--navy) 50%,var(--navy-d) 100%);box-shadow:none;border:0}
.hero::before,.hero::after,.hero-deco,.hero-pattern{display:none}
.hero .kicker{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);color:#dfe2f5}
.hero p{color:#dfe2f5}
.hero h1 .hl::after{display:none}
.hero .btn:not(.accent){color:var(--navy)}
.hero-ribbon{position:static;display:inline-block;width:auto;transform:none;margin:0 var(--sp-2) var(--sp-2) 0;
  background:var(--accent);color:#3a2600;border:0;box-shadow:none;border-radius:999px;padding:7px 14px;
  letter-spacing:.08em;vertical-align:top}

/* Link chữ ("Xem bảng đầy đủ →", "Xem chi tiết →"): navy. Đỏ để dành cho điểm trừ và chấm nhấn. */
.linkbtn,.sec-head .linkbtn,.lc-go{color:var(--navy)}

/* Nút: màu phẳng, không gradient, không bóng loang */
.btn{box-shadow:none}
.btn:hover{transform:none;box-shadow:none}
/* Nút chính navy như "Đăng nhập", "Nhập điểm" (05/10: nhiều nút đỏ đặc làm rối). Nút xoá (.warn) vẫn đỏ. */
.btn.primary,.btn.solid{background-image:none;background:var(--navy)}
.btn.primary:hover,.btn.solid:hover{background:var(--navy-d);box-shadow:none}
.btn.accent{background-image:none;background:var(--accent);box-shadow:none}
.btn.accent:hover{background:#f2ab00;box-shadow:none}
.btn.ghost:hover{background:var(--line-2)}

/* Bảng: đầu bảng xám-navy thay hồng */
thead th{background:#f5f5f7;color:var(--navy)}
tbody tr:nth-child(even){background:#fafafc}
tbody tr:hover{background:#f0f1f5}

/* Nhãn: navy nhạt thay hồng */
.chip{background:#eef0f8;color:var(--navy);border-color:#dfe2f0}
.empty-box{border-color:#d9dbe6}
.ud-item:hover{background:#f0f1f5;color:var(--navy)}
.soan-bar .back:hover{background:#f0f1f5}
.ed-more,.rt-toolbar{background:#fafafc}

/* Ô ngày sự kiện: navy phẳng */
.event-date{background:var(--navy);box-shadow:none}

/* Trang Giới thiệu: ảnh BCH viền navy mảnh thay quầng vàng */
.bch-photo{box-shadow:0 0 0 2px var(--line)}
.bch-photo.placeholder{background:#eef0f8;color:var(--navy)}
.org-node.lead{box-shadow:none}

@media (max-width:600px){
  .hero .kicker{letter-spacing:.04em;padding:6px 12px;font-size:.625rem}
  /* style.css xếp thẻ Phân hệ thành hàng ngang với cột biểu tượng 34px — ô biểu tượng D rộng 44px */
  .grid a.card{grid-template-columns:44px 1fr}
}
@media (prefers-reduced-motion:reduce){.wrap>*{animation:none}}

/* Thanh lọc (Tất cả / Sắp hết hạn…): mục đang chọn tô navy như lọc khối ở trang Thi đua */
.seg-btn.active{background:var(--navy);color:#fff}