/**
 * Shared widget shell states — complements vala-components / vala-app-shell.
 * One state visible per .vala-widget-slot at a time.
 *
 * HYBRID STABILIZATION: loading / deferred / empty panels only; no finance calculations.
 *
 * @package valahub-child
 */

.vala-widget-state {
  width: 100%;
}

.vala-widget-state__panel {
  margin: 0;
}

.vala-widget-state__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  margin-top: 1rem;
}

.vala-widget-state--loading .vala-widget-state__loading {
  margin: 0;
}

.vala-widget-state--error .vala-widget-state__panel {
  padding: 0;
}

.vala-widget-state__hint {
  margin-top: 0.75rem;
  font-size: 0.85rem;
}

/** Static page panels (no JS widget — single informational state). */
.vala-widget-state--static.vala-widget-state--record-form .vala-form-shell__title {
  margin-top: 0;
}