/* =====================================================================
   SUA LINDA 2026/27 — Rebranding final
   Base visual: mockups desktop/mobile aprovados em 08/09/2026.
   Camada exclusivamente de apresentação. Não altera regras ou API.
   ===================================================================== */
:root{
  --sl-bg:#03101d;
  --sl-bg-deep:#020a13;
  --sl-surface:#071b2d;
  --sl-surface-2:#0a2238;
  --sl-surface-3:#0d2942;
  --sl-line:rgba(135,180,220,.18);
  --sl-line-strong:rgba(135,180,220,.32);
  --sl-text:#f7fbff;
  --sl-muted:#91a7bd;
  --sl-soft:#6d849b;
  --sl-green:#32f0a6;
  --sl-green-2:#13cf87;
  --sl-green-soft:rgba(50,240,166,.10);
  --sl-gold:#ffd12f;
  --sl-gold-2:#f6aa00;
  --sl-gold-soft:rgba(255,209,47,.10);
  --sl-red:#ff5a66;
  --sl-blue:#52b6ff;
  --sl-radius:14px;
  --sl-radius-lg:20px;
  --sl-shadow:0 20px 50px rgba(0,0,0,.35);
  --sl-topbar:72px;
  --sl-sidebar:220px;
  --sl-content:1320px;
}

*{box-sizing:border-box}
html{background:var(--sl-bg-deep);color-scheme:dark}
html,body{min-height:100%}
body{
  margin:0;
  color:var(--sl-text);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  background:
    radial-gradient(900px 460px at 62% -8%,rgba(36,112,169,.20),transparent 64%),
    radial-gradient(700px 500px at 0 35%,rgba(8,73,112,.13),transparent 72%),
    linear-gradient(180deg,#03101d 0%,#051725 48%,#020b14 100%);
}
body::before{
  content:"";position:fixed;inset:0;z-index:-3;pointer-events:none;opacity:.10;
  background-image:url('https://lyyytkqglyhbuqlwuyhy.supabase.co/storage/v1/object/public/NFLSUA%20LINDA/Gemini_Generated_Image_5zew0q5zew0q5zew.png');
  background-size:cover;background-position:center 20%;filter:saturate(.7) contrast(1.05);
}
body::after{
  content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;
  background:linear-gradient(180deg,rgba(2,10,18,.35),rgba(2,10,18,.78) 56%,rgba(2,9,16,.96));
}
body,button,input,select,textarea{font:inherit}
a{color:inherit}
button,a,input,select,textarea{transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,opacity .16s ease}
img{max-width:100%}

/* ------- common ------- */
.sl-hidden{display:none!important}
.sl-kicker{font-size:11px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:var(--sl-green)}
.sl-title{margin:0;font-size:clamp(30px,4vw,46px);line-height:1.02;letter-spacing:-.035em;font-weight:950}
.sl-subtitle{margin:8px 0 0;color:var(--sl-muted);font-size:14px;line-height:1.55}
.sl-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:0 0 20px}
.sl-page-head h1{margin:0;font-size:clamp(28px,3vw,38px);line-height:1.05;letter-spacing:-.035em}
.sl-page-head p{margin:7px 0 0;color:var(--sl-muted);font-size:13px}
.sl-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--sl-soft);font-weight:900;margin-bottom:7px}
.sl-card{
  background:linear-gradient(145deg,rgba(10,34,55,.94),rgba(5,20,34,.97));
  border:1px solid var(--sl-line);border-radius:var(--sl-radius);box-shadow:0 12px 34px rgba(0,0,0,.18);
}
.sl-badge{display:inline-flex;align-items:center;gap:7px;min-height:29px;padding:5px 11px;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--sl-line);background:rgba(255,255,255,.03);color:#c9d6e2}
.sl-badge.open{color:#5df3ba;border-color:rgba(50,240,166,.34);background:rgba(50,240,166,.09)}
.sl-badge.gold{color:#ffe36c;border-color:rgba(255,209,47,.48);background:rgba(255,209,47,.09)}
.sl-badge.red{color:#ff9ca2;border-color:rgba(255,90,102,.38);background:rgba(255,90,102,.08)}
.sl-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:42px;padding:10px 17px;border-radius:9px;border:1px solid var(--sl-line);background:#081d30;color:#eef6fc;font-weight:900;font-size:12px;text-decoration:none;cursor:pointer}
.sl-btn:hover{transform:translateY(-1px);border-color:var(--sl-line-strong)}
.sl-btn.primary{background:linear-gradient(135deg,var(--sl-green),var(--sl-green-2));border-color:rgba(81,255,190,.48);color:#03140d;box-shadow:0 12px 26px rgba(19,207,135,.14)}
.sl-btn.gold{background:linear-gradient(135deg,var(--sl-gold),var(--sl-gold-2));border-color:rgba(255,221,89,.55);color:#171100}
.sl-btn.danger{background:rgba(255,90,102,.09);border-color:rgba(255,90,102,.34);color:#ff8e96}

/* ------- public header ------- */
.sl-public-header{position:sticky;top:0;z-index:1000;height:var(--sl-topbar);display:flex;align-items:center;background:rgba(2,13,24,.92);border-bottom:1px solid var(--sl-line);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.20)}
.sl-public-header-inner{width:min(1480px,calc(100% - 34px));margin:auto;display:flex;align-items:center;gap:24px}
.sl-logo{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:max-content}
.sl-logo img{height:48px;width:auto;filter:drop-shadow(0 8px 15px rgba(0,0,0,.30))}
.sl-logo-copy{display:flex;flex-direction:column;line-height:1}
.sl-logo-copy strong{font-size:21px;letter-spacing:.035em;font-weight:950}
.sl-logo-copy small{margin-top:5px;font-size:8px;color:#8ea4ba;letter-spacing:.15em;font-weight:800;text-transform:uppercase}
.sl-portal-wordmark{position:relative;padding-left:13px}
.sl-portal-wordmark::before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:3px;border-radius:99px;background:linear-gradient(180deg,var(--sl-green),#7effcf);box-shadow:0 0 15px rgba(50,240,166,.34)}
.sl-portal-wordmark strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:24px;letter-spacing:.055em;font-weight:950;white-space:nowrap}
.sl-portal-wordmark small{font-size:8px;letter-spacing:.18em;color:#8fa8be}
.portal-wordmark-legacy{display:inline-flex;align-items:center;min-height:42px;padding-left:12px;border-left:3px solid var(--sl-green,#32f0a6);font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:20px;letter-spacing:.05em;font-weight:950;color:#f7fbff;white-space:nowrap}
.sl-public-nav{margin-left:auto;display:flex;align-items:center;gap:4px}
.sl-public-nav a{padding:9px 10px;border-radius:8px;text-decoration:none;color:#9fb3c6;font-size:11px;font-weight:800;white-space:nowrap}
.sl-public-nav a:hover,.sl-public-nav a.active{color:#fff;background:rgba(255,255,255,.04)}
.sl-public-nav a.active{color:var(--sl-green);box-shadow:inset 0 -2px var(--sl-green)}
.sl-public-actions{display:flex;align-items:center;gap:8px}
.sl-public-actions .sl-btn{min-height:38px;padding:8px 13px}
.sl-public-menu{display:none;margin-left:auto;width:42px;height:42px;border:1px solid var(--sl-line);border-radius:10px;background:#071a2b;color:#fff;font-size:20px;cursor:pointer}

/* ------- home ------- */
body.sl-home{padding:0;background:#03101d}
body.sl-home::before{display:none}
body.sl-home::after{display:none}
.sl-home-main{width:min(1480px,calc(100% - 34px));margin:0 auto;padding:22px 0 46px}
.sl-home-hero{min-height:570px;position:relative;overflow:hidden;border:1px solid var(--sl-line);border-radius:18px;background:#061829;box-shadow:var(--sl-shadow)}
.sl-home-hero-bg{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(2,13,24,.97) 0%,rgba(2,13,24,.78) 42%,rgba(2,13,24,.20) 72%,rgba(2,13,24,.62) 100%),linear-gradient(180deg,rgba(0,0,0,.04),rgba(2,13,24,.72)),url('https://lyyytkqglyhbuqlwuyhy.supabase.co/storage/v1/object/public/NFLSUA%20LINDA/Gemini_Generated_Image_5zew0q5zew0q5zew.png');background-size:cover;background-position:center}
.sl-home-hero-content{position:relative;z-index:1;width:min(620px,60%);padding:72px 54px 50px}
.sl-home-hero .sl-kicker{margin-bottom:13px}
.sl-home-hero h1{margin:0;font-size:clamp(42px,5vw,72px);max-width:590px;line-height:.96;letter-spacing:-.05em;font-weight:950;text-transform:uppercase;text-shadow:0 12px 30px rgba(0,0,0,.35)}
.sl-home-hero h1 em{display:block;font-style:normal;color:var(--sl-green)}
.sl-home-hero p{max-width:510px;margin:18px 0 0;color:#b7c7d6;line-height:1.62;font-size:14px}
.sl-home-hero .sl-legal{font-size:12px;color:#879caf;margin-top:10px}
.sl-home-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.sl-home-quote{position:absolute;right:55px;bottom:74px;z-index:2;width:270px;color:#c4d2df;font-size:15px;font-style:italic;line-height:1.5;text-align:right}
.sl-home-quote::after{content:"";display:block;width:46px;height:2px;margin:14px 0 0 auto;background:var(--sl-green);box-shadow:0 0 12px rgba(50,240,166,.42)}
.sl-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}
.sl-feature-card{padding:20px 20px 18px;display:grid;grid-template-columns:44px 1fr;gap:13px;align-items:start;min-height:124px}
.sl-feature-icon{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;border:1px solid var(--sl-line);background:#071d30;color:var(--sl-green);font-size:21px}
.sl-feature-card:nth-child(2) .sl-feature-icon,.sl-feature-card:nth-child(3) .sl-feature-icon{color:var(--sl-gold)}
.sl-feature-card h3{margin:2px 0 5px;font-size:14px}
.sl-feature-card p{margin:0;color:var(--sl-muted);font-size:11px;line-height:1.5}
.sl-home-section{margin-top:14px;padding:20px}
.sl-section-label{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.sl-section-label h2{margin:0;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:#c3d0dc}
.sl-section-label span{color:var(--sl-soft);font-size:10px}
.sl-home-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.sl-home-link{min-height:92px;position:relative;display:flex;align-items:center;gap:13px;padding:16px;border:1px solid var(--sl-line);border-radius:11px;background:#071d30;text-decoration:none}
.sl-home-link:hover{transform:translateY(-2px);border-color:rgba(50,240,166,.32);background:#09233a}
.sl-home-link .sl-feature-icon{width:38px;height:38px;font-size:18px}
.sl-home-link strong{display:block;font-size:13px}
.sl-home-link small{display:block;margin-top:5px;color:var(--sl-muted);font-size:10px}
.sl-home-link::after{content:"→";position:absolute;right:14px;color:var(--sl-green);font-size:18px}
.sl-home-rules{margin-top:14px;padding:22px}
.sl-home-rules summary{cursor:pointer;font-weight:900;color:#e9f2f9}
.sl-home-rules .regras{margin-top:14px}
.sl-home-footer{padding:28px 0 6px;text-align:center;color:#698096;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

/* ------- auth ------- */
body.sl-auth{min-height:100vh;display:grid;place-items:center;padding:24px;background:#03101d}
body.sl-auth::before{opacity:.38;background-position:center}
body.sl-auth::after{background:linear-gradient(90deg,rgba(2,12,23,.84),rgba(2,13,24,.66)),linear-gradient(180deg,rgba(2,12,23,.14),rgba(2,10,18,.86))}
.sl-auth-wrap{width:min(1080px,100%);display:grid;grid-template-columns:1.05fr .95fr;min-height:670px;border:1px solid var(--sl-line);border-radius:20px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.48);background:#061829}
.sl-auth-visual{position:relative;min-height:100%;background-image:linear-gradient(180deg,rgba(2,13,24,.12),rgba(2,13,24,.82)),url('https://lyyytkqglyhbuqlwuyhy.supabase.co/storage/v1/object/public/NFLSUA%20LINDA/Gemini_Generated_Image_5zew0q5zew0q5zew.png');background-size:cover;background-position:center}
.sl-auth-visual-content{position:absolute;inset:auto 36px 36px;z-index:2}
.sl-auth-visual h2{margin:0;max-width:420px;font-size:38px;line-height:1.02;letter-spacing:-.04em;text-transform:uppercase}
.sl-auth-visual h2 span{color:var(--sl-green)}
.sl-auth-visual p{margin:12px 0 0;color:#aebfd0;font-size:13px;line-height:1.55;max-width:420px}
.sl-auth-panel{padding:40px 44px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,rgba(7,27,45,.99),rgba(4,17,30,.99))}
.sl-auth-panel .sl-logo{margin-bottom:28px}
.sl-auth-panel .sl-logo img{height:44px}
.sl-auth-panel h1{margin:0 0 7px;font-size:28px;letter-spacing:-.03em}
.sl-auth-panel>p{margin:0 0 24px;color:var(--sl-muted);font-size:12px;line-height:1.5}
.sl-auth-panel .field{margin-bottom:13px}
.sl-auth-panel label{display:block;margin:0 0 6px;color:#b8c7d6;font-size:11px;font-weight:850}
.sl-auth-panel input,.sl-auth-panel select{width:100%;min-height:46px;border:1px solid var(--sl-line);border-radius:9px;background:#061829;color:#eef6fc;padding:10px 12px;outline:none}
.sl-auth-panel input:focus,.sl-auth-panel select:focus{border-color:rgba(50,240,166,.56);box-shadow:0 0 0 3px rgba(50,240,166,.08)}
.sl-auth-panel .remember-row{display:flex;align-items:center;gap:9px;margin:3px 0 15px;color:var(--sl-muted);font-size:11px;cursor:pointer}
.sl-auth-panel .remember-row input{width:16px;height:16px;min-height:0;margin:0;accent-color:var(--sl-green)}
.sl-auth-panel button{width:100%;min-height:46px;border-radius:9px;border:1px solid var(--sl-line);font-weight:900;cursor:pointer;margin-top:8px}
.sl-auth-panel .btn-primary{background:linear-gradient(135deg,var(--sl-green),var(--sl-green-2));border-color:rgba(81,255,190,.45);color:#03140d}
.sl-auth-panel .btn-secondary{background:#081d30;color:#e8f1f8}
.sl-auth-panel .msg{display:none;margin:0 0 12px;padding:10px 12px;border-radius:9px;font-size:11px;font-weight:800;line-height:1.45}
.sl-auth-panel .msg.error{display:block;background:rgba(255,90,102,.10);border:1px solid rgba(255,90,102,.28);color:#ffabb0}
.sl-auth-panel .msg.success{display:block;background:rgba(50,240,166,.09);border:1px solid rgba(50,240,166,.24);color:#7af6c5}
.sl-auth-links{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:11px;color:#8ea4b8}
.sl-auth-links a{color:var(--sl-green);text-decoration:none;font-weight:800}

/* ------- app shell ------- */
body.sl-app{padding-top:var(--sl-topbar);padding-left:var(--sl-sidebar)}
.sl-app-topbar{position:fixed;inset:0 0 auto 0;height:var(--sl-topbar);z-index:12000;display:flex;align-items:center;padding:0 22px;background:rgba(3,15,27,.96);border-bottom:1px solid var(--sl-line);backdrop-filter:blur(18px);box-shadow:0 10px 30px rgba(0,0,0,.20)}
.sl-app-topbar .sl-logo img{height:46px}
.sl-topbar-spacer{flex:1}
.sl-topbar-season{margin-right:18px;color:#71889f;font-size:10px;letter-spacing:.12em;font-weight:900;text-transform:uppercase}
.sl-user-chip{display:flex;align-items:center;gap:9px;padding:6px 8px 6px 6px;border:1px solid var(--sl-line);border-radius:999px;background:#071b2d}
.sl-user-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#19364f;color:#fff;font-size:11px;font-weight:950}
.sl-user-copy{display:flex;flex-direction:column;line-height:1.1;padding-right:4px}
.sl-user-copy strong{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}
.sl-user-copy small{margin-top:3px;color:#7990a7;font-size:8px;text-transform:uppercase;letter-spacing:.08em}
.sl-app-sidebar{position:fixed;left:0;top:var(--sl-topbar);bottom:0;width:var(--sl-sidebar);z-index:11000;padding:19px 12px 18px;background:linear-gradient(180deg,rgba(3,16,29,.99),rgba(2,11,20,.99));border-right:1px solid var(--sl-line);display:flex;flex-direction:column}
.sl-sidebar-nav{display:grid;gap:4px}
.sl-sidebar-nav a{min-height:45px;display:flex;align-items:center;gap:12px;padding:0 13px;border:1px solid transparent;border-radius:9px;color:#9db0c2;text-decoration:none;font-size:12px;font-weight:800}
.sl-sidebar-nav a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;flex:none}
.sl-sidebar-nav a:hover{background:rgba(255,255,255,.035);color:#fff}
.sl-sidebar-nav a.active{color:#58f2ba;border-color:rgba(50,240,166,.08);background:linear-gradient(90deg,rgba(50,240,166,.16),rgba(50,240,166,.03));box-shadow:inset 3px 0 var(--sl-green)}
.sl-sidebar-nav a.admin-link{margin-top:8px;color:#ff8a92}
.sl-sidebar-nav a.admin-link.active{background:linear-gradient(90deg,rgba(255,90,102,.14),rgba(255,90,102,.02));box-shadow:inset 3px 0 var(--sl-red);color:#ff949b}
.sl-sidebar-foot{margin-top:auto;padding:14px 12px;border:1px solid var(--sl-line);border-radius:11px;background:#061829}
.sl-sidebar-foot strong{display:block;font-size:11px;color:#d9e5ef}
.sl-sidebar-foot small{display:block;margin-top:6px;color:#6f879e;font-size:9px;line-height:1.45}
.sl-app-content{width:min(var(--sl-content),calc(100% - 44px));margin:0 auto;padding:28px 0 54px}
.sl-mobile-topbar,.sl-mobile-bottom{display:none}
.sl-legacy-header{display:none!important}
body.sl-app > main:not(.sl-app-content),body.sl-app > .main:not(.sl-app-content),body.sl-app > .container:not(.sl-app-content){width:min(var(--sl-content),calc(100% - 44px));max-width:none;margin:0 auto!important;padding:28px 0 54px!important}

/* ------- my area / betting ------- */
body.sl-myarea main{width:min(var(--sl-content),calc(100% - 44px));max-width:none!important;margin:0 auto!important;padding:28px 0 54px!important}
body.sl-myarea .page-title{margin:0 0 18px}
body.sl-myarea .page-title h1{margin:0;font-size:36px;letter-spacing:-.04em}
body.sl-myarea .page-title p{margin:7px 0 0;color:var(--sl-muted);font-size:12px}
body.sl-myarea .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:13px}
body.sl-myarea .card{grid-column:span 12;background:linear-gradient(145deg,rgba(10,34,55,.94),rgba(5,20,34,.97));border:1px solid var(--sl-line);border-radius:13px;padding:18px;box-shadow:0 12px 34px rgba(0,0,0,.18)}
body.sl-myarea .card h2{margin:0 0 4px;font-size:15px}
body.sl-myarea .card-subtitle{margin:0 0 14px;color:var(--sl-muted);font-size:10px}
body.sl-myarea .profile-card{grid-column:span 4}
body.sl-myarea .season-card{grid-column:span 8}
body.sl-myarea #rodadaAtual{grid-column:span 12;order:-5;position:relative;padding:18px}
body.sl-myarea .grid>.card:nth-of-type(4){grid-column:span 12}
body.sl-myarea .info-list{display:grid;gap:8px}
body.sl-myarea .info-row{display:flex;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid rgba(135,180,220,.09);font-size:11px}
body.sl-myarea .info-row:last-child{border-bottom:0;padding-bottom:0}
body.sl-myarea .info-row span{color:#7890a6}
body.sl-myarea .info-row strong{text-align:right;color:#e8f1f8}
body.sl-myarea .round-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:13px 0 15px}
body.sl-myarea .metric{padding:11px 12px;border:1px solid var(--sl-line);border-radius:9px;background:#071c2f}
body.sl-myarea .metric span{display:block;margin-bottom:5px;color:#6f879e;font-size:8px;letter-spacing:.10em;text-transform:uppercase}
body.sl-myarea .metric strong{font-size:11px;color:#edf5fb}
body.sl-myarea .status-line{position:absolute;right:18px;top:17px;margin:0}
body.sl-myarea .badge{display:inline-flex;align-items:center;gap:7px;padding:5px 10px;border-radius:999px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.05em}
body.sl-myarea .badge-open{background:rgba(50,240,166,.09);border:1px solid rgba(50,240,166,.31);color:#5ff3bd}
body.sl-myarea .badge-closed{background:rgba(255,90,102,.08);border:1px solid rgba(255,90,102,.28);color:#ff939a}
body.sl-myarea .games{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-top:12px}
body.sl-myarea fieldset.game{min-width:0;margin:0;padding:14px;position:relative;border:1px solid var(--sl-line);border-radius:12px;background:linear-gradient(145deg,#082037,#061829);box-shadow:0 10px 26px rgba(0,0,0,.18)}
body.sl-myarea .game-head{display:flex;justify-content:space-between;gap:8px;padding-bottom:9px;margin-bottom:10px;border-bottom:1px solid rgba(135,180,220,.10);color:#8fa4b8;font-size:9px}
body.sl-myarea .game-head strong{font-size:10px;color:#eaf2f8}
body.sl-myarea .sl-game-venue{display:block;margin-top:3px;color:#647e96;font-size:8px}
body.sl-myarea .sl-underdog-card{border-color:rgba(255,209,47,.84)!important;background:radial-gradient(460px 180px at 50% -12%,rgba(255,209,47,.20),transparent 64%),linear-gradient(145deg,#231f0b,#081a26)!important;box-shadow:0 0 0 1px rgba(255,209,47,.12),0 0 27px rgba(255,190,0,.18),0 14px 32px rgba(0,0,0,.28)!important}
body.sl-myarea .sl-underdog-ribbon{display:flex;align-items:center;justify-content:center;gap:6px;margin:-27px 3px 11px;padding:6px 8px;border:1px solid var(--sl-gold);border-radius:999px;background:#171506;color:#ffe16d;font-size:8px;font-weight:950;letter-spacing:.07em;text-transform:uppercase;box-shadow:0 0 16px rgba(255,209,47,.18)}
body.sl-myarea .sl-matchup{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:5px;margin:8px 0 11px}
body.sl-myarea .sl-team{min-width:0;text-align:center}
body.sl-myarea .sl-team-logo{width:58px;height:58px;object-fit:contain;display:block;margin:0 auto 6px;filter:drop-shadow(0 8px 10px rgba(0,0,0,.32))}
body.sl-myarea .sl-team strong{display:block;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body.sl-myarea .sl-vs{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.035);color:#7891a8;font-size:9px;font-weight:900}
body.sl-myarea .teams{display:grid;grid-template-columns:1fr 1fr;gap:7px}
body.sl-myarea .team-option{min-height:38px;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;padding:7px 8px;border:1px solid var(--sl-line);border-radius:8px;background:#061829;color:#dce8f2;font-size:9px;font-weight:850;cursor:pointer;text-align:center}
body.sl-myarea .team-option input{width:15px;height:15px;margin:0;accent-color:var(--sl-green)}
body.sl-myarea .team-option:has(input:checked){border-color:rgba(50,240,166,.70);background:rgba(50,240,166,.09);color:#effff8}
body.sl-myarea .sl-underdog-card .team-option:has(input:checked){border-color:rgba(255,209,47,.78);background:rgba(255,209,47,.08);color:#fff8cd}
body.sl-myarea .sl-underdog-team{display:flex;justify-content:center;margin:8px 0 0;font-size:8px;font-weight:900;color:#ffe36d}
body.sl-myarea .bonus-option{min-height:34px;margin-top:8px;padding:7px 9px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid rgba(255,209,47,.20);border-radius:8px;background:rgba(255,209,47,.03);color:#c7d4df;font-size:9px;font-weight:850;cursor:pointer}
body.sl-myarea .bonus-option input{width:15px;height:15px;margin:0;accent-color:var(--sl-gold)}
body.sl-myarea .bonus-option:has(input:checked){border-color:rgba(255,209,47,.70);background:rgba(255,209,47,.11);color:#ffe36c;box-shadow:0 0 16px rgba(255,209,47,.08)}
body.sl-myarea .sl-lock-notice{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border:1px solid rgba(50,240,166,.22);border-radius:9px;background:rgba(50,240,166,.05);font-size:10px;color:#9fb2c4;line-height:1.4}
body.sl-myarea .sl-lock-notice b{display:block;color:#eaf4fa;margin-bottom:2px}
body.sl-myarea .primary-button{width:auto;min-width:235px;float:right;margin-top:12px;padding:11px 16px;border:1px solid rgba(81,255,190,.45);border-radius:9px;background:linear-gradient(135deg,var(--sl-green),var(--sl-green-2));color:#03140d;font-size:11px;font-weight:950;cursor:pointer}
body.sl-myarea #betForm::after{content:"";display:block;clear:both}
body.sl-myarea .empty{padding:18px;border:1px dashed var(--sl-line);border-radius:9px;color:var(--sl-muted);font-size:11px;text-align:center;line-height:1.5}
body.sl-myarea .sl-confirmed{display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;padding:16px;border:1px solid rgba(50,240,166,.25);border-radius:10px;background:rgba(50,240,166,.055);text-align:left}
body.sl-myarea .sl-confirmed-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(50,240,166,.12);color:var(--sl-green);font-size:20px;font-weight:950}
body.sl-myarea .history-list{display:grid;gap:8px}
body.sl-myarea .history-item{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:11px 12px;border:1px solid var(--sl-line);border-radius:9px;background:#071b2d;font-size:10px}
body.sl-myarea .history-item span{color:#7d95ab}

/* ------- regular season ------- */
body.sl-regular .ranking-panel{position:static!important;width:auto!important;height:auto!important;overflow:visible!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;display:grid!important;grid-template-columns:1fr 1fr;gap:13px}
body.sl-regular .ranking-panel .probability-note{grid-column:1/-1;margin:0;padding:10px 12px;border:1px solid var(--sl-line);border-radius:9px;background:#061829;color:#7890a6;font-size:9px}
body.sl-regular .ranking-panel h2{margin:0 0 -5px;font-size:12px!important;color:#cfe0ed!important;letter-spacing:.02em!important}
body.sl-regular .ranking-panel h2:nth-of-type(1){grid-column:1}
body.sl-regular .ranking-panel h2:nth-of-type(2){grid-column:2;grid-row:2}
body.sl-regular .ranking-panel table{width:100%;border-collapse:collapse;border:1px solid var(--sl-line);border-radius:11px;overflow:hidden;background:linear-gradient(145deg,#082037,#061829);font-size:9px}
body.sl-regular .ranking-panel table:nth-of-type(1){grid-column:1}
body.sl-regular .ranking-panel table:nth-of-type(2){grid-column:2;grid-row:3}
body.sl-regular table th{padding:8px 9px;background:rgba(255,255,255,.025);color:#7790a7;font-size:8px;text-transform:uppercase;letter-spacing:.06em;text-align:left;border-bottom:1px solid var(--sl-line)}
body.sl-regular table td{padding:8px 9px;border-bottom:1px solid rgba(135,180,220,.07);color:#d7e3ed}
body.sl-regular .first-place{background:linear-gradient(90deg,rgba(255,209,47,.12),transparent)!important;color:#fff6c8!important}
body.sl-regular .top-2-7{background:rgba(52,137,199,.06)!important}
body.sl-regular .main{width:auto!important;max-width:none!important;margin:0!important;padding:0!important}
body.sl-regular .header{margin:0 0 13px;padding:0!important;text-align:left!important;background:transparent!important;border:0!important}
body.sl-regular .header h1{margin:0;font-size:24px!important}
body.sl-regular .header p{margin:5px 0 0;color:var(--sl-muted)!important;font-size:10px!important}
body.sl-regular .section{margin:0 0 13px;padding:16px;border:1px solid var(--sl-line);border-radius:12px;background:linear-gradient(145deg,rgba(10,34,55,.94),rgba(5,20,34,.97))}
body.sl-regular .section-title{font-size:13px!important;margin:0 0 5px!important}
body.sl-regular .week-meta{margin-bottom:10px;color:#70899f;font-size:9px}
body.sl-regular .game{display:grid!important;grid-template-columns:1fr 62px 1fr;align-items:center;gap:8px;margin:0 0 7px!important;padding:9px 10px!important;border:1px solid rgba(135,180,220,.12)!important;border-radius:9px!important;background:#061829!important}
body.sl-regular .game .team{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}
body.sl-regular .game .team:last-child{justify-content:flex-end;text-align:right}
body.sl-regular .game img{width:32px!important;height:32px!important;object-fit:contain!important}
body.sl-regular .game .name{font-size:9px!important;font-weight:900!important}
body.sl-regular .game .metaSmall{font-size:7px!important;color:#71889f!important;margin-top:2px}
body.sl-regular .game .score{text-align:center;font-size:11px!important;font-weight:950!important;color:#eaf3f9!important}
body.sl-regular #toggleView{display:none!important}
body.sl-regular footer{padding:16px 0;color:#647c93;font-size:9px;text-align:center}
.sl-regular-layout{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1.35fr);gap:14px;align-items:start}
.sl-ranking-title{grid-column:1/-1;margin-bottom:-2px}
.sl-ranking-title h1{margin:0;font-size:30px;letter-spacing:-.035em}
.sl-ranking-title p{margin:6px 0 0;color:var(--sl-muted);font-size:11px}

/* ------- generic content pages ------- */
body.sl-content-page .panel,body.sl-content-page .container,body.sl-content-page .playoff-container{width:min(var(--sl-content),calc(100% - 44px))!important;max-width:none!important;margin:0 auto!important;padding:28px 0 54px!important}
body.sl-content-page .page-hero,body.sl-content-page .playoff-hero{padding:22px!important;border:1px solid var(--sl-line)!important;border-radius:14px!important;background:linear-gradient(145deg,rgba(10,34,55,.95),rgba(5,20,34,.97))!important;box-shadow:0 14px 36px rgba(0,0,0,.19)!important}
body.sl-content-page .page-hero h1,body.sl-content-page .playoff-hero h1{font-size:32px!important;letter-spacing:-.035em!important}
body.sl-content-page .card,body.sl-content-page .section,body.sl-content-page .playoff-section,body.sl-content-page .playoff-card,body.sl-content-page .award-card,body.sl-content-page .champion-card{border-color:var(--sl-line)!important;background:linear-gradient(145deg,rgba(10,34,55,.94),rgba(5,20,34,.97))!important;border-radius:12px!important;box-shadow:0 12px 32px rgba(0,0,0,.18)!important}
body.sl-hof .panel,body.sl-awards .container{background:transparent!important;border:0!important;box-shadow:none!important}
body.sl-hof .grid,body.sl-awards .awards{gap:13px!important}
body.sl-hof .card,body.sl-awards .award,body.sl-awards .award-card{border-color:rgba(255,209,47,.18)!important;background:radial-gradient(420px 150px at 50% -10%,rgba(255,209,47,.09),transparent 60%),linear-gradient(145deg,#0b2236,#061829)!important}
body.sl-hof .first,body.sl-awards .podium-1{box-shadow:0 0 28px rgba(255,209,47,.10)!important}
body.sl-playoff .playoff-hero{border-color:rgba(255,209,47,.15)!important;background:radial-gradient(600px 190px at 50% -15%,rgba(255,209,47,.10),transparent 62%),linear-gradient(145deg,#0a2338,#061829)!important}

/* ------- admin ------- */
body.sl-admin #main-content{width:min(var(--sl-content),calc(100% - 44px))!important;max-width:none!important;margin:0 auto!important;padding:28px 0 54px!important}
body.sl-admin #main-content>h1{font-size:32px!important;letter-spacing:-.04em!important;margin:0 0 5px!important}
body.sl-admin .subtitle{margin:0 0 18px!important;color:var(--sl-muted)!important;font-size:11px!important}
body.sl-admin .grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important}
body.sl-admin .card{padding:16px!important;border:1px solid var(--sl-line)!important;border-radius:12px!important;background:linear-gradient(145deg,rgba(10,34,55,.94),rgba(5,20,34,.97))!important;box-shadow:0 10px 28px rgba(0,0,0,.18)!important}
body.sl-admin .card h2{font-size:13px!important;margin:0 0 4px!important}
body.sl-admin .card p{font-size:9px!important;line-height:1.5!important;color:#7e95aa!important;margin-bottom:11px!important}
body.sl-admin .btn{min-height:34px!important;padding:7px 10px!important;border-radius:8px!important;font-size:9px!important}
body.sl-admin .btn-green{background:linear-gradient(135deg,var(--sl-green),var(--sl-green-2))!important;color:#03140d!important}
body.sl-admin .btn-red{background:rgba(255,90,102,.10)!important;border:1px solid rgba(255,90,102,.28)!important;color:#ff999f!important}
body.sl-admin .btn-gray{background:#071b2d!important;border:1px solid var(--sl-line)!important;color:#dce8f2!important}
body.sl-admin .btn-yellow{background:rgba(255,209,47,.11)!important;border:1px solid rgba(255,209,47,.28)!important;color:#ffe16c!important}
body.sl-admin input,body.sl-admin select,body.sl-admin textarea{background:#061829!important;border-color:var(--sl-line)!important;color:#eaf2f8!important}
body.sl-admin .table-wrap{border:1px solid rgba(135,180,220,.09);border-radius:9px;overflow:auto}
body.sl-admin table{font-size:9px!important}
body.sl-admin th{background:rgba(255,255,255,.025)!important;color:#728ba1!important}
body.sl-admin td{border-color:rgba(135,180,220,.06)!important}
body.sl-admin .sl-admin-overview{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:2px}
.sl-admin-stat{min-height:92px;padding:14px;border:1px solid var(--sl-line);border-radius:11px;background:#071d30}
.sl-admin-stat span{display:block;color:#6f879e;font-size:8px;letter-spacing:.09em;text-transform:uppercase;font-weight:900}
.sl-admin-stat strong{display:block;margin-top:8px;font-size:16px;color:#edf6fb}
.sl-admin-stat small{display:block;margin-top:4px;color:#7d94a9;font-size:8px}
body.sl-admin .sl-critical{border-color:rgba(255,90,102,.24)!important;background:linear-gradient(145deg,rgba(55,15,23,.42),rgba(13,20,31,.96))!important}


@media(max-width:1220px) and (min-width:901px){
  body.sl-myarea .games{grid-template-columns:repeat(3,minmax(0,1fr))}
  body.sl-admin .grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* ------- mobile ------- */
@media(max-width:900px){
  :root{--sl-topbar:60px;--sl-sidebar:0px}
  .sl-public-header{height:60px}
  .sl-public-header-inner{width:calc(100% - 24px)}
  .sl-public-header .sl-logo img{height:39px}.sl-public-header .sl-logo-copy strong{font-size:17px}.sl-public-header .sl-logo-copy small{font-size:6px}
  .sl-public-nav,.sl-public-actions{display:none}.sl-public-menu{display:grid;place-items:center}
  .sl-home-main{width:calc(100% - 20px);padding:10px 0 82px}
  .sl-home-hero{min-height:620px;border-radius:14px}
  .sl-home-hero-bg{background-image:linear-gradient(180deg,rgba(2,13,24,.10),rgba(2,13,24,.58) 43%,rgba(2,13,24,.95) 75%),url('https://lyyytkqglyhbuqlwuyhy.supabase.co/storage/v1/object/public/NFLSUA%20LINDA/Gemini_Generated_Image_5zew0q5zew0q5zew.png');background-position:center top}
  .sl-home-hero-content{width:100%;padding:310px 22px 26px}
  .sl-home-hero h1{font-size:42px}.sl-home-hero p{font-size:12px}.sl-home-quote{display:none}
  .sl-home-hero-actions .sl-btn{flex:1}
  .sl-feature-row,.sl-home-links{grid-template-columns:1fr}
  .sl-feature-card{min-height:96px;padding:15px}.sl-home-section{padding:14px}
  body.sl-auth{padding:0}.sl-auth-wrap{display:block;min-height:100vh;border:0;border-radius:0}.sl-auth-visual{display:none}.sl-auth-panel{min-height:100vh;padding:34px 22px}.sl-auth-panel .sl-logo{margin-bottom:36px}

  body.sl-app{padding:60px 0 70px}
  .sl-app-topbar{height:60px;padding:0 13px}.sl-app-topbar .sl-logo img{height:38px}.sl-app-topbar .sl-logo-copy strong{font-size:17px}.sl-app-topbar .sl-logo-copy small,.sl-topbar-season,.sl-user-copy{display:none}.sl-user-chip{padding:4px;border:0;background:transparent}.sl-user-avatar{width:31px;height:31px}
  .sl-app-sidebar{display:none}
  body.sl-app > main:not(.sl-app-content),body.sl-app > .main:not(.sl-app-content),body.sl-app > .container:not(.sl-app-content),body.sl-myarea main,body.sl-content-page .panel,body.sl-content-page .container,body.sl-content-page .playoff-container,body.sl-admin #main-content{width:calc(100% - 20px)!important;margin:0 auto!important;padding:16px 0 24px!important}
  .sl-mobile-bottom{position:fixed;display:grid;grid-template-columns:repeat(4,1fr);left:0;right:0;bottom:0;height:66px;z-index:13000;background:rgba(3,15,27,.98);border-top:1px solid var(--sl-line);backdrop-filter:blur(16px);padding-bottom:env(safe-area-inset-bottom)}
  .sl-mobile-bottom a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#71889f;font-size:8px;font-weight:800}
  .sl-mobile-bottom a svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8}
  .sl-mobile-bottom a.active{color:var(--sl-green)}
  .sl-page-head{margin-bottom:14px}.sl-page-head h1{font-size:27px}.sl-page-head p{font-size:11px}

  body.sl-myarea .page-title h1{font-size:28px}
  body.sl-myarea .grid{display:block}.profile-card,.season-card{margin-top:11px}
  body.sl-myarea .grid>.card{margin-bottom:11px}
  body.sl-myarea .status-line{position:static;margin:9px 0 0}
  body.sl-myarea .round-meta{grid-template-columns:1fr 1fr 1fr;gap:6px}.sl-myarea .metric{padding:8px!important}.sl-myarea .metric strong{font-size:9px!important}
  body.sl-myarea .games{grid-template-columns:1fr;gap:10px}
  body.sl-myarea fieldset.game{padding:13px}.sl-myarea .sl-team-logo{width:54px!important;height:54px!important}
  body.sl-myarea .primary-button{width:100%;float:none;min-width:0;margin-top:10px}

  .sl-regular-layout{display:block}.sl-regular-layout>.ranking-panel{margin-bottom:12px!important}
  body.sl-regular .ranking-panel{display:block!important}.sl-regular .ranking-panel h2{margin:11px 0 5px!important}.sl-regular .ranking-panel table{margin-bottom:9px!important}
  body.sl-regular .game{grid-template-columns:1fr 42px 1fr!important}.sl-regular .game img{width:29px!important;height:29px!important}
  body.sl-regular table th,body.sl-regular table td{padding:7px 6px;font-size:8px}

  body.sl-admin .grid{grid-template-columns:1fr!important}.sl-admin-overview{grid-template-columns:1fr 1fr!important}.sl-admin-stat{min-height:82px;padding:11px}.sl-admin-stat strong{font-size:14px}
}

@media(max-width:380px){
  .sl-home-hero-content{padding:300px 17px 22px}.sl-home-hero h1{font-size:36px}.sl-home-hero-actions{display:grid;grid-template-columns:1fr 1fr}.sl-btn{padding:9px 11px}
  .sl-auth-panel{padding:28px 17px}
  body.sl-myarea .round-meta{grid-template-columns:1fr}.sl-admin-overview{grid-template-columns:1fr!important}
}

/* ------- branding: use the existing SUA LINDA portal logo from production ------- */
.sl-logo .sl-portal-logo-img{
  display:block;width:auto;height:46px;max-width:58px;object-fit:contain;flex:0 0 auto;
  filter:drop-shadow(0 8px 15px rgba(0,0,0,.30));
}
.sl-logo .sl-logo-copy{padding-left:0}
.sl-logo .sl-logo-copy strong{font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:22px;letter-spacing:.045em;font-weight:950;white-space:nowrap}
.sl-logo .sl-logo-copy small{font-size:8px;letter-spacing:.16em;color:#8fa8be;text-transform:uppercase;font-weight:800}
.portal-shell-logo-img{display:block;width:auto;height:46px;max-width:62px;object-fit:contain;filter:drop-shadow(0 8px 15px rgba(0,0,0,.28))}
.sl-app-sidebar .sl-logo .sl-portal-logo-img{height:42px}
.sl-auth-panel .sl-logo .sl-portal-logo-img{height:54px;max-width:70px}
@media(max-width:900px){
  .sl-logo .sl-portal-logo-img{height:40px;max-width:52px}
  .sl-logo .sl-logo-copy strong{font-size:18px}
  .sl-logo .sl-logo-copy small{font-size:6px!important}
  .portal-shell-logo-img{height:40px;max-width:54px}
}

/* ------- regular season: explicit playoff seeds 1–7 ------- */
body.sl-regular .seed-zone-legend{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  margin:0 0 11px;padding:10px 12px;border:1px solid rgba(50,240,166,.24);
  border-radius:10px;background:linear-gradient(90deg,rgba(50,240,166,.09),rgba(50,240,166,.025));
}
body.sl-regular .seed-zone-title{font-size:9px;font-weight:950;letter-spacing:.1em;text-transform:uppercase;color:var(--sl-green)}
body.sl-regular .seed-zone-copy{font-size:9px;color:#8fa8bd;text-align:right}
body.sl-regular .seed-zone-copy strong{color:#dffcf1}
body.sl-regular .ranking-panel tbody tr.playoff-seed-row{position:relative}
body.sl-regular .ranking-panel tbody tr.playoff-seed-row td:first-child{box-shadow:inset 3px 0 var(--sl-green)}
body.sl-regular .ranking-panel tbody tr.first-place td:first-child{box-shadow:inset 3px 0 var(--sl-gold)}
body.sl-regular .ranking-panel tbody tr.top-2-7{
  background:linear-gradient(90deg,rgba(50,240,166,.075),rgba(52,137,199,.035))!important;
}
body.sl-regular .ranking-panel tbody tr.first-place{
  background:linear-gradient(90deg,rgba(255,209,47,.16),rgba(255,209,47,.035))!important;
}
body.sl-regular .ranking-panel tbody tr.playoff-cutline td{border-bottom:2px solid rgba(50,240,166,.45)!important}
body.sl-regular .ranking-panel tbody tr.playoff-cutline td:first-child::after{
  content:"CORTE PLAYOFF";position:absolute;left:8px;bottom:-13px;z-index:2;
  padding:1px 6px;border-radius:999px;background:#082236;color:#62f4bd;
  border:1px solid rgba(50,240,166,.28);font-size:6px;font-weight:950;letter-spacing:.08em;
}
body.sl-regular .seed-chip,body.sl-regular .outside-chip{
  display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;
  min-width:54px;padding:3px 6px;border-radius:999px;font-size:7px;font-weight:950;letter-spacing:.05em;
}
body.sl-regular .seed-chip{color:#63f5bd;background:rgba(50,240,166,.10);border:1px solid rgba(50,240,166,.28)}
body.sl-regular .seed-chip.seed-one{color:#ffe16c;background:rgba(255,209,47,.11);border-color:rgba(255,209,47,.34)}
body.sl-regular .outside-chip{color:#71889f;background:rgba(255,255,255,.025);border:1px solid rgba(135,180,220,.12)}
body.sl-regular .position-cell{font-weight:950;color:#f1f7fb}
body.sl-regular .participant-cell{font-weight:800}
body.sl-regular .points-cell{font-weight:900;color:#eaf4fa}
body.sl-regular .seed-cell{white-space:nowrap}

/* ------- admin: all existing functions remain discoverable ------- */
body.sl-admin .sl-admin-function-nav{
  display:flex;flex-wrap:wrap;gap:7px;margin:0 0 13px;padding:10px;
  border:1px solid var(--sl-line);border-radius:11px;background:rgba(7,29,48,.72);
  position:sticky;top:calc(var(--sl-topbar) + 8px);z-index:50;backdrop-filter:blur(16px);
}
body.sl-admin .sl-admin-function-nav a{
  display:inline-flex;align-items:center;min-height:31px;padding:6px 10px;border-radius:8px;
  border:1px solid rgba(135,180,220,.14);background:#061829;color:#b9cada;
  text-decoration:none;font-size:8px;font-weight:900;letter-spacing:.03em;
}
body.sl-admin .sl-admin-function-nav a:hover{color:#fff;border-color:rgba(50,240,166,.30);background:rgba(50,240,166,.07)}
body.sl-admin .calendar-management,body.sl-admin .playoff-admin-section,body.sl-admin #admin-aniversarios,body.sl-admin #admin-participantes{scroll-margin-top:calc(var(--sl-topbar) + 64px)}
body.sl-admin .calendar-management{margin-top:13px!important}
body.sl-admin .calendar-management>h2,body.sl-admin .playoff-admin-section #playoff-admin-title{font-size:18px!important;letter-spacing:-.02em!important}
body.sl-admin .calendar-toolbar,body.sl-admin .calendar-config-grid,body.sl-admin .playoff-admin-toolbar{
  border:1px solid rgba(135,180,220,.10);border-radius:10px;background:rgba(3,18,31,.44);padding:10px;
}
body.sl-admin .intelligent-round-panel{border:1px solid rgba(255,209,47,.20)!important;border-radius:11px!important;background:linear-gradient(145deg,rgba(37,31,9,.30),rgba(5,22,36,.92))!important}
body.sl-admin .playoff-admin-section{margin-top:13px!important;border-color:rgba(255,209,47,.16)!important}
body.sl-admin .playoff-admin-section details{border:1px solid rgba(135,180,220,.11);border-radius:10px;background:rgba(3,18,31,.38);margin-top:9px;overflow:hidden}
body.sl-admin .playoff-admin-section details>summary{padding:11px 12px;cursor:pointer;font-weight:900;font-size:10px;color:#dbe8f2;background:rgba(255,255,255,.025)}
body.sl-admin .playoff-admin-section details>div{padding:11px}
body.sl-admin .playoff-admin-card{border:1px solid rgba(135,180,220,.11)!important;border-radius:10px!important;background:#061829!important;padding:12px!important}
body.sl-admin .playoff-admin-card h3{font-size:11px!important;margin:0 0 4px!important}
body.sl-admin .playoff-admin-card p{font-size:8px!important;color:#7e95aa!important}

@media(max-width:900px){
  body.sl-regular .seed-zone-legend{display:block}.sl-regular .seed-zone-copy{display:block;text-align:left;margin-top:4px}
  body.sl-admin .sl-admin-function-nav{position:static;overflow-x:auto;flex-wrap:nowrap;padding:8px;margin-bottom:10px}
  body.sl-admin .sl-admin-function-nav a{white-space:nowrap}
}
/* regular-season grid placement after seed legend insertion */
body.sl-regular .ranking-panel .seed-zone-legend{grid-column:1/-1;grid-row:1}
body.sl-regular .ranking-panel .probability-note{grid-column:1/-1;grid-row:2}
body.sl-regular .ranking-panel h2:nth-of-type(1){grid-column:1;grid-row:3}
body.sl-regular .ranking-panel h2:nth-of-type(2){grid-column:2;grid-row:3}
body.sl-regular .ranking-panel table:nth-of-type(1){grid-column:1;grid-row:4}
body.sl-regular .ranking-panel table:nth-of-type(2){grid-column:2;grid-row:4}
@media(max-width:900px){
  body.sl-regular .ranking-panel{grid-template-columns:1fr!important}
  body.sl-regular .ranking-panel .seed-zone-legend,body.sl-regular .ranking-panel .probability-note,
  body.sl-regular .ranking-panel h2:nth-of-type(1),body.sl-regular .ranking-panel h2:nth-of-type(2),
  body.sl-regular .ranking-panel table:nth-of-type(1),body.sl-regular .ranking-panel table:nth-of-type(2){grid-column:1!important;grid-row:auto!important}
}

/* ------- preserved public utilities: language + theme ------- */
.sl-public-tools{display:flex;align-items:center;gap:6px}
.sl-tool-select,.sl-tool-button{height:34px;border:1px solid var(--sl-line);border-radius:8px;background:#071b2d;color:#a9bdcf;font-size:9px;font-weight:850;padding:0 8px}
.sl-tool-select{min-width:66px;cursor:pointer}.sl-tool-button{cursor:pointer;white-space:nowrap}
.sl-tool-select:hover,.sl-tool-button:hover{border-color:var(--sl-line-strong);color:#fff}
.sl-drawer-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 4px}
.sl-drawer-tools .sl-tool-select,.sl-drawer-tools .sl-tool-button{width:100%;height:38px}

/* Light theme remains available on the public home, preserving the existing portal control. */
html[data-theme="light"] body.sl-home{--sl-text:#102235;--sl-muted:#4f657a;--sl-soft:#6d7f90;--sl-line:rgba(29,67,98,.18);--sl-line-strong:rgba(29,67,98,.32);background:#eef5f9;color:#102235}
html[data-theme="light"] body.sl-home .sl-public-header{background:rgba(241,247,251,.94);box-shadow:0 10px 30px rgba(31,60,84,.09)}
html[data-theme="light"] body.sl-home .sl-logo-copy strong{color:#102235}
html[data-theme="light"] body.sl-home .sl-logo-copy small{color:#62788d}
html[data-theme="light"] body.sl-home .sl-public-nav a{color:#496176}
html[data-theme="light"] body.sl-home .sl-public-nav a:hover{color:#102235;background:rgba(19,63,93,.05)}
html[data-theme="light"] body.sl-home .sl-btn:not(.primary),html[data-theme="light"] body.sl-home .sl-tool-select,html[data-theme="light"] body.sl-home .sl-tool-button{background:#f7fbfd;color:#28455d;border-color:rgba(29,67,98,.20)}
html[data-theme="light"] body.sl-home .sl-home-main{color:#102235}
html[data-theme="light"] body.sl-home .sl-home-hero{background:#102538;border-color:rgba(25,65,95,.22)}
html[data-theme="light"] body.sl-home .sl-card,html[data-theme="light"] body.sl-home .sl-home-section,html[data-theme="light"] body.sl-home .sl-home-rules{background:linear-gradient(145deg,#ffffff,#edf5f9);border-color:rgba(29,67,98,.15);box-shadow:0 12px 28px rgba(31,60,84,.08)}
html[data-theme="light"] body.sl-home .sl-feature-card h3,html[data-theme="light"] body.sl-home .sl-home-link strong,html[data-theme="light"] body.sl-home .sl-section-label h2{color:#102235}
html[data-theme="light"] body.sl-home .sl-feature-card p,html[data-theme="light"] body.sl-home .sl-home-link small,html[data-theme="light"] body.sl-home #rulesHint,html[data-theme="light"] body.sl-home #contactDesc{color:#60768a!important}

@media(max-width:900px){.sl-public-tools{display:none}}

/* =====================================================================
   RC2 — Typography/readability pass
   Aumenta a escala tipográfica sem alterar regras, rotas ou integração.
   Objetivo: leitura confortável em desktop, tablet e celular.
   ===================================================================== */
:root{
  --sl-body-size:15px;
  --sl-small-size:12px;
  --sl-label-size:13px;
}
body{font-size:var(--sl-body-size);line-height:1.5}

/* Shared */
.sl-kicker{font-size:13px}
.sl-subtitle{font-size:16px}
.sl-page-head p{font-size:15px}
.sl-eyebrow{font-size:12px}
.sl-badge{font-size:12px;min-height:32px;padding:6px 12px}
.sl-btn{font-size:14px;min-height:44px;padding:11px 18px}
.sl-public-nav a{font-size:13px;padding:10px 11px}
.sl-logo-copy small,.sl-logo .sl-logo-copy small{font-size:10px}
.sl-home-hero p{font-size:16px}
.sl-home-hero .sl-legal{font-size:13px}
.sl-home-quote{font-size:17px}
.sl-feature-card h3{font-size:16px}
.sl-feature-card p{font-size:13px}
.sl-section-label h2{font-size:14px}
.sl-section-label span{font-size:12px}
.sl-home-link strong{font-size:15px}
.sl-home-link small{font-size:12px}
.sl-home-footer{font-size:12px}

/* Auth */
.sl-auth-visual p{font-size:15px}
.sl-auth-panel h1{font-size:32px}
.sl-auth-panel>p{font-size:14px}
.sl-auth-panel label{font-size:13px}
.sl-auth-panel input,.sl-auth-panel select{font-size:14px;min-height:46px}
.sl-auth-panel .remember-row,.sl-auth-panel .msg,.sl-auth-links{font-size:13px}

/* Logged shell */
.sl-topbar-season{font-size:12px}
.sl-user-avatar{font-size:13px}
.sl-user-copy strong{font-size:13px}
.sl-user-copy small{font-size:10px}
.sl-sidebar-nav a{font-size:14px;min-height:48px}
.sl-sidebar-foot strong{font-size:13px}
.sl-sidebar-foot small{font-size:11px}

/* Minha Área / apostas */
body.sl-myarea .page-title p{font-size:14px}
body.sl-myarea .card h2{font-size:17px}
body.sl-myarea .card-subtitle{font-size:13px}
body.sl-myarea .info-row{font-size:13px}
body.sl-myarea .metric span{font-size:10px}
body.sl-myarea .metric strong{font-size:13px}
body.sl-myarea .badge{font-size:11px}
body.sl-myarea .game-head{font-size:12px}
body.sl-myarea .game-head strong{font-size:13px}
body.sl-myarea .sl-game-venue{font-size:11px}
body.sl-myarea .sl-underdog-ribbon{font-size:10px;padding:7px 9px}
body.sl-myarea .sl-team strong{font-size:13px}
body.sl-myarea .sl-vs{font-size:11px}
body.sl-myarea .team-option{font-size:12px;min-height:42px;padding:8px 9px}
body.sl-myarea .sl-underdog-team{font-size:11px}
body.sl-myarea .bonus-option{font-size:12px;min-height:39px;padding:8px 10px}
body.sl-myarea .sl-lock-notice{font-size:12px}
body.sl-myarea .primary-button{font-size:14px;min-height:44px}
body.sl-myarea .empty{font-size:13px}
body.sl-myarea .history-item{font-size:12px}

/* Fase Regular */
body.sl-regular .ranking-panel .probability-note{font-size:12px;line-height:1.5}
body.sl-regular .ranking-panel h2{font-size:15px!important}
body.sl-regular .ranking-panel table{font-size:12px}
body.sl-regular table th{font-size:11px;padding:10px 10px}
body.sl-regular table td{font-size:12px;padding:10px 10px}
body.sl-regular .header h1{font-size:30px!important}
body.sl-regular .header p{font-size:13px!important}
body.sl-regular .section-title{font-size:16px!important}
body.sl-regular .week-meta{font-size:12px}
body.sl-regular .game{padding:11px 12px!important}
body.sl-regular .game .name{font-size:12px!important}
body.sl-regular .game .metaSmall{font-size:10px!important}
body.sl-regular .game .score{font-size:14px!important}
body.sl-regular footer{font-size:11px}
.sl-ranking-title p{font-size:13px}
body.sl-regular .seed-zone-title{font-size:11px}
body.sl-regular .seed-zone-copy{font-size:11px}
body.sl-regular .ranking-panel tbody tr.playoff-cutline td:first-child::after{font-size:8px;padding:2px 7px}
body.sl-regular .seed-chip,body.sl-regular .outside-chip{font-size:9px;min-width:62px;padding:4px 7px}

/* Admin */
body.sl-admin .subtitle{font-size:14px!important}
body.sl-admin .card h2{font-size:16px!important}
body.sl-admin .card p{font-size:12px!important;line-height:1.55!important}
body.sl-admin .btn{min-height:39px!important;padding:8px 11px!important;font-size:12px!important}
body.sl-admin table{font-size:12px!important}
body.sl-admin th,body.sl-admin td{padding:9px 10px!important}
.sl-admin-stat span{font-size:10px}
.sl-admin-stat strong{font-size:19px}
.sl-admin-stat small{font-size:10px}
body.sl-admin .sl-admin-function-nav a{font-size:11px;min-height:35px;padding:7px 11px}
body.sl-admin .calendar-management>h2,body.sl-admin .playoff-admin-section #playoff-admin-title{font-size:21px!important}
body.sl-admin .playoff-admin-section details>summary{font-size:13px;padding:12px 13px}
body.sl-admin .playoff-admin-card h3{font-size:14px!important}
body.sl-admin .playoff-admin-card p{font-size:11px!important}
.sl-tool-select,.sl-tool-button{font-size:11px;height:38px}

/* Mobile typography — nunca reduzir a informação essencial abaixo de 11–12px. */
@media(max-width:900px){
  body{font-size:15px}
  .sl-public-header .sl-logo-copy strong,.sl-app-topbar .sl-logo-copy strong,.sl-logo .sl-logo-copy strong{font-size:19px}
  .sl-public-header .sl-logo-copy small,.sl-logo .sl-logo-copy small{font-size:8px!important}
  .sl-home-hero h1{font-size:42px}
  .sl-home-hero p{font-size:15px}
  .sl-mobile-bottom a{font-size:10px}
  .sl-page-head p{font-size:13px}
  body.sl-myarea .metric strong{font-size:12px!important}
  body.sl-regular table th{font-size:10px!important;padding:9px 7px!important}
  body.sl-regular table td{font-size:11px!important;padding:9px 7px!important}
  body.sl-regular .game .name{font-size:12px!important}
  body.sl-regular .game .metaSmall{font-size:10px!important}
  body.sl-admin .card p{font-size:12px!important}
  body.sl-admin .btn{font-size:12px!important}
  body.sl-admin table{font-size:11px!important}
  .sl-admin-stat span,.sl-admin-stat small{font-size:10px}
  body.sl-admin .sl-admin-function-nav a{font-size:11px}
}
@media(max-width:380px){
  .sl-btn{font-size:13px}
  .sl-home-hero p{font-size:14px}
  body.sl-regular table th{font-size:10px!important}
  body.sl-regular table td{font-size:11px!important}
}


/* =====================================================================
   RC3 — Layout, typography, button system and mobile navigation
   - Fase Regular uses available desktop width without overlap.
   - Calendar has its own scrollable session.
   - Premium/readable system typography.
   - Action buttons share one visual system.
   - Obsolete fixed mobile footer navigation removed; navigation lives in top menu.
   ===================================================================== */
:root{
  --sl-content:1680px;
  --sl-font-body:"Segoe UI Variable Text","Aptos","Inter","SF Pro Text",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sl-font-display:"Segoe UI Variable Display","Aptos Display","Inter","SF Pro Display",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sl-button-height:46px;
  --sl-button-radius:11px;
}
body,button,input,select,textarea{font-family:var(--sl-font-body);font-size:16px;line-height:1.52}
h1,h2,h3,h4,h5,h6,.sl-title,.sl-page-head h1,.sl-ranking-title h1,.page-title h1{font-family:var(--sl-font-display);font-weight:800;letter-spacing:-.025em}
.sl-logo-copy strong,.sl-portal-wordmark strong,.portal-wordmark-legacy{font-family:var(--sl-font-display)!important;font-weight:800!important}

/* Unified action buttons */
.sl-btn,
.btn-primary,
.portal-secondary,
body.sl-myarea .primary-button,
body.sl-admin .btn,
body.sl-admin .playoff-admin-button{
  min-height:var(--sl-button-height)!important;
  padding:11px 18px!important;
  border-radius:var(--sl-button-radius)!important;
  border:1px solid var(--sl-line-strong)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:8px!important;
  font-family:var(--sl-font-body)!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:750!important;
  letter-spacing:.005em!important;
  text-decoration:none!important;
  cursor:pointer!important;
  box-shadow:0 8px 20px rgba(0,0,0,.14)!important;
}
.sl-btn:not(.primary):not(.gold):not(.danger),
.portal-secondary,
body.sl-admin .btn-gray,
body.sl-admin .playoff-admin-button.secondary{
  background:linear-gradient(180deg,#0b2941,#071c2f)!important;
  color:#edf6fc!important;
}
.sl-btn.primary,.btn-primary,body.sl-myarea .primary-button,body.sl-admin .btn-green,body.sl-admin .playoff-admin-button.success,body.sl-admin .playoff-admin-button:not(.secondary):not(.danger){
  background:linear-gradient(135deg,var(--sl-green),var(--sl-green-2))!important;
  border-color:rgba(81,255,190,.52)!important;
  color:#03140d!important;
}
.sl-btn.gold,body.sl-admin .btn-yellow{
  background:linear-gradient(135deg,var(--sl-gold),var(--sl-gold-2))!important;
  border-color:rgba(255,221,89,.58)!important;
  color:#171100!important;
}
.sl-btn.danger,body.sl-admin .btn-red,body.sl-admin .playoff-admin-button.danger{
  background:linear-gradient(180deg,rgba(255,90,102,.16),rgba(255,90,102,.08))!important;
  border-color:rgba(255,90,102,.44)!important;
  color:#ffabb0!important;
}
.sl-btn:hover,.btn-primary:hover,.portal-secondary:hover,body.sl-myarea .primary-button:hover,body.sl-admin .btn:hover,body.sl-admin .playoff-admin-button:hover{
  transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 12px 24px rgba(0,0,0,.20)!important
}
.sl-btn:focus-visible,.btn-primary:focus-visible,.portal-secondary:focus-visible,body.sl-myarea .primary-button:focus-visible,body.sl-admin .btn:focus-visible,body.sl-admin .playoff-admin-button:focus-visible{
  outline:3px solid rgba(82,182,255,.30);outline-offset:2px
}
body.sl-auth .btn-primary{width:100%!important}
body.sl-admin .playoff-admin-button.full{width:100%!important}

/* App mobile navigation: top hamburger + drawer, no footer action bar */
.sl-mobile-bottom{display:none!important}
.sl-app-menu-button{display:none;width:44px;height:44px;margin-left:7px;padding:0;border:1px solid var(--sl-line);border-radius:11px;background:#071c2f;color:#f3f8fc;place-items:center;cursor:pointer}
.sl-app-menu-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9}
.sl-app-mobile-overlay{display:none;position:fixed;inset:0;z-index:12980;border:0;background:rgba(0,8,15,.62);backdrop-filter:blur(3px)}
.sl-app-mobile-drawer{display:none;position:fixed;top:0;right:0;bottom:0;width:min(88vw,360px);z-index:13020;padding:14px;background:linear-gradient(180deg,#06192a,#03101d);border-left:1px solid var(--sl-line);box-shadow:-22px 0 50px rgba(0,0,0,.42);transform:translateX(102%);transition:transform .22s ease;overflow:auto}
.sl-app-mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--sl-line)}
.sl-app-mobile-drawer .sl-logo img{height:40px}
.sl-app-mobile-drawer .sl-logo-copy strong{font-size:18px!important}
.sl-app-menu-close{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--sl-line);border-radius:10px;background:#0a2238;color:#fff;font-size:25px;line-height:1;cursor:pointer}
body.sl-app-menu-open{overflow:hidden}

/* Regular season: dedicated two-zone desktop canvas */
body.sl-regular .sl-app-content{
  width:min(1760px,calc(100% - 40px));
  max-width:none;
  padding-top:26px;
}
body.sl-regular .sl-ranking-title{margin-bottom:16px}
body.sl-regular .sl-ranking-title h1{font-size:38px;line-height:1.05}
body.sl-regular .sl-ranking-title p{font-size:15px;max-width:880px}
body.sl-regular .sl-regular-layout{
  display:grid;
  grid-template-columns:minmax(620px,1.15fr) minmax(500px,.85fr);
  gap:24px;
  align-items:start;
  width:100%;
}
body.sl-regular .sl-regular-layout>*{min-width:0}
body.sl-regular .ranking-panel{
  min-width:0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  gap:16px!important;
  overflow:hidden!important;
}
body.sl-regular .ranking-panel table{
  width:100%!important;
  min-width:0!important;
  table-layout:fixed;
  font-size:13px!important;
}
body.sl-regular .ranking-panel table th,body.sl-regular .ranking-panel table td{
  padding:11px 10px!important;
  font-size:13px!important;
  vertical-align:middle;
}
body.sl-regular .ranking-panel table th{font-size:11px!important}
body.sl-regular .ranking-panel table th:nth-child(1),body.sl-regular .ranking-panel table td:nth-child(1){width:9%}
body.sl-regular .ranking-panel table th:nth-child(2),body.sl-regular .ranking-panel table td:nth-child(2){width:38%;white-space:normal;overflow-wrap:anywhere}
body.sl-regular .ranking-panel table th:nth-child(3),body.sl-regular .ranking-panel table td:nth-child(3){width:12%}
body.sl-regular .ranking-panel table th:nth-child(4),body.sl-regular .ranking-panel table td:nth-child(4){width:21%}
body.sl-regular .ranking-panel table th:nth-child(5),body.sl-regular .ranking-panel table td:nth-child(5){width:20%}
body.sl-regular .ranking-panel h2{font-size:18px!important;margin:0 0 -3px!important}
body.sl-regular .ranking-panel .probability-note{font-size:13px!important;padding:12px 14px!important}
body.sl-regular .seed-zone-legend{padding:14px 15px!important}
body.sl-regular .seed-zone-title{font-size:12px!important}
body.sl-regular .seed-zone-copy{font-size:12px!important}
body.sl-regular .seed-chip,body.sl-regular .outside-chip{font-size:10px!important;min-width:66px!important;padding:5px 8px!important}

body.sl-regular .sl-games-panel{
  min-width:0;
  margin:0!important;
  padding:16px!important;
  border:1px solid var(--sl-line);
  border-radius:15px;
  background:linear-gradient(145deg,rgba(10,34,55,.96),rgba(5,20,34,.98));
  box-shadow:0 14px 34px rgba(0,0,0,.20);
  overflow:hidden;
}
body.sl-regular .sl-games-panel .header{padding:3px 2px 14px!important;margin:0 0 10px!important;border-bottom:1px solid var(--sl-line)!important}
body.sl-regular .sl-games-panel .header h1{font-size:27px!important}
body.sl-regular .sl-games-panel .header p{font-size:13px!important;line-height:1.45}
body.sl-regular .sl-games-scroll{
  max-height:calc(100vh - 255px);
  min-height:420px;
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  padding-right:8px;
}
body.sl-regular .sl-games-scroll::-webkit-scrollbar{width:10px}
body.sl-regular .sl-games-scroll::-webkit-scrollbar-track{background:#041421;border-radius:99px}
body.sl-regular .sl-games-scroll::-webkit-scrollbar-thumb{background:#214d6a;border:2px solid #041421;border-radius:99px}
body.sl-regular .sl-games-scroll::-webkit-scrollbar-thumb:hover{background:#2f6789}
body.sl-regular .sl-games-panel .section{padding:14px!important;margin:0 0 14px!important}
body.sl-regular .sl-games-panel .section-title{font-size:17px!important;margin:0 0 6px!important;text-align:left!important}
body.sl-regular .sl-games-panel .week-meta{font-size:12px!important;text-align:left!important;margin:0 0 10px!important}
body.sl-regular .sl-games-panel .game{grid-template-columns:minmax(0,1fr) 74px minmax(0,1fr)!important;padding:12px 13px!important;margin-bottom:9px!important}
body.sl-regular .sl-games-panel .game img{width:38px!important;height:38px!important}
body.sl-regular .sl-games-panel .game .name{font-size:13px!important}
body.sl-regular .sl-games-panel .game .metaSmall{font-size:11px!important;line-height:1.3}
body.sl-regular .sl-games-panel .game .score{font-size:14px!important}
body.sl-regular .sl-games-panel footer{padding:10px 0 0!important;margin:0!important;font-size:11px!important}

/* General readability refinements */
.sl-kicker,.sl-eyebrow{font-family:var(--sl-font-body);font-weight:750;letter-spacing:.105em}
.sl-public-nav a,.sl-sidebar-nav a{font-weight:700}
.sl-sidebar-nav a{font-size:14px!important}
.sl-page-head p,body.sl-myarea .page-title p{font-size:15px!important}
body.sl-myarea .card h2{font-size:19px!important}
body.sl-myarea .card-subtitle{font-size:14px!important}
body.sl-myarea .info-row{font-size:14px!important}
body.sl-myarea .metric span{font-size:11px!important}
body.sl-myarea .metric strong{font-size:14px!important}
body.sl-myarea .game-head{font-size:12px!important}
body.sl-myarea .game-head strong{font-size:14px!important}
body.sl-myarea .sl-team strong{font-size:14px!important}
body.sl-myarea .team-option,body.sl-myarea .bonus-option{font-size:13px!important}
body.sl-myarea .sl-lock-notice{font-size:13px!important}
body.sl-admin .card h2{font-size:18px!important}
body.sl-admin .card p{font-size:13px!important}
body.sl-admin table{font-size:13px!important}
body.sl-admin .sl-admin-function-nav a{font-size:12px!important;min-height:38px}

@media(max-width:1320px){
  body.sl-regular .sl-regular-layout{grid-template-columns:1fr}
  body.sl-regular .sl-games-scroll{max-height:620px}
}

@media(max-width:900px){
  body.sl-app{padding:60px 0 28px!important}
  .sl-app-menu-button{display:grid}
  .sl-app-mobile-overlay,.sl-app-mobile-drawer{display:block}
  .sl-app-mobile-overlay{visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
  .sl-app-mobile-drawer{visibility:hidden}
  body.sl-app-menu-open .sl-app-mobile-overlay{visibility:visible;opacity:1;pointer-events:auto}
  body.sl-app-menu-open .sl-app-mobile-drawer{visibility:visible;transform:translateX(0)}
  body.sl-regular .sl-app-content{width:calc(100% - 20px);padding:18px 0 26px}
  body.sl-regular .sl-ranking-title h1{font-size:31px}
  body.sl-regular .sl-ranking-title p{font-size:14px}
  body.sl-regular .ranking-panel{display:block!important;overflow:visible!important}
  body.sl-regular .ranking-panel h2{font-size:18px!important;margin:16px 0 7px!important}
  body.sl-regular .ranking-panel table{margin-bottom:14px!important}
  body.sl-regular .ranking-panel table th,body.sl-regular .ranking-panel table td{font-size:12px!important;padding:10px 8px!important}
  body.sl-regular .ranking-panel table th{font-size:10px!important}
  body.sl-regular .sl-games-panel{margin-top:18px!important;padding:13px!important}
  body.sl-regular .sl-games-scroll{max-height:560px;min-height:360px;padding-right:5px}
  body.sl-regular .sl-games-panel .game{grid-template-columns:minmax(0,1fr) 48px minmax(0,1fr)!important;padding:11px 9px!important}
  body.sl-regular .sl-games-panel .game img{width:34px!important;height:34px!important}
  body.sl-regular .sl-games-panel .game .name{font-size:12px!important}
  body.sl-regular .sl-games-panel .game .metaSmall{font-size:10px!important}
  body.sl-regular .sl-games-panel .game .score{font-size:12px!important}
  .sl-btn,.btn-primary,.portal-secondary,body.sl-myarea .primary-button,body.sl-admin .btn,body.sl-admin .playoff-admin-button{min-height:46px!important;font-size:14px!important}
}

@media(max-width:540px){
  body.sl-regular .ranking-panel table{display:block;overflow-x:auto;white-space:nowrap}
  body.sl-regular .ranking-panel table th:nth-child(n),body.sl-regular .ranking-panel table td:nth-child(n){width:auto;white-space:nowrap}
  body.sl-regular .sl-games-scroll{max-height:520px}
  body.sl-regular .sl-games-panel .header h1{font-size:24px!important}
  body.sl-regular .sl-games-panel .header p{font-size:12px!important}
  body.sl-myarea .primary-button{width:100%!important}
  body.sl-admin .btn,body.sl-admin .playoff-admin-button{width:100%;white-space:normal;text-align:center}
}

.sl-shell-logout{width:100%;min-height:42px;margin-top:12px;border:1px solid var(--sl-line);border-radius:10px;background:#0a2238;color:#eaf4fb;font-family:var(--sl-font-body);font-size:13px;font-weight:750;cursor:pointer}
.sl-shell-logout:hover{border-color:rgba(255,90,102,.34);color:#ffabb0;background:rgba(255,90,102,.07)}


/* ================================================================
   RC4 — Fase Regular: layout profissional e responsivo
   Corrige herança do layout legado (ranking fixed/off-canvas) e
   remove espaços vazios/overlap em telas estreitas.
   ================================================================ */
body.sl-regular{
  --sl-regular-gap:24px;
}
body.sl-regular .sl-regular-content{
  width:min(1720px,calc(100% - 48px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:28px 0 34px!important;
}
body.sl-regular .sl-ranking-title{
  margin:0 0 20px!important;
  padding:0!important;
}
body.sl-regular .sl-ranking-title h1{
  font-size:clamp(34px,3vw,46px)!important;
  line-height:1.05!important;
}
body.sl-regular .sl-ranking-title p{
  margin-top:8px!important;
  font-size:16px!important;
  line-height:1.55!important;
  color:#93a8bb!important;
  max-width:900px!important;
}
body.sl-regular .sl-regular-layout{
  display:grid!important;
  grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr)!important;
  gap:var(--sl-regular-gap)!important;
  align-items:start!important;
  width:100%!important;
}

/* Reset completo do antigo painel fixo/off-canvas */
body.sl-regular #rankingPanel.ranking-panel{
  position:relative!important;
  inset:auto!important;
  top:auto!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  transform:none!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
  z-index:auto!important;
  padding:18px!important;
  margin:0!important;
  border:1px solid var(--sl-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(9,33,54,.98),rgba(4,18,31,.99))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  display:block!important;
}
body.sl-regular .sl-ranking-panel-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:2px 2px 14px;
  margin-bottom:14px;
  border-bottom:1px solid var(--sl-line);
}
body.sl-regular .sl-ranking-panel-head h2{
  margin:3px 0 0!important;
  font-family:var(--sl-font-display)!important;
  font-size:22px!important;
  line-height:1.1!important;
  color:#f2f7fb!important;
  text-align:left!important;
}
body.sl-regular .sl-panel-kicker{
  display:block;
  color:var(--sl-green);
  font-size:11px;
  font-weight:900;
  letter-spacing:.13em;
}
body.sl-regular .sl-classified-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:32px;
  padding:7px 10px;
  border-radius:999px;
  border:1px solid rgba(50,240,166,.23);
  background:rgba(50,240,166,.08);
  color:#72f4c4;
  font-size:11px;
  font-weight:800;
  white-space:nowrap;
}
body.sl-regular .seed-zone-legend{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  margin:0 0 8px!important;
  padding:12px 14px!important;
  border-radius:11px!important;
}
body.sl-regular .probability-note{
  margin:0 0 16px!important;
  padding:0 2px!important;
  text-align:left!important;
  color:#8097ab!important;
  font-size:12px!important;
}
body.sl-regular .sl-ranking-conferences{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:14px;
}
body.sl-regular .sl-conference-card{
  min-width:0;
  padding:13px;
  border:1px solid var(--sl-line);
  border-radius:13px;
  background:#061a2b;
}
body.sl-regular .sl-conference-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-height:44px;
  margin-bottom:9px;
}
body.sl-regular .sl-conference-head>div{display:flex;align-items:center;gap:9px;min-width:0}
body.sl-regular .sl-conference-head h3{
  margin:0!important;
  font-family:var(--sl-font-display)!important;
  font-size:17px!important;
  line-height:1.1!important;
  color:#eef6fb!important;
}
body.sl-regular .sl-conference-head small{
  color:#7890a5;
  font-size:10px;
  line-height:1.25;
  text-align:right;
}
body.sl-regular .sl-conf-mark{
  display:inline-grid;
  place-items:center;
  min-width:42px;
  height:27px;
  padding:0 7px;
  border-radius:7px;
  color:#fff;
  font-size:10px;
  font-weight:900;
  letter-spacing:.08em;
}
body.sl-regular .sl-conference-card.afc .sl-conf-mark{background:linear-gradient(135deg,#c44522,#ef6a34)}
body.sl-regular .sl-conference-card.nfc .sl-conf-mark{background:linear-gradient(135deg,#1d5b9f,#338be2)}
body.sl-regular .sl-ranking-table-wrap{width:100%;overflow-x:auto;border-radius:10px}
body.sl-regular #rankingPanel table{
  display:table!important;
  width:100%!important;
  min-width:410px!important;
  margin:0!important;
  table-layout:fixed!important;
  border-radius:10px!important;
  overflow:hidden!important;
}
body.sl-regular #rankingPanel table th,
body.sl-regular #rankingPanel table td{
  padding:10px 8px!important;
  font-size:12px!important;
}
body.sl-regular #rankingPanel table th{font-size:10px!important}
body.sl-regular #rankingPanel table th:nth-child(1),body.sl-regular #rankingPanel table td:nth-child(1){width:9%!important}
body.sl-regular #rankingPanel table th:nth-child(2),body.sl-regular #rankingPanel table td:nth-child(2){width:38%!important;white-space:normal!important;overflow-wrap:anywhere!important}
body.sl-regular #rankingPanel table th:nth-child(3),body.sl-regular #rankingPanel table td:nth-child(3){width:11%!important}
body.sl-regular #rankingPanel table th:nth-child(4),body.sl-regular #rankingPanel table td:nth-child(4){width:22%!important}
body.sl-regular #rankingPanel table th:nth-child(5),body.sl-regular #rankingPanel table td:nth-child(5){width:20%!important}

/* Reset completo do antigo main com margin-left do ranking fixo */
body.sl-regular main.main.sl-games-panel{
  position:relative!important;
  inset:auto!important;
  margin:0!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  padding:18px!important;
  border:1px solid var(--sl-line)!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(9,33,54,.98),rgba(4,18,31,.99))!important;
  box-shadow:0 16px 38px rgba(0,0,0,.22)!important;
  overflow:hidden!important;
}
body.sl-regular .sl-games-panel .header{
  max-width:none!important;
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:16px!important;
  margin:0 0 12px!important;
  padding:2px 2px 14px!important;
  text-align:left!important;
  border:0!important;
  border-bottom:1px solid var(--sl-line)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
body.sl-regular .sl-games-panel .header h1{
  margin:3px 0 0!important;
  font-size:25px!important;
  line-height:1.1!important;
}
body.sl-regular .sl-games-panel .header p{
  margin:6px 0 0!important;
  color:#8299ad!important;
  font-size:12px!important;
}
body.sl-regular .sl-scroll-hint{
  flex:none;
  color:#7190a8;
  font-size:10px;
  font-weight:800;
  white-space:nowrap;
}
body.sl-regular .sl-games-scroll{
  width:100%!important;
  max-height:calc(100vh - 250px)!important;
  min-height:500px!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  padding:0 7px 0 0!important;
  margin:0!important;
}
body.sl-regular .sl-games-panel .section{
  max-width:none!important;
  margin:0 0 12px!important;
  padding:12px!important;
  border:1px solid rgba(38,82,112,.55)!important;
  border-radius:12px!important;
  background:rgba(4,22,37,.58)!important;
}
body.sl-regular .sl-games-panel .divider{max-width:none!important;margin:12px 0!important}
body.sl-regular .sl-games-panel footer{max-width:none!important;margin:10px 0 0!important;padding:7px 0 0!important}

/* Tablet: cada bloco ocupa uma linha inteira, sem espaço morto */
@media(max-width:1320px){
  body.sl-regular .sl-regular-content{width:min(1120px,calc(100% - 36px))!important}
  body.sl-regular .sl-regular-layout{grid-template-columns:1fr!important;gap:18px!important}
  body.sl-regular .sl-games-scroll{max-height:620px!important;min-height:440px!important}
}

/* Mobile: ranking sempre visível, seguido do calendário; nada off-canvas */
@media(max-width:900px){
  body.sl-regular{overflow-x:hidden!important}
  body.sl-regular .sl-regular-content{
    width:calc(100% - 24px)!important;
    margin:0 auto!important;
    padding:22px 0 30px!important;
  }
  body.sl-regular .sl-ranking-title{margin-bottom:16px!important}
  body.sl-regular .sl-ranking-title h1{font-size:34px!important}
  body.sl-regular .sl-ranking-title p{font-size:15px!important;line-height:1.5!important}
  body.sl-regular .sl-regular-layout{
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    width:100%!important;
  }
  body.sl-regular #rankingPanel.ranking-panel{
    order:1!important;
    position:relative!important;
    transform:none!important;
    width:100%!important;
    height:auto!important;
    padding:14px!important;
    overflow:visible!important;
  }
  body.sl-regular main.main.sl-games-panel{
    order:2!important;
    margin:0!important;
    width:100%!important;
    padding:14px!important;
  }
  body.sl-regular .sl-ranking-panel-head{align-items:flex-start!important}
  body.sl-regular .sl-ranking-panel-head h2{font-size:20px!important}
  body.sl-regular .sl-classified-badge{font-size:10px!important;white-space:normal!important;text-align:center!important;max-width:140px}
  body.sl-regular .seed-zone-legend{display:block!important}
  body.sl-regular .seed-zone-copy{display:block!important;margin-top:4px!important}
  body.sl-regular .sl-ranking-conferences{grid-template-columns:1fr!important;gap:12px!important}
  body.sl-regular .sl-conference-head{align-items:flex-start!important}
  body.sl-regular .sl-conference-head small{font-size:10px!important;max-width:120px}
  body.sl-regular #rankingPanel table{min-width:390px!important}
  body.sl-regular .sl-games-panel .header{align-items:flex-start!important}
  body.sl-regular .sl-scroll-hint{white-space:normal!important;text-align:right!important;max-width:120px!important}
  body.sl-regular .sl-games-scroll{
    max-height:62vh!important;
    min-height:430px!important;
    padding-right:5px!important;
  }
}

@media(max-width:560px){
  body.sl-regular .sl-regular-content{width:calc(100% - 20px)!important;padding-top:18px!important}
  body.sl-regular .sl-ranking-title h1{font-size:32px!important}
  body.sl-regular .sl-ranking-title p{font-size:14px!important}
  body.sl-regular #rankingPanel.ranking-panel,
  body.sl-regular main.main.sl-games-panel{padding:12px!important;border-radius:14px!important}
  body.sl-regular .sl-ranking-panel-head{display:block!important}
  body.sl-regular .sl-classified-badge{margin-top:10px!important;max-width:none!important}
  body.sl-regular .sl-games-panel .header{display:block!important}
  body.sl-regular .sl-scroll-hint{display:block!important;max-width:none!important;text-align:left!important;margin-top:8px!important}
  body.sl-regular .sl-games-scroll{max-height:58vh!important;min-height:390px!important}
  body.sl-regular .sl-games-panel .game{
    grid-template-columns:minmax(0,1fr) 42px minmax(0,1fr)!important;
    gap:7px!important;
    padding:10px 8px!important;
  }
  body.sl-regular .sl-games-panel .game img{width:32px!important;height:32px!important}
  body.sl-regular .sl-games-panel .game .name{font-size:12px!important;line-height:1.25!important}
  body.sl-regular .sl-games-panel .game .metaSmall{font-size:10px!important;line-height:1.25!important}
  body.sl-regular .sl-games-panel .game .score{font-size:12px!important}
}

/* =====================================================================
   FASE 2 RC2 — Minha Área reconstruída + shell privado consolidado
   ===================================================================== */
body.sl-app .sl-legacy-header{display:none!important}
body.sl-app{min-width:0}

/* Minha Área: estrutura real do mockup, não o layout legado */
body.sl-myarea{background:
  radial-gradient(900px 440px at 74% -10%,rgba(35,111,165,.16),transparent 64%),
  linear-gradient(180deg,#03101d 0%,#051725 52%,#020b14 100%)!important}
body.sl-myarea .sl-myarea-content{
  width:min(1680px,calc(100% - 44px))!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:28px 0 54px!important;
}
body.sl-myarea .sl-myarea-hero{
  display:grid;grid-template-columns:minmax(0,1.35fr) minmax(460px,.65fr);gap:18px;align-items:end;
  padding:25px 27px;margin-bottom:14px;border:1px solid var(--sl-line);border-radius:18px;
  background:radial-gradient(700px 220px at 86% -12%,rgba(50,240,166,.10),transparent 65%),linear-gradient(145deg,#09233a,#051827);
  box-shadow:0 18px 44px rgba(0,0,0,.20)
}
body.sl-myarea .sl-myarea-hero h1{margin:4px 0 7px;font-size:clamp(38px,4.2vw,58px);line-height:1;letter-spacing:-.04em;color:#f7fbff}
body.sl-myarea .sl-myarea-hero p{margin:0;color:#99b0c3;font-size:15px;line-height:1.5}
body.sl-myarea .sl-myarea-kpis{display:grid;grid-template-columns:1.25fr .75fr .75fr;gap:9px}
body.sl-myarea .sl-myarea-kpi{min-width:0;padding:13px 14px;border:1px solid var(--sl-line);border-radius:11px;background:#061a2b}
body.sl-myarea .sl-myarea-kpi span{display:block;margin-bottom:5px;color:#6f899f;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
body.sl-myarea .sl-myarea-kpi strong{display:block;overflow:hidden;text-overflow:ellipsis;color:#eef7ff;font-size:15px;font-weight:850;white-space:nowrap}
body.sl-myarea .sl-myarea-overview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-bottom:14px}
body.sl-myarea .sl-myarea-overview .card,
body.sl-myarea .sl-round-panel,
body.sl-myarea .sl-history-panel{margin:0!important;padding:19px!important;border:1px solid var(--sl-line)!important;border-radius:15px!important;background:linear-gradient(145deg,rgba(10,34,55,.96),rgba(5,20,34,.985))!important;box-shadow:0 14px 36px rgba(0,0,0,.18)!important}
body.sl-myarea .sl-card-heading,body.sl-myarea .sl-round-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
body.sl-myarea .sl-panel-kicker{display:block;margin-bottom:3px;color:var(--sl-green);font-size:11px;font-weight:850;letter-spacing:.11em}
body.sl-myarea .sl-card-heading h2,body.sl-myarea .sl-round-heading h2{margin:0!important;font-size:23px!important;line-height:1.12;color:#f6fbff}
body.sl-myarea .card-subtitle{margin:7px 0 14px!important;color:#8099ae!important;font-size:13px!important;line-height:1.45}
body.sl-myarea .info-list{gap:0!important}
body.sl-myarea .info-row{min-height:46px;padding:10px 0!important;align-items:center;border-bottom:1px solid rgba(135,180,220,.10)!important}
body.sl-myarea .info-row span{color:#738da3!important;font-size:13px}
body.sl-myarea .info-row strong{color:#eef7ff!important;font-size:14px;font-weight:800}
body.sl-myarea .sl-round-panel{margin-bottom:14px!important}
body.sl-myarea .sl-round-rule{display:inline-flex;align-items:center;min-height:34px;padding:7px 11px;border:1px solid rgba(255,209,47,.22);border-radius:9px;background:rgba(255,209,47,.055);color:#ffe678;font-size:11px;font-weight:800;white-space:nowrap}
body.sl-myarea .status-line{margin:2px 0 12px!important}
body.sl-myarea .badge{min-height:31px;padding:6px 10px;font-size:11px!important}
body.sl-myarea .round-meta{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important;margin:0 0 14px!important}
body.sl-myarea .metric{min-height:72px;padding:12px 13px!important;border:1px solid rgba(135,180,220,.15)!important;border-radius:10px!important;background:#061827!important}
body.sl-myarea .metric span{font-size:10px!important;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#6f899f!important}
body.sl-myarea .metric strong{font-size:13px!important;line-height:1.35;color:#edf6fc!important}
body.sl-myarea .games{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:12px!important;margin-top:0!important}
body.sl-myarea fieldset.game{position:relative;min-width:0;margin:0!important;padding:15px!important;border:1px solid rgba(135,180,220,.16)!important;border-radius:13px!important;background:#061a2b!important;overflow:hidden}
body.sl-myarea .game-head{align-items:flex-start!important;margin:0 0 12px!important;color:#7d96aa!important;font-size:11px!important}
body.sl-myarea .game-head strong{color:#dce9f3;font-size:12px}
body.sl-myarea .sl-matchup{display:grid!important;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr)!important;gap:8px!important;align-items:center!important;margin:2px 0 13px!important}
body.sl-myarea .sl-team{min-width:0;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important}
body.sl-myarea .sl-team-logo{width:58px!important;height:58px!important;object-fit:contain!important;background:#f3f7fa;border-radius:13px;padding:5px}
body.sl-myarea .sl-team strong{max-width:100%;font-size:13px!important;line-height:1.25!important;overflow-wrap:anywhere;color:#f2f8fc}
body.sl-myarea .sl-vs{display:grid;place-items:center;color:#7590a6;font-size:11px;font-weight:900}
body.sl-myarea .teams{display:grid!important;grid-template-columns:1fr 1fr!important;gap:7px!important}
body.sl-myarea .team-option{min-width:0!important;min-height:44px!important;padding:9px 10px!important;border-radius:9px!important;border:1px solid rgba(135,180,220,.18)!important;background:#071e31!important;color:#dfeaf2!important;font-size:12px!important;font-weight:750!important}
body.sl-myarea .team-option:has(input:checked){border-color:rgba(50,240,166,.55)!important;background:rgba(50,240,166,.10)!important;box-shadow:0 0 0 1px rgba(50,240,166,.08)}
body.sl-myarea .bonus-option{min-height:40px;margin-top:10px!important;padding:8px 10px!important;border:1px solid rgba(255,209,47,.18);border-radius:9px;background:rgba(255,209,47,.045);font-size:11px!important;color:#ffe575!important}
body.sl-myarea .bonus-option.is-selected{border-color:rgba(255,209,47,.50);background:rgba(255,209,47,.11);box-shadow:0 0 22px rgba(255,209,47,.08)}
body.sl-myarea .sl-underdog-card{border-color:rgba(255,209,47,.62)!important;background:radial-gradient(420px 180px at 50% -20%,rgba(255,209,47,.15),transparent 64%),#0b1d27!important;box-shadow:0 0 0 1px rgba(255,209,47,.12),0 0 26px rgba(255,187,0,.12)!important}
body.sl-myarea .sl-underdog-ribbon{margin:-15px -15px 12px;padding:8px 11px;background:linear-gradient(90deg,rgba(255,209,47,.18),rgba(255,209,47,.06));border-bottom:1px solid rgba(255,209,47,.30);color:#ffe06b;font-size:10px;font-weight:900;letter-spacing:.06em;text-align:center}
body.sl-myarea .sl-underdog-team{margin-top:9px;padding:7px 9px;border:1px solid rgba(255,209,47,.22);border-radius:8px;background:rgba(255,209,47,.06);color:#ffe575;font-size:11px;font-weight:800;text-align:center}
body.sl-myarea .sl-lock-notice{display:flex;align-items:center;gap:10px;margin-top:13px;padding:11px 13px!important;border:1px solid rgba(50,240,166,.18)!important;border-radius:10px!important;background:rgba(50,240,166,.045)!important;color:#a8bdce!important;font-size:12px!important;line-height:1.45}
body.sl-myarea .sl-lock-notice b{display:block;color:#e8f5ef;margin-bottom:2px}
body.sl-myarea .primary-button{float:none!important;width:100%!important;min-width:0!important;margin:12px 0 0!important}
body.sl-myarea .sl-history-panel{margin-top:0!important}
body.sl-myarea .history-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px!important}
body.sl-myarea .history-item{min-height:60px!important;padding:11px 12px!important;border-color:rgba(135,180,220,.13)!important;background:#061827!important}
body.sl-myarea .empty{padding:18px!important;border-color:rgba(135,180,220,.20)!important;background:rgba(5,21,35,.45)}
body.sl-myarea .sl-confirmed{padding:17px!important;border:1px solid rgba(50,240,166,.25);border-radius:11px;background:rgba(50,240,166,.055)}

@media(max-width:1280px){
  body.sl-myarea .sl-myarea-hero{grid-template-columns:1fr}
  body.sl-myarea .sl-myarea-kpis{max-width:760px}
  body.sl-myarea .games{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:900px){
  body.sl-myarea .sl-myarea-content{width:calc(100% - 20px)!important;padding:16px 0 30px!important}
  body.sl-myarea .sl-myarea-hero{padding:19px!important;border-radius:14px}
  body.sl-myarea .sl-myarea-hero h1{font-size:36px}
  body.sl-myarea .sl-myarea-kpis{grid-template-columns:1fr 1fr 1fr}
  body.sl-myarea .sl-myarea-overview{grid-template-columns:1fr}
  body.sl-myarea .sl-round-heading{display:block}
  body.sl-myarea .sl-round-rule{margin-top:9px;white-space:normal}
  body.sl-myarea .games{grid-template-columns:1fr!important}
  body.sl-myarea .history-list{grid-template-columns:1fr}
  body.sl-myarea .sl-team-logo{width:62px!important;height:62px!important}
}
@media(max-width:480px){
  body.sl-myarea .sl-myarea-kpis{grid-template-columns:1fr}
  body.sl-myarea .round-meta{grid-template-columns:1fr!important}
  body.sl-myarea .teams{grid-template-columns:1fr!important}
  body.sl-myarea .sl-myarea-overview .card,body.sl-myarea .sl-round-panel,body.sl-myarea .sl-history-panel{padding:15px!important}
}

/* RC10: Administração nunca visível enquanto o perfil não confirmar is_admin === true */
.sl-admin-only[hidden]{display:none!important}