/******************************************************************************/
/* Asset list rows (Templates / Brand assets / Content blocks)               */
/******************************************************************************/

.asset-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.asset-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: #fff;
}

.asset-row__leading {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.asset-row--clickable .asset-row__leading { cursor: pointer; }

.asset-row__icon {
  flex: 0 0 auto;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--brand-verylight);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}

.asset-row__text { min-width: 0; }
.asset-row__name {
  font-weight: 600;
  font-size: 13.5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.asset-row__meta {
  font-size: 11.5px;
  color: var(--ink-muted);
  margin-top: 1px;
}

.asset-row__trailing {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 0 0 auto;
}

.asset-row__cta {
  padding: 6px 12px;
  font-size: 12.5px;
  border-radius: 6px;
  white-space: nowrap;
}

.pill {
  display: inline-block;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
}
.pill--published { background: #dcfce7; color: #15803d; }
.pill--archived { background: #f3f4f6; color: #6b7280; }