/* ===== MatchLab v9.1 interactive public demo ===== */
.mlp-page-body:has(.mlp-live-demo){width:min(1520px,calc(100% - 34px));max-width:none}
.mlp-live-demo{min-height:760px;display:grid;grid-template-columns:220px 1fr;border:1px solid #25538e;border-radius:16px;overflow:hidden;background:#041126;box-shadow:0 30px 90px rgba(0,0,0,.4);position:relative}
.mld-side{background:linear-gradient(180deg,#031020 0%,#06152b 100%);border-right:1px solid #1f3e66;padding:19px 13px;display:flex;flex-direction:column;min-width:0}
.mld-brand{display:block;padding:2px 7px 22px;border-bottom:1px solid #183350;margin-bottom:15px}.mld-brand .brand-logo-composite,.mld-brand .brand-logo-img{width:174px!important;max-width:100%}
.mld-side nav{display:grid;gap:5px}.mld-side nav button{height:42px;border:1px solid transparent;border-radius:8px;background:transparent;color:#b9c7db;text-align:left;padding:0 13px;display:flex;align-items:center;gap:11px;font:500 11px Inter;cursor:pointer;transition:.18s}.mld-side nav button:hover{background:#0a2142;color:#fff}.mld-side nav button.active{border-color:#197cf0;background:linear-gradient(90deg,rgba(15,103,221,.27),rgba(20,89,179,.08));color:#39a0ff}
.mld-side-bottom{margin-top:auto;border:1px solid #1e4d82;border-radius:11px;background:linear-gradient(145deg,#08203f,#061429);padding:14px}.mld-side-bottom small{display:block;color:#7f96b5;font-size:9px}.mld-side-bottom b{display:block;margin:4px 0 11px;font-size:13px}.mld-side-bottom button{width:100%;height:34px;border:0;border-radius:6px;background:#1479ec;color:white;font:600 10px Inter;cursor:pointer}
.mld-app{min-width:0;background:radial-gradient(circle at 45% -10%,rgba(21,105,235,.2),transparent 34%),linear-gradient(180deg,#061530,#030d1d);position:relative}.mld-app:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(31,95,181,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(31,95,181,.035) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.mld-top{height:67px;border-bottom:1px solid #1d3c62;display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:0 18px;position:relative;z-index:3;background:rgba(4,16,36,.62);backdrop-filter:blur(14px)}
.mld-top>label{width:min(350px,43vw);height:37px;border:1px solid #294b75;border-radius:8px;background:#071a35;display:flex;align-items:center;gap:9px;padding:0 11px;position:relative}.mld-top>label>svg{width:16px;color:#8da5c2}.mld-top input{border:0;outline:0;background:transparent;color:#fff;width:100%;font:10px Inter}.mld-top input::placeholder{color:#7189a7}.mld-demo-pill{border:1px solid #2f71bd;border-radius:999px;background:#0a2d5e;color:#54aeff;padding:6px 10px;font:700 9px Inter;letter-spacing:.09em}.mld-exit{height:34px;padding:0 13px;border:1px solid #345176;background:#07172e;border-radius:7px;color:#dbe8f7;font:600 10px Inter;cursor:pointer}.mld-mobile-menu{display:none;border:0;background:none;color:#fff;font-size:20px}
.mld-search-results{display:none;position:absolute;top:44px;left:0;right:0;padding:6px;border:1px solid #2b507b;border-radius:9px;background:#06152c;box-shadow:0 18px 45px rgba(0,0,0,.42);z-index:30}.mld-search-results.show{display:grid}.mld-search-results button{border:0;background:transparent;color:#fff;border-radius:7px;padding:8px;display:flex;gap:9px;align-items:center;text-align:left;cursor:pointer}.mld-search-results button:hover{background:#0d284e}.mld-search-results span{display:grid;gap:2px}.mld-search-results b{font-size:10px}.mld-search-results small{color:#8198b4;font-size:8px}
.mld-app>main{position:relative;z-index:1;padding:20px;min-height:690px}.mld-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:16px}.mld-title small{color:#338ff3;font:700 8px Inter;letter-spacing:.14em}.mld-title h2{font-size:23px;margin:3px 0 3px}.mld-title p{margin:0;color:#879bb5;font-size:10px}.mld-title>span{border:1px solid #245081;border-radius:999px;padding:6px 10px;color:#84a7d3;font-size:8px;background:#071a34}
.mld-panel{border:1px solid #20456f;border-radius:11px;background:linear-gradient(150deg,rgba(7,27,56,.93),rgba(4,18,39,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.02);overflow:hidden}.mld-panel>header{height:45px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(34,73,117,.55)}.mld-panel h3{font-size:12px;margin:0}.mld-panel header button{border:0;background:none;color:#2391ff;font:500 8px Inter;cursor:pointer}.mld-panel select{background:#07182f;border:1px solid #284a72;border-radius:6px;color:#c9d8e9;font:9px Inter;padding:6px}
.mld-home-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(255px,.8fr);grid-template-areas:"next perf" "kpis standings";gap:11px}.mld-next{grid-area:next}.mld-performance{grid-area:perf;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding-bottom:13px}.mld-performance header{grid-column:1/-1}.mld-kpis{grid-area:kpis;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mld-standings{grid-area:standings}.mld-match-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px}.mld-match-card{border:1px solid #1f4169;border-radius:8px;background:#071a35;color:#fff;min-height:135px;padding:11px;text-align:left;cursor:pointer;transition:.18s}.mld-match-card:hover{border-color:#278df5;transform:translateY(-2px);background:#092347}.mld-match-card>small{color:#8da2bd;font-size:8px}.mld-match-card>div{display:grid;grid-template-columns:1fr 24px 1fr;align-items:center;text-align:center;margin:13px 0 10px;gap:4px}.mld-match-card>div>span{display:grid;justify-items:center;gap:5px}.mld-match-card b{font-size:8px}.mld-match-card strong{font-size:9px;color:#7d91ab}.mld-match-card>em{display:block;text-align:center;color:#4d9cff;font-style:normal;font-size:8px}
.mld-team-badge{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;background:linear-gradient(145deg,var(--team),#07152b 115%);border:2px solid color-mix(in srgb,var(--team) 65%,white 15%);color:white;font:700 7px Inter;box-shadow:0 0 0 2px rgba(255,255,255,.04)}.mld-team-badge.lg{width:60px;height:60px;font-size:13px;border-width:3px}.mld-team-badge.sm{flex:0 0 26px}
.mld-stat{border:1px solid #20446d;border-radius:9px;background:#071a34;min-height:111px;padding:12px;display:flex;flex-direction:column}.mld-stat small{color:#9db0c8;font-size:8px}.mld-stat strong{font-size:21px;margin:8px 0 3px}.mld-stat em{color:#27d593;font:500 7px Inter;font-style:normal}.mld-stat>i{height:2px;background:#112e50;margin-top:auto;overflow:hidden}.mld-stat>i span{display:block;height:100%;background:#188dff;box-shadow:0 0 10px #1388ff}
.mld-ring{width:92px;height:92px;border-radius:50%;margin:14px auto 4px;display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#081930 55%,transparent 56%),conic-gradient(#20d58e 0 68%,#f1a51d 68% 84%,#f04455 84%);box-shadow:0 0 25px rgba(31,204,142,.08)}.mld-ring b{font-size:19px}.mld-ring small{font-size:7px;color:#8fa4bf}.mld-performance ul{list-style:none;padding:8px 12px 0 0;margin:0;display:grid;gap:9px;font-size:8px}.mld-performance li{display:grid;grid-template-columns:8px 1fr auto;gap:6px;align-items:center;color:#aebdd0}.mld-performance li i{width:6px;height:6px;border-radius:50%}.mld-performance li .win{background:#20d58e}.mld-performance li .draw{background:#f2a41f}.mld-performance li .loss{background:#f04455}.mld-performance li b{color:#fff}
.mld-standings table,.mld-full-table table{width:100%;border-collapse:collapse}.mld-standings th,.mld-standings td{font-size:7px;padding:7px 10px;text-align:left;border-bottom:1px solid #132d4c}.mld-standings th{color:#7088a5;font-weight:500}.mld-standings td{color:#c4d1e0}.mld-full-table{padding:3px 13px 13px}.mld-full-table th,.mld-full-table td{padding:12px 9px;border-bottom:1px solid #153455;text-align:left;font-size:9px}.mld-full-table th{color:#788fa9}.mld-full-table tbody tr[data-demo-team]{cursor:pointer}.mld-full-table tbody tr[data-demo-team]:hover{background:#0b2549}.mld-full-table td:nth-child(2){display:flex;align-items:center;gap:9px}.mld-full-table td strong{color:#fff;font-size:11px}
.mld-list-panel{border:1px solid #20456f;border-radius:11px;overflow:hidden}.mld-row-match{width:100%;min-height:67px;border:0;border-bottom:1px solid #173759;background:#06162d;color:#fff;display:grid;grid-template-columns:130px 1fr 40px 1fr 65px 20px;align-items:center;text-align:left;padding:0 16px;cursor:pointer}.mld-row-match:hover{background:#0a2447}.mld-row-match:last-child{border-bottom:0}.mld-row-match small{color:#7f96b3;font-size:8px}.mld-row-match>span{display:flex;align-items:center;gap:9px;font-size:10px}.mld-row-match>b{text-align:center;color:#667d99;font-size:9px}.mld-row-match em{font-style:normal;text-align:right;font-size:10px}.mld-row-match i{color:#2f91f6;font-style:normal;text-align:right;font-size:20px}
.mld-team-hero{border:1px solid #24578d;border-radius:12px;background:radial-gradient(circle at 20% 20%,rgba(19,99,220,.21),transparent 32%),#07172f;padding:18px;display:flex;justify-content:space-between;gap:18px;margin-bottom:12px}.mld-team-hero>div:first-child{display:flex;gap:14px;align-items:center}.mld-team-hero section small{font-size:7px;color:#3196ff;letter-spacing:.12em}.mld-team-hero h2{font-size:27px;margin:3px 0}.mld-team-hero p{margin:0;color:#91a4bd;font-size:9px}.mld-team-meta{display:grid;grid-template-columns:repeat(4,auto);gap:23px;align-items:center}.mld-team-meta span{border-left:1px solid #244467;padding-left:16px;display:grid;gap:4px}.mld-team-meta small{color:#8196b0;font-size:7px}.mld-team-meta b{font-size:12px}.mld-form{display:flex!important;gap:3px}.mld-form i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:7px}.mld-form .w{background:#15ae70}.mld-form .l{background:#df3c4b}.mld-form .d{background:#d99a1d}.mld-team-grid{display:grid;grid-template-columns:1.5fr .8fr;gap:11px}.mld-small-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px}.mld-small-stats .mld-stat{min-height:105px}.mld-mini-match{width:100%;height:56px;border:0;border-bottom:1px solid #163555;background:transparent;color:#fff;padding:0 13px;display:grid;grid-template-columns:90px 1fr 45px;align-items:center;text-align:left;cursor:pointer}.mld-mini-match:hover{background:#0b2445}.mld-mini-match span{color:#8499b3;font-size:7px}.mld-mini-match b{font-size:9px}.mld-mini-match em{font-style:normal;text-align:right;font-size:9px}
.mld-compare{display:grid;grid-template-columns:180px 1fr 180px;gap:16px;align-items:center;padding:27px}.mld-club-head{text-align:center;display:grid;justify-items:center;gap:8px}.mld-club-head h3{font-size:19px}.mld-bars{display:grid;gap:12px}.mld-bars>div{display:grid;grid-template-columns:55px 1fr 55px;gap:12px;align-items:center;text-align:center}.mld-bars>div>span{font-size:12px;font-weight:700}.mld-bars p{margin:0}.mld-bars p b{display:block;color:#9fb0c5;font-size:8px;margin-bottom:5px}.mld-bars p i{display:block;height:5px;border-radius:5px;background:#b31e35;overflow:hidden}.mld-bars p em{display:block;height:100%;background:#176ee8}
.mld-bet-layout{display:grid;grid-template-columns:1.4fr .7fr;gap:12px}.mld-pick{width:100%;height:68px;border:0;border-bottom:1px solid #173858;background:transparent;color:#fff;padding:0 15px;display:grid;grid-template-columns:1fr 60px 30px;align-items:center;text-align:left;cursor:pointer}.mld-pick:hover{background:#0a2447}.mld-pick>span{display:grid;gap:4px}.mld-pick b{font-size:10px}.mld-pick small{color:#7f96b2;font-size:8px}.mld-pick em{font-style:normal;font-size:14px;color:#2e9bff}.mld-pick i{font-style:normal;width:25px;height:25px;border:1px solid #2b689f;border-radius:50%;display:grid;place-items:center;color:#4cabff}.mld-slip{min-height:330px;display:flex;flex-direction:column}.mld-slip>[data-demo-slip]{padding:9px}.mld-slip>[data-demo-slip]>div{display:grid;grid-template-columns:1fr 40px 20px;gap:7px;align-items:center;padding:10px;border:1px solid #1e4065;border-radius:7px;margin-bottom:7px;background:#07192f}.mld-slip>[data-demo-slip] span{display:grid}.mld-slip>[data-demo-slip] b{font-size:8px}.mld-slip>[data-demo-slip] small{color:#8197b0;font-size:7px}.mld-slip>[data-demo-slip] em{font-style:normal;font-size:10px;color:#32a0ff}.mld-slip>[data-demo-slip] button{border:0;background:none;color:#ff6471;cursor:pointer}.mld-slip footer{margin-top:auto;border-top:1px solid #1f426a;padding:13px;display:flex;justify-content:space-between;align-items:center}.mld-slip footer span{color:#8399b4;font-size:9px}.mld-slip footer strong{font-size:21px}
.mld-empty{color:#8398b2;font-size:9px;text-align:center;padding:28px 10px;margin:0}.mld-ai{display:grid;grid-template-columns:1fr 300px;gap:12px}.mld-ai-chat{min-height:430px;max-height:520px;overflow:auto;border:1px solid #21476f;border-radius:11px;background:#06162d;padding:15px;display:flex;flex-direction:column;gap:10px}.mld-ai-chat>div{max-width:76%;border-radius:10px;padding:11px 13px}.mld-ai-chat .bot{align-self:flex-start;background:#0a2345;border:1px solid #23517e}.mld-ai-chat .user{align-self:flex-end;background:#1268ce}.mld-ai-chat b{font-size:8px;color:#4ca5ff}.mld-ai-chat p{margin:4px 0 0;font-size:10px;line-height:1.5}.mld-ai-prompts{display:grid;align-content:start;gap:9px}.mld-ai-prompts button{border:1px solid #25517f;border-radius:9px;background:#071a34;color:#d7e2ef;text-align:left;padding:14px;font:500 10px/1.4 Inter;cursor:pointer}.mld-ai-prompts button:hover{border-color:#2d93f9;background:#0b274d}
.mld-news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.mld-news-grid article{border:1px solid #21476f;border-radius:11px;background:#07182f;padding:17px;min-height:210px}.mld-news-grid article>span{color:#3498ff;font:700 8px Inter}.mld-news-grid h3{font-size:15px;line-height:1.25;margin:10px 0}.mld-news-grid p{color:#91a5be;font-size:9px;line-height:1.55}.mld-news-grid small{color:#68819f;font-size:7px}.mld-news-grid button{display:block;margin-top:15px;border:0;background:none;color:#3498ff;padding:0;font:500 9px Inter;cursor:pointer}
.mld-modal{position:fixed;inset:0;z-index:20000;background:rgba(0,6,15,.78);backdrop-filter:blur(8px);display:grid;place-items:center;padding:25px}.mld-modal-card{width:min(880px,96vw);max-height:90vh;overflow:auto;border:1px solid #2b6099;border-radius:15px;background:linear-gradient(145deg,#071b36,#041124);box-shadow:0 30px 100px rgba(0,0,0,.6);padding:20px;position:relative;color:#fff}.mld-modal-x{position:absolute;right:13px;top:10px;border:0;background:none;color:#a9bbd0;font-size:25px;cursor:pointer}.mld-modal-card>small{color:#6e8fb6;font-size:8px}.mld-score-head{display:grid;grid-template-columns:1fr 80px 1fr;align-items:center;text-align:center;margin:18px 0}.mld-score-head>span{display:grid;justify-items:center;gap:7px;font-size:14px}.mld-score-head>strong{color:#6d85a3}.mld-demo-note{border:1px solid #295785;border-radius:8px;background:#0a2648;padding:9px 11px;color:#91b5df;font-size:8px}.mld-match-detail{display:grid;grid-template-columns:1.2fr .8fr;gap:12px}.mld-match-detail>section{border:1px solid #1e4168;border-radius:10px;background:#06162d;padding:13px}.mld-match-detail h3{font-size:12px;margin:0 0 11px}.mld-match-detail>section:first-child>div{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center;gap:8px;padding:7px 0}.mld-match-detail>section:first-child span{font-size:8px;color:#9fb0c5}.mld-match-detail>section:first-child i{display:block;height:3px;background:#9e2637;margin-top:5px}.mld-match-detail>section:first-child em{display:block;height:100%;background:#1681ee}.mld-event{display:grid;grid-template-columns:45px 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #153555}.mld-event time{color:#3297ff;font:700 9px Inter}.mld-event span{display:grid;gap:2px}.mld-event b{font-size:9px}.mld-event small{font-size:7px;color:#7f94af}.mld-modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.mld-modal-actions button{border:1px solid #28598d;border-radius:7px;background:#0b2a51;color:#fff;padding:8px 11px;font:500 9px Inter;cursor:pointer}
@media(max-width:1100px){.mlp-live-demo{grid-template-columns:180px 1fr}.mld-home-grid{grid-template-columns:1fr;grid-template-areas:"next" "kpis" "perf" "standings"}.mld-performance{min-height:190px}.mld-team-hero{flex-direction:column}.mld-team-meta{grid-template-columns:repeat(4,1fr)}.mld-compare{grid-template-columns:130px 1fr 130px}.mld-ai{grid-template-columns:1fr}.mld-ai-prompts{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.mlp-page-body:has(.mlp-live-demo){width:calc(100% - 18px)}.mlp-live-demo{display:block;min-height:730px}.mld-side{position:absolute;z-index:50;left:-245px;top:0;bottom:0;width:225px;transition:.2s;box-shadow:20px 0 50px rgba(0,0,0,.55)}.mld-side.open{left:0}.mld-mobile-menu{display:block;margin-right:auto}.mld-top{padding:0 10px}.mld-top>label{width:min(260px,62vw)}.mld-demo-pill{display:none}.mld-app>main{padding:12px}.mld-match-grid,.mld-kpis,.mld-small-stats,.mld-news-grid{grid-template-columns:1fr}.mld-team-grid,.mld-bet-layout,.mld-match-detail{grid-template-columns:1fr}.mld-team-meta{grid-template-columns:1fr 1fr;gap:9px}.mld-team-meta span{padding-left:8px}.mld-row-match{grid-template-columns:90px 1fr 28px 1fr 44px;padding:0 8px}.mld-row-match i{display:none}.mld-row-match>span{font-size:8px}.mld-row-match .mld-team-badge{display:none}.mld-compare{grid-template-columns:1fr}.mld-bars{order:2}.mld-ai-prompts{grid-template-columns:1fr}.mld-score-head{grid-template-columns:1fr 35px 1fr}.mld-title{align-items:flex-start;flex-direction:column}.mld-title>button{align-self:flex-start}.mld-modal{padding:10px}}

/* ===== MatchLab v9.2 — demo truly inside the real application shell ===== */
body.demo-standalone{min-height:100vh;background:radial-gradient(900px 600px at 55% -10%,rgba(17,76,150,.18),transparent 62%),linear-gradient(180deg,#020814,#020b18 55%,#021326);overflow-x:hidden}
body.demo-standalone .mlp-live-demo{display:block;min-height:100vh;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
body.demo-standalone .mld-side{position:fixed;inset:0 auto 0 0;width:286px;padding:26px 20px 24px;border-right:1px solid #24324a;background:linear-gradient(180deg,rgba(3,13,27,.98),rgba(4,27,55,.98));z-index:20}
body.demo-standalone .mld-side .logo.brand-real{margin:0 8px 28px!important}
body.demo-standalone .mld-side nav{display:flex;flex-direction:column;gap:7px}
body.demo-standalone .mld-side nav button{width:100%;min-height:48px;border:0;border-radius:10px;background:transparent;color:#f3f5f8;text-align:left;padding:14px 16px;display:flex;align-items:center;gap:15px;font:500 16px Inter;cursor:pointer;transition:.16s}
body.demo-standalone .mld-side nav button:hover{background:rgba(9,55,104,.56);color:#fff}
body.demo-standalone .mld-side nav button.active{background:linear-gradient(90deg,#06509b,#0c6fd5);box-shadow:inset 0 0 0 1px #1688ff;color:#fff}
body.demo-standalone .mld-side nav button .ico{width:22px;text-align:center;color:#e8edf5;font-size:18px}
body.demo-standalone .mld-side-bottom{margin-top:auto;border:1px solid #10509c;border-radius:12px;background:linear-gradient(180deg,#07366f,#05254e);padding:16px}
body.demo-standalone .mld-side-bottom .small{font-size:12px}
body.demo-standalone .mld-side-bottom button{width:100%;height:auto;margin-top:14px;border:1px solid #1289ff;border-radius:8px;background:linear-gradient(180deg,#0a86ff,#0666da);padding:10px 16px;font:500 14px Inter}
body.demo-standalone .mld-app{margin-left:286px;min-height:100vh;padding:28px 30px 36px;position:relative;background:transparent}
body.demo-standalone .mld-app:before{display:none}
body.demo-standalone .mld-top{height:auto;border:0;padding:0;background:transparent;backdrop-filter:none;display:flex;justify-content:space-between;align-items:flex-start;gap:22px;margin-bottom:24px;position:relative;z-index:3}
body.demo-standalone .mld-top .top-title h1{font-size:27px}
body.demo-standalone .mld-top .top-title p{font-size:14px}
body.demo-standalone .mld-search-wrap{display:block;position:relative;width:430px;height:48px;background:transparent;border:0;padding:0}
body.demo-standalone .mld-search-wrap>svg{position:absolute;z-index:2;right:16px;top:14px;width:20px;height:20px;color:#8fa6c2;pointer-events:none}
body.demo-standalone .mld-search-wrap .search{width:100%;height:48px;padding:0 46px 0 18px}
body.demo-standalone .mld-search-results{top:55px;left:0;right:0}
body.demo-standalone .mld-demo-pill{height:48px;display:inline-flex;align-items:center;border:1px solid #215489;border-radius:10px;padding:0 14px;background:#071b35;color:#42a5ff;font:700 11px Inter;letter-spacing:.09em}
body.demo-standalone .mld-mobile-menu{display:none}
body.demo-standalone .content{position:relative;z-index:2}
body.demo-standalone [data-demo-stage]{min-width:0}
body.demo-standalone .mld-title small{font-size:10px}
body.demo-standalone .mld-title h2{font-size:26px}
body.demo-standalone .mld-title p{font-size:13px}
body.demo-standalone .mld-panel h3{font-size:16px}
body.demo-standalone .mld-panel>header{height:54px;padding:0 16px}
body.demo-standalone .mld-panel header button{font-size:12px}
body.demo-standalone .mld-panel select{font-size:12px}
body.demo-standalone .mld-team-badge{width:auto;height:auto;min-width:0;border:0;background:none;box-shadow:none;display:inline-flex;align-items:center;justify-content:center;overflow:visible;border-radius:0}
body.demo-standalone .mld-team-badge .club-logo{width:34px;height:34px;flex-basis:34px;border-radius:50%;background:#f8fbff!important}
body.demo-standalone .mld-team-badge.lg .club-logo{width:66px;height:66px;flex-basis:66px;border-radius:18px}
body.demo-standalone .feature-match .mld-team-badge.lg .club-logo{width:66px;height:66px;flex-basis:66px;border-radius:50%}
body.demo-standalone .mld-standing-team{display:flex;align-items:center;gap:8px}
body.demo-standalone .mld-comp-line{display:flex!important;justify-content:center;align-items:center;gap:7px}
body.demo-standalone .mld-comp-line .competition-logo{width:20px;height:20px;flex-basis:20px}
body.demo-standalone .mld-real-home.dashboard-exact{grid-template-columns:minmax(0,1fr) 380px}
body.demo-standalone .mld-real-feature{cursor:pointer}
body.demo-standalone .mld-real-feature:hover{border-color:#1e97ff;transform:translateY(-1px)}
body.demo-standalone .mld-real-kpis{margin-top:18px}
body.demo-standalone .mld-real-news .card{min-height:185px}
body.demo-standalone .mld-real-news h3{font-size:16px;margin-top:12px}
body.demo-standalone .mld-news-team{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700}
body.demo-standalone .mld-link-btn{border:0;background:none;color:#1a9dff;padding:0;cursor:pointer;font:500 14px Inter;text-decoration:none}
body.demo-standalone .mld-demo-info{margin-top:16px}
body.demo-standalone .mld-team-hero{padding:22px;border-color:#24578d;background:radial-gradient(circle at 20% 20%,rgba(19,99,220,.21),transparent 32%),rgba(6,20,39,.93)}
body.demo-standalone .mld-team-hero h2{font-size:32px}
body.demo-standalone .mld-team-hero p{font-size:12px;margin-top:9px}
body.demo-standalone .mld-coach-inline{display:flex;align-items:center;gap:9px;margin-top:10px}
body.demo-standalone .mld-coach-inline img{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#0b1c31;border:1px solid #36597f}
body.demo-standalone .mld-coach-inline span{display:grid;gap:2px}
body.demo-standalone .mld-coach-inline small{font-size:9px;color:#7f96b3;letter-spacing:0}
body.demo-standalone .mld-coach-inline b{font-size:12px}
body.demo-standalone .mld-mini-match b{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
body.demo-standalone .mld-mini-match .mld-team-badge .club-logo{width:23px;height:23px;flex-basis:23px}
body.demo-standalone .mld-score-head .mld-team-badge.lg .club-logo{width:74px;height:74px;flex-basis:74px}
body.demo-standalone .mld-search-results .mld-team-badge .club-logo{width:30px;height:30px;flex-basis:30px}
body.demo-standalone .mld-full-table td:nth-child(2){display:flex;align-items:center;gap:9px}
body.demo-standalone .mld-standings td:nth-child(2){min-width:150px}
@media(max-width:1200px){body.demo-standalone .mld-side{width:230px}body.demo-standalone .mld-app{margin-left:230px}body.demo-standalone .mld-search-wrap{width:300px}body.demo-standalone .mld-real-home.dashboard-exact{grid-template-columns:1fr}.dashboard-side{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.dashboard-side .mld-demo-info{margin-top:0}}
@media(max-width:800px){body.demo-standalone .mld-side{position:fixed;left:-250px;width:230px;transition:.2s;box-shadow:18px 0 40px rgba(0,0,0,.5)}body.demo-standalone .mld-side.open{left:0}body.demo-standalone .mld-app{margin-left:0;padding:18px}body.demo-standalone .mld-mobile-menu{display:inline-flex;margin-bottom:14px;border:1px solid #2a405c;border-radius:8px;background:#071626;color:#fff;padding:9px 12px}body.demo-standalone .mld-top{flex-direction:column}.demo-standalone .top-actions{width:100%}body.demo-standalone .mld-search-wrap{flex:1;width:auto}.dashboard-side{grid-template-columns:1fr}.featured-grid,.mld-real-kpis,.mld-real-news{grid-template-columns:1fr}}

/* ===== MatchLab v9.4 — comparison demo mirrors the real app ===== */
body.demo-standalone .mld-cmp-title{margin-bottom:16px}
.mld-cmp-demo-badge{border:1px solid rgba(27,142,255,.42);background:rgba(8,91,174,.18);color:#55adff;border-radius:7px;padding:8px 11px;font:700 10px Inter;letter-spacing:.08em}
.mld-cmp-head{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr) 230px;gap:12px;align-items:stretch;margin-bottom:13px}
.mld-cmp-teamcard,.mld-cmp-competition{min-height:118px;border:1px solid #214870;border-radius:12px;background:linear-gradient(180deg,rgba(7,28,54,.96),rgba(4,17,34,.98));display:flex;align-items:center;padding:16px;gap:14px;box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}
.mld-cmp-teamcard>.mld-team-badge.lg{flex:0 0 auto}.mld-cmp-teamcard>div{min-width:0}.mld-cmp-teamcard>div>small,.mld-cmp-competition small{display:block;color:#6f8baa;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.mld-cmp-teamcard h3{font-size:20px!important;margin:3px 0 2px}.mld-cmp-teamcard>div>span{display:block;color:#879db7;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.mld-cmp-teamcard label{margin-left:auto;min-width:130px}.mld-cmp-teamcard label>span{display:block;color:#6f8baa;font-size:8px;margin-bottom:5px}.mld-cmp-teamcard select{width:100%;height:34px;border:1px solid #2a5079;border-radius:7px;background:#07182f;color:#e9f0f8;padding:0 8px;font:500 9px Inter;outline:none}.mld-cmp-teamcard select:focus{border-color:#1688ff}.mld-cmp-vs{display:grid;place-items:center;color:#8197b1;font:800 13px Inter}.mld-cmp-competition{gap:11px}.mld-cmp-competition .competition-icon,.mld-cmp-competition img{width:36px;height:36px;object-fit:contain}.mld-cmp-competition div{display:grid;gap:2px}.mld-cmp-competition b{font-size:13px}.mld-cmp-competition span{font-size:9px;color:#7390b1}
.mld-cmp-probability{margin-bottom:13px;overflow:hidden}.mld-cmp-probability>header,.mld-cmp-metrics>header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #173a61}.mld-cmp-probability header small,.mld-cmp-metrics header small{display:block;color:#438fd9;font:700 8px Inter;letter-spacing:.1em}.mld-cmp-probability header h3,.mld-cmp-metrics header h3{margin:2px 0 0!important}.mld-cmp-probability header>span{font-size:8px;color:#7d93ae}
.mld-cmp-event-tabs{display:flex;gap:6px;overflow-x:auto;padding:11px 14px;border-bottom:1px solid #173654;background:rgba(4,18,36,.55)}.mld-cmp-event-tabs button{flex:0 0 auto;height:32px;border:1px solid #244f7b;border-radius:7px;background:#071a34;color:#96abc4;padding:0 13px;font:600 9px Inter;cursor:pointer}.mld-cmp-event-tabs button:hover,.mld-cmp-event-tabs button.active{background:linear-gradient(180deg,#0c75db,#0759b1);border-color:#1688ff;color:#fff;box-shadow:0 0 0 1px rgba(22,136,255,.12)}
.mld-cmp-prob-main{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(330px,1.2fr) minmax(230px,.8fr);gap:14px;padding:15px}.mld-cmp-thresholds{border:1px solid #1d4168;border-radius:10px;background:#06152a;padding:13px}.mld-cmp-thresholds>small{color:#7792b1;font-size:8px}.mld-cmp-thresholds>div{display:flex;flex-wrap:wrap;gap:7px;margin:9px 0}.mld-cmp-thresholds button{height:31px;border:1px solid #27527d;border-radius:7px;background:#081c37;color:#b7c6d8;padding:0 10px;font:600 9px Inter;cursor:pointer}.mld-cmp-thresholds button.active{background:#0b6fd2;border-color:#2093ff;color:#fff}.mld-cmp-thresholds p{color:#738ba7;font-size:8px;line-height:1.45;margin:8px 0 0}
.mld-cmp-prob-score{border:1px solid #23517e;border-radius:10px;background:radial-gradient(circle at 25% 50%,rgba(15,104,197,.2),transparent 44%),#06152b;padding:13px 16px;display:flex;align-items:center;gap:17px}.mld-cmp-ring{--prob:50;width:108px;height:108px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:conic-gradient(#1a91ff calc(var(--prob)*1%),#123151 0);position:relative}.mld-cmp-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#06162c;box-shadow:inset 0 0 20px rgba(0,0,0,.35)}.mld-cmp-ring>span{position:relative;z-index:2;text-align:center}.mld-cmp-ring strong{display:block;font-size:27px;line-height:1}.mld-cmp-ring small{display:block;color:#8da6c2;font-size:8px;margin-top:5px}.mld-cmp-prob-score>div:last-child small{color:#7893b1;font-size:8px}.mld-cmp-prob-score h3{font-size:17px!important;margin:3px 0 6px!important}.mld-cmp-prob-score p{color:#839ab5;font-size:8px;line-height:1.45;margin:0;max-width:280px}
.mld-cmp-team-probs{display:grid;align-content:center;gap:9px}.mld-cmp-team-probs>div{display:flex;align-items:center;gap:9px;border:1px solid #1e4169;border-radius:9px;background:#06152a;padding:10px}.mld-cmp-team-probs .mld-team-badge{flex:0 0 auto}.mld-cmp-team-probs>div>span{flex:1;display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center}.mld-cmp-team-probs small{font-size:8px;color:#8ba0ba}.mld-cmp-team-probs b{font-size:13px}.mld-cmp-team-probs i{grid-column:1/3;height:4px;border-radius:5px;background:#122c49;overflow:hidden}.mld-cmp-team-probs em{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#0878e8,#24a0ff)}
.mld-cmp-metrics{margin-bottom:13px}.mld-cmp-legends{display:flex;align-items:center;gap:13px;color:#a6b7ca;font-size:8px}.mld-cmp-legends>span{display:flex;align-items:center;gap:5px}.mld-cmp-legends .mld-team-badge,.mld-cmp-legends .club-logo{width:23px!important;height:23px!important;flex-basis:23px!important}.mld-cmp-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:12px}.mld-cmp-metric{border:1px solid #1d426a;border-radius:9px;background:#06152a;padding:11px;min-height:105px}.mld-cmp-metric>small{color:#8299b4;font-size:8px}.mld-cmp-metric>div:nth-child(2){display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:6px;margin:12px 0 10px}.mld-cmp-metric strong{font-size:17px}.mld-cmp-metric strong:last-child{text-align:right}.mld-cmp-metric>div:nth-child(2)>span{color:#5f7896;font-size:7px;text-align:center}.mld-cmp-dualbar{height:5px;display:grid!important;grid-template-columns:1fr 1fr!important;gap:3px!important;margin:0!important}.mld-cmp-dualbar i{height:5px;border-radius:5px;background:#1688ff;justify-self:end}.mld-cmp-dualbar i:last-child{background:#e32845;justify-self:start}.mld-cmp-bottom{display:grid;grid-template-columns:1fr 1.15fr .9fr;gap:12px}.mld-cmp-bottom .mld-panel{padding-bottom:13px}.mld-cmp-bottom .mld-panel>header{display:flex;align-items:center;justify-content:space-between;padding:0 13px;border-bottom:1px solid #173a60}.mld-cmp-bottom .mld-panel>header>span{color:#3a9cf7;font:700 9px Inter}.mld-cmp-form-row{padding:10px 13px;display:grid;gap:8px}.mld-cmp-form-row>div{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:7px}.mld-cmp-form-row .mld-team-badge,.mld-cmp-form-row .club-logo{width:28px!important;height:28px!important;flex-basis:28px!important}.mld-cmp-form-row b{font-size:9px}.mld-cmp-form-row>div>span{display:flex;gap:4px}.mld-cmp-form-row i{width:21px;height:21px;border-radius:50%;display:grid;place-items:center;font-style:normal;font:700 7px Inter;color:#fff;background:#6b7787}.mld-cmp-form-row i.w{background:#05a66b}.mld-cmp-form-row i.l{background:#e74757}.mld-cmp-form-row i.d{background:#6f8196}.mld-cmp-insight{color:#91a6be;font-size:9px;line-height:1.55;padding:12px 13px 4px;margin:0}.mld-cmp-bottom .btn{margin:7px 13px 0}.mld-cmp-view-switch{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:12px 12px 6px}.mld-cmp-view-switch button{height:32px;border:1px solid #254b75;border-radius:7px;background:#07182e;color:#899fb9;font:600 8px Inter}.mld-cmp-view-switch button.active{border-color:#1688ff;background:#0b5eb8;color:#fff}.mld-cmp-view-switch+p{padding:0 12px}
@media(max-width:1250px){.mld-cmp-head{grid-template-columns:1fr 44px 1fr}.mld-cmp-competition{grid-column:1/-1;min-height:75px}.mld-cmp-prob-main{grid-template-columns:1fr 1fr}.mld-cmp-team-probs{grid-column:1/-1;grid-template-columns:1fr 1fr}.mld-cmp-metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mld-cmp-bottom{grid-template-columns:1fr 1fr}.mld-cmp-bottom>:last-child{grid-column:1/-1}}
@media(max-width:850px){.mld-cmp-head{grid-template-columns:1fr}.mld-cmp-vs{height:24px}.mld-cmp-prob-main{grid-template-columns:1fr}.mld-cmp-team-probs{grid-template-columns:1fr}.mld-cmp-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mld-cmp-bottom{grid-template-columns:1fr}.mld-cmp-bottom>:last-child{grid-column:auto}.mld-cmp-teamcard{flex-wrap:wrap}.mld-cmp-teamcard label{width:100%;margin-left:0}.mld-cmp-legends{display:none}}
@media(max-width:560px){.mld-cmp-metric-grid{grid-template-columns:1fr}.mld-cmp-prob-score{flex-direction:column;text-align:center}.mld-cmp-title>span{align-self:flex-start}}

/* ===== MatchLab v9.6 — demo long-screen scrolling fix ===== */
html:has(body.demo-standalone),
body.demo-standalone{
  height:auto!important;
  min-height:100%!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  overscroll-behavior-y:auto;
  scroll-behavior:smooth;
}
body.demo-standalone #app,
body.demo-standalone .route-demo,
body.demo-standalone .mlp-live-demo{
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow:visible!important;
}
body.demo-standalone .mld-app,
body.demo-standalone .main{
  height:auto!important;
  min-height:100vh!important;
  max-height:none!important;
  overflow:visible!important;
}
body.demo-standalone .content,
body.demo-standalone [data-demo-stage]{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
}
body.demo-standalone [data-demo-stage]::after{
  content:"";
  display:block;
  height:18px;
}
/* Sidebar stays app-like, but can itself scroll on short displays. */
body.demo-standalone .mld-side{
  height:100vh!important;
  max-height:100vh!important;
  overflow-x:hidden!important;
  overflow-y:auto!important;
  scrollbar-width:thin;
}
/* Comparison must never create an internal clipped viewport. */
body.demo-standalone .mld-cmp-head,
body.demo-standalone .mld-cmp-probability,
body.demo-standalone .mld-cmp-metrics,
body.demo-standalone .mld-cmp-bottom{
  max-height:none!important;
}
body.demo-standalone .mld-cmp-probability,
body.demo-standalone .mld-cmp-metrics{
  overflow:visible!important;
}
body.demo-standalone .mld-cmp-event-tabs{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  scrollbar-width:thin;
}
@media(max-width:800px){
  body.demo-standalone .mld-side{
    overflow-y:auto!important;
  }
  body.demo-standalone .mld-app,
  body.demo-standalone .main{
    min-height:100vh!important;
    overflow:visible!important;
  }
}