/* Mobile order cards complement desktop tables. */
.mobile-order-cards{display:none}
.confirmation-dialog{border:1px solid var(--line);border-radius:18px;padding:28px;max-width:440px;width:calc(100% - 36px);box-shadow:0 20px 70px color-mix(in srgb, var(--purple) 14.51%, transparent);color:var(--ink)}
.confirmation-dialog::backdrop{background:#21143145;backdrop-filter:blur(2px)}
.confirmation-dialog p{font-size:14px;line-height:1.9;color:var(--muted);margin:17px 0 25px}
.confirmation-dialog .actions{justify-content:flex-end}
@media(max-width:760px){
  .order-table-container{display:none}
  .mobile-order-cards{display:block}
  .mobile-order-card{display:block;border-top:1px solid var(--line);padding:19px;color:var(--ink)}
  .mobile-order-heading,.mobile-order-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}
  .mobile-order-heading strong{font-size:14px}
  .mobile-order-card>p{font-size:10px;margin-top:7px}
  .mobile-order-bottom{margin-top:16px}
  .mobile-order-bottom>small{font-size:10px;line-height:1.8;color:var(--muted)}
  .mobile-order-bottom .money-text{font-size:23px;color:var(--purple-dark);text-align:right}
  .sidebar{visibility:hidden}
  .nav-open .sidebar{visibility:visible}
}