:root {
  --pb-card-radius: 14px;
  --pb-radius: .375rem; /* как у bootstrap кнопок */
}

.card { border-radius: var(--pb-card-radius); }
.table td, .table th { vertical-align: middle; }
.pb-muted { color: rgba(255,255,255,.65); }

/* квадратные края для scroll-таблиц */
.pb-events-scroll {
  max-height: 420px;
  overflow: auto;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 0;
}

/* ВАЖНО: не трогаем checkbox высотой 34px */
.pb-input-sm input:not([type="checkbox"]),
.pb-input-sm select {
  height: 34px;
  padding: .25rem .5rem;
  font-size: .9rem;
}

/* checkbox – квадратный, нормальный */
.form-check-input {
  width: 1.05em;
  height: 1.05em;
  margin-top: .15em;
}

/* ===== Unified "badge" style (less round, like buttons) ===== */
.pb-badge{
  display:inline-flex;
  align-items:center;
  gap:.35rem;
  padding:.25rem .5rem;
  border-radius: var(--pb-radius);
  font-size:.85rem;
  font-weight:600;
  border:1px solid rgba(255,255,255,.10);
}

.pb-badge-online{
  background:#0b2a20;
  border-color:#0f5a43;
  color:#e8fff4;
}
.pb-badge-offline{
  background:#351015;
  border-color:#7e1f2b;
  color:#ffecef;
}
.pb-badge-neutral{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  color:rgba(255,255,255,.90);
}

.pb-target-up{
  background:#0b2a20;
  border-color:#0f5a43;
  color:#e8fff4;
}
.pb-target-down{
  background:#351015;
  border-color:#7e1f2b;
  color:#ffecef;
}
.pb-target-unk{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.10);
  color:rgba(255,255,255,.90);
}

.targets-table td, .targets-table th { vertical-align: middle; }

/* toolbar */
.pb-toolbar {
  display: flex;
  flex-wrap: wrap;
  gap: .5rem;
  align-items: center;
}

/* ✅ FIX: bootstrap form-select default width:100% ломает строку */
.pb-toolbar .form-select {
  width: auto !important;
  min-width: 220px;
}
.pb-toolbar .btn { white-space: nowrap; }

.btn { border-radius: var(--pb-radius); }

.pb-badge-warning{
  background:#2e250b;
  border-color:#8a6d1f;
  color:#fff4d6;
}

.pb-flashes{
  display:flex;
  flex-direction:column;
  gap:.5rem;
}
.pb-flash{
  max-width:100%;
  width:fit-content;
  white-space:normal;
}