.dashboard-stage { position: relative; }
.dashboard-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.dashboard-motion-ready .chart-income,
.dashboard-motion-ready .chart-expense { animation: none !important; }
.dashboard-motion-ready .preview-stats strong { font-variant-numeric: tabular-nums; }
.preview-stats strong > .dashboard-count-visual { color: inherit; }
.dashboard-count-decimals { color: #8eb0c8; }
.dashboard-notice {
  position: absolute; top: -22px; right: 28px; z-index: 3;
  display: flex; align-items: center; gap: 12px;
  max-width: calc(100% - 24px); padding: 16px 18px;
  border: 1px solid #d7e9f4; border-radius: 16px;
  background: #fff; box-shadow: 0 12px 38px #16567c24;
  opacity: 0; pointer-events: none;
}
.dashboard-notice-icon {
  display: grid; place-items: center; width: 36px; height: 36px;
  flex-shrink: 0; border-radius: 11px; background: #e5f4ff; color: #087ef2;
}
.dashboard-notice strong { display: block; font-size: 12px; font-weight: 500; }
.dashboard-notice div > span { display: block; margin-top: 4px; font-size: 10px; color: #6c8696; }
.dashboard-notice b { margin-left: 10px; font-size: 13px; font-weight: 500; color: #24795f; white-space: nowrap; }
@media (max-width: 760px) {
  .dashboard-actions { gap: 10px; }
  .dashboard-notice { right: 12px; top: -24px; padding: 12px; gap: 8px; border-radius: 12px; }
  .dashboard-notice-icon { width: 30px; height: 30px; border-radius: 9px; }
  .dashboard-notice strong { font-size: 10px; }
  .dashboard-notice div > span { font-size: 9px; }
  .dashboard-notice b { margin-left: 4px; font-size: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .dashboard-notice { display: none; }
}