/* 
    Dříve Dimenso.Portal.Fbs/wwwroot/app.css
*/

.dim-content-layout {
    min-height: 0;
    max-height: 100%;
    height: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: var(--dxds-spacing-160);
}

.dim-content-layout-header {
    display: flex;
    align-items: center;
    gap: var(--dxds-spacing-160);
    min-height: 32px;
}

.dim-content-layout-header-back {

}

.dim-content-layout-header-title {
    font-size: var(--dxds-font-size-title-lg);
    font-weight: var(--dxds-font-weight-title-default);
}

.dim-content-layout-header-note {
}

.dim-content-layout-actions {
    display: flex;
    gap: var(--dxds-spacing-160);
    align-items: center;

    background: var(--dxds-color-surface-neutral-default-rest);
    border-radius: var(--dxds-border-radius-40);
    box-shadow: var(--dxds-box-shadow-md);
}

.dim-content-layout-actions-ribbon {
    width: 100%;

    .dxbl-ribbon {
        --dxbl-ribbon-box-shadow: none;
        --dxbl-ribbon-border-radius: none;
        --dxbl-ribbon-toolbar-background: none;
    }
}

.dim-content-layout-actions-buttons {
    padding: var(--dxds-spacing-160);
}

.dim-content-layout-main {
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: row;
    flex: 1 1 auto;
    gap: var(--dxds-spacing-160);
}

.dim-content-layout-main-content {
    min-height: 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: var(--dxds-spacing-160);
    padding: var(--dxds-spacing-80);
    overflow-y: auto;
    overflow-x: hidden;

    background: var(--dxds-color-surface-neutral-default-rest);
    border-radius: var(--dxds-border-radius-40);
    box-shadow: var(--dxds-box-shadow-md);
}

.dim-content-layout-main-filter {
    min-height: 0;
    max-height: 100%;
    height: 100%;
    min-width: 0;
    padding: var(--dxds-spacing-160);

    background: var(--dxds-color-surface-neutral-default-rest);
    border-radius: var(--dxds-border-radius-40);
    box-shadow: var(--dxds-box-shadow-md);
}

.dim-report-detail-layout {
    min-height: 0;
    max-height: 100%;
    height: 100%;
    min-width: 0;
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    gap: var(--dxds-spacing-160);
}

.dim-text-only-dx-form-item .dxbl-fl-ctrl {
    display: flex;
    align-items: center;
    height: 100%;
}

/* --- (PageLayout) --------------------------------------- */

.dm-content:has(> .dim-page--fill) {
    display: flex;
    flex-direction: column;
}

.dim-page {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    gap: var(--dxds-spacing-120);
}

.dim-page-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--dxds-spacing-160);
    flex-wrap: wrap;
}

.dim-page-header-main {
    display: flex;
    align-items: center;
    gap: var(--dxds-spacing-80);
    min-width: 0;
}

.dim-page-back {
    flex-shrink: 0;
    margin-inline-start: calc(var(--dxds-spacing-80) * -1);
}

.dim-page-title {
    margin: 0;
    font-size: var(--dxds-font-size-title-lg);
    font-weight: var(--dxds-font-weight-title-default);
}

.dim-page-subtitle {
    margin-top: var(--dxds-spacing-20);
    color: var(--dxds-color-content-neutral-subdued-rest);
}

.dim-page-actions {
    display: flex;
    align-items: center;
    gap: var(--dxds-spacing-80);
    flex-shrink: 0;
}

.dim-page-filters {
    display: flex;
    flex-direction: column;
    gap: var(--dxds-spacing-80);
}

.dim-page-content {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
}