.wcot-order-tracker{--wcot-accent:var(--wp--preset--color--primary,var(--e-global-color-primary,var(--ast-global-color-0,var(--global-palette1,var(--theme-palette-color-1,var(--accent,currentColor))))));--wcot-accent-dark:color-mix(in srgb,var(--wcot-accent) 78%,#000);--wcot-accent-soft:color-mix(in srgb,var(--wcot-accent) 12%,transparent);--wcot-muted:color-mix(in srgb,currentColor 55%,transparent);--wcot-line:color-mix(in srgb,currentColor 14%,transparent);--wcot-line-soft:color-mix(in srgb,currentColor 9%,transparent);--wcot-surface:color-mix(in srgb,currentColor 5%,transparent);--wcot-field:color-mix(in srgb,currentColor 4%,transparent);max-width:850px;margin:auto;padding:35px;border:1px solid var(--wcot-line);border-radius:22px;background:transparent;font-family:inherit;color:inherit}
.dot-kicker{display:flex;align-items:center;gap:8px;color:var(--wcot-accent);font-size:12px;font-weight:900}
.dot-kicker i{width:27px;height:3px;background:var(--wcot-accent);border-radius:5px}
.dot-head h2{margin:11px 0 7px;font-size:28px;color:inherit}
.dot-head p{margin:0;color:var(--wcot-muted);font-size:13px;line-height:2}
.dot-head code{font-family:monospace;direction:ltr}
.dot-form{margin-top:25px}
.dot-form>label{display:block;margin-bottom:8px;font-size:12px;font-weight:800}
.dot-input-row{display:flex;gap:9px}
.dot-input-row input{height:48px;min-width:0;flex:1;padding:0 14px;border:1px solid var(--wcot-line);border-radius:10px;outline:0;color:inherit;background:var(--wcot-field);font-weight:700;font-size:14px;font-family:inherit;direction:ltr;text-align:right}
.dot-input-row input:focus{border-color:var(--wcot-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--wcot-accent) 25%,transparent)}
.dot-input-row button{padding:0 19px;border:0;border-radius:10px;color:#fff;background:var(--wcot-accent);font-weight:800;font-size:12px;font-family:inherit;cursor:pointer}
.dot-input-row button:hover{background:var(--wcot-accent-dark)}
.wcot-track-notice{margin-top:20px;padding:12px 14px;border-radius:9px;color:var(--wcot-muted);background:var(--wcot-surface);font-size:12px;font-weight:700}
.wcot-track-notice.is-error{color:#b3261e;background:color-mix(in srgb,#b3261e 8%,transparent)}
.dot-results{margin-top:28px}
.dot-results-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:11px}
.dot-results-title strong{font-size:15px}
.dot-results-title span{padding:3px 7px;border-radius:5px;color:var(--wcot-accent-dark);background:var(--wcot-accent-soft);font-size:10px;font-weight:800}
.dot-order{margin-top:11px;padding:18px;border:1px solid var(--wcot-line-soft);border-radius:13px;background:var(--wcot-surface)}
.dot-order-top{display:flex;align-items:start;gap:18px}
.dot-order-top>div{display:flex;flex-direction:column;gap:4px}
.dot-order-top span,.dot-stages,.dot-tracking-code span{color:var(--wcot-muted);font-size:10px;font-weight:700}
.dot-order-top strong{font-size:13px}
.dot-order-top em{margin-right:auto;padding:5px 8px;border-radius:6px;color:var(--wcot-accent-dark);background:var(--wcot-accent-soft);font-size:10px;font-style:normal;font-weight:900}
.dot-status-cancelled .dot-order-top em,.dot-status-failed .dot-order-top em{color:var(--wcot-muted);background:var(--wcot-field)}
.dot-progress{display:flex;gap:4px;margin-top:20px}
.dot-progress i{height:4px;flex:1;border-radius:4px;background:var(--wcot-line)}
.dot-progress i.is-on{background:var(--wcot-accent)}
.dot-stages{display:flex;justify-content:space-between;margin-top:5px}
.dot-tracking-code{display:flex;align-items:center;gap:9px;margin-top:15px;padding-top:13px;border-top:1px dashed var(--wcot-line)}
.dot-tracking-code code{padding:4px 8px;border-radius:5px;color:var(--wcot-accent-dark);background:var(--wcot-accent-soft);font-weight:800;font-size:12px;font-family:monospace;direction:ltr}
@media(max-width:600px){.wcot-order-tracker{padding:24px 18px}.dot-input-row{flex-direction:column}.dot-input-row button{height:46px}.dot-order-top{flex-wrap:wrap;gap:12px}.dot-order-top em{margin-right:0}.dot-head h2{font-size:24px}}