.ui-ops-record-card{width:100%;min-width:0;max-width:720px;padding:var(--ui-panel-padding,16px);border:1px solid var(--color-border);border-radius:var(--radius,8px);background:var(--color-surface);color:var(--color-text);container-type:inline-size}.ui-ops-record-card-body,.ui-ops-record-card-main{gap:var(--space-3);align-content:start;min-width:0;display:grid}.ui-ops-record-heading{align-items:flex-start;gap:10px;min-width:0;display:flex}.ui-ops-record-heading>svg{color:var(--color-accent);flex:none;margin-top:2px}.ui-ops-record-heading-text{flex:auto;min-width:0}.ui-ops-record-heading h3{overflow-wrap:anywhere;margin:0;font-size:13.5px;font-weight:600;line-height:1.4}.ui-ops-record-heading small{color:var(--color-muted);overflow-wrap:anywhere;font-size:11.5px;line-height:1.5;display:block}.ui-ops-record-heading>.ui-badge{flex:none;margin-top:1px}.ui-ops-record-product-image{border-radius:var(--radius-sm,6px);overflow:hidden}.ui-ops-record-product-image img{object-fit:cover;width:100%;height:140px;display:block}@container (min-width:560px){.ui-ops-record-card-body:has(>.ui-ops-record-product-image){column-gap:var(--space-4);grid-template-columns:200px minmax(0,1fr)}.ui-ops-record-card-body>.ui-ops-record-product-image img{height:100%;min-height:140px}}
.ui-ops-shipment{gap:var(--space-3);border-radius:var(--radius-sm,6px);width:100%;min-width:0;display:grid;container-type:inline-size}.ui-ops-shipment:focus{outline:none}.ui-ops-shipment:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.ui-ops-shipment-head{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon title";align-items:start;gap:4px 10px;min-width:0;display:grid}.ui-ops-shipment-head[data-badge]{grid-template-columns:28px minmax(0,1fr) auto;grid-template-areas:"icon title badge"}.ui-ops-shipment-icon{border-radius:var(--radius-sm,6px);background:var(--color-accent-surface);width:28px;height:28px;color:var(--color-accent);grid-area:icon;place-items:center;display:grid}.ui-ops-shipment-title{grid-area:title;gap:1px;min-width:0;display:grid}.ui-ops-shipment-title h3{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13.5px;font-weight:600;line-height:1.4;overflow:hidden}.ui-ops-shipment-meta{--ui-ops-shipment-separator:16px;margin:0 0 0 calc(-1 * var(--ui-ops-shipment-separator));clip-path:inset(-4px -4px -4px calc(var(--ui-ops-shipment-separator) - 4px));color:var(--color-muted);overflow-wrap:anywhere;flex-wrap:wrap;font-size:11.5px;line-height:1.5;display:flex}.ui-ops-shipment-meta>*{min-width:0;padding-left:var(--ui-ops-shipment-separator);text-indent:calc(-1 * var(--ui-ops-shipment-separator))}.ui-ops-shipment-meta>*>*{text-indent:0}.ui-ops-shipment-meta>:before{content:"·";content:"·" / "";width:var(--ui-ops-shipment-separator);text-align:center;text-indent:0;display:inline-block}.ui-ops-shipment-head>.ui-badge{grid-area:badge;margin-top:3px}@container (max-width:359.98px){.ui-ops-shipment-head[data-badge]{grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon title"".badge"}.ui-ops-shipment-head>.ui-badge{margin-top:0}}.ui-ops-milestones{margin:0;padding:0;list-style:none;display:grid}.ui-ops-milestone{gap:10px;min-height:34px;padding-bottom:6px;display:flex;position:relative}.ui-ops-milestone:last-child{min-height:0;padding-bottom:0}.ui-ops-milestone:not(:last-child):before{content:"";background:var(--color-border);width:1px;transition:background-color var(--motion-fast) var(--motion-ease);position:absolute;top:20px;bottom:-2px;left:8px}.ui-ops-milestone[data-status=complete]:before{background:var(--color-success-border)}.ui-ops-milestone-icon{border:1px solid var(--color-border-hover);background:var(--color-surface);width:17px;height:17px;color:var(--color-success);transition:background-color var(--motion-fast) var(--motion-ease), border-color var(--motion-fast) var(--motion-ease);border-radius:50%;flex:none;place-items:center;margin-top:1px;display:grid}.ui-ops-milestone[data-status=complete] .ui-ops-milestone-icon{border-color:var(--color-success-border);background:var(--color-success-surface)}.ui-ops-milestone[data-status=current] .ui-ops-milestone-icon{border:4px solid var(--color-accent);background:var(--color-surface)}.ui-ops-milestone-body{gap:1px;min-width:0;display:grid}.ui-ops-milestone-label{color:var(--color-muted);overflow-wrap:anywhere;font-size:12.5px;line-height:1.5}.ui-ops-milestone:is([data-status=complete],[data-status=current]) .ui-ops-milestone-label{color:var(--color-text)}.ui-ops-milestone[data-status=current] .ui-ops-milestone-label{font-weight:600}.ui-ops-milestone-time{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:11px;line-height:1.45}.ui-ops-shipment-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@container (min-width:520px){.ui-ops-milestones{column-gap:var(--space-2);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column}.ui-ops-milestone{flex-direction:column;gap:6px;min-height:0;padding-bottom:0}.ui-ops-milestone:not(:last-child):before{top:9px;right:calc(-1 * var(--space-2));width:auto;height:1px;bottom:auto;left:24px}}@media (prefers-reduced-motion:reduce){.ui-ops-milestone:before,.ui-ops-milestone-icon{transition:none}}