/* VIP - TB: tông màu theo logo VIP 17 (đỏ · xanh lá · vàng kim). Nạp SAU giao-dien.css / style riêng của từng trang. */
:root{
  --vt-red:#D0161C; --vt-red-dk:#9E0E14; --vt-red-dd:#6E0A0E; --vt-green:#3FA312; --vt-green-dk:#24780B; --vt-gold:#F2B705; --vt-gold-dk:#C98F00;
  --bg:#F4F7EF; --surface:#FFFFFF; --ink:#1F1414; --muted:#5E5A55; --line:#E2DFD6;
  --accent:#C8141B; --accent-soft:#FCE4E5; --chip:#F1EEE6;
  --plus:#24780B; --plus-soft:#E3F3D8; --minus:#B3121B; --minus-soft:#FBE3E4; --warn:#9A6A00; --warn-soft:#FDF1CF;
  --board:#8C0D13; --board-2:#B3141B; --board-ink:#FBE0E1; --amber:#F2B705;
}
:root[data-theme="dark"]{
  --bg:#150D0D; --surface:#1F1515; --ink:#F3E9E9; --muted:#B9A9A6; --line:#3A2A2A;
  --accent:#FF6B6F; --accent-soft:#3E1C1E; --chip:#2B1E1E;
  --plus:#7FD957; --plus-soft:#1E3313; --minus:#FF7B7F; --minus-soft:#3E1C1E; --warn:#F2C14E; --warn-soft:#3A2E14;
  --board:#4A0A0D; --board-2:#6E0F14; --board-ink:#F2C9CB; --amber:#F5C21C;
}
/* Logo tròn */
.room-head{display:flex;align-items:center;gap:12px}
.room-logo{width:56px;height:56px;border-radius:50%;flex:none;box-shadow:0 0 0 2px #fff,0 0 0 4px var(--vt-gold),0 4px 10px rgba(110,10,14,.25)}
@media (max-width:700px){.room-logo{width:44px;height:44px}}
.auth.box::after{content:"";order:-1;display:block;width:96px;height:96px;margin:4px auto 2px;border-radius:50%;background:url(/logo.png) center/cover no-repeat;box-shadow:0 0 0 3px #fff,0 0 0 5px var(--vt-gold),0 6px 16px rgba(110,10,14,.25)}
.auth.box::before{background:linear-gradient(90deg,var(--vt-red) 0 60%,var(--vt-green) 60% 85%,var(--vt-gold) 85% 100%)}
.auth.box h1{text-align:center}
/* ===== Bảng điểm công khai (xem-diem) ===== */
body.vt-xem{background:#F4F7EF;color:#1F1414}
.vt-xem .site-header{background:linear-gradient(90deg,#8C0D13,#C8141B)!important;border-bottom:4px solid #F2B705!important;display:flex;align-items:center;gap:12px}
.vt-xem .site-header .brand{display:inline-flex;align-items:center;gap:12px;color:#fff!important;font-size:18px;letter-spacing:.02em}
.vt-xem .site-header .brand img{width:52px;height:52px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #F2B705}
.vt-xem .site-header nav a,.vt-xem .site-header nav button{color:#FBE0E1!important}
.vt-xem .site-header nav a:hover,.vt-xem .site-header nav button:hover{color:#fff!important;background:rgba(0,0,0,.18)!important}
.vt-xem .site-header .quiet-link{border-color:rgba(255,255,255,.45)!important}
.vt-xem .site-header .quiet-link:hover{border-color:#F2B705!important;color:#F2B705!important}
.vt-xem .eyebrow{color:#9E0E14!important}
.vt-xem .score-heading h1{color:#6E0A0E}
.vt-xem .panel.score-results{border-color:#E2DFD6;border-top:4px solid #3FA312}
.vt-xem .score-switch button[aria-pressed="true"],.vt-xem .score-switch button.active,.vt-xem .score-switch [aria-selected="true"]{background:#C8141B!important;border-color:#C8141B!important;color:#fff!important}
.vt-xem thead tr{border-bottom:2px solid #C8141B}
.vt-xem th{color:#6E0A0E}
.vt-xem tbody tr:hover td{background:#F7FBF1}
.vt-xem .score-name-button,.vt-xem .score-name-text{color:#1F1414!important}
.vt-xem td.positive,.vt-xem td.positive strong{color:#24780B}
.vt-xem td.negative,.vt-xem td.negative strong{color:#C8141B}
.vt-xem .score-trip-button{background:#3FA312}
.vt-xem .score-trip-button:hover{background:#24780B}
.vt-xem .trip-tag{background:#E3F3D8;color:#24780B}
.vt-xem button#refresh{border-color:#C8141B;color:#C8141B}
.vt-xem button#refresh:hover{background:#C8141B;color:#fff}
.vt-xem .public-history-dialog::before{background:linear-gradient(90deg,#C8141B 0 60%,#3FA312 60% 85%,#F2B705 85% 100%)}
.vt-xem .public-history-dialog h2{color:#6E0A0E}
.vt-xem .score-controls input:focus,.vt-xem select:focus{border-color:#C8141B!important;outline:none;box-shadow:0 0 0 3px #FCE4E5}
/* Trang nội quy / bảng tính điểm / thành viên */
.vt-logo-top{display:block;width:84px;height:84px;margin:8px auto 6px;border-radius:50%;box-shadow:0 0 0 2px #fff,0 0 0 4px #F2B705,0 4px 12px rgba(110,10,14,.2)}