.order-mobile-label,
.plate-mobile-label { display: none; }

/* Reflow records and form rows on narrow screens, without duplicating controls. */
@media (max-width: 991.98px) {
    .order-list-panel,
    .order-plates-panel {
        overflow: visible;
        background: transparent;
        border: 0;
        box-shadow: none;
    }

    .order-list-panel .table.order-list-table,
    .order-plates-panel .table.order-plates-table,
    .plate-editor-wrap .table.plate-editor {
        display: block;
        width: 100%;
        min-width: 0;
        border: 0;
    }

    .order-list-table > thead,
    .order-plates-table > thead,
    .plate-editor > thead { display: none; }

    .order-list-table > tbody,
    .order-plates-table > tbody,
    .plate-editor > tbody {
        display: grid;
        gap: 12px;
        width: 100%;
    }

    .order-list-table > tbody > tr,
    .order-plates-table > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px 12px;
        padding: 14px;
        border: 1px solid var(--k-border);
        border-radius: 8px;
        background: var(--k-panel);
    }

    .order-list-table > tbody > tr > td,
    .order-plates-table > tbody > tr > td,
    .plate-editor > tbody > tr > td {
        display: block;
        width: auto;
        min-width: 0;
        padding: 0;
        border: 0;
        background: transparent;
        box-shadow: none;
        overflow-wrap: anywhere;
    }

    .order-list-table > tbody > tr > .order-cell-plates {
        grid-column: 1;
        grid-row: 1;
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 6px;
    }

    .order-list-table .plate-number { margin: 0; font-size: 16px; }
    .order-list-table > tbody > tr > .order-cell-status { grid-column: 2; grid-row: 1; }
    .order-list-table .order-status { max-width: 120px; white-space: normal; text-align: center; line-height: 1.3; }

    .order-list-table > tbody > tr > :is(.order-cell-date, .order-cell-client, .order-cell-operator) {
        display: grid;
        grid-column: 1 / -1;
        grid-template-columns: 100px minmax(0, 1fr);
        gap: 10px;
        font-size: 14px;
        line-height: 1.45;
    }

    .order-mobile-label { display: block; color: var(--k-muted); font-weight: 500; }
    .order-cell-date time { white-space: nowrap; }
    .order-list-table > tbody > tr > .order-cell-action {
        position: static;
        grid-column: 1 / -1;
        margin-top: 4px;
    }

    .order-cell-action .btn { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 44px; font-size: 15px; }
    .order-list-table > tbody > .order-empty { display: block; }

    .plate-editor-wrap { overflow: visible; }
    .plate-editor > tbody > tr {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 12px;
        padding: 12px 0;
        border: 0;
        border-top: 1px solid var(--k-border);
        background: transparent;
    }

    .plate-editor > tbody > tr > :is(.plate-cell-number, .plate-cell-type) { grid-column: 1 / -1; }
    .plate-mobile-label { display: block; margin-bottom: 6px; font-size: 14px; font-weight: 600; line-height: 1.4; }
    .plate-editor .form-control,
    .plate-editor .form-select { min-height: 44px; font-size: 16px; }
    .plate-editor .plate-input { font-size: 22px; }
    .plate-editor .quantity-selector { grid-template-columns: repeat(2, 44px); gap: 6px; }
    .plate-editor > tbody > tr > .plate-cell-action { display: flex; align-items: flex-end; justify-content: flex-end; }
    .plate-cell-action .btn { min-height: 44px; min-width: 80px; font-size: 14px; }
    .order-workflow .plate-editor-footer { padding: 14px 0 0 !important; }
    .plate-editor-footer > div,
    .plate-editor-footer .order-total-box { width: 100%; }
    .plate-editor-footer #add-plate-row { width: 100%; min-height: 44px; }
    .order-workflow .order-stage-plates button[type="submit"] { width: 100%; min-height: 44px; }
    .order-workflow .order-stage { min-inline-size: 0; }
    .order-workflow select.form-select { min-width: 0; max-width: 100%; overflow: hidden; text-overflow: ellipsis; }
    .order-workflow .order-stage .btn { max-width: 100%; white-space: normal; overflow-wrap: break-word; }

    .order-plates-table > tbody > tr > td { grid-column: 1 / -1; }
    .order-plates-table > tbody > tr > td[data-label] { display: grid; grid-template-columns: minmax(0, 110px) minmax(0, 1fr); gap: 12px; }
    .order-plates-table td[data-label]::before { content: attr(data-label); color: var(--k-muted); font-size: 14px; }
    .order-plates-table td:empty { display: none; }
}

@media (max-width: 359.98px) {
    .order-list-table > tbody > tr { padding: 12px; gap: 8px; }
    .order-list-table .plate-number { font-size: 15px; }
    .order-list-table .order-status { max-width: 100px; font-size: 11px; }
    .order-list-table > tbody > tr > :is(.order-cell-date, .order-cell-client, .order-cell-operator) { grid-template-columns: 94px minmax(0, 1fr); gap: 8px; }
}