/* Unit transfers: the move dialog and the transfers page (public/js/transfers.js) */
.xfer-tools { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; margin-bottom: 8px; }
.xfer-tools input[type=search] { flex: 1; min-width: 180px; }
.xfer-list { max-height: 240px; overflow-y: auto; border: var(--hair) solid var(--line); border-radius: var(--radius);
  background: var(--panel-2); padding: 4px 0; }
.xfer-row { display: grid; grid-template-columns: 22px 1fr auto; gap: 10px; align-items: center; padding: 5px 10px; cursor: pointer; }
.xfer-row:hover { background: var(--panel); }
.xfer-choices { display: grid; gap: 6px; }
.xfer-choice { display: flex; gap: 10px; align-items: flex-start; cursor: pointer; }
.xfer-choice input { margin-top: 3px; }
.xfer-choice small { display: block; }
.xfer-hint { display: flex; gap: 8px; align-items: center; font-size: 12.5px; margin: 10px 0 4px; padding: 7px 10px; border: var(--hair) solid var(--line); border-radius: var(--radius); }
.xfer-hint:empty { display: none; }
.xfer-hint.ok { color: var(--go-text); border-color: var(--go); background: var(--go-fill); }
.xfer-hint.warn { color: var(--signal-text); border-color: var(--signal); background: var(--caution-fill); }
.xfer-card { border-top: var(--hair) solid var(--line); padding: 10px 0; display: grid; gap: 4px; }
.xfer-card:first-of-type { border-top: none; }
.xfer-route { font-weight: 600; }
@media (max-width: 640px) {
  .xfer-row { grid-template-columns: 22px 1fr; }
  .xfer-row > .muted { grid-column: 2; }
}