/* deposit: zero-waste deposit (Pfand) for business customers: the checkout field, the box in the account, the admin box and the deposit picker of the settings */

/* checkout: the number field "Eimer zurück" is a normal .field; the number input stays narrow */
#b2b-deposit-field input[type="number"] {
  width: 8rem;
  max-width: 100%;
}

/* account: the box "Pfand-Eimer" under the invoices */
.business-deposit {
  margin-top: var(--space-4);
}

.business-deposit h4 {
  margin: 0 0 var(--space-1);
}

.deposit-entry-head {
  margin: 0;
}

/* admin: the bucket account of one company */
.b2b-deposit-box {
  margin-top: var(--space-3);
  padding-top: var(--space-3);
  border-top: var(--border-hairline);
}

.deposit-account {
  display: grid;
  gap: var(--space-2);
}

.deposit-form {
  display: grid;
  gap: var(--space-2);
  max-width: 32rem;
}

.deposit-form input[type="number"] {
  width: 8rem;
  max-width: 100%;
}

.deposit-form input[type="text"],
.deposit-form select {
  width: 100%;
  min-height: var(--touch);
}

.deposit-ledger {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* admin settings: the search for the deposit article in Odoo */
.set-picker {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--space-1) var(--space-2);
  flex-basis: 100%;
}

.set-picker input[type="text"],
.set-picker select {
  min-height: var(--touch);
  max-width: 100%;
}

.set-picker .set-note {
  flex-basis: 100%;
}