.online-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.online-toolbar>p{margin-right:auto}.online-tabs{display:flex;gap:8px;flex-wrap:wrap}.online-tick{width:24px;height:24px;accent-color:#e22120}.online-table{width:100%;min-width:680px}.online-table td{vertical-align:middle;padding:12px}.online-order-dialog{width:min(900px,94vw);max-height:90vh;overflow:auto;border:1px solid #d9dce2;border-radius:12px;padding:24px;background:white;color:#222}.online-order-dialog::backdrop{background:#0007}.online-order-dialog input,.online-order-dialog select{width:100%;margin:8px 0}.online-line{border-bottom:1px solid #ddd;padding:12px 0}.online-order-dialog pre{white-space:pre-wrap}.online-order-dialog button{margin:4px}

#online-orders-body{min-width:0;max-width:100%;overflow-wrap:anywhere}#online-orders-body .table-wrap{max-width:100%;overflow:auto}body.portal-admin input.online-tick{width:24px;height:24px}body.portal-admin .online-table{border-collapse:collapse}body.portal-admin .online-table thead{background:#f4f5f7}body.portal-admin .online-table td{border-bottom:1px solid #e7e9ee;text-align:left}body.portal-admin .online-table th{text-align:left;padding:12px}
@media(max-width:600px){body.portal-admin .online-table{min-width:0;display:block}body.portal-admin .online-table thead{display:none}body.portal-admin .online-table tbody{display:block}body.portal-admin .online-table tr{display:grid;grid-template-columns:32px minmax(0,1fr);border:1px solid #e0e3e8;border-radius:8px;padding:10px;margin:10px 0}body.portal-admin .online-table td{display:block;grid-column:2;border:0;padding:4px 6px;overflow-wrap:anywhere}body.portal-admin .online-table td:first-child{grid-column:1;grid-row:1/7;padding:4px 0}.online-toolbar{align-items:stretch}.online-tabs{width:100%}.online-tabs>button{flex:1;min-width:0}.online-order-dialog{box-sizing:border-box;padding:16px}.online-order-dialog .online-toolbar>button{width:100%}}

@media(max-width:600px){body.portal-admin .online-table tr.online-empty-row{display:block;padding:12px;margin:8px 0}body.portal-admin .online-table tr.online-empty-row td:first-child{display:block;width:auto;padding:0;white-space:normal;overflow-wrap:normal;word-break:normal}#online-orders-body .online-toolbar{gap:8px;margin:10px 0}#online-orders-body .online-tabs>button{font-size:12px;padding:8px 6px;min-height:48px}.online-order-dialog{max-height:88dvh}}