/* ===========================================
   Collapsible Panels (tracker-specific)
   =========================================== */

.tracker-collapse {
    margin-bottom: 1.5rem;
}

.tracker-collapse-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 0.75rem 1rem;
    background: #f5f5f5;
    border-radius: 6px;
    user-select: none;
}

.tracker-collapse-header:hover {
    background: #ececec;
}

.tracker-collapse-header .chevron {
    transition: transform 0.2s ease;
}

.tracker-collapse-header.collapsed .chevron {
    transform: rotate(-90deg);
}

.tracker-collapse-body.hidden {
    display: none;
}
/* Carrier icon size override */
.carrier-icon {
    height: 20px !important;
    width: auto !important;
    object-fit: contain;
    display: inline-block;
}


/* ===========================================
   Tracker-specific Status Badges
   (Bulma tag component + custom colors)
   =========================================== */

.tag.status-badge {
    font-weight: 600;
    color: #fff !important;
    border-radius: 12px;
}

/* Known statuses */

.tag.status-pre_transit        { background: #6c63ff !important; }
.tag.status-in_transit         { background: #3273dc !important; }
.tag.status-out_for_delivery   { background: #209cee !important; }
.tag.status-delivered          { background: #23d160 !important; }
.tag.status-return_to_sender   { background: #ff851b !important; }
.tag.status-failure            { background: #ff3860 !important; }
.tag.status-unknown            { background: #7a7a7a !important; }
.tag.status-returned           { background: #ffd257 !important; color: #222 !important; }

/* Fallback for any unrecognized status */
.tag.status-badge[class*="status-"]:not(.status-pre_transit)
                                   :not(.status-in_transit)
                                   :not(.status-out_for_delivery)
                                   :not(.status-delivered)
                                   :not(.status-return_to_sender)
                                   :not(.status-failure)
                                   :not(.status-unknown)
                                   :not(.status-returned) {
    background: #444 !important;
}

/* ===========================================
   Delete Button
   =========================================== */

.delete-btn {
    background: none;
    border: none;
    color: #cc0000;
    font-size: 20px;
    cursor: pointer;
}
.delete-btn:hover {
    color: #990000;
}