/* Recommendation detail only. Existing data, conditional rendering and handlers unchanged. */
html body #app.route-recommend>.wrap .recommend-exact-page{width:1120px!important;max-width:100%!important;gap:10px!important}
html body #app.route-recommend>.wrap .recommend-exact-panel{border-radius:9px!important;background:#071e2b!important;background-image:none!important;box-shadow:none!important}
html body #app.route-recommend>.wrap .recommend-exact-match>header{height:auto!important;min-height:44px!important;padding:10px 18px!important;gap:12px!important;font-size:12px!important}
html body #app.route-recommend>.wrap .recommend-exact-match>header b{padding:4px 10px!important;border-radius:5px!important;font-size:12px!important}
html body #app.route-recommend>.wrap .recommend-exact-match>header time{font-size:12px!important;font-weight:500!important}
html body #app.route-recommend>.wrap .recommend-exact-match>header span{font-size:11px!important}
html body #app.route-recommend>.wrap .recommend-exact-versus{min-height:0!important;padding:16px 20px!important;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr)!important;gap:12px!important}
html body #app.route-recommend>.wrap .recommend-exact-versus>div{justify-content:flex-end!important;gap:12px!important;min-width:0!important}
html body #app.route-recommend>.wrap .recommend-exact-versus>div:last-child{justify-content:flex-end!important}
html body #app.route-recommend>.wrap .recommend-exact-versus .team-badge{width:48px!important;height:48px!important;min-width:48px!important;font-size:18px!important}
html body #app.route-recommend>.wrap .recommend-exact-versus strong{font-size:21px!important;overflow-wrap:anywhere!important}
html body #app.route-recommend>.wrap .recommend-exact-versus small{font-size:10px!important}
html body #app.route-recommend>.wrap .recommend-exact-versus>span em{font-size:36px!important;line-height:1.15!important}
html body #app.route-recommend>.wrap .recommend-exact-versus>span b{font-size:10px!important;font-weight:500!important}
html body #app.route-recommend>.wrap .recommend-exact-tabs{display:flex!important;gap:22px!important;padding:0 18px!important}
html body #app.route-recommend>.wrap .recommend-exact-tabs button{min-height:0!important;height:36px!important;flex:none!important;width:auto!important;padding:0 10px!important;border-radius:0!important;font-size:12px!important}
html body #app.route-recommend>.wrap .recommend-exact-market{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;padding:10px 18px!important;gap:18px!important}
html body #app.route-recommend>.wrap .recommend-exact-market>div{min-height:0!important;display:flex!important;align-items:center!important;gap:14px!important;padding:0!important;border:0!important;background:none!important;border-radius:0!important}
html body #app.route-recommend>.wrap .recommend-exact-market small{font-size:11px!important}
html body #app.route-recommend>.wrap .recommend-exact-market span{gap:12px!important}
html body #app.route-recommend>.wrap .recommend-exact-market b{font-size:12px!important}
html body #app.route-recommend>.wrap .recommend-exact-market strong{font-size:21px!important}
html body #app.route-recommend>.wrap .recommend-exact-verify i{width:24px!important;height:24px!important;font-size:16px!important}
html body #app.route-recommend>.wrap .recommend-exact-verify span{gap:4px!important}
html body #app.route-recommend>.wrap .recommend-exact-report{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;align-items:stretch!important}
html body #app.route-recommend>.wrap .recommend-exact-report>header{grid-column:1!important;grid-row:1!important;min-height:0!important;padding:18px!important;gap:10px!important;border-bottom:0!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter{grid-template-columns:58px minmax(0,1fr)!important;gap:12px!important;align-items:start!important;min-width:0!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter>img{width:58px!important;height:58px!important;border-width:2px!important;box-shadow:none!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter>span>small{font-size:8px!important;letter-spacing:1px!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter h1{font-size:23px!important;margin:6px 0!important;line-height:1.35!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter .detail-exact-cert{font-size:10px!important;padding:3px 6px!important;margin-left:6px!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter p{font-size:12px!important;line-height:1.75!important;margin:0 0 7px!important;max-width:none!important;white-space:normal!important}
html body #app.route-recommend>.wrap .recommend-exact-reporter time{font-size:10px!important}
html body #app.route-recommend>.wrap .recommend-exact-report>footer{grid-column:2!important;grid-row:1!important;display:grid!important;grid-template-columns:minmax(80px,1fr) 40px 110px 140px!important;align-content:center!important;gap:12px!important;padding:16px!important;border-top:0!important;border-left:1px solid var(--dx-line)!important;background:none!important}
html body #app.route-recommend>.wrap .recommend-exact-result{grid-column:2!important;grid-row:1!important;min-width:0!important;width:auto!important;height:auto!important;align-items:flex-start!important;background:none!important;border:0!important;border-radius:0!important}
html body #app.route-recommend>.wrap .recommend-exact-result small{font-size:10px!important}
html body #app.route-recommend>.wrap .recommend-exact-result b{font-size:24px!important}
html body #app.route-recommend>.wrap .recommend-exact-direction{grid-column:1!important;grid-row:1!important;min-width:0!important;gap:6px!important}
html body #app.route-recommend>.wrap .recommend-exact-direction strong{font-size:26px!important}
html body #app.route-recommend>.wrap .recommend-exact-direction small{font-size:10px!important}
html body #app.route-recommend>.wrap .recommend-exact-direction span{font-size:10px!important;line-height:1.6!important}
html body #app.route-recommend>.wrap .recommend-exact-subscribe{display:contents!important}
html body #app.route-recommend>.wrap .recommend-exact-subscribe>span{grid-column:1!important;grid-row:1!important;min-width:0!important}
html body #app.route-recommend>.wrap .recommend-exact-subscribe small{font-size:10px!important;line-height:1.6!important}
html body #app.route-recommend>.wrap .recommend-exact-subscribe b{font-size:19px!important}
html body #app.route-recommend>.wrap .recommend-exact-subscribe button{grid-column:3!important;grid-row:1!important;width:110px!important;height:40px!important;border-radius:6px!important;font-size:12px!important;padding:0 8px!important}
html body #app.route-recommend>.wrap .recommend-exact-profile{grid-column:4!important;grid-row:1!important;width:140px!important;height:40px!important;border-radius:6px!important;font-size:12px!important;padding:0 8px!important}
html body #app.route-recommend>.wrap .recommend-exact-stats{grid-column:1/-1!important;grid-row:2!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:12px 18px!important;border-top:1px solid var(--dx-line)!important;border-bottom:1px solid var(--dx-line)!important}
html body #app.route-recommend>.wrap .recommend-exact-stats span{min-height:0!important;display:flex!important;flex-direction:row-reverse!important;gap:12px!important;border-bottom:0!important}
html body #app.route-recommend>.wrap .recommend-exact-stats b{font-size:23px!important}
html body #app.route-recommend>.wrap .recommend-exact-stats small{font-size:11px!important;margin:0!important}
html body #app.route-recommend>.wrap .recommend-exact-analysis{grid-column:1/-1!important;grid-row:3!important;margin:0!important;padding:16px 18px!important;font-size:13px!important;line-height:1.85!important;background:none!important}
html body #app.route-recommend>.wrap .recommend-exact-description{margin:0!important;padding:10px 18px!important;font-size:13px!important;line-height:1.8!important}
@media(max-width:1100px){
 html body #app.route-recommend>.wrap .recommend-exact-report{grid-template-columns:1fr!important}
 html body #app.route-recommend>.wrap .recommend-exact-report>header{grid-column:1!important;grid-row:1!important}
 html body #app.route-recommend>.wrap .recommend-exact-report>footer{grid-column:1!important;grid-row:2!important;border-left:0!important;border-top:1px solid var(--dx-line)!important}
 html body #app.route-recommend>.wrap .recommend-exact-stats{grid-row:3!important}
 html body #app.route-recommend>.wrap .recommend-exact-analysis{grid-row:4!important}
}
@media(max-width:760px){
 html body #app.route-recommend>.wrap .recommend-exact-match>header{min-height:0!important;gap:8px!important;padding:9px 12px!important;flex-wrap:wrap!important}
 html body #app.route-recommend>.wrap .recommend-exact-match>header span{width:auto!important;margin-left:auto!important;font-size:9px!important}
 html body #app.route-recommend>.wrap .recommend-exact-match>header time{font-size:10px!important}
 html body #app.route-recommend>.wrap .recommend-exact-versus{padding:13px 8px!important;grid-template-columns:minmax(0,1fr) 65px minmax(0,1fr)!important;gap:6px!important}
 html body #app.route-recommend>.wrap .recommend-exact-versus>div,html body #app.route-recommend>.wrap .recommend-exact-versus>div:last-child{flex-direction:column!important;gap:6px!important;justify-content:center!important}
 html body #app.route-recommend>.wrap .recommend-exact-versus .team-badge{width:39px!important;height:39px!important;min-width:39px!important;font-size:15px!important}
 html body #app.route-recommend>.wrap .recommend-exact-versus strong{font-size:14px!important}
 html body #app.route-recommend>.wrap .recommend-exact-versus>span em{font-size:29px!important}
 html body #app.route-recommend>.wrap .recommend-exact-tabs{padding:0 12px!important;gap:15px!important}
 html body #app.route-recommend>.wrap .recommend-exact-tabs button{height:32px!important;font-size:11px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market{grid-template-columns:1fr 1fr!important;padding:10px 12px!important;gap:10px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market>div{gap:7px!important;flex-wrap:wrap!important}
 html body #app.route-recommend>.wrap .recommend-exact-market .recommend-exact-verify{grid-column:1/-1!important;border-top:1px solid var(--dx-line)!important;padding-top:8px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market .recommend-exact-verify span{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market .recommend-exact-verify i{width:18px!important;height:18px!important;font-size:12px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market b,html body #app.route-recommend>.wrap .recommend-exact-market small{font-size:10px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market strong{font-size:18px!important}
 html body #app.route-recommend>.wrap .recommend-exact-market span{gap:8px!important}
 html body #app.route-recommend>.wrap .recommend-exact-report>header{padding:13px 12px!important}
 html body #app.route-recommend>.wrap .recommend-exact-reporter{grid-template-columns:45px minmax(0,1fr)!important;gap:10px!important}
 html body #app.route-recommend>.wrap .recommend-exact-reporter>img{width:45px!important;height:45px!important}
 html body #app.route-recommend>.wrap .recommend-exact-reporter>span>small{font-size:7px!important;letter-spacing:.5px!important}
 html body #app.route-recommend>.wrap .recommend-exact-reporter h1{font-size:19px!important;margin:4px 0 6px!important}
 html body #app.route-recommend>.wrap .recommend-exact-reporter p{font-size:12px!important;line-height:1.7!important}
 html body #app.route-recommend>.wrap .recommend-exact-report>footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;padding:12px!important;gap:12px!important}
 html body #app.route-recommend>.wrap .recommend-exact-result{grid-column:2!important;grid-row:1!important}
 html body #app.route-recommend>.wrap .recommend-exact-direction{grid-column:1!important;grid-row:1!important}
 html body #app.route-recommend>.wrap .recommend-exact-subscribe>span{grid-column:1!important;grid-row:1!important}
 html body #app.route-recommend>.wrap .recommend-exact-subscribe button{grid-column:1!important;grid-row:2!important;width:100%!important;height:38px!important}
 html body #app.route-recommend>.wrap .recommend-exact-profile{grid-column:2!important;grid-row:2!important;width:100%!important;height:38px!important;font-size:11px!important}
 html body #app.route-recommend>.wrap .recommend-exact-stats{padding:11px 8px!important}
 html body #app.route-recommend>.wrap .recommend-exact-stats span{flex-direction:column!important;gap:5px!important}
 html body #app.route-recommend>.wrap .recommend-exact-stats b{font-size:20px!important}
 html body #app.route-recommend>.wrap .recommend-exact-stats small{font-size:9px!important}
 html body #app.route-recommend>.wrap .recommend-exact-analysis{padding:13px 12px!important;font-size:12px!important}
}
html body #app.route-recommend>.wrap .recommend-exact-market{min-height:0!important;height:auto!important}
html body #app.route-recommend>.wrap .recommend-exact-tabs{min-height:0!important;height:auto!important}
html body #app.route-recommend>.wrap .recommend-exact-report>header,html body #app.route-recommend>.wrap .recommend-exact-reporter,html body #app.route-recommend>.wrap .recommend-exact-reporter>span{min-height:0!important;height:auto!important}
html body #app.route-recommend>.wrap .recommend-exact-report>footer small,html body #app.route-recommend>.wrap .recommend-exact-report>footer b{line-height:1.4!important}
html body #app.route-recommend>.wrap .recommend-exact-market>div,html body #app.route-recommend>.wrap .recommend-exact-market>div>span{height:auto!important;min-height:0!important;line-height:1.5!important}
html body #app.route-recommend>.wrap .recommend-exact-market small,html body #app.route-recommend>.wrap .recommend-exact-market b,html body #app.route-recommend>.wrap .recommend-exact-market strong{line-height:1.5!important}
@media(min-width:761px){
 html body #app.route-recommend>.wrap .recommend-exact-report>footer:not(:has(.recommend-exact-subscribe)){grid-template-columns:minmax(80px,1fr) 40px 140px!important}
 html body #app.route-recommend>.wrap .recommend-exact-report>footer:not(:has(.recommend-exact-subscribe)) .recommend-exact-profile{grid-column:3!important}
}
@media(max-width:760px){
 html body #app.route-recommend>.wrap .recommend-exact-direction{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:6px 9px!important;align-items:center!important}
 html body #app.route-recommend>.wrap .recommend-exact-direction small{grid-column:1!important;grid-row:1!important}
 html body #app.route-recommend>.wrap .recommend-exact-direction strong{grid-column:2!important;grid-row:1!important;font-size:24px!important;line-height:1.4!important}
 html body #app.route-recommend>.wrap .recommend-exact-direction span{grid-column:1/-1!important;grid-row:2!important;font-size:9px!important}
 html body #app.route-recommend>.wrap .recommend-exact-result{flex-direction:row!important;align-items:center!important;gap:8px!important}
 html body #app.route-recommend>.wrap .recommend-exact-report>footer:not(:has(.recommend-exact-subscribe)) .recommend-exact-profile{grid-column:1/-1!important}
}