.app-status {
  margin: 16px 0 0;
  padding: 12px 16px;
  border: 1px solid #b9d4cc;
  border-radius: 12px;
  background: #edf7f3;
  color: #10504e;
  font-size: .84rem;
  font-weight: 700;
}
.app-status[data-tone="error"] { border-color: #e4b0b0; background: #fff0f0; color: #8d2525; }
.app-status[data-tone="success"] { border-color: #a7d4c5; background: #eaf8f1; color: #0d654e; }
.map-fallback { min-height: 500px; display: grid; place-items: center; padding: 32px; text-align: center; color: #5c6d6d; background: #f3f6f4; }
input[readonly] { background: #f3f6f4; color: #536361; }