.esw-tracking-form{max-width:500px;margin:0 auto;padding:20px;background:#f9f9f9;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1);}
.esw-tracking-form h3{margin-top:0;color:#333;text-align:center;}
.form-group{margin-bottom:15px;}
.form-group label{display:block;margin-bottom:5px;font-weight:bold;}
.form-group input{width:100%;padding:15px;margin-top: 10px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;}
.track-button{width:100%;padding:12px;background-color:#4CAF50;color:white;border:none;border-radius:4px;cursor:pointer;font-size:16px;}
.track-button:hover{background-color:#45a049;}
.esw-order-tracking{max-width:800px;margin:0 auto;padding:20px;}
.tracking-progress{display:flex;justify-content:space-between;align-items:center;margin:30px 0;position:relative;}
.tracking-step{text-align:center;flex:1;position:relative;z-index:1;}
.step-icon{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ddd;margin:0 auto 10px;}
.step-icon svg{width:30px;height:30px;}
.tracking-step.active .step-icon{background:#4CAF50;color:white;}
.tracking-step.active .step-icon svg{stroke:white;}
.step-label{font-size:14px;color:#777;}
.tracking-step.active .step-label{color:#333;font-weight:bold;white-space: nowrap;}
.step-date{font-size:12px;color:#4CAF50;margin-top:5px;}
.step-connector{flex:1;height:3px;background:#ddd;margin:0 -10px;}
.step-connector.active{background:#4CAF50;}
.order-details{background:#f9f9f9;padding:20px;border-radius:8px;margin-top:30px;position:relative;}
.order-details h4{margin-top:0;border-bottom:1px solid #eee;padding-bottom:10px;}
.tracking-button-container{margin-top:20px;padding-top:20px;border-top:1px solid #eee;}
.tracking-button{display:inline-block;padding:10px 20px;background-color:#2196F3;color:white;text-decoration:none;border-radius:4px;font-weight:bold;}
.tracking-button:hover{background-color:#0b7dda;}
.back-link{display:inline-block;margin-top:20px;color:#2196F3;text-decoration:none;}
.back-link:hover{text-decoration:underline;}
.esw-tracking-error{max-width:500px;margin:0 auto;padding:20px;background:#ffebee;border:1px solid #ffcdd2;border-radius:8px;text-align:center;}
.order-status-cancelled .tracking-step:last-child .step-icon,.order-status-cancelled .step-connector,.order-status-refunded .tracking-step:last-child .step-icon,.order-status-refunded .step-connector {background-color: red;}