/* Purchased items and per-item state for activation of a Market order. */
.flow-page [data-market-order-products][hidden],
.flow-page [data-market-continue][hidden]{display:none!important}
.market-purchase-list{display:grid;gap:12px;margin-top:27px}
.market-purchase{display:flex;align-items:flex-start;gap:17px;padding:20px;border:1px solid #e5e5e5;border-radius:14px;background:linear-gradient(140deg,#fafafa,#fff);min-width:0}
.market-purchase-logo{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border:1px solid #ebebeb;border-radius:13px;background:#fff;overflow:hidden}
.market-purchase-logo img{width:46px;height:46px;object-fit:contain;filter:brightness(0)}
.market-purchase-logo [hidden]{display:none!important}
.market-purchase-details{flex:1;min-width:0}
.market-purchase-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.flow-page .market-purchase-name{font-family:Onest,sans-serif;font-size:17px;font-weight:650;line-height:1.4;overflow-wrap:anywhere}
.market-purchase-quantity{flex-shrink:0;padding:4px 8px;border:1px solid #e8e4e4;border-radius:6px;background:#fff;color:#555;font-size:10px;font-weight:600;line-height:1.5;white-space:nowrap}
.market-purchase-description{margin-top:7px;font-size:11px;line-height:1.75;color:#777;overflow-wrap:anywhere}
.market-purchase-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px 10px;margin-top:12px}
.market-purchase-duration{font-size:10px;color:#666;line-height:1.6}
.market-product-status{display:inline-flex;align-items:center;gap:6px;border-radius:5px;padding:4px 7px;font-size:10px;line-height:1.5;background:#eef3f8;color:#42627d}
.market-product-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}
.market-product-status[data-status="awaiting_credentials"]{background:#f4f0ec;color:#84633d}
.market-product-status[data-status="processing"]{background:#fff6df;color:#956b15}
.market-product-status[data-status="completed"]{background:#edf6ef;color:#36704b}
.market-product-status[data-status="needs_attention"]{background:#fff0f0;color:#b22a35}
.market-product-progress,.market-product-delivery{font-size:10px;line-height:1.6;color:#777}
.market-purchase-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:17px;padding:0 2px;color:#777;font-size:11px;line-height:1.6}
.market-purchase-summary strong{font-weight:600;color:#333}
.order-card[data-status="awaiting_credentials"]{--status-color:#84633d;--status-light:#b79563;--status-bg:#faf6f0;--status-border:#eae1d4}
.market-continue{margin-top:20px;text-decoration:none}
.order-refresh-note:empty{display:none}
.order-refresh-note:not(:empty){margin-top:16px;text-align:center;line-height:1.8}
.order-card-title{min-width:0}
.order-card-title h2{overflow-wrap:anywhere}
.order-card-note [data-order-note]{min-width:0;line-height:1.6}
.credential-market-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.credential-market-unit{flex-shrink:0;border:1px solid #e9e5e5;border-radius:5px;background:#fff;padding:3px 6px;color:#777;font-size:9px;line-height:1.5}
.credential-product-guide{margin-top:17px;padding-top:14px;border-top:1px solid #ece8e8;font-size:11px;line-height:1.75;color:#666}
.credential-product-guide summary{cursor:pointer;color:#444;font-weight:600}
.credential-product-guide summary:focus-visible{outline:2px solid #e1010d;outline-offset:4px;border-radius:2px}
.credential-product-guide ol{padding-left:18px;margin-top:12px}
.credential-product-guide li+li{margin-top:10px}
.credential-product-guide strong{font-weight:600;color:#444}
.credential-product-guide a{color:inherit;text-decoration:underline;text-underline-offset:3px}
@media(max-width:760px){
 .market-purchase-list{gap:11px;margin-top:23px}
 .market-purchase{gap:13px;padding:16px 14px}
 .market-purchase-logo{flex-basis:52px;width:52px;height:56px;border-radius:10px}
 .market-purchase-logo img{width:38px;height:38px}
 .flow-page .market-purchase-name{font-size:15px}
 .market-purchase-heading{gap:8px}
 .market-purchase-quantity{font-size:9px;padding:3px 6px}
 .market-purchase-description{font-size:10px}
 .market-purchase-meta{gap:6px 8px;margin-top:10px}
 .market-purchase-summary{font-size:10px;margin-top:15px}
 .credential-market-heading{flex-wrap:wrap;gap:6px}
}
@media(max-width:389px){
 .market-purchase{padding:14px 11px;gap:11px}
 .market-purchase-logo{flex-basis:42px;width:42px;height:48px}
 .market-purchase-logo img{width:32px;height:32px}
 .market-purchase-heading{flex-wrap:wrap;gap:6px}
 .flow-page .market-purchase-name{font-size:14px}
}