body[data-wall-dashboard="true"] .wall-safety-item {
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05);
  transition: background .18s ease, border-color .18s ease, box-shadow .18s ease;
}

body[data-wall-dashboard="true"] .wall-safety-item.ok {
  border-color: color-mix(in srgb, var(--good) 46%, var(--card-border));
  background: color-mix(in srgb, var(--good) 18%, var(--surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--good) 28%, transparent), 0 0 18px color-mix(in srgb, var(--good) 10%, transparent);
}

body[data-wall-dashboard="true"] .wall-safety-item.warning {
  border-color: color-mix(in srgb, var(--warning) 58%, var(--card-border));
  background: color-mix(in srgb, var(--warning) 22%, var(--surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--warning) 32%, transparent), 0 0 22px color-mix(in srgb, var(--warning) 16%, transparent);
}

body[data-wall-dashboard="true"] .wall-safety-item.critical {
  border-color: color-mix(in srgb, var(--critical) 62%, var(--card-border));
  background: color-mix(in srgb, var(--critical) 24%, var(--surface));
  box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--critical) 34%, transparent), 0 0 24px color-mix(in srgb, var(--critical) 18%, transparent);
}

body[data-wall-dashboard="true"] .wall-safety-item.unknown {
  opacity: .78;
}

body[data-wall-dashboard="true"] .wall-idle-overlay {
  position: fixed;
  inset: 0;
  z-index: 10000;
  width: 100vw;
  height: 100vh;
  border: 0;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: #020304;
  color: rgba(255, 255, 255, .78);
  font: 700 24px system-ui, sans-serif;
  letter-spacing: .02em;
  cursor: pointer;
}

body[data-wall-dashboard="true"] .wall-idle-overlay[hidden] {
  display: none !important;
}

body[data-wall-dashboard="true"] .wall-idle-text {
  font-size: clamp(28px, 4vw, 48px);
}

body[data-wall-dashboard="true"] .wall-idle-hint {
  margin-top: 12px;
  font-size: clamp(14px, 1.6vw, 20px);
  font-weight: 650;
  color: rgba(255, 255, 255, .42);
}
