/* Final layout layer for the property register. It intentionally loads after
   the shared responsive workspace styles so headers and row cells stay paired. */
@media (min-width: 761px) {
    .property-list-head,
    .property-row {
        grid-template-columns: minmax(0, 1.65fr) minmax(88px, .72fr) 62px 88px 82px 72px !important;
        column-gap: 10px !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box;
    }

    .property-list-head > *,
    .property-row > * {
        min-width: 0;
    }

    .property-list-head > span:last-child {
        width: 72px;
    }

    .property-identity > div {
        min-width: 0;
    }

    .property-identity strong {
        display: -webkit-box;
        overflow: hidden;
        white-space: normal;
        overflow-wrap: anywhere;
        text-overflow: ellipsis;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        line-height: 1.3;
        font-size: 11px;
    }

    .property-identity small,
    .listing-type strong,
    .listing-type small,
    .enquiry-count small {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .publish-switch {
        justify-self: start;
    }

    .property-row .row-menu.workspace-row-action {
        position: relative !important;
        inset: auto !important;
        width: 72px !important;
        max-width: 72px;
        min-width: 0;
        height: 36px !important;
        padding: 0 8px !important;
        justify-self: end !important;
        box-sizing: border-box;
    }
}

@media (max-width: 760px) {
    .property-row > *,
    .property-identity > div {
        min-width: 0;
    }

    .property-identity strong {
        white-space: normal;
        overflow-wrap: anywhere;
    }

    .property-row .row-menu.workspace-row-action {
        position: relative !important;
        inset: auto !important;
        max-width: 100%;
    }
}