/* VGames admin cosmetic polish v1. No JavaScript or behavioral rules.
   Every rule is restricted to the existing admin body marker. */
body[data-vg-admin]{--color-text-muted:#a9afca;--color-text-faint:#969ebc}
body[data-vg-admin] .text-brand-pink{color:#f279b5}
body[data-vg-admin] a.text-brand-pink:hover{color:#ffa3ce}
body[data-vg-admin] .vg-admin-main{line-height:1.5;min-width:0}
body[data-vg-admin] .vg-admin-main :is(h1,h2,h3){letter-spacing:-.015em;line-height:1.35}
body[data-vg-admin] .vg-admin-main :is(h1,h2,h3)+p{line-height:1.65}
body[data-vg-admin] .vg-admin-main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]),select){min-height:38px;border-radius:8px}
body[data-vg-admin] .vg-admin-main :is(input,textarea)::placeholder{color:#929ab7;opacity:1}
body[data-vg-admin] .vg-admin-main :is(input,select,textarea):focus-visible{outline:2px solid #b27be1;outline-offset:2px}
body[data-vg-admin] .vg-admin-main :is(button,a,[role=button]):focus-visible{outline:2px solid #c68aec;outline-offset:3px}
body[data-vg-admin] [data-dashboard-metrics]{gap:12px!important;align-items:stretch}
body[data-vg-admin] [data-dashboard-metrics]>div{min-width:0;border-radius:12px}
body[data-vg-admin] [data-dashboard-metrics] button{height:100%;min-width:0;text-align:left}
body[data-vg-admin] [data-dashboard-metrics] :is(.text-xs,.text-\[11px\]){line-height:1.45;letter-spacing:.025em;min-height:36px;display:block}
body[data-vg-admin] [data-dashboard-metrics] .text-2xl{line-height:1.15;font-variant-numeric:tabular-nums}
body[data-vg-admin] .vg-admin-main .grid>div.rounded-xl.border.bg-surface{border-radius:12px;min-width:0}
body[data-vg-admin] :is([data-dashboard-filters],[data-date-shortcuts],[data-date-range]){row-gap:10px!important}
body[data-vg-admin] [data-date-shortcuts]{align-items:center;flex-wrap:wrap}
body[data-vg-admin] [data-date-shortcuts] button{min-height:36px;border-radius:8px!important}
body[data-vg-admin] [data-date-shortcuts] button[aria-pressed=false]{color:#f29ac4!important;border-color:#4e3652!important}
body[data-vg-admin] [data-date-range]{align-items:center!important}
body[data-vg-admin] [data-date-range] input{min-height:36px}
body[data-vg-admin] [data-date-range]>button{min-height:36px;border-radius:8px!important}
body[data-vg-admin] .vg-admin-main .overflow-x-auto{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#766287 #171c31;scrollbar-gutter:stable}
body[data-vg-admin] .vg-admin-main .overflow-x-auto::-webkit-scrollbar{height:9px}
body[data-vg-admin] .vg-admin-main .overflow-x-auto::-webkit-scrollbar-track{background:#171c31}
body[data-vg-admin] .vg-admin-main .overflow-x-auto::-webkit-scrollbar-thumb{background:#766287;border-radius:6px;border:2px solid #171c31}
body[data-vg-admin] .vg-admin-main table{font-variant-numeric:tabular-nums}
body[data-vg-admin] .vg-admin-main table th{color:#aab2cf;line-height:1.5;letter-spacing:.035em;font-weight:550;vertical-align:middle}
body[data-vg-admin] .vg-admin-main table td{vertical-align:middle;line-height:1.55}
body[data-vg-admin] .vg-admin-main table tbody tr:hover{background-color:rgba(182,158,222,.035)}
/* Freeze the identity column only in wide, horizontally scrollable tables. */
body[data-vg-admin] .vg-admin-main .overflow-x-auto>table:has(th:nth-child(7)) :is(th,td):first-child:not([colspan]){position:sticky;left:0;background:#12162a;z-index:1;box-shadow:1px 0 0 #30364e}
body[data-vg-admin] .vg-admin-main .overflow-x-auto>table:has(th:nth-child(7)) th:first-child{z-index:2;background:#171c30}
body[data-vg-admin] [data-vg-prize-list] table{min-width:1140px!important}
body[data-vg-admin] [data-vg-prize-list] td:first-child{min-width:220px!important;max-width:280px;padding-right:18px!important}
body[data-vg-admin] [data-vg-prize-list] td:nth-child(2){min-width:190px!important;max-width:270px!important;padding-right:18px!important}
body[data-vg-admin] [data-vg-prize-list] td:nth-child(3){min-width:100px!important}
body[data-vg-admin] .vg-admin-main input[type=checkbox]{accent-color:#d342b1}
body[data-vg-admin] :is([role=dialog],[data-vg-report-dialog]){--color-text-muted:#a9afca;--color-text-faint:#969ebc}
body[data-vg-admin] [role=dialog] :is(th,td){line-height:1.55;vertical-align:middle}
@media(max-width:1023px){
 body[data-vg-admin] .vg-admin-main .overflow-x-auto>table:has(th:nth-child(7)) td:first-child{max-width:200px}
 body[data-vg-admin] [data-date-range]{justify-content:flex-start!important}
}
@media(max-width:767px){
 body[data-vg-admin] .vg-admin-main{padding:16px!important}
 body[data-vg-admin] .vg-admin-main :is(input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=range]):not([type=color]):not([type=hidden]),select,textarea){font-size:16px!important}
 body[data-vg-admin] [data-dashboard-metrics]{gap:10px!important}
 body[data-vg-admin] [data-dashboard-metrics] :is(.text-xs,.text-\[11px\]){min-height:30px;font-size:11px!important}
 body[data-vg-admin] .vg-admin-main table th{font-size:11px}
 body[data-vg-admin] .vg-admin-main table td{font-size:12px}
 body[data-vg-admin] .vg-admin-main .overflow-x-auto>table:has(th:nth-child(7)) :is(th,td):first-child:not([colspan]){min-width:140px!important;max-width:180px!important;white-space:normal!important;overflow-wrap:anywhere}
 body[data-vg-admin] [data-vg-prize-list] td:nth-child(2){min-width:180px!important}
}

body[data-vg-admin] [data-dashboard-metrics] p.uppercase{min-height:45px!important;line-height:15px!important;letter-spacing:.025em!important}
body[data-vg-admin] .vg-admin-main table button[style*="--color-brand-pink"],body[data-vg-admin] .vg-admin-main table a[style*="--color-brand-pink"]{color:#f279b5!important}
/* Dashboard ranking: keep business names inside their own column on phones. */
@media(max-width:1023px){
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table{display:table!important;table-layout:fixed!important;min-width:760px!important;width:100%!important;max-width:none!important;overflow:visible!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td){display:table-cell!important;white-space:normal!important;padding-right:16px!important;overflow-wrap:anywhere}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td):nth-child(1){width:40px!important;min-width:40px!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td):nth-child(2){width:220px!important;min-width:220px!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td):nth-child(3){width:180px!important;min-width:180px!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td):nth-child(4){width:80px!important;min-width:80px!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td):nth-child(5){width:90px!important;min-width:90px!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table :is(th,td):nth-child(6){width:150px!important;min-width:150px!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table td:nth-child(2)>.flex{width:100%!important;min-width:0!important;max-width:100%!important;align-items:center}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table td:nth-child(2)>.flex>span:last-child{min-width:0!important;flex:1 1 0%!important;white-space:normal!important;overflow-wrap:anywhere!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table td:nth-child(2) a{white-space:normal!important;overflow-wrap:anywhere!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table td:nth-child(3)>.flex{gap:10px!important;flex-wrap:nowrap!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table td:nth-child(3)>.flex>span:first-child{width:56px!important;min-width:56px!important;flex-shrink:0;white-space:nowrap!important}
 body[data-vg-admin] .vg-admin-main div:has(>[data-dashboard-metrics]) .overflow-x-auto>table td:nth-child(3)>.flex>span:last-child{width:72px!important;min-width:72px!important;flex-shrink:0}
}