.ot-card{--ot-ink:#213c32;--ot-muted:#63776c;--ot-line:#dbe5dc;color:var(--ot-ink);border:1px solid var(--ot-line);background:#fff;border-radius:18px;overflow:hidden;font-size:13px;line-height:1.5;text-align:left;flex-shrink:0}.ot-heading{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;padding:16px 20px;background:#f2f6ef;border-bottom:1px solid var(--ot-line);font-size:11px}.ot-verified{display:inline-flex;align-items:center;gap:6px;font-weight:650}.ot-number{overflow-wrap:anywhere;color:var(--ot-muted)}.ot-status{display:flex;gap:14px;padding:22px 20px 12px;align-items:flex-start}.ot-status-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;background:#e8f0df;border-radius:13px;font-size:21px}.ot-status h2{font-size:21px;line-height:1.25;font-weight:650;margin:0 0 8px;color:var(--ot-ink)}.ot-status p{margin:0;color:var(--ot-muted);font-size:13px}.ot-timeline{padding:10px 22px 20px;margin:0;list-style:none}.ot-timeline li{display:flex;gap:14px;position:relative;min-height:52px;padding:0 0 14px;color:#849087}.ot-timeline li:before{content:"";position:absolute;top:21px;bottom:0;left:10px;width:2px;background:#e3e8e1}.ot-timeline li:last-child{padding-bottom:0;min-height:24px}.ot-timeline li:last-child:before{display:none}.ot-dot{width:22px;height:22px;border-radius:50%;border:2px solid #dde4dc;background:#f8faf6;flex-shrink:0;z-index:1;display:grid;place-items:center;font-size:12px;font-weight:700}.ot-timeline strong{font-size:12px;display:block;font-weight:600}.ot-timeline small{display:block;font-size:10px;color:var(--ot-muted);margin-top:2px}.ot-timeline .ot-complete{color:#446545}.ot-complete .ot-dot{background:#587756;border-color:#587756;color:white}.ot-timeline .ot-complete:before{background:#a5b79b}.ot-timeline .ot-current{color:#193b2d}.ot-current .ot-dot{border:6px solid #2d5844;background:#fff;box-shadow:0 0 0 4px #e7efe1}.ot-paused .ot-dot{border-color:#b98637;background:#fff2d9;color:#916827}.ot-products,.ot-updates{padding:18px 20px;border-top:1px solid var(--ot-line)}.ot-card h3{font-size:12px;font-weight:700;letter-spacing:.035em;text-transform:uppercase;color:var(--ot-muted);margin:0 0 16px}.ot-product{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.ot-product img,.ot-image-placeholder{width:58px;height:58px;object-fit:contain;border:1px solid #edf0e9;border-radius:10px;background:#f5f7f1;flex-shrink:0}.ot-image-placeholder{display:grid;place-items:center;font-size:23px;color:#a2b19b}.ot-product div{min-width:0}.ot-product h4{font-size:13px;font-weight:650;margin:0 0 3px;overflow-wrap:anywhere}.ot-product p{font-size:12px;margin:0 0 3px}.ot-product small{display:block;font-size:10px;color:var(--ot-muted);overflow-wrap:anywhere}.ot-total{display:flex;justify-content:space-between;gap:10px;padding-top:10px;border-top:1px solid #edf0e9}.ot-meta{font-size:11px;color:var(--ot-muted);margin:10px 0 0}.ot-update{border-left:2px solid #dbe5d6;padding-left:12px;margin-bottom:16px;overflow-wrap:anywhere}.ot-update strong{display:block;font-size:12px}.ot-update small{display:block;color:var(--ot-muted);font-size:10px;margin:4px 0}.ot-update p{font-size:12px;margin:5px 0 0;white-space:pre-wrap}.ot-footer{padding:18px 20px;background:#f8faf5;border-top:1px solid var(--ot-line)}.ot-primary,.ot-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;padding:11px 15px;text-decoration:none;font-weight:600;font-size:12px}.ot-primary{background:#234e3b;color:#fff!important;border:1px solid #234e3b}.ot-secondary{color:#294c3b;border:1px solid #cfdbcd;background:white;margin:8px 0}.ot-footer p{font-size:11px;color:var(--ot-muted);margin:12px 0 8px}.ot-footer>small{font-size:10px;color:var(--ot-muted)}.ot-full{box-shadow:0 12px 45px #20332609}.ot-full .ot-status{padding:30px}.ot-full .ot-status h2{font-size:30px}.ot-full .ot-heading,.ot-full .ot-footer{padding:20px 30px}.ot-full .ot-detail-grid{display:grid;grid-template-columns:1.15fr 1fr}.ot-full .ot-products,.ot-full .ot-updates{padding:26px 30px}.ot-full .ot-updates{border-left:1px solid var(--ot-line)}.ot-full .ot-product img{width:76px;height:76px}.ot-full .ot-product h4{font-size:16px}.ot-full .ot-product small{font-size:12px}.ot-full .ot-timeline{display:flex;gap:0;padding:25px 30px 34px}.ot-full .ot-timeline li{flex:1;flex-direction:column;gap:12px;padding-bottom:0}.ot-full .ot-timeline li:before{top:10px;left:22px;right:0;bottom:auto;width:auto;height:2px}.ot-full .ot-timeline strong{font-size:14px}.ot-full .ot-timeline small{font-size:11px;padding-right:10px}.pa-track-form{border:1px solid #d6e2d2;background:#f8faf5;border-radius:16px;padding:20px;flex-shrink:0}.pa-track-form h3{font-size:18px;margin:0 0 8px}.pa-track-form>p{font-size:12px;color:#657361;line-height:1.5}.pa-track-form label{display:block;font-size:12px;font-weight:600;margin:12px 0 5px}.pa-track-form input{display:block;width:100%;padding:10px;border:1px solid #ccd8c7;border-radius:8px;background:white;font-size:13px}.pa-track-form button{border:0;background:#244e3b;color:white;border-radius:8px;font-size:13px;padding:11px 14px;width:100%;margin-top:16px}.pa-track-form .pa-track-error{font-size:12px;color:#984024;margin-top:10px}.pa-track-form a{font-size:11px;color:#355b42;display:inline-block;margin-top:12px}.pa-track-form input:focus-visible,.ot-card a:focus-visible{outline:3px solid #8db17e;outline-offset:2px}.pa-order-result{flex-shrink:0;scroll-margin-top:12px}.pa-order-result>button{border:0;background:transparent;text-decoration:underline;color:#456a51;font-size:12px;padding:10px 0}.pa-messages:has(.ot-card){gap:14px}@media(max-width:700px){.ot-full .ot-detail-grid{grid-template-columns:1fr}.ot-full .ot-timeline{display:block;padding:20px 26px}.ot-full .ot-timeline li{flex-direction:row;padding-bottom:22px;gap:16px}.ot-full .ot-timeline li:before{top:22px;left:10px;bottom:0;right:auto;width:2px;height:auto}.ot-full .ot-timeline li:last-child{padding:0}.ot-full .ot-status,.ot-full .ot-products,.ot-full .ot-updates{padding:22px}.ot-full .ot-status h2{font-size:24px}.ot-full .ot-updates{border-left:0}.ot-full .ot-heading,.ot-full .ot-footer{padding:18px 22px}}

/* Compact progress keeps the product picture close to the status in chat. */
.pa-panel:has(.ot-card){height:760px}.pa-order-result .ot-timeline{display:flex;padding:12px 20px 20px;gap:0}.pa-order-result .ot-timeline li{flex:1;min-width:0;flex-direction:column;gap:9px;padding:0}.pa-order-result .ot-timeline li:before{top:10px;left:22px;right:0;bottom:auto;width:auto;height:2px}.pa-order-result .ot-timeline strong{font-size:10px;line-height:1.4;padding-right:4px}.pa-order-result .ot-timeline small{display:none}.pa-order-result .ot-status{padding-top:18px}.pa-order-result .ot-status h2{font-size:19px}.pa-order-result .ot-products{padding-top:14px}.commerce-progress .paused{opacity:.8}.commerce-progress .paused>span{background:#fff2d9;color:#916827}