/* SecretGift V8.9.2 — correction définitive des couleurs par statut */

/* Mission attribuée : violet */
.delivery-compact-card.delivery-status--assigned,
.delivery-compact-card.delivery-status--courier_assigned,
.delivery-detail-page.delivery-status--assigned,
.delivery-detail-page.delivery-status--courier_assigned {
    --delivery-bg: #ddd0f7 !important;
    --delivery-border: #704db5 !important;
    --delivery-text: #361d69 !important;
    --delivery-muted: #665087 !important;
}

/* Mission acceptée ou livraison en cours : orange */
.delivery-compact-card.delivery-status--accepted,
.delivery-compact-card.delivery-status--heading_to_pickup,
.delivery-compact-card.delivery-status--pickup_courier_confirmed,
.delivery-compact-card.delivery-status--picked_up,
.delivery-compact-card.delivery-status--in_transit,
.delivery-compact-card.delivery-status--in_delivery,
.delivery-compact-card.delivery-status--arrived,
.delivery-compact-card.delivery-status--ready_to_deliver,
.delivery-compact-card.delivery-status--challenge_session_active,
.delivery-compact-card.delivery-status--challenge_ready,
.delivery-compact-card.delivery-status--final_code_issued,
.delivery-compact-card.delivery-status--code_verified,
.delivery-compact-card.delivery-status--proof_uploaded,
.delivery-detail-page.delivery-status--accepted,
.delivery-detail-page.delivery-status--heading_to_pickup,
.delivery-detail-page.delivery-status--pickup_courier_confirmed,
.delivery-detail-page.delivery-status--picked_up,
.delivery-detail-page.delivery-status--in_transit,
.delivery-detail-page.delivery-status--in_delivery,
.delivery-detail-page.delivery-status--arrived,
.delivery-detail-page.delivery-status--ready_to_deliver,
.delivery-detail-page.delivery-status--challenge_session_active,
.delivery-detail-page.delivery-status--challenge_ready,
.delivery-detail-page.delivery-status--final_code_issued,
.delivery-detail-page.delivery-status--code_verified,
.delivery-detail-page.delivery-status--proof_uploaded {
    --delivery-bg: #ffd78f !important;
    --delivery-border: #c57408 !important;
    --delivery-text: #633600 !important;
    --delivery-muted: #835a18 !important;
}

/* Livraison terminée : vert */
.delivery-compact-card.delivery-status--completed,
.delivery-compact-card.delivery-status--delivered,
.delivery-detail-page.delivery-status--completed,
.delivery-detail-page.delivery-status--delivered {
    --delivery-bg: #aee2c2 !important;
    --delivery-border: #177c42 !important;
    --delivery-text: #07502a !important;
    --delivery-muted: #2e6c4b !important;
}

/* Retour et paquet retourné : brun */
.delivery-compact-card.delivery-status--return_required,
.delivery-compact-card.delivery-status--returning,
.delivery-compact-card.delivery-status--return_arrived_office,
.delivery-compact-card.delivery-status--return_courier_confirmed,
.delivery-compact-card.delivery-status--returned,
.delivery-detail-page.delivery-status--return_required,
.delivery-detail-page.delivery-status--returning,
.delivery-detail-page.delivery-status--return_arrived_office,
.delivery-detail-page.delivery-status--return_courier_confirmed,
.delivery-detail-page.delivery-status--returned {
    --delivery-bg: #d7bd8b !important;
    --delivery-border: #765214 !important;
    --delivery-text: #402a08 !important;
    --delivery-muted: #68522c !important;
}

/* Refus, incident ou annulation : rouge */
.delivery-compact-card.delivery-status--rejected,
.delivery-compact-card.delivery-status--refused,
.delivery-compact-card.delivery-status--cancelled,
.delivery-compact-card.delivery-status--failed,
.delivery-compact-card.delivery-status--incident,
.delivery-detail-page.delivery-status--rejected,
.delivery-detail-page.delivery-status--refused,
.delivery-detail-page.delivery-status--cancelled,
.delivery-detail-page.delivery-status--failed,
.delivery-detail-page.delivery-status--incident {
    --delivery-bg: #efbcc5 !important;
    --delivery-border: #9d2d3e !important;
    --delivery-text: #681521 !important;
    --delivery-muted: #8b4650 !important;
}

/* Force toute la carte à utiliser les variables du statut */
.delivery-compact-card {
    background: var(--delivery-bg) !important;
    border-color: var(--delivery-border) !important;
    border-left-color: var(--delivery-border) !important;
    color: var(--delivery-text) !important;
}

.delivery-compact-card .delivery-card-top strong,
.delivery-compact-card .delivery-card-top span {
    color: var(--delivery-text) !important;
}

.delivery-compact-card .delivery-card-top span {
    background: rgba(255, 255, 255, .66) !important;
    border: 1px solid color-mix(
        in srgb,
        var(--delivery-border) 28%,
        transparent
    ) !important;
}

.delivery-compact-card p,
.delivery-compact-card small {
    color: var(--delivery-muted) !important;
}

.delivery-compact-card .delivery-card-progress {
    background: rgba(255, 255, 255, .56) !important;
    border: 1px solid rgba(0, 0, 0, .06);
}

.delivery-compact-card .delivery-card-progress i {
    background: var(--delivery-border) !important;
}

/* Force aussi la fiche détaillée */
.delivery-detail-page .delivery-detail-hero {
    background: var(--delivery-bg) !important;
    border-color: var(--delivery-border) !important;
    border-left-color: var(--delivery-border) !important;
}

.delivery-detail-page .delivery-info-card,
.delivery-detail-page .delivery-operation-card {
    background: color-mix(
        in srgb,
        var(--delivery-bg) 78%,
        white
    ) !important;
    border-color: var(--delivery-border) !important;
    border-left-color: var(--delivery-border) !important;
}

/* Cartes encore plus compactes */
.delivery-compact-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

.delivery-compact-card {
    min-height: 102px !important;
    padding: 9px 10px !important;
    border-radius: 10px !important;
}

.delivery-card-top strong {
    font-size: .82rem !important;
}

.delivery-card-top span {
    padding: 4px 6px !important;
    font-size: .59rem !important;
}

.delivery-compact-card p {
    font-size: .69rem !important;
}

.delivery-compact-card small {
    font-size: .61rem !important;
}

@media (max-width: 1250px) {
    .delivery-compact-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 850px) {
    .delivery-compact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 520px) {
    .delivery-compact-grid {
        grid-template-columns: 1fr !important;
    }
}