/*
  TAÇA DAS PELADINHAS — V41 IMAGE INTEGRATION
  PURE PRESENTATION / NO APPLICATION LOGIC OR DATA CHANGES.
  Source artwork is edited into responsive WEBP backgrounds; never stretched with CSS.
*/
:root { --v41-amber:#f4c642; --v41-soft:#d8ad45; --v41-border:#3a4655; }
/* Understated page surround for better separation and legibility */
body:not(.admin-body){background:#080d13!important}
body:not(.admin-body)::before{background:radial-gradient(ellipse 70% 57% at 52% 0%,rgba(190,134,32,.045),transparent 80%),linear-gradient(#080d13,#080d13)!important;opacity:1!important;height:100%!important}
/* Header: premium restraint; do not re-introduce navigation on mobile */
body:not(.admin-body) .header{background:rgba(9,14,21,.975)!important;box-shadow:0 8px 24px rgba(0,0,0,.18)!important}
body:not(.admin-body) .header .brand-lettering{filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
/* Main match card — real panoramic stadium, fully proportional. The pitch and lights both remain visible. */
#public-content #jogo-destaque #live-feature{
  min-height:296px!important;
  background-image:
    linear-gradient(180deg,rgba(4,9,16,.35) 0%,rgba(4,9,16,.53) 40%,rgba(4,9,16,.76) 100%),
    linear-gradient(90deg,rgba(4,9,16,.38) 0%,rgba(4,9,16,.15) 50%,rgba(4,9,16,.38) 100%),
    url('estadio-nocturno-v41.webp')!important;
  background-size:cover,cover,cover!important;
  background-position:center,center,center 55%!important;
  border:1px solid rgba(245,195,57,.80)!important;
  border-radius:17px!important;
  box-shadow:0 14px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,234,170,.12)!important;
}
#public-content #jogo-destaque #live-feature::after{height:2px!important;opacity:.48!important}
#jogo-destaque .feature-main{margin-top:20px!important;margin-bottom:17px!important;max-width:1050px!important}
#jogo-destaque .feature-team img.team-logo-image{filter:drop-shadow(0 8px 13px rgba(0,0,0,.66))!important}
#jogo-destaque .feature-score{filter:drop-shadow(0 4px 9px rgba(0,0,0,.4))}
#jogo-destaque .feature-actions [data-open-match]{background:linear-gradient(140deg,#ffe07b,#f5c341 76%,#dba52b)!important;box-shadow:0 5px 16px rgba(0,0,0,.2)!important}
#jogo-destaque .feature-actions [data-open-match]:hover{filter:brightness(1.07)}
#jogo-destaque .feature-actions [data-share-match]:hover{border-color:#e5bd51!important;background:#202833!important}
/* Taça dos Finos — professional photographic header. NO synthetic CSS pint glass. */
#public-content #fan-league .fan-league-head{
  min-height:143px!important;
  padding:22px 18px 20px!important;
  align-items:center!important;
  overflow:hidden!important;
  background-image:
    linear-gradient(90deg,rgba(13,21,32,.97) 0%,rgba(13,21,32,.85) 38%,rgba(13,21,32,.05) 80%),
    url('fino-fotografico-v41.webp')!important;
  background-color:#131e29!important;
  background-size:cover,cover!important;
  background-position:center,right center!important;
  border-bottom:1px solid rgba(218,172,66,.22)!important;
  isolation:isolate!important;
}
#public-content #fan-league .fan-league-head::before,
#public-content #fan-league .fan-league-head::after{content:none!important;display:none!important}
#public-content #fan-league .fan-league-head>div{position:relative;z-index:1;width:calc(100% - 91px);max-width:calc(100% - 91px)}
#public-content #fan-league .fan-league-head h3{font-size:16px!important;font-weight:850!important;max-width:100%!important;line-height:1.25!important;text-shadow:0 2px 4px rgba(0,0,0,.4)}
#public-content #fan-league .fan-league-description{max-width:100%!important;font-size:11px!important;line-height:1.5!important;color:#d9dee5!important;text-shadow:0 2px 4px rgba(0,0,0,.38)}
#public-content .fan-league-box{border-color:#47505c!important}
#public-content #fan-league .fan-league-row{transition:background-color .16s ease}
#public-content #fan-league .fan-league-row:hover{background-color:rgba(255,255,255,.025)}
/* Crisp balanced table boundaries and meaningful gold rather than excess glow */
#public-content #full-standing .league-table tbody tr:first-child{background:linear-gradient(90deg,rgba(244,194,59,.105),rgba(244,194,59,.01))!important}
#public-content #full-standing .league-table tbody tr:not(:first-child):hover{background:rgba(255,255,255,.034)!important}
#public-content .standings-focus,#public-content .fan-league-box{box-shadow:0 12px 33px rgba(0,0,0,.18)!important}
#public-content #classificacao .competition-switch-btn{transition:background-color .16s,color .16s,box-shadow .16s}
#public-content #classificacao .competition-switch-btn:not(.active):hover{background:#263240!important;color:#fff!important}
/* Scores and form details avoid decorative clutter */
#public-content #calendario{background:linear-gradient(165deg,#121c27,#0d141d)!important;border-color:#394758!important}
#public-content #schedule .match-card{background:linear-gradient(154deg,#171f2b,#101820)!important;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}
#public-content #schedule .match-card-head{letter-spacing:.025em!important}
#public-content #schedule .match-card .team-logo-image{filter:drop-shadow(0 3px 4px rgba(0,0,0,.28))}
#public-content .stats-card,#public-content .team-grid .team-card{box-shadow:inset 0 1px 0 rgba(255,255,255,.026)}
#public-content .stats-card-head{background:linear-gradient(95deg,#1d2936,#151e2a)!important}
#public-content .phase-preview>summary:hover{background:#232f3e!important}
#public-content .team-grid .team-card{transition:background-color .15s,border-color .15s,transform .15s}
#public-content .team-grid .team-card:hover{transform:translateY(-2px)}
#public-content .sponsor-inline-card{transition:background-color .15s,border-color .15s}
#public-content .sponsor-inline-card:hover{border-color:#b98e38!important}
/* Small UI detail cleanup without modifying elements or events */
#public-content .section-head h2{line-height:1.08!important}
#public-content .button,#public-content .match-detail-link{transition:color .16s,background-color .16s,border-color .16s,transform .16s}
#public-content :is(button,a,summary,select):focus-visible{outline:2px solid #ffdb69!important;outline-offset:3px!important}
/* Admin: softer panel distinction while preserving forms, behavior, navigation and finance layout */
.admin-body .card,.admin-body .finance-kpi{box-shadow:0 6px 22px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.025)!important}
.admin-body .button.primary:hover{filter:brightness(1.06)}
.admin-body .admin-table tr:hover td{background:rgba(255,255,255,.015)}
/* Responsive artwork composition: glass stays right and text has reserved left column */
@media(max-width:1110px){
 #public-content #fan-league .fan-league-head{background-size:cover,cover!important;background-position:center,right center!important}
}
@media(max-width:800px){
 #public-content #jogo-destaque #live-feature{background-size:cover,cover,auto 100%!important;background-position:center,center,50% center!important;min-height:0!important;padding:17px 13px 18px!important}
 #public-content #fan-league .fan-league-head{min-height:138px!important;background-position:center,right center!important}
 #public-content #fan-league .fan-league-head>div{width:calc(100% - 99px);max-width:calc(100% - 99px)}
 #public-content #fan-league .fan-league-description{font-size:11px!important}
}
@media(max-width:430px){
 #public-content #fan-league .fan-league-head{min-height:138px!important;padding:17px 12px 18px!important}
 #public-content #fan-league .fan-league-head>div{width:calc(100% - 85px);max-width:calc(100% - 85px)}
 #public-content #fan-league .fan-league-head h3{font-size:14px!important}
 #public-content #fan-league .fan-league-description{font-size:10px!important;line-height:1.4!important}
}
@media(prefers-reduced-motion:reduce){#public-content #schedule .match-card,#public-content .team-grid .team-card,#public-content .fan-league-row{transition:none!important;transform:none!important}}