:root:not([data-theme="dark"]){--accent:#c9501b;--accent-soft:color-mix(in srgb,#c9501b 14%,#fff)}
:root[data-theme="dark"]{--accent:color-mix(in srgb,#c9501b 65%,#fff);--accent-soft:color-mix(in srgb,#c9501b 28%,#111)}
.site-header{background:color-mix(in srgb,#c9501b 70%,#0b1220)!important}.score-trip-button{background:#c9501b!important;border-color:#c9501b!important}
/* ===== Tông màu MỸ ĐÌNH VIP (theo logo: đen, cam đất, vàng đồng, điểm xanh hoàng gia) — riêng room này, nạp sau giao-dien.css qua /theme.css ===== */
:root{
  --mdv-black:#110B09; --mdv-black-2:#1E1310; --mdv-orange:#C9501B; --mdv-orange-2:#E4682A; --mdv-gold:#D9B26A; --mdv-gold-2:#F1D49A; --mdv-blue:#2A4BC0;
}
:root:not([data-theme="dark"]){
  --bg:#F5EFE7; --surface:#FFFFFF; --ink:#1C120E; --muted:#6E5D50; --line:#E5D8C7;
  --accent:#C9501B; --accent-soft:#FBE6D8; --chip:#F1E7DA;
  --board:#110B09; --board-2:#24160F; --board-ink:#D8C1A0; --amber:#E0B25C;
}
:root[data-theme="dark"]{
  --bg:#0D0807; --surface:#1A110E; --ink:#F3E9DC; --muted:#B8A491; --line:#3A2A22;
  --accent:#F07B3D; --accent-soft:#3B1E10; --chip:#271A15;
  --board:#070403; --board-2:#170E0A; --board-ink:#CDB38E; --amber:#E9C077;
}

/* ---------- Trang quản trị ---------- */
/* thanh bên: nền đen ánh cam, mục đang mở vạch vàng đồng */
@media (min-width:901px){
  #tabs{background:linear-gradient(180deg,#140C09 0%,#1C110C 55%,#2A140A 100%)!important;border-right:1px solid rgba(217,178,106,.18)!important}
  #tabs .side-brand{color:var(--mdv-gold-2)!important;font-weight:800}
  #tabs .side-grp{color:#9C8064!important}
  #tabs button:hover:not(:disabled){background:rgba(201,80,27,.16)!important;color:#fff!important}
  #tabs button[aria-selected="true"],#tabs button[aria-selected="true"]:hover{background:linear-gradient(90deg,rgba(201,80,27,.38),rgba(201,80,27,.08))!important;color:#fff!important}
  #tabs button[aria-selected="true"]::before{background:var(--mdv-gold)!important}
}
.side-brand .room-logo,.auth .room-logo{width:52px!important;height:52px!important;box-shadow:0 0 0 2px var(--mdv-gold),0 4px 14px rgba(201,80,27,.45)}
.room-logo{box-shadow:0 0 0 1.5px var(--mdv-gold)}
/* bảng tóm tắt: đen + số vàng, viền vàng mảnh */
#stats.stats{background:linear-gradient(135deg,#140C09,#24140D)!important;box-shadow:inset 0 0 0 1px rgba(217,178,106,.25)!important}
#stats .stat b{color:#FFF6E8}
#stats .stat.warn b{color:var(--mdv-gold-2)}
/* nút chính cam, nút lọc đang chọn đen-vàng */
.btn:not(.ghost):not(.done):not(.danger){background:var(--accent);border-color:var(--accent);color:#fff}
.btn:not(.ghost):not(.done):not(.danger):hover:not(:disabled){background:var(--mdv-orange-2);border-color:var(--mdv-orange-2)}
.trip.compact .trip-row > .btn:not(.done){background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
#filters .seg[aria-pressed="true"],.seg[aria-pressed="true"]{background:var(--mdv-black)!important;border-color:var(--mdv-black)!important;color:var(--mdv-gold-2)!important}
:root[data-theme="dark"] #filters .seg[aria-pressed="true"],:root[data-theme="dark"] .seg[aria-pressed="true"]{background:var(--mdv-gold)!important;border-color:var(--mdv-gold)!important;color:#1A110E!important}
.trip.compact.unseen{box-shadow:0 0 0 2px var(--mdv-gold)!important}

/* ---------- Bảng điểm công khai (/xem-diem) ---------- */
body:has(.site-header){background:var(--bg)!important;color:var(--ink)}
.site-header{background:linear-gradient(90deg,#110B09 0%,#22130C 60%,#3A1A0B 100%)!important;border-bottom:3px solid var(--mdv-gold)!important}
.site-header .brand{color:var(--mdv-gold-2)!important;letter-spacing:.02em}
.site-header .room-logo{width:64px!important;height:64px!important;box-shadow:0 0 0 2px var(--mdv-gold),0 6px 18px rgba(201,80,27,.5)}
.site-header nav a,.site-header nav button{color:#E6D2B2!important}
.site-header nav a:hover,.site-header nav button:hover{color:#fff!important;background:rgba(201,80,27,.25)!important}
.site-header .quiet-link{border-color:rgba(217,178,106,.45)!important}
.site-header .quiet-link:hover{border-color:var(--mdv-gold)!important;color:var(--mdv-gold-2)!important}
.score-heading h1,.public-history-dialog h2{color:var(--ink)!important}
.panel.score-results{border-color:var(--line)!important;box-shadow:0 2px 10px rgba(60,30,10,.06)!important}
.score-switch button[aria-pressed="true"],.score-switch button.active,.score-switch [aria-selected="true"]{background:var(--mdv-black)!important;color:var(--mdv-gold-2)!important;border-color:var(--mdv-black)!important}
thead tr{border-bottom-color:var(--mdv-orange)!important}
tbody tr:hover td{background:#FBF3EA!important}
:root[data-theme="dark"] tbody tr:hover td{background:#22160F!important}
.score-name-button,.score-name-text{color:var(--ink)!important}
.score-trip-button{background:var(--accent)!important;border-color:var(--accent)!important;color:#fff!important}
.score-trip-button:hover{background:var(--mdv-orange-2)!important}
.trip-tag{background:var(--chip)!important;color:var(--ink)!important}
.public-history-dialog::before{background:linear-gradient(90deg,var(--mdv-black) 0 55%,var(--mdv-orange) 55% 80%,var(--mdv-gold) 80% 100%)!important}
.score-switch{background:var(--chip)!important;border-color:var(--line)!important}
.score-switch button:not([aria-pressed="true"]){color:var(--ink)!important;background:transparent!important}
#refresh,.score-heading button{color:var(--ink)!important;border-color:var(--mdv-gold)!important;background:var(--surface)!important}
#refresh:hover,.score-heading button:hover{background:var(--mdv-black)!important;color:var(--mdv-gold-2)!important}
.score-controls input:not([type=date]):focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important;outline:none}
/* thanh bên quản trị: logo lớn ở giữa, tên bên dưới */
@media (min-width:901px){
  #tabs .side-brand{display:flex!important;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:6px 10px 18px!important;border-bottom:1px solid rgba(217,178,106,.18);margin-bottom:6px}
  #tabs .side-brand .room-logo{width:84px!important;height:84px!important;margin:0!important}
}
/* điện thoại: logo bên trái tiêu đề trang quản trị; logo bảng điểm nhỏ lại */
@media (max-width:900px){
  #appView header h1[data-logo]{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:center}
  #appView header h1[data-logo] .room-logo{grid-row:1/3;width:52px!important;height:52px!important;margin:0!important}
  #appView header h1[data-logo] small{grid-column:2}
}
@media (max-width:600px){ .site-header .room-logo{width:50px!important;height:50px!important} }