/* ============================================================================
   РАЗДЕЛ «КЛИЕНТЫ И ТЕХНИКА» — лента строк карточек клиента и техники
   (resources/views/filament/clients/rows.blade.php). Значения — только токены
   из motorplace-tokens.css.
   ============================================================================ */

.mp-rows {
  list-style: none;
  margin: 0;
  padding: 0;
}

.mp-rows__row {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 4px 12px;
  padding: 8px 0;
  border-bottom: 1px solid var(--mp-line-soft, var(--mp-line));
  font-size: var(--mp-size-body);
}
.mp-rows__row:last-child { border-bottom: 0; }
.mp-rows__row:first-child { padding-top: 0; }

/* Строка без вида (согласия, дилеры) — первая колонка пустая и места не берёт. */
.mp-rows__row:not(:has(.mp-rows__kind)) { grid-template-columns: minmax(0, 1fr) auto auto; }

.mp-rows__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mp-rows__title {
  color: var(--mp-text);
  font-weight: 600;
  overflow-wrap: anywhere;
}
a.mp-rows__title { text-decoration: none; }
a.mp-rows__title:hover { text-decoration: underline; }

.mp-rows__meta {
  color: var(--mp-text-mute);
  font-size: var(--mp-size-caption);
}
.mp-rows__at {
  color: var(--mp-text-mute);
  font-size: var(--mp-size-caption);
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
  text-align: right;
}
.mp-rows__empty {
  margin: 0;
  color: var(--mp-text-mute);
  font-size: var(--mp-size-body);
}

/* В узкой боковой колонке статус и дата уходят под название. */
.mp-aside .mp-rows__row {
  grid-template-columns: minmax(0, 1fr) auto;
}
.mp-aside .mp-rows__row:has(.mp-rows__kind) { grid-template-columns: auto minmax(0, 1fr) auto; }
.mp-aside .mp-rows__status { grid-column: 1 / -2; }

/* Подсказка о совпадении при заведении клиента: ссылка на найденного. */
.fi-callout .mp-link { font-weight: 600; text-decoration: underline; }