.vc-panel{border:1px solid #285267;border-left:3px solid #5bd4e4;border-radius:12px;background:linear-gradient(115deg,#122d3c,#101c29);padding:16px 20px;margin-bottom:24px}.vc-heading,.vc-heading>div,.vc-actions,.vc-empty,.vc-empty>div{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.vc-heading,.vc-empty{justify-content:space-between}.vc-empty>div{gap:16px}.vc-badge{font-size:10px;font-weight:700;letter-spacing:2px;color:#6ee1ed;background:#183c4b;border:1px solid #316477;padding:6px 9px;border-radius:5px}.vc-actions{font-size:11px}.vc-actions select{padding:7px 10px;max-width:220px}.vc-actions a{color:#6ee1ed;text-decoration:none}.vc-overview{display:grid;grid-template-columns:.85fr 1fr 1fr 1fr;gap:26px;padding:16px 0}.vc-counts{display:flex;flex-direction:column;gap:5px;font-size:11px;color:#a9bdce}.vc-counts strong{font-size:18px;color:#edf6fc;margin-right:6px}.vc-meter>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:11px;margin-bottom:7px;color:#b8cfde}.vc-meter strong{color:#eef6fc}.vc-meter small{display:block;font-size:10px;color:#91aebf;margin-top:5px}.vc-track{height:6px;background:#253c4a;border-radius:8px;overflow:hidden}.vc-track i{display:block;height:100%;border-radius:8px;transition:width .5s}.vc-host{border-top:1px solid #28404e}.vc-host summary{list-style:none;display:grid;grid-template-columns:1fr 1.1fr 1.1fr 160px auto;gap:26px;align-items:center;padding:12px 0;cursor:pointer}.vc-host summary::-webkit-details-marker{display:none}.vc-host-name{display:flex;flex-direction:column;gap:5px;font-size:12px}.vc-host-name small{font-size:10px;color:#91aebf}.vc-host .chip{font-size:9px;padding:3px 6px}.vc-expand{font-size:10px;color:#7fd4e4}.vc-host-detail{padding:4px 0 15px;font-size:12px}.vc-host-detail h4{margin:15px 0 10px}.vc-datastores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.vc-datastores>div{min-width:0;background:#0e1b25;padding:12px;border-radius:6px}.vc-datastores>div>strong{overflow-wrap:anywhere;display:block;margin-bottom:10px;font-size:11px}.vc-vms{display:flex;gap:8px;flex-wrap:wrap}.vc-vms>span{padding:7px 9px;background:#0e1b25;border-radius:5px;font-size:11px}.vc-vms small{color:#839db0}.vc-vms i{display:inline-block;width:6px;height:6px;background:#78838e;border-radius:50%;margin-right:5px}.vc-vms i.vc-on{background:#54dda2}.vc-caption{font-size:10px;color:#91aebf;margin-top:8px}.vc-old{border-left-color:#78838e}.vc-toggle{display:flex;align-items:center;gap:8px;margin:15px 0}.vc-toggle input{width:auto}@media(max-width:900px){.vc-overview{grid-template-columns:1fr 1fr;gap:16px}.vc-host summary{grid-template-columns:.8fr 1fr 1fr 140px;gap:14px}.vc-expand{display:none}}@media(max-width:560px){.vc-host summary{grid-template-columns:1fr 1fr}.vc-host-name{grid-column:1/-1}.vc-panel{padding:14px}.vc-overview{grid-template-columns:1fr}.vc-counts{flex-direction:row;flex-wrap:wrap;gap:16px}}

.vc-thermals{display:flex;gap:12px;justify-content:center}.vc-temperature{display:flex;align-items:center;flex-direction:column;font-size:9px;gap:3px;min-width:65px}.vc-temperature>small{font-size:8px;color:#9fb9c9}.vc-sensors{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.vc-sensors>div{background:#0e1b25;padding:10px;border-radius:6px;display:flex;flex-direction:column;gap:6px}.vc-sensors span{color:#d8edf5}.vc-sensors small{color:#9fb9c9}.vc-host-detail .muted{font-size:11px}@media(max-width:560px){.vc-thermals{grid-column:1/-1;justify-content:flex-start}.vc-host summary{gap:12px}}
.vc-temperature{line-height:1.2}.vc-host-name{min-width:0;overflow-wrap:anywhere}.vc-meter{min-width:0}.vc-host-detail{min-width:0}.vc-panel .vc-host{margin:0}.vc-actions select{width:auto}.vc-panel .vc-thermals{align-items:center}
.vc-panel .vc-host{padding:0}.vc-panel .vc-host summary{margin:0}.vc-temperature>small{max-width:72px;text-align:center}
.vc-temperature svg{width:70px;height:70px;display:block}.vc-temperature .gauge-value{font-size:24px}.vc-temperature .gauge-percent{font-size:10px}.vc-temperature .gauge-label{font-size:9px;margin:0}.vc-thermals{gap:8px}

.vc-import-dialog{max-width:1100px}.vc-import-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}.vc-import-table{max-height:420px;margin-top:16px}.vc-import-table table{white-space:normal}.vc-import-table input[type=checkbox]{width:auto}.vc-import-table td{overflow-wrap:anywhere}.vc-import-table th{position:sticky;top:0}.vc-import-table td small{display:block;margin-top:5px;color:#91aebf}@media(max-width:700px){.vc-import-filters{grid-template-columns:1fr}.vc-import-table table{min-width:650px}}

.vc-card-note{font-size:10px;color:#8dc9d7;margin:8px 0}.vc-import-dialog .vc-toggle{flex-direction:row}

@media(max-width:900px){.vc-datastores{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.vc-datastores{grid-template-columns:minmax(0,1fr)}}

/* Separadores de clúster y separación discreta de hosts independientes. */
#vcenter-panel .vc-host-group+.vc-host-group{margin-top:22px}
#vcenter-panel .vc-group-heading{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0 6px;font-size:13px;font-weight:600;color:light-dark(#244b60,#a8dce9)}
#vcenter-panel .vc-group-heading>span{overflow-wrap:anywhere;min-width:0}
#vcenter-panel .vc-group-heading>small{font-size:10px;font-weight:400;color:light-dark(#526e7e,#8eacbd);white-space:nowrap}
#vcenter-panel .vc-group-heading:after{content:'';height:1px;flex:1;min-width:24px;background:light-dark(#c3d6e0,#335565)}
#vcenter-panel .vc-host-group>.vc-host:first-of-type{border-top:0}
#vcenter-panel .vc-host-independent>.vc-host+.vc-host{margin-top:12px}
