.account-orders-grid{display:grid;gap:12px}.account-order{box-sizing:border-box;border:1px solid #e8e1dd;border-radius:16px;padding:16px;margin:0;min-width:0;color:#332d2a;background:#fff}.order-top{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px;color:#786e69}.order-ref{font-weight:600;white-space:nowrap}.account-order h4{font-size:16px;line-height:1.6;margin:10px 0 6px;overflow-wrap:anywhere}.order-amount{font:600 15px system-ui}.order-states{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.order-badge{font-size:12px;font-weight:600;padding:5px 9px;border-radius:7px;background:#f2eeeb;color:#655b55}.status-paid,.status-ready,.status-completed{background:#e9f3ec;color:#256343}.status-pending,.status-processing,.status-queued{background:#fff3dd;color:#865d1a}.status-failed,.status-cancelled{background:#fbecee;color:#973447}.status-refunded{background:#f0eaf7;color:#695184}.account-order .order-details-button{width:100%;padding:9px 12px;margin:0;border:1px solid #e8dcda;border-radius:10px;background:#fcf9f7;font-size:13px;font-weight:600;color:#850c26}.account-cards-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.account-visual-card{overflow:hidden;border:1px solid #e8e1dd;border-radius:16px;min-width:0;background:#fff}.account-visual-card>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#f5f0eb}.visual-card-body{padding:12px}.visual-card-body h4{font-size:15px;line-height:1.6;margin:0 0 4px;overflow-wrap:anywhere}.visual-card-body time{font-size:12px;color:#786e69;display:block}.visual-card-body .btn{box-sizing:border-box;display:flex;justify-content:center;width:100%;margin:10px 0 0;padding:9px 5px;border:1px solid #e7dcd8;border-radius:10px;font-size:13px;background:#fff}.visual-card-body a.btn{background:#850c26;color:white}.account-visual-card a.btn:is(:link,:visited,:hover,:active){color:white}.card-view-link[aria-busy=true]::before{content:'◌';margin-inline-end:6px}.customer-order-dialog{box-sizing:border-box;width:min(540px,94vw);max-height:85dvh;overflow:auto;border:1px solid #e8e1dd;border-radius:20px;padding:18px;color:#332d2a}.customer-order-dialog::backdrop{background:#20171970}.customer-order-dialog>.btn{float:inline-end}.customer-order-dialog .order-detail-content{clear:both;border:0;padding:0;overflow-wrap:anywhere}.account-order form{display:grid;gap:10px;margin-block:12px}.account-order label{display:grid;gap:6px}.account-order input:not([type=checkbox]){width:100%;box-sizing:border-box;padding:10px;border:1px solid #ddd;border-radius:8px}.account-order input[type=checkbox]{width:auto}.account-order summary{cursor:pointer;margin-top:14px}.account-order :is(a,button,summary),.account-order :is(a,button,summary):is(:link,:visited,:hover,:active),#guestLogout{color:#850c26;-webkit-text-fill-color:currentColor;text-decoration:none}#guestLogout[hidden]{display:none!important}@media(min-width:760px){.account-orders-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:370px){.account-cards-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.card-view-link{animation:none}}

/* Customer order details: compact, scrollable, presentation only. */
.customer-order-dialog{width:min(480px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;margin:auto;overscroll-behavior:contain;background:#fff;text-align:start}
.order-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 0 14px;border-bottom:1px solid #eee7e3}
.order-dialog-header h3{margin:0;font-size:19px;line-height:1.5}
.customer-order-dialog .order-dialog-close{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;min-height:0;padding:0;margin:0;border:0;border-radius:50%;background:#f5f0ed;color:#78645f;font:26px/1 system-ui;cursor:pointer}
.order-detail-content{display:grid;gap:16px;padding-top:16px!important}
.customer-order-dialog .order-detail-content h4{margin:0 0 8px;font-size:15px;line-height:1.6}
.customer-order-dialog .order-detail-identity h4{font-size:18px}
.order-detail-content p{margin:0;font-size:13px;line-height:1.7;color:#6f625d}
.order-detail-identity time{display:block;font-size:13px;color:#6f625d;margin-top:3px;line-height:1.7}
.order-detail-amount{display:block;width:fit-content;font:600 19px/1.5 system-ui;margin-top:12px}
.order-detail-states{border-block:1px solid #eee7e3;padding-block:12px}
.order-detail-state{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:13px}
.customer-order-dialog .card-view-link,.customer-order-dialog .card-view-link:is(:link,:visited,:hover,:active){display:flex;justify-content:center;align-items:center;box-sizing:border-box;width:100%;padding:12px;margin:0;min-height:44px;border:0;border-radius:12px;background:#850c26;color:#fff;-webkit-text-fill-color:#fff;text-decoration:none;font-size:15px;font-weight:600}
.order-detail-delivery{padding-top:0}.customer-order-dialog button:focus-visible,.customer-order-dialog a:focus-visible{outline:2px solid #850c26;outline-offset:3px}