.panelConnectorStatus{
  width:100%;
  box-sizing:border-box;
  margin:14px 0 18px;
  padding:17px;
  border:1px solid #2b374b;
  border-radius:12px;
  background:#111827;
}

.pc-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:15px;
  margin-bottom:14px;
}

.pc-title{
  color:#f8fafc;
  font-size:16px;
  font-weight:700;
}

.pc-subtitle{
  margin-top:3px;
  color:#94a3b8;
  font-size:11px;
}

.pc-status{
  padding:6px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}

.pc-status-connected{
  border:1px solid #166534;
  background:#052e16;
  color:#86efac;
}

.pc-status-warning{
  border:1px solid #854d0e;
  background:#2b1b05;
  color:#fde68a;
}

.pc-status-disconnected{
  border:1px solid #7f1d1d;
  background:#2b1116;
  color:#fca5a5;
}

.pc-metrics{
  display:grid;
  grid-template-columns:
    repeat(4,minmax(0,1fr));
  gap:9px;
}

.pc-metric{
  min-height:55px;
  padding:10px;
  box-sizing:border-box;
  border:1px solid #293548;
  border-radius:8px;
  background:#0b1220;
}

.pc-metric span{
  display:block;
  margin-bottom:5px;
  color:#94a3b8;
  font-size:10px;
}

.pc-metric strong{
  color:#f8fafc;
  font-size:12px;
  font-weight:700;
}

.pc-error{
  display:none;
  margin-top:10px;
  padding:8px 10px;
  border-radius:7px;
  border:1px solid #7f1d1d;
  background:#2b1116;
  color:#fca5a5;
  font-size:11px;
}

@media(max-width:900px){

  .pc-metrics{
    grid-template-columns:1fr 1fr;
  }
}