/* Needs, opportunities, value and the staff matching/liquidity screens.
   Only classes prefixed "needs-" live here; everything else is app.css. */

.needs-filter { gap: var(--sp-4); }
.needs-filter a { text-decoration: none; color: var(--text-muted); font-weight: 600; }
.needs-filter a[aria-current="page"] { color: var(--text); text-decoration: underline; text-underline-offset: 4px; }

.needs-dismiss { display: flex; justify-content: flex-end; margin: 0; }

.needs-form fieldset { border: 0; padding: 0; margin-inline: 0; }
.needs-form legend { padding: 0; margin-bottom: var(--sp-2); }

.needs-response .row { flex-wrap: wrap; gap: var(--sp-2) var(--sp-4); }
.needs-actions { flex-wrap: wrap; gap: var(--sp-2); }
.needs-actions form { margin: 0; }

.needs-contact dd a { overflow-wrap: anywhere; }

.needs-weights td.num, .needs-weights th.num { white-space: nowrap; }

.needs-admin-filter { align-items: flex-end; gap: var(--sp-4); flex-wrap: wrap; }
.needs-admin-filter .field { margin-bottom: 0; }