/* Customer order history, live tracking and policy access. */
.customer-order-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
#mobile-menu-dialog .mobile-menu-panel [hidden],#mobile-menu-dialog #mobile-menu-courier{display:none!important}
.customer-order-tabs [role=tab]{min-width:0;padding:10px 8px;font-size:.82rem;line-height:1.15}
.orders-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
.orders-toolbar p{flex:1 1 100%;margin:0}
.orders-toolbar #orders-help-policies{margin-left:auto}
.orders-view-section{display:grid;gap:12px}
.orders-empty-view{padding:14px;border:1px dashed #d8e2d8;border-radius:12px;background:#fafcf9}
.order-history-entry{overflow:hidden;border:1px solid #e0e7df;border-radius:14px;background:#fff}
.order-history-summary{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:14px;cursor:pointer;list-style:none}
.order-history-summary::-webkit-details-marker{display:none}
.order-history-title{color:#183b2c;font-size:.98rem}
.order-payment-badge{display:inline-flex;justify-self:end;align-items:center;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:850;line-height:1.2;white-space:nowrap}
.order-payment-badge.paid{color:#145a37;background:#e6f5eb}
.order-payment-badge.unpaid{color:#7a4b00;background:#fff2d2}
.payment-status-group{display:grid;gap:9px;margin:16px 0}
.payment-status-group h3{margin:0;color:#183b2c;font-size:1rem}
.payment-status-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;align-items:center;padding:13px;border:1px solid #e0e7df;border-radius:12px;background:#fff}
.payment-status-entry>strong,.payment-status-meta,.payment-status-items{grid-column:1}
.payment-status-meta,.payment-status-items{color:#5a685f;font-size:.8rem;line-height:1.4}
.payment-status-entry>.order-payment-badge{grid-column:2;grid-row:1}
.payment-breakdown{grid-column:1/-1;width:100%;margin-top:5px;padding-top:8px;border-top:1px solid #e6ece5}
.payment-breakdown>summary{color:#1b604a;font-size:.8rem;font-weight:800;cursor:pointer}
.payment-breakdown-list{display:grid;gap:6px;margin-top:8px}
.payment-breakdown-row{display:flex;justify-content:space-between;gap:12px;color:#4d5d53;font-size:.82rem}
.payment-breakdown-row strong{color:#183b2c;text-align:right}
.payment-hold-note{margin:10px 0;padding:12px;border-radius:10px;background:#fff8e8;color:#694900}
#orders-list .order-payment-staging{display:none!important}
.order-history-meta,.order-history-items{grid-column:1/-1;color:#5a685f;font-size:.8rem;line-height:1.4}
.order-history-total{grid-column:1;color:#183b2c;font-size:.9rem}
.order-history-hint{grid-column:1/-1;grid-row:auto;color:#1b604a;font-size:.76rem;font-weight:800;text-align:right}
.order-history-entry[open]>.order-history-summary{border-bottom:1px solid #e5ebe4;background:#f8faf8}
.order-history-entry[open]>.order-history-summary .order-history-hint{font-size:0}
.order-history-entry[open]>.order-history-summary .order-history-hint:after{content:'Hide details';font-size:.76rem}
.order-history-detail-content{padding:12px}
.order-history-detail-content>.order-card{margin:0;border:0;box-shadow:none;padding:0}
.refund-claim-disclosure{margin-top:12px;padding:10px 12px;border:1px solid #e3e8df;border-radius:10px;background:#fbfcfa}
.refund-claim-disclosure>summary{color:#274d3e;font-weight:800;cursor:pointer}
.orders-policy-link{border:0;background:transparent;color:#1b604a;text-decoration:underline;text-underline-offset:2px;font:750 .82rem/1.35 system-ui,sans-serif;cursor:pointer}
.order-card-policy-link{display:inline-flex;margin-top:10px;padding:6px 0}
.help-policies-panel{max-width:720px}
.help-policies-content{display:grid;gap:14px}
.help-policies-content section{padding:14px;border:1px solid #e1e8df;border-radius:12px;background:#f8faf8}
.help-policies-content h3{margin:0 0 6px;color:#183b2c;font-size:1rem}
.help-policies-content p,.help-policies-content li{color:#4d5d53;font-size:.86rem;line-height:1.55}
.help-policies-content p{margin:0}
.help-policies-content ul{margin:6px 0 0;padding-left:20px}
@media(max-width:560px){.customer-order-tabs{gap:3px}.customer-order-tabs [role=tab]{padding:9px 2px;font-size:.66rem}.order-history-summary{padding:12px}.help-policies-content section{padding:12px}}
.preview-demo-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:8px 0;padding:11px 12px;border:1px solid #d5a63b;border-radius:10px;background:#fff7df;color:#664800;font-size:.82rem;line-height:1.4}
.preview-demo-banner[hidden]{display:none!important}
.preview-demo-banner button{flex:0 0 auto}
.preview-sample-order{border:1px dashed #cfab4e;background:#fffdf7}
#orders-dialog.preview-demo-active .customer-order-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:560px){.preview-demo-banner{align-items:flex-start;flex-direction:column}.preview-demo-banner button{align-self:flex-end}}
.guest-orders-panel{display:grid;gap:12px;padding:16px;border:1px solid #dce5dc;border-radius:12px;background:#f8faf7}
.guest-orders-panel[hidden]{display:none!important}
.guest-orders-panel p{margin:0;color:#44584a;line-height:1.45}
.guest-orders-actions{display:flex;flex-wrap:wrap;gap:8px}
.guest-orders-actions button{min-width:100px}
.payment-status-group[hidden]{display:none!important}

/* Checkout manual-payment dialogs: constrained to the viewport and easy to use on phones. */
.payment-flow-dialog{width:min(540px,calc(100% - 24px));max-width:540px;max-height:calc(100dvh - 24px);overflow:auto;border:0;border-radius:18px;padding:0;background:#fff;box-shadow:0 22px 70px #10231944}
.payment-flow-dialog::backdrop{background:#10231999;backdrop-filter:blur(2px)}
.payment-flow-dialog>.orders-panel{display:grid;gap:14px;max-width:none;margin:0;padding:clamp(16px,4vw,24px);border:0;border-radius:18px;box-shadow:none}
.payment-flow-dialog .drawer-header{align-items:flex-start}
.payment-flow-dialog .drawer-header h2{margin:3px 0 0;font-size:clamp(1.25rem,5vw,1.6rem)}
.payment-flow-dialog p{line-height:1.5}
.payment-choice-button{display:grid;gap:5px;text-align:left;white-space:normal}
.payment-choice-button span{font-size:.85rem;font-weight:500;line-height:1.4}
.payment-choice-button.secondary{background:#fff;color:#244635;border:1px solid #cbd9ce}
.order-payment-summary{display:grid;gap:8px;margin:0;padding:12px;border-radius:12px;background:#f5f8f4}
.order-payment-summary>div{display:grid;grid-template-columns:minmax(100px,.8fr) minmax(0,1.2fr);gap:10px;align-items:center}
.order-payment-summary dt{color:#536458;font-size:.8rem}
.order-payment-summary dd{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:6px;margin:0;text-align:right;overflow-wrap:anywhere}
.order-payment-destination{margin:0;padding:12px;border:1px solid #cfe3d2;border-radius:11px;background:#f2faf4;color:#174c33;font-weight:800;line-height:1.5;overflow-wrap:anywhere}
.order-payment-small-note{margin:0;color:#526258;font-size:.78rem}
.order-payment-form{display:grid;gap:12px}
.order-payment-form label,.payment-flow-dialog>section>label{display:grid;gap:6px;line-height:1.4}
.order-payment-form input,.payment-flow-dialog select{width:100%;min-width:0}
.payment-open-button{grid-column:1/-1;justify-self:start}
.payment-review-status{grid-column:1/-1;margin:5px 0 0;color:#455b4c;font-size:.82rem;line-height:1.45}
@media(max-width:560px){
  .payment-flow-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px}
  .payment-flow-dialog>.orders-panel{gap:12px;padding:16px}
  .order-payment-summary>div{grid-template-columns:1fr;gap:3px}
  .order-payment-summary dd{justify-content:flex-start;text-align:left}
  .payment-flow-dialog .checkout-button,.payment-flow-dialog .continue-shopping-button{width:100%;min-height:44px;white-space:normal}
  .payment-open-button{justify-self:stretch}
}