.tracking-search-card{max-width:640px}.tracking-search{border:2px solid var(--color-line);background:var(--color-panel);transition:border-color var(--transition), box-shadow var(--transition);border-radius:12px;align-items:flex-start;gap:10px;padding:8px 8px 8px 16px;display:flex}.tracking-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px #e12b341f}.tracking-search__icon{flex-shrink:0;margin-top:10px;font-size:1.2rem}.tracking-search textarea{font:inherit;resize:vertical;background:0 0;border:none;outline:none;flex:1;min-width:0;padding:8px 4px;font-size:.95rem;line-height:1.5}.tracking-search .button{flex-shrink:0;margin-top:2px}.tracking-hint{color:var(--color-muted);margin-top:6px;font-size:.8rem}.tracking-status{border-radius:8px;margin-top:16px;padding:12px 16px;font-size:.92rem;display:none}.tracking-status:not(:empty){display:block}.tracking-status[data-state=loading]{color:#1a6ea0;background:#e8f4fd}.tracking-status[data-state=error]{color:#b4232a;background:#fde8e8}.tracking-results{gap:24px;margin-top:24px;display:none}.tracking-card{border:1px solid var(--color-line);background:var(--color-panel);border-radius:12px;overflow:hidden}.tracking-card--error{opacity:.7}.tracking-card__head{border-bottom:1px solid var(--color-line);background:var(--color-soft);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.tracking-card__uuid{letter-spacing:.03em;font-size:1.1rem;font-weight:800}.tracking-label{color:var(--color-muted);margin-bottom:2px;font-size:.75rem;display:block}.tracking-timeline{grid-template-columns:repeat(4,1fr);gap:0;padding:20px 16px;display:grid}.timeline-step{text-align:center;opacity:.3;gap:6px;transition:opacity .3s;display:grid;position:relative}.timeline-step.active,.timeline-step.completed{opacity:1}.timeline-step:after{content:"";background:var(--color-line);z-index:0;width:80%;height:3px;position:absolute;top:24px;left:60%}.timeline-step:last-child:after{display:none}.timeline-step.completed:after{background:var(--color-primary)}.timeline-dot{z-index:1;border:3px solid var(--color-line);background:var(--color-panel);border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto;transition:border-color .3s,background .3s;display:grid;position:relative}.timeline-step.completed .timeline-dot{border-color:var(--color-primary);background:var(--color-primary)}.timeline-step.active .timeline-dot{border-color:var(--color-primary);background:#fff;box-shadow:0 0 0 4px #e12b3426}.timeline-icon{font-size:1.1rem;line-height:1}.timeline-step.completed .timeline-icon{filter:brightness(0)invert()}.timeline-content{gap:2px;display:grid}.timeline-status{font-size:.8rem;font-weight:700}.timeline-location{color:var(--color-muted);font-size:.72rem}.timeline-sig{object-fit:contain;cursor:pointer;border:1px solid var(--color-line);background:#fafafa;border-radius:4px;max-width:80px;max-height:32px;margin:4px auto 0}.tracking-details{grid-template-columns:repeat(4,1fr);gap:8px;padding:12px 16px 16px;display:grid}.detail-card{border:1px solid var(--color-line);background:var(--color-panel);border-radius:8px;align-items:center;gap:8px;padding:10px 12px;display:flex}.detail-icon{flex-shrink:0;font-size:1.2rem}.detail-text{gap:2px;min-width:0;display:grid}.detail-label{color:var(--color-muted);font-size:.7rem}.detail-value{overflow-wrap:break-word;word-break:break-word;font-size:.85rem;font-weight:700;line-height:1.3}.detail-card--wide{grid-column:1/-1}.signature-image{border:1px solid var(--color-line);object-fit:contain;cursor:zoom-in;background:#fafafa;border-radius:6px;max-width:100%;max-height:320px;margin-top:4px;transition:transform .2s}.signature-image:hover{transform:scale(1.02)}.status-badge{white-space:nowrap;border-radius:20px;padding:4px 14px;font-size:.82rem;font-weight:700;display:inline-block}.status-badge--pending{color:#856404;background:#fff3cd}.status-badge--info{color:#004085;background:#cce5ff}.status-badge--success{color:#155724;background:#d4edda}.status-badge--error{color:#b4232a;background:#fde8e8}.lightbox{z-index:9999;cursor:zoom-out;opacity:0;pointer-events:none;background:#000c;place-items:center;transition:opacity .25s;display:grid;position:fixed;inset:0}.lightbox[data-open]{opacity:1;pointer-events:auto}.lightbox img{border-radius:8px;max-width:90vw;max-height:90vh;box-shadow:0 20px 60px #00000080}@media (width<=768px){.tracking-timeline{grid-template-columns:1fr;gap:12px;padding:16px}.timeline-step{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:10px}.timeline-step:after{width:3px;height:calc(100% - 10px);top:44px;left:22px}.timeline-dot{width:38px;height:38px;margin:0}.timeline-step:last-child:after{display:none}.tracking-details{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.tracking-search{flex-wrap:wrap;padding:12px}.tracking-search textarea,.tracking-search .button{width:100%}.tracking-search__icon{display:none}.tracking-details{grid-template-columns:1fr}}