.profile-nav-pill{justify-content:center;align-items:center;display:flex;border-radius:20px!important}.pill-btn{background:var(--secondary);color:var(--text-primary);border:2px solid var(--border);font-size:14px;font-weight:var(--fw-md);transition:all var(--transition);padding:8px 20px}.pill-btn-left{border-radius:20px 0 0 20px!important}.pill-btn-right{border-radius:0 20px 20px 0!important}.pill-btn:hover,.pill-btn.active{background:linear-gradient(270deg,#e9047c 0%,#44122c 100%);border:2px solid #0000;color:var(--secondary)!important}
.order-tabs .nav-link{color:var(--text-primary);font-size:14px;font-weight:var(--fw-md);transition:all var(--transition);background:0 0;padding:6px 20px}.order-tabs .nav-link:hover,.order-tabs .nav-link.active{color:var(--secondary);background:linear-gradient(270deg,#e9047c 0%,#44122c 100%)}.order-card{background:var(--light-bg);border:2px solid var(--border);border-radius:8px;padding:15px}.review{width:90%;margin:auto}.review-div{gap:15px}.review-card{border:2px solid var(--border);border-radius:5px;margin:auto}.summary-item .product-cell{align-items:center;column-gap:10px;display:flex}.summary-item .product-cell img{border:1px solid var(--border);object-fit:cover;border-radius:5px}.summary-item .product-cell h5{color:var(--text-primary);font-weight:var(--fw-lg)}.summary-item .product-cell h6,.summary-item .product-cell a{color:var(--text-secondary);font-weight:var(--fw-md)}.summary-item .product-cell a:hover{color:var(--main)}.summary-list .summary-item{justify-content:space-between;align-items:center;column-gap:10px;margin-bottom:15px;display:flex}.summary-item h6{color:var(--text-secondary);font-weight:var(--fw-sm)}.summary-item h5{color:var(--text-primary);font-weight:var(--fw-md)}.summary-item img.brand-logo{height:25px}.divider-line{background:var(--border);width:100%;height:1px}@media screen and (min-width:1098px){.review-card{width:70%;padding:15px}.summary-item .product-cell img{width:80px;height:80px}.summary-item .product-cell h5{font-size:16px}.summary-item .product-cell h6,.summary-item .product-cell a{font-size:12px!important}.summary-item h6{font-size:13px}.summary-item h5{font-size:15px}}@media screen and (min-width:767px) and (max-width:1098px){.review-card{width:85%;padding:10px}.summary-item .product-cell img{width:70px;height:70px}.summary-item .product-cell h5{font-size:14px}.summary-item .product-cell h6,.summary-item .product-cell a{font-size:10px!important}.summary-item h6{font-size:11px}.summary-item h5{font-size:12px}}@media screen and (max-width:767px){.review-card{width:100%;padding:0;border:none!important}.summary-item .product-cell img{width:80px;height:80px}.summary-item .product-cell h5{font-size:14px}.summary-item .product-cell h6,.summary-item .product-cell a{font-size:10px}.summary-item h6{font-size:11px}.summary-item h5{font-size:12px}}.awb-chip{font-size:11px;font-weight:var(--fw-md);color:var(--main,#e9047c);white-space:nowrap;background:#e9047c14;border:1px solid #e9047c33;border-radius:20px;align-items:center;gap:6px;padding:4px 10px;display:inline-flex}.tracking-card{border-left:3px solid var(--main,#e9047c)}.track-refresh-btn{border:1px solid var(--border);font-size:12px;font-weight:var(--fw-md);color:var(--text-primary);transition:all var(--transition);cursor:pointer;background:0 0;border-radius:6px;padding:6px 14px}.track-refresh-btn:hover:not(:disabled){background:var(--main,#e9047c);color:#fff;border-color:var(--main,#e9047c)}.track-refresh-btn:disabled{opacity:.6;cursor:not-allowed}.tracking-status-row{align-items:center;gap:10px;padding:10px 0 2px;display:flex}.tracking-status-row i{font-size:14px}.tracking-ok i{color:#16a34a}.tracking-error i{color:#dc2626}.dot-loading{background:var(--main,#e9047c);border-radius:50%;width:8px;height:8px;animation:1s ease-in-out infinite pulse-dot}@keyframes pulse-dot{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
.stepper{justify-content:center;align-items:center;gap:15px;padding:15px;display:flex}.step{flex-direction:column;align-items:center;gap:8px;display:flex}.step-circle{font-weight:var(--fw-lg);color:var(--secondary);background:#9c9cb6;border-radius:50%;justify-content:center;align-items:center;transition:background .2s,color .2s;display:flex}.step.done .step-circle,.step.active .step-circle{color:var(--secondary);background:linear-gradient(270deg,#e9047c 0%,#44122c 100%)}.step-label{color:var(--text-secondary);white-space:nowrap}.step.done .step-label,.step.active .step-label{color:var(--text-primary);font-weight:var(--fw-md)}.connector{background:var(--border);border-radius:1px;flex:1;height:2px}.connector.done{background:var(--main)}@media screen and (min-width:1098px){.stepper{justify-content:center;align-items:center;gap:15px;padding:15px;display:flex}.step{align-items:center;gap:8px;display:flex}.step-circle{width:40px;height:40px;font-size:16px}.step-label{font-size:14px}.connector{min-width:48px;max-width:80px}}@media screen and (min-width:767px) and (max-width:1098px){.stepper{justify-content:center;align-items:center;gap:10px;padding:10px;display:flex}.step{align-items:center;gap:8px;display:flex}.step-circle{width:35px;height:35px;font-size:14px}.step-label{font-size:12px}.connector{min-width:40px;max-width:60px}}@media screen and (max-width:767px){.stepper{justify-content:center;align-items:center;gap:10px;display:flex}.step{align-items:center;gap:5px;display:flex}.step-circle{width:25px;height:25px;font-size:12px}.step-label{font-size:10px}.connector{min-width:20px;max-width:60px}}.step.completed .step-circle{background:var(--main,#e9047c);color:#fff;border-color:var(--main,#e9047c)}.connector.completed{background:var(--main,#e9047c)}
.trk-badge{color:#2563eb;background:#eff6ff;border-radius:20px;padding:3px 12px;font-size:12px;font-weight:600;display:inline-block}.trk-badge.success{color:#059669;background:#ecfdf5}.trk-badge.warning{color:#b45309;background:#fffbeb}.trk-badge.danger{color:#dc2626;background:#fef2f2}.trk-thumb{object-fit:cover;background:#f8fafc;border:1px solid #e5e7eb;border-radius:6px;width:44px;height:44px}.trk-more{color:#64748b;background:#f1f5f9;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;font-size:13px;font-weight:600;display:inline-flex}.trk-alert{background:#f1f5f9;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;display:flex}.trk-alert.warning{color:#92400e;background:#fffbeb}.trk-alert.danger{color:#b91c1c;background:#fef2f2}.trk-timeline{flex-direction:column;gap:18px;max-height:340px;padding-left:4px;display:flex;position:relative;overflow-y:auto}.trk-event{gap:14px;display:flex;position:relative}.trk-event:before{content:"";background:#e5e7eb;width:2px;position:absolute;top:16px;bottom:-18px;left:6px}.trk-event:last-child:before{display:none}.trk-dot{z-index:1;background:#fff;border:2px solid #cbd5e1;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:3px}.trk-event.latest .trk-dot{background:#2563eb;border-color:#2563eb;box-shadow:0 0 0 4px #dbeafe}.trk-event-title{font-weight:600}.trk-remark{color:#64748b;font-style:italic}
