/* ── Fixed column sizing ─────────────────────────────────────── */
.table th:nth-child(2),
.table td:nth-child(2) {
    width: 150px;
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table th:nth-child(3),
.table td:nth-child(3) {
    width: 120px;
    max-width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.table th:nth-child(4),
.table td:nth-child(4) {
    width: 200px;
    max-width: 200px;
    word-wrap: break-word;
    word-break: break-word;
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
    vertical-align: top;
    text-align: left;
    padding: 0.75rem 0.5rem;
    line-height: 1.2;
}

.table td[title] {
    cursor: help;
}

/* ── Desktop wrapping / alignment ────────────────────────────── */
@media (min-width: 1024px) {
    .table td.customer-phone,
    .table td.customer-name,
    .table td.product-name,
    .table td.comment {
        white-space: normal !important;
        word-wrap: break-word;
        word-break: break-word;
        overflow: visible;
        text-overflow: unset;
        hyphens: auto;
        vertical-align: top;
        line-height: 1.4;
    }

    .table td.unit-price,
    .table td.quantity,
    .table td.total-price,
    .table td.created-at,
    .table td.manager,
    .table td.status-cell {
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
    }

    .table td.actions {
        white-space: nowrap;
        text-align: center;
        vertical-align: middle;
    }

    .table td {
        vertical-align: middle;
    }
}