/* ideas.css — Ideas view masonry card styles */

.ideas-search-row {
  margin-bottom: 12px;
}

.ideas-grid {
  columns: 2;
  column-gap: 12px;
}

@media (min-width: 768px) {
  .ideas-grid {
    columns: 3;
  }
}

.idea-card {
  break-inside: avoid;
  background: var(--md-sys-color-surface-container, #f0f0f0);
  border: 1px solid var(--md-sys-color-outline-variant, #c4c4c4);
  border-left: 4px solid #ffb300;
  border-radius: 12px;
  padding: 12px;
  margin-bottom: 12px;
}

.idea-card-title {
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 4px;
  color: var(--md-sys-color-on-surface, #1a1a1a);
}

.idea-card-body {
  font-size: 13px;
  color: var(--md-sys-color-on-surface-variant, #666);
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  margin-bottom: 8px;
}

.idea-card-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  align-items: center;
}

.idea-date {
  font-size: 11px;
  color: var(--md-sys-color-on-surface-variant, #999);
}