/* Wanadi-ISP v0.9.7: barra superior fija, filtros de un renglón e importador */
.topbar{gap:12px}
.wd097-router-summary{display:flex;align-items:center;gap:9px;flex:1;justify-content:center;min-width:0;white-space:nowrap;font-size:12px}
.wd097-router-summary[hidden]{display:none!important}
.wd097-router-summary>span{display:flex;align-items:center;gap:6px;max-width:32%;min-width:0;padding:6px 8px;border:1px solid #73b3ed40;border-radius:9px;background:#1d75ac16}
.wd097-router-summary i{font-size:15px;font-style:normal;color:#36b9ef}
.wd097-router-summary>span:nth-child(2) i{color:#20d093}
.wd097-router-summary>span:nth-child(3) i{color:#ff975f}
.wd097-router-summary small{font:inherit;font-size:11px;overflow:hidden;text-overflow:ellipsis}
.wd097-router-summary b{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums}
.wd097-importbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;margin-bottom:14px}
.wd097-importbar label{font-size:13px;font-weight:700;flex:0 1 330px;min-width:220px}
.wd097-importbar select{display:block;margin-top:5px;width:100%;min-height:38px}
.wd097-isp-label{font-size:12px;opacity:.78;margin:0 0 10px 3px}
.wd097-stats{display:flex;gap:14px;flex-wrap:wrap;margin:18px 0}
.wd097-stats span{display:inline-flex;gap:7px;align-items:center;border:1px solid #4c9ddd66;border-radius:9px;padding:8px 12px}
.wd097-stats b{font-size:19px}
.wd097-import-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0}
.wd097-import-actions label{display:flex;align-items:center;gap:8px}
.wanadi097-internal-fields[hidden]{display:none!important}
.v096-filter-scroll{overflow-x:auto;max-width:100%}
.v096-filterbar{display:flex!important;flex-flow:row nowrap!important;gap:8px!important;align-items:end!important;min-width:max-content;padding:8px 2px!important}
.v096-filterbar .v096-field{flex:0 0 auto!important;width:108px!important;min-width:0!important;font-size:11px!important}
.v096-filterbar .v096-search{width:170px!important}
.v096-filterbar .v096-zone,.v096-filterbar .v096-status{width:95px!important}
.v096-filterbar .v096-size{width:62px!important}
.v096-filterbar .v096-plan{width:112px!important}
.v096-filterbar .v096-router{width:140px!important}
.v096-filterbar .v096-action{width:145px!important}
.v096-filterbar .v096-date-range{display:flex!important;gap:4px!important;align-items:end!important;min-width:130px!important;width:148px!important;flex:0 0 148px!important;padding:0!important;margin:0!important;border:0!important}
.v096-filterbar .v096-date-range legend{font-size:10px;font-weight:700;margin:0;padding:0}
.v096-filterbar .v096-date-range label{font-size:10px!important;min-width:0!important;width:60px!important;flex:0 0 60px!important}
.v096-filterbar .v096-date-range input{width:58px!important;min-width:0!important;padding:5px 3px!important;text-align:center;font-variant-numeric:tabular-nums;min-height:34px}
.v096-filterbar select,.v096-filterbar input{height:34px!important;min-height:34px!important;max-width:100%;padding:5px 6px!important;font-size:11px!important}
.v096-filterbar>button{white-space:nowrap;min-height:34px!important;padding:6px 9px!important;flex:none!important}
.v096-filter-bottom{padding:4px 10px 10px!important}
/* No saltar ni desplazar la barra; en pantallas pequeñas solo el renglón de filtros se desplaza horizontalmente. */
@media(max-width:1050px){.wd097-router-summary{gap:3px}.wd097-router-summary>span{padding:5px}.wd097-router-summary small{font-size:10px}.wd097-router-summary b{font-size:13px}}
@media(max-width:740px){
 .wd097-router-summary{gap:3px;justify-content:center;flex:1 1 auto;max-width:none;margin:0}
 .wd097-router-summary>span{border:0;padding:1px 3px;gap:2px;background:transparent;max-width:33%}
 .wd097-router-summary small{display:none}
 .wd097-router-summary b{font-size:12px}
 .wd097-router-summary i{font-size:12px}
 .wd097-importbar label{flex:1 1 100%}
 .wd097-isp-label{flex:1 1 100%}
}
@media(max-width:390px){.wd097-router-summary>span{gap:1px}.wd097-router-summary b{font-size:11px}}