/* Foundation reference: loading geometry and confirmed empty, without fixture data. */
.surface-dashboard .v2-data-state {
  display: grid;
  min-width: 0;
  gap: 20px;
  padding: 24px;
  border: 1px solid var(--dashboard-border, #e8e6e1);
  border-radius: 18px;
  background: var(--dashboard-surface, #fff);
  color: var(--dashboard-text, #222320);
}
.surface-dashboard .v2-data-state-copy { display: flex; align-items: flex-start; gap: 14px; }
.surface-dashboard .v2-data-state-copy > div { min-width: 0; }
.surface-dashboard .v2-data-state-copy h2 {
  margin: 0;
  font-family: inherit;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  overflow-wrap: anywhere;
}
.surface-dashboard .v2-data-state-copy p {
  margin: 6px 0 0;
  color: var(--dashboard-muted, #6b706c);
  font-size: 14px;
  line-height: 1.6;
  overflow-wrap: anywhere;
}
.surface-dashboard .v2-data-state-copy .v2-data-state-context { color: var(--dashboard-text, #222320); font-weight: 600; }
.surface-dashboard .v2-data-state-icon {
  display: grid;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  place-items: center;
  border-radius: 14px;
  background: var(--dashboard-brand-soft, #fff0e8);
  color: #a63714;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}
.surface-dashboard .v2-data-state-skeleton { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
.surface-dashboard .v2-data-state-placeholder {
  display: grid;
  align-content: center;
  gap: 12px;
  min-height: 96px;
  padding: 20px;
  border: 1px solid var(--dashboard-border, #e8e6e1);
  border-radius: 16px;
}
.surface-dashboard .v2-data-state-placeholder span,
.surface-dashboard .v2-data-state-chart span {
  display: block;
  min-width: 0;
  height: 14px;
  border-radius: 6px;
  background: #e8e6e1;
  animation: v2-data-state-pulse 1.8s ease-in-out infinite alternate;
}
.surface-dashboard .v2-data-state-placeholder span:first-child { width: 78%; }
.surface-dashboard .v2-data-state-placeholder span:last-child { width: 52%; }
.surface-dashboard .v2-data-state-chart {
  display: grid;
  grid-column: 1 / -1;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  align-items: end;
  gap: 14px;
  height: 176px;
  padding: 24px;
  border: 1px solid var(--dashboard-border, #e8e6e1);
  border-radius: 16px;
}
.surface-dashboard .v2-data-state-chart span { height: 55%; }
.surface-dashboard .v2-data-state-chart span:nth-child(2n) { height: 75%; }
.surface-dashboard .v2-data-state-chart span:nth-child(3n) { height: 95%; }
.surface-dashboard .v2-data-state-action {
  justify-self: start;
  min-height: 44px;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  background: var(--dashboard-primary, #24241f);
  color: #fff;
}
.surface-dashboard .v2-data-state-action:focus-visible { outline: 3px solid #c54118; outline-offset: 3px; }
@keyframes v2-data-state-pulse { from { opacity: .55; } to { opacity: 1; } }
@media (max-width: 760px) {
  .surface-dashboard .v2-data-state { padding: 16px; gap: 16px; }
  .surface-dashboard .v2-data-state-copy h2 { font-size: 18px; }
  .surface-dashboard .v2-data-state-placeholder { padding: 14px; }
  .surface-dashboard .v2-data-state-action { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .surface-dashboard .v2-data-state-placeholder span,
  .surface-dashboard .v2-data-state-chart span { animation: none; }
}