.purchase-energy{min-width:0;padding:12px 14px;border:1px solid #afbec2;border-radius:10px;background:#f9fbfa;color:#263b42}
.purchase-energy-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.purchase-energy-heading strong{font-size:14px;line-height:1.25}
.purchase-energy-heading b{font-size:13px;line-height:1.25;text-align:right}
.purchase-energy-track{display:flex;width:100%;height:18px;margin:9px 0 7px;overflow:hidden;border:1px solid #191d20;border-radius:999px;background:#d7dfe2;box-shadow:inset 0 1px 2px #0002}
.purchase-energy-segment{height:100%;min-width:0;position:relative;box-shadow:inset -1px 0 #fff8}
.purchase-energy-ready{background:#39ed29}
.purchase-energy-free{background:#39ed29}
.purchase-energy-transit{background:#27865b}
.purchase-energy-payment{background:#ea7800}
.purchase-energy-ordered{background:repeating-linear-gradient(135deg,#27865b 0 14px,#fff 14px 18px)}
.purchase-energy-artwork_pending{background:#b66b12}
.purchase-energy-artwork_approved{background:repeating-linear-gradient(135deg,#27865b 0 14px,#fff 14px 18px)}
.purchase-energy-quoting{background:#ffd21f}
.purchase-energy-quality{background:linear-gradient(90deg,#326b7c,#61a5b6)}
.purchase-energy-blocked{background:linear-gradient(90deg,#8a3134,#b64a46)}
.purchase-energy-missing{background:#b74e46}
.purchase-energy-unknown{background:#d5dce0}
.purchase-energy-transit::after{content:none}
.purchase-energy-caption{font-size:12px;line-height:1.35;color:#42565f;overflow-wrap:anywhere}
.purchase-energy-note{display:block;margin-top:5px;font-size:11px;color:#586a72}
.purchase-energy-compact{padding:8px 10px;min-width:220px}
.purchase-energy-compact .purchase-energy-heading strong{font-size:12px}
.purchase-energy-compact .purchase-energy-heading b{font-size:12px}
.purchase-energy-compact .purchase-energy-track{height:13px;margin:7px 0 5px}
.purchase-energy-compact .purchase-energy-caption{font-size:11px}
@keyframes purchase-energy-flow{to{transform:translateX(33px)}}
@media(prefers-reduced-motion:reduce){.purchase-energy-transit::after{animation:none}}
@media(max-width:650px){.purchase-energy-heading{align-items:flex-start;flex-direction:column;gap:3px}.purchase-energy-heading b{text-align:left}.purchase-energy-compact{min-width:170px}}