@font-face { font-family: Inter; font-style: normal; font-weight: 100 900; font-display: swap; src: url('/assets/fonts/inter-variable.woff2') format('woff2'); }
.heading { display: flex; justify-content: space-between; gap: var(--s-4); flex-wrap: wrap; }
.panel { margin-block: var(--s-5); }
.field { max-width: none; }
#bank-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
#bank-fields .field { margin: 0; }
.room-inner { flex-wrap: wrap; }
.room .on { border-bottom: 2px solid var(--red); }
dl { overflow-wrap: anywhere; }
dt { color: var(--text-2); margin-top: var(--s-3); }
dd { margin: 0; }
#assignments .field { margin-block: var(--s-4); }
#notification { border-top: var(--hairline); padding-top: var(--s-5); }
#remove { margin-inline-start: var(--s-6); }
#make-link { margin-top: var(--s-5); }
.payable { display: flex; align-items: center; gap: var(--s-3); min-height: var(--hit); }
.payable input { width: var(--s-4); height: var(--s-4); }
.payable label { padding-block: var(--s-3); overflow-wrap: anywhere; }
@media (max-width: 599px) { #bank-fields { grid-template-columns: 1fr; } .actions-row { align-items: stretch; flex-direction: column; } .primary { width: 100%; } #remove { margin-inline-start: 0; } }