.network-panel {
  background: #10241f;
  border: 1px solid #31534a;
  border-radius: 15px;
  margin: 0 0 18px;
  padding: clamp(16px, 3vw, 25px);
}
.network-panel h2 { margin: 0 0 12px; }
.network-panel p { color: #b9cec6; font-size: 14px; }
.network-table { overflow: auto; }
.network-table table { width: 100%; border-collapse: collapse; font-size: 14px; }
.network-table th, .network-table td {
  padding: 10px 12px;
  border-bottom: 1px solid #29483f;
  text-align: left;
}
.network-table th { color: #c9e7db; white-space: nowrap; }
.network-check-status {
  display: inline-block;
  padding: 3px 9px;
  border-radius: 8px;
  background: #273e36;
  color: #e1ede8;
  white-space: nowrap;
}
.network-check-status[data-state="reachable"] { background: #164b3d; color: #b6f3d8; }
.network-check-status[data-state="no_reply"],
.network-check-status[data-state="unexpected_response"] { background: #513820; color: #ffe0b7; }
#networkError { color: #ffbcb5; }
#networkError:empty { display: none; }