body {
    font-family: 'Tajawal', sans-serif;
    background-color: #f5f7fa;
}

.card {
    border: none;
    box-shadow: 0 1px 4px rgba(0,0,0,0.08);
    border-radius: 12px;
}

.badge-status {
    font-size: .8rem;
    padding: .45em .8em;
    border-radius: 20px;
}

.status-pending          { background:#e9ecef; color:#495057; }
.status-processing       { background:#fff3cd; color:#856404; }
.status-picked_up        { background:#cfe2ff; color:#084298; }
.status-in_transit       { background:#d0e6ff; color:#023e8a; }
.status-out_for_delivery { background:#ffe5b4; color:#a15c00; }
.status-delivered        { background:#d1e7dd; color:#0f5132; }
.status-cancelled        { background:#f8d7da; color:#842029; }

.tracking-box {
    max-width: 560px;
    margin: 0 auto;
}

.timeline-item {
    border-right: 3px solid #0d6efd;
    padding-right: 16px;
    margin-bottom: 14px;
    position: relative;
}