.kd-order-timeline-wrap{background:var(--kd-light, #fff);border:1px solid var(--kd-inactive, #e5e7eb);border-radius:12px;padding:20px;margin:0 0 24px}.kd-order-timeline-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.kd-order-timeline-header h3{margin:0;font-size:16px;font-weight:600;color:var(--kd-dark, #111827)}.kd-order-timeline-percent{font-size:13px;font-weight:600;color:var(--kd-primary, #2563eb)}.kd-progress{width:100%;height:6px;background:var(--kd-inactive, #e5e7eb);border-radius:999px;overflow:hidden;margin-bottom:18px}.kd-progress-bar{height:100%;background:var(--kd-primary, #2563eb);border-radius:999px;transition:width .4s ease}.kd-order-timeline{position:relative;padding-left:20px}.kd-order-timeline:before{content:"";position:absolute;left:4px;top:6px;bottom:6px;width:2px;background:var(--kd-inactive, #e5e7eb)}.kd-step{position:relative;padding:6px 0 14px}.kd-step:last-child{padding-bottom:0}.kd-step .dot{position:absolute;left:-20px;top:10px;width:10px;height:10px;border-radius:50%;background:#ccc;box-shadow:0 0 0 3px var(--kd-light, #fff)}.kd-step.completed .dot{background:#10b981}.kd-step.pending .dot{background:#ccc}.kd-step .content .title{margin:0 0 2px;font-size:14px;font-weight:600;color:var(--kd-dark, #111827)}.kd-step.pending .content .title{color:#6b7280;font-weight:500}.kd-step .content .time{margin:0;font-size:12px;color:#6b7280}.kd-step .content .time--pending{color:#9ca3af;font-style:italic}@media(max-width:480px){.kd-order-timeline-wrap{padding:16px}}.kd-current-status{display:flex;align-items:center;gap:14px;padding:12px 14px;margin:0 0 16px;border-radius:10px;background:color-mix(in srgb,var(--kd-current-color, #10b981) 8%,transparent);border:1px solid color-mix(in srgb,var(--kd-current-color, #10b981) 30%,transparent)}.kd-current-pulse{position:relative;display:inline-flex;width:14px;height:14px;flex:0 0 14px}.kd-current-pulse:before,.kd-current-pulse:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--kd-current-color, #10b981);opacity:.55;animation:kd-heartbeat 1.6s ease-out infinite}.kd-current-pulse:after{animation-delay:.8s}.kd-current-pulse-dot{position:absolute;inset:3px;border-radius:50%;background:var(--kd-current-color, #10b981);box-shadow:0 0 0 2px var(--kd-light, #fff)}@keyframes kd-heartbeat{0%{transform:scale(.6);opacity:.55}70%{transform:scale(2.2);opacity:0}to{transform:scale(2.2);opacity:0}}@media(prefers-reduced-motion:reduce){.kd-current-pulse:before,.kd-current-pulse:after{animation:none;opacity:.4}}.kd-current-status-body{min-width:0}.kd-current-status-label{margin:0;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:#6b7280;font-weight:600}.kd-current-status-value{margin:2px 0 0;font-size:15px;font-weight:700;color:var(--kd-current-color, var(--kd-dark, #111827))}.kd-current-status-time{margin:2px 0 0;font-size:12px;color:#6b7280}.kd-step.is-current .content .title{color:var(--kd-primary, #2563eb)}.kd-step.is-current .dot{box-shadow:0 0 0 3px var(--kd-light, #fff),0 0 0 5px color-mix(in srgb,var(--kd-primary, #2563eb) 35%,transparent)}.kd-timeline-toggle{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:8px 14px;background:transparent;border:1px solid var(--kd-inactive, #e5e7eb);border-radius:999px;color:var(--kd-primary, #2563eb);font-size:13px;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease}.kd-timeline-toggle:hover,.kd-timeline-toggle:focus-visible{background:color-mix(in srgb,var(--kd-primary, #2563eb) 8%,transparent);border-color:var(--kd-primary, #2563eb);outline:none}.kd-timeline-toggle-icon{transition:transform .2s ease;font-size:14px;line-height:1}.kd-timeline-toggle.is-open .kd-timeline-toggle-icon{transform:rotate(180deg)}