/* Under > Avisos de envio (public/un-shipalerts.js). Everything is namespaced uns-. */
.uns-rule { margin: -2px 0 10px; }
.uns-tools { display: flex; gap: 8px; margin: 0 0 10px; }
.uns-tools .btn.sm { flex: 1; }
.uns-card { cursor: pointer; border-left: 3px solid var(--warn, #f59e0b); }
.uns-card.off { border-left-color: var(--v-line, var(--line)); opacity: .85; }
.uns-card:focus-visible { outline: 2px solid var(--warn, #f59e0b); outline-offset: 2px; }
.uns-card .as-top { align-items: flex-start; gap: 10px; }
.uns-card .fi-name { min-width: 0; overflow-wrap: anywhere; }
.uns-card .as-amt { white-space: nowrap; flex-shrink: 0; }
.uns-card .un-pills { margin-top: 8px; }
.uns-card .un-pills .as-st { max-width: 100%; overflow-wrap: anywhere; }
.uns-why, .uns-note { margin-top: 9px; padding: 8px 10px; border-radius: 10px; font-size: 12.5px; line-height: 1.45; overflow-wrap: anywhere;
  border: 1px solid color-mix(in srgb, var(--warn, #f59e0b) 40%, transparent); background: color-mix(in srgb, var(--warn, #f59e0b) 12%, transparent);
  color: var(--v-strong, var(--text)); }
.uns-note { margin: 0; }
.uns-note b { display: block; margin-bottom: 2px; }
.uns-note.off { border-color: var(--v-line, var(--line)); background: var(--v-gray-bg, rgba(255,255,255,.05)); color: var(--v-muted, var(--muted)); }
.uns-note.stale { margin: 0 0 10px; }
.uns-box { margin: 0 0 14px; }
.uns-acts { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.uns-acts .btn.sm.un-btn { flex: 1 1 140px; min-height: 44px; justify-content: center; }
.uns-box textarea.fi.uns-in { display: block; width: 100%; min-width: 0; margin: 10px 0 0; box-sizing: border-box; min-height: 60px; resize: vertical;
  font-family: inherit; font-size: 16px; line-height: 1.4; }   /* 16 px: iOS does not zoom the page on focus */
.uns-det .un-row b { text-align: right; overflow-wrap: anywhere; min-width: 0; }
/* 07/10/2026: an alert that came back from a snooze says so under its reason */
.uns-back { display: block; margin-top: 4px; color: var(--v-muted, var(--muted)); }
/* the note a person keeps about one order ("Observação interna"): in every order sheet and in the sheet of an alert */
.uns-onote .un-sec-h { margin-bottom: 0; }
.uns-onote textarea.fi.uns-in { margin-top: 6px; }
.uns-box textarea.fi.uns-in:disabled { opacity: .6; }
.uns-onote .uns-acts { align-items: center; }
.uns-onote-by { flex: 1 1 140px; min-width: 0; font-size: 12px; line-height: 1.35; overflow-wrap: anywhere; }
.uns-onote .uns-acts .btn.sm.un-btn { flex: 0 1 auto; }
/* on the Pedidos list: the way into the screen, and the mark on a card */
.uns-go { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: 10px; margin: 0 0 10px; padding: 10px 12px; border-radius: 12px;
  border: 1px solid color-mix(in srgb, var(--warn, #f59e0b) 45%, transparent); background: color-mix(in srgb, var(--warn, #f59e0b) 12%, transparent);
  color: var(--v-strong, var(--text)); font: inherit; font-size: 13px; text-align: left; cursor: pointer; }
.uns-go b { font-weight: 700; }
.uns-go:focus-visible { outline: 2px solid var(--warn, #f59e0b); outline-offset: 2px; }
.uns-pill { white-space: nowrap; }