/* Vendors (Vendors.razor): a grid of vendor cards. */
.ish-vendor-list .fl-data-list__items { grid-template-columns: repeat(auto-fill, minmax(290px, 1fr)); }

.ish-vendor-card { display: flex; height: 100%; flex-direction: column; gap: 12px; padding: 14px 16px; }

.ish-vendor-head { display: flex; align-items: flex-start; gap: 12px; }

.ish-vendor-title { min-width: 0; flex: 1; }

.ish-vendor-title h2 { margin: 0; color: var(--ink); font-size: .95rem; font-weight: 800; overflow-wrap: anywhere; }

.ish-vendor-title p { margin: 3px 0 0; color: var(--muted); font-size: .78rem; line-height: 1.5; }

.ish-vendor-contact { display: flex; align-items: center; justify-content: space-between; gap: 6px 12px; flex-wrap: wrap; margin-top: auto; padding-top: 10px; border-top: 1px solid var(--line-soft); }

.ish-vendor-person { display: flex; min-width: 0; flex-direction: column; gap: 1px; }

.ish-vendor-person small { display: flex; align-items: center; gap: 4px; color: var(--faint); font-size: .7rem; font-weight: 700; }

.ish-vendor-person small .msr { font-size: 16px; }

.ish-vendor-person strong { color: var(--ink); font-size: .84rem; font-weight: 800; }

.ish-vendor-contact .ish-project-phone { margin: 0; }

@media (max-width: 620px) {
  .ish-vendor-list .fl-data-list__items { grid-template-columns: minmax(0, 1fr); }
}