/* Surface styles aligned to isolated screens s1, s2, s3, s6 and s7. */
:root{--pgc-paper:#fff;--pgc-tabs:#efeff0;--pgc-titlebar:#f2f3f7;--pgc-side:#f8f8f9}
body,body.performance-mode,body.performance-mode main,.performance-content{background:var(--pgc-paper)}
body.performance-mode aside{background:var(--pgc-side)}
.performance-mode .metrics-panel,.performance-mode .metric-card-body,.performance-mode .metric-card-head{background:#fff}
.performance-mode .metric-tables .table-title,.campaign-mode .metric-tables .table-title{background:var(--pgc-titlebar)}
.metric-tables th{background:#f5f5f7}.metric-tables td{background:#fff}
.metric-tabs-wrap .branch-tabs button{background:var(--pgc-tabs)}
.metric-tabs-wrap .branch-tabs button.selected{background:#fff}
body.campaign-mode main{background:#fff}
.hero,.recognition-hero{background-image:url('assets/campanha-faixa.png');background-size:100% 100%;height:calc(100vw * 174 / 1514);min-height:0;max-height:none}
.campaign-surround{position:relative;background-color:#092b46;background-image:linear-gradient(90deg,#981b26 0%,#651321 28%,#0c2b44 70%,#055b8c 100%);background-size:100% 100%;background-repeat:no-repeat;isolation:isolate}
.campaign-surround::before,.campaign-surround::after{content:'';position:absolute;top:0;bottom:0;width:7.3%;pointer-events:none;z-index:-1;background-repeat:no-repeat;background-size:100% 100%}
.campaign-surround::before{left:0;background-image:url('assets/campanha-lateral-esquerda.png')}
.campaign-surround::after{right:0;background-image:url('assets/campanha-lateral-direita.png')}
.campaign-mode .campaign-surround>.page-content{position:relative;margin:0 auto;padding:0 27px 35px;width:85.4%;background:#fff;border-radius:9px 9px 0 0;min-height:calc(100vh - 76px - (100vw * 174 / 1514));overflow:visible}
.campaign-mode .campaign-surround>.page-content>.panel{padding-left:0;padding-right:0;border:0;border-radius:0;background:#fff;box-shadow:none;margin-bottom:0}
.campaign-mode .campaign-surround>.page-content>.panel:first-child{border-radius:9px 9px 0 0}
.campaign-mode .campaign-surround>.page-content>.panel+.panel{border-top:1px solid #e4e4e8;margin-top:25px;padding-top:25px}
.campaign-mode .campaign-surround>.page-content>.campaign-home{padding-top:28px}
.campaign-mode .campaign-home>.metrics-panel{padding:0 24px 58px;border:1px solid #dedee3;border-radius:10px;background:white}
.campaign-mode .campaign-home>.metrics-panel>.metric-card-head{margin:0 -21px}
.campaign-mode .campaign-surround>.recognition>.reference-recognition{min-height:590px;padding-top:15px}
.recognition-update{height:31px}.reference-recognition h1{margin:24px 0 12px;font-size:16px}
.reference-chips{margin-bottom:23px}.reference-recognition .recognition-groups{margin-top:0}
/* Menu s2: a white overlay, preserving the underlying campaign background. */
.campaign-menu.open .campaign-mega{background:#fff;box-shadow:0 4px 6px #0002;border-bottom:4px solid #d9213a;min-height:576px;max-height:calc(100vh - 76px);overflow-y:auto;padding:45px max(30px,9.8vw);gap:35px}
.campaign-mega h3{display:flex;align-items:center;min-height:31px;margin-top:8px;margin-bottom:4px}
.campaign-mega h3::before{content:'';display:block;width:30px;height:31px;flex-shrink:0;background:url('assets/menu-campanhas.png') center/contain no-repeat;margin-right:9px}
.campaign-mega a,.campaign-mega button{background:#fff}.campaign-mega a:hover,.campaign-mega button:hover{background:#fff}
/* Login s1: no blurred extension and no repeated photograph. */
.login-mode,.login-mode>main{background:#fff;min-height:100vh}
.login-mode .access-page{height:100vh;min-height:700px;grid-template-columns:57.9% 42.1%;overflow:hidden}
.login-mode .access-visual{display:block;background:#28332f;overflow:hidden}
.login-mode .access-visual::before{display:none}
.login-mode .access-visual>img{width:100%;height:100%;display:block;max-width:none;margin:0;object-fit:fill}
.login-mode .access-form-panel{margin-left:-32px;padding:55px 8.7vw 85px 8.7vw;border-radius:36px 0 0 36px;min-height:700px;height:100vh}
.login-mode .access-form-wrap{max-width:none;width:100%;min-width:290px}
.login-mode .access-logo{width:201px;height:55px;margin-bottom:49px}
.login-mode .access-brand{bottom:17px;display:flex;justify-content:center;align-items:center;gap:3px}
.login-mode .access-brand::before{content:'Desenvolvido por';font-size:12px;color:#69717c}
.login-mode .access-brand img{width:125px;height:25px}
@media(min-width:1451px){.login-mode .access-form-panel{padding-left:8.7vw;padding-right:8.7vw}.login-mode .access-form-wrap{max-width:430px}}
@media(max-width:1450px) and (min-width:901px){.login-mode .access-form-panel{padding-left:7vw;padding-right:7vw}.login-mode .access-form-wrap{min-width:290px}.login-mode .access-logo{width:180px;height:50px;margin-bottom:40px}}
@media(max-width:1100px){.login-mode .access-form-panel{padding-left:5vw;padding-right:5vw}}
@media(max-width:900px){.login-mode .access-page{grid-template-columns:53% 47%}.login-mode .access-form-panel{padding-left:4vw;padding-right:4vw}.login-mode .access-form-wrap{min-width:240px}}
@media(max-width:700px){.hero,.recognition-hero{height:116px;background-size:auto 100%;background-position:center}.campaign-surround::before,.campaign-surround::after{width:3%}.campaign-mode .campaign-surround>.page-content{width:94%;padding:0 14px 25px;min-height:calc(100vh - 187px)}.campaign-mode .campaign-surround>.page-content>.panel{padding-top:20px}.campaign-mode .campaign-home>.metrics-panel{padding:0 12px 25px}.campaign-mode .campaign-home>.metrics-panel>.metric-card-head{margin:0 -9px}.campaign-mode .campaign-surround>.recognition>.reference-recognition{padding-top:15px}.campaign-menu.open .campaign-mega{min-height:0;max-height:none;padding:0 10px;overflow:visible;border:0;box-shadow:none}.campaign-mega h3::before{width:22px;height:24px}.login-mode .access-page{height:auto;min-height:100vh;overflow:visible;display:flex}.login-mode .access-visual{height:auto;aspect-ratio:835/699;max-height:360px}.login-mode .access-visual>img{object-fit:cover;object-position:center center}.login-mode .access-form-panel{height:auto;min-height:590px;margin:-22px 0 0;border-radius:26px 26px 0 0;padding:30px 28px 75px}.login-mode .access-form-wrap{min-width:0;max-width:400px}.login-mode .access-logo{width:168px;height:46px;margin-bottom:30px}.login-mode .access-brand::before{font-size:10px}}
@media(min-width:901px){.login-mode .access-form-panel{padding-left:8.7vw;padding-right:8.7vw}}
/* Preserve the reference texture's aspect ratio; only its continuation is inferred. */
.campaign-surround::before{background-color:#80212a;background-image:linear-gradient(#80212a,#80212a),url('assets/campanha-lateral-esquerda.png');background-size:calc(100vw * 40 / 1514) calc(100vw * 20 / 1514),100% auto;background-position:left calc(100vw * 327 / 1514),left top;background-repeat:no-repeat,no-repeat}
.campaign-surround::after{background-color:#0f6cbb;background-image:url('assets/campanha-lateral-direita.png');background-size:100% auto;background-position:left top;background-repeat:no-repeat}
/* Campaign artwork must reach the bottom of the entire home, including highlights. */
.campaign-surround::after{top:0;bottom:0;height:100%;background-image:url('assets/campanha-lateral-direita.png');background-position:right top;background-size:100% 100%;background-repeat:no-repeat}
.campaign-surround::before{top:0;bottom:0;height:100%}