/* Keep rightmost grid actions clear of the edge/scrollbar. */
.rz-data-grid table th:last-child,
.rz-data-grid table td:last-child {
    padding-right: 14px !important;
}

.grid-actions-row {
    display: flex;
    gap: 6px;
    justify-content: center;
    align-items: center;
    padding-right: 12px;
    width: max-content;
    margin-left: auto;
    margin-right: 8px;
}

/* Radzen wraps template content in .rz-cell-data which clips overflow by default. */
.rz-data-grid table td:last-child .rz-cell-data {
    overflow: visible !important;
    text-overflow: clip !important;
}

.smt-wide-grid .rz-grid-table thead th {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.smt-wide-grid .rz-grid-table tbody tr > td {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.smt-wide-grid .rz-cell-data {
    line-height: 1.25;
}



.material .rz-textbox,
.material .rz-dropdown,
.material .rz-textarea,
.material .rz-inputtext,
.material .rz-input-number {
    background: var(--rz-input-background-color) !important;
    border-color: #dfe4ee !important;
    color: var(--sm-light-text) !important;
    border-radius: var(--rz-input-border-radius) !important;
}

.material .rz-textbox:focus,
.material .rz-dropdown:focus,
.material .rz-textarea:focus,
.material .rz-input-number:focus {
    border-color: var(--sm-light-primary) !important;
    box-shadow: var(--rz-input-focus-shadow) !important;
}

.material .rz-dropdown,
.material .rz-multiselect {
    min-height: var(--rz-input-height);
    background: var(--rz-input-background-color) !important;
    border: var(--rz-input-border) !important;
    color: var(--sm-light-text) !important;
    box-shadow: 0 1px 3px rgba(35, 45, 70, 0.05);
}

.material .rz-dropdown .rz-placeholder,
.material .rz-multiselect .rz-placeholder {
    color: #566176 !important;
    font-weight: 700;
}

.material .rz-dropdown-label,
.material .rz-multiselect-label {
    color: var(--sm-light-text) !important;
    font-weight: 700;
}

.material .rz-dropdown-trigger .rzi,
.material .rz-multiselect-trigger .rzi {
    color: #667085 !important;
}

.material .rz-dropdown-panel,
.material .rz-multiselect-panel {
    background: #ffffff !important;
    border: 1px solid #dfe4ee !important;
    color: var(--sm-light-text) !important;
    border-radius: 12px !important;
    box-shadow: var(--rz-dropdown-panel-shadow) !important;
}

.material .rz-multiselect-panel .rz-multiselect-header {
    align-items: center !important;
    border-bottom: 1px solid var(--sm-light-border) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
}

.material .rz-multiselect-panel .rz-chkbox {
    flex: 0 0 auto;
    margin: 0 !important;
}

.material .rz-multiselect-panel .rz-multiselect-item .rz-chkbox {
    margin-right: 12px !important;
}

.material .rz-dropdown-panel .rz-dropdown-filter-container,
.material .rz-multiselect-panel .rz-multiselect-filter-container {
    align-items: center !important;
    background: #f7f9fc !important;
    border: 1px solid #dfe4ee !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    flex: 1 1 auto !important;
    gap: 10px !important;
    min-height: 36px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
}

.material .rz-dropdown-panel .rz-dropdown-filter-container {
    margin: 12px 16px !important;
}

.material .rz-dropdown-panel .rz-dropdown-filter,
.material .rz-multiselect-panel .rz-multiselect-filter-container .rz-inputtext {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--sm-light-text) !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
}

.material .rz-dropdown-panel .rz-dropdown-filter:focus,
.material .rz-multiselect-panel .rz-multiselect-filter-container .rz-inputtext:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.material .rz-dropdown-panel .rz-dropdown-filter-container .rzi-search,
.material .rz-multiselect-panel .rz-multiselect-filter-container .rzi-search {
    color: #667085 !important;
    flex: 0 0 auto;
    margin: 0 !important;
}

.material .rz-dropdown-item,
.material .rz-multiselect-item {
    color: #394152 !important;
}

.material .rz-dropdown-item:hover,
.material .rz-multiselect-item:hover {
    background: #eef0ff !important;
    color: #202650 !important;
}

.material .rz-chip {
    background: #eef0ff !important;
    border: 1px solid #dfe3ff !important;
    color: #5965e8 !important;
}

.material .rz-chkbox-box {
    background: #ffffff !important;
    border: 1px solid #d4dae7 !important;
    box-shadow: none !important;
}

.material .rz-chkbox-box.rz-state-active,
.material .rz-chkbox-checked .rz-chkbox-box {
    background: var(--sm-light-primary) !important;
    border-color: var(--sm-light-primary) !important;
    color: #ffffff !important;
}

.material .rz-chkbox-box.rz-state-active .rz-chkbox-icon,
.material .rz-chkbox-checked .rz-chkbox-box .rz-chkbox-icon {
    color: #ffffff !important;
}

.material .rz-switch .rz-switch-circle {
    background: #d9dee8 !important;
    border: 1px solid #cbd2df !important;
}

.material .rz-switch,
.material-dark .rz-switch {
    box-sizing: border-box !important;
    position: relative !important;
    display: inline-block !important;
    vertical-align: middle !important;
    width: 2.25rem !important;
    min-width: 2.25rem !important;
    height: .875rem !important;
    border-radius: 999px !important;
    overflow: visible !important;
}

.material .rz-switch .rz-switch-circle,
.material-dark .rz-switch .rz-switch-circle {
    position: absolute !important;
    cursor: pointer !important;
    inset-block-start: 0 !important;
    inset-inline-start: 0 !important;
    inset-inline-end: 0 !important;
    inset-block-end: 0 !important;
    border-radius: 999px !important;
}

.material .rz-switch .rz-switch-circle::before,
.material-dark .rz-switch .rz-switch-circle::before {
    position: absolute !important;
    content: "" !important;
    width: 1.25rem !important;
    height: 1.25rem !important;
    inset-block-start: 50% !important;
    inset-inline-start: 0 !important;
    margin-block-start: -.625rem !important;
    border-radius: 999px !important;
}

.material .rz-switch.rz-switch-checked .rz-switch-circle::before,
.material-dark .rz-switch.rz-switch-checked .rz-switch-circle::before {
    transform: translateX(1rem) !important;
}

*[dir=rtl] .material .rz-switch.rz-switch-checked .rz-switch-circle::before,
*[dir=rtl] .material-dark .rz-switch.rz-switch-checked .rz-switch-circle::before {
    transform: translateX(-1rem) !important;
}

.material .rz-switch .rz-switch-circle::before {
    background: #8792a3 !important;
    box-shadow: 0 2px 6px rgba(70, 80, 100, 0.18) !important;
}

.material .rz-switch.rz-switch-checked .rz-switch-circle {
    background: #5965e8 !important;
    border-color: #5965e8 !important;
    box-shadow: 0 0 0 3px rgba(89, 101, 232, 0.12) !important;
}

.material .rz-switch.rz-switch-checked .rz-switch-circle::before {
    background: #ffffff !important;
    box-shadow: 0 2px 8px rgba(89, 101, 232, 0.32) !important;
}

.material .rz-switch:not(.rz-switch-checked):hover .rz-switch-circle {
    background: #cfd6e4 !important;
    border-color: #bac3d3 !important;
}

.material .rz-switch.rz-switch-checked:hover .rz-switch-circle {
    background: #4f5cdd !important;
    border-color: #4f5cdd !important;
}

.material .rz-datatable {
    border: 1px solid var(--sm-light-border) !important;
    border-radius: 6px !important;
    background: var(--sm-light-panel) !important;
    box-shadow: var(--rz-shadow-2) !important;
}

.material .rz-grid-table thead th {
    background: #f7f9fc !important;
    color: #495366 !important;
}

.material .rz-grid-table tbody tr > td {
    transition: background-color 140ms ease, color 140ms ease;
}

/* Preserve the table's theme during refresh; the transparent loading overlay
   still blocks input while Radzen displays its spinner. */
.account-analytics-grid {
    --rz-grid-loading-indicator-background-color: transparent;
    --rz-grid-loading-indicator-color: var(--rz-primary);
}

/* Keep row colors immediate on grids that flicker when Chromium repaints them
   after first display or returning to a tab. */
.material .smt-activity-log-grid .rz-grid-table tbody tr > td,
.material-dark .smt-activity-log-grid .rz-grid-table tbody tr > td,
.material .account-analytics-grid .rz-grid-table tbody tr > td,
.material-dark .account-analytics-grid .rz-grid-table tbody tr > td {
    transition: none;
}

.material .rz-grid-table tbody tr:nth-child(odd) > td {
    background: var(--sm-light-row) !important;
}

.material .rz-grid-table tbody tr:nth-child(even) > td {
    background: var(--sm-light-row-alt) !important;
}

.material .rz-grid-table tbody tr:hover > td {
    background: #eef2f8 !important;
}

.material .rz-rowgroup-header > td,
.material .rz-rowgroup-header .rz-cell-data {
    background: #ffffff !important;
    color: #394152 !important;
    font-weight: 700;
}

.material .rz-overlaypanel:has(.rz-grid-filter),
.material .rz-overlaypanel:has(.rz-date-filter) {
    background: #ffffff !important;
    border: 1px solid var(--sm-light-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 40px rgba(35, 45, 70, 0.18) !important;
    overflow: hidden !important;
}

.material .rz-grid-filter,
.material .rz-date-filter,
.material .rz-grid-filter-buttons {
    background: #ffffff !important;
    color: var(--sm-light-text) !important;
}

.material .rz-grid-filter {
    gap: 12px !important;
    padding: 18px !important;
}

.material .rz-grid-filter .rz-grid-filter-label {
    color: var(--sm-light-text) !important;
    font-size: 1rem;
    font-weight: 800;
}

.material .rz-grid-filter-buttons {
    border-top: 1px solid var(--sm-light-border) !important;
    padding: 12px 18px 16px !important;
}

.material .rz-grid-filter-buttons .rz-button.rz-clear-filter,
.material .rz-grid-filter-buttons .rz-button.rz-apply-filter {
    border-radius: 999px !important;
    box-shadow: none !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    min-width: 88px;
}

.material .rz-grid-filter-buttons .rz-button.rz-clear-filter {
    background: #f7f9fc !important;
    border: 1px solid #dfe4ee !important;
    color: var(--sm-light-primary-dark) !important;
}

.material .rz-grid-filter-buttons .rz-button.rz-clear-filter:hover,
.material .rz-grid-filter-buttons .rz-button.rz-clear-filter:focus-visible {
    background: #eef0ff !important;
    border-color: #cfd5ff !important;
    color: var(--sm-light-primary-dark) !important;
}

.material .rz-grid-filter-buttons .rz-button.rz-apply-filter {
    background: var(--sm-light-primary-dark) !important;
    border: 1px solid var(--sm-light-primary-dark) !important;
    color: #ffffff !important;
}

.material .rz-grid-filter-buttons .rz-button.rz-apply-filter:hover,
.material .rz-grid-filter-buttons .rz-button.rz-apply-filter:focus-visible {
    background: var(--sm-light-primary) !important;
    border-color: var(--sm-light-primary) !important;
    color: #ffffff !important;
}

.material .rz-grid-filter-buttons .rz-button.rz-state-disabled,
.material .rz-grid-filter-buttons .rz-button:disabled {
    opacity: 0.68 !important;
}

.material .rz-column-picker {
    align-items: center;
}

.rz-column-picker .rz-dropdown-label {
    font-size: 0 !important;
}

.rz-column-picker .rz-dropdown-label::before {
    content: "Manage Columns";
    font-size: 1rem;
    white-space: nowrap;
}

.material .rz-column-picker .rz-button {
    background: #ffffff !important;
    border: 1px solid #dfe4ee !important;
    color: #394152 !important;
    border-radius: 999px !important;
    min-height: 42px;
    padding: 0 18px !important;
    font-weight: 700;
}

.material .rz-paginator,
.material .rz-pager {
    background: #ffffff !important;
    border-top: 1px solid var(--sm-light-border) !important;
    color: var(--sm-light-text-muted) !important;
}

.material .rz-paginator-page,
.material .rz-paginator-first,
.material .rz-paginator-prev,
.material .rz-paginator-next,
.material .rz-paginator-last {
    border-radius: 999px !important;
}

.material .rz-paginator-page.rz-state-active,
.material .rz-paginator-page.rz-paginator-page-selected {
    background: #eef0ff !important;
    color: #5965e8 !important;
    border-color: #dfe3ff !important;
}

.material .rz-tabview {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.material .rz-tabview .rz-tabview-nav {
    background: transparent !important;
    border: 0 !important;
    border-bottom: 1px solid var(--sm-light-border) !important;
    box-shadow: none !important;
    gap: 2px;
    padding: 0 !important;
}

.material .rz-tabview .rz-tabview-nav li {
    position: relative;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #697386 !important;
    transition: background-color 140ms ease, color 140ms ease;
}

.material .rz-tabview .rz-tabview-nav li::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: -1px;
    height: 3px;
    border-radius: 999px 999px 0 0;
    background: transparent;
    pointer-events: none;
}

.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):hover,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):active,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):focus-within,
.material .rz-tabview .rz-tabview-nav li.rz-state-focused:not(.rz-tabview-selected) {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
    color: #202650 !important;
}

.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):hover::after {
    background: rgba(89, 101, 232, 0.26);
}

.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):hover > a,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):hover > button,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):hover > .rz-tabview-link,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):active > a,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):active > button,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):active > .rz-tabview-link,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):focus-within > a,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):focus-within > button,
.material .rz-tabview .rz-tabview-nav li:not(.rz-tabview-selected):focus-within > .rz-tabview-link,
.material .rz-tabview .rz-tabview-nav li.rz-state-focused:not(.rz-tabview-selected) > a,
.material .rz-tabview .rz-tabview-nav li.rz-state-focused:not(.rz-tabview-selected) > button,
.material .rz-tabview .rz-tabview-nav li.rz-state-focused:not(.rz-tabview-selected) > .rz-tabview-link {
    background: transparent !important;
    color: #202650 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected:hover,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected:active,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected:focus-within {
    background: transparent !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected::after {
    background: var(--sm-light-primary);
}

.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > a,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > button,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > .rz-tabview-link,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > a .rz-tabview-title,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > button .rz-tabview-title,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > .rz-tabview-link .rz-tabview-title,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > a span,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > button span,
.material .rz-tabview .rz-tabview-nav li.rz-tabview-selected > .rz-tabview-link span {
    color: var(--sm-light-primary) !important;
}

.material .rz-tabview .rz-tabview-nav li > a,
.material .rz-tabview .rz-tabview-nav li > button,
.material .rz-tabview .rz-tabview-nav li > .rz-tabview-link {
    min-height: 46px;
    padding: 0 18px !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #697386 !important;
    font-weight: 700;
    letter-spacing: 0;
}

.material .rz-notification-item-wrapper {
    background: transparent !important;
    border-radius: var(--rz-notification-border-radius) !important;
    box-shadow: none !important;
    overflow: hidden;
}

.material .rz-notification-item {
    border-radius: var(--rz-notification-border-radius) !important;
    box-shadow: var(--rz-notification-shadow) !important;
    overflow: hidden;
}

.material .rz-notification-error .rz-notification-item {
    background: var(--rz-notification-error-background-color) !important;
    border: 1px solid rgba(195, 52, 43, 0.16) !important;
    color: var(--rz-notification-error-color) !important;
}

.material .rz-notification-warning .rz-notification-item {
    background: var(--rz-notification-warning-background-color) !important;
    border: 1px solid rgba(138, 101, 0, 0.14) !important;
    color: var(--rz-notification-warning-color) !important;
}

.material .rz-notification-success .rz-notification-item {
    background: var(--rz-notification-success-background-color) !important;
    border: 1px solid rgba(19, 122, 60, 0.14) !important;
    color: var(--rz-notification-success-color) !important;
}

.material .rz-notification-info .rz-notification-item {
    background: var(--rz-notification-info-background-color) !important;
    border: 1px solid rgba(23, 91, 155, 0.14) !important;
    color: var(--rz-notification-info-color) !important;
}

.material .rz-notification-content,
.material .rz-notification-message,
.material .rz-notification-summary {
    background: transparent !important;
    color: inherit !important;
}

.material .rz-notification-close,
.material .rz-notification-icon {
    color: inherit !important;
}


.material-dark .rz-dropdown,
.material-dark .rz-multiselect {
    min-height: var(--rz-input-height);
    background: var(--rz-input-background-color) !important;
    border: var(--rz-input-border) !important;
    color: var(--sm-dark-text) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.material-dark .rz-dropdown .rz-placeholder,
.material-dark .rz-multiselect .rz-placeholder {
    color: #d5d9e5 !important;
    font-weight: 700;
}

.material-dark .rz-dropdown-label,
.material-dark .rz-multiselect-label {
    color: var(--sm-dark-text) !important;
    font-weight: 700;
}

.material-dark .rz-dropdown-trigger .rzi,
.material-dark .rz-multiselect-trigger .rzi {
    color: #cbd1df !important;
}

.material-dark .rz-dropdown-panel,
.material-dark .rz-multiselect-panel {
    background: #222737 !important;
    border: 1px solid #3a4054 !important;
    color: var(--sm-dark-text) !important;
    border-radius: 12px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.5) !important;
}

.material-dark .rz-multiselect-panel .rz-multiselect-header {
    align-items: center !important;
    border-bottom: 1px solid #343a55 !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 12px 16px !important;
}

.material-dark .rz-multiselect-panel .rz-chkbox {
    flex: 0 0 auto;
    margin: 0 !important;
}

.material-dark .rz-multiselect-panel .rz-multiselect-item .rz-chkbox {
    margin-right: 12px !important;
}

.material-dark .rz-dropdown-panel .rz-dropdown-filter-container,
.material-dark .rz-multiselect-panel .rz-multiselect-filter-container {
    align-items: center !important;
    background: #2a2f42 !important;
    border: 1px solid #343b52 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    flex: 1 1 auto !important;
    gap: 10px !important;
    min-height: 36px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
}

.material-dark .rz-dropdown-panel .rz-dropdown-filter-container {
    margin: 12px 16px !important;
}

.material-dark .rz-dropdown-panel .rz-dropdown-filter,
.material-dark .rz-multiselect-panel .rz-multiselect-filter-container .rz-inputtext {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: var(--sm-dark-text) !important;
    height: 34px !important;
    line-height: 34px !important;
    margin: 0 !important;
    min-height: 34px !important;
    padding: 0 !important;
}

.material-dark .rz-dropdown-panel .rz-dropdown-filter:focus,
.material-dark .rz-multiselect-panel .rz-multiselect-filter-container .rz-inputtext:focus {
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
}

.material-dark .rz-dropdown-panel .rz-dropdown-filter-container .rzi-search,
.material-dark .rz-multiselect-panel .rz-multiselect-filter-container .rzi-search {
    color: #dfe6f5 !important;
    flex: 0 0 auto;
    margin: 0 !important;
}

.material-dark .rz-dropdown-item,
.material-dark .rz-multiselect-item {
    color: #dce1ec !important;
}

.material-dark .rz-dropdown-item:hover,
.material-dark .rz-multiselect-item:hover {
    background: rgba(169, 132, 255, 0.16) !important;
    color: #ffffff !important;
}

.material-dark .rz-chip {
    background: rgba(169, 132, 255, 0.18) !important;
    border: 1px solid rgba(169, 132, 255, 0.32) !important;
    color: #e9e4ff !important;
}

.material-dark .rz-chkbox-box {
    background: #222737 !important;
    border: 1px solid #4b5265 !important;
    box-shadow: none !important;
}

.material-dark .rz-chkbox-box.rz-state-active,
.material-dark .rz-chkbox-checked .rz-chkbox-box {
    background: var(--sm-dark-purple) !important;
    border-color: var(--sm-dark-purple) !important;
    color: #171827 !important;
}

.material-dark .rz-chkbox-box.rz-state-active .rz-chkbox-icon,
.material-dark .rz-chkbox-checked .rz-chkbox-box .rz-chkbox-icon {
    color: #171827 !important;
}

.material-dark .rz-switch .rz-switch-circle {
    background: #303644 !important;
    border: 1px solid #4a5366 !important;
}

.material-dark .rz-switch .rz-switch-circle::before {
    background: #8d96a8 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.32) !important;
}

.material-dark .rz-switch.rz-switch-checked .rz-switch-circle {
    background: #7450ba !important;
    border-color: #8d66d8 !important;
    box-shadow: 0 0 0 3px rgba(169, 132, 255, 0.14) !important;
}

.material-dark .rz-switch.rz-switch-checked .rz-switch-circle::before {
    background: #d9ccff !important;
    box-shadow: 0 2px 10px rgba(169, 132, 255, 0.32) !important;
}

.material-dark .rz-switch:not(.rz-switch-checked):hover .rz-switch-circle {
    background: #3a4150 !important;
    border-color: #586276 !important;
}

.material-dark .rz-switch.rz-switch-checked:hover .rz-switch-circle {
    background: #825ed0 !important;
    border-color: #9b76e3 !important;
}

.material-dark .rz-datatable {
    border: 1px solid var(--sm-dark-border) !important;
    border-radius: 6px !important;
    background: var(--sm-dark-panel) !important;
    box-shadow: none !important;
}

.material-dark .rz-grid-table thead th {
    background: #20232c !important;
    color: #cfd3df !important;
}

.material-dark .rz-grid-table tbody tr > td {
    transition: background-color 140ms ease, color 140ms ease;
}

.material-dark .rz-grid-table tbody tr:nth-child(odd) > td {
    background: var(--sm-dark-row) !important;
}

.material-dark .rz-grid-table tbody tr:nth-child(even) > td {
    background: var(--sm-dark-row-alt) !important;
}

.material-dark .rz-grid-table tbody tr:hover > td {
    background: #252a37 !important;
}

.material-dark .rz-rowgroup-header > td,
.material-dark .rz-rowgroup-header .rz-cell-data {
    background: #111621 !important;
    color: #d8dce8 !important;
    font-weight: 700;
}

.material-dark .rz-overlaypanel:has(.rz-grid-filter),
.material-dark .rz-overlaypanel:has(.rz-date-filter) {
    background: var(--sm-dark-panel-strong) !important;
    border: 1px solid var(--sm-dark-border) !important;
    border-radius: 18px !important;
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.52) !important;
    overflow: hidden !important;
}

.material-dark .rz-grid-filter,
.material-dark .rz-date-filter,
.material-dark .rz-grid-filter-buttons {
    background: var(--sm-dark-panel-strong) !important;
    color: var(--sm-dark-text) !important;
}

.material-dark .rz-grid-filter {
    gap: 12px !important;
    padding: 18px !important;
}

.material-dark .rz-grid-filter .rz-grid-filter-label {
    color: var(--sm-dark-text) !important;
    font-size: 1rem;
    font-weight: 800;
}

.material-dark .rz-grid-filter-buttons {
    border-top: 1px solid var(--sm-dark-border) !important;
    padding: 12px 18px 16px !important;
}

.material-dark .rz-grid-filter-buttons .rz-button.rz-clear-filter,
.material-dark .rz-grid-filter-buttons .rz-button.rz-apply-filter {
    border-radius: 999px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    min-width: 88px;
    box-shadow: none !important;
}

.material-dark .rz-grid-filter-buttons .rz-button.rz-clear-filter {
    background: #2b3040 !important;
    border: 1px solid #465066 !important;
    color: var(--sm-dark-text) !important;
}

.material-dark .rz-grid-filter-buttons .rz-button.rz-clear-filter:hover,
.material-dark .rz-grid-filter-buttons .rz-button.rz-clear-filter:focus-visible {
    background: #353b4d !important;
    border-color: #59637a !important;
    color: #ffffff !important;
}

.material-dark .rz-grid-filter-buttons .rz-button.rz-apply-filter {
    background: var(--sm-dark-purple) !important;
    border: 1px solid rgba(199, 185, 255, 0.35) !important;
    color: #171827 !important;
}

.material-dark .rz-grid-filter-buttons .rz-button.rz-apply-filter:hover,
.material-dark .rz-grid-filter-buttons .rz-button.rz-apply-filter:focus-visible {
    background: #c7b9ff !important;
    color: #11151d !important;
}

.material-dark .rz-grid-filter-buttons .rz-button.rz-state-disabled,
.material-dark .rz-grid-filter-buttons .rz-button:disabled {
    opacity: 0.68 !important;
}

.smt-grid-link {
    color: inherit;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline;
    text-underline-offset: 2px;
}

button.smt-grid-link {
    appearance: none;
    background: transparent;
    border: 0;
    font: inherit;
    padding: 0;
    text-align: left;
}

.smt-grid-link:hover,
.smt-grid-link:focus-visible {
    color: var(--sm-accent, #a987ff);
}