:root{--login-panel-heading-bg: #fff;--navbar-inverse-bg: #005fa3;--navbar-inverse-link-active-bg: #3296d4}.list[data-scope=ProjectComponent] td[data-name=name]{text-wrap:wrap}#content.container.content,.record-grid.record-grid-wide{max-width:2000px}.rounded-blyat{border-radius:.3rem;border:.033rem solid var(--default-border-color)}.ui-timepicker-wrapper{width:18.5rem;border-radius:0 0 .5rem .5rem}
/*# sourceMappingURL=main.css.map */

/* Responsive modal/dialog fixes for different zoom levels */
.modal .record-grid.record-grid-wide { max-width: 100%; }
.modal-dialog { max-width: min(90vw, 1200px); }
@media (max-width: 768px) {
    .modal-dialog { margin: 10px; max-width: calc(100vw - 20px); }
}

/* task-264498: Keep row action icons (remove/duplicate/sort-magnet) visible at high zoom */
.record .field[data-name="projectComponents"] th.remove-column,
.record .field[data-name="projectComponents"] th.duplicate-column,
.record .field[data-name="projectComponents"] th.sort-column,
.record .field[data-name="projectComponents"] td[data-name="remove-cross"],
.record .field[data-name="projectComponents"] td[data-name="duplicate"],
.record .field[data-name="projectComponents"] td[data-name="sort-magnet"] {
    width: 34px;
    min-width: 34px;
    max-width: 34px;
    padding-left: 4px;
    padding-right: 4px;
}

.record .field[data-name="projectComponents"] td[data-name="remove-cross"] .list-row-buttons,
.record .field[data-name="projectComponents"] td[data-name="duplicate"] .list-row-buttons,
.record .field[data-name="projectComponents"] td[data-name="sort-magnet"] .list-row-buttons {
    float: none !important;
    display: flex;
    justify-content: center;
}

.record .field[data-name="projectComponents"] td[data-name="remove-cross"] button,
.record .field[data-name="projectComponents"] td[data-name="duplicate"] button,
.record .field[data-name="projectComponents"] td[data-name="sort-magnet"] button {
    padding: 0 !important;
}

/* task-264498: override inline column widths on action headers */
.record .field[data-name="projectComponents"] th.remove-column,
.record .field[data-name="projectComponents"] th.duplicate-column,
.record .field[data-name="projectComponents"] th.sort-column {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
}

/* task-20260305: Keep row sort magnet visible at document item row end (zoom-safe) */
.record .field[data-name="projectComponents"] .recordList,
.record .field[data-name="deliveryNoteItems"] .recordList,
.record .field[data-name="purchaseOrderItems"] .recordList {
    overflow-x: auto !important;
    overflow-y: visible !important;
}

.record .field[data-name="projectComponents"] .list.edit-mode > table,
.record .field[data-name="deliveryNoteItems"] .list.edit-mode > table,
.record .field[data-name="purchaseOrderItems"] .list.edit-mode > table {
    min-width: 100% !important;
}

.record .field[data-name="projectComponents"] td[data-name="remove-cross"],
.record .field[data-name="projectComponents"] td[data-name="duplicate"],
.record .field[data-name="projectComponents"] td[data-name="sort-magnet"],
.record .field[data-name="deliveryNoteItems"] td[data-name="remove-cross"],
.record .field[data-name="deliveryNoteItems"] td[data-name="duplicate"],
.record .field[data-name="deliveryNoteItems"] td[data-name="sort-magnet"],
.record .field[data-name="purchaseOrderItems"] td[data-name="remove-cross"],
.record .field[data-name="purchaseOrderItems"] td[data-name="duplicate"],
.record .field[data-name="purchaseOrderItems"] td[data-name="sort-magnet"],
.record .field[data-name="projectComponents"] th.remove-column,
.record .field[data-name="projectComponents"] th.duplicate-column,
.record .field[data-name="projectComponents"] th.sort-column,
.record .field[data-name="deliveryNoteItems"] th.remove-column,
.record .field[data-name="deliveryNoteItems"] th.duplicate-column,
.record .field[data-name="deliveryNoteItems"] th.sort-column,
.record .field[data-name="purchaseOrderItems"] th.remove-column,
.record .field[data-name="purchaseOrderItems"] th.duplicate-column,
.record .field[data-name="purchaseOrderItems"] th.sort-column {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding-left: 4px;
    padding-right: 4px;
}

.record .field[data-name="projectComponents"] td[data-name="remove-cross"] .list-row-buttons,
.record .field[data-name="projectComponents"] td[data-name="duplicate"] .list-row-buttons,
.record .field[data-name="projectComponents"] td[data-name="sort-magnet"] .list-row-buttons,
.record .field[data-name="deliveryNoteItems"] td[data-name="remove-cross"] .list-row-buttons,
.record .field[data-name="deliveryNoteItems"] td[data-name="duplicate"] .list-row-buttons,
.record .field[data-name="deliveryNoteItems"] td[data-name="sort-magnet"] .list-row-buttons,
.record .field[data-name="purchaseOrderItems"] td[data-name="remove-cross"] .list-row-buttons,
.record .field[data-name="purchaseOrderItems"] td[data-name="duplicate"] .list-row-buttons,
.record .field[data-name="purchaseOrderItems"] td[data-name="sort-magnet"] .list-row-buttons {
    float: none !important;
    display: flex;
    justify-content: center;
}

.record .field[data-name="projectComponents"] td[data-name="sort-magnet"],
.record .field[data-name="deliveryNoteItems"] td[data-name="sort-magnet"],
.record .field[data-name="purchaseOrderItems"] td[data-name="sort-magnet"] {
    position: sticky;
    right: 0;
    z-index: 3;
    background: var(--panel-bg);
}

.record .field[data-name="projectComponents"] td[data-name="duplicate"],
.record .field[data-name="deliveryNoteItems"] td[data-name="duplicate"],
.record .field[data-name="purchaseOrderItems"] td[data-name="duplicate"] {
    position: sticky;
    right: 34px;
    z-index: 3;
    background: var(--panel-bg);
}

.record .field[data-name="projectComponents"] td[data-name="remove-cross"],
.record .field[data-name="deliveryNoteItems"] td[data-name="remove-cross"],
.record .field[data-name="purchaseOrderItems"] td[data-name="remove-cross"] {
    position: sticky;
    right: 68px;
    z-index: 3;
    background: var(--panel-bg);
}

.record .field[data-name="projectComponents"] td[data-name="sort-magnet"] button,
.record .field[data-name="deliveryNoteItems"] td[data-name="sort-magnet"] button,
.record .field[data-name="purchaseOrderItems"] td[data-name="sort-magnet"] button,
.record .field[data-name="projectComponents"] td[data-name="duplicate"] button,
.record .field[data-name="deliveryNoteItems"] td[data-name="duplicate"] button,
.record .field[data-name="purchaseOrderItems"] td[data-name="duplicate"] button,
.record .field[data-name="projectComponents"] td[data-name="remove-cross"] button,
.record .field[data-name="deliveryNoteItems"] td[data-name="remove-cross"] button,
.record .field[data-name="purchaseOrderItems"] td[data-name="remove-cross"] button {
    padding: 0 !important;
}