/* === ws-grid-card.css(工作空间详情页资源网格卡 · 单一样式源) ===
 * 工作空间详情页(主程序)的「资源网格卡」样式,容器 .ws-res-list[data-view="grid"]
 * + bulk 选择(workspace-bulk.css)。原规则迁出自 workspace-toolbar.css,行为保持一致。
 * 注:P602 起协作侧栏资料选择器改用自有 rp-card(26-collab-picker.css),不再共用本卡。
 */

.ws-grid-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-glass);
  border-radius: 10px;
  overflow: hidden;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  transition: border-color 120ms ease;
}

.ws-grid-card:hover { border-color: var(--brand-primary); }

.ws-grid-thumb {
  aspect-ratio: 4 / 3;
  background: var(--bg-base);
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  position: relative;
}

.ws-grid-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ws-grid-thumb-icon { width: 48px; height: 48px; color: var(--text-muted); }

.ws-grid-badge {
  position: absolute;
  top: 6px;
  left: 6px;
  padding: 2px 8px;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  border-radius: 999px;
  font-size: 10px;
  line-height: 1.4;
  backdrop-filter: blur(2px);
}

.ws-grid-status-fail {
  position: absolute;
  top: 6px;
  right: 6px;
  padding: 2px 8px;
  background: var(--error-color);
  color: var(--text-on-color);
  border-radius: 999px;
  font-size: 10px;
}

.ws-grid-status-fail[data-tone="pending"] { background: var(--brand-primary); }
.ws-grid-status-fail[data-tone="ready"] { background: var(--success-color); }
.ws-grid-status-fail[data-tone="failed"] { background: var(--error-color); }

.ws-grid-meta {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-height: 0;
}

.ws-grid-title {
  font-size: 13px;
  font-weight: 600;
  color: var(--text-main);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  word-break: break-word;
}

.ws-grid-sub {
  font-size: 11px;
  color: var(--text-muted);
  line-height: 1.4;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* foot:类型 · 大小。侧栏选择器渲染此元素;工作空间卡如需要可加同名元素,样式自动一致 */
.ws-grid-foot {
  font-size: 11px;
  color: var(--text-dim);
}