.pg-titlebar {
    flex: 0;
    display: flex;
    flex-direction: row;
    background-color: var(--blue-4);
    color: var(--textcolor-2);
    width: 100%;
    align-content: center;
    column-gap: 0.75rem;
    padding: 0 0.5rem;
}

.tng-dark-theme .pg-titlebar {
    background-color: var(--black);
    color: var(--dark-textcolor-1);
}

.pg-title {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    justify-content: flex-start;
    padding: 0.5rem 0;
    width: 100%;
    min-height: 3.3rem;
    font-size: var(--font-size-20px);
}

.pg-toggle-area {
    display: flex;
}

.pg-toggle-btn {
    min-height: 2rem;
    min-width: 2rem;
    justify-content: center;
}

.pg-horz-bar {
    flex: 0 0 1px;
    background-color: var(--border-1);
}

.pg-horz-status-bar {
    flex: 0 0 1px;
    background-color: var(--background-3);
}

.tng-dark-theme .pg-horz-status-bar {
    background-color: var(--dark-gray-2);
}

.pg-vert-bar {
    flex: 0 0 1px;
    background-color: var(--border-1);
}

.tng-dark-theme .pg-vert-bar {
    background-color: var(--dark-border-1);
}

.tng-dark-theme .pg-horz-bar {
    background-color: var(--dark-border-1);
}

.pg-userarea {
    display: flex;
    align-items: center;
}

.pg-breadcrumbbar {
    flex: 0;
    padding: 0.4rem 1rem;
}

.tng-dark-theme .dropdown-menu {
    background-color: var(--dark-gray-4);
}

.tng-dark-theme .dropdown-item {
    color: var(--dark-textcolor-1);
}

    .tng-dark-theme .dropdown-item:hover {
        background-color: var(--dark-gray-3);
    }

.tng-dark-theme .dropdown-divider {
    border-top: 1px solid var(--dark-gray-2);
}