.order-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-block:1.5rem}.order-heading h1{margin:0}.order-muted,.order-label{color:#536b73}.order-panel,.order-summary,.order-card{background:#fff;border:1px solid #dce6e8;border-radius:14px;padding:1.5rem;margin-block:1.25rem}.order-summary{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.5rem;border-block-start:4px solid #008ca3}.order-summary h1{font-size:1.6rem;margin:.35rem 0;overflow-wrap:anywhere}.order-label{display:block;font-size:.85rem;margin-block:.4rem}.order-total{display:block;font-size:1.65rem;color:#073c48}.order-status{display:inline-block;background:#e6f4f5;color:#075565;padding:.3rem .7rem;border-radius:2rem;font-size:.9rem}.order-filter{display:flex;flex-wrap:wrap;align-items:end;gap:1rem;background:#f2f7f8;padding:1.2rem;border-radius:12px;margin-block:1.25rem}.order-filter label{display:block;margin-block-end:.4rem}.order-filter input,.order-filter select{min-height:2.8rem;padding:.5rem;border:1px solid #b8cbd0;border-radius:6px;background:white;color:#102d36;max-width:100%;font:inherit}.order-filter button{min-height:2.8rem;background:#008ca3;border:0;border-radius:6px;color:white;padding:.5rem 1.3rem;cursor:pointer;font:inherit}.order-table{overflow-x:auto}.order-table table{width:100%;border-collapse:collapse;min-width:760px}.order-table th,.order-table td{text-align:start;padding:.85rem;border-block-end:1px solid #e1eaec;vertical-align:top}.order-table th{background:#f0f6f7;color:#254b56;font-size:.85rem}.order-table td small{display:block;color:#60777e;margin-block-start:.3rem}.order-table td bdi{white-space:nowrap}.order-table tbody tr:hover{background:#f8fbfc}.order-pagination,.order-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-block:1.2rem}.order-pagination a,.order-actions a{color:#006d82;text-underline-offset:.2em}.order-empty{padding:2rem;text-align:center;background:#f5f9fa;border-radius:10px;color:#536b73}.order-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.order-card{margin:0}.order-card h2{font-size:1.3rem;margin-block:.6rem}.order-amounts{max-width:560px;margin-inline-start:auto}.order-amounts>div{display:flex;justify-content:space-between;gap:2rem;padding:.7rem 0;border-block-end:1px solid #e2ebed}.order-amounts dd{margin:0}.order-grand-total{font-size:1.15rem;font-weight:700;color:#075565}.order-message{white-space:pre-wrap;overflow-wrap:anywhere}.order-timeline{list-style:none;padding:0}.order-timeline li{border-inline-start:3px solid #c2dfe4;padding:0 1.3rem 1.4rem;margin-inline-start:.3rem}.order-timeline time{display:block;color:#60777e;margin-block:.4rem}.order-demo{color:#845b00;font-size:.85rem}.order-table:focus-visible,.order-pagination a:focus-visible{outline:3px solid #008ca3;outline-offset:3px}@media(max-width:720px){.order-summary{grid-template-columns:1fr}.order-heading{display:block}.order-panel,.order-summary{padding:1rem}.order-filter>div{width:100%}.order-filter input,.order-filter select{width:100%}.order-total{font-size:1.4rem}}

.order-form { display:grid; gap:1rem; margin-block:1.5rem; }
.order-form input:not([type=checkbox]):not([type=hidden]),.order-form select,.order-form textarea { width:100%; box-sizing:border-box; padding:.7rem; border:1px solid #cbd5db; border-radius:.35rem; background:#fff; color:#102f3b; font:inherit; }
.order-form label { font-weight:600; }
.order-form .order-check { display:flex; align-items:flex-start; gap:.6rem; line-height:1.7; }
.order-check input { margin-block-start:.4rem; flex:none; }
.order-form button { justify-self:start; padding:.8rem 1.3rem; border:0; border-radius:.35rem; background:#008ca4; color:white; font:inherit; cursor:pointer; }
.order-form input:focus-visible,.order-form select:focus-visible,.order-form textarea:focus-visible,.order-form button:focus-visible { outline:3px solid #70ccda; outline-offset:2px; }
.order-columns { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.order-prewrap { white-space:pre-wrap; overflow-wrap:anywhere; }
.order-table strong { display:block; }
@media(max-width:700px){ .order-columns { grid-template-columns:1fr; } }