/* _content/Stakemate.Backoffice.UI/Components/Account/UserAvatar.razor.rz.scp.css */
.user-avatar[b-t9lvylsy2a] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--sm-background-color-secondary);
    color: var(--sm-color-content-secondary);
    overflow: hidden;
    font-size: 12px;
    font-weight: var(--sm-font-weight-700);
    flex-shrink: 0;
}

.user-avatar img[b-t9lvylsy2a] {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-avatar--lg[b-t9lvylsy2a] {
    width: 96px;
    height: 96px;
    font-size: var(--sm-font-size-3xl);
}
/* _content/Stakemate.Backoffice.UI/Components/Form/Actions/DatePresetSelector.razor.rz.scp.css */
.sm-datepicker__presets[b-qn0onq433n] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-3);
    width: 188px;
    padding: var(--sm-space-3) var(--sm-space-2);
    border-right: 1px solid var(--sm-color-border);
    align-items: flex-start;
}

.sm-datepicker__preset[b-qn0onq433n] {
    padding: var(--sm-space-2) var(--sm-space-3);
    border: 0;
    background-color: transparent;
    border-radius: var(--sm-radius-sm);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text);
    cursor: pointer;
}

.sm-datepicker__preset:hover[b-qn0onq433n] {
    background-color: var(--sm-color-surface-alt);
}

.sm-datepicker__preset--selected[b-qn0onq433n] {
    background-color: var(--sm-color-surface-alt);
    font-weight: var(--sm-font-weight-600);
}

.sm-datepicker__preset--disabled[b-qn0onq433n] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sm-datepicker__preset--disabled:hover[b-qn0onq433n] {
    background-color: transparent;
}                    
/* _content/Stakemate.Backoffice.UI/Components/Form/Actions/DateRangePicker.razor.rz.scp.css */
.sm-datepicker[b-u5h0wva9ys] {
    background-color: var(--sm-background-color-primary);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-xl);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.12);
    display: inline-flex;
    flex-direction: column;
    overflow: hidden;
    font-family: inherit;
}

.sm-datepicker__header[b-u5h0wva9ys] {
    padding: var(--sm-space-5);
    border-bottom: 1px solid var(--sm-color-border);
}

.sm-datepicker__range-text[b-u5h0wva9ys] {
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-xl);
    line-height: 1;
}

.sm-datepicker__body[b-u5h0wva9ys] {
    display: flex;
    align-items: stretch;
}

.sm-datepicker__calendar[b-u5h0wva9ys] {
    padding: var(--sm-space-2) var(--sm-space-5);
    border-right: 1px solid var(--sm-color-border);
}

.sm-datepicker__calendar:last-child[b-u5h0wva9ys] {
    border-right: 0;
}

.sm-datepicker__month-header[b-u5h0wva9ys] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--sm-space-2);
}

.sm-datepicker__nav[b-u5h0wva9ys] {
    width: 24px;
    height: 24px;
    border: 0;
    padding: 0;
    background-color: transparent;
    cursor: pointer;
    color: var(--sm-color-text);
    display: flex;
    align-items: center;
    justify-content: center;
}

.sm-datepicker__nav[b-u5h0wva9ys]  svg {
    display: block;
}

.sm-datepicker__nav--placeholder[b-u5h0wva9ys] {
    visibility: hidden;
}

.sm-datepicker__month-title[b-u5h0wva9ys] {
    font-size: var(--sm-font-size-lg-17);
    font-weight: var(--sm-font-weight-600);
    color: var(--sm-color-text);
}

.sm-datepicker__days[b-u5h0wva9ys] {
    display: grid;
    grid-template-columns: repeat(7, 40px);
    row-gap: var(--sm-space-2);
    padding: var(--sm-space-2) 0;
}

.sm-datepicker__day-header[b-u5h0wva9ys] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sm-color-text-muted);
    font-size: 15px;
}

.sm-datepicker__day[b-u5h0wva9ys] {
    width: 40px;
    height: 40px;
    padding: 0;
    border: 0;
    background-color: transparent;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.sm-datepicker__day--blank[b-u5h0wva9ys] {
    visibility: hidden;
    cursor: default;
}

.sm-datepicker__day:hover:not(.sm-datepicker__day--blank) .sm-datepicker__day-pill[b-u5h0wva9ys] {
    background-color: var(--sm-color-surface-alt);
}

.sm-datepicker__day--in-range[b-u5h0wva9ys],
.sm-datepicker__day--range-start[b-u5h0wva9ys],
.sm-datepicker__day--range-end[b-u5h0wva9ys] {
    background-color: var(--sm-color-surface-alt);
}

.sm-datepicker__day--range-start[b-u5h0wva9ys] {
    border-top-left-radius: 9999px;
    border-bottom-left-radius: 9999px;
}

.sm-datepicker__day--range-end[b-u5h0wva9ys] {
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.sm-datepicker__day--endpoint .sm-datepicker__day-pill[b-u5h0wva9ys] {
    background-color: var(--sm-color-text);
    color: var(--sm-color-surface);
}

.sm-datepicker__day--endpoint:hover .sm-datepicker__day-pill[b-u5h0wva9ys] {
    background-color: var(--sm-color-text);
}

.sm-datepicker__footer[b-u5h0wva9ys] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sm-space-3);
    padding: var(--sm-space-3);
    border-top: 1px solid var(--sm-color-border);
}

.sm-datepicker__btn[b-u5h0wva9ys] {
    height: 44px;
    padding: 0 var(--sm-space-4);
    border-radius: var(--sm-radius-lg);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    cursor: pointer;
    border: 0;
}

.sm-datepicker__btn:disabled[b-u5h0wva9ys] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sm-datepicker__btn--secondary[b-u5h0wva9ys] {
    border: 1px solid var(--sm-color-border);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
}

.sm-datepicker__btn--primary[b-u5h0wva9ys] {
    background-color: var(--sm-color-background-accent);
    color: #fff;
}

.sm-datepicker__day-pill[b-u5h0wva9ys] {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    font-size: var(--sm-font-size-lg-17);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text);
}
/* _content/Stakemate.Backoffice.UI/Components/Form/Actions/ToastButton.razor.rz.scp.css */
.toast-container[b-smxr64daxa] {
    position: absolute;
    top: 150px;
    left: 50%;
    transform: translateX(-50%);
    pointer-events: none;
}

.toast-pill[b-smxr64daxa] {
    pointer-events: auto;
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
    padding: var(--sm-space-3) var(--sm-space-4) var(--sm-space-3) var(--sm-space-3);
    border: none;
    border-radius: 9999px;
    background-color: var(--sm-color-background-invert);
    color: var(--sm-color-surface);
    opacity: 0.8;
    font-weight: var(--sm-font-weight-500);
    font-size: var(--sm-font-size-md);
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 5px 10px var(--sm-color-shadow);
    transition: background-color 0.15s ease;
}

.toast-pill:hover[b-smxr64daxa] {
    background-color: color-mix(in srgb, var(--sm-color-text) 92%, transparent);
}

.toast-pill:focus-visible[b-smxr64daxa] {
    outline: 2px solid var(--sm-color-primary);
    outline-offset: 2px;
}

.toast-icon[b-smxr64daxa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: var(--sm-space-5);
    height: var(--sm-space-5);
    border-radius: 50%;
}
/* _content/Stakemate.Backoffice.UI/Components/Form/DropdownSelect.razor.rz.scp.css */
.stakemate-select-container[b-zjz0ev5vsk] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
    width: 200px;
}

.stakemate-select-label[b-zjz0ev5vsk] {
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-content-secondary);
    line-height: 1;
}

[b-zjz0ev5vsk] .stakemate-select-field .mud-input.mud-input-outlined .mud-input-outlined-border {
    border-radius: var(--sm-radius-lg);
    border-color: var(--sm-color-border-primary);
}

[b-zjz0ev5vsk] .stakemate-select-field .mud-input.mud-input-outlined {
    height: 44px;
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-background-color-primary);
    padding: 0 var(--sm-space-3);
}

[b-zjz0ev5vsk] .stakemate-select-field .mud-input-slot {
    font-size: 15px;
    font-weight: 500;
    color: var(--sm-color-text);
    right: var(--sm-space-3);
}

[b-zjz0ev5vsk] .stakemate-select-field .mud-select-input .mud-input-adornment-end {
    display: none;
}

[b-zjz0ev5vsk] .stakemate-select-field .mud-input-label {
    display: none;
}

.stakemate-select-field-wrapper[b-zjz0ev5vsk] {
    position: relative;
}

.stakemate-select-chevron[b-zjz0ev5vsk] {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    display: inline-flex;
    align-items: center;
    pointer-events: none;
    color: var(--sm-color-content-secondary);
}
/* _content/Stakemate.Backoffice.UI/Components/Grid/Stack.razor.rz.scp.css */
.group-count-badge[b-b788mp2q3p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--sm-space-1) var(--sm-space-2);
    border-radius: 9999px;
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-600);
    line-height: 1;
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
}

[b-b788mp2q3p] .stack-option:hover {
    background-color: var(--sm-color-surface-alt);
}

[b-b788mp2q3p] .stack-option{
    background-color: var(--sm-background-color-primary);
    border-radius: var(--sm-radius-lg) !important;
    border: 1px solid var(--sm-color-border);
    color: var(--sm-color-text);
    box-shadow: none !important;
}

[b-b788mp2q3p] .empty-state {
    background-color: var(--sm-background-color-secondary);
    border-radius: var(--sm-radius-lg);
    padding: 48px var(--sm-space-4);
    color: var(--sm-color-text);
} 
/* _content/Stakemate.Backoffice.UI/Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-pa0ehy1bdg] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-pa0ehy1bdg] {
    flex: 1;
}

.sidebar[b-pa0ehy1bdg] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

.top-row[b-pa0ehy1bdg] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center;
}

    .top-row[b-pa0ehy1bdg]  a, .top-row[b-pa0ehy1bdg]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none;
    }

    .top-row[b-pa0ehy1bdg]  a:hover, .top-row[b-pa0ehy1bdg]  .btn-link:hover {
        text-decoration: underline;
    }

    .top-row[b-pa0ehy1bdg]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-pa0ehy1bdg] {
        justify-content: space-between;
    }

    .top-row[b-pa0ehy1bdg]  a, .top-row[b-pa0ehy1bdg]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-pa0ehy1bdg] {
        flex-direction: row;
    }

    .sidebar[b-pa0ehy1bdg] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-pa0ehy1bdg] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    .top-row.auth[b-pa0ehy1bdg]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-pa0ehy1bdg], article[b-pa0ehy1bdg] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

#blazor-error-ui[b-pa0ehy1bdg] {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-pa0ehy1bdg] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.custom-font-size[b-pa0ehy1bdg] {
    font-size: 0.8em;
}
/* _content/Stakemate.Backoffice.UI/Components/Layout/NavMenu.razor.rz.scp.css */
/* Titled sub-section divider — line ┄ TITLE ┄ line. Mirrors the SmSidebar treatment so
 * "Bonus Engine" is visually called out as its own grouping inside Promotions.
 * Uses MudBlazor's palette variables so the colours track whatever theme the rest of
 * MudNavMenu uses (light by default; auto-flips if the app is themed dark). */
[b-s9ja3o1lcc] .nav-menu__subsection {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin: 0.5rem 1rem 0.25rem;
    /* The MudNavGroup indents children — line up the divider with the link icons above
     * and below rather than the group header. */
    padding-left: 0.75rem;
}

/* Both the line and the title borrow `currentColor` from the surrounding MudNavGroup so
 * they automatically adopt whatever text colour the theme is using (dark text on a
 * light sidebar, light text on a dark one). Each span is a leaf, so the opacity rule
 * only dims that span — title stays readable, line stays a thin rule. */
[b-s9ja3o1lcc] .nav-menu__subsection-line {
    flex: 1;
    height: 1px;
    background-color: currentColor;
    opacity: 0.25;
}

[b-s9ja3o1lcc] .nav-menu__subsection-title {
    color: currentColor;
    opacity: 0.7;
    font-size: 0.6875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
}

.navbar-toggler[b-s9ja3o1lcc] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1);
}

.navbar-toggler:checked[b-s9ja3o1lcc] {
    background-color: rgba(255, 255, 255, 0.5);
}

.top-row[b-s9ja3o1lcc] {
    height: 3.5rem;
    background-color: rgba(0,0,0,0.4);
}

.navbar-brand[b-s9ja3o1lcc] {
    font-size: 1.1rem;
}

.bi[b-s9ja3o1lcc] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-house-door-fill-nav-menu[b-s9ja3o1lcc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E");
}

.bi-plus-square-fill-nav-menu[b-s9ja3o1lcc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E");
}

.bi-list-nested-nav-menu[b-s9ja3o1lcc] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E");
}

.nav-item[b-s9ja3o1lcc] {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
}

    .nav-item:first-of-type[b-s9ja3o1lcc] {
        padding-top: 1rem;
    }

    .nav-item:last-of-type[b-s9ja3o1lcc] {
        padding-bottom: 1rem;
    }

    .nav-item[b-s9ja3o1lcc]  .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        line-height: 3rem;
        width: 100%;
    }

.nav-item[b-s9ja3o1lcc]  a.active {
    background-color: rgba(255,255,255,0.37);
    color: white;
}

.nav-item[b-s9ja3o1lcc]  .nav-link:hover {
    background-color: rgba(255,255,255,0.1);
    color: white;
}

.nav-scrollable[b-s9ja3o1lcc] {
    display: none;
}

.navbar-toggler:checked ~ .nav-scrollable[b-s9ja3o1lcc] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-s9ja3o1lcc] {
        display: none;
    }

    .nav-scrollable[b-s9ja3o1lcc] {
        /* Never collapse the sidebar for wide screens */
        display: block;

        /* Allow sidebar to scroll for tall menus */
        height: calc(100vh - 3.5rem);
        overflow-y: auto;
    }
}
/* _content/Stakemate.Backoffice.UI/Components/Search/UserSearch.razor.rz.scp.css */
.user-search[b-wj60kqxvah] {
    position: relative;
    width: 320px;
    max-width: 470px;
}

.user-search__field[b-wj60kqxvah] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    height: 40px;
    padding: 0 var(--sm-space-3);
    background-color: var(--sm-background-color-secondary);
    border: 1px solid transparent;
    border-radius: var(--sm-radius-xxl);
}

.user-search__input[b-wj60kqxvah] {
    background: transparent;
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-lg);
    font-style: normal;
    font-weight: var(--sm-font-weight-400);
    line-height: normal;
    outline: none;
}

.user-search__input[b-wj60kqxvah]::placeholder {
    color: var(--sm-color-tertiary-text);
}

.user-search__spinner[b-wj60kqxvah] {
    flex: 0 0 auto;
    width: 16px;
    height: 16px;
    border: 2px solid var(--mud-palette-text-secondary);
    border-top-color: transparent;
    border-radius: 50%;
    animation: user-search-spin-b-wj60kqxvah 0.7s linear infinite;
}

@keyframes user-search-spin-b-wj60kqxvah {
    to { transform: rotate(360deg); }
}

.user-search__results[b-wj60kqxvah] {
    position: absolute;
    top: calc(100% + 6px);
    left: 0;
    right: 0;
    z-index: 1300;
    background-color: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: var(--sm-radius-lg);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.user-search__message[b-wj60kqxvah] {
    padding: var(--sm-space-4);
    font-size: var(--sm-font-size-base);
    color: var(--mud-palette-text-primary);
}

.user-search__row[b-wj60kqxvah] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-3);
    width: 100%;
    padding: var(--sm-space-3) var(--sm-space-4);
    border: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.user-search__row-main[b-wj60kqxvah] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    min-width: 0;
}

.user-search__name[b-wj60kqxvah] {
    font-size: var(--sm-font-size-lg-17);
    font-weight: var(--sm-font-weight-400);
    color: var(--sm-color-text);
}

.user-search__sub[b-wj60kqxvah] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    min-width: 0;
}

.user-search__email[b-wj60kqxvah] {
    font-size: var(--sm-font-size-md);
    color: var(--mud-palette-text-secondary);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.user-search__count[b-wj60kqxvah] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 9999px;
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text);
    background-color: var(--sm-background-color-secondary);
}

.user-search__chevron[b-wj60kqxvah] {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--mud-palette-text-secondary);
}

.pd-metric-tile__icon[b-wj60kqxvah] {
    display: flex;
    width: 24px;
    height: 24px;
    padding: 3px;
    justify-content: center;
    align-items: center;
    color: var(--sm-color-tertiary-text);
}
/* _content/Stakemate.Backoffice.UI/Features/Betting/Offers/KpiReporting/KpiReporting.razor.rz.scp.css */
.kpi-page__heading[b-84ciq39d9x] {
    font-size: var(--sm-font-size-xl);
    font-weight: 600;
    margin: 0 0 var(--sm-space-4);
}

.kpi-filters[b-84ciq39d9x] {
    margin-bottom: var(--sm-space-4);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/ComplianceCase.razor.rz.scp.css */
.compliance-case-toolbar[b-ky4hkm6n91] {
    display: flex;
    gap: var(--sm-space-4);
    margin-bottom: var(--sm-space-4);
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.dropdown-menu-right[b-ky4hkm6n91] {
    display: flex;
    gap: var(--sm-space-4);
}

.compliance-case[b-ky4hkm6n91]  .updated-time-text {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-1);
    color: #999999 !important;
    line-height: 1;
    white-space: nowrap;
}

.compliance-case[b-ky4hkm6n91]  .updated-time-text-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
}

.compliance-case[b-ky4hkm6n91]{
    margin-left: 16px;
}

.case-row[b-ky4hkm6n91] {
    width: 100%;
    min-width: 0;
    cursor: pointer;
    border-radius: var(--sm-radius-md);
    transition: background-color var(--sm-transition-fast);
}

.case-row[b-ky4hkm6n91]  .mud-grid {
    min-width: 0;
}

.compliance-case[b-ky4hkm6n91]  .case-id-chip {
    border-radius: var(--sm-radius-md);
    background-color: var(--sm-background-color-secondary);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Components/ActionModalDialog.razor.rz.scp.css */
.action-dialog[b-vkycto0k49] { 
    display: flex; 
    min-height: 440px; 
}

.action-dialog__nav[b-vkycto0k49] {
    display: flex; 
    flex-direction: column; 
    gap: var(--sm-space-1);
    width: 220px; 
    flex-shrink: 0; 
    padding: var(--sm-space-3);
    border-right: 1px solid var(--sm-color-border);
}
.action-dialog__nav-item[b-vkycto0k49] {
    display: flex; 
    align-items: center; 
    gap: var(--sm-space-3);
    padding: var(--sm-space-3); 
    border: 0; border-radius: var(--sm-radius-md);
    background: transparent; 
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-md); 
    font-weight: var(--sm-font-weight-500); 
    cursor: pointer; 
    text-align: left;
}
.action-dialog__nav-item:hover[b-vkycto0k49] { 
    background-color: var(--sm-color-surface-alt); 
}

.action-dialog__nav-item--active[b-vkycto0k49] {
    background-color: var(--sm-background-color-secondary);
    color: var(--sm-color-text); 
    font-weight: var(--sm-font-weight-600);
}
.action-dialog__nav-item--separated[b-vkycto0k49] {
    margin-top: var(--sm-space-3); 
    padding-top: var(--sm-space-4);
    border-top: 1px solid var(--sm-color-border);
}
.action-dialog__nav-label[b-vkycto0k49] { 
    flex: 1; 
}

.action-dialog__nav-badge[b-vkycto0k49] {
    display: inline-flex; 
    align-items: center; 
    justify-content: center;
    min-width: var(--sm-space-5); 
    height: var(--sm-space-5); 
    padding: 0 var(--sm-space-1);
    border-radius: 9999px; 
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-border);
    font-size: var(--sm-font-size-sm); 
    font-weight: var(--sm-font-weight-600);
}

.action-dialog__content[b-vkycto0k49] {
    flex: 1; 
    min-width: 0; 
    padding: var(--sm-space-5);
    display: flex; 
    flex-direction: column; 
    gap: var(--sm-space-3); 
    overflow-y: auto;
}

.action-dialog__placeholder[b-vkycto0k49] {
    display: flex; 
    align-items: center; 
    justify-content: center;
    flex: 1; 
    color: var(--sm-color-text-muted);
}

.action-dialog__email[b-vkycto0k49] { 
    color: var(--sm-color-text); 
    font-weight: var(--sm-font-weight-500); 
}

.action-dialog__case-id[b-vkycto0k49] { 
    color: var(--sm-color-text-muted); 
}

.review-card[b-vkycto0k49] {
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    padding: var(--sm-space-4);
    margin-bottom: var(--sm-space-3);
    background-color: var(--sm-background-color-primary);
}

.review-card__title[b-vkycto0k49] {
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-600);
    color: var(--sm-color-text);
    margin-bottom: var(--sm-space-1);
}

.review-card__count[b-vkycto0k49],
.review-card__hint[b-vkycto0k49],
.review-card__empty[b-vkycto0k49] {
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
    margin-bottom: var(--sm-space-3);
}

.review-summary[b-vkycto0k49] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
}

.review-summary__item[b-vkycto0k49] {
    display: flex;
    align-items: flex-start;
    gap: var(--sm-space-2);
}

.review-summary__check[b-vkycto0k49] {
    color: var(--sm-color-positive);
    display: inline-flex;
}

.review-summary__text[b-vkycto0k49] {
    display: flex;
    flex-direction: column;
}

.review-summary__label[b-vkycto0k49] {
    font-weight: var(--sm-font-weight-600);
    color: var(--sm-color-success);
}

.review-summary__detail[b-vkycto0k49] {
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
}

.review-notes[b-vkycto0k49] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    margin-bottom: var(--sm-space-3);
}

.review-notes__label[b-vkycto0k49] {
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-600);
    color: var(--sm-color-text);
}

.review-notes__input[b-vkycto0k49] {
    width: 100%;
    resize: vertical;
    padding: var(--sm-space-2);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-md);
    background-color: var(--sm-background-color-primary);
    color: var(--sm-color-text);
    color-scheme: light dark;
    font: inherit;
}

[b-vkycto0k49] .review-commit-btn {
    width: 100%;
    min-height: 44px;
    border-radius: var(--sm-radius-lg) !important;
}

[b-vkycto0k49] .review-commit-btn--resolve {
    background-color: var(--sm-color-positive) !important;
    border-color: var(--sm-color-positive) !important;
    color: var(--sm-color-primary-text) !important;
}

[b-vkycto0k49] .review-commit-btn--resolve:hover:not(:disabled) {
    background-color: var(--sm-color-positive-hover) !important;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Components/CaseDetailLayout.razor.rz.scp.css */
.case-detail__header[b-924qpdinrl] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-5);
    padding: var(--sm-space-4) var(--sm-space-5);
    background-color: var(--sm-background-color-primary);
    border-bottom: 1px solid var(--sm-color-border);
}

.case-detail__header-left[b-924qpdinrl] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-5);
    min-width: 0;
}

.case-detail__back[b-924qpdinrl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    padding: 0;
    background: transparent;
    border: 0;
    color: var(--sm-color-text);
    cursor: pointer;
    transition: color var(--sm-transition-fast);
}

.case-detail__back:hover[b-924qpdinrl] {
    color: var(--sm-color-primary);
}

.case-detail__case[b-924qpdinrl] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-3);
    min-width: 0;
}

.case-detail__case-id[b-924qpdinrl] {
    font-size: var(--sm-font-size-lg-17);
    font-weight: var(--sm-font-weight-700);
    color: var(--sm-color-text);
    line-height: 1.2;
}

.case-detail__duration[b-924qpdinrl] {
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text-muted);
    line-height: 1.2;
}

.case-detail__header-right[b-924qpdinrl] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-3);
}

.case-detail__assignee[b-924qpdinrl] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
    height: 44px;
    padding: 0 var(--sm-space-3) 0 var(--sm-space-2);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-color-surface);
}

.case-detail__avatar[b-924qpdinrl] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-600);
}

.case-detail__assignee-name[b-924qpdinrl] {
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text);
    line-height: 1;
    white-space: nowrap;
}

.case-detail__tabs[b-924qpdinrl] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    padding: 20px;
    background-color: var(--sm-background-color-primary);
}

.case-detail__tabs[b-924qpdinrl]  .case-detail__tab {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 44px;
    padding: 0 var(--sm-space-4);
    border-radius: var(--sm-radius-lg);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text);;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
}

.case-detail__tabs[b-924qpdinrl]  .case-detail__tab--active {
    background-color: var(--sm-background-color-secondary);
    color: var(--sm-color-text);
    font-weight: var(--sm-font-weight-600);
    border-radius: var(--sm-radius-xl);
    padding: 10px;
}

[data-theme="dark"] .case-detail__tabs[b-924qpdinrl]  .case-detail__tab--active {
    background-color: var(--sm-background-color-secondary);
}

.case-detail__header-right[b-924qpdinrl]  .case-detail__action {
    height: 44px;
    padding: 0 var(--sm-space-4);
    border-radius: var(--sm-radius-lg);
    font-size: var(--sm-font-size-md);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Components/CheckmateLayout.razor.rz.scp.css */
.checkmate-page[b-g20la3grh6]{
    background-color: var(--sm-background-color-primary);
    color: var(--sm-color-text);
    min-height: 100%;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Components/CheckmateSideMenu.razor.rz.scp.css */
.sm-section-nav[b-u7zk9h2web] {
    display: flex;
    align-items: flex-start;
    padding: var(--sm-space-nav-block) var(--sm-space-4);
    background-color: var(--sm-background-color-primary);
    border-right: 0.5px solid var(--sm-color-border);
    align-self: stretch;
}

.sm-section-nav__items[b-u7zk9h2web] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    flex: 1 1 0;
    min-width: 0;
}

.sm-section-nav__items[b-u7zk9h2web]  .sm-section-nav__item {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    height: 48px;
    padding: var(--sm-space-3);
    border-radius: var(--sm-radius-md);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.sm-section-nav__items[b-u7zk9h2web]  .sm-section-nav__item:hover {
    background-color: var(--sm-color-surface-alt);
}

.sm-section-nav__items[b-u7zk9h2web]  .sm-section-nav__item--active {
    background-color: var(--sm-background-color-secondary);
    font-weight: var(--sm-font-weight-600);
}

.sm-section-nav__items[b-u7zk9h2web]  .sm-section-nav__item--disabled {
    cursor: not-allowed;
}

.sm-section-nav__icon[b-u7zk9h2web] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    flex-shrink: 0;
    color: var(--sm-color-text);;
}

.sm-section-nav__label[b-u7zk9h2web] {
    flex: 1 1 auto;
    min-width: 0;
    color: var(--sm-color-text);;
}

.sm-section-nav__divider[b-u7zk9h2web] {
    height: 0;
    margin: 0;
    border: 0;
    border-top: 0.5px solid var(--sm-color-border);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Components/RiskScoreBadge.razor.rz.scp.css */
.risk-badge[b-w1o6rmefdk] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
}

.risk-badge__dot[b-w1o6rmefdk] {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    display: inline-block;
}

.risk-badge__score[b-w1o6rmefdk] {
    color: var(--sm-color-text);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Pages/ComplianceCases.razor.rz.scp.css */
.all-cases-page[b-m8eexzml22] {
    display: flex;
    flex-direction: column;
}

.all-cases-page__heading[b-m8eexzml22] {
    font-size: var(--sm-font-size-xl);
    color: var(--sm-color-text);
    margin: 0 0 var(--sm-space-4);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Pages/ComplianceCasesPages/ComplianceCaseHistory.razor.rz.scp.css */
.all-cases-history[b-6pebcalmr4] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-3);
}

.all-cases-history__heading[b-6pebcalmr4] {
    margin: 0;
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-600);
    color: var(--sm-color-text);
}  
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Pages/ComplianceCasesPages/ComplianceCasesList.razor.rz.scp.css */
.all-cases-list[b-5r1laws6w3] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-4);
}

.all-cases-list[b-5r1laws6w3]  .sm-table__th {
    background-color: var(--sm-background-color-secondary);
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Pages/ManagementReporting.razor.rz.scp.css */
.management-reporting[b-gs8qcwz7fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-5);
}

/* Header */
.mr-header[b-gs8qcwz7fb] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--sm-space-4);
}

.mr-header__left[b-gs8qcwz7fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
}

.mr-title[b-gs8qcwz7fb] {
    margin: 0;
    font-size: var(--sm-font-size-2xl);
    font-weight: var(--sm-font-weight-700);
    line-height: 1.2;
    color: var(--sm-color-text);
    background-color: var(--sm-background-color-primary);
}

.mr-header__filters[b-gs8qcwz7fb] {
    display: flex;
    gap: var(--sm-space-4);
}

.mr-filter[b-gs8qcwz7fb] {
    min-width: 180px;
}

.mr-filter--sm[b-gs8qcwz7fb] {
    min-width: 120px;
}

/* Tabs + export */
.mr-tabs-row[b-gs8qcwz7fb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-4);
}

.mr-tabs[b-gs8qcwz7fb] {
    display: inline-flex;
    gap: var(--sm-space-2);
}

.mr-tab[b-gs8qcwz7fb] {
    padding: var(--sm-space-2) var(--sm-space-4);
    border: 1px solid transparent;
    border-radius: var(--sm-radius-md);
    background-color: transparent;
    color: var(--sm-color-text-muted);
    font: inherit;
    font-size: var(--sm-font-size-base);
    font-weight: var(--sm-font-weight-600);
    cursor: pointer;
}

.mr-tab--active[b-gs8qcwz7fb] {
    background-color: var(--sm-background-color-secondary);
    color: var(--sm-color-text);
}

.mr-export[b-gs8qcwz7fb] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
}

/* Section heading */
.mr-section__title[b-gs8qcwz7fb] {
    margin: 0 0 var(--sm-space-4);
    font-size: var(--sm-font-size-xl);
    font-weight: var(--sm-font-weight-700);
    line-height: 1.2;
    color: var(--sm-color-text);
}

/* Queue health tiles */
.mr-tiles[b-gs8qcwz7fb] {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--sm-space-4);
}

.mr-tile[b-gs8qcwz7fb] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-3);
    padding: var(--sm-space-4) var(--sm-space-5);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-background-color-primary);
}

.mr-tile__icon[b-gs8qcwz7fb] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 9999px;
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
}

.mr-tile__body[b-gs8qcwz7fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    min-width: 0;
}

.mr-tile__label[b-gs8qcwz7fb] {
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-base);
}

.mr-tile__value[b-gs8qcwz7fb] {
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-xl);
    font-weight: var(--sm-font-weight-700);
}

/* Card (Volume) */
.mr-card[b-gs8qcwz7fb] {
    background-color: var(--sm-background-color-primary);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    padding: var(--sm-space-6);
}

.mr-card__header[b-gs8qcwz7fb] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-4);
    margin-bottom: var(--sm-space-5);
}

.mr-card__title[b-gs8qcwz7fb] {
    margin: 0;
    font-size: var(--sm-font-size-xl);
    font-weight: var(--sm-font-weight-700);
    color: var(--sm-color-text);
}

.mr-chart[b-gs8qcwz7fb] {
    width: 100%;
}

/* Team performance */
.mr-team[b-gs8qcwz7fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-3);
}

.mr-team__head[b-gs8qcwz7fb],
.mr-team__row[b-gs8qcwz7fb] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr 1fr;
    align-items: center;
    gap: var(--sm-space-4);
}

.mr-team__head[b-gs8qcwz7fb] {
    padding: 0 var(--sm-space-4);
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-base);
}

.mr-team__row[b-gs8qcwz7fb] {
    padding: var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-background-color-primary);
}

.mr-team__member[b-gs8qcwz7fb] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-3);
}

.mr-team__name[b-gs8qcwz7fb] {
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-base);
    font-weight: var(--sm-font-weight-500);
}

.mr-metric[b-gs8qcwz7fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
}

.mr-metric__value[b-gs8qcwz7fb] {
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-lg);
    font-weight: var(--sm-font-weight-700);
}

.mr-metric__sub[b-gs8qcwz7fb] {
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.mr-team--cols-4 .mr-team__head[b-gs8qcwz7fb],
.mr-team--cols-4 .mr-team__row[b-gs8qcwz7fb] {
    grid-template-columns: 2fr 1fr 1fr 1fr;
}

.mr-team--cols-3 .mr-team__head[b-gs8qcwz7fb],
.mr-team--cols-3 .mr-team__row[b-gs8qcwz7fb] {
    grid-template-columns: 2fr 1fr 1fr;
}

.mr-daterange[b-gs8qcwz7fb] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    font-size: var(--sm-font-size-sm);
}

.mr-daterange__label[b-gs8qcwz7fb] {
    font-weight: var(--sm-font-weight-400);
    color: var(--sm-color-text-muted);
}

.mr-daterange__field[b-gs8qcwz7fb] {
    position: relative;
}

.mr-daterange__button[b-gs8qcwz7fb] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-2);
    min-width: 200px;
    height: 44px;
    padding: 0 var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-background-color-primary);
    color: var(--sm-color-text);
    font: inherit;
    font-size: var(--sm-font-size-base);
    font-weight: var(--sm-font-weight-500);
    cursor: pointer;
}

.mr-daterange__caret[b-gs8qcwz7fb] {
    display: inline-flex;
    align-items: center;
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.mr-daterange__backdrop[b-gs8qcwz7fb] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background-color: transparent;
}

.mr-daterange__popover[b-gs8qcwz7fb] {
    position: absolute;
    right: 0;
    top: calc(100% + var(--sm-space-2));
    z-index: 50;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/ComplianceCases/Pages/PlayerDetails.razor.rz.scp.css */
.player-details[b-kyp2c7vlb8] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-4);
}

/* Card */
.pd-card[b-kyp2c7vlb8] {
    background-color: var(--sm-background-color-primary);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    padding: var(--sm-space-6);
}

.pd-card__title[b-kyp2c7vlb8] {
    margin: 0 0 var(--sm-space-5);
    font-size: var(--sm-font-size-2xl);
    font-weight: var(--sm-font-weight-700);
    color: var(--sm-color-text);
    line-height: 1.2;
}

/* Section inside a card */
.pd-section + .pd-section[b-kyp2c7vlb8],
.pd-section + .pd-divider[b-kyp2c7vlb8],
.pd-divider + .pd-section[b-kyp2c7vlb8] {
    margin-top: var(--sm-space-5);
}

.pd-section__title[b-kyp2c7vlb8] {
    margin: 0 0 var(--sm-space-4);
    font-size: var(--sm-font-size-lg-17);
    font-weight: var(--sm-font-weight-700);
    color: var(--sm-color-text);
    line-height: 1.3;
    padding-bottom: var(--sm-space-4);
}

.pd-divider[b-kyp2c7vlb8] {
    height: 1px;
    margin: var(--sm-space-5) 0;
    border: 0;
    background-color: var(--sm-color-border);
}

/* Field label + value */
.pd-field[b-kyp2c7vlb8] {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 1 / -1;
    align-items: baseline;
    margin-bottom: 0;
}

.pd-field:last-child[b-kyp2c7vlb8] {
    margin-bottom: 0;
}

.pd-field__label[b-kyp2c7vlb8] {
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
}

.pd-field__value[b-kyp2c7vlb8] {
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
}

/* Three-column grid */
.pd-grid[b-kyp2c7vlb8] {
    display: flex;
    gap: 100px;
    align-items: flex-start;
    flex-wrap: wrap;
}

.pd-grid__col[b-kyp2c7vlb8] {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 28px;
    row-gap: 20px;
    align-content: start;
}

/* Score dots */
.pd-dot[b-kyp2c7vlb8] {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    flex-shrink: 0;
}

.pd-dot--high[b-kyp2c7vlb8] {
    background-color: var(--cm-color-severity-veryHigh);
}

.pd-dot--low[b-kyp2c7vlb8] {
    background-color: transparent;
    border: 1px solid var(--sm-color-text-muted);
}

/* Linked accounts row */
.pd-linked-row[b-kyp2c7vlb8] {
    display: grid;
    grid-template-columns: 160px 1fr auto;
    align-items: center;
    gap: var(--sm-space-4);
    padding: var(--sm-space-2) 0;
}

.pd-linked-row__reason[b-kyp2c7vlb8] {
    color: var(--sm-color-text);
    font-size: 14px;
}

.pd-link[b-kyp2c7vlb8] {
    color: var(--sm-color-content-secondary);
    font-size: var(--sm-font-size-base);
    font-weight: var(--sm-font-weight-500);
    text-decoration: underline;
}

.pd-link:hover[b-kyp2c7vlb8] {
    color: var(--sm-color-primary);
}

/* Status badge */
.pd-badge[b-kyp2c7vlb8] {
    display: inline-flex;
    align-items: center;
    height: 28px;
    padding: 0 var(--sm-space-3);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-md);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: 13px;
    font-weight: var(--sm-font-weight-500);
}

.pd-badge--muted[b-kyp2c7vlb8] {
    background-color: var(--sm-background-color-secondary);
}

/* Metrics card header */
.pd-metrics__header[b-kyp2c7vlb8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--sm-space-5);
}

.pd-metrics__header .pd-card__title[b-kyp2c7vlb8] {
    margin: 0;
}

.pd-metrics__filter[b-kyp2c7vlb8] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-2);
    min-width: 200px;
    height: 44px;
    padding: 0 var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-500);
    cursor: pointer;
}

.pd-metrics__filter-caret[b-kyp2c7vlb8] {
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

/* Tile grid */
.pd-metrics-grid[b-kyp2c7vlb8] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--sm-space-4);
}

/* Single tile */
.pd-metric-tile[b-kyp2c7vlb8] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-3);
    padding: var(--sm-space-5) var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-background-color-primary);
}

.pd-metric-tile__icon[b-kyp2c7vlb8] {
    flex-shrink: 0;
    width: 48px;
    height: 48px;
    border-radius: 9999px;
    background-color: var(--sm-color-surface-alt);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--sm-color-text);
}

.pd-metric-tile__body[b-kyp2c7vlb8] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    min-width: 0;
}

.pd-metric-tile__label[b-kyp2c7vlb8] {
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-md);
    font-weight: var(--sm-font-weight-400);
    line-height: 1.3;
}

.pd-metric-tile__value[b-kyp2c7vlb8] {
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-xl);
    font-weight: var(--sm-font-weight-700);
    line-height: 1.2;
}

.pd-metrics__filter-wrapper[b-kyp2c7vlb8] {
    position: relative;
}

button.pd-metrics__filter[b-kyp2c7vlb8] {
    font: inherit;
    cursor: pointer;
}

.pd-metrics__datepicker-backdrop[b-kyp2c7vlb8] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background-color: transparent;
}

.pd-metrics__datepicker-popover[b-kyp2c7vlb8] {
    position: absolute;
    right: 0;
    top: calc(100% + var(--sm-space-2));
    z-index: 50;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/TermsAndConditions/Components/CreateTermsAndConditionDialog.razor.rz.scp.css */
.tc-create-dialog__intro[b-wg0705de2d] {
    margin: 0 0 16px 0;
    color: var(--sm-color-text-muted);
    font-size: 0.875rem;
}

.tc-create-dialog__label[b-wg0705de2d] {
    display: block;
    margin-bottom: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    color: var(--sm-color-text);
}

.tc-create-dialog__textarea[b-wg0705de2d] {
    width: 100%;
    box-sizing: border-box;
    padding: 10px 12px;
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    border: 1px solid var(--sm-color-border);
    border-radius: 6px;
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.5;
    resize: vertical;
    min-height: 320px;
}

.tc-create-dialog__textarea:focus[b-wg0705de2d] {
    outline: none;
    border-color: var(--sm-color-primary);
    box-shadow: 0 0 0 3px var(--sm-color-shadow);
}

.tc-create-dialog__meta[b-wg0705de2d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 8px;
    color: var(--sm-color-text-muted);
    font-size: 0.8rem;
}

.tc-create-dialog__preview-toolbar[b-wg0705de2d] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.tc-create-dialog__preview-label[b-wg0705de2d] {
    font-weight: 600;
    color: var(--sm-color-text);
}

.tc-create-dialog__preview[b-wg0705de2d] {
    max-height: 480px;
    overflow: auto;
    padding: 12px;
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
    border: 1px solid var(--sm-color-border);
    border-radius: 6px;
}

.tc-create-dialog__preview-text[b-wg0705de2d] {
    margin: 0;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.55;
}

.tc-create-dialog__error[b-wg0705de2d] {
    margin-top: 12px;
    padding: 10px 12px;
    background-color: rgba(220, 38, 38, 0.08);
    color: #b91c1c;
    border: 1px solid rgba(220, 38, 38, 0.25);
    border-radius: 6px;
    font-size: 0.875rem;
}

.tc-create-dialog__hint[b-wg0705de2d] {
    margin: 8px 0 0 0;
    color: var(--sm-color-warning);
    font-size: 0.8rem;
}

.tc-create-dialog__confirm[b-wg0705de2d] {
    padding: 12px;
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
    border: 1px solid var(--sm-color-border);
    border-radius: 6px;
}

.tc-create-dialog__confirm-heading[b-wg0705de2d] {
    margin: 0 0 12px 0;
    font-size: 1rem;
    font-weight: 600;
    color: var(--sm-color-text);
}

.tc-create-dialog__confirm-body[b-wg0705de2d] {
    margin: 0 0 8px 0;
    font-size: 0.9rem;
    line-height: 1.5;
}

.tc-create-dialog__confirm-body:last-child[b-wg0705de2d] {
    margin-bottom: 0;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/TermsAndConditions/Components/ViewTermsAndConditionDialog.razor.rz.scp.css */
.tc-view-dialog__meta[b-dpoxdwbfb7] {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 12px;
    padding: 10px 12px;
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
    border: 1px solid var(--sm-color-border);
    border-radius: 6px;
    font-size: 0.85rem;
}

.tc-view-dialog__content[b-dpoxdwbfb7] {
    max-height: 480px;
    overflow: auto;
    margin: 0;
    padding: 12px;
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    border: 1px solid var(--sm-color-border);
    border-radius: 6px;
    white-space: pre-wrap;
    word-break: break-word;
    font-family: inherit;
    font-size: 0.9rem;
    line-height: 1.55;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/TermsAndConditions/Pages/TermsAndConditionsAcceptanceReport.razor.rz.scp.css */
.tc-report__heading[b-ognn5fl0yr] {
    font-size: var(--sm-font-size-xl);
    font-weight: 600;
    margin: 0 0 var(--sm-space-2);
}

.tc-report__subheading[b-ognn5fl0yr] {
    margin: 0 0 var(--sm-space-4);
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.tc-report__filters[b-ognn5fl0yr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sm-space-3);
    align-items: flex-end;
    padding: var(--sm-space-4);
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    margin-bottom: var(--sm-space-4);
}

.tc-report__filters > *[b-ognn5fl0yr] {
    flex: 1 1 240px;
    min-width: 240px;
}

.tc-report__filters-actions[b-ognn5fl0yr] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sm-space-2);
    align-items: flex-end;
    flex: 1 1 240px;
    justify-content: flex-end;
}

.tc-report__kpis[b-ognn5fl0yr] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: var(--sm-space-3);
    margin-bottom: var(--sm-space-5);
}

.tc-report__kpi[b-ognn5fl0yr] {
    display: flex;
    flex-direction: column;
    padding: var(--sm-space-4);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
}

.tc-report__kpi-label[b-ognn5fl0yr] {
    font-size: var(--sm-font-size-xs);
    color: var(--sm-color-text-muted);
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.04em;
}

.tc-report__kpi-value[b-ognn5fl0yr] {
    margin-top: var(--sm-space-1);
    font-size: var(--sm-font-size-xl);
    font-weight: 600;
}

.tc-report__kpi-value--success[b-ognn5fl0yr] {
    color: var(--sm-color-success);
}

.tc-report__kpi-value--warning[b-ognn5fl0yr] {
    color: var(--sm-color-warning);
}

.tc-report__section-heading[b-ognn5fl0yr] {
    margin: 0 0 var(--sm-space-3);
    font-size: var(--sm-font-size-lg);
    font-weight: 600;
}
/* _content/Stakemate.Backoffice.UI/Features/Compliance/TermsAndConditions/Pages/TermsAndConditionsList.razor.rz.scp.css */
.tc-page__header[b-8cybpr0g4z] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-3);
    margin-bottom: var(--sm-space-2);
}

.tc-page__heading[b-8cybpr0g4z] {
    margin: 0;
    font-size: var(--sm-font-size-xl);
    font-weight: 600;
}

.tc-page__subheading[b-8cybpr0g4z] {
    margin: 0 0 var(--sm-space-4);
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}
/* _content/Stakemate.Backoffice.UI/Features/Notifications/NotificationBell.razor.rz.scp.css */
.notif-panel[b-mpz1mzg6ok] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
    padding: var(--sm-space-4);
    background: var(--sm-background-color-primary);
}

.notif-header[b-mpz1mzg6ok] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    width: 100%;
    padding: var(--sm-space-3) 0;
}

.notif-title[b-mpz1mzg6ok] {
    flex: 1 0 0;
    font-family: 'Inter', sans-serif;
    font-weight: var(--sm-font-weight-700);
    font-size: var(--sm-font-size-2xl);
    line-height: 1.1;
    color: var(--sm-color-text);
}

.notif-header[b-mpz1mzg6ok]  .notif-close-btn {
    flex-shrink: 0;
}

.notif-section-title[b-mpz1mzg6ok] {
    width: 100%;
    padding-top: var(--sm-space-3);
    font-family: 'Inter', sans-serif;
    font-weight: var(--sm-font-weight-700);
    font-size: var(--sm-font-size-lg-17);
    color: var(--sm-color-text);
}

.notif-row[b-mpz1mzg6ok] {
    display: flex;
    gap: var(--sm-space-2);
    align-items: center;
    width: 100%;
    padding: var(--sm-space-3) var(--sm-space-2);
    border-radius: var(--sm-radius-lg);
    cursor: pointer;
    background: var(--sm-background-color-primary);
    transition: background 120ms ease;
}

.notif-row:hover[b-mpz1mzg6ok] {
    background: var(--sm-background-color-secondary);
}

.notif-row[b-mpz1mzg6ok]  .notif-avatar {
    flex-shrink: 0;
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    background: var(--sm-background-color-secondary) !important;
    color: var(--sm-color-text) !important;
    font-family: 'Inter', sans-serif;
    font-weight: var(--sm-font-weight-700);
    font-size: var(--sm-font-size-sm) !important;
}

.notif-text[b-mpz1mzg6ok] {
    flex: 1 0 0;
    min-width: 0;
    font-family: 'Inter', sans-serif;
    font-weight: var(--sm-font-weight-500);
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text);
    line-height: 1.35;
    overflow: hidden;
}

.notif-message[b-mpz1mzg6ok] {
    font-weight: var(--sm-font-weight-500);
}

.notif-timestamp[b-mpz1mzg6ok] {
    color: var(--sm-color-text-muted);
    font-weight: var(--sm-font-weight-400);
    margin-left: var(--sm-space-1);
}

.notif-badge[b-mpz1mzg6ok] {
    flex-shrink: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--sm-color-error);
    align-self: center;
}

.notif-empty[b-mpz1mzg6ok] {
    padding: var(--sm-space-5);
    text-align: center;
}

.bell-btn[b-mpz1mzg6ok] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: var(--sm-space-2);
    border: none;
    background: transparent;
    color: var(--sm-color-text);
    cursor: pointer;
    border-radius: 50%;
    line-height: 0;
}

[b-mpz1mzg6ok] .mud-drawer-temporary{
    background: var(--sm-background-color-primary);   
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmActionCard.razor.rz.scp.css */
.action-card[b-tav6yiriu8] {
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg); 
    padding: var(--sm-space-4);
}

.action-card--selected[b-tav6yiriu8] {
    background-color: var(--sm-color-background-tint);
}

.action-card[b-tav6yiriu8]  .sm-checkbox {
    display: flex; 
    align-items: flex-start; 
    gap: var(--sm-space-3); width: 100%;
}

.action-card__text[b-tav6yiriu8] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
}
    
.action-card__title[b-tav6yiriu8] { 
    font-size: var(--sm-font-size-md); 
    font-weight: var(--sm-font-weight-500); 
    color: var(--sm-color-text); 
}
    
.action-card__desc[b-tav6yiriu8] { 
    font-size: var(--sm-font-size-sm); 
    color: var(--sm-color-text-muted); 
}

.action-card__form[b-tav6yiriu8] {
    display: grid; 
    grid-template-columns: 1fr 1fr;
    gap: var(--sm-space-4); 
    margin-top: var(--sm-space-4);
}
    
.action-card__form[b-tav6yiriu8]  .sm-input--invalid .sm-input__hint { 
    color: var(--sm-color-error); 
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmBadge.razor.rz.scp.css */
.sm-badge[b-16o3l0iwjk] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--sm-space-2);
    border-radius: 999px;
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-500);
    line-height: 1.4;
    white-space: nowrap;
    border: 1px solid transparent;
}

.sm-badge--neutral[b-16o3l0iwjk] {
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text-muted);
}

.sm-badge--info[b-16o3l0iwjk] {
    background-color: rgba(47, 111, 235, 0.12);
    color: var(--sm-color-primary);
}

.sm-badge--success[b-16o3l0iwjk] {
    background-color: rgba(31, 136, 61, 0.15);
    color: var(--sm-color-success);
}

.sm-badge--warning[b-16o3l0iwjk] {
    background-color: rgba(191, 135, 0, 0.15);
    color: var(--sm-color-warning);
}

.sm-badge--danger[b-16o3l0iwjk] {
    background-color: rgba(207, 34, 46, 0.15);
    color: var(--sm-color-error);
}

.sm-badge--outline[b-16o3l0iwjk] {
    background-color: transparent;
    color: var(--sm-color-text-muted);
    border-color: var(--sm-color-border);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmButton.razor.rz.scp.css */
.sm-btn[b-nk6y5x6es1] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--sm-space-2);
    padding: var(--sm-space-2) var(--sm-space-4);
    border-radius: var(--sm-radius-sm);
    border: 1px solid transparent;
    font-size: var(--sm-font-size-sm);
    font-weight: 500;
    line-height: 1.2;
    cursor: pointer;
    transition: background-color var(--sm-transition-fast), border-color var(--sm-transition-fast);
}

.sm-btn:disabled[b-nk6y5x6es1] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sm-btn--primary[b-nk6y5x6es1] {
    background-color: var(--sm-color-primary);
    color: var(--sm-color-primary-text);
}

.sm-btn--primary:hover:not(:disabled)[b-nk6y5x6es1] {
    background-color: var(--sm-color-primary-hover);
}

.sm-btn--secondary[b-nk6y5x6es1] {
    background-color: var(--sm-background-color-primary);
    color: var(--sm-color-text);
    border-color: var(--sm-color-border);
}

.sm-btn--secondary:hover:not(:disabled)[b-nk6y5x6es1] {
    background-color: var(--sm-color-surface-alt);
}

.sm-btn--ghost[b-nk6y5x6es1] {
    background: transparent;
    color: var(--sm-color-text);
}

.sm-btn--ghost:hover:not(:disabled)[b-nk6y5x6es1] {
    background-color: var(--sm-color-surface-alt);
}

.sm-btn--danger[b-nk6y5x6es1] {
    background-color: var(--sm-color-error);
    color: #fff;
}

.sm-btn__spinner[b-nk6y5x6es1] {
    width: var(--sm-font-size-sm);
    height: var(--sm-font-size-sm);
    border: 2px solid currentColor;
    border-right-color: transparent;
    border-radius: 50%;
    animation: sm-btn-spin-b-nk6y5x6es1 0.6s linear infinite;
    flex-shrink: 0;
}

@keyframes sm-btn-spin-b-nk6y5x6es1 {
    to {
        transform: rotate(360deg);
    }
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmCheckbox.razor.rz.scp.css */
.sm-checkbox[b-n67i98q6gk] {
    /* position:relative is mandatory: .sm-checkbox__input is position:absolute (a
       visually-hidden native input behind the styled .sm-checkbox__box). Without a
       positioned ancestor here, the absolute input's containing block walks up to
       .sm-shell__body (which IS relative). The input then anchors at its in-flow Y
       position, which for table rows below the visible scroll window sits far below
       the viewport — counted into shell__body.scrollHeight and forcing a document
       scroll. Pinning it to the label fixes it locally. */
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
    cursor: pointer;
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text);
}

.sm-checkbox__input[b-n67i98q6gk] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.sm-checkbox__box[b-n67i98q6gk] {
    width: 18px;
    height: 18px;
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-sm);
    background-color: var(--sm-color-surface);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: transparent;
    transition: background-color var(--sm-transition-fast), border-color var(--sm-transition-fast);
}

.sm-checkbox__input:checked + .sm-checkbox__box[b-n67i98q6gk] {
    background-color: var(--sm-color-background-accent);
    border-color: var(--sm-color-background-accent);
    color: var(--sm-color-primary-text);
}

.sm-checkbox__input:disabled + .sm-checkbox__box[b-n67i98q6gk] {
    opacity: 0.5;
    cursor: not-allowed;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmDateRangeField.razor.rz.scp.css */
.sm-daterange[b-8ckjjq7chd] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    font-size: var(--sm-font-size-sm);
}

.sm-daterange__label[b-8ckjjq7chd] {
    font-weight: var(--sm-font-weight-400);
    color: var(--sm-color-text-muted);
}

.sm-daterange__field[b-8ckjjq7chd] {
    position: relative;
}

.sm-daterange__button[b-8ckjjq7chd] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--sm-space-2);
    min-width: 200px;
    height: 44px;
    padding: 0 var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font: inherit;
    font-size: var(--sm-font-size-base);
    font-weight: var(--sm-font-weight-500);
    cursor: pointer;
}

.sm-daterange__caret[b-8ckjjq7chd] {
    display: inline-flex;
    align-items: center;
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.sm-daterange__backdrop[b-8ckjjq7chd] {
    position: fixed;
    inset: 0;
    z-index: 40;
    background-color: transparent;
}

.sm-daterange__popover[b-8ckjjq7chd] {
    position: absolute;
    left: 0;
    top: calc(100% + var(--sm-space-2));
    z-index: 50;
}  
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmFilters.razor.rz.scp.css */
/* SmFilters — scoped CSS for the shared filter-strip wrapper.
   ============================================================
   ChildContent items are render-fragment children (rendered by the parent component, not
   by SmFilters), so they don't carry SmFilters' scope attribute. Any rule that needs to
   reach them uses ::deep. The Clear button IS rendered by SmFilters and carries its own
   scope, so button-specific rules don't use ::deep. */

.sm-filters[b-7lyx5u5vb5] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--sm-space-3);
    align-items: flex-end;
    /* Card is full row width by default (matches TFR's original .ftr-filters). */
    padding: var(--sm-space-4);
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    margin-bottom: var(--sm-space-4);
}

/* Snug — forces each child to 240px minimum, EXCEPT buttons. Buttons (Clear etc.) stay at
   their natural size like in TFR's default. The :not(.sm-btn) exclusion keeps them out of
   the Snug rule entirely, so no leftover flex/min-width hides the rest of their default
   button styling. */
.sm-filters--snug[b-7lyx5u5vb5]  > *:not(.sm-btn) {
    flex: 0 0 auto;
    min-width: 240px;
}

/* Tinted variant — subdued look for nested / secondary filter strips. */
.sm-filters--tinted[b-7lyx5u5vb5] {
    background-color: var(--sm-color-surface-alt);
    border: 0;
    border-radius: var(--sm-radius-md);
    padding: var(--sm-space-3) var(--sm-space-4);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmInput.razor.rz.scp.css */
.sm-input[b-61eg1gtjt7] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text);
}

.sm-input__label[b-61eg1gtjt7] {
    font-weight: 400;
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
}

.sm-input__control[b-61eg1gtjt7] {
    height: 44px;
    padding: 0 var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: 15px;
    font-weight: 500;
    outline: none;
    transition: border-color var(--sm-transition-fast);
}

.sm-input__control:focus[b-61eg1gtjt7] {
    border-color: var(--sm-color-primary);
}

.sm-input__control:disabled[b-61eg1gtjt7] {
    background-color: var(--sm-color-surface-alt);
    cursor: not-allowed;
}

.sm-input--invalid .sm-input__control[b-61eg1gtjt7] {
    border-color: var(--sm-color-error);
}

.sm-input__hint[b-61eg1gtjt7] {
    color: var(--sm-color-text-muted);
}

.sm-input--invalid .sm-input__hint[b-61eg1gtjt7] {
    color: var(--sm-color-error);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmMenu.razor.rz.scp.css */
.sm-menu[b-qje9usgyiu] {
    position: relative;
    display: inline-block;
}

.sm-menu__trigger[b-qje9usgyiu] {
    background: transparent;
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-sm);
    padding: var(--sm-space-1) var(--sm-space-3);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-sm);
    cursor: pointer;
}

.sm-menu__trigger:hover[b-qje9usgyiu] {
    background-color: var(--sm-color-surface-alt);
}

/* Borderless variant — the trigger content supplies its own shape/hover
   (e.g. a round icon button in a table row). No border, radius, or padding. */
.sm-menu__trigger--bare[b-qje9usgyiu] {
    border: none;
    border-radius: 0;
    padding: 0;
    background: transparent;
}

.sm-menu__trigger--bare:hover[b-qje9usgyiu] {
    background: transparent;
}

.sm-menu__backdrop[b-qje9usgyiu] {
    position: fixed;
    inset: 0;
    z-index: 1000;
}

.sm-menu__panel[b-qje9usgyiu] {
    position: fixed;
    top: 0;
    left: 0;
    width: max-content;
    max-width: 280px;
    z-index: 1001;
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
    padding: var(--sm-space-3) var(--sm-space-2);
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-surface-alt);
    border-radius: var(--sm-radius-lg);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    visibility: hidden;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmMenuItem.razor.rz.scp.css */
.sm-menu__item[b-vx5s3j18lu] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--sm-space-2);
    width: 100%;
    padding: var(--sm-space-2);
    background: transparent;
    border: none;
    border-radius: var(--sm-space-2);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-sm);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--sm-transition-fast);
}

.sm-menu__item:hover:not(:disabled)[b-vx5s3j18lu] {
    background-color: var(--sm-color-surface-alt);
}

.sm-menu__item:disabled[b-vx5s3j18lu] {
    opacity: 0.5;
    cursor: not-allowed;
}

.sm-menu__item--success[b-vx5s3j18lu] {
    color: var(--sm-color-success);
}

.sm-menu__item--danger[b-vx5s3j18lu] {
    color: var(--sm-color-error);
}

.sm-menu__item-icon[b-vx5s3j18lu] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmModal.razor.rz.scp.css */
.sm-modal-backdrop[b-irz04lt2yx] {
    position: fixed;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1300;
    animation: sm-modal-fade-b-irz04lt2yx var(--sm-transition-base) ease;
}

.sm-modal[b-irz04lt2yx] {
    background-color: var(--sm-background-color-primary);
    color: var(--sm-color-text);
    border-radius: var(--sm-radius-lg);
    box-shadow: 0 12px 36px var(--sm-color-shadow);
    width: 100%;
    max-width: 480px;
    max-height: 80vh;
    display: flex;
    flex-direction: column;
}

.sm-modal__header[b-irz04lt2yx] {
    display: flex;
    align-items: center;
    padding: var(--sm-space-4) var(--sm-space-5);
    border-bottom: 1px solid var(--sm-color-border);
}

.sm-modal__title[b-irz04lt2yx] {
    margin: 0;
    font-size: var(--sm-font-size-lg);
    font-weight: 600;
}

.sm-modal__close[b-irz04lt2yx] {
    background: none;
    border: none;
    font-size: 24px;
    line-height: 1;
    color: var(--sm-color-text-muted);
    cursor: pointer;
    padding: var(--sm-space-1) var(--sm-space-2);
}

.sm-modal__close:hover[b-irz04lt2yx] {
    color: var(--sm-color-text);
}

.sm-modal__close:disabled[b-irz04lt2yx] {
    cursor: not-allowed;
    opacity: 0.4;
    color: var(--sm-color-text-muted);
}

.sm-modal__body[b-irz04lt2yx] {
    flex: 1;
    overflow-y: auto;
    padding: var(--sm-space-5);
}

.sm-modal__footer[b-irz04lt2yx] {
    display: flex;
    justify-content: flex-end;
    gap: var(--sm-space-2);
    padding: var(--sm-space-4) var(--sm-space-5);
    border-top: 1px solid var(--sm-color-border);
}

@keyframes sm-modal-fade-b-irz04lt2yx {
    from { opacity: 0; }
    to { opacity: 1; }
}

.sm-modal--lg[b-irz04lt2yx] { 
    max-width: 1040px; 
    max-height: 88vh; 
}

.sm-modal--lg .sm-modal__title[b-irz04lt2yx] { 
    font-size: var(--sm-font-size-2xl); 
    font-weight: var(--sm-font-weight-700); 
}

.sm-modal__heading[b-irz04lt2yx] { 
    flex: 1; 
    display: flex; 
    flex-direction: column; 
    gap: var(--sm-space-1); 
}

.sm-modal__subtitle[b-irz04lt2yx] { 
    display: flex; 
    gap: var(--sm-space-2); 
    font-size: var(--sm-font-size-sm); 
}

.sm-modal__body--flush[b-irz04lt2yx] { 
    padding: 0; 
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmMultiSelect.razor.rz.scp.css */
.sm-multiselect[b-tfniwla1q4] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    font-size: var(--sm-font-size-sm);
}

.sm-multiselect__label[b-tfniwla1q4] {
    font-weight: 400;
    color: var(--sm-color-text-muted);
}

.sm-multiselect__wrap[b-tfniwla1q4] {
    position: relative;
    display: block;
}

.sm-multiselect__control[b-tfniwla1q4] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    transition: border-color var(--sm-transition-fast);
}

.sm-multiselect__control:focus[b-tfniwla1q4] {
    outline: none;
    border-color: var(--sm-color-primary);
}

.sm-multiselect__control:disabled[b-tfniwla1q4] {
    cursor: not-allowed;
    opacity: 0.6;
}

.sm-multiselect__value[b-tfniwla1q4] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-multiselect__value--placeholder[b-tfniwla1q4] {
    color: var(--sm-color-text-muted);
    font-weight: 400;
}

.sm-multiselect__chevron[b-tfniwla1q4] {
    display: inline-flex;
    margin-left: var(--sm-space-2);
    color: var(--sm-color-text-muted);
}

.sm-multiselect--invalid .sm-multiselect__control[b-tfniwla1q4] {
    border-color: var(--sm-color-error);
}

.sm-multiselect__backdrop[b-tfniwla1q4] {
    position: fixed;
    inset: 0;
    z-index: 50;
}

.sm-multiselect__panel[b-tfniwla1q4] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    /* Grow beyond the trigger when items are long, never shrink narrower than the trigger,
       cap so it doesn't run off the page on tight layouts. */
    min-width: 100%;
    width: max-content;
    max-width: 360px;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
    padding: var(--sm-space-3) var(--sm-space-2);
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-surface-alt);
    border-radius: var(--sm-radius-lg);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    max-height: 300px;
    overflow-y: auto;
}

.sm-multiselect__item[b-tfniwla1q4] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    width: 100%;
    padding: var(--sm-space-2);
    background: transparent;
    border: none;
    border-radius: var(--sm-space-2);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-sm);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--sm-transition-fast);
}

.sm-multiselect__item:hover[b-tfniwla1q4] {
    background-color: var(--sm-color-surface-alt);
}

.sm-multiselect__item-check[b-tfniwla1q4] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-sm);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-primary);
}

.sm-multiselect__item:hover .sm-multiselect__item-check[b-tfniwla1q4] {
    border-color: var(--sm-color-text-muted);
}

.sm-multiselect__item-label[b-tfniwla1q4] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmNavbar.razor.rz.scp.css */
.sm-navbar[b-ief2nroysj] {
    display: flex;
    align-items: center;
    height: var(--sm-navbar-height);
    padding: 0 var(--sm-space-4);
    gap: var(--sm-space-2);
    background-color: var(--sm-color-surface);
    border-bottom: 1px solid var(--sm-color-border);
    flex-shrink: 0;
}

.sm-navbar__brand[b-ief2nroysj] {
    display: inline-flex;
    align-items: center;
    flex-shrink: 0;
    text-decoration: none;
}

.sm-navbar__logo[b-ief2nroysj] {
    height: 36px;
    width: auto;
    object-fit: contain;
    display: block;
}

.sm-navbar__spacer[b-ief2nroysj] {
    flex: 1;
}

.sm-navbar__icon-btn[b-ief2nroysj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    padding: 0;
    border: none;
    border-radius: var(--sm-radius-sm);
    background: transparent;
    color: var(--sm-color-text-muted);
    cursor: pointer;
    transition: background-color var(--sm-transition-fast), color var(--sm-transition-fast);
}

.sm-navbar__icon-btn:hover:not([disabled])[b-ief2nroysj] {
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
}

.sm-navbar__icon-btn[disabled][b-ief2nroysj] {
    opacity: 0.4;
    cursor: not-allowed;
}

.sm-navbar__profile[b-ief2nroysj] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
    padding: var(--sm-space-2) var(--sm-space-3);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-md);
    background: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-sm);
    cursor: pointer;
    transition: background-color var(--sm-transition-fast);
}

.sm-navbar__profile:hover[b-ief2nroysj] {
    background-color: var(--sm-color-surface-alt);
}

.sm-navbar__profile-name[b-ief2nroysj] {
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmPagination.razor.rz.scp.css */
.sm-pagination[b-w83ijvux14] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: var(--sm-space-4);
    padding: var(--sm-space-3) 0;
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
}

.sm-pagination__page-size[b-w83ijvux14] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
    margin-right: auto;
}

.sm-pagination__page-size-label[b-w83ijvux14] {
    color: var(--sm-color-text-muted);
    white-space: nowrap;
}

.sm-pagination__status strong[b-w83ijvux14] {
    color: var(--sm-color-text);
}

.sm-pagination__count[b-w83ijvux14] {
    color: var(--sm-color-text-muted);
}

.sm-pagination__controls[b-w83ijvux14] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-2);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmSelect.razor.rz.scp.css */
.sm-select[b-6pp5f8663z] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
    font-size: var(--sm-font-size-sm);
}

.sm-select__label[b-6pp5f8663z] {
    font-weight: 400;
    color: var(--sm-color-text-muted);
}

.sm-select__wrap[b-6pp5f8663z] {
    position: relative;
    display: block;
}

.sm-select__control[b-6pp5f8663z] {
    display: flex;
    align-items: center;
    width: 100%;
    height: 44px;
    padding: 0 var(--sm-space-4);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-lg);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    text-align: left;
    transition: border-color var(--sm-transition-fast);
}

.sm-select__control:focus[b-6pp5f8663z] {
    outline: none;
    border-color: var(--sm-color-primary);
}

.sm-select__control:disabled[b-6pp5f8663z] {
    cursor: not-allowed;
    opacity: 0.6;
}

.sm-select__value[b-6pp5f8663z] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-select__value--placeholder[b-6pp5f8663z] {
    color: var(--sm-color-text-muted);
    font-weight: 400;
}

.sm-select__chevron[b-6pp5f8663z] {
    display: inline-flex;
    margin-left: var(--sm-space-2);
    color: var(--sm-color-text-muted);
}

.sm-select--invalid .sm-select__control[b-6pp5f8663z] {
    border-color: var(--sm-color-error);
}

/* --- Open panel (Figma node 67:594) --- */

.sm-select__panel[b-6pp5f8663z] {
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    min-width: 100%;
    width: max-content;
    max-width: 360px;
    z-index: 60;
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
    padding: var(--sm-space-3) var(--sm-space-2);
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-surface-alt);
    border-radius: var(--sm-radius-lg);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.12);
    max-height: 300px;
    overflow-y: auto;
}

.sm-select__panel--up[b-6pp5f8663z] {
    top: auto;
    bottom: calc(100% + 4px);
}

.sm-select__item[b-6pp5f8663z] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    width: 100%;
    padding: var(--sm-space-2);
    background: transparent;
    border: none;
    border-radius: var(--sm-space-2);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-sm);
    text-align: left;
    cursor: pointer;
    transition: background-color var(--sm-transition-fast);
}

.sm-select__item:hover[b-6pp5f8663z] {
    background-color: var(--sm-color-surface-alt);
}

.sm-select__item--selected[b-6pp5f8663z] {
    background-color: var(--sm-color-surface-alt);
}

.sm-select__item-check[b-6pp5f8663z] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    color: var(--sm-color-text);
}

.sm-select__item-label[b-6pp5f8663z] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmSidebar.razor.rz.scp.css */
.sm-sidebar[b-ztxdlnlp5n] {
    display: flex;
    flex-direction: column;
    width: var(--sm-sidebar-width);
    background-color: var(--sm-color-surface);
    border-right: 1px solid var(--sm-color-border);
    /* No overflow:hidden here — the toggle button protrudes at right: -12px and would be clipped.
       The internal nav has its own overflow-y: auto for scroll. */
    transition: width var(--sm-transition-base);
    position: relative;
    flex-shrink: 0;
}

.sm-sidebar--collapsed[b-ztxdlnlp5n] {
    width: var(--sm-sidebar-width-collapsed);
}

.sm-sidebar__search[b-ztxdlnlp5n] {
    padding: var(--sm-space-3) var(--sm-space-3);
    border-bottom: 1px solid var(--sm-color-border);
    flex-shrink: 0;
}

.sm-sidebar__search-input[b-ztxdlnlp5n] {
    width: 100%;
    padding: var(--sm-space-2) var(--sm-space-3);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-sm);
    background: var(--sm-color-bg);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-sm);
    outline: none;
}

.sm-sidebar__search-input:focus[b-ztxdlnlp5n] {
    border-color: var(--sm-color-primary);
}

.sm-sidebar__nav[b-ztxdlnlp5n] {
    flex: 1;
    /* Required so the nav can shrink below its content min-size and host an internal
       scroll. Without it, flex-item default min-height:auto pins the nav to its full
       menu-list height, the sidebar overflows the shell, and the whole document
       scrolls (visible on pages like /transferFundRequests once the menu has enough
       items to exceed the viewport height). */
    min-height: 0;
    overflow-y: auto;
    padding: var(--sm-space-2) 0;
}

.sm-sidebar__footer[b-ztxdlnlp5n] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sm-space-2);
    padding: var(--sm-space-4);
    border-top: 1px solid var(--sm-color-border);
    flex-shrink: 0;
}

.sm-sidebar__logo[b-ztxdlnlp5n] {
    width: 150px;
    height: 50px;
    object-fit: contain;
}

.sm-sidebar__version[b-ztxdlnlp5n] {
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
}

/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmStackedBarChart.razor.rz.scp.css */
.sbc[b-c3mycd65gt] {
    --sbc-gutter: 32px;
    --sbc-plot-h: 280px;
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-4);
}

/* Plot area (grid + bars share this coordinate space) */
.sbc__plot[b-c3mycd65gt] {
    position: relative;
    height: var(--sbc-plot-h);
}

/* Y-axis gridlines */
.sbc__grid[b-c3mycd65gt] {
    position: absolute;
    inset: 0;
}

.sbc__tick[b-c3mycd65gt] {
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    transform: translateY(50%);
}

.sbc__tick-label[b-c3mycd65gt] {
    width: var(--sbc-gutter);
    padding-right: var(--sm-space-2);
    text-align: right;
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.sbc__tick-line[b-c3mycd65gt] {
    flex: 1;
    border-top: 1px solid var(--sm-color-border);
}

/* Bars */
.sbc__bars[b-c3mycd65gt] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: var(--sbc-gutter);
    display: flex;
    align-items: flex-end;
    gap: var(--sm-space-4);
}

.sbc__bar[b-c3mycd65gt] {
    flex: 1 0 0;
    min-width: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    gap: 2px;
    position: relative;
}

.sbc__bar-top[b-c3mycd65gt] {
    flex-shrink: 0;
    height: 18px;
    text-align: center;
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-600);;
    color: var(--sm-color-text-muted);
}

.sbc__seg[b-c3mycd65gt] {
    position: relative;
    flex-shrink: 0;
    height: var(--sbc-seg-height);
}

.sbc__seg-fill[b-c3mycd65gt] {
    position: absolute;
    inset: 0;
    background-color: var(--sbc-seg-color);
    border-radius: var(--sm-radius-sm);
}

/* Reduced opacity on ongoing period — applied to the fill only, so the
   tooltip (also a child of .sbc__seg) stays fully opaque. */
.sbc__bar--ongoing .sbc__seg-fill[b-c3mycd65gt] {
    opacity: 0.5;
}

.sbc__axis[b-c3mycd65gt] {
    display: flex;
    gap: var(--sm-space-4);
    padding-left: var(--sbc-gutter);
}

.sbc__axis-label[b-c3mycd65gt] {
    flex: 1 0 0;
    min-width: 0;
    text-align: center;
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
}

/* Hover tooltip (CSS-only) */
.sbc__tooltip[b-c3mycd65gt] {
    position: absolute;
    left: 50%;
    bottom: calc(100% + var(--sm-space-2));
    transform: translateX(-50%);
    z-index: 20;
    display: flex;
    align-items: stretch;
    gap: var(--sm-space-2);
    padding: var(--sm-space-2) var(--sm-space-3) var(--sm-space-2) var(--sm-space-2);
    background-color: var(--sm-color-surface);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-md);
    box-shadow: 0 5px 10px var(--sm-color-shadow);
    white-space: nowrap;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity var(--sm-transition-fast);
}

.sbc__seg:hover .sbc__tooltip[b-c3mycd65gt] {
    visibility: visible;
    opacity: 1;
}

.sbc__tooltip-accent[b-c3mycd65gt] {
    flex-shrink: 0;
    width: 2px;
    border-radius: 9999px;
    background-color: var(--sbc-seg-color);
}

.sbc__tooltip-body[b-c3mycd65gt] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-2);
    padding: var(--sm-space-1) 0;
}

.sbc__tooltip-title[b-c3mycd65gt] {
    font-size: var(--sm-font-size-base);
    font-weight: var(--sm-font-weight-700);
    color: var(--sm-color-text);
}

.sbc__tooltip-subtitle[b-c3mycd65gt] {
    font-size: var(--sm-font-size-sm);
    color: var(--sm-color-text-muted);
}

.sbc__tooltip-rows[b-c3mycd65gt] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
}

.sbc__tooltip-row[b-c3mycd65gt] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-1);
}

.sbc__tooltip-tag[b-c3mycd65gt] {
    padding: var(--sm-space-1);
    background-color: var(--sm-color-surface-alt);
    border-radius: var(--sm-radius-sm);
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text);
}

.sbc__tooltip-text[b-c3mycd65gt] {
    font-size: var(--sm-font-size-sm);
    font-weight: var(--sm-font-weight-500);
    color: var(--sm-color-text);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmTable.razor.rz.scp.css */
/* ============================================================================
   SmTable — local constants
   ============================================================================
   Layout px values (control geometry, not theme-flippable) are declared as CSS
   variables on .sm-table so rules below reference them by friendly name and a
   page-specific stylesheet can override them if needed. */

.sm-table[b-2sezhwgo24] {
    --sm-table-row-toggle-size: 22px;   /* expand-toggle button hit area */
    --sm-table-narrow-col: 40px;        /* width of toggle / checkbox columns under fixed layout */
    width: 100%;
    border-collapse: collapse;
    font-size: var(--sm-font-size-sm);
}


/* ============================================================================
   BASE TABLE — wrap, headers, rows, cells, sortable headers
   ============================================================================ */

.sm-table-wrap[b-2sezhwgo24] {
    width: 100%;
    flex: 1;
    min-width: 0;
    min-height: 0;
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-md);
    /* Rows scroll vertically when the table doesn't fit; columns scroll horizontally on
       narrow viewports. Sticky header below keeps titles visible during vertical scroll. */
    overflow: auto;
    background-color: var(--sm-color-surface);
}


/* TODO: Confirm the loading-state design with the designers — placeholder styling until the new design defines how loading should look. */
.sm-table__loading[b-2sezhwgo24] {
    padding: var(--sm-space-3);
    text-align: center;
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
    background-color: var(--sm-color-surface);
}

.sm-table__th[b-2sezhwgo24] {
    text-align: left;
    padding: var(--sm-space-3) var(--sm-space-4);
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text-muted);
    font-weight: 600;
    border-bottom: 1px solid var(--sm-color-border);
    user-select: none;
    white-space: nowrap;
    position: sticky;
    top: 0;
    z-index: 1;
}

.sm-table__td[b-2sezhwgo24] {
    padding: var(--sm-space-3) var(--sm-space-4);
    border-bottom: 1px solid var(--sm-color-border);
    color: var(--sm-color-text);
}

.sm-table__tr:hover[b-2sezhwgo24],
.sm-table__tr--selected[b-2sezhwgo24] {
    background-color: var(--sm-color-surface-alt);
}

.sm-table__empty[b-2sezhwgo24] {
    padding: var(--sm-space-6);
    text-align: center;
    color: var(--sm-color-text-muted);
}

/* Sortable headers */
.sm-table__th-inner[b-2sezhwgo24] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-1);
}

.sm-table__th--sortable[b-2sezhwgo24] {
    cursor: pointer;
}

.sm-table__th--sortable:hover[b-2sezhwgo24] {
    color: var(--sm-color-text);
}

.sm-table__sort[b-2sezhwgo24] {
    display: inline-flex;
    align-items: center;
    color: var(--sm-color-text-muted);
}

.sm-table__sort-icon[b-2sezhwgo24] {
    display: block;
}

.sm-table__sort-arrow[b-2sezhwgo24] {
    fill: currentColor;
    opacity: 0.35;
    transition: opacity var(--sm-transition-fast);
}

.sm-table__sort-arrow--active[b-2sezhwgo24] {
    fill: var(--sm-color-primary);
    opacity: 1;
}

.sm-table__th--sortable:hover .sm-table__sort-arrow[b-2sezhwgo24] {
    opacity: 0.6;
}

.sm-table__th--sortable:hover .sm-table__sort-arrow--active[b-2sezhwgo24] {
    opacity: 1;
}

.sm-table__tr--skeleton:hover[b-2sezhwgo24] {
    background-color: transparent;
}

.sm-table__skeleton[b-2sezhwgo24] {
    display: block;
    height: 14px;
    width: 80%;
    border-radius: var(--sm-radius-sm);
    background: linear-gradient(
        90deg,
        var(--sm-color-surface-alt) 0%,
        var(--sm-color-border) 50%,
        var(--sm-color-surface-alt) 100%
    );
    background-size: 200% 100%;
    animation: sm-table-skeleton-b-2sezhwgo24 1.4s ease-in-out infinite;
}

.sm-table__skeleton--check[b-2sezhwgo24] {
    width: 16px;
    height: 16px;
    border-radius: var(--sm-radius-sm);
}

@keyframes sm-table-skeleton-b-2sezhwgo24 {
    0%   { background-position: 200% 0; }
    100% { background-position: -200% 0; }
}

/* Checkbox column — narrow leading slot when Selectable is on. */
.sm-table__th--check[b-2sezhwgo24],
.sm-table__td--check[b-2sezhwgo24] {
    width: 1px;
    padding-right: 0;
}


/* ============================================================================
   ROW-EXPAND (drop-down) — only active when ExpandedRowTemplate is set
   ============================================================================
   Each row gets a leading toggle button. Clicking it opens an "expanded body"
   row directly below containing whatever the parent supplies via
   ExpandedRowTemplate (typically a child grid). */

.sm-table__th--expand[b-2sezhwgo24],
.sm-table__td--expand[b-2sezhwgo24] {
    width: 1px;
    padding-right: 0;
    text-align: center;
}

.sm-table__row-toggle[b-2sezhwgo24] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: var(--sm-table-row-toggle-size);
    height: var(--sm-table-row-toggle-size);
    padding: 0;
    background: transparent;
    border: 0;
    border-radius: var(--sm-radius-sm);
    color: var(--sm-color-text-muted);
    cursor: pointer;
}

.sm-table__row-toggle:hover[b-2sezhwgo24] {
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
}

.sm-table__row-toggle--open[b-2sezhwgo24] {
    color: var(--sm-color-primary);
    transform: rotate(180deg);
}

/* The expanded body row — hosts the child RenderFragment when a row is toggled open. */
.sm-table__td--expanded-body[b-2sezhwgo24] {
    background-color: var(--sm-color-surface-alt);
    padding: var(--sm-space-4);
    border-bottom: 1px solid var(--sm-color-border);
}


/* ============================================================================
   FIXED LAYOUT — opt-in via FixedLayout="true"
   ============================================================================
   Column widths computed once from the header row and stay stable across sorts.
   Cells ellipsize long content; the expanded body is exempt so it can wrap. */

.sm-table--fixed-layout[b-2sezhwgo24] {
    table-layout: fixed;
}

.sm-table--fixed-layout .sm-table__td[b-2sezhwgo24] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sm-table--fixed-layout .sm-table__td--expanded-body[b-2sezhwgo24] {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
}

/* Under fixed layout, the "width: 1px" trick on narrow columns is honoured literally —
   the toggle/checkbox columns would shrink to 1px and clip their controls. Force an
   explicit fit-the-control width here. */
.sm-table--fixed-layout .sm-table__th--check[b-2sezhwgo24],
.sm-table--fixed-layout .sm-table__td--check[b-2sezhwgo24],
.sm-table--fixed-layout .sm-table__th--expand[b-2sezhwgo24],
.sm-table--fixed-layout .sm-table__td--expand[b-2sezhwgo24] {
    width: var(--sm-table-narrow-col);
}


/*.sm-table__tr--skeleton:hover {*/
/*    background-color: transparent;*/
/*}*/

/*.sm-table__skeleton {*/
/*    display: block;*/
/*    height: 14px;*/
/*    width: 80%;*/
/*    border-radius: var(--sm-radius-sm);*/
/*    background: linear-gradient(*/
/*            90deg,*/
/*            var(--sm-color-surface-alt) 0%,*/
/*            var(--sm-color-border) 50%,*/
/*            var(--sm-color-surface-alt) 100%*/
/*    );*/
/*    background-size: 200% 100%;*/
/*    animation: sm-table-skeleton 1.4s ease-in-out infinite;*/
/*}*/

/*.sm-table__skeleton--check {*/
/*    width: 16px;*/
/*    height: 16px;*/
/*    border-radius: var(--sm-radius-sm);*/
/*}*/

/*@keyframes sm-table-skeleton {*/
/*    0%   { background-position: 200% 0; }*/
/*    100% { background-position: -200% 0; }*/
/*}*/
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmTabs.razor.rz.scp.css */
.sm-tabs[b-xgh1txlnhh] {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-height: 0;
    flex: 1;
}

.sm-tabs__headers[b-xgh1txlnhh] {
    display: flex;
    align-items: stretch;
    gap: var(--sm-space-1);
    border-bottom: 1px solid var(--sm-color-border);
    margin-bottom: var(--sm-space-4);
    flex-wrap: wrap;
}

.sm-tabs__header[b-xgh1txlnhh] {
    display: inline-flex;
    align-items: center;
    padding: var(--sm-space-3) var(--sm-space-4);
    background: transparent;
    border: 0;
    border-bottom: 2px solid transparent;
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-base);
    font-weight: 500;
    cursor: pointer;
    transition: color var(--sm-transition-fast), border-color var(--sm-transition-fast), background-color var(--sm-transition-fast);
    white-space: nowrap;
    /* Pull the border-bottom 1px down so the active underline sits on top of .sm-tabs__headers' border. */
    margin-bottom: -1px;
}

.sm-tabs__header:hover[b-xgh1txlnhh] {
    color: var(--sm-color-text);
    background-color: var(--sm-color-surface-alt);
}

.sm-tabs__header--active[b-xgh1txlnhh] {
    color: var(--sm-color-primary);
    border-bottom-color: var(--sm-color-primary);
}

.sm-tabs__header--active:hover[b-xgh1txlnhh] {
    background-color: transparent;
}

.sm-tabs__header:focus-visible[b-xgh1txlnhh] {
    outline: 2px solid var(--sm-color-primary);
    outline-offset: -2px;
    border-radius: var(--sm-radius-sm);
}

.sm-tabs__body[b-xgh1txlnhh] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmTag.razor.rz.scp.css */
.sm-tag[b-yw74q1yn92] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-1);
    padding: 2px var(--sm-space-2);
    border-radius: var(--sm-radius-sm);
    font-size: var(--sm-font-size-sm);
    font-weight: 500;
    line-height: 1.4;
    border: 1px solid transparent;
}

.sm-tag--filled[b-yw74q1yn92] {
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
}

.sm-tag--outline[b-yw74q1yn92] {
    background-color: transparent;
    color: var(--sm-color-text-muted);
    border-color: var(--sm-color-border);
}

.sm-tag__label[b-yw74q1yn92] {
    line-height: 1.4;
}

.sm-tag__dismiss[b-yw74q1yn92] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: none;
    border: none;
    padding: 0;
    margin-left: var(--sm-space-1);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    color: inherit;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity var(--sm-transition-fast), background-color var(--sm-transition-fast);
}

.sm-tag__dismiss:hover[b-yw74q1yn92] {
    opacity: 1;
    background-color: var(--sm-color-border);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Components/SmTooltip.razor.rz.scp.css */
.sm-tooltip[b-udi0oouq3m] {
    position: relative;
    display: inline-block;
}

.sm-tooltip__bubble[b-udi0oouq3m] {
    position: absolute;
    bottom: calc(100% + 6px);
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--sm-color-text);
    color: var(--sm-color-surface);
    padding: var(--sm-space-1) var(--sm-space-2);
    border-radius: var(--sm-radius-sm);
    font-size: var(--sm-font-size-sm);
    white-space: nowrap;
    pointer-events: none;
    opacity: 0;
    transition: opacity var(--sm-transition-fast);
    z-index: 100;
}

.sm-tooltip:hover .sm-tooltip__bubble[b-udi0oouq3m],
.sm-tooltip:focus-within .sm-tooltip__bubble[b-udi0oouq3m] {
    opacity: 1;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Pages/BonusEngine/BonusAuditLogModal.razor.rz.scp.css */
/* Frosted backdrop per Figma (node 185:8234): half-black overlay with a 12.5px blur. */
[b-so7d1r3njt] .sm-modal-backdrop {
    background-color: rgba(0, 0, 0, 0.5);
    backdrop-filter: blur(12.5px);
    -webkit-backdrop-filter: blur(12.5px);
}

/* Wide audit-log variant of SmModal — Figma border/radius/typography. Width is driven by
   the SmModal MaxWidth parameter (1120px), not here. ::deep because the .sm-modal element
   lives in SmModal's own component scope. */
[b-so7d1r3njt] .sm-modal.bonus-audit__modal {
    width: calc(100% - 2 * var(--sm-space-6));
    border: 1px solid var(--sm-color-surface-alt);
    border-radius: var(--sm-radius-xl);
    box-shadow: 0 5px 10px var(--sm-color-shadow);
}

[b-so7d1r3njt] .bonus-audit__modal .sm-modal__title {
    font-size: var(--sm-font-size-3xl);
    font-weight: 700;
}

/* Mock-data notice shown until the BE audit endpoint exists. */
[b-so7d1r3njt] .bonus-audit__notice {
    display: flex;
    align-items: center;
    gap: var(--sm-space-2);
    margin-bottom: var(--sm-space-4);
    padding: var(--sm-space-2) var(--sm-space-3);
    border: 1px solid var(--sm-color-warning);
    border-radius: var(--sm-radius-md);
    color: var(--sm-color-warning);
    font-size: var(--sm-font-size-sm);
}

/* Inner rounded table (Figma "rows" group). */
[b-so7d1r3njt] .bonus-audit__table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

[b-so7d1r3njt] .bonus-audit__row {
    display: flex;
    align-items: center;
    gap: var(--sm-space-5);
    padding: var(--sm-space-4) var(--sm-space-3);
    border: 0.5px solid var(--sm-color-border-strong);
    border-top: none;
    font-size: var(--sm-font-size-base);
    font-weight: 500;
    color: var(--sm-color-text);
}

[b-so7d1r3njt] .bonus-audit__row--head {
    background-color: var(--sm-table-header-bg);
    border: none;
    border-radius: var(--sm-radius-lg) var(--sm-radius-lg) 0 0;
}

[b-so7d1r3njt] .bonus-audit__row:last-child {
    border-radius: 0 0 var(--sm-radius-lg) var(--sm-radius-lg);
}

[b-so7d1r3njt] .bonus-audit__action {
    width: 310px;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-so7d1r3njt] .bonus-audit__user {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-so7d1r3njt] .bonus-audit__timestamp {
    flex: 1;
    min-width: 0;
    color: var(--sm-color-description);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

[b-so7d1r3njt] .bonus-audit__timestamp--head {
    color: var(--sm-color-text);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Pages/BonusEngine/BonusList.razor.rz.scp.css */
.bonus-list__header[b-8bd3cj4e8m] {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: var(--sm-space-4);
    margin-bottom: var(--sm-space-5);
}

.bonus-list__heading[b-8bd3cj4e8m] {
    display: flex;
    flex-direction: column;
    gap: var(--sm-space-1);
}

.bonus-list__updated[b-8bd3cj4e8m] {
    display: inline-flex;
    align-items: center;
    gap: var(--sm-space-1);
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.bonus-list__updated-dot[b-8bd3cj4e8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: var(--sm-color-success);
    color: var(--sm-color-success-text);
}

.bonus-list__title[b-8bd3cj4e8m] {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0;
}

/* Create campaign button — larger radius and padding than the base SmButton to match
   the Figma design. Styled via ::deep because the .sm-btn element lives in SmButton's
   own component scope. */
[b-8bd3cj4e8m] .bonus-list__create-btn {
    padding: var(--sm-space-3) var(--sm-space-4);
    border-radius: var(--sm-radius-lg);
    font-size: var(--sm-font-size-base);
}

/* Table header — solid gray fill, black text per Figma. Scoped to this page (the .sm-table
   element lives in SmTable's own scope) and given an element+class selector so it outranks
   SmTable's own .sm-table__th rule. */
[b-8bd3cj4e8m] th.sm-table__th {
    background-color: var(--sm-table-header-bg);
    color: var(--sm-table-header-text);
}

/* Status badge brand colors — override SmBadge's semantic variants. The .sm-badge.bonus-badge--x
   compound selector (two classes) outranks .sm-badge--variant (one class) regardless of order. */
[b-8bd3cj4e8m] .sm-badge.bonus-badge {
    padding: var(--sm-space-2) var(--sm-space-3);
    border-radius: var(--sm-radius-md);
}

[b-8bd3cj4e8m] .sm-badge.bonus-badge--draft {
    background-color: var(--sm-badge-draft-bg);
    color: var(--sm-badge-draft-text);
}

[b-8bd3cj4e8m] .sm-badge.bonus-badge--scheduled {
    background-color: var(--sm-badge-scheduled-bg);
    color: var(--sm-badge-scheduled-text);
}

[b-8bd3cj4e8m] .sm-badge.bonus-badge--active {
    background-color: var(--sm-badge-active-bg);
    color: var(--sm-badge-active-text);
}

[b-8bd3cj4e8m] .sm-badge.bonus-badge--stopped {
    background-color: var(--sm-badge-stopped-bg);
    color: var(--sm-badge-stopped-text);
}

[b-8bd3cj4e8m] .sm-badge.bonus-badge--expired {
    background-color: var(--sm-badge-expired-bg);
    border-color: var(--sm-badge-expired-border);
    color: var(--sm-badge-expired-text);
}

.bonus-list__campaign-name[b-8bd3cj4e8m] {
    color: var(--sm-color-text);
    font-weight: 500;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bonus-list__campaign-name:hover[b-8bd3cj4e8m] {
    text-decoration: underline;
}

[b-8bd3cj4e8m] .bonus-list__col-actions {
    width: 1px;
    text-align: right;
    white-space: nowrap;
}

.bonus-list__kebab[b-8bd3cj4e8m] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    color: var(--sm-color-text-muted);
    cursor: pointer;
    transition: background-color var(--sm-transition-fast), color var(--sm-transition-fast);
}

.bonus-list__kebab:hover[b-8bd3cj4e8m] {
    background-color: var(--sm-color-surface-alt);
    color: var(--sm-color-text);
}

.bonus-list__load-more[b-8bd3cj4e8m] {
    display: flex;
    justify-content: center;
    margin-top: var(--sm-space-4);
}

.bonus-list__empty[b-8bd3cj4e8m] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--sm-space-3);
    padding: var(--sm-space-6) var(--sm-space-4);
}

.bonus-list__empty-title[b-8bd3cj4e8m] {
    font-weight: 600;
    color: var(--sm-color-text);
    margin: 0;
}

.bonus-list__empty-body[b-8bd3cj4e8m] {
    color: var(--sm-color-text-muted);
    margin: 0;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Pages/BonusEngine/BonusListFilters.razor.rz.scp.css */
.bonus-list-filters[b-ao2f8obey7] {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: var(--sm-space-4);
    flex-wrap: wrap;
    margin-bottom: var(--sm-space-4);
}

.bonus-list-filters__left[b-ao2f8obey7] {
    display: flex;
    align-items: flex-end;
    gap: var(--sm-space-3);
    flex-wrap: wrap;
}

/* Uniform filter widths — Status/Tags/Trigger otherwise size to their content and look
   narrower than Date range. The control buttons stretch to the root width (flex column,
   default align-items: stretch), so sizing the roots is enough. ::deep reaches the nested
   SmSelect / SmMultiSelect roots; the Trigger select is wrapped in a tooltip div but the
   descendant selector still matches it. */
.bonus-list-filters__left[b-ao2f8obey7]  .sm-select,
.bonus-list-filters__left[b-ao2f8obey7]  .sm-multiselect {
    width: 150px;
}

/* Keep the Trigger's tooltip wrapper from collapsing narrower than its select. */
.bonus-list-filters__left > div[b-ao2f8obey7] {
    width: 150px;
}

.bonus-list-filters__right[b-ao2f8obey7] {
    display: flex;
    align-items: flex-end;
    flex: 1;
    justify-content: flex-end;
    min-width: 240px;
}

.bonus-list-filters__search[b-ao2f8obey7] {
    position: relative;
    display: inline-flex;
    align-items: center;
    width: 100%;
    max-width: 320px;
}

.bonus-list-filters__search-icon[b-ao2f8obey7] {
    position: absolute;
    left: var(--sm-space-3);
    display: inline-flex;
    align-items: center;
    color: var(--sm-color-placeholder);
    pointer-events: none;
}

.bonus-list-filters__search-input[b-ao2f8obey7] {
    width: 100%;
    padding: var(--sm-space-2) var(--sm-space-3) var(--sm-space-2) calc(var(--sm-space-3) + 22px);
    border: 1px solid var(--sm-color-border);
    border-radius: var(--sm-radius-md);
    background-color: var(--sm-color-surface);
    color: var(--sm-color-text);
    font-size: var(--sm-font-size-base);
    line-height: 1.4;
    outline: none;
    transition: border-color var(--sm-transition-fast);
}

.bonus-list-filters__search-input[b-ao2f8obey7]::placeholder {
    color: var(--sm-color-placeholder);
}

.bonus-list-filters__search-input:focus[b-ao2f8obey7] {
    border-color: var(--sm-color-primary);
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Pages/Logins/Logins.razor.rz.scp.css */
/* Logins.razor — top-level page CSS, plus the shared visual rules for every grid + child
   grid + cross-grid bits rendered below this page. Using ::deep so a single rule reaches
   descendants in sibling components (LoginsUserSummary, LoginsUserDetails, etc.) without
   each component re-declaring the same selectors in its own scoped CSS. */

.logins-page[b-tdejzb6urp] {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
    height: 100%;
}

.logins-page__heading[b-tdejzb6urp] {
    font-size: var(--sm-font-size-xl);
    color: var(--sm-color-text);
    margin: 0 0 var(--sm-space-4);
}

/* Parent-grid wrapper — used by LoginsUserSummary and LoginsDeviceSummary. Flex column so
   the SmTable inside can claim remaining height. */
.logins-page[b-tdejzb6urp]  .logins-grid {
    display: flex;
    flex-direction: column;
    flex: 1;
    min-height: 0;
}

.logins-page[b-tdejzb6urp]  .logins-grid__heading {
    font-size: var(--sm-font-size-lg);
    color: var(--sm-color-text);
    margin: 0 0 var(--sm-space-3);
}

/* Child-grid wrapper — used by LoginsUserDetails and LoginsDeviceUsers (rendered inside
   an SmTable expanded row). Block layout: the parent <td> has no defined height, so a
   flex column would collapse the SmTable inside to zero height. Sibling-margin instead
   of flex gap keeps a clean stacking. */
.logins-page[b-tdejzb6urp]  .logins-child-grid > * + * {
    margin-top: var(--sm-space-3);
}

.logins-page[b-tdejzb6urp]  .logins-child-grid__heading {
    font-size: var(--sm-font-size-base);
    color: var(--sm-color-text);
    margin: 0;
}

/* Email-cell anchor that opens the user profile in a new tab. */
.logins-page[b-tdejzb6urp]  .logins-user-link {
    color: var(--sm-color-primary);
    text-decoration: none;
}

.logins-page[b-tdejzb6urp]  .logins-user-link:hover {
    text-decoration: underline;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Pages/TransferFundRequests/SmProcessFundTransferRequestDialog.razor.rz.scp.css */
.sm-process-progress__label[b-n9yrvo5m6i] {
    margin: 0 0 var(--sm-space-3);
    color: var(--sm-color-text);
}

.sm-process-progress__hint[b-n9yrvo5m6i] {
    margin: var(--sm-space-3) 0 0;
    color: var(--sm-color-text-muted);
    font-size: var(--sm-font-size-sm);
}

.sm-process-errors[b-n9yrvo5m6i] {
    margin: var(--sm-space-2) 0 0;
    padding-left: var(--sm-space-5);
    color: var(--sm-color-danger, #c53030);
    font-size: var(--sm-font-size-sm);
    max-height: 240px;
    overflow-y: auto;
}

.sm-process-errors li[b-n9yrvo5m6i] {
    margin-bottom: var(--sm-space-1);
    word-break: break-word;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/Pages/TransferFundRequests/TransferFundRequests.razor.rz.scp.css */
.ftr-page[b-jkqy7uvwdi] {
    /* Flex column that fills .sm-shell__content's height; SmTable's .sm-table-wrap
       (flex:1, overflow:auto) then becomes the only scroll region on the page and
       SmPagination stays anchored to the viewport bottom regardless of row count. */
    flex: 1;
    min-height: 0;
    display: flex;
    flex-direction: column;
}

.ftr-page__heading[b-jkqy7uvwdi] {
    font-size: var(--sm-font-size-xl);
    font-weight: 600;
    margin: 0 0 var(--sm-space-4);
}

.ftr-page__bulk[b-jkqy7uvwdi] {
    display: flex;
    align-items: center;
    gap: var(--sm-space-3);
    padding: var(--sm-space-3);
    background-color: var(--sm-color-surface-alt);
    border-radius: var(--sm-radius-md);
    margin-bottom: var(--sm-space-4);
}

.ftr-page__bulk-count[b-jkqy7uvwdi] {
    font-weight: 500;
    color: var(--sm-color-text);
}

.ftr-status[b-jkqy7uvwdi] {
    display: inline-flex;
    align-items: center;
    padding: 2px var(--sm-space-2);
    border-radius: var(--sm-radius-sm);
    font-size: var(--sm-font-size-sm);
    font-weight: 500;
    line-height: 1.4;
}

.ftr-status--pending[b-jkqy7uvwdi] {
    background-color: rgba(191, 135, 0, 0.15);
    color: var(--sm-color-warning);
}

.ftr-status--approved[b-jkqy7uvwdi] {
    background-color: rgba(31, 136, 61, 0.15);
    color: var(--sm-color-success);
}

.ftr-status--rejected[b-jkqy7uvwdi] {
    background-color: rgba(207, 34, 46, 0.15);
    color: var(--sm-color-error);
}

.ftr-status--failed[b-jkqy7uvwdi] {
    background-color: rgba(207, 34, 46, 0.15);
    color: var(--sm-color-error);
}

.ftr-user-link[b-jkqy7uvwdi] {
    color: var(--sm-color-primary);
    text-decoration: none;
    font-family: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
    font-size: 12px;
}

.ftr-user-link:hover[b-jkqy7uvwdi] {
    text-decoration: underline;
}
/* _content/Stakemate.Backoffice.UI/NewLayout/SmLayout.razor.rz.scp.css */
.sm-shell[b-vturrvvqw4] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: var(--sm-color-bg);
    color: var(--sm-color-text);
    font-family: var(--sm-font-family);
    font-size: var(--sm-font-size-base);
}

.sm-shell__body[b-vturrvvqw4] {
    display: flex;
    flex: 1;
    min-height: 0;
    position: relative;
}

.sm-shell__sidebar-toggle[b-vturrvvqw4] {
    position: absolute;
    top: 50%;
    left: var(--sm-sidebar-width);
    transform: translate(-50%, -50%);
    width: 24px;
    height: 24px;
    border: 1px solid var(--sm-color-border);
    border-radius: 50%;
    background: var(--sm-color-surface);
    color: var(--sm-color-text-muted);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 1px 4px var(--sm-color-shadow);
    z-index: 20;
    transition: left var(--sm-transition-base), color var(--sm-transition-fast), background-color var(--sm-transition-fast);
}

.sm-shell__sidebar-toggle:hover[b-vturrvvqw4] {
    color: var(--sm-color-text);
    background-color: var(--sm-color-surface-alt);
}

.sm-shell__sidebar-toggle--collapsed[b-vturrvvqw4] {
    left: var(--sm-sidebar-width-collapsed);
}

.sm-shell__content[b-vturrvvqw4] {
    flex: 1;
    min-width: 0;
    min-height: 0;
    overflow-y: auto;
    /* Match the navbar and sidebar surface so the content area isn't a separate
       gray panel against the white chrome. Flips to the dark surface under
       [data-theme="dark"] via the token. */
    background-color: var(--sm-color-surface);
    padding: var(--sm-content-padding);
    /* Flex column so a page can opt into "fill the viewport, internal table scroll,
       pagination glued to the bottom" by giving its root `flex: 1; min-height: 0`
       (see TransferFundRequests). Pages that don't opt in still get block-style flow
       and the column scrolls if total content overflows (see ComponentList). */
    display: flex;
    flex-direction: column;
}