@import url("./buttons.css");
@import url("./breadcrumb.css");
@import url("./page-header.css");
@import url("./status-badge.css");
@import url("./summary-grid.css");
@import url("./alerts.css");
@import url("./cards.css");

@import url("./autocomplete-select.css");
@import url("./business-object-list.css");
@import url("./business-object-card.css");
@import url("./application-shell.css");
@import url("./global-search.css");
@import url("./forms.css");
@import url("./receiving-conformity.css");
@import url("./permission-matrix.css");
@import url("./tabs.css");
@import url("./timeline.css");
@import url("./auth-layout.css");

@import url("procurement-line-entry.css");
@import url("./attention-indicator.css");
@import url("./navigation-count.css");
@import url("./hierarchy-list.css");

@import url("./navigation-metric-card.css");

/* PORTAL-2 header layout refinement */

.ui-portal-module-bar__inner {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "brand actions"
        "modules modules";
    align-items: center;
    gap: var(--ui-space-2) var(--ui-space-4);
}

.ui-portal-module-bar__brand {
    grid-area: brand;
    min-width: 0;
}

.ui-portal-module-bar__brand-name {
    font-size: 1.15rem;
    font-weight: 800;
    line-height: 1.25;
}

.ui-portal-module-bar__modules {
    grid-area: modules;
    width: 100%;
    min-width: 0;
}

.ui-portal-module-bar__actions {
    grid-area: actions;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--ui-space-2);
    margin-left: 0;
}

.ui-portal-module-bar__actions form {
    display: flex;
    margin: 0;
}

@media (max-width: 60rem) {
    .ui-portal-module-bar__inner {
        grid-template-columns: 1fr;
        grid-template-areas:
            "brand"
            "actions"
            "modules";
    }

    .ui-portal-module-bar__actions {
        justify-content: flex-start;
    }
}

/* PORTAL-2 header full-width alignment */

.ui-portal-module-bar {
    width: 100%;
    box-sizing: border-box;
}

.ui-portal-module-bar__inner {
    width: 100%;
    max-width: none;
    box-sizing: border-box;
    grid-template-columns: minmax(0, 1fr) max-content;
}

.ui-portal-module-bar__actions {
    justify-self: end;
    margin-left: 0;
}

.ui-portal-module-bar__modules {
    width: 100%;
    max-width: none;
}