/* Stage 25: scalable affiliate pages, mobile-first layout, and high-contrast heroes. */
:root{--ovia-navy:#07152f;--ovia-blue:#2563eb;--ovia-ink:#0f172a;--ovia-muted:#52627a;--ovia-border:#d9e5f2;--ovia-soft:#f7fbff;}
html,body{max-width:100%;overflow-x:hidden!important;color:var(--ovia-ink);}*{box-sizing:border-box}.app-shell,.main,.content,.page-content,.dashboard-content{min-width:0!important;max-width:100vw!important}.table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.ovia-pro-hero,.awards-hero,.purchase-hero,.purchase-centre-hero,[class*="purchase"][class*="hero"],[class*="award"][class*="hero"]{position:relative;overflow:hidden;border:1px solid rgba(147,197,253,.35)!important;border-radius:28px!important;background:linear-gradient(135deg,#07152f 0%,#123575 54%,#2563eb 100%)!important;box-shadow:0 24px 60px rgba(15,23,42,.16)!important;color:#fff!important;padding:28px!important;margin-bottom:20px!important;isolation:isolate;}
.ovia-pro-hero:before,.awards-hero:before,.purchase-hero:before,.purchase-centre-hero:before,[class*="purchase"][class*="hero"]:before,[class*="award"][class*="hero"]:before{content:"";position:absolute;inset:auto -8% -45% auto;width:320px;height:320px;border-radius:999px;background:rgba(255,255,255,.11);z-index:-1}.ovia-pro-hero h1,.awards-hero h1,.purchase-hero h1,.purchase-centre-hero h1,.ovia-pro-hero h2,.awards-hero h2,.purchase-hero h2,.purchase-centre-hero h2{color:#fff!important;font-weight:900!important;letter-spacing:-.045em!important;margin:.35rem 0 .45rem!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.03!important}.ovia-pro-hero p,.awards-hero p,.purchase-hero p,.purchase-centre-hero p{color:#dbeafe!important;max-width:850px;line-height:1.65}.hero-eyebrow,.awards-pill{display:inline-flex!important;align-items:center;gap:8px;border-radius:999px!important;background:rgba(255,255,255,.15)!important;border:1px solid rgba(255,255,255,.35)!important;color:#fff!important;padding:7px 12px!important;font-size:12px!important;font-weight:900!important;letter-spacing:.08em;text-transform:uppercase}.ovia-pro-hero .btn,.awards-hero .awards-btn,.purchase-hero .btn,.purchase-centre-hero .btn{min-height:44px;border-radius:14px!important;font-weight:900!important}.ovia-pro-hero .btn,.awards-hero .awards-btn.primary{background:#fff!important;color:#0f172a!important;border-color:rgba(255,255,255,.75)!important}.ovia-pro-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}
.referral-scale-grid,.tree-balance-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0}.scale-stat,.tree-kpi{background:#fff;border:1px solid var(--ovia-border);border-radius:20px;padding:16px;box-shadow:0 12px 30px rgba(15,23,42,.04);min-width:0}.scale-stat span,.tree-kpi .kpi-label{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;font-weight:900;color:#617089}.scale-stat strong,.tree-kpi strong{display:block;margin-top:8px;font-size:clamp(22px,3vw,32px);line-height:1.05;color:#0b1a33;overflow:hidden;text-overflow:ellipsis}.scale-stat small,.tree-kpi .footer-note{display:block;margin-top:7px;color:#60708a;font-size:12px;line-height:1.4}.scale-filter-bar,.tree-controls-grid{display:grid;grid-template-columns:minmax(240px,1.6fr) minmax(130px,.6fr) minmax(110px,.45fr) auto;gap:10px;align-items:end;margin:14px 0 16px}.tree-controls-grid{grid-template-columns:minmax(180px,1.1fr) minmax(240px,1.5fr) minmax(90px,.45fr) minmax(100px,.45fr) auto}.scale-filter-bar label,.tree-controls-grid label{font-size:12px;font-weight:800;color:#40516b}.scale-filter-bar input,.scale-filter-bar select,.tree-controls-grid input,.tree-controls-grid select{width:100%;min-height:44px;border:1px solid #cfdceb;border-radius:14px;background:#fff;color:#0f172a;padding:10px 12px}.scale-pagination{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;color:#60708a}.scale-pagination>div{display:flex;gap:8px}.centre-mini{display:inline-flex;border:1px solid #dbeafe;background:#eff6ff;color:#1d4ed8;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:900;margin:2px}.scalable-table{min-width:900px}.tree-layout{align-items:start}.tree-table-action{white-space:nowrap}.tree-list{max-height:720px;overflow:auto;padding-right:3px}.tree-item{transition:.15s ease}.tree-item:hover{border-color:#93c5fd;box-shadow:0 8px 20px rgba(37,99,235,.08)}
.awards-affiliate-summary{align-items:stretch}.awards-tip,.awards-progress{background:#fff!important;color:#17243b!important;border-color:#dbe6f3!important;box-shadow:0 12px 26px rgba(15,23,42,.04)}.awards-tip strong,.awards-progress h4{color:#0b1a33!important}.awards-table th{color:#334155!important}.awards-table td{color:#102033!important}
@media(max-width:1100px){.referral-scale-grid,.tree-balance-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scale-filter-bar,.tree-controls-grid{grid-template-columns:1fr 1fr}.tree-layout{grid-template-columns:1fr!important}}
@media(max-width:760px){body{font-size:14px}.ovia-pro-hero,.awards-hero,.purchase-hero,.purchase-centre-hero,[class*="purchase"][class*="hero"],[class*="award"][class*="hero"]{border-radius:22px!important;padding:20px!important;margin:10px 0 16px!important}.ovia-pro-hero h1,.awards-hero h1,.purchase-hero h1,.purchase-centre-hero h1{font-size:28px!important}.referral-scale-grid,.tree-balance-grid,.scale-filter-bar,.tree-controls-grid{grid-template-columns:1fr}.scale-stat,.tree-kpi{padding:14px}.scalable-table,.awards-table{min-width:0!important}.scalable-table thead,.awards-table thead,.tree-layout table thead{display:none}.scalable-table,.scalable-table tbody,.scalable-table tr,.scalable-table td,.awards-table,.awards-table tbody,.awards-table tr,.awards-table td,.tree-layout table,.tree-layout table tbody,.tree-layout table tr,.tree-layout table td{display:block;width:100%}.scalable-table tr,.awards-table tr,.tree-layout table tr{background:#fff;border:1px solid #dbe6f3;border-radius:16px;margin:10px 0;padding:10px;box-shadow:0 8px 20px rgba(15,23,42,.04)}.scalable-table td,.awards-table td,.tree-layout table td{border:0!important;padding:8px 6px!important}.scalable-table td:before,.tree-layout table td:before{content:attr(data-label);display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#64748b;margin-bottom:4px}.tree-layout table td:nth-child(1):before{content:'Member'}.tree-layout table td:nth-child(2):before{content:'Parent'}.tree-layout table td:nth-child(3):before{content:'Slots / Children'}.tree-layout table td:nth-child(4):before{content:'Status'}.tree-layout table td:nth-child(5):before{content:'Action'}.awards-table td:nth-child(1):before{content:'Date'}.awards-table td:nth-child(2):before{content:'Centre'}.awards-table td:nth-child(3):before{content:'Rank'}.awards-table td:nth-child(4):before{content:'Award'}.awards-table td:nth-child(5):before{content:'Amount'}.awards-table td:nth-child(6):before{content:'Status'}.awards-table td:nth-child(7):before{content:'Message'}.awards-table td:before{display:block;font-size:10px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#64748b;margin-bottom:4px}.tree-list{max-height:none}.d1,.d2,.d3,.d4{margin-left:0!important}.awards-actions,.hero-actions,.awards-btn,.ovia-pro-hero .btn{width:100%}.awards-actions a,.hero-actions a{width:100%}.panel-header,.scalable-header{align-items:flex-start!important}.btn,.btn-secondary,button,select,input{max-width:100%}}
@media(max-width:420px){.ovia-pro-hero,.awards-hero,.purchase-hero,.purchase-centre-hero{padding:16px!important}.scale-stat strong,.tree-kpi strong{font-size:24px}.card,.soft,.compact-card{border-radius:18px!important;padding-left:12px!important;padding-right:12px!important}.scale-pagination{align-items:stretch}.scale-pagination>div,.scale-pagination a{width:100%}.scale-pagination a{justify-content:center}}