/**
 * Account page extras.
 *
 * Nearly everything here is already in novo.css — panels, fields, buttons.
 * What is left is the shapes account.js builds at runtime, plus the one
 * text-button style the auth forms need.
 */

.linkBtn {
  border: 0; background: none; padding: 0;
  color: var(--novo-blue); font: inherit; cursor: pointer; text-decoration: underline;
}
.linkBtn:hover { color: var(--novo-amber); }

/* A booking or order, as a card. Built in account.js. */
.bookingCard {
  border: 1px solid var(--novo-line-soft); border-radius: 10px;
  padding: 12px 14px; margin-bottom: 10px;
  display: grid; gap: 4px;
}
.bookingCard.is-upcoming { border-color: rgb(43 144 255 / 35%); background: rgb(43 144 255 / 5%); }
.bookingWhen {
  font-family: var(--novo-display); font-weight: 600; font-size: 15px;
  color: var(--novo-text);
}
.bookingWhat { font-size: 13px; color: var(--novo-muted); }
.bookingMoney { font-size: 13px; color: var(--novo-muted); }
.bookingMoney strong { color: var(--novo-text); }
.bookingEmpty { color: var(--novo-dim); font-size: 13.5px; }

.payTag {
  justify-self: start; margin-top: 4px; padding: 3px 8px; border-radius: 4px;
  font-size: 11px; font-weight: 600;
  background: rgb(245 179 1 / 15%); color: var(--novo-amber);
}
.payTag--paid { background: rgb(70 224 138 / 15%); color: var(--novo-good); }

/* The password form loses its "current password" row during a forced change:
   the sign-in that just happened is the proof, so asking again is asking the
   person to prove something they cannot yet know. */
#pw-current-field[hidden] { display: none !important; }

/* Awaiting: the customer sent proof, an admin has not yet approved it.
   Rejected: admin turned it down; the reason is displayed alongside. */
.payTag--awaiting { background: rgb(245 179 1 / 15%); color: var(--novo-amber); }
.payTag--rejected { background: rgb(210 90 90 / 15%); color: #ef8b8b; }