/* Under > Pedidos: Capturar and Reembolsar (public/un-payments.js). Everything is namespaced unm- ("m" of money: unp- belongs to
   Produtos, and a shared prefix once turned these cards into the product grid). */
.unm-held { margin: 0 0 12px; padding: 12px; border-radius: 14px; border: 1px solid color-mix(in srgb, var(--warn, #f59e0b) 45%, transparent);
  background: color-mix(in srgb, var(--warn, #f59e0b) 8%, transparent); }
.unm-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: 14.5px; color: var(--v-strong, var(--text)); }
.unm-n { min-width: 24px; padding: 2px 8px; border-radius: 999px; text-align: center; font-weight: 700; font-size: 12.5px;
  background: color-mix(in srgb, var(--warn, #f59e0b) 25%, transparent); color: var(--v-strong, var(--text)); }
.unm-sum { margin-top: 4px; font-size: 13px; line-height: 1.4; color: var(--v-strong, var(--text)); }
.unm-hint { margin: 4px 0 10px; line-height: 1.4; }
.unm-held .unm-card { margin: 8px 0 0; }
.unm-card .as-top { align-items: flex-start; gap: 10px; }
.unm-card .fi-name { min-width: 0; overflow-wrap: anywhere; }
.unm-card .as-amt { white-space: nowrap; flex-shrink: 0; }
.unm-card .as-sub { overflow-wrap: anywhere; }
.unm-card .un-pills { margin-top: 8px; }
.unm-card .un-pills .as-st { max-width: 100%; overflow-wrap: anywhere; }
.unm-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.unm-acts .btn.sm.un-btn { flex: 1 1 130px; min-height: 44px; justify-content: center; white-space: normal; }
.unm-sec .un-row b { text-align: right; overflow-wrap: anywhere; min-width: 0; }
/* the question before the money moves: above the order sheet (140) and the contact menu (160), below the toast (170) */
.unm-dlg { position: fixed; inset: 0; z-index: 165; display: flex; align-items: flex-end; justify-content: center; background: rgba(0, 0, 0, .55);
  padding: 12px 12px calc(12px + env(safe-area-inset-bottom)); }
.unm-dlg[hidden] { display: none; }
.unm-dlg, .unm-panel { overscroll-behavior: contain; }   /* a pull on the question never reaches the list under it */
.unm-panel { width: 100%; max-width: 460px; max-height: calc(100vh - 40px); overflow-y: auto; margin: 0; padding: 18px 16px 16px; border-radius: 18px; box-sizing: border-box;
  background: var(--v-card-solid, var(--card, #151a24)); color: var(--v-strong, var(--text)); border: 1px solid var(--v-line, var(--line)); box-shadow: 0 18px 50px rgba(0, 0, 0, .45); }
.unm-t { margin: 0 0 8px; font-size: 17px; line-height: 1.3; overflow-wrap: anywhere; }
.unm-msg { margin: 0; font-size: 14px; line-height: 1.5; color: var(--v-muted, var(--muted)); overflow-wrap: anywhere; }
.unm-note { margin-top: 12px; padding: 9px 12px; border-radius: 12px; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere;
  border: 1px solid color-mix(in srgb, var(--warn, #f59e0b) 45%, transparent); background: color-mix(in srgb, var(--warn, #f59e0b) 12%, transparent); }
.unm-amt { display: block; margin-top: 14px; }
.unm-amt[hidden] { display: none; }
.unm-amt-l { display: block; margin-bottom: 6px; font-size: 13px; font-weight: 600; }
.unm-amt .fi.unm-in { display: block; width: 100%; min-width: 0; margin: 0; box-sizing: border-box; font-size: 16px; }   /* 16 px: iOS does not zoom the page on focus */
.unm-amt-h { display: block; margin-top: 6px; line-height: 1.4; }
.unm-err { margin-top: 12px; padding: 9px 12px; border-radius: 12px; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; font-weight: 500;
  border: 1px solid color-mix(in srgb, var(--err, #ef4444) 50%, transparent); background: color-mix(in srgb, var(--err, #ef4444) 12%, transparent); }
.unm-dlg .unm-acts { margin-top: 16px; }
.unm-dlg .unm-acts .btn.sm.un-btn[hidden] { display: none; }
/* the total refund asked with the DV login: "sent, no answer yet" in the order sheet, the sentence under its buttons, and the password field
   of its question (the field itself reuses .unm-amt / .unm-in: 16 px, full width) */
.unm-ask { margin-top: 10px; padding: 9px 12px; border-radius: 12px; font-size: 13px; line-height: 1.45; overflow-wrap: anywhere; color: var(--v-strong, var(--text));
  border: 1px solid color-mix(in srgb, var(--warn, #f59e0b) 45%, transparent); background: color-mix(in srgb, var(--warn, #f59e0b) 12%, transparent); }
.unm-ask b { display: block; margin-bottom: 2px; }
.unm-ask span { display: block; }
.unm-ask-note { margin-top: 8px; line-height: 1.4; overflow-wrap: anywhere; }
.unm-sec .unm-acts .btn.sm.un-btn[disabled] { opacity: .6; }
/* The total-refund question (#unPayTotal) sits at the TOP of the screen, in every one of its states: its field opens the on-screen
   keyboard, which comes up from the bottom and would cover the two buttons. It is NOT tied to the focus (:focus-within moved the panel
   in the middle of a tap on "Fechar" or "Reembolsar", and the tap was lost: found by the browser test on the stage, 06/10/2026).
   Only #unPayTotal: the older question (#unPayDlg) stays where it was. */
#unPayTotal { align-items: flex-start; padding-top: calc(12px + env(safe-area-inset-top)); }