/* Liangping-specific dashboard additions loaded after the reference fidelity layers. */
.brand {
  width: 690px;
  min-width: 690px;
  height: 77px;
}

.brand::before {
  width: 72px;
  height: 77px;
  background-image: url("./assets/brand-logo.png?v=20260820-1");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 558px 77px;
}

.brand > .brand-mark {
  display: none !important;
}

.brand > div:last-child {
  position: relative;
  z-index: 3;
  margin-left: 84px;
  opacity: 1 !important;
  pointer-events: auto !important;
}

.brand h1 {
  margin-bottom: 7px;
  color: #f4f8fc;
  font-size: 31px;
  font-weight: 700;
  text-shadow: 0 0 16px rgba(82, 184, 240, .24);
}

.brand-subtitle {
  color: #29b8ed;
}

.operator-link {
  color: #d8e3ed;
  text-decoration: none;
  cursor: pointer;
  transition: color .16s ease, background-color .16s ease;
}

.operator-link:hover,
.operator-link:focus-visible {
  color: #ffffff;
  background: rgba(24, 123, 181, .12);
  outline: none;
}

.operator-link:focus-visible {
  box-shadow: 0 0 0 2px rgba(42, 191, 255, .45);
}

.terminal-metric {
  min-width: 172px;
}

.terminal-counts {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  margin-top: 4px;
}

.terminal-counts strong {
  display: flex;
  align-items: baseline;
  gap: 5px;
  margin: 0;
  font-size: inherit;
}

.terminal-counts strong b {
  color: #2bbcff;
  font-family: var(--numeric-font);
  font-size: 32px;
  font-weight: 700;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}

.terminal-counts strong small {
  color: #9fbed0;
  font-size: 13px;
}

.terminal-counts__offline {
  padding-left: 12px;
  border-left: 1px solid rgba(95, 142, 174, .32);
}

.terminal-counts .terminal-counts__offline b {
  color: #ff806c;
  font-size: 32px;
}

.terminal-counts .terminal-counts__offline small {
  color: #d5a09a;
}

.metric-card--blue .sparkline {
  width: 58px;
  min-width: 48px;
}

.masked-value {
  color: #b6c7d6 !important;
  font-family: Consolas, "Microsoft YaHei", monospace;
  font-weight: 700;
  letter-spacing: 1px;
}

.incident-summary .masked-value {
  color: #e7eef5 !important;
}

.table-row > span.terminal-cell {
  flex-direction: column;
  gap: 3px;
  justify-content: center;
  line-height: 1;
}

.terminal-cell b {
  color: #38d7af;
  font-size: 14px;
  font-weight: 600;
}

.terminal-cell small {
  color: #f1a266;
  font-size: 12px;
}