/* Nearest mills on the tenement card (js/features/mills-near.js). Sits beside
   the compliance row (css/portfolio-map.css) and shares its look. */

.mln-row {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin-top: 10px;
  padding: 8px 10px;
  border: 1px solid var(--nm-border);
  border-radius: var(--nm-radius-md);
  background: rgba(var(--nm-blue-rgb), 0.06);
  font-size: 12px;
  color: var(--nm-text);
}

.mln-row > .ti { color: var(--nm-accent); font-size: 16px; margin-top: 1px; }
.mln-body { flex: 1; min-width: 0; }
.mln-title { font-weight: var(--nm-weight-med); margin-bottom: 4px; }
.mln-muted { color: var(--nm-text-dim); }

.mln-list { list-style: none; margin: 0; padding: 0; }
.mln-list li { padding: 5px 0; border-bottom: 1px solid var(--nm-border); }
.mln-list li:last-child { border-bottom: none; }
.mln-name { display: flex; justify-content: space-between; gap: 8px; }
.mln-name b { font-weight: var(--nm-weight-med); color: var(--nm-text); min-width: 0; overflow-wrap: anywhere; }
.mln-name span { color: var(--nm-text-muted); white-space: nowrap; }
.mln-facts { color: var(--nm-text-muted); font-size: 11px; }
.mln-owner { color: var(--nm-text-dim); font-size: 11px; }

.mln-foot { margin-top: 4px; font-size: 10px; color: var(--nm-text-dim); }
.mln-link { color: var(--nm-blue-light); font-size: 11px; }

.mln-upsell { color: var(--nm-text-muted); text-decoration: none; }
.mln-upsell strong { color: #e6c987; font-weight: 600; }
.mln-upsell:hover { color: var(--nm-text); }