/* Heroradio Hero Demo System Style 2026
   Global skin inspired by the approved blue hero dashboard preview.
   Existing PHP features, forms, member/admin areas and logo remain intact. */
:root{
 --primary:#18bfff!important;--secondary:#087bd1!important;--accent:#68ddff!important;
 --hr-bg:#020d18!important;--hr-bg-soft:#031525!important;--hr-panel:#061b2e!important;--hr-panel-2:#08253d!important;
 --hr-line:rgba(45,177,244,.35)!important;--hr-line-accent:rgba(44,199,255,.72)!important;
 --hr-text:#f6fbff!important;--hr-muted:#a9c7db!important;--hr-gold:#38caff!important;
 --hr-grad:linear-gradient(135deg,#0c8edc,#38cfff)!important;--hr-radius:8px!important;--hr-radius-sm:7px!important;
 --hr-shadow:0 12px 35px rgba(0,0,0,.45)!important;--hr-glow:0 0 22px rgba(31,183,255,.38)!important;
}
html{background:#020b14} body{background:radial-gradient(circle at 50% -10%,#0a3150 0,#031524 32%,#020b14 72%) fixed!important;color:#f5fbff!important}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:linear-gradient(rgba(4,25,42,.82),rgba(1,9,17,.96)),url('../img/reference-style/hero-city.jpg') center top/cover no-repeat;opacity:.28}
a{transition:color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.hr-shell{max-width:1480px!important;padding-inline:18px!important}
/* header like preview */
.hr-season{background:linear-gradient(90deg,#06345a,#0b76b5,#06345a)!important;color:#fff!important;border-bottom:1px solid #168bd0}
.hr-header{position:sticky!important;top:0;background:rgba(2,14,25,.94)!important;border-bottom:1px solid #176b9d!important;box-shadow:0 8px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px)!important}
.hr-header__top{padding:.55rem 0!important;min-height:72px}.hr-brand img{height:54px!important;max-width:230px}.hr-brand__text{display:none!important}
.hr-header__tools{gap:.4rem!important}.hr-pill{border-radius:6px!important;border-color:#176a9d!important;background:linear-gradient(180deg,rgba(8,42,68,.95),rgba(3,22,38,.95))!important;color:#eaf8ff!important;padding:.55rem .8rem!important;box-shadow:inset 0 0 16px rgba(24,154,224,.08)}
.hr-pill:hover,.hr-pill--gold{color:#fff!important;border-color:#39c9ff!important;background:linear-gradient(180deg,#0c5788,#07375a)!important;box-shadow:0 0 14px rgba(35,188,255,.28)!important}
.hr-header__nav{border-top:1px solid rgba(28,126,181,.34)!important;background:rgba(1,12,22,.58)}.hr-nav{justify-content:center;gap:2px!important}.hr-nav a{min-height:54px;flex-direction:column;justify-content:center;gap:3px!important;padding:.45rem .78rem!important;color:#e7f5ff!important;font-size:.69rem!important;font-weight:800!important;text-transform:uppercase;border:1px solid transparent!important;border-radius:5px!important}
.hr-nav a i{font-size:1rem}.hr-nav a:hover,.hr-nav a.active{background:linear-gradient(180deg,#0d4770,#062840)!important;border-color:#168ed0!important;color:#fff!important;box-shadow:0 0 18px rgba(26,181,255,.22)}
/* universal panels */
.hr-card,.card,.panel,.box,.widget,.content-box,.admin-card,.member-card,fieldset{background:linear-gradient(180deg,rgba(7,31,51,.97),rgba(3,18,31,.98))!important;border:1px solid #155f8b!important;border-radius:8px!important;box-shadow:0 10px 26px rgba(0,0,0,.28)!important}
.hr-section{border-top-color:#124b6e!important}.hr-h1,.hr-h2,h1,h2,h3{color:#f7fbff}.hr-eyebrow,.hr-grad-text{color:#43cfff!important;background:none!important;-webkit-text-fill-color:initial!important}
.hr-btn{border-radius:7px!important}.hr-btn--primary,.btn-primary,button[type=submit],input[type=submit]{background:linear-gradient(180deg,#128fd2,#0873ad)!important;color:#fff!important;border:1px solid #35caff!important;box-shadow:0 0 16px rgba(24,183,248,.22)!important}
.hr-btn--ghost{background:#061c2f!important;border-color:#17658f!important;color:#fff!important}
input,select,textarea{background:#031522!important;color:#f5fbff!important;border:1px solid #155f89!important;border-radius:6px!important}input:focus,select:focus,textarea:focus{border-color:#37caff!important;outline:none!important;box-shadow:0 0 0 3px rgba(36,190,255,.12)!important}
table{background:#041827!important;border-color:#15587e!important}th{background:#082842!important;color:#fff!important}td,th{border-color:#124b6c!important}tr:nth-child(even) td{background:rgba(9,39,62,.42)}
/* footer */
.hr-footer{background:linear-gradient(180deg,#031524,#010912)!important;border-top:1px solid #176b9b!important}.hr-footer a{color:#bfe8ff!important}.hr-footer__bottom{border-top-color:#104766!important}
/* scrollbar */
*{scrollbar-color:#147eb6 #03131f;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#03131f}::-webkit-scrollbar-thumb{background:#126b9b;border-radius:8px;border:2px solid #03131f}
@media(max-width:900px){.hr-brand img{height:44px!important}.hr-header__top{min-height:62px}.hr-nav{justify-content:flex-start}.hr-nav a{min-width:72px}.hr-header__tools.open{background:#031727;border:1px solid #155f8b;border-radius:8px;padding:.55rem!important}}

/* === HERO 2026 exact dashboard pass === */
body{font-family:Arial,Helvetica,sans-serif!important;background:#020b14!important}
.hr-header{background:linear-gradient(180deg,rgba(3,24,42,.98),rgba(2,14,26,.98))!important}
.hr-header__top{max-width:1536px!important;margin:auto!important}.hr-header__nav .hr-shell{max-width:1536px!important}
.hr-nav a{min-width:72px!important}.hr-nav a.active{box-shadow:inset 0 0 18px rgba(43,197,255,.18),0 0 16px rgba(24,181,255,.22)!important}
.hero-home{background-position:center!important;background-color:#031525!important}.hero-home:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,12,22,.94) 0%,rgba(1,12,22,.56) 32%,rgba(1,12,22,.05) 58%,rgba(1,12,22,.82) 100%)}
.hero-home{position:relative}.hero-home>.hr-shell{position:relative;z-index:1}.hero-copy h1{font-weight:900!important;text-shadow:0 3px 14px rgba(0,0,0,.8)}
.quick{background-size:cover!important;background-position:center!important;justify-content:flex-end!important;text-shadow:0 2px 5px #000}.quick:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 22%,rgba(1,12,23,.45) 55%,rgba(1,12,23,.97) 100%)}.quick>*{position:relative;z-index:2}.quick:before{z-index:1}
.quick:nth-child(1){background-image:url('../img/hero-2026/tile-01.jpg')!important}.quick:nth-child(2){background-image:url('../img/hero-2026/tile-02.jpg')!important}.quick:nth-child(3){background-image:url('../img/hero-2026/tile-03.jpg')!important}.quick:nth-child(4){background-image:url('../img/hero-2026/tile-04.jpg')!important}.quick:nth-child(5){background-image:url('../img/hero-2026/tile-05.jpg')!important}.quick:nth-child(6){background-image:url('../img/hero-2026/tile-06.jpg')!important}.quick:nth-child(7){background-image:url('../img/hero-2026/tile-07.jpg')!important}.quick:nth-child(8){background-image:url('../img/hero-2026/tile-08.jpg')!important}.quick:nth-child(9){background-image:url('../img/hero-2026/tile-09.jpg')!important}.quick:nth-child(10){background-image:url('../img/hero-2026/tile-10.jpg')!important}
/* Member + Admin shells */
.hra{--hra-bg:#020b14!important;--hra-panel:#061b2e!important;--hra-panel2:#08253d!important;--hra-border:#176897!important;--hra-gold:#37caff!important;--hra-muted:#a9c7db!important;background:radial-gradient(circle at 50% 0,#0a3150,#020b14 62%) fixed!important;color:#f6fbff!important}
.hra-topbar{background:rgba(2,15,27,.97)!important;border-bottom:1px solid #176b9d!important;box-shadow:0 8px 28px rgba(0,0,0,.4)!important}.hra-topbar .hra-brand img{max-height:50px!important}.hra-side>.hra-card,.hra .hra-card,.hra-main .hra-card{background:linear-gradient(180deg,#071f34,#031522)!important;border:1px solid #176897!important;border-radius:8px!important;box-shadow:0 12px 30px rgba(0,0,0,.32)!important}.hra-nav a{border:1px solid transparent!important;border-radius:6px!important;color:#dff5ff!important}.hra-nav a:hover,.hra-nav a.active{background:linear-gradient(180deg,#0d4770,#062840)!important;border-color:#1b92cf!important;color:#fff!important;box-shadow:inset 0 0 14px rgba(45,199,255,.08)!important}.hra-block-title{color:#45cfff!important}.hra-pill,.hra-btn-wide{border-radius:6px!important;border-color:#176897!important;background:#061d30!important;color:#fff!important}.hra-pill.gold,.hra-pill.solid,.hra-btn-wide:hover{background:linear-gradient(180deg,#118ed1,#0873ad)!important;border-color:#40cfff!important;color:#fff!important}
/* Broad fallback for legacy PHP pages/popups */
body:not(.hra) .container,body:not(.hra) main,body:not(.hra) .content{color:#f6fbff}.modal-content,.popup,.dialog,.game-panel,.profile-card,.login-card,.auth-card{background:linear-gradient(180deg,#071f34,#031522)!important;border:1px solid #176897!important;color:#f6fbff!important;border-radius:8px!important}.tabs a,.tab,nav a{border-color:rgba(23,104,151,.65)}