/* ============================================================
   Carrier brand badges — สีแบนเนอร์ขนส่ง (KEX, Flash, ไปรษณีย์, J&T)
   ============================================================ */

.carrier-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    line-height: 1.15;
    padding: 0.18rem 0.5rem;
    border-radius: 0.35rem;
    white-space: nowrap;
    flex-shrink: 0;
    letter-spacing: 0.02em;
    vertical-align: middle;
}

.carrier-badge--inline {
    font-size: 9px;
    padding: 0.12rem 0.38rem;
}

.carrier-badge--kex {
    background: linear-gradient(135deg, #ff6600 0%, #ea580c 100%);
    color: #fff;
    border: 1px solid rgba(255, 140, 0, 0.55);
    box-shadow: 0 0 10px rgba(255, 102, 0, 0.22);
}

.carrier-badge--flash {
    background: linear-gradient(135deg, #fde047 0%, #facc15 55%, #eab308 100%);
    color: #1c1917;
    border: 1px solid rgba(250, 204, 21, 0.65);
    box-shadow: 0 0 8px rgba(250, 204, 21, 0.18);
}

.carrier-badge--thaipost {
    background: linear-gradient(90deg, #1d4ed8 0%, #1d4ed8 38%, #dc2626 38%, #dc2626 62%, #f8fafc 62%, #f8fafc 100%);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);
    border: 1px solid rgba(255, 255, 255, 0.25);
}

.carrier-badge--jt {
    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);
    color: #fff;
    border: 1px solid rgba(248, 113, 113, 0.45);
    box-shadow: 0 0 8px rgba(220, 38, 38, 0.2);
}

.carrier-badge--shopee {
    background: linear-gradient(135deg, #fb923c 0%, #ea580c 100%);
    color: #fff;
}

.carrier-badge--lazada {
    background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%);
    color: #fff;
}

.carrier-badge--best {
    background: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);
    color: #1c1917;
}

.carrier-badge--nim {
    background: linear-gradient(135deg, #a855f7 0%, #7c3aed 100%);
    color: #fff;
}

.carrier-badge--default {
    background: rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.65);
    border: 1px solid rgba(255, 255, 255, 0.12);
}

/* ─── Parcel log card — มือถือ 3 บรรทัด / iPad+ 2 บรรทัด ─── */
.parcel-log-card-wrap {
    padding: 0.55rem 0.65rem;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0.75rem;
    transition: background 0.15s ease;
}

.parcel-log-card-wrap:hover {
    background: rgba(255, 255, 255, 0.06);
}

.parcel-log-card {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-areas:
        "badge name time"
        "track order order"
        "items items items";
    gap: 0.2rem 0.45rem;
    align-items: center;
    min-width: 0;
}

.parcel-log-card > .carrier-badge {
    grid-area: badge;
}

.parcel-log-card__name {
    grid-area: name;
    font-size: 13px;
    font-weight: 600;
    color: #fff;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parcel-log-card__time {
    grid-area: time;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.45);
    white-space: nowrap;
}

.parcel-log-card__tracking {
    grid-area: track;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    font-size: 11px;
    color: rgba(6, 182, 212, 0.95);
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parcel-log-card__order-wrap {
    grid-area: order;
    min-width: 0;
    overflow: hidden;
}

.parcel-log-card__order {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    max-width: 100%;
    font-size: 10px;
    font-weight: 600;
    font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
    color: #34d399;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.parcel-log-card__order:hover {
    color: #6ee7b7;
    text-decoration: underline;
}

.parcel-log-card__no-order {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.35);
}

.parcel-log-card__from-name {
    color: rgba(251, 191, 36, 0.75);
    font-weight: 500;
}

.parcel-log-card__items {
    grid-area: items;
    display: flex;
    align-items: center;
    gap: 0.3rem;
    min-width: 0;
    font-size: 10px;
    color: rgba(255, 255, 255, 0.55);
}

.parcel-log-card__items-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 0;
}

/* iPad / tablet ขึ้นไป — 2 บรรทัด */
@media (min-width: 768px) {
    .parcel-log-card {
        grid-template-columns: auto minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1.1fr) auto;
        grid-template-areas:
            "badge name track order time"
            "items items items items items";
        gap: 0.15rem 0.5rem;
    }

    .parcel-log-card:not(:has(.parcel-log-card__items)) {
        grid-template-areas: "badge name track order time";
    }
}