/*
Project: Thronestead©
Subsystem: Shared Page Surface Signals
File: page_surface.css
Version: 1.1.2026.04.03
Status: Canonical (Protected + Public Shared Surface)
*/

.surface-status {
  margin: var(--space-3) auto 0;
  max-width: min(1200px, calc(100% - 32px));
  border: 1px solid var(--border-strong);
  background: linear-gradient(180deg, rgba(26, 27, 31, 0.94), rgba(16, 17, 20, 0.94));
  color: var(--text-primary);
  border-radius: var(--r12);
  padding: var(--container-pad-md);
  font-size: 13px;
  letter-spacing: 0.01em;
}

.surface-status[data-state-kind='ok'] {
  border-color: rgba(93, 191, 133, 0.5);
  box-shadow: 0 0 0 1px rgba(93, 191, 133, 0.15) inset;
}

.surface-status[data-state-kind='warn'] {
  border-color: rgba(214, 173, 95, 0.45);
  box-shadow: 0 0 0 1px rgba(214, 173, 95, 0.15) inset;
}

body.ts {
  background-image: radial-gradient(circle at top, rgba(217, 180, 106, 0.06), transparent 42%);
}