/* Keep cashier content near its header even on tall screens. */
.cashier-shell > .cashier-header { padding-top: 20px; padding-bottom: 12px; }
.cashier-shell > .cashier-main { justify-content: flex-start; padding-top: 12px; padding-bottom: 24px; }
.cashier-network-notice {
  display: flex; align-items: flex-start; gap: 10px; margin-bottom: 16px;
  border: 1px solid #ecc26b; border-radius: 14px; padding: 14px 16px;
  background: #fff8e8; color: #79490b; overflow-wrap: anywhere;
}
.cashier-network-notice > svg { width: 20px; height: 20px; flex-shrink: 0; margin-top: 1px; }
.cashier-network-notice strong { display: block; font-size: 14px; font-weight: 700; line-height: 1.5; }
.cashier-network-notice p { margin: 6px 0 0; font-size: 12px; line-height: 1.7; }
[data-mode="dark"] .cashier-network-notice, .dark .cashier-network-notice {
  background: #302619; border-color: #7b5c28; color: #f5d59a;
}