.wc17track-public{max-width:760px;margin:32px auto}.wc17track-lookup-form{display:grid;gap:10px;background:#f7f7f5;border:1px solid #e7e5df;border-radius:14px;padding:24px}.wc17track-lookup-form input{width:100%}.wc17track-lookup-form button{justify-self:start}.wc17track-divider{text-align:center;color:#777;font-size:12px;text-transform:uppercase}.wc17track-cards{display:grid;gap:12px}.wc17track-card,.wc17track-result{border:1px solid #e6e3dc;border-radius:12px;padding:18px;margin:14px 0;background:#fff}.wc17track-provider{display:block;color:#666;font-size:13px}.wc17track-number{display:block;font-weight:700;margin:3px 0}.wc17track-status{display:inline-block;margin-top:7px;border-radius:999px;padding:4px 10px;background:var(--status-bg,#f0f0f1);color:var(--status-color,#50575e);font-size:12px}.wc17track-status.status-not-found{--status-bg:#f0f0f1;--status-color:#50575e}.wc17track-status.status-info-received{--status-bg:#e8eef5;--status-color:#334155}.wc17track-status.status-in-transit{--status-bg:#dbeafe;--status-color:#1e40af}.wc17track-status.status-expired{--status-bg:#fef3c7;--status-color:#92400e}.wc17track-status.status-available-for-pickup{--status-bg:#ede9fe;--status-color:#5b21b6}.wc17track-status.status-out-for-delivery{--status-bg:#cffafe;--status-color:#155e75}.wc17track-status.status-delivery-failure{--status-bg:#ffedd5;--status-color:#9a3412}.wc17track-status.status-delivered{--status-bg:#dcfce7;--status-color:#166534}.wc17track-status.status-exception{--status-bg:#fee2e2;--status-color:#991b1b}.wc17track-result header{display:flex;justify-content:space-between;gap:12px}.wc17track-events{list-style:none;margin:18px 0 0;padding:0;border-left:2px solid #ddd}.wc17track-events li{position:relative;display:grid;gap:2px;padding:0 0 18px 18px}.wc17track-events li:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#455f45;left:-5px;top:6px}.wc17track-events time,.wc17track-events small{color:#777;font-size:12px}