/* ============================================================
   MatchDayPro Application Shell V1A
   Header compacto com marca, login contextual e footer de produto.
   ============================================================ */

/* A barra compacta de contexto nunca perde a marca. */
.cmp-jump-inner{min-width:0}
.cmp-jump-identity{display:flex!important;align-items:center;gap:10px;min-width:0}
.cmp-jump-brand{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}
.cmp-jump-brand img{width:88px;height:28px;object-fit:contain;display:block}
.cmp-jump-divider{width:1px;height:22px;background:#343a36;flex:0 0 auto}
.cmp-jump-context{display:flex;align-items:baseline;gap:8px;min-width:0}
.cmp-jump-context strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cmp-jump-context span{flex:0 0 auto}

/* Login contextual: reutiliza o login atual sem quebrar o fluxo existente. */
body.mdp-shell-auth-open{overflow:hidden}
.mdp-shell-auth-modal{position:fixed;inset:0;z-index:210;display:grid;place-items:center;padding:24px}
.mdp-shell-auth-modal[hidden]{display:none!important}
.mdp-shell-auth-backdrop{position:absolute;inset:0;background:rgba(5,8,6,.72);backdrop-filter:blur(7px)}
.mdp-shell-auth-panel{position:relative;width:min(520px,100%);max-height:min(760px,calc(100vh - 48px));display:flex;flex-direction:column;background:var(--card,#fff);color:var(--ink,#101412);border:1px solid var(--line,#dde3df);border-radius:22px;box-shadow:0 28px 90px rgba(0,0,0,.38);overflow:hidden}
.mdp-shell-auth-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 20px 15px;border-bottom:1px solid var(--line,#dde3df)}
.mdp-shell-auth-head small{display:block;color:#b37c00;font:900 8px Montserrat,sans-serif;letter-spacing:.12em}
.mdp-shell-auth-head h2{margin:5px 0 5px;font:900 23px/1.05 Montserrat,sans-serif;letter-spacing:-.035em}
.mdp-shell-auth-head p{margin:0;color:var(--muted,#6d7771);font-size:10px;line-height:1.45}
.mdp-shell-auth-head>button{width:36px;height:36px;flex:0 0 auto;border:1px solid var(--line,#dde3df);border-radius:11px;background:var(--soft,#f8faf9);color:var(--ink,#101412);cursor:pointer}
.mdp-shell-auth-frame-wrap{position:relative;min-height:480px;flex:1 1 auto;background:var(--soft,#f8faf9)}
.mdp-shell-auth-frame{width:100%;height:520px;border:0;background:transparent;display:block}
.mdp-shell-auth-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--muted,#6d7771);font:800 9px Montserrat,sans-serif;z-index:1;pointer-events:none}
.mdp-shell-auth-loading.is-hidden{display:none}
.mdp-shell-auth-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid var(--line,#dde3df);font-size:9px;color:var(--muted,#6d7771)}
.mdp-shell-auth-foot a{font:800 9px Montserrat,sans-serif;color:#9a6a00;text-decoration:none}
.mdp-shell-auth-foot a:hover{text-decoration:underline}

/* Footer de produto: propositalmente mais compacto que o footer da landing. */
.mdp-product-footer{margin-top:44px;background:#0d100e;color:#d8ddda;border-top:1px solid #282e2a;padding:28px max(24px,calc((100vw - 1370px)/2)) 18px}
.mdp-product-footer-inner{display:grid;grid-template-columns:minmax(260px,1.15fr) minmax(420px,1fr);gap:48px;align-items:start}
.mdp-product-footer-brand img{width:132px;height:44px;object-fit:contain;object-position:left center}
.mdp-product-footer-brand p{max-width:480px;margin:10px 0 4px;color:#9fa7a2;font-size:10px;line-height:1.55}
.mdp-product-footer-brand small{color:#777f7a;font-size:8px}
.mdp-product-footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.mdp-product-footer-links strong{display:block;margin-bottom:9px;color:#fff;font:900 9px Montserrat,sans-serif}
.mdp-product-footer-links a{display:block;width:max-content;max-width:100%;margin:7px 0;color:#9fa7a2;text-decoration:none;font-size:9px}
.mdp-product-footer-links a:hover{color:#ffbd22}
.mdp-product-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:22px;padding-top:14px;border-top:1px solid #282e2a;color:#777f7a;font-size:8px}
.mdp-product-footer-bottom a{color:#9fa7a2;text-decoration:none}
.mdp-product-footer-bottom a:hover{color:#ffbd22}

@media(max-width:980px){
  .mdp-product-footer-inner{grid-template-columns:1fr;gap:28px}
}

@media(max-width:760px){
  .mdp-shell-auth-modal{padding:0;place-items:stretch}
  .mdp-shell-auth-panel{width:100%;height:100%;max-height:none;border-radius:0;border:0}
  .mdp-shell-auth-head{padding:18px 16px 13px}
  .mdp-shell-auth-head h2{font-size:21px}
  .mdp-shell-auth-frame-wrap{min-height:0;flex:1 1 auto}
  .mdp-shell-auth-frame{height:100%}
  .mdp-shell-auth-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom))}
  .mdp-product-footer{margin-top:30px;padding:24px 16px calc(86px + env(safe-area-inset-bottom))}
  .mdp-product-footer-links{grid-template-columns:1fr 1fr;gap:22px}
  .mdp-product-footer-links>div:last-child{grid-column:1/-1}
  .mdp-product-footer-bottom{align-items:flex-start;flex-direction:column}
}

/* V1B - uso em Jogo/Rankings e navegacao de recuperacao. */
.mdp-product-topbar .product-left{display:flex;align-items:center;min-width:0;height:100%}
.mdp-shell-auth-foot{flex-wrap:wrap;justify-content:flex-start;column-gap:18px;row-gap:7px}
.mdp-shell-auth-foot span{margin-right:auto}
.mdp-shell-auth-frame{height:520px;width:100%;display:block}
@media(max-width:760px){.mdp-shell-auth-frame{height:100%}.mdp-shell-auth-foot{row-gap:10px}.mdp-shell-auth-foot span{display:none}}


/* ==============================================================
   V1E.1 -- Shell adaptativo opt-in (somente body.mdp-shell-adaptive)
   CSS isolado: perfis e paginas publicas nao mudam nesta fase.
   ============================================================== */
body.mdp-shell-adaptive{--mdp-adaptive-width:72px;padding-left:var(--mdp-adaptive-width);transition:padding-left .2s ease}
body.mdp-shell-adaptive[data-mdp-nav="expanded"]{--mdp-adaptive-width:242px}
body.mdp-shell-adaptive .mdp-adaptive-sidebar{position:fixed;inset:0 auto 0 0;width:var(--mdp-adaptive-width);background:#0d100e;color:#f4f5f1;border-right:1px solid #343021;z-index:165;display:flex;flex-direction:column;transition:width .2s ease;overflow:hidden}
body.mdp-shell-adaptive .mdp-adaptive-brand{height:69px;flex:0 0 69px;display:flex;align-items:center;justify-content:center;padding:0 9px;border-bottom:1px solid #262b27}
body.mdp-shell-adaptive .mdp-adaptive-brand>a{display:flex;align-items:center;justify-content:center;min-width:0;max-width:100%;height:100%}
body.mdp-shell-adaptive .mdp-adaptive-brand-icon{display:block;width:39px;height:39px;object-fit:contain}
body.mdp-shell-adaptive .mdp-adaptive-brand-wide{display:none;width:167px;height:47px;object-fit:contain}
body.mdp-shell-adaptive[data-mdp-nav="expanded"] .mdp-adaptive-brand-icon{display:none}
body.mdp-shell-adaptive[data-mdp-nav="expanded"] .mdp-adaptive-brand-wide{display:block}
body.mdp-shell-adaptive .mdp-adaptive-sidebar-close{display:none}
body.mdp-shell-adaptive .mdp-adaptive-nav{overflow-x:hidden;overflow-y:auto;padding:15px 10px 10px;flex:1;scrollbar-width:thin}
body.mdp-shell-adaptive .mdp-adaptive-nav-group{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #252b27}
body.mdp-shell-adaptive .mdp-adaptive-nav-caption{display:block;white-space:nowrap;overflow:hidden;color:#838d86;font:800 9px Montserrat,Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em;padding:0 11px;margin-bottom:9px;opacity:0;height:12px}
body.mdp-shell-adaptive[data-mdp-nav="expanded"] .mdp-adaptive-nav-caption{opacity:1}
body.mdp-shell-adaptive .mdp-adaptive-nav a,body.mdp-shell-adaptive .mdp-adaptive-nav-bottom a{display:flex;align-items:center;gap:12px;min-height:45px;white-space:nowrap;color:#b9c0bb;text-decoration:none;padding:0 13px;margin:4px 0;border:1px solid transparent;border-radius:11px;font:800 11px Montserrat,Arial,sans-serif;overflow:hidden}
body.mdp-shell-adaptive .mdp-adaptive-nav a>i,body.mdp-shell-adaptive .mdp-adaptive-nav-bottom a>i{font-size:17px;width:22px;min-width:22px;line-height:1;text-align:center}
body.mdp-shell-adaptive .mdp-adaptive-nav a>span,body.mdp-shell-adaptive .mdp-adaptive-nav-bottom a>span{overflow:hidden;text-overflow:ellipsis;opacity:0}
body.mdp-shell-adaptive[data-mdp-nav="expanded"] .mdp-adaptive-nav a>span,body.mdp-shell-adaptive[data-mdp-nav="expanded"] .mdp-adaptive-nav-bottom a>span{opacity:1}
body.mdp-shell-adaptive .mdp-adaptive-nav a:hover,body.mdp-shell-adaptive .mdp-adaptive-nav-bottom a:hover{color:#fff;background:#1e241f}
body.mdp-shell-adaptive .mdp-adaptive-nav a.active{background:linear-gradient(120deg,#f5b31e,#ffdd80);border-color:#ffcc61;color:#151508;box-shadow:0 6px 18px rgba(242,169,0,.16)}
body.mdp-shell-adaptive .mdp-adaptive-nav-bottom{padding:10px;border-top:1px solid #262b27}
body.mdp-shell-adaptive .mdp-adaptive-topbar{height:69px;min-height:69px;position:sticky;top:0;z-index:65;padding:0 clamp(16px,2.3vw,30px);width:100%;gap:16px}
body.mdp-shell-adaptive .mdp-adaptive-topbar-left{display:flex;align-items:center;gap:15px;min-width:0}
body.mdp-shell-adaptive .mdp-adaptive-menu-toggle{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:1px solid #434740;border-radius:11px;background:#171c19;color:#f8f9f5;cursor:pointer;font-size:16px}
body.mdp-shell-adaptive .mdp-adaptive-menu-toggle:hover{border-color:#f2a900;color:#ffcf5d}
body.mdp-shell-adaptive .mdp-adaptive-location{display:flex;flex-direction:column;min-width:0;gap:4px}
body.mdp-shell-adaptive .mdp-adaptive-location small{font:800 8px Montserrat,Arial,sans-serif;letter-spacing:.09em;color:#9ba59b}
body.mdp-shell-adaptive .mdp-adaptive-location strong{font:900 16px Montserrat,Arial,sans-serif;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.mdp-shell-adaptive .mdp-adaptive-top-actions{min-width:0;gap:10px}
body.mdp-shell-adaptive .mdp-adaptive-top-actions .user-copy{max-width:160px}
body.mdp-shell-adaptive .mdp-adaptive-top-actions .plan-chip{white-space:nowrap}
body.mdp-shell-adaptive .mdp-adaptive-scrim{display:none}
body.mdp-shell-adaptive .mdpr-shell{width:100%;min-width:0}
body.mdp-shell-adaptive .mdp-product-footer{min-width:0}
body.mdp-shell-adaptive .mdp-adaptive-topbar :focus-visible,body.mdp-shell-adaptive .mdp-adaptive-sidebar :focus-visible{outline:2px solid #ffc83f;outline-offset:3px}
@media(min-width:761px){body.mdp-shell-adaptive[data-mdp-nav="collapsed"] .mdp-adaptive-nav a,body.mdp-shell-adaptive[data-mdp-nav="collapsed"] .mdp-adaptive-nav-bottom a{justify-content:flex-start;padding:0 13px}}
@media(max-width:1000px){body.mdp-shell-adaptive .mdp-adaptive-top-actions .user-copy{display:none}}
@media(max-width:760px){
  body.mdp-shell-adaptive,body.mdp-shell-adaptive[data-mdp-nav="expanded"]{--mdp-adaptive-width:0px;padding-left:0;transition:none}
  body.mdp-shell-adaptive .mdp-adaptive-sidebar{width:min(286px,calc(100vw - 48px));transform:translateX(-105%);transition:transform .2s ease;visibility:hidden;pointer-events:none}
  body.mdp-shell-adaptive[data-mdp-mobile-menu="open"] .mdp-adaptive-sidebar{transform:translateX(0);visibility:visible;pointer-events:auto}
  body.mdp-shell-adaptive .mdp-adaptive-brand{justify-content:space-between;padding:0 14px}
  body.mdp-shell-adaptive .mdp-adaptive-brand-icon{display:none}
  body.mdp-shell-adaptive .mdp-adaptive-brand-wide,body.mdp-shell-adaptive[data-mdp-nav="expanded"] .mdp-adaptive-brand-wide{display:block}
  body.mdp-shell-adaptive .mdp-adaptive-sidebar-close{display:grid;place-items:center;flex:0 0 33px;height:33px;border:1px solid #414a43;border-radius:9px;background:transparent;color:#fff;cursor:pointer}
  body.mdp-shell-adaptive .mdp-adaptive-nav-caption,body.mdp-shell-adaptive .mdp-adaptive-nav a>span,body.mdp-shell-adaptive .mdp-adaptive-nav-bottom a>span{opacity:1}
  body.mdp-shell-adaptive .mdp-adaptive-scrim:not([hidden]){display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:160}
  body.mdp-shell-adaptive .mdp-adaptive-topbar{height:60px;min-height:60px;padding:0 12px}
  body.mdp-shell-adaptive .mdp-adaptive-location small{display:none}
  body.mdp-shell-adaptive .mdp-adaptive-location strong{font-size:13px}
  body.mdp-shell-adaptive .mdp-adaptive-top-actions{gap:6px}
  body.mdp-shell-adaptive .mdp-adaptive-top-actions .plan-chip,body.mdp-shell-adaptive .mdp-adaptive-top-actions .user-copy{display:none}
  body.mdp-shell-adaptive .mdp-adaptive-top-actions .user-btn{padding:4px 6px;min-height:37px}
  body.mdp-shell-adaptive .mdp-adaptive-top-actions .mdp-account-popover{position:absolute;right:0;top:calc(100% + 9px)}
}
@media(prefers-reduced-motion:reduce){body.mdp-shell-adaptive,body.mdp-shell-adaptive .mdp-adaptive-sidebar{transition:none!important}}

body.mdp-shell-adaptive.mdp-adaptive-lock{overflow:hidden}

/* ==============================================================
   V1E.3 — navegacao global real e estados acessiveis.
   Os mockups legados Explorar, Clube e Estadio nao sao promovidos
   como paginas publicas de produto nesta etapa.
   ============================================================== */
.mdp-adaptive-nav a.active,.mdp-adaptive-nav-bottom a.active{background:linear-gradient(120deg,#f5b31e,#ffdd80);border-color:#ffcc61!important;color:#151508!important;box-shadow:0 6px 18px rgba(242,169,0,.16)}
body.mdp-shell-adaptive .mdp-adaptive-nav-bottom a.active{background:linear-gradient(120deg,#f5b31e,#ffdd80);border-color:#ffcc61;color:#151508}
.mdp-global-header{position:sticky;top:0;z-index:90;isolation:isolate}
.mdp-global-header .mdp-public-nav-toggle{display:none;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;background:#181c19;border:1px solid #404942;border-radius:10px;color:#f8f9f6;min-height:38px;padding:0 10px;font:800 11px Montserrat,Arial,sans-serif;cursor:pointer}
.mdp-global-header .mdp-public-nav-toggle:focus-visible,.mdp-global-header .mdp-public-nav a:focus-visible,.mdp-global-header .mdp-public-signup:focus-visible{outline:2px solid #ffc83f;outline-offset:3px}
.mdp-global-header .mdp-public-signup{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:8px 10px;border-radius:9px;border:1px solid rgba(255,198,70,.55);color:#ffce57;text-decoration:none;font:800 10px Montserrat,Arial,sans-serif}
.mdp-global-header .mdp-public-nav-signup{display:none!important}
.mdp-global-header .mdp-public-signin-icon{display:none}
.mdp-global-header .mdp-public-nav a[aria-current="page"]{color:#f9c65a}
@media(min-width:1381px){.mdp-global-header .mdp-public-nav{display:flex!important}}
@media(max-width:1380px){
  .mdp-global-header{position:sticky}
  .mdp-global-header .mdp-public-nav-toggle{display:inline-flex}
  .mdp-global-header .mdp-public-nav{display:none!important;position:absolute;z-index:110;top:calc(100% + 2px);left:auto;right:12px;width:min(320px,calc(100vw - 24px));height:auto;max-height:calc(100dvh - 78px);overflow-y:auto;flex-direction:column;align-items:stretch;margin:0;padding:10px;border:1px solid #3a443c;border-radius:14px;background:#111713;box-shadow:0 18px 48px rgba(0,0,0,.3)}
  .mdp-global-header[data-mdp-public-menu="open"] .mdp-public-nav{display:flex!important}
  .mdp-global-header .mdp-public-nav a{min-height:43px;display:flex;align-items:center;border:0;border-radius:9px;padding:0 13px;color:#d7dfd9;font:800 12px Montserrat,Arial,sans-serif;text-decoration:none}
  .mdp-global-header .mdp-public-nav a.active{background:#3b310f;color:#ffcc58}
  .mdp-global-header .mdp-public-nav-signup{display:flex!important;color:#f8cb5c;border:1px solid #5c481a;margin-top:6px}
}
@media(max-width:760px){
  .mdp-global-header .mdp-public-signup{display:none}
  .mdp-global-header .mdp-public-nav-toggle{padding:0 9px;min-height:36px}
  .mdp-global-header .mdp-public-nav-toggle span{display:none}
  .mdp-global-header .mdp-public-signin-icon{display:block}
  .mdp-global-header .product-top-actions{gap:6px}
  .mdp-global-header .product-brand{min-width:0}
  .mdp-global-header .brand-assets{min-width:0}
}
/* Meu Perfil compartilha o Shell e usa apenas abas contextuais internas. */
body.mdp-shell-adaptive.mdp-profile-page .mdp-adaptive-topbar{height:69px;min-height:69px;padding:0 clamp(16px,2.3vw,30px)}
body.mdp-shell-adaptive.mdp-profile-page .pf-layout{display:block}
body.mdp-shell-adaptive.mdp-profile-page .pf-nav{position:sticky;top:69px;z-index:40;display:flex;flex-direction:row;align-items:center;gap:5px;max-width:100%;overflow-x:auto;scrollbar-width:thin;white-space:nowrap;margin-bottom:18px;padding:9px}
body.mdp-shell-adaptive.mdp-profile-page .pf-nav button{flex:0 0 auto}
body.mdp-shell-adaptive.mdp-profile-page .pf-content{min-width:0}
body.mdp-shell-adaptive.mdp-profile-page .mdp-adaptive-top-actions{position:relative}
@media(max-width:760px){
  body.mdp-shell-adaptive.mdp-profile-page .mdp-adaptive-topbar{height:60px;min-height:60px;padding:0 12px}
  body.mdp-shell-adaptive.mdp-profile-page .pf-nav{top:60px}
  body.mdp-shell-adaptive.mdp-profile-page .pf-page{max-width:100%}
}