/* WR • Revisão visual: navegação, CRM, ranking e site público */
:root{--wr-navy:#071d3d;--wr-blue:#0d2b66}
html{scroll-behavior:smooth}
/* Painel: o menu rola por conta própria e o perfil permanece no rodapé */
@media(min-width:821px){
  .layout{display:grid;grid-template-columns:280px minmax(0,1fr);min-height:100vh}
  .sidebar{position:sticky;top:0;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:20px 14px 0;background:#0b2451}
  .sidebar .side-brand{flex:none;padding:4px 13px 18px}
  .sidebar .side-label{flex:none;padding:12px 16px}
  .sidebar nav{display:flex;flex:1 1 auto;min-height:0;flex-direction:column;gap:5px;overflow-x:hidden;overflow-y:auto;padding:0 4px 14px;scrollbar-width:thin;scrollbar-color:#688bbf #0b2451}
  .sidebar nav::-webkit-scrollbar{width:7px}
  .sidebar nav::-webkit-scrollbar-thumb{background:#5778ac;border-radius:12px}
  .sidebar nav::-webkit-scrollbar-track{background:#0b2451}
  .sidebar .nav-item{flex:none;min-height:46px;width:100%;padding:12px 14px;white-space:nowrap}
  .sidebar .side-bottom{position:relative;bottom:auto;flex:none;background:#0b2451;margin:0 -14px;padding:18px 18px 20px;border-top:1px solid #26456f;box-shadow:0 -10px 25px rgba(6,25,58,.4);z-index:2}
  .main-column{min-width:0}
  .main{min-width:0}
}
@media(max-width:820px){
  .sidebar{height:auto;min-height:0;overflow:visible;position:relative;padding:18px 14px}
  .sidebar nav{max-height:240px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#688bbf #0b2451}
  .sidebar .side-bottom{position:static;margin-top:12px;box-shadow:none}
  .sidebar .me-avatar,.sidebar .me-text{display:block}
  .sidebar .me-avatar{display:grid}
  .layout,.main-column{min-width:0}
}
/* CRM: sempre em até 4 colunas, descendo verticalmente quando necessário */
.wr4-kanban{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:16px;overflow-x:hidden!important;overflow-y:visible!important;min-height:0;padding:0 0 20px}
.wr4-kanban-col{width:auto!important;min-width:0!important;max-width:none!important;min-height:250px!important;padding:16px;border-radius:14px}
.wr4-kanban-title{font-size:12px}.wr4-contact{min-width:0;overflow-wrap:anywhere}
@media(max-width:1150px){.wr4-kanban{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:980px){.wr4-kanban{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.wr4-kanban{grid-template-columns:1fr}}
/* Página inicial: barra sólida, sticky, sem atravessar sobre textos ou foto */
.wr4-public{position:relative;overflow-x:clip}
.wr4-public .wr4-navbar{position:sticky!important;top:0!important;left:auto;right:auto;width:100%;height:88px;z-index:100!important;background:#091f42!important;backdrop-filter:none!important;box-shadow:0 5px 18px rgba(4,19,46,.16);border-bottom:1px solid rgba(255,255,255,.13);padding:0 clamp(16px,4.5vw,80px)}
.wr4-navbar nav{gap:clamp(11px,1.7vw,25px)!important;white-space:nowrap}
.wr4-navbar .wr4-navlogin{white-space:nowrap;flex:none}
.wr4-navbar nav a{color:#e2efff!important}
.wr4-hero{padding-top:0!important;min-height:670px;height:min(770px,89vh);background:#06172e!important;isolation:isolate}
.wr4-hero::before{background:url('/equipe-wr-hero.png') center 41% / cover no-repeat!important;opacity:.95!important;filter:none!important;animation:none!important}
.wr4-hero .wr4-hero-video{display:none!important}
.wr4-hero-overlay{background:linear-gradient(90deg,rgba(4,16,38,.91) 0%,rgba(8,29,63,.78) 45%,rgba(5,25,57,.37) 100%)!important}
.wr4-hero::after{display:none!important;content:none!important}
.wr4-hero-inner{padding-top:clamp(85px,12vh,145px)!important;padding-bottom:120px;position:relative;z-index:2}
.wr4-hero h1{font-size:clamp(40px,5.5vw,78px);max-width:800px}
.wr4-hero-counter{z-index:2}
.wr4-public section[id]{scroll-margin-top:94px}
@media(max-width:790px){
 .wr4-public .wr4-navbar{height:76px!important;padding:0 16px}
 .wr4-public .wr4-navbar img{width:68px}
 .wr4-navbar nav{display:none!important}
 .wr4-hero{height:auto;min-height:700px}
 .wr4-hero-inner{margin:0 20px!important;width:auto!important;padding-top:90px!important;padding-bottom:150px!important}
 .wr4-hero h1{font-size:clamp(38px,9vw,56px);line-height:1.08}
 .wr4-hero-counter{bottom:22px}
}
/* Atuação por cidades: sem divulgar endereços ainda não confirmados */
.wr5-locations{background:linear-gradient(180deg,#f0f6fd,#fff);color:#123b68}
.wr5-locations h2{max-width:900px}.wr5-locations>p{color:#718aa4;font-size:15px;max-width:720px;margin-bottom:30px}
.wr5-location-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.wr5-location-card{background:#fff;border:1px solid #dce8f5;border-radius:14px;padding:23px;min-height:112px;display:flex;align-items:center;gap:16px;box-shadow:0 10px 30px rgba(12,43,80,.05)}
.wr5-location-card>span:first-child{font-size:17px;color:#89afd6;font-weight:850}
.wr5-location-card div{flex:1}.wr5-location-card b{display:block;color:#123c74;font-size:19px}.wr5-location-card small{display:block;color:#8aa0b7;font-size:12px;margin-top:6px}
.wr5-location-arrow{font-size:23px;color:#5a98d2}.wr5-location-note{display:block;margin-top:23px;color:#91a7ba}
@media(max-width:1000px){.wr5-location-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.wr5-location-grid{grid-template-columns:1fr}}
/* Ranking mensal de supervisores: o banner está NESTA aba, com exportação */
.wr5-rank-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:24px;flex-wrap:wrap}
.wr5-rank-heading h1{color:#0c2b58;font-size:clamp(27px,3vw,40px);margin:12px 0 8px;letter-spacing:-1px}
.wr5-rank-heading p{color:#7c93ae;font-size:13px}
.wr5-rank-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 26px}
.wr5-rank-stats>div{background:#fff;border:1px solid #e2eaf5;border-radius:13px;padding:19px 24px;display:grid;gap:11px}
.wr5-rank-stats span{font-size:10px;font-weight:800;color:#87a0bb;letter-spacing:1.2px}
.wr5-rank-stats strong{font-size:26px;color:#0c3974}
.wr5-ranking-banner{position:relative;overflow:hidden;background:radial-gradient(ellipse at 15% 5%,#1c4a97 0%,#0c2b66 52%,#06162f 100%);padding:38px;border-radius:21px;color:#fff;box-shadow:0 16px 42px rgba(9,35,76,.12)}
.wr5-ranking-banner::before{content:"";pointer-events:none;position:absolute;right:-110px;top:-160px;width:420px;height:420px;border:1px solid rgba(126,194,255,.16);border-radius:50%;box-shadow:0 0 0 75px rgba(102,175,247,.025),0 0 0 155px rgba(102,175,247,.02)}
.wr5-rank-banner-header{position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:25px;padding-bottom:28px}
.wr5-rank-banner-header span{font-size:11px;letter-spacing:2px;color:#99cbff;font-weight:900}
.wr5-rank-banner-header h2{font-size:clamp(23px,3vw,38px);max-width:650px;color:white;line-height:1.15;margin:12px 0 11px}
.wr5-rank-banner-header p{font-size:13px;color:#b5d2ee;margin:0}
.wr5-rank-banner-header img{width:108px;background:#fff;border-radius:8px;padding:5px}
.wr5-rank-columns{display:grid;grid-template-columns:90px minmax(210px,1fr) 110px 190px;gap:15px;background:rgba(255,255,255,.11);padding:16px 20px;color:#b9d9f8;font-size:10px;letter-spacing:1.4px;font-weight:850;border-radius:10px;margin-bottom:10px}
.wr5-rank-row{position:relative;display:grid;grid-template-columns:75px 58px minmax(160px,1fr) 110px 190px;gap:15px;align-items:center;border-radius:12px;border:1px solid rgba(173,210,248,.18);background:rgba(255,255,255,.055);padding:13px 19px;margin-top:8px;min-height:76px}
.wr5-rank-row:nth-child(-n+3){border-color:rgba(244,209,124,.45);background:rgba(232,190,91,.10)}
.wr5-position{font-size:23px;font-weight:900;color:#9ecdfb}
.wr5-rank-row:first-child .wr5-position{color:#ffd271}
.wr5-super-avatar{height:50px;width:50px;overflow:hidden;border-radius:50%;display:grid;place-items:center;background:#dae8f9;color:#194c80;font-size:12px;font-weight:900;border:2px solid #bfdaf5}
.wr5-super-avatar img{width:100%;height:100%;object-fit:cover}
.wr5-super-name{min-width:0}.wr5-super-name b{display:block;font-size:14px}.wr5-super-name small{display:block;font-size:11px;color:#acd0f4;margin-top:6px}
.wr5-super-sales{font-weight:900;font-size:22px}.wr5-super-sales span{font-weight:500;font-size:11px;color:#aaccf1}
.wr5-super-finance{font-size:17px;font-weight:850;text-align:right;color:#ffe6ab}
.wr5-rank-banner-foot{text-align:center;margin-top:27px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-size:10px;font-weight:850;letter-spacing:2px;color:#91bde5}
.wr5-rank-banner-foot span{padding:0 6px}
@media(max-width:1050px){.wr5-rank-columns{display:none}.wr5-rank-row{grid-template-columns:46px 46px minmax(120px,1fr) 80px;gap:10px}.wr5-super-finance{grid-column:3 / -1;text-align:left}.wr5-rank-row{padding:15px}.wr5-ranking-banner{padding:24px}}
@media(max-width:650px){.wr5-rank-stats{grid-template-columns:1fr}.wr5-rank-banner-header img{width:68px}.wr5-super-name small{font-size:10px}.wr5-super-sales{font-size:16px}.wr5-rank-row{grid-template-columns:30px 40px minmax(80px,1fr) 54px}.wr5-super-avatar{height:40px;width:40px}.wr5-super-finance{grid-column:3/-1}}
/* Mantém o selo da marca ancorado no canto inferior do hero. */
.wr4-hero-counter{position:absolute!important;right:5%!important;bottom:28px!important;left:auto!important;top:auto!important;z-index:3!important}

/* WR v5.2: barra fixa, lista independente, rodapé sempre azul e visível */
@media (min-width:821px){
  html,body{min-height:100%;}
  .layout{display:block!important;min-height:100vh!important;}
  .layout>.sidebar{display:flex!important;position:fixed!important;top:0!important;left:0!important;bottom:0!important;width:280px!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:16px 12px 0!important;z-index:40;background:#0b2451!important;isolation:isolate;box-sizing:border-box}
  .sidebar>.side-brand{flex:0 0 auto;padding:5px 10px 20px}
  .sidebar>.side-label{flex:0 0 auto;padding:12px 14px}
  .sidebar>nav{display:flex!important;flex:1 1 0!important;min-height:0!important;max-height:none!important;overflow-y:auto!important;overflow-x:hidden!important;flex-direction:column!important;gap:5px!important;align-items:stretch!important;scrollbar-color:#7ea2d5 #0b2451!important;scrollbar-width:thin!important;padding:4px 6px 22px!important;}
  .sidebar>nav .nav-item{display:flex;flex-shrink:0!important;min-height:45px;white-space:normal!important;line-height:1.25}
  .sidebar>.side-bottom{display:flex!important;position:relative!important;flex:0 0 auto!important;margin:0 -12px!important;padding:13px 16px 19px!important;bottom:auto!important;background:#0b2451!important;border-top:1px solid #36537b!important;z-index:3!important;}
  .layout>.main-column{width:auto!important;min-width:0!important;margin-left:280px!important;}
}
@media(max-width:820px){
 .layout>.sidebar{background:#0b2451!important;overflow:hidden!important;}
 .sidebar>nav{max-height:300px!important;overflow-y:auto!important;overflow-x:hidden!important;display:flex!important;flex-direction:column!important;flex-wrap:nowrap!important;}
 .sidebar>nav .nav-item{flex-shrink:0!important;width:100%!important;}
 .sidebar>.side-bottom{background:#0b2451!important;color:#e8f2ff!important;}
}
.wr4-report-alert{margin-bottom:20px;background:#fff7e5;border-color:#f0d68e;color:#765819}
.wr4-report-alert strong{display:block;color:#7e5b12;margin-bottom:7px}