/* QUẢNG CÁO THƯỞNG — thẻ "Nhận thêm xu" (trang Nhiệm vụ) và hộp quảng cáo mẫu. Dùng biến màu của theme (HOP-DONG 15, 18). */
.qc-the { display: grid; grid-template-columns: minmax(0, 1fr); gap: 6px; }
.qc-the h3 { margin: 0; }
.qc-mo-ta { margin: 0; color: var(--chu-nhat); font-size: var(--co-2); line-height: 1.4; }
.qc-nut { width: 100%; min-height: 44px; justify-content: center; }
.qc-nut[disabled] { opacity: .55; cursor: default; }
.qc-trang-thai { color: var(--chu-nhat); font-size: var(--co-1, 12px); text-align: center; }
.qc-chinh-sach { justify-self: center; color: var(--chu-nhat); font-size: var(--co-1, 12px); }
/* màn ngang thấp: gọn một hàng để không chiếm chỗ danh sách nhiệm vụ */
.kieu-ngang .qc-the { grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; column-gap: var(--k3, 12px); padding-block: 8px; }
.kieu-ngang .qc-the .qc-mo-ta, .kieu-ngang .qc-the .qc-chinh-sach { display: none; }
.kieu-ngang .qc-the .qc-trang-thai { text-align: left; }
.kieu-ngang .qc-the .qc-nut { width: auto; grid-column: 3; grid-row: 1; }
.qc-mau { max-width: 360px; }
.qc-mau-khung { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 6px; height: 110px; max-width: 100%;
  border-radius: var(--bo-2, 12px); background: var(--chinh); color: #fff; font-size: var(--co-4); margin: 0 0 var(--k2, 8px); }
.qc-mau-khung .th-ic, .qc-mau-khung svg { width: 40px; height: 40px; }
.qc-mau-dem { text-align: center; font-weight: 700; min-height: 1.4em; }