.data-state-panel-sample-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  margin-top: 12px;
}

.data-state-panel-sample-mobile {
  margin-top: 12px;
}

.data-state-panel-sample-mobile__frame {
  width: min(100%, 360px);
  padding: 14px;
  border: 1px solid rgba(148, 163, 184, 0.24);
  border-radius: 28px;
  background:
    linear-gradient(180deg, rgba(226, 232, 240, 0.48) 0%, rgba(248, 250, 252, 0.9) 100%);
  box-shadow: 0 18px 32px rgba(15, 23, 42, 0.08);
}

@media (max-width: 900px) {
  .data-state-panel-sample-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}
