/* Aesthetic Vibes Shipment — lightweight UI */
.avs-shipment-box{border:1px solid #eadfd7;border-radius:12px;padding:14px;background:#fffaf7;margin-top:10px}
.avs-shipment-box h3{margin:0 0 5px;font-size:15px}
.avs-help{margin:0 0 12px;color:#777;font-size:12px}
.avs-shipment-box p{margin:0 0 10px}
.avs-shipment-box label{display:block;margin-bottom:4px}
.avs-shipment-box input,.avs-shipment-box select{width:100%;box-sizing:border-box}
.avs-current-status{margin-top:8px;padding:8px 10px;border-radius:8px;background:#f6eee8;font-weight:600;font-size:12px}
 .avs-shipment-message{margin:24px 0;padding:18px;border:1px solid #eadfd7;border-radius:16px;background:#fffaf7}.avs-shipment-message-text{font-size:15px;line-height:1.7;color:#333}.avs-shipment-message .avs-track-button{display:inline-block;margin-top:14px;padding:9px 14px;border-radius:8px;background:#222;color:#fff;text-decoration:none}.avs-shipment-message .avs-track-button:hover{color:#fff;opacity:.9}
.avs-tracking-id{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;padding:9px 14px;border-radius:8px;background:#cc0d39;color:#fff;font-size:14px}.avs-tracking-id strong{color:#fff}.avs-tracking-id span{color:#fff;letter-spacing:.3px}
.avs-track-button{border-radius:8px}
.avs-shipment-box textarea{width:100%;box-sizing:border-box;resize:vertical}.avs-shipment-box .description{display:block;margin-top:4px;color:#777;font-size:11px}
.avs-list-badge{display:inline-block;padding:4px 9px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap;background:#f6eee8;color:#5a4a3f}.avs-list-badge--none{background:#f2f2f2;color:#999;font-weight:400}.avs-list-badge--delivered{background:#e4f5ec;color:#1f7a4d}.avs-list-badge--arrived{background:#fdf1e0;color:#a56a1c}.avs-list-badge--transit{background:#e8f0fd;color:#1e5fbf}.avs-list-badge--shipped{background:#f6eee8;color:#5a4a3f}


.avs-status-label{
    font-size:24px;
    font-weight:600;
    line-height:1.3;
    margin:0;
}



/* ===== AVS custom corrections (4-step layout) ===== */

/* STEP 1: Progress — centered */
.avs-shipment-progress{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:8px;
    text-align:center;
}

.avs-shipment-animation{
    order:1;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
}

.avs-shipment-animation img{
    width:240px;
    height:240px;
    display:block;
    margin:0 auto;
}

.avs-shipment-current{
    order:2;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-weight:600;
    font-size:14px;
    text-align:center;
    width:100%;
}
/* STEP 2: Message text — comment box telling the customer what's happening */
.avs-shipment-message-text{margin:14px 0;padding:12px 14px;border:1px solid #eadfd7;border-radius:12px;background:#fffaf7;font-size:14px;line-height:1.6;color:#555;text-align:left}

/* STEP 3 & 4: Tracking box — id + button together, box left aligned, button below id */
.avs-tracking-box{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:12px 14px;border:1px solid #eadfd7;border-radius:12px;background:#fffaf7;margin:10px 0}
.avs-tracking-id{display:inline-flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;background:#cc0d39;color:#fff;font-size:14px;margin:0}
.avs-tracking-id strong{color:#fff}
.avs-tracking-id span{color:#fff;letter-spacing:.3px}
.avs-track-button{display:inline-block;background-color:#222;color:#fff!important;padding:10px 24px;border-radius:6px;text-decoration:none;font-size:14px;font-weight:600;text-align:center;margin:0}
.avs-track-button:hover{background-color:#444;color:#fff!important;opacity:1}