.orders-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.orders-toolbar input{flex:1;min-width:180px;padding:12px;border:1px solid #ddd;border-radius:8px}.orders-toolbar select,.order-detail select{padding:12px;border:1px solid #ddd;border-radius:8px}.orders-toolbar p{width:100%;font-size:13px;margin:0;color:#605a6d}.order-summary{display:flex;justify-content:space-between;gap:18px;align-items:center}.order-summary h3{margin:8px 0}.order-summary p{margin:6px 0}.order-summary small{color:#6a6474}.order-summary>div:last-child{text-align:right}.order-dialog{padding:0;border:1px solid #ddd;border-radius:18px;width:min(900px,94vw);max-height:90dvh;color:#25212f;box-shadow:0 24px 80px #0003;font-family:Arial,sans-serif}.order-dialog::backdrop{background:#15102399}.order-dialog header,.order-dialog footer{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:20px;background:#f8f6fc}.order-dialog header h2{font-size:20px;overflow-wrap:anywhere}.order-dialog header small{font-size:11px}.order-detail{padding:24px}.order-detail dl{display:grid;grid-template-columns:160px 1fr;gap:10px;font-size:14px}.order-detail dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.order-detail dt{font-weight:bold}.order-table-scroll{overflow-x:auto}.order-detail table{width:100%;border-collapse:collapse;font-size:14px}.order-detail td,.order-detail th{padding:12px 7px;border-bottom:1px solid #e6e2ec;text-align:left}.order-detail td small{display:block;color:#777;margin-top:5px}.order-detail td:not(:first-child){white-space:nowrap}.order-total{text-align:right;font-weight:bold;padding:18px 0}.order-dialog footer small{font-size:11px}.order-detail label{display:inline-flex;gap:12px;align-items:center}#orderMessage{white-space:pre-wrap;font-size:13px}#savedOrderWhatsapp{display:block;margin:12px 0;padding:14px;text-align:center;background:#eaf7ed;color:#16452b;font-size:12px}@media(max-width:600px){.order-dialog{width:100%;max-width:100%;height:100dvh;max-height:100dvh;border-radius:0}.order-dialog header,.order-dialog footer{padding:16px;flex-wrap:wrap}.order-detail{padding:16px}.order-detail dl{grid-template-columns:1fr;gap:5px}.order-detail dd{margin-bottom:12px}.order-summary{align-items:flex-start}.order-summary>div:first-child{min-width:0;overflow-wrap:anywhere}.order-detail th,.order-detail td{font-size:12px;padding:10px 5px}.orders-toolbar select{flex:1}.order-dialog footer .admin-btn{width:100%}}
