.fvip{--g:#7ee04b;--bg:#071522;--card:#0d1e2d;--line:#203445;--txt:#f4f7fb;--mut:#aebdca;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--txt);display:block;position:static;width:100%;max-width:none;min-width:0;margin:0;padding:0 16px 24px;left:auto;right:auto;transform:none;box-sizing:border-box}.fvip *{box-sizing:border-box}.fvip-tool-header{display:grid;grid-template-columns:72px minmax(0,1fr) auto;gap:20px;align-items:center;padding:20px 24px;margin:0 0 14px;background:linear-gradient(135deg,#0d1e2d,#0b2633);border:1px solid #29465d;border-radius:14px}.fvip-tool-icon{width:64px;height:64px;object-fit:contain}.fvip-tool-heading{min-width:0}.fvip-kicker{color:#1fd7ff;font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:5px}.fvip-tool-heading h1{font-size:24px;line-height:1.15;margin:0 0 6px;color:#fff}.fvip-tool-heading p{font-size:13px;line-height:1.45;color:#c7d4df;margin:0}.fvip-version{border:1px solid #2c5a73;border-radius:999px;padding:7px 11px;color:#d7f5ff;font-weight:800;font-size:12px;background:#0a2030}.fvip-panel{background:linear-gradient(145deg,#0e2030,#0a1927);border:1px solid var(--line);border-radius:15px;overflow:hidden;box-shadow:0 18px 50px #0004}.fvip-tabs{height:58px;border-bottom:1px solid var(--line);display:flex;gap:16px;padding-left:16px}.fvip-tabs button{background:none;border:0;color:var(--mut);font-weight:700;padding:0 26px;cursor:pointer;border-bottom:2px solid transparent}.fvip-tabs button.active{color:var(--g);border-color:var(--g)}.fvip-tab{display:none;padding:24px 16px 16px}.fvip-tab.active{display:block}.fvip-form{display:grid;grid-template-columns:1.2fr .75fr auto;gap:28px;align-items:end;padding:0 8px 26px}.fvip-form.sub{grid-template-columns:1.1fr .6fr .6fr auto}.fvip label{display:flex;flex-direction:column;gap:9px;color:var(--mut);font-size:14px}.fvip input,.fvip select{height:52px;border:1px solid #30475a;border-radius:7px;background:#0b1a29;color:#fff;padding:0 16px;font-size:18px;outline:none}.fvip input:focus,.fvip select:focus{border-color:var(--g);box-shadow:0 0 0 2px #7ee04b20}.fvip-form button{height:52px;border:0;border-radius:7px;padding:0 28px;background:var(--g);color:#071522;font-weight:800;cursor:pointer;font-size:14px}.fvip-grid{display:grid;grid-template-columns:1.1fr .8fr 1fr;gap:14px}.fvip article{border:1px solid var(--line);border-radius:10px;padding:18px 16px;min-height:295px;background:#0b1b29}.fvip h3{font-size:14px;font-weight:500;color:var(--mut);margin:0 0 18px}.fvip dl{display:grid;grid-template-columns:1.25fr 1fr;gap:9px 14px;margin:0;font-size:14px}.fvip dt{color:var(--mut)}.fvip dd{margin:0;overflow-wrap:anywhere}.fv-bar{height:18px;background:#122b3c;border-radius:6px;overflow:hidden;margin:18px 0 8px}.fv-bar span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#7ee04b,#2e74d8)}.fv-ends{display:flex;justify-content:space-between;color:var(--mut)}.fv-legend{margin-top:28px;display:grid;gap:12px;color:#c7d2dc;font-size:14px}.fv-legend b{display:inline-block;width:18px;height:18px;border-radius:3px;margin-right:10px;vertical-align:middle}.fv-error{margin:0 8px 18px;padding:12px;border:1px solid #d45b5b;background:#431c24;color:#ffd9d9;border-radius:7px}.fv-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}.fvip table{width:100%;border-collapse:collapse;min-width:850px}.fvip th,.fvip td{text-align:left;padding:12px 14px;border-bottom:1px solid var(--line);font-size:13px}.fvip th{color:var(--g);background:#0a1927}.fv-sub-summary{color:var(--mut);padding:0 8px 18px}.fvip td{color:#dbe4eb}@media(max-width:1000px){.fvip-grid{grid-template-columns:1fr}.fvip-form,.fvip-form.sub{grid-template-columns:1fr 1fr}}@media(max-width:650px){.fvip{width:calc(100vw - 12px);padding:0 6px 20px}.fvip-tool-header{grid-template-columns:52px 1fr;padding:14px 12px;gap:12px}.fvip-tool-icon{width:48px;height:48px}.fvip-version{grid-column:2;justify-self:start}.fvip-tool-heading h1{font-size:20px}.fvip-form,.fvip-form.sub{grid-template-columns:1fr;gap:14px}.fvip-tab{padding:18px 8px}.fvip dl{grid-template-columns:1.2fr 1fr}.fvip-tabs button{padding:0 12px}}
.fv-quick{display:flex;align-items:center;gap:8px;padding:0 8px 22px;flex-wrap:wrap}.fv-quick button,.fv-csv{border:1px solid #315069;background:#0b1a29;color:#cbd8e2;border-radius:6px;padding:8px 12px;cursor:pointer}.fv-quick button:hover,.fv-csv:hover{border-color:var(--g);color:var(--g)}.fv-quick span{flex:1}.fvip-extra{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.fvip-extra article{min-height:155px}.fv-analysis{display:flex;flex-wrap:wrap;gap:9px}.fv-badge{padding:7px 10px;border-radius:999px;border:1px solid #315069;background:#0a1927;color:#dbe4eb;font-size:13px}.fv-badge.ok{border-color:#4e9f43;color:#9bea76}.fv-badge.warn{border-color:#c38b36;color:#ffd58a}.fv-sub-actions{display:flex;align-items:center;gap:15px;padding:0 8px 18px}.fv-sub-actions .fv-sub-summary{padding:0;flex:1}.fv-csv{white-space:nowrap}@media(max-width:650px){.fvip-extra{grid-template-columns:1fr}.fv-quick span{display:none}.fv-sub-actions{align-items:flex-start;flex-direction:column}}
.fv-empty-state{min-height:155px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px dashed #29455b;border-radius:8px;color:#8fa5b7;padding:24px}.fv-empty-state strong{color:#d7e2ea;font-size:15px;margin-bottom:6px}.fv-empty-state span{font-size:12px;max-width:430px}.fvip input::placeholder{color:#6f8496;opacity:1}
.fvip-advanced{display:grid;grid-template-columns:1.35fr .65fr;gap:14px;margin-top:14px}.fvip-advanced article{min-height:150px}.fv-adv-grid label{display:block;color:#9fb0bf;font-size:12px}.fv-inline{display:flex;gap:8px;margin-top:8px}.fv-inline input{flex:1;min-width:0;background:#071522;border:1px solid #29455b;color:#eaf2f7;border-radius:7px;padding:10px 12px}.fv-inline button,.fv-export-main{border:1px solid #4f9d43;background:#10251d;color:#9bea76;border-radius:7px;padding:9px 12px;cursor:pointer}.fv-check-result{margin-top:12px;padding:10px 12px;border:1px solid #29455b;border-radius:7px;background:#091725;color:#9fb0bf;font-size:13px}.fv-check-result.ok{border-color:#4f9d43;color:#9bea76}.fv-check-result.no{border-color:#a94a4a;color:#ff9c9c}.fv-cidr-ref{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.fv-ref-item{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #20394c;padding:5px 2px;color:#9fb0bf;font-size:12px}.fv-ref-item b{color:#e1eaf0}.fv-ref-item.active{color:#9bea76;border-color:#4f9d43}.fv-ref-item.active b{color:#9bea76}@media(max-width:760px){.fvip-advanced{grid-template-columns:1fr}}@media(max-width:460px){.fv-inline{flex-direction:column}.fv-cidr-ref{grid-template-columns:1fr}}

/* v0.5 - Selects legibles en navegadores/temas WordPress */
.fvip select{
 background:#071522 !important;
 color:#eef6fb !important;
 border:1px solid #315069 !important;
 color-scheme:dark;
}
.fvip select:focus{border-color:var(--g) !important;outline:none;box-shadow:0 0 0 1px var(--g)}
.fvip select option{
 background:#0d2031 !important;
 color:#f2f7fa !important;
 font-weight:500;
}
.fvip select option:checked{
 background:#315069 !important;
 color:#fff !important;
}
.fvip select option:disabled{color:#718596 !important}

.fv-vlsm{margin:0 8px 18px;padding:15px;border:1px solid #29455b;border-radius:9px;background:#091725}.fv-vlsm-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:12px}.fv-vlsm-head div{display:flex;flex-direction:column}.fv-vlsm-head strong{color:#e8f0f5}.fv-vlsm-head span{font-size:12px;color:#8fa5b7;margin-top:3px}.fv-vlsm label{display:block;color:#9fb0bf;font-size:12px}.fv-vlsm input{width:100%;box-sizing:border-box;margin-top:7px;background:#071522;border:1px solid #315069;color:#eef6fb;border-radius:7px;padding:10px 12px}.fv-vlsm-btn{border:1px solid #4f9d43;background:#10251d;color:#9bea76;border-radius:7px;padding:9px 13px;cursor:pointer;white-space:nowrap}.fv-vlsm-result{margin-top:12px;color:#9fb0bf;font-size:12px}.fv-vlsm-result table{width:100%;border-collapse:collapse}.fv-vlsm-result th,.fv-vlsm-result td{padding:7px 8px;border-bottom:1px solid #20394c;text-align:left}.fv-vlsm-result th{color:#9bea76}@media(max-width:600px){.fv-vlsm-head{align-items:flex-start;flex-direction:column}}

.fvip-supernet{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.fvip-supernet article{min-height:250px}.fv-help{margin:0 0 12px;color:#8fa5b7;font-size:12px;line-height:1.45}.fv-super-input{width:100%;box-sizing:border-box;resize:vertical;background:#071522;border:1px solid #315069;color:#eef6fb;border-radius:7px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.fv-super-actions{display:flex;gap:8px;margin-top:9px}.fv-super-btn,.fv-super-clear,.fv-compare-btn{border:1px solid #315069;background:#0b1a29;color:#dbe7ee;border-radius:7px;padding:9px 12px;cursor:pointer}.fv-super-btn,.fv-compare-btn{border-color:#4f9d43;background:#10251d;color:#9bea76}.fv-super-result,.fv-compare-result{margin-top:12px;padding:10px 12px;border:1px solid #29455b;border-radius:7px;background:#091725;color:#9fb0bf;font-size:12px;min-height:42px}.fv-super-result.ok,.fv-compare-result.ok{border-color:#4f9d43}.fv-cidr-note{margin:0 0 8px;padding:6px 8px;border-left:2px solid #73e542;background:#0b1a29;color:#b8cad6;font-size:11px}.fv-super-result.no,.fv-compare-result.no{border-color:#a94a4a;color:#ff9c9c}.fv-result-title{display:block;color:#9bea76;font-size:16px;font-weight:700;margin-bottom:7px}.fv-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px}.fv-mini-grid b{color:#dce7ed}.fv-compare-inputs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:9px}.fv-compare-inputs input{min-width:0;background:#071522;border:1px solid #315069;color:#eef6fb;border-radius:7px;padding:10px 12px}@media(max-width:760px){.fvip-supernet{grid-template-columns:1fr}}@media(max-width:520px){.fv-compare-inputs,.fv-mini-grid{grid-template-columns:1fr}}

.fv-active-net{display:inline-flex;align-items:center;gap:6px;color:#9bea76;font-size:12px}

.fv-active-context{min-height:20px;margin:8px 0 4px}.fv-active-context .fv-active-net{display:inline-flex;align-items:center;gap:5px;color:#9bea76;font-size:12px}.fv-active-context b{color:#dfffd0}
.fvip{font-size:13px}.fvip h3{font-size:13px}.fvip label{font-size:12px}.fvip input,.fvip textarea{font-size:14px!important}.fvip select{font-size:14px!important;min-height:40px!important;height:40px!important;padding:6px 32px 6px 11px!important;line-height:1.15!important}.fvip select option{font-size:14px!important}.fvip button{font-size:13px}.fvip dl{font-size:12px}.fv-vis-title{margin-bottom:18px;font-weight:600}.fv-rangebar{height:18px;border-radius:6px;background:linear-gradient(90deg,#75df45,#3385dd)}.fv-rangeends{display:flex;justify-content:space-between;margin-top:8px;font-size:11px}.fv-legend{display:flex;flex-direction:column;gap:9px;margin-top:22px;font-size:12px}.fv-legend span{display:flex;align-items:center;gap:8px}.fv-legend i{width:17px;height:17px;border-radius:3px}.fv-legend i.net{background:#75df45}.fv-legend i.host{background:#3385dd}.fv-legend i.bcast{background:#d9424b}
.fvip .fv-super-input{display:block!important;width:100%!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:8px 12px!important;line-height:24px!important;white-space:nowrap!important;overflow:hidden!important;font-size:13px!important}
.fvip .fvip-form.sub{display:grid!important;grid-template-columns:minmax(250px,1.5fr) minmax(170px,.8fr) minmax(170px,.8fr) auto!important;gap:18px!important;align-items:end!important;padding:18px 8px 24px!important}
.fvip .fvip-form.sub label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;color:#aebdca!important;font-size:12px!important}
.fvip .fvip-form.sub label span{display:block!important;line-height:16px!important}
.fvip .fvip-form.sub input,.fvip .fvip-form.sub select{display:block!important;width:100%!important;height:42px!important;min-height:42px!important;margin:0!important;padding:7px 12px!important;border:1px solid #30475a!important;border-radius:7px!important;background:#0b1a29!important;color:#fff!important;font-size:14px!important;line-height:1.2!important;opacity:1!important}
.fvip .fvip-form.sub select{appearance:auto!important;-webkit-appearance:auto!important;padding-right:8px!important}
.fvip .fvip-form.sub select option{background:#0b1a29!important;color:#fff!important;font-size:14px!important}
.fvip .fvip-form.sub .fv-subcalc{display:flex!important;align-items:center!important;justify-content:center!important;width:auto!important;height:42px!important;min-height:42px!important;margin:0!important;padding:0 24px!important;border:0!important;border-radius:7px!important;background:#7ee04b!important;color:#071522!important;font-size:13px!important;font-weight:800!important;opacity:1!important;visibility:visible!important;white-space:nowrap!important;cursor:pointer!important}
@media(max-width:900px){.fvip .fvip-form.sub{grid-template-columns:1fr 1fr!important}.fvip .fvip-form.sub .fv-subcalc{width:100%!important}}
@media(max-width:560px){.fvip .fvip-form.sub{grid-template-columns:1fr!important}}

/* v0.9.5 Subnetting layout */
.fvip .fvip-tab[data-panel="sub"]{padding:20px 18px 22px!important}
.fvip .fvip-form.sub{display:grid!important;grid-template-columns:minmax(260px,1.55fr) minmax(150px,.75fr) minmax(150px,.75fr) 170px!important;gap:16px!important;align-items:end!important;padding:0!important;margin:0 0 14px!important}
.fvip .fvip-form.sub label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;min-width:0!important}
.fvip .fvip-form.sub input,.fvip .fvip-form.sub select{height:44px!important;min-height:44px!important;width:100%!important;background:#0b1a29!important;color:#eef6fb!important;border:1px solid #315069!important;border-radius:7px!important;padding:0 12px!important;font-size:14px!important;opacity:1!important}
.fvip .fvip-form.sub .fv-subcalc{height:44px!important;min-height:44px!important;width:170px!important;background:#7ee04b!important;color:#071522!important;border:1px solid #7ee04b!important;font-size:13px!important;font-weight:800!important;opacity:1!important;visibility:visible!important;filter:none!important;text-shadow:none!important;box-shadow:none!important}
.fvip .fvip-form.sub .fv-subcalc:hover{background:#8bea59!important;color:#071522!important}
.fvip .fv-sub-actions{min-height:44px!important;padding:0!important;margin:0 0 14px!important;display:flex!important;align-items:center!important;gap:14px!important}
.fvip .fv-sub-actions .fv-sub-summary{padding:0!important;margin:0!important;flex:1!important;line-height:1.45!important}
.fvip .fv-sub-actions .fv-csv{height:40px!important;margin-left:auto!important}
.fvip .fv-vlsm{margin:0 0 14px!important;padding:14px 16px!important}
.fvip .fv-vlsm input{height:42px!important;min-height:42px!important}
.fvip .fv-table-wrap{margin:0!important;display:none!important}
.fvip .fv-table-wrap.has-results{display:block!important}
@media(max-width:900px){.fvip .fvip-form.sub{grid-template-columns:1fr 1fr!important}.fvip .fvip-form.sub .fv-subcalc{width:100%!important}}
@media(max-width:560px){.fvip .fvip-form.sub{grid-template-columns:1fr!important}.fvip .fv-sub-actions{align-items:stretch!important;flex-direction:column!important}.fvip .fv-sub-actions .fv-csv{margin-left:0!important}}

/* v1.0 organización funcional: cada utilidad aparece una sola vez */
.fvip .fv-section-title{display:flex;flex-direction:column;gap:4px;margin:0 8px 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.fvip .fv-section-title strong{font-size:14px;color:#eef6fb}.fvip .fv-section-title span{font-size:12px;color:var(--mut)}
.fvip-tab[data-panel="sub"] .fvip-supernet{margin-top:18px}
.fvip-tab[data-panel="sub"] .fvip-supernet article{min-height:0}
.fvip-tab[data-panel="calc"] .fvip-advanced{margin-top:14px}
.fvip-tab[data-panel="sub"] .fv-table-wrap{margin-top:18px}

/* v1.0.1 — División de red integrada con el dashboard FoxVision */
.fvip .fv-subnet-card{
 background:#050b12!important;
 border:1px solid #29465c!important;
 border-radius:11px!important;
 padding:18px!important;
 margin:0 0 16px!important;
 box-sizing:border-box!important;
}
.fvip .fv-subnet-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin:0 0 14px!important}
.fvip .fv-subnet-head h3{margin:0!important;color:#f4f7fa!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important}
.fvip .fv-subnet-head p{margin:7px 0 0!important;color:#9fb1c0!important;font-size:12px!important;line-height:1.4!important}
.fvip .fv-subnet-card .fvip-form.sub{
 display:grid!important;
 grid-template-columns:minmax(240px,1.6fr) minmax(160px,.85fr) minmax(160px,.85fr) 170px!important;
 gap:14px!important;
 align-items:end!important;
 padding:0!important;
 margin:0!important;
}
.fvip .fv-subnet-card .fvip-form.sub label{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important;color:#b9c8d4!important;font-size:12px!important}
.fvip .fv-subnet-card .fvip-form.sub input,
.fvip .fv-subnet-card .fvip-form.sub select{
 height:44px!important;min-height:44px!important;width:100%!important;
 box-sizing:border-box!important;margin:0!important;
 border:1px solid #315069!important;border-radius:7px!important;
 background:#0a1b2a!important;color:#eef6fb!important;
 padding:8px 12px!important;font-size:14px!important;line-height:1.2!important;
 opacity:1!important;
}
.fvip .fv-subnet-card .fvip-form.sub select{appearance:auto!important;-webkit-appearance:auto!important}
.fvip .fv-subnet-card .fv-subcalc{
 display:flex!important;align-items:center!important;justify-content:center!important;
 width:100%!important;height:44px!important;min-height:44px!important;
 padding:0 16px!important;margin:0!important;
 border:1px solid #58c63e!important;border-radius:7px!important;
 background:#75df45!important;color:#06120b!important;
 font-size:13px!important;font-weight:800!important;line-height:1!important;
 opacity:1!important;visibility:visible!important;cursor:pointer!important;
 box-shadow:none!important;
}
.fvip .fv-subnet-card .fv-subcalc:hover{filter:brightness(1.05)!important}
.fvip .fv-subnet-card .fv-sub-summary{margin:15px 0 0!important;padding:11px 13px!important;border:1px solid #29465c!important;border-radius:7px!important;background:#0a1b2a!important;color:#c9d6df!important;font-size:12px!important;line-height:1.45!important}
.fvip .fv-subnet-card .fv-sub-actions{margin-top:10px!important}
@media(max-width:1000px){.fvip .fv-subnet-card .fvip-form.sub{grid-template-columns:1fr 1fr!important}.fvip .fv-subnet-card .fv-subcalc{width:100%!important}}
@media(max-width:600px){.fvip .fv-subnet-card .fvip-form.sub{grid-template-columns:1fr!important}}

/* v1.0.2 — orden lógico y estilo unificado del panel Subnetting */
.fvip .fvip-tab[data-panel="sub"]{padding:16px!important}
.fvip .fv-tool-card{background:#07111b!important;border:1px solid var(--line)!important;border-radius:10px!important;padding:16px!important;margin:0 0 14px!important;min-height:0!important;box-shadow:none!important}
.fvip .fv-tool-card h3{margin:0 0 10px!important;color:#f2f6f9!important;font-size:13px!important;font-weight:800!important;line-height:1.3!important}
.fvip .fv-tool-head p,.fvip .fv-tool-card .fv-help{margin:5px 0 14px!important;color:#9fb1c0!important;font-size:12px!important;line-height:1.45!important}
.fvip .fv-subnet-card .fvip-form.sub{display:grid!important;grid-template-columns:minmax(240px,1.55fr) minmax(150px,.8fr) minmax(150px,.8fr) 165px!important;gap:14px!important;align-items:end!important;padding:0!important;margin:0!important}
.fvip .fv-subnet-card .fvip-form.sub label{gap:6px!important;font-size:12px!important}
.fvip .fv-subnet-card .fvip-form.sub input,.fvip .fv-subnet-card .fvip-form.sub select{height:42px!important;min-height:42px!important;background:#0b1a29!important;border:1px solid #315069!important;color:#eef6fb!important;border-radius:7px!important;font-size:13px!important;padding:7px 11px!important;opacity:1!important}
.fvip .fv-subnet-card .fv-subcalc{height:42px!important;min-height:42px!important;width:100%!important;background:var(--g)!important;color:#071522!important;border:0!important;border-radius:7px!important;font-size:12px!important;font-weight:800!important;opacity:1!important;visibility:visible!important;cursor:pointer!important}
.fvip .fv-subnet-card .fv-sub-actions{display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;margin:12px 0 0!important}
.fvip .fv-subnet-card .fv-sub-summary{flex:1!important;margin:0!important;padding:10px 12px!important;background:#0b1a29!important;border:1px solid #29455b!important;border-radius:7px!important;font-size:12px!important;color:#b9c8d4!important;min-height:40px!important}
.fvip .fv-subnet-card .fv-sub-summary:empty{display:none!important}
.fvip .fv-subnet-card .fv-sub-table{margin-top:12px!important}
.fvip .fv-vlsm{border:1px solid var(--line)!important;border-radius:10px!important;background:#07111b!important;padding:16px!important;margin:0 0 14px!important}
.fvip .fvip-supernet{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important;margin:0!important}
.fvip .fvip-supernet .fv-tool-card{margin:0!important}
.fvip .fvip-supernet input{height:42px!important;min-height:42px!important;font-size:13px!important}
.fvip .fv-super-btn,.fvip .fv-super-clear,.fvip .fv-compare-btn,.fvip .fv-csv{height:40px!important;padding:0 13px!important;font-size:12px!important}
.fvip .fv-super-result,.fvip .fv-compare-result{min-height:40px!important;margin-top:10px!important}
.fvip .fv-super-result:empty,.fvip .fv-compare-result:empty{display:none!important}
@media(max-width:1000px){.fvip .fv-subnet-card .fvip-form.sub{grid-template-columns:1fr 1fr!important}}
@media(max-width:760px){.fvip .fvip-supernet{grid-template-columns:1fr!important}}
@media(max-width:600px){.fvip .fv-subnet-card .fvip-form.sub{grid-template-columns:1fr!important}.fvip .fv-subnet-card .fv-sub-actions{align-items:stretch!important;flex-direction:column!important}}

/* v1.0.3: contraste de campos y selects */
.fvip input:not(:placeholder-shown),.fvip textarea:not(:placeholder-shown),.fvip select{color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important;font-weight:600!important}
.fvip input:focus,.fvip textarea:focus,.fvip select:focus{color:#ffffff!important;-webkit-text-fill-color:#ffffff!important;background:#0d2233!important}
.fvip input::placeholder,.fvip textarea::placeholder{color:#7790a4!important;opacity:1!important;font-weight:400!important}
.fvip select option{background:#0b1a29!important;color:#f7fbff!important;-webkit-text-fill-color:#f7fbff!important}

/* v1.0.5 - visualización de red enriquecida */
.fv-vis-card{overflow:hidden}.fv-vis{font-size:12px;color:#dbe7ee}.fv-vis-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:15px}.fv-vis-net{font-size:18px;font-weight:800;color:#fff}.fv-vis-count{color:#9bea76;font-weight:700;white-space:nowrap}.fv-vis-track-wrap{position:relative;padding-top:18px;margin:4px 0 7px}.fv-vis-track{height:18px;border-radius:7px;background:linear-gradient(90deg,#75df45 0%,#62c76c 16%,#3385dd 100%);position:relative;box-shadow:inset 0 0 0 1px #ffffff12}.fv-vis-marker{position:absolute;top:11px;transform:translateX(-50%);width:3px;height:32px;background:#fff;border-radius:2px;box-shadow:0 0 0 2px #071522,0 0 8px #fff8}.fv-vis-marker:before{content:'';position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #fff}.fv-vis-ends{display:flex;justify-content:space-between;color:#91a7b8;font-size:11px;margin-bottom:14px}.fv-vis-ipline{display:flex;justify-content:space-between;gap:12px;padding:9px 11px;border:1px solid #29455b;border-radius:7px;background:#091725;margin-bottom:12px}.fv-vis-ipline b{color:#fff}.fv-vis-ipline span:last-child{color:#9bea76}.fv-vis-usable{padding:10px 11px;border:1px solid #20394c;border-radius:7px;background:#081621;margin-bottom:12px}.fv-vis-usable strong{display:block;color:#9fb0bf;font-size:11px;margin-bottom:5px}.fv-vis-usable span{color:#e8f1f7}.fv-vis-stats{display:grid;grid-template-columns:1fr 1fr;gap:7px 10px}.fv-vis-stat{display:flex;justify-content:space-between;gap:8px;padding:7px 9px;border-bottom:1px solid #20394c}.fv-vis-stat span{color:#91a7b8}.fv-vis-stat b{color:#fff;font-weight:700}.fv-empty-state{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8196a7;gap:6px}.fv-empty-state strong{color:#b9c8d3;font-size:14px}@media(max-width:520px){.fv-vis-head,.fv-vis-ipline{flex-direction:column}.fv-vis-stats{grid-template-columns:1fr}}