.smart-state{display:grid;grid-template-columns:auto minmax(0,1fr);gap:18px;align-items:center;min-height:220px;padding:28px;border:1px solid #2a3e49;border-radius:16px;background:linear-gradient(145deg,#0b1821,#0a141b);color:#dce5e8}
.smart-state.is-compact{min-height:0;padding:22px}
.smart-state-icon{display:grid;place-items:center;width:66px;height:66px;border:1px solid #35505c;border-radius:18px;background:#0e2530;color:#8edb7c;font-size:26px;font-weight:900}
.smart-state-copy{min-width:0}.smart-state-copy .eyebrow{margin:0 0 6px;color:#7fcf70;font-size:12px;font-weight:850;letter-spacing:.11em;text-transform:uppercase}.smart-state-copy h2{margin:0;color:#f3f7f8;font-size:23px;line-height:1.2}.smart-state-copy>p{max-width:720px;margin:8px 0 0;color:#a5b2b8;font-size:14px;line-height:1.65}.smart-state-copy>small{display:block;margin-top:8px;color:#74858d;font-size:12px;line-height:1.55}
.smart-state-actions{grid-column:2;display:flex;flex-wrap:wrap;gap:9px;margin-top:2px}.smart-state-action{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border:1px solid #34505d;border-radius:10px;background:#0e202a;color:#cdd7db;font-size:13px;font-weight:800;text-decoration:none;cursor:pointer}.smart-state-action.primary{border-color:#4f8d42;background:#1f6a2b;color:#fff}.smart-state-action:hover{filter:brightness(1.08)}
.smart-state-partial{border-color:#5d4e2f;background:linear-gradient(145deg,#1a180f,#0c1518)}.smart-state-partial .smart-state-icon{border-color:#6d5b31;background:#2a2413;color:#e1bf68}.smart-state-offline,.smart-state-server,.smart-state-provider,.smart-state-unexpected,.smart-state-session{border-color:#5d3c38}.smart-state-offline .smart-state-icon,.smart-state-server .smart-state-icon,.smart-state-provider .smart-state-icon,.smart-state-unexpected .smart-state-icon,.smart-state-session .smart-state-icon{border-color:#70433d;background:#2b1817;color:#e5a099}
.smart-loading{position:relative;display:grid;gap:14px;padding:18px 0 10px}.smart-loading-label{margin:0;text-align:center;color:#819099;font-size:13px}.smart-skeleton{position:relative;overflow:hidden;border:1px solid #243741;border-radius:14px;background:#0a161e}.smart-skeleton::after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(126,207,112,.08),transparent);animation:smartShimmer 1.45s infinite}.smart-loading-list{display:grid;gap:10px}.smart-intro{height:106px;padding:22px}.smart-intro i,.smart-intro b,.smart-intro span{display:block;border-radius:999px;background:#172932}.smart-intro i{width:110px;height:12px}.smart-intro b{width:340px;max-width:75%;height:24px;margin-top:14px}.smart-intro span{width:510px;max-width:90%;height:12px;margin-top:12px}.smart-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;padding:12px}.smart-calendar i{height:72px;border-radius:10px;background:#142731}.smart-match-row{display:grid;grid-template-columns:72px minmax(0,1fr) 170px 42px;gap:14px;align-items:center;min-height:116px;padding:14px}.smart-match-row>i{height:62px;border-radius:12px;background:#142731}.smart-match-row>div{display:grid;gap:10px}.smart-match-row b,.smart-match-row span,.smart-match-row em,.smart-match-row strong{display:block;border-radius:999px;background:#172a33}.smart-match-row b{width:52%;height:14px}.smart-match-row span{width:35%;height:10px}.smart-match-row em{height:44px}.smart-match-row strong{width:36px;height:36px}.smart-loading-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.smart-metric{min-height:120px;padding:16px}.smart-metric i,.smart-metric b,.smart-metric span{display:block;border-radius:999px;background:#172a33}.smart-metric i{width:58%;height:11px}.smart-metric b{width:40%;height:28px;margin-top:14px}.smart-metric span{width:76%;height:10px;margin-top:15px}.smart-tabs{display:flex;gap:8px;padding:12px;overflow:hidden}.smart-tabs i{flex:0 0 90px;height:34px;border-radius:8px;background:#152832}.match-head{display:grid;grid-template-columns:64px minmax(150px,1fr) 90px minmax(150px,1fr) 64px;gap:16px;align-items:center;min-height:170px;padding:22px}.match-head>span{height:64px;border-radius:50%;background:#172a33}.match-head>div{display:grid;gap:10px}.match-head>div i{height:13px;border-radius:999px;background:#172a33}.match-head>b{height:46px;border-radius:12px;background:#172a33}.smart-chart{min-height:310px;padding:20px}.smart-chart>i{display:block;width:180px;height:14px;border-radius:999px;background:#172a33}.smart-chart>div{display:flex;align-items:flex-end;gap:10px;height:220px;margin-top:24px}.smart-chart>div span{flex:1;min-width:8px;border-radius:7px 7px 0 0;background:#1b342f}.smart-chart>div span:nth-child(3n+1){height:45%}.smart-chart>div span:nth-child(3n+2){height:72%}.smart-chart>div span:nth-child(3n){height:58%}.smart-loading-filters{grid-template-columns:minmax(280px,.8fr) minmax(0,1.4fr);align-items:start}.smart-loading-filters .smart-loading-label{grid-column:1/-1}.smart-builder{min-height:430px;padding:20px}.smart-builder i,.smart-builder b,.smart-builder span{display:block;border-radius:999px;background:#172a33}.smart-builder i{width:120px;height:12px}.smart-builder b{width:65%;height:24px;margin:14px 0 22px}.smart-builder span{height:48px;margin-top:10px;border-radius:10px}.smart-result-row{display:grid;grid-template-columns:55px minmax(0,1fr) 120px 120px 40px;gap:12px;align-items:center;min-height:94px;padding:13px}.smart-result-row i{height:52px;border-radius:10px;background:#172a33}.smart-result-row>div{display:grid;gap:9px}.smart-result-row b,.smart-result-row span,.smart-result-row em,.smart-result-row strong{display:block;border-radius:999px;background:#172a33}.smart-result-row b{width:62%;height:13px}.smart-result-row span{width:45%;height:10px}.smart-result-row em{height:38px}.smart-result-row strong{height:34px}
.smart-network-banner{position:fixed;z-index:12000;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;gap:14px;min-height:58px;padding:8px 18px;border-bottom:1px solid #6c4a29;background:#261b11;color:#f3d8a2}.smart-network-banner>span{font-size:22px}.smart-network-banner p{display:flex;align-items:baseline;gap:8px;margin:0}.smart-network-banner b{font-size:14px}.smart-network-banner small{font-size:12px;color:#c7ac7a}.smart-network-banner button{min-height:34px;padding:0 12px;border:1px solid #8b6434;border-radius:8px;background:#3a2816;color:#fff0cc;font-size:12px;font-weight:800}.has-smart-network-banner .topbar{top:58px}.has-smart-network-banner .global-search-panel{top:58px}
.smart-simulator{display:grid;gap:14px}.smart-simulator-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;padding:8px 2px}.smart-simulator-head h1{margin:5px 0 8px;font-size:31px}.smart-simulator-head>div>p:last-child{margin:0;color:#8d9ba2;font-size:14px}.smart-simulator-head>span{padding:8px 11px;border:1px solid #42713c;border-radius:999px;background:#11271a;color:#a8df9b;font-size:12px;font-weight:900}.smart-simulator-controls{display:flex;align-items:end;gap:12px;padding:15px}.smart-simulator-controls label{display:grid;gap:6px;min-width:210px;color:#839198;font-size:12px;font-weight:800}.smart-simulator-controls select{height:42px;padding:0 11px;border:1px solid #314953;border-radius:9px;background:#09161e;color:#e7edef;font-size:13px}.smart-simulator-controls>a{margin-left:auto;padding:11px 13px;color:#9edc92;font-size:13px;font-weight:800;text-decoration:none}.smart-simulator-stage{overflow:hidden}.smart-simulator-browser{display:flex;align-items:center;gap:7px;padding:10px 13px;border-bottom:1px solid #293e48;background:#0c1820}.smart-simulator-browser>span{width:10px;height:10px;border-radius:50%;background:#40515a}.smart-simulator-browser>b{margin-left:8px;color:#93a2a9;font-size:12px}.smart-simulator-preview{padding:20px}.smart-simulator-note{padding:18px}.smart-simulator-note b{font-size:15px}.smart-simulator-note p{margin:6px 0 0;color:#89979d;font-size:13px;line-height:1.6}
.hs-betslip-empty .smart-state{border:0;background:transparent}.hs-betslip-empty .smart-state-actions{grid-column:1/-1;justify-content:center}.filter-results-empty .smart-state{min-height:330px;border:0;background:transparent}.filter-results-empty.smart-state-host{padding:0}.analysis-trend-empty .smart-state{min-height:180px;border:0;background:transparent}.home-no-matches-note+.smart-state{margin-top:12px}
@keyframes smartShimmer{to{transform:translateX(100%)}}
@media (prefers-reduced-motion:reduce){.smart-skeleton::after{animation:none}}
@media (max-width:900px){.smart-loading-filters{grid-template-columns:1fr}.smart-loading-filters .smart-loading-label{grid-column:auto}.smart-loading-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.smart-match-row{grid-template-columns:55px minmax(0,1fr) 36px}.smart-match-row>em{display:none}.smart-result-row{grid-template-columns:46px minmax(0,1fr) 34px}.smart-result-row>em{display:none}.smart-simulator-controls{align-items:stretch;flex-direction:column}.smart-simulator-controls label{min-width:0}.smart-simulator-controls>a{margin-left:0}.match-head{grid-template-columns:52px 1fr 64px 1fr 52px;gap:8px;padding:14px}.smart-network-banner{justify-content:flex-start}.smart-network-banner p{display:grid;gap:1px}.smart-network-banner button{margin-left:auto}}
@media (max-width:640px){.smart-state{grid-template-columns:1fr;min-height:0;padding:22px}.smart-state-icon{width:54px;height:54px}.smart-state-actions{grid-column:1}.smart-state-copy h2{font-size:20px}.smart-state-action{flex:1 1 140px}.smart-loading-grid{grid-template-columns:1fr}.smart-calendar{grid-template-columns:repeat(4,1fr)}.smart-calendar i:nth-child(n+5){display:none}.smart-match-row{grid-template-columns:44px minmax(0,1fr) 30px;min-height:102px;padding:11px}.smart-simulator-head{display:grid}.smart-simulator-head h1{font-size:26px}.smart-simulator-head>span{justify-self:start}.smart-simulator-preview{padding:10px}.smart-network-banner{min-height:68px;padding:8px 10px}.has-smart-network-banner .topbar{top:68px}.has-smart-network-banner .global-search-panel{top:68px}.smart-network-banner small{max-width:180px}.smart-network-banner button{padding:0 9px}}