.order-tracking{--ot-accent:var(--color-brand,#ff0080);--ot-accent-soft:rgba(255,0,128,.08);--ot-text:#3f3f46;--ot-muted:#6b7280;--ot-heading:#1f2937;--ot-border:#eceef2;background:linear-gradient(180deg,#fafbfc 0,#fff 320px)}.order-tracking-container{padding-bottom:3rem;padding-top:2rem}.order-tracking-breadcrumb{align-items:center;color:#9ca3af;display:flex;font-size:.85rem;gap:.4rem;margin-bottom:1rem}.order-tracking-breadcrumb a{color:var(--ot-muted);text-decoration:none;transition:color .2s}.order-tracking-breadcrumb a:hover{color:var(--ot-accent)}.order-tracking-breadcrumb .current{color:var(--ot-heading);font-weight:600}.ot-card{background:#fff;border:1px solid var(--ot-border);border-radius:20px;box-shadow:0 10px 40px -12px rgba(17,24,39,.12);color:var(--ot-text);height:100%;padding:1.75rem}.ot-card-form{overflow:hidden;position:relative}.ot-card-form:before{background:linear-gradient(90deg,var(--ot-accent),#ff6ab5);content:"";height:4px;inset:0 0 auto 0;position:absolute}.ot-card-header{align-items:flex-start;display:flex;gap:.9rem;margin-bottom:1.5rem}.ot-card-icon,.ot-result-icon{align-items:center;background:var(--ot-accent-soft);border-radius:14px;color:var(--ot-accent);display:inline-flex;flex-shrink:0;font-size:1.3rem;height:48px;justify-content:center;width:48px}.ot-title{color:var(--ot-heading);font-size:1.25rem;font-weight:700;margin:0 0 .3rem}.ot-subtitle{color:var(--ot-muted);font-size:.88rem;line-height:1.8;margin:0}.ot-label{color:var(--ot-heading);display:block;font-size:.88rem;font-weight:600;margin-bottom:.5rem}.ot-input-wrap{position:relative}.ot-input-icon{color:#9ca3af;left:1rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.ot-input{background:#f9fafb;border:1.5px solid var(--ot-border);border-radius:14px;color:var(--ot-heading);font-size:1.05rem;height:52px;letter-spacing:.08em;padding:0 1rem 0 2.6rem;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.ot-input::placeholder{color:#b0b5bf;direction:rtl;font-size:.88rem;letter-spacing:0;text-align:right}.ot-input:focus{background:#fff;border-color:var(--ot-accent);box-shadow:0 0 0 4px var(--ot-accent-soft);outline:none}.ot-input-wrap.is-invalid .ot-input{background:#fff;border-color:#ef4444}.ot-error{color:#dc2626;display:flex;font-size:.85rem;gap:.4rem;margin-top:.6rem}.ot-btn,.ot-error{align-items:center}.ot-btn{border:1.5px solid transparent;border-radius:14px;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:.45rem;height:48px;justify-content:center;padding:0 1.4rem;transition:transform .15s,box-shadow .2s,background .2s,color .2s}.ot-btn,.ot-btn:hover{text-decoration:none}.ot-btn-block{margin-top:1.25rem;width:100%}.ot-btn-primary{background:var(--ot-accent);box-shadow:0 8px 20px -8px rgba(255,0,128,.55);color:#fff}.ot-btn-primary:hover{box-shadow:0 12px 24px -8px rgba(255,0,128,.6);color:#fff;transform:translateY(-1px)}.ot-btn-primary:disabled{cursor:wait;opacity:.7;transform:none}.ot-btn-ghost{background:#fff;border-color:var(--ot-border);color:var(--ot-text)}.ot-btn-ghost:hover{border-color:var(--ot-accent);color:var(--ot-accent)}.ot-spinner{animation:ot-spin .7s linear infinite;border:2px solid hsla(0,0%,100%,.4);border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-left:.35rem;vertical-align:-3px;width:16px}@keyframes ot-spin{to{transform:rotate(1turn)}}.ot-result{--ot-tone:#0ea5e9;--ot-tone-soft:rgba(14,165,233,.1);animation:ot-fade .3s ease}.ot-tone-success{--ot-tone:#16a34a;--ot-tone-soft:rgba(22,163,74,.1)}.ot-tone-warning{--ot-tone:#d97706;--ot-tone-soft:rgba(217,119,6,.1)}.ot-tone-danger{--ot-tone:#dc2626;--ot-tone-soft:rgba(220,38,38,.1)}@keyframes ot-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.ot-result-head{align-items:center;background:var(--ot-tone-soft);border-radius:16px;display:flex;gap:.9rem;padding:1rem}.ot-result .ot-result-icon{background:#fff;color:var(--ot-tone)}.ot-result-label{color:var(--ot-muted);font-size:.8rem}.ot-result-status{color:var(--ot-tone);font-size:1.15rem;font-weight:700}.ot-result-list{margin:1rem 0 0}.ot-result-row{align-items:center;border-bottom:1px dashed var(--ot-border);display:flex;gap:1rem;justify-content:space-between;padding:.8rem 0}.ot-result-row:last-child{border-bottom:0}.ot-result-row dt{color:var(--ot-muted);font-size:.88rem;font-weight:400}.ot-result-row dd{align-items:center;color:var(--ot-heading);display:flex;font-weight:600;gap:.4rem;margin:0}.ot-barcode{font-family:monospace;letter-spacing:.05em;word-break:break-all}.ot-copy{align-items:center;background:#f3f4f6;border:0;border-radius:8px;color:var(--ot-muted);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background .2s,color .2s;width:30px}.ot-copy:hover{background:var(--ot-accent-soft);color:var(--ot-accent)}.ot-note{color:var(--ot-muted);font-size:.8rem;margin:.5rem 0 0}.ot-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}.ot-actions .ot-btn{flex:1 1 180px}.ot-page-title{border-bottom:1px solid var(--ot-border);color:var(--ot-heading);font-size:1.15rem;font-weight:700;margin-bottom:1rem;padding-bottom:.75rem}.ot-page-content{font-size:.92rem;line-height:2;overflow-wrap:anywhere}.ot-page-content img{border-radius:12px;height:auto;max-width:100%}@media (max-width:575.98px){.order-tracking-container{padding-bottom:2rem;padding-top:1rem}.ot-card{border-radius:16px;padding:1.25rem}.ot-title{font-size:1.1rem}}.order-tracking--embedded{background:none}