/* list-rows — telefonda toxunma siyahısı: dairəvi nişan + başlıq/meta + dəyər/ox.
 *
 * Hər sətir tam kliklənən toxunma hədəfidir (>= 2.75rem hündürlük).
 * Uzun mətn alt sətrə keçmir - ellipsis ilə kəsilir, sətir hündürlüyü sabit qalır.
 */

.list-rows {
  background: var(--bg);
  font-family: var(--font-body);
}

.list-rows__list {
  margin: 0;
  padding: 0;
  list-style: none;
  background: var(--surface);
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  overflow: hidden;
}

.list-rows__row {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 3.5rem;
  padding: var(--space-3);
  border-bottom: 1px solid var(--border);
  cursor: pointer;
  color: var(--text);
  text-decoration: none;
  -webkit-tap-highlight-color: transparent;
}

.list-rows__row:last-child {
  border-bottom: 0;
}

.list-rows__row:hover {
  background: var(--hover-veil);
}

.list-rows__row:focus-visible {
  outline: 2px solid var(--focus);
  outline-offset: -2px;
}

/* --- Sol nişan */

.list-rows__icon {
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: var(--radius-full);
  background: var(--surface-2);
  color: var(--text-muted);
}

.list-rows__icon .icon {
  width: 1.25rem;
  height: 1.25rem;
}

.list-rows__icon--info {
  background: var(--info-subtle);
  color: var(--info);
}

.list-rows__icon--success {
  background: var(--success-subtle);
  color: var(--success);
}

.list-rows__icon--warning {
  background: var(--warning-subtle);
  color: var(--warning);
}

.list-rows__icon--danger {
  background: var(--danger-subtle);
  color: var(--danger);
}

/* --- Orta blok: başlıq + meta */

.list-rows__body {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: var(--space-1);
}

.list-rows__title {
  font-size: var(--size-sm);
  font-weight: var(--weight-semibold);
  line-height: var(--leading-tight);
  color: var(--text);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.list-rows__meta {
  font-size: var(--size-xs);
  line-height: var(--leading-tight);
  color: var(--text-muted);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* --- Sağ blok: dəyər + ox */

.list-rows__end {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--space-1);
  color: var(--text-subtle);
}

.list-rows__end .icon {
  width: 1.125rem;
  height: 1.125rem;
}

.list-rows__value {
  font-size: var(--size-sm);
  font-weight: var(--weight-medium);
  color: var(--text-muted);
  white-space: nowrap;
}

.list-rows__value--warning {
  color: var(--warning);
  font-weight: var(--weight-semibold);
}

.list-rows__value--danger {
  color: var(--danger);
  font-weight: var(--weight-semibold);
}