#ct-vpn-panel {
  grid-column: 1 / -1 !important;
  color: #eef7ff;
  background: linear-gradient(145deg,#0d2440,#07172b);
  border: 1px solid #50b9ff55;
  border-radius: 16px;
  padding: 20px;
  margin-top: 18px;
  min-width: 0;
}
#ct-vpn-panel header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 16px;
}
#ct-vpn-panel h2 { margin: 0; font-size: 20px; }
#ct-vpn-panel header small { color: #a5bdd4; }
.ct-vpn-scroll { overflow-x: auto; }
#ct-vpn-panel table {
  width: 100%;
  border-collapse: collapse;
  text-align: left;
}
#ct-vpn-panel th,
#ct-vpn-panel td {
  padding: 12px;
  border-bottom: 1px solid #50b9ff25;
  white-space: nowrap;
}
#ct-vpn-panel th { color: #9fc6e3; font-size: 12px; }
#ct-vpn-panel td { font-size: 14px; }
#ct-vpn-panel td small {
  display: block;
  color: #9ab2c9;
  margin-top: 4px;
  font-size: 11px;
}
.ct-vpn-state {
  display: inline-block;
  border-radius: 7px;
  padding: 6px 9px;
  font-weight: 700;
}
.ct-vpn-state.online { background: #14543c; color: #a0f1c8; }
.ct-vpn-state.offline { background: #7b2132; color: #ffd1d9; }
.ct-vpn-state.warning { background: #674815; color: #ffe19a; }
.ct-vpn-state.checking,
.ct-vpn-state.unknown,
.ct-vpn-state.disabled { background: #28394b; color: #c2d1de; }
#ct-vpn-panel tr.offline { background: #74192c22; }
#ct-vpn-panel tr.warning { background: #9b67151c; }