/* =============================================================================
   kq-cong.css — KHUNG TRANG CÔNG KHAI (đăng nhập, mã xác thực, tra cứu QR) theo token mới (UI-1, ADR-0022).
   Nội dung biểu mẫu vẫn dùng control kế thừa (_ONhap, control-chung.css); tệp này chỉ đổi KHUNG và màu sang token: thanh trên
   thương hiệu (màu khách hàng — QD-049), nền ứng dụng sáng/tối, thẻ nội dung, thanh trạng thái. Không màu mới.
   ============================================================================= */
html.kq body.trang-cong.kq-cong { background: var(--kq-nen-ud); color: var(--kq-chu); display: block; overflow: hidden; height: 100%; margin: 0; }
.ud.khach { grid-template-columns: 0 minmax(0, 1fr); }
.kq-cong .ud > main.nd {
  grid-column: 1 / -1; grid-row: 2; overflow: auto; display: flex; align-items: center; justify-content: center; padding: var(--kq-k5) var(--kq-k4);
  background: var(--kq-nen-ud); flex-direction: row;
}
.kq-cong .ud > footer.ttt { grid-row: 3; }
.kq-cong .khoi-cong { gap: var(--kq-k5); }
.kq-cong .cong-gioi-thieu { color: var(--kq-chu); }
.kq-cong .cong-co-quan { color: var(--kq-chu-2); }
.kq-cong .cong-ten { color: var(--kq-chu); }
.kq-cong .cong-tieu-de { color: var(--kq-chu); font-size: var(--kq-co-6); }
.kq-cong .cong-mo-ta { color: var(--kq-chu-2); font-size: var(--kq-co-3); }
.kq-cong .cong-diem > li { color: var(--kq-chu-2); font-size: var(--kq-co-3); }
.kq-cong .cong-diem-ic { color: var(--kq-nhan); }
/* Thẻ đăng nhập dùng control KẾ THỪA (_ONhap — chỉ có bảng màu sáng) nên giữ SÁNG ở cả hai chế độ: đặt lại token sáng trong phạm vi thẻ. */
html.che-do-toi .kq-cong .the-cong {
  --kq-nen-vung: #ffffff; --kq-chu: #17232e; --kq-chu-2: #3f4d5a; --kq-chu-mo: #5a6672; --kq-vien: #d3dae1; color-scheme: light;
}
.kq-cong .the-cong {
  background: var(--kq-nen-vung); color: var(--kq-chu); border: 1px solid var(--kq-vien); border-radius: var(--kq-bo-3); box-shadow: none; padding: var(--kq-k5);
}
.kq-cong .the-cong h1 { color: var(--kq-chu); font-size: var(--kq-co-6); }
.kq-cong .the-cong-phu, .kq-cong .the-cong-chan { color: var(--kq-chu-mo); }
.kq-cong .the-cong-chan { border-top-color: var(--kq-vien); }
body.trang-cong.kq-cong .ttt, body.trang-cong.kq-cong .ttt a, body.trang-cong.kq-cong .ttt span { color: var(--kq-chu-mo); }
body.trang-cong.kq-cong .ttt { background: var(--kq-nen-phu); border-top: 1px solid var(--kq-vien); min-height: 0; padding: 0 var(--kq-k3); flex-wrap: nowrap; }
.kq-cong .ttt .chan-trang-cuoi { margin-left: auto; }
@media (max-width: 899px) {
  .kq-cong .ud > main.nd { align-items: flex-start; }
  .kq-cong .ttt > :not(.chan-trang-cuoi) { display: none; }
}