/* Tráfego: hierarquia, legibilidade e preenchimento responsivo */
.main:has(.traffic-filter){min-width:0!important}
.main:has(.traffic-filter) .page-head{padding-top:12px!important;margin-bottom:24px!important;min-height:70px!important;align-items:flex-start!important}
.main:has(.traffic-filter) .page-head h1{font-size:clamp(29px,2.3vw,38px)!important;line-height:1.2!important;margin:0 0 10px!important}
.main .traffic-filter{display:flex!important;flex-wrap:wrap!important;align-items:flex-end!important;gap:12px!important;padding:22px 26px!important;margin-bottom:22px!important;background:#151719!important;border:1px solid #ffffff0b!important;border-radius:19px!important;box-shadow:none!important}
.main .traffic-filter label{min-width:165px!important;gap:9px!important}
.main .traffic-filter label input{height:45px!important;width:100%!important;margin:0!important;border:1px solid #363d45!important;border-radius:11px!important;background:#1d2125!important}
.main .traffic-presets{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:8px!important}
.main .traffic-presets button{height:45px!important;padding:0 15px!important;border:1px solid #343b43!important;border-radius:11px!important;background:#1c2024!important;color:#c8cdd3!important}
.main .traffic-filter>.btn{height:45px!important;margin-left:auto!important;padding:0 20px!important;white-space:nowrap!important}
.main .traffic-setup{display:grid!important;grid-template-columns:76px minmax(0,1fr)!important;align-items:start!important;justify-content:center!important;gap:26px!important;min-height:0!important;padding:48px clamp(25px,5vw,70px)!important;background:#151719!important;border:1px solid #ffffff0b!important;border-radius:20px!important;box-shadow:none!important}
.main .traffic-setup>i{width:76px!important;height:76px!important;border-radius:18px!important;background:#292d33!important;color:#e1e4e8!important}
.main .traffic-setup>div{max-width:860px!important;width:100%!important}
.main .traffic-setup h2{font-size:clamp(21px,1.8vw,28px)!important;line-height:1.25!important;margin:0 0 16px!important}
.main .traffic-setup p{margin:0 0 16px!important;line-height:1.65!important}
.main .traffic-setup ol{margin:15px 0 20px!important;padding-left:22px!important}
.main .traffic-setup li{margin:5px 0!important;line-height:1.6!important}
.main .traffic-setup small{display:block!important;margin-top:15px!important}
.main .traffic-setup code{background:#292d32!important;border-radius:5px!important;color:#e7e9ec!important}
@media(max-width:950px){.main .traffic-filter>.btn{margin-left:0!important}.main .traffic-setup{padding:32px!important}}
@media(max-width:650px){.main .traffic-filter{padding:18px!important}.main .traffic-filter label{flex:1 1 140px!important}.main .traffic-presets{width:100%!important}.main .traffic-presets button{flex:1!important}.main .traffic-filter>.btn{width:100%!important}.main .traffic-setup{grid-template-columns:1fr!important;gap:18px!important;padding:25px!important}.main .traffic-setup>i{width:58px!important;height:58px!important;font-size:25px!important}}
/* Harmonização da superfície central com os cards do CRM */
.main .traffic-setup,.dark .main .traffic-setup,.dark-mode .main .traffic-setup{background:#22262a!important;border:1px solid #343a40!important;box-shadow:0 8px 22px #00000012!important}
.main .traffic-filter,.dark .main .traffic-filter{background:#22262a!important;border-color:#343a40!important}
.main .traffic-loading,.main .traffic-card,.main .traffic-kpi{background:#22262a!important;border:1px solid #343a40!important}