/* Names wrap within the existing heading nodes. The content layout is unchanged. */
.ui-named-heading {
    min-width: 0 !important;
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
    text-overflow: clip !important;
    overflow: visible !important;
    line-height: 1.45 !important;
}
.ui-named-header {
    height: auto !important;
    min-width: 0 !important;
    max-width: 100%;
    flex-wrap: wrap;
    row-gap: 8px;
}
.ui-title-group {
    min-width: 0 !important;
    max-width: 100%;
    flex: 1 1 240px;
}
.ui-named-header > button,
.ui-named-header > .admin-back-button,
.ui-named-header > .admin-home-button,
.ui-named-header > .back,
.ui-named-header > .detail-button {
    flex-shrink: 0;
}
.ui-named-header .icon-close,
.ui-named-header .modal-close,
.ui-named-header .dialog-close,
.ui-named-header [data-close] {
    flex-shrink: 0;
}
.ui-search-name {
    padding: 7px 10px;
    color: #475467;
    background: #f8fafc;
    border-bottom: 1px solid #e4e7ec;
    font-size: 13px;
    line-height: 1.5;
    white-space: normal;
    overflow-wrap: anywhere;
}
.ui-title-object {
    flex-basis: 100%;
    order: 4;
    margin-top: 4px;
    color: #667085;
    font-size: 13px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
@media (max-width: 600px) {
    .ui-title-group { flex-basis: 160px; }
    .ui-named-header > h1.ui-title-group {
        order: 3;
        flex-basis: 100%;
    }
}