:root {
    --brand-gray: #5f6267; /* szary – zmie? na dowolny odcie? */
}

html, body {
        height: 100vh;
        max-height: 100vh;
        overflow-y: auto;
        margin: 0;
        padding: 0;
}

body {
        font-family: var(--body-font);
        font-size: var(--type-ramp-base-font-size);
        line-height: var(--type-ramp-base-line-height);
        font-weight: var(--font-weight);
        color: var(--neutral-foreground-rest);
        background: var(--neutral-layer-4);
}

.TabsBackgroundColor {
        background-color: var(--neutral-layer-1);
        /*        color: var(--info);*/
}

.positioning-region {
        background: var(--neutral-layer-3) !important;
}

.fluent-grid.wysoko{
height: 100% !important;
}

.max-two-lines {
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
}

.emailContact {
        margin: 0;
        padding: 0;
        color: rgba(0, 0, 0, 0.5);  Faded letters 
}



.creditabilityInputLabel{
        margin-bottom: 6px;
        margin-top: 16px;
        font-size: 20px;
        font-weight: 500;
}

/* Style for search results by FluentHighlighter */
.mark, mark {
        padding: 0;
        background-color: yellow;
}

.crossed-text {
        text-decoration: line-through;
}

.card-0 {
        background: var(--neutral-layer-4) !important;
}

.card-1 {
        height: calc(100vh - 115px);
        background: var(--neutral-layer-3) !important;
}

.card-top {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        flex-grow: 0 !important;
        flex-shrink: 0 !important;
        align-self: flex-start !important;
}

.toolbar-1 {
        background: transparent !important;
        width: 100%;
        margin-bottom: 12px;
        padding-right: 12px;
}

.toolbar-0 {
        background: transparent !important;
        width: 100%;
}

fluent-badge {
        --badge-fill-client: #ffd800;
        --badge-fill-broker: #B13BFF;
        --badge-color-client: #000;
        --badge-color-broker: #fff;
}

.card-has-file {
        background-color: #B2CD9C !important;
        border: #B2CD9C !important;
}

.fluent-presence-badge .status {
    right: calc(-4 * var(--fluent-presence-badge-border-size)) !important;
}