/* /Components/Layout/MainLayout.razor.rz.scp.css */
[b-o4wr9uwdam] .main-app-bar {
    overflow: hidden;
}

[b-o4wr9uwdam] .user-greeting {
    white-space: nowrap;
}

[b-o4wr9uwdam] .app-logo {
    display: block;
    width: auto;
    height: 1.75rem;
    max-height: 1.75rem;
    max-width: 8rem;
    object-fit: contain;
    flex: 0 0 auto;
}

[b-o4wr9uwdam] .denomination-tooltip {
    flex: 1 1 420px;
    min-width: 0;
    max-width: min(48vw, 680px);
    overflow: hidden;
}

[b-o4wr9uwdam] .denomination-summary {
    min-width: 0;
    max-width: 100%;
    margin-left: 2rem;
    overflow: hidden;
    line-height: 1;
}

[b-o4wr9uwdam] .denomination-name,
[b-o4wr9uwdam] .denomination-personeria {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-o4wr9uwdam] .denomination-text {
    min-width: 0;
    letter-spacing: 0;
}

[b-o4wr9uwdam] .denomination-name {
    flex: 0 1 auto;
    max-width: 100%;
    font-weight: 700;
    color: #fff;
}

[b-o4wr9uwdam] .denomination-chip {
    min-width: 0;
    max-width: 62%;
    color: #fff;
}

[b-o4wr9uwdam] .denomination-chip .mud-chip-content {
    min-width: 0;
    color: #fff;
}

[b-o4wr9uwdam] .denomination-personeria {
    flex: 1 1 auto;
    max-width: 38%;
    opacity: .82;
}

@media (max-width: 960px) {
    [b-o4wr9uwdam] .denomination-tooltip {
        max-width: 38vw;
    }

    [b-o4wr9uwdam] .denomination-summary {
        margin-left: 1rem;
    }

    [b-o4wr9uwdam] .denomination-personeria {
        display: none;
    }

    [b-o4wr9uwdam] .denomination-chip {
        max-width: 100%;
    }
}

@media (max-width: 600px) {
    [b-o4wr9uwdam] .app-logo {
        height: 1.5rem;
        max-height: 1.5rem;
        max-width: 6.5rem;
    }

    [b-o4wr9uwdam] .denomination-tooltip {
        flex-basis: auto;
        max-width: 42vw;
    }

    [b-o4wr9uwdam] .denomination-summary {
        margin-left: .75rem;
    }

    [b-o4wr9uwdam] .user-greeting {
        display: none;
    }
}
