.order-info-button{white-space:nowrap;display:inline-flex;gap:7px;align-items:center}.order-info-button>span{font-size:16px;color:var(--green)}.order-info{width:min(720px,100%);color:var(--text)}.order-info-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.order-info-head h3{margin:5px 0 0;font-size:24px}.order-info-eyebrow{color:var(--muted);font-size:10px;font-weight:600;letter-spacing:1.4px}.order-info-meta{display:grid;grid-template-columns:1fr 1fr;gap:16px;background:var(--panel2);border:1px solid var(--border);border-radius:12px;padding:15px;margin-bottom:18px}.order-info-meta span{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.order-info-meta strong{font-size:13px;overflow-wrap:anywhere}.order-info-items{overflow:auto;max-height:45dvh;border:1px solid var(--border);border-radius:12px}.order-info-items table{width:100%;border-collapse:collapse;font-size:13px}.order-info-items th{background:var(--panel2);color:var(--muted);font-size:11px;position:sticky;top:0;text-align:left}.order-info-items th,.order-info-items td{padding:12px;border-bottom:1px solid var(--border)}.order-info-items tr:last-child td{border-bottom:0}.order-info-items td:first-child{overflow-wrap:anywhere}.order-info-items th:nth-child(2),.order-info-items .order-info-qty{text-align:right;white-space:nowrap}.order-info-total{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 10px;font-size:12px;color:var(--muted)}.order-info-total strong{font-size:20px;color:var(--text);white-space:nowrap}.order-info-note{font-size:11px;color:var(--muted);line-height:1.5;margin:0}.modalbg:has(.order-info) #modal{width:min(780px,calc(100vw - 24px));max-height:94dvh;overflow:auto}.order-info button:focus-visible{outline:2px solid var(--green);outline-offset:3px}@media(max-width:520px){.order-info-meta{gap:12px;padding:12px}.order-info-items th,.order-info-items td{padding:10px 8px;font-size:11px}.order-info-total{align-items:flex-start}.order-info-total strong{font-size:18px}.order-info-head h3{font-size:21px}}

.order-info-print{display:flex;align-items:flex-end;gap:12px;margin:18px 0 8px}.order-info-print>div{flex:1;min-width:0}.order-info-print label{display:block;font-size:11px;color:var(--muted);margin-bottom:5px}.order-info-print button{white-space:nowrap;min-height:40px}.order-info-print select{width:100%}#orderInfoPrintStatus{margin-bottom:12px}@media(max-width:520px){.order-info-print{flex-direction:column;align-items:stretch}.order-info-print>div{width:100%}}