.paid-bill-dialog { box-sizing:border-box; width:min(94vw,44rem); max-height:92dvh; margin:auto; padding:0; border:1px solid #c5d2d7; border-radius:16px; color:#092b4a; background:#fffefa; font:1rem/1.5 "DM Sans",system-ui,sans-serif; }
.paid-bill-dialog::backdrop { background:rgb(9 43 74 / 55%); }
.paid-bill-dialog > header { position:sticky; top:0; background:#fffefa; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:16px 24px; border-bottom:1px solid #d6dfdc; }
.paid-bill-dialog h2 { margin:0; font:700 1.25rem/1.3 "DM Sans",system-ui,sans-serif; }
.paid-bill-content { padding:24px; overflow-wrap:anywhere; }
.paid-bill-dialog button,.pos-history button { min-height:44px; padding:8px 16px; border:1px solid #a0b5c6; border-radius:8px; color:#092b4a; background:#f3f5ef; font:600 1rem "DM Sans",system-ui,sans-serif; cursor:pointer; }
.paid-bill-dialog button:hover,.pos-history button:hover { background:#e3ecee; }
.paid-bill-dialog button:focus-visible,.pos-history :focus-visible { outline:3px solid #155ec8; outline-offset:3px; }
.pos-history button:disabled { opacity:.5; cursor:default; }
.paid-receipt { max-width:36rem; margin:auto; font-variant-numeric:tabular-nums; }
.paid-receipt h3 { margin:0 0 8px; font:700 1.25rem/1.3 "DM Sans",system-ui,sans-serif; }
.paid-receipt-caption { color:#516777; font-size:.875rem; }
.paid-receipt table,.pos-history table { width:100%; border-collapse:collapse; }
.paid-receipt td,.paid-receipt th,.pos-history td,.pos-history th { padding:12px 8px; border-bottom:1px solid #d6dfdc; text-align:left; vertical-align:top; }
.paid-receipt td:last-child,.paid-receipt th:last-child { text-align:right; white-space:nowrap; }
.paid-receipt small,.pos-history small { display:block; font-size:.875rem; }
.paid-receipt dl > div { display:flex; justify-content:space-between; gap:16px; padding:4px 0; }
.paid-receipt dd { margin:0; text-align:right; }
.paid-receipt dl > div:last-child { font-weight:700; }
.paid-correction { margin-top:24px; padding-top:16px; border-top:1px solid #d6dfdc; }
.paid-correction [data-correction-status] { margin-top:16px; }
.paid-correction p { max-width:65ch; }
.pos-history { min-width:0; padding:16px; overflow:auto; color:#092b4a; background:#fffefa; border-radius:12px; }
.pos-history header,.pos-history-filters,.pos-history nav { display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
.pos-history h2 { font-size:1.5rem; margin:0; }
.pos-history-filters { justify-content:flex-start; margin:16px 0; }
.pos-history input { min-height:44px; padding:8px; border:1px solid #a0b5c6; border-radius:8px; font:inherit; color:inherit; background:#fffefa; }
.pos-history label { display:grid; gap:4px; font-size:.875rem; }
.pos-history nav { justify-content:flex-end; margin-top:16px; }
.pos-history-status { min-height:24px; }
.pos-history-table { overflow-x:auto; }
@media(max-width:600px) {
  .pos-history-active .pos-topbar { height:auto; flex-wrap:wrap; gap:8px; }
  .pos-history-active .pos-user-control { flex-wrap:wrap; min-width:0; max-width:100%; }
  .pos-history-active .pos-shift,.pos-history-active .pos-sync-indicator { min-width:0; }
  .paid-bill-content { padding:16px; }
  .paid-bill-dialog > header { padding:12px 16px; }
  .pos-history thead { display:none; }
  .pos-history tbody,.pos-history tr,.pos-history td { display:block; }
  .pos-history tr { padding:12px 0; border-bottom:1px solid #c5d2d7; }
  .pos-history td { display:grid; grid-template-columns:7.5rem minmax(0,1fr); gap:8px; padding:4px 0; border:0; }
  .pos-history td::before { content:attr(data-label); color:#516777; }
  .pos-history td > span { min-width:0; overflow-wrap:anywhere; }
  .pos-history td:last-child { display:block; }
  .pos-history td:last-child::before { display:none; }
  .pos-history td:last-child button { width:100%; margin-top:8px; }
}