/* Order status pills — not DaisyUI .badge (fixed height breaks multi-line labels). */
.order-status-pill {
    display: inline-block;
    width: fit-content;
    max-width: none;
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-selector, 9999px);
    border: var(--border, 1px) solid transparent;
    font-size: 11.7px;
    font-weight: 400;
    line-height: 1.25;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
}

.order-status-pill--ghost {
    color: var(--color-base-content);
    background-color: transparent;
    border-color: var(--color-base-300, var(--color-base-200));
}

.order-status-pill--warning {
    color: var(--color-warning-content);
    background-color: var(--color-warning);
    border-color: var(--color-warning);
}

.order-status-pill--accent {
    color: var(--color-accent-content);
    background-color: var(--color-accent);
    border-color: var(--color-accent);
}

.order-status-pill--info {
    color: var(--color-info-content);
    background-color: var(--color-info);
    border-color: var(--color-info);
}

.order-status-pill--secondary {
    color: var(--color-secondary-content);
    background-color: var(--color-secondary);
    border-color: var(--color-secondary);
}

.order-status-pill--primary {
    color: var(--color-primary-content);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.order-status-pill--success {
    color: var(--color-success-content);
    background-color: var(--color-success);
    border-color: var(--color-success);
}

.order-status-pill--error {
    color: var(--color-error-content);
    background-color: var(--color-error);
    border-color: var(--color-error);
}

/* Allow pill height to grow when labels wrap in narrow table columns. */
.order-status-pill--multiline {
    white-space: normal;
    line-height: 1.35;
    overflow-wrap: anywhere;
    word-break: break-word;
    max-width: 12rem;
}

/* Shrink-to-fit column; min-width fits longest label (e.g. Transferred to Lab). */
td.order-status-cell,
th.order-status-cell {
    width: 1%;
    min-width: 9rem;
    max-width: none;
    vertical-align: middle;
}

@media (max-width: 640px) {
    td.order-status-cell,
    th.order-status-cell {
        min-width: 7rem;
        white-space: normal;
    }

    .order-status-pill {
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
        max-width: 11rem;
    }
}

/* Catalogue / proof card size labels — DaisyUI .badge fixed height clips wrapped text. */
.catalogue-size-label {
    display: inline-block;
    width: fit-content;
    max-width: 16rem;
    padding: 0.375rem 0.625rem;
    border-radius: var(--radius-selector, 9999px);
    border: var(--border, 1px) solid var(--color-base-content, currentColor);
    background-color: transparent;
    color: var(--color-base-content);
    font-size: 11.7px;
    font-weight: 400;
    line-height: 1.35;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    vertical-align: middle;
    text-align: left;
}

.catalogue-size-label--warning {
    color: var(--color-warning);
    border-color: var(--color-warning);
}

.catalogue-size-label--multiline {
    max-width: 12rem;
}