/* VIUTOP public V2: strictly labelled 30-day manual estimates, isolated from measured traffic. */
body.viutop-v4 .vmp-top-list{gap:14px}body.viutop-v4 .vmp-list-item{border-radius:12px;border:1px solid #ffffff14;background:#151d2b;margin:0 0 10px;overflow:visible}
body.viutop-v4 .vmp-list-item .v5-top-record{border:0}body.viutop-v4 .vmp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 10px 7px;padding:7px;border:1px solid #354356;border-radius:9px;background:#0e1523}
body.viutop-v4 .vmp-metrics>span{display:flex;flex-direction:column;min-width:0;gap:3px}body.viutop-v4 .vmp-metrics small{font-size:10px;color:#b3c0d3}body.viutop-v4 .vmp-metrics strong{font-size:12px;color:#fafbfd;overflow-wrap:anywhere}
body.viutop-v4 .vmp-disclaimer{margin:0 12px 10px;font-size:10px;line-height:1.45;color:#e8bd7e}
body.viutop-v4 .vmp-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}body.viutop-v4 .vmp-summary>div{padding:15px;background:#161e2e;border:1px solid #394255;border-radius:12px;min-width:0}body.viutop-v4 .vmp-summary small{display:block;color:#bdcadb;font-size:11px;margin-bottom:6px}body.viutop-v4 .vmp-summary strong{color:#fff;display:block;font-size:clamp(1.05rem,2.5vw,1.7rem);overflow-wrap:anywhere}
body.viutop-v4 .vmp-warning,body.viutop-v4 .vmp-explanation{font-size:12px;line-height:1.6;border:1px solid #66543a;border-radius:11px;padding:12px 14px;background:#2b241c;color:#f1d6ad;margin:10px 0 15px}
body.viutop-v4 .vmp-profile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}body.viutop-v4 .vmp-profile-stat{border:1px solid #3a4d64;padding:17px 14px;border-radius:16px;background:#162237;min-width:0}body.viutop-v4 .vmp-profile-stat span{display:block;color:#bbd2ed;font-size:11px;letter-spacing:.055em;font-weight:800;line-height:1.5}body.viutop-v4 .vmp-profile-stat strong{display:block;color:white;font-size:clamp(1.1rem,2.6vw,2rem);letter-spacing:-.035em;overflow-wrap:anywhere;margin:8px 0}body.viutop-v4 .vmp-profile-stat small{display:block;min-height:15px;color:#aebed2;font-size:11px}
body.viutop-v4 .vmp-profile-stat.vmp-rem{background:#282036;border-color:#645374}body.viutop-v4 .vmp-profile-stat.vmp-video{background:#172b3b}body.viutop-v4 .vmp-profile-stat.vmp-short{background:#2e211b}
@media(max-width:950px){body.viutop-v4 .vmp-profile{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){body.viutop-v4 .vmp-summary{grid-template-columns:repeat(2,minmax(0,1fr))}body.viutop-v4 .vmp-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){body.viutop-v4 .vmp-profile{gap:8px}body.viutop-v4 .vmp-profile-stat{padding:12px 10px}body.viutop-v4 .vmp-summary{gap:7px}}

body.viutop-v4 .v4-mode:has(a[href*="mode=remanente"]){flex-wrap:wrap;gap:5px}
body.viutop-v4 .v4-mode:has(a[href*="mode=remanente"]) a{min-width:calc(25% - 6px);flex:1;text-align:center}
@media(max-width:420px){body.viutop-v4 .v4-mode:has(a[href*="mode=remanente"]) a{min-width:calc(50% - 6px)}}