/* O mesmo componente de sete dias em todas as páginas do portal. */
body[data-admin] .portal-traffic{width:100%;min-width:0;box-sizing:border-box;margin:28px 0 18px;padding:22px;background:#fff;border:2px solid #cde0e9;border-radius:18px;box-shadow:0 5px 0 #c7dce7;color:#233e55;font-family:Nunito,Arial,sans-serif}
body[data-admin] .portal-traffic .traffic-heading,body[data-admin] .portal-traffic .chart-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
body[data-admin] .portal-traffic .kicker{color:#2f9fc5;font-size:11px;font-weight:900;letter-spacing:2px}
body[data-admin] .portal-traffic .traffic-heading h2{margin:2px 0 3px;font:800 clamp(22px,2.2vw,28px)/1.3 'Space Grotesk',Arial,sans-serif;color:#233e55}
body[data-admin] .portal-traffic .traffic-heading h2 span{display:inline;color:#f1b72c;font-size:inherit}
body[data-admin] .portal-traffic .traffic-heading small,body[data-admin] .portal-traffic .chart-top small{display:block;color:#7695a8;font-size:11px}
body[data-admin] .portal-traffic .traffic-pill{background:#eaf6ff;color:#236c9c;border-radius:25px;padding:9px 12px;font-size:11px}
body[data-admin] .portal-traffic .traffic-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,2.2fr);gap:14px;margin-top:17px}
body[data-admin] .portal-traffic .traffic-stat,body[data-admin] .portal-traffic .traffic-chart{min-width:0;border:2px solid #d5e7ef;border-radius:14px;padding:15px;background:linear-gradient(160deg,#f7fcff,#e8f5ff)}
body[data-admin] .portal-traffic .traffic-stat{display:flex;flex-direction:column;gap:7px}
body[data-admin] .portal-traffic .traffic-icon{font-size:23px}
body[data-admin] .portal-traffic .traffic-stat small{color:#62849a;font-size:11px;letter-spacing:1px}
body[data-admin] .portal-traffic .traffic-stat strong{font:900 clamp(25px,3vw,38px)/1.2 'Space Grotesk',Arial,sans-serif;color:#176da3}
body[data-admin] .portal-traffic .traffic-stat>span:last-child{font-size:11px;color:#64849b}
body[data-admin] .portal-traffic .chart-top strong{font-size:14px;color:#233e55}
body[data-admin] .portal-traffic .chart-top>span{font-size:11px;color:#276d9d;background:white;border-radius:12px;padding:6px 9px}
body[data-admin] .portal-traffic .weekly-chart{height:135px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(4px,1vw,13px);align-items:end;margin-top:8px}
body[data-admin] .portal-traffic .chart-column{height:100%;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:5px}
body[data-admin] .portal-traffic .bar-value{font-size:10px;color:#577b96}
body[data-admin] .portal-traffic .bar-track{height:88px;width:100%;max-width:36px;display:flex;align-items:flex-end;background:#dbeef9;border-radius:6px 6px 2px 2px;overflow:hidden}
body[data-admin] .portal-traffic .bar-fill{width:100%;background:linear-gradient(0deg,#1277b4,#65c5ee);border-radius:5px 5px 0 0;transition:height .4s}
body[data-admin] .portal-traffic .bar-fill.current{background:linear-gradient(0deg,#e6a323,#ffe078)}
body[data-admin] .portal-traffic .chart-column small{font-size:10px;color:#66849b}
body[data-admin] .portal-traffic .weekly-chart>.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:1100px){body[data-admin] .portal-traffic .traffic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-admin] .portal-traffic .traffic-chart{grid-column:1/-1}}
@media(max-width:700px){body[data-admin] .portal-traffic{padding:14px}body[data-admin] .portal-traffic .traffic-grid{gap:9px}body[data-admin] .portal-traffic .traffic-stat,body[data-admin] .portal-traffic .traffic-chart{padding:11px}}
@media(max-width:420px){body[data-admin] .portal-traffic .traffic-grid{gap:8px}body[data-admin] .portal-traffic .traffic-stat strong{font-size:clamp(20px,6vw,28px)}body[data-admin] .portal-traffic .traffic-stat small{font-size:9px}body[data-admin] .portal-traffic .weekly-chart{gap:3px}body[data-admin] .portal-traffic .bar-value{font-size:9px}}