/* vu-tru-rw.css: vá riêng để các trang NGƯỜI CHƠI của Ari Rewards mặc áo vũ trụ như cả web (cô Ari dặn 05/10/2026).
 * Nạp SAU rewards.css, /assets/hanh-tinh.css và /assets/vu-tru.css (rw_ui_khung_mo trong lib/giao-dien.php). vu-tru.css đã đổi các token --c-* sang nền tối;
 * tệp này chỉ xử lý những chỗ rewards.css ghi màu cứng cho nền sáng, và chỗ đứng của nội dung khi thanh menu cũ đã ẩn. Chỉ áp dụng dưới body.rw-vt. */
body.rw-vt { color: var(--c-text); background:
    radial-gradient(ellipse 55% 34% at 72% 8%, rgb(162 58 138 / .2), transparent 70%),
    radial-gradient(ellipse 50% 30% at 18% 38%, rgb(106 58 176 / .16), transparent 70%),
    radial-gradient(ellipse 120% 60% at 50% 0%, #2a1836 0%, #150d22 46%, #0a0712 100%) #0a0712; background-attachment: fixed;
  --text-primary: #fff7f0; --text-secondary: rgb(255 247 240 / .74); --panel: rgb(26 18 40 / .72); --panel-2: rgb(36 24 54 / .8);
  --line: rgb(255 226 196 / .18); --line-soft: rgb(255 226 196 / .1); --accent: #f9a8cc; --accent-hover: #ffc2dc;
  --ghost-vien: rgb(255 226 196 / .36); --ghost-nen-hover: rgb(255 255 255 / .1);
  --o-nen: rgb(13 9 22 / .6); --o-vien: rgb(255 226 196 / .26); --o-mo: rgb(255 247 240 / .5); --loi-chu: #ffc9c9; }
.rw-vt.rw-sang main.rw-main { padding-top: 10px; }
/* thẻ nội dung: kính tối viền sáng mảnh */
.rw-vt.rw-sang .card { background: linear-gradient(180deg, rgb(255 255 255 / .07), rgb(255 255 255 / .02) 60%), rgb(22 14 34 / .78); border: 1px solid rgb(255 226 196 / .16);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / .1), 0 22px 50px -26px rgb(0 0 0 / .8); color: var(--c-text); }
.rw-vt.rw-sang .card.noi, .rw-vt.rw-sang .dao, .rw-vt.rw-sang .ds-the { background: radial-gradient(ellipse 80% 90% at 100% 0%, rgb(242 132 181 / .24), transparent 60%), rgb(30 19 46 / .92); border-color: rgb(249 168 204 / .3); }
.rw-vt .rw-thanh-vo { background: rgb(20 13 32 / .86); border: 1px solid rgb(255 226 196 / .2); box-shadow: inset 0 1px 0 rgb(255 255 255 / .1), 0 14px 34px -18px rgb(0 0 0 / .8); }
.rw-vt .rw-thanh-vo a { color: rgb(255 247 240 / .78); }
.rw-vt .rw-thanh-vo a:hover { color: #fff7f0; background: rgb(255 255 255 / .08); }
.rw-vt .rw-thanh-vo a[aria-current] { color: #2a0f1a; background: linear-gradient(180deg, #f9a8cc, #f284b5); }
/* ô nhập */
.rw-vt.rw-sang input[type="text"], .rw-vt.rw-sang input[type="email"], .rw-vt.rw-sang input[type="password"], .rw-vt.rw-sang input[type="tel"], .rw-vt.rw-sang input[type="date"],
.rw-vt.rw-sang select, .rw-vt.rw-sang textarea { background: rgb(13 9 22 / .62); border-color: rgb(255 226 196 / .28); color: #fff7f0; }
.rw-vt.rw-sang input::placeholder, .rw-vt.rw-sang textarea::placeholder { color: rgb(255 247 240 / .46); }
.rw-vt.rw-sang label, .rw-vt.rw-sang .field label, .rw-vt.rw-sang legend { color: #fff7f0; }
.rw-vt.rw-sang .hint, .rw-vt.rw-sang .nho, .rw-vt.rw-sang .mo-ta, .rw-vt.rw-sang .rw-hero .lede { color: rgb(255 247 240 / .74); }
.rw-vt.rw-sang h1, .rw-vt.rw-sang h2, .rw-vt.rw-sang h3 { color: #fff7f0; }
.rw-vt.rw-sang .rw-hero h1 em { color: #f9a8cc; background: none; }
.rw-vt.rw-sang a { color: #f9a8cc; }
/* nút hồng của khung chung (chân trang "Chỉ đường"): chữ gần đen trên nền hồng, không để luật trên nhuộm hồng lên hồng */
.rw-vt.rw-sang a.nut-hong { color: var(--c-text-on-brand, #2a0f1c); }
.rw-vt.rw-sang .btn { color: #2a0f1a; }
.rw-vt.rw-sang .btn.ghost { background: rgb(255 255 255 / .06); color: #fff7f0; border-color: rgb(255 226 196 / .36); box-shadow: none; }
.rw-vt.rw-sang .btn.ghost:hover { background: rgb(255 255 255 / .12); }
/* khung báo (bản nháp, lưu ý): vàng mật trên nền tối thay vì vàng nhạt nền sáng */
.rw-vt.rw-sang .note, .rw-vt.rw-sang .bao, .rw-vt.rw-sang .canh-bao, .rw-vt.rw-sang .thong-bao { background: rgb(255 180 107 / .12); border-color: rgb(255 180 107 / .4); color: #ffe9d2; }
/* chân trang riêng của Rewards */
.rw-vt .rw-chan { border-top: 1px solid rgb(255 226 196 / .12); }
.rw-vt .rw-chan .nho { color: rgb(255 247 240 / .6); }
/* lưới biểu tượng ngũ hành: ô tối, ô đang chọn có vành sáng */
.rw-vt .o-av, .rw-vt .o-av-khoa { background: rgb(255 255 255 / .05); border-color: rgb(255 226 196 / .18); }
.rw-vt input:checked + .o-av, .rw-vt .o-av:has(input:checked) { border-color: #f9a8cc; box-shadow: 0 0 0 2px rgb(249 168 204 / .5), 0 0 22px -4px rgb(242 132 181 / .7); }
/* bảng (Thay đổi gần đây, Nhiệm vụ hôm nay, Lịch sử điểm): rewards.css tô nền trắng cho nền sáng, trên áo vũ trụ chữ sáng nằm trên nền trắng không đọc được (06/10/2026) */
.rw-vt.rw-sang .bang-cuon { background: rgb(13 9 22 / .5); border-color: rgb(255 226 196 / .16); }
.rw-vt.rw-sang .bang th { background: rgb(255 255 255 / .06); color: rgb(255 247 240 / .74); }
.rw-vt.rw-sang .bang th, .rw-vt.rw-sang .bang td { border-bottom-color: rgb(255 226 196 / .1); }