/* KumoMTA Monitor — additions on top of the PowerMTA mockup theme */

/* LIVE / DEMO badge in the header top bar */
.pmta-header-top { gap: 12px; }
.km-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.62rem;
  font-weight: 700;
  letter-spacing: 0.06em;
  padding: 2px 8px;
  border-radius: 10px;
  text-transform: uppercase;
}
.km-badge .km-dot { width: 7px; height: 7px; border-radius: 50%; display: inline-block; }
.km-badge-live { background: rgba(255,255,255,0.18); color: #eafff1; }
.km-badge-live .km-dot { background: #46d17f; box-shadow: 0 0 6px #46d17f; animation: km-pulse 2s infinite; }
.km-badge-demo { background: rgba(0,0,0,0.22); color: #ffe9c7; }
.km-badge-demo .km-dot { background: #f1c40f; }
@keyframes km-pulse { 0%,100% { opacity: 1; } 50% { opacity: 0.4; } }

.km-fresh { font-size: 0.62rem; color: rgba(255,255,255,0.85); white-space: nowrap; }

.pmta-toolbar-left { margin-right: auto; display: flex; gap: 8px; align-items: center; }

/* Read-only / disabled control buttons (Command section is observe-only here) */
.pmta-btn[disabled], .km-disabled {
  opacity: 0.5;
  cursor: not-allowed;
  pointer-events: none;
}
.km-readonly-note {
  font-size: 0.72rem;
  color: var(--pmta-text-light);
  padding: 8px 12px;
  border-top: 1px solid var(--pmta-border);
  background: #fffaf3;
}

/* Critical status row highlight (e.g. :2525 down) */
.km-row-critical td { background: #fdecea !important; }

/* Empty-state helper */
.km-empty {
  padding: 28px 12px;
  text-align: center;
  color: var(--pmta-text-light);
  font-size: 0.85rem;
}