.summary-list {
  display: flex;
  flex-direction: column;
}

.summary-row {
  display: flex;
  align-items: center;
  gap: var(--space-2);
  min-height: var(--list-row-min-h);
  padding: var(--list-row-py) var(--list-row-px);
  border-bottom: 1px solid var(--border-soft);
  cursor: pointer;
  transition: background-color var(--transition-fast);
}

.summary-row:hover { background: var(--surface-hover); }
.summary-row.is-active { background: var(--surface-selected); }
.summary-row:focus { outline: none; background: var(--surface-hover); }

.summary-row__badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: var(--badge-min-width);
  height: var(--badge-height);
  padding: 0 var(--badge-padding-x);
  font-size: var(--badge-font-size);
  font-weight: var(--font-weight-strong);
  border-radius: var(--badge-radius);
  background: var(--surface-muted);
  color: var(--text-subtle);
  white-space: nowrap;
  flex-shrink: 0;
}

.summary-row__code {
  font-size: var(--font-size-main);
  font-weight: var(--font-weight-strong);
  color: var(--text-main);
  white-space: nowrap;
}

.summary-row__meta {
  flex: 1 1 auto;
  min-width: 0;
  font-size: var(--font-size-sub);
  color: var(--text-subtle);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.summary-row__date {
  font-size: var(--font-size-sub);
  color: var(--text-muted);
  white-space: nowrap;
  flex-shrink: 0;
}

/* 상태 배지 색상 */
.badge--available { background: #dcfce7; color: #15803d; }
.badge--contracted { background: #dbeafe; color: #1d4ed8; }
.badge--maintenance { background: #fef3c7; color: #b45309; }
.badge--returned { background: #f3e8ff; color: #7c3aed; }
.badge--disposed { background: #fee2e2; color: #dc2626; }
.badge--active { background: #dcfce7; color: #15803d; }
.badge--expired { background: #fee2e2; color: #dc2626; }
.badge--pending { background: #fef3c7; color: #b45309; }
.badge--open { background: #dbeafe; color: #1d4ed8; }
.badge--closed { background: #f1f5f9; color: #64748b; }