/*
 * Elevate UI/UX Feedback State Standard — UI08
 * Functional baseline: R37. Builds on UI07.
 * Presentation only. No fetch, retry, cache, stale-data, polling or error logic changes.
 */

/* Neutral empty/loading containers already emitted by R37. */
.dashboard-page .market-news-empty,
.dashboard-page #oi-history-empty,
.dashboard-page .wealth-history-empty,
.dashboard-page .order-console-empty-history,
.dashboard-page #open-leg-selector-body > .hint,
.dashboard-page #portfolio-book-legs-body > .hint {
  box-sizing: border-box;
  border: 1px dashed var(--elevate-border-default);
  border-radius: var(--elevate-radius-md);
  background: rgba(148,163,184,.07);
  padding: var(--elevate-space-3);
  color: var(--elevate-text-secondary);
  line-height: var(--elevate-line-height-normal);
}

/* Error surfaces: styling only; R37 still decides when/what error is shown. */
.dashboard-page .oi-error:not(:empty),
.account-setup-page .cache-error:not(:empty),
.login-page .login-error:not(:empty),
.registration-page .err:not(:empty),
.change-password-page .err:not(:empty) {
  box-sizing: border-box;
  border: 1px solid rgba(255,90,103,.45);
  border-radius: var(--elevate-radius-md);
  background: rgba(255,90,103,.08);
  color: #b91c1c;
  padding: var(--elevate-space-3);
}

/* Informational/progress surfaces remain visually quieter than errors. */
.account-setup-page .setup-working,
.login-page .login-info,
.dashboard-page .portfolio-fy-chart-status,
.dashboard-page .open-leg-selector-status,
.dashboard-page .wealth-connector-status,
.dashboard-page .wealth-source-status {
  border-radius: var(--elevate-radius-md);
}

/* Existing R37 stale/cache banners keep their text and state classes; use a
   consistent readable block shape when they appear. */
.dashboard-page .cache-state-banner,
.dashboard-page .portfolio-alert-value {
  border-radius: var(--elevate-radius-md);
  line-height: var(--elevate-line-height-normal);
}

/* Loading text should not be visually confused with a successful value. */
.dashboard-page .market-news-count,
.dashboard-page .moving-average-status,
.dashboard-page .kite-status-button.checking,
.dashboard-page .telegram-header-status.checking {
  font-style: normal;
}

@media (max-width:700px){
  .dashboard-page .market-news-empty,
  .dashboard-page #oi-history-empty,
  .dashboard-page .wealth-history-empty,
  .dashboard-page .order-console-empty-history,
  .dashboard-page #open-leg-selector-body > .hint,
  .dashboard-page #portfolio-book-legs-body > .hint {
    padding: var(--elevate-space-3);
  }
}