/* V8.8: uncluttered dashboard, accessible controls, responsive layout */
.or-v88-status{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 25px;margin:22px 0;border:1px solid rgba(69,222,193,.24);border-radius:18px;background:linear-gradient(110deg,#102339,#0c1729)}
.or-v88-status strong{font-size:18px;color:#f2f8ff}.or-v88-status p{margin:7px 0 0;color:#b3c4d2;line-height:1.5;font-size:14px}
.or-v88-member{display:flex;align-items:center;gap:15px;flex-shrink:0}.or-v88-member span{border-radius:999px;padding:9px 14px;color:#67ead0;background:#173c42;font-size:12px;font-weight:800;letter-spacing:.05em}.or-v88-member a{color:#c6e8e4;text-decoration:none;font-size:13px}
.or-v88-helper{color:#adbecd;font-size:14px;margin:24px 0 9px}.dash-tabs{gap:8px;flex-wrap:wrap}.dash-tabs button{border-radius:10px;min-height:43px}.dash-panel{border-radius:18px}.dash-toolbar input,.dash-toolbar select{min-height:42px;border-radius:9px}.dash-table tr.interactive-row{cursor:pointer}.dash-table tr.interactive-row:hover{background:rgba(69,222,193,.08)}
@media(max-width:680px){.or-v88-status{padding:17px;align-items:flex-start;flex-direction:column}.or-v88-member{width:100%;justify-content:space-between}.or-v88-status strong{font-size:16px}.dash-tabs button{flex:1 1 42%}}

/* V9.6 premium app-inspired dashboard polish */
.dash-page{background:radial-gradient(ellipse at 82% 8%,rgba(20,86,105,.34),transparent 36%),radial-gradient(ellipse at 8% 42%,rgba(13,57,72,.2),transparent 34%),#070b12;color:#f3f7fc}
.dash-page:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:linear-gradient(115deg,transparent 0 72%,rgba(35,221,183,.025) 72% 72.2%,transparent 72.2% 100%);opacity:.8}
.unified-top{background:rgba(7,13,24,.94);backdrop-filter:blur(16px);border-bottom-color:rgba(90,127,157,.22)}
.dash-shell{position:relative;z-index:1;max-width:1320px;padding-top:30px}
.dash-intro{position:relative;overflow:hidden;isolation:isolate;padding:22px 24px 26px;border:1px solid rgba(72,132,159,.24);border-radius:22px;background:linear-gradient(112deg,rgba(14,28,47,.96),rgba(10,21,35,.82) 58%,rgba(10,41,49,.7));box-shadow:0 18px 50px rgba(0,0,0,.16)}
.dash-intro:after{content:"";position:absolute;z-index:-1;width:360px;height:240px;right:180px;top:-105px;border-radius:50%;background:rgba(29,215,179,.10);filter:blur(70px)}
.dash-intro h1{font-size:clamp(32px,4.1vw,52px);line-height:1.04;letter-spacing:-1.8px;margin:16px 0 12px;max-width:760px;text-shadow:0 5px 28px rgba(0,0,0,.22)}
.dash-intro p{font-size:14px;line-height:1.75;color:#b8c9d9}
.dash-intro .dash-hero-img{width:300px;height:174px;border-radius:16px;border-color:rgba(68,220,192,.25);box-shadow:0 14px 36px rgba(0,0,0,.34);mask-image:linear-gradient(90deg,transparent 0%,black 16%)}
.or-v88-status{position:relative;overflow:hidden;margin:18px 0 24px;padding:20px 24px;border-color:rgba(56,225,189,.25);background:linear-gradient(105deg,#102b3b 0%,#101f34 58%,#0e2631 100%);box-shadow:0 12px 30px rgba(0,0,0,.14)}
.or-v88-status:before{content:"◉";position:absolute;right:30%;top:-45px;font-size:140px;line-height:1;color:rgba(63,224,190,.035);pointer-events:none}
.or-v88-status strong{font-size:18px;letter-spacing:-.2px}.or-v88-status p{font-size:13px}
.dash-stats{gap:13px;margin:20px 0 28px}
.dash-stat{position:relative;overflow:hidden;min-height:118px;padding:19px 20px;border-radius:17px;border-color:rgba(91,126,158,.27);background:linear-gradient(145deg,rgba(23,39,60,.96),rgba(13,24,40,.96));box-shadow:0 10px 26px rgba(0,0,0,.13);transition:transform .18s ease,border-color .18s ease}
.dash-stat:after{content:"";position:absolute;width:90px;height:90px;right:-38px;bottom:-52px;border-radius:50%;background:rgba(48,220,184,.09);filter:blur(2px)}
.dash-stat:hover{transform:translateY(-2px);border-color:rgba(61,224,190,.5)}
.dash-stat small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#93aac2}.dash-stat strong{font-size:30px;letter-spacing:-.7px;margin:13px 0 5px;color:#f3f8ff}.dash-stat em{font-size:11px;letter-spacing:.01em}
.or-v88-helper{margin:26px 0 11px;color:#c2d3e2;font-size:13px}
.dash-tabs{gap:9px;margin:0 0 17px}.dash-tabs button{position:relative;border-radius:11px;padding:12px 19px;background:rgba(14,27,44,.94);border-color:#2b4058;color:#c6d7e8;transition:all .16s ease}.dash-tabs button:hover{border-color:#43dcbf;color:#effffb}.dash-tabs button.active{background:linear-gradient(135deg,#42e2c1,#23c7a5);border-color:#42e2c1;color:#061a20;box-shadow:0 7px 20px rgba(39,217,180,.18)}
.dash-panel{padding:24px;border-radius:21px;border-color:rgba(82,125,159,.29);background:linear-gradient(145deg,rgba(19,35,56,.98),rgba(10,21,36,.98));box-shadow:0 20px 48px rgba(0,0,0,.2)}
.dash-panel>.dash-intro{padding:0 0 15px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.dash-panel>.dash-intro:after{display:none}.dash-panel h2{font-size:23px;letter-spacing:-.5px}.dash-muted{font-size:12px;color:#9fb5cb}.dash-toolbar{align-items:center;margin:17px 0 14px;gap:10px}.dash-toolbar input,.dash-toolbar select{border-color:#304861;background:#091626;color:#eaf5ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:border-color .15s ease,box-shadow .15s ease}.dash-toolbar input:focus,.dash-toolbar select:focus{outline:none;border-color:#39dcbc;box-shadow:0 0 0 3px rgba(57,220,188,.11)}
.or-card-grid{gap:15px;margin-top:15px}
.or-match-card{position:relative;overflow:hidden;border:1px solid rgba(82,111,139,.28);border-radius:17px;padding:18px;background:linear-gradient(145deg,#121d2a 0%,#0d1622 100%);box-shadow:0 10px 25px rgba(0,0,0,.2);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.or-match-card:before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;border-radius:0 0 5px 5px;background:linear-gradient(90deg,rgba(55,223,190,0),rgba(55,223,190,.8),rgba(245,195,91,.45),rgba(55,223,190,0));opacity:.6;transition:opacity .2s ease}
.or-match-card:after{content:"";position:absolute;right:-42px;top:-55px;width:120px;height:120px;border-radius:50%;background:rgba(50,219,184,.055);filter:blur(22px);pointer-events:none}
.or-match-card:hover,.or-match-card:focus-visible{transform:translateY(-4px);border-color:rgba(57,220,188,.68);background:linear-gradient(145deg,#172838 0%,#0e1b29 100%);box-shadow:0 17px 32px rgba(0,0,0,.3),0 0 0 1px rgba(57,220,188,.06)}.or-match-card:hover:before{opacity:1}
.or-card-league{display:inline-block;max-width:calc(100% - 75px);padding:5px 8px;border:1px solid rgba(98,133,161,.22);border-radius:6px;background:rgba(16,31,48,.85);color:#9bb7cc;font-size:9px;letter-spacing:.09em}
.or-card-score{min-width:66px;padding:9px 10px;border:1px solid rgba(86,127,151,.14);border-radius:11px;background:linear-gradient(145deg,#1d3140,#172634);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.or-card-score strong{font-size:23px;letter-spacing:-.6px;text-shadow:0 0 18px rgba(62,229,190,.12)}.or-card-score small{font-size:8px;letter-spacing:.08em}
.or-card-match{font-size:16px;line-height:1.38;min-height:44px;margin:15px 0 8px;font-weight:750;letter-spacing:-.18px;color:#f4f8ff}
.or-card-time{display:flex;align-items:center;gap:6px;color:#8ea7bd;font-size:10px}.or-card-time:before{content:"◷";font-size:13px;color:#49d9bd}
.or-card-divider{background:linear-gradient(90deg,rgba(67,218,188,.27),rgba(66,91,115,.45),transparent);margin:15px 0 13px}
.or-card-market small{font-size:8px;letter-spacing:.12em;color:#839db4}.or-card-market strong{font-size:13px;line-height:1.4;color:#ffd16e;margin-top:5px}
.or-card-risk{border:1px solid rgba(112,142,164,.16);border-radius:7px;background:#1c2b3a;color:#a9bfd2;padding:6px 8px;font-size:8px;letter-spacing:.07em}.or-card-risk.high{border-color:rgba(255,113,135,.2);background:rgba(113,37,54,.28)}.or-card-risk.medium{border-color:rgba(245,199,104,.2);background:rgba(94,72,34,.28)}.or-card-risk.low{border-color:rgba(69,220,179,.2);background:rgba(24,90,71,.28)}
.dash-detail{border-color:rgba(58,220,188,.35);border-radius:15px;background:linear-gradient(130deg,#102d3b,#111e30);box-shadow:0 12px 32px rgba(0,0,0,.15)}
.pro-teaser{position:relative;overflow:hidden;border-color:rgba(61,220,188,.26);border-radius:16px;background:linear-gradient(110deg,#102c3b,#101d31 70%,#112b31);box-shadow:0 10px 28px rgba(0,0,0,.14)}.pro-teaser:after{content:"PRO";position:absolute;right:18px;bottom:-23px;font-size:76px;font-weight:900;letter-spacing:-5px;color:rgba(75,224,192,.04);pointer-events:none}
.dash-disclaimer{padding:13px 2px 0;color:#849bb0;font-size:11px}.dash-footer{position:relative;z-index:1;background:rgba(5,10,18,.6);border-color:rgba(90,127,157,.18);font-size:12px}
@media(max-width:800px){.dash-shell{padding-top:18px}.dash-intro{padding:18px}.dash-intro .dash-hero-img{width:220px;height:130px}.dash-panel{padding:18px}}
@media(max-width:600px){.dash-intro{border-radius:16px}.dash-intro h1{font-size:32px}.dash-stats{gap:9px}.dash-stat{min-height:105px;padding:14px}.dash-stat strong{font-size:24px}.dash-panel{padding:14px;border-radius:16px}.or-card-grid{gap:11px}.or-match-card{padding:16px}.or-card-match{font-size:15px}.dash-toolbar input,.dash-toolbar select{width:100%;min-width:0}.dash-toolbar{display:grid;grid-template-columns:1fr}.or-v88-status{margin:14px 0 18px}}
@media(prefers-reduced-motion:reduce){.or-match-card,.dash-stat,.dash-tabs button{transition:none}}