.order-view-toggle{display:flex;gap:.4rem;margin:1rem 0}
.order-view-toggle button{background:#fff;color:#17324f;border:1px solid #cbd5e1}
.order-view-toggle button[aria-pressed="true"]{background:#c71938;color:#fff;border-color:#c71938}
#orders-display[data-view="rows"]>.order-grid,#orders-display[data-view="cards"]>.orders-table-wrap{display:none}
.orders-table-wrap{overflow-x:auto;padding:.4rem}
.orders-table{width:100%;border-collapse:collapse;font-size:.88rem;text-align:left}
.orders-table caption{text-align:left;padding:.8rem;font-weight:700}
.orders-table th,.orders-table td{padding:.8rem .65rem;border-bottom:1px solid #dce2e9;vertical-align:top;overflow-wrap:anywhere}
.orders-table th{background:#f5f7fa;white-space:nowrap}
.orders-table tbody tr:hover{background:#fff5f7}
.orders-table td:first-child{min-width:10rem}
.orders-table .order-actions{min-width:5.5rem}
.order-actions a{display:block;margin-bottom:.6rem}
.version-links{display:flex;flex-wrap:wrap;gap:.5rem}
.version-links a{padding:.5rem .8rem;border:1px solid #dce2e9;border-radius:.5rem;text-decoration:none}
.version-links a[aria-current]{border-color:#c71938;background:#fff1f4;font-weight:700}
.saved-order{border:1px solid #dce2e9;border-radius:.6rem;margin-top:1rem;padding:1rem;background:white}
.saved-order .muted{color:#526477;font-size:.85rem}
.saved-section{border-top:1px solid #dce2e9;padding:.75rem 0}
.saved-section h4{margin:.25rem 0 .65rem;color:#17324f}
.saved-section p{margin:.35rem 0;overflow-wrap:anywhere}
.saved-signature{display:block;max-width:100%;width:450px;border:1px solid #cbd5e1;background:#fff}
.saved-signature polyline{fill:none;stroke:#101820;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.saved-photos{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.saved-photos figure{margin:0;min-width:0}.saved-photos img{width:100%;max-height:360px;object-fit:contain}
.document-confirm{margin-top:1.25rem;padding:1rem;border:1px solid #e9c9d0;border-radius:.6rem;background:#fff8fa}
.document-confirm button{margin:.25rem .25rem .25rem 0}
@media(max-width:800px){#orders-display>.order-view-toggle,#orders-display>.orders-table-wrap{display:none}#orders-display>.order-grid{display:grid}.saved-order{padding:.65rem}.saved-photos{grid-template-columns:1fr}}