/* The same operation has the same color in MudBlazor and native list controls. */
.list-action-create { --list-action-color: var(--mud-palette-primary); --list-action-text: var(--mud-palette-primary-text); }
.list-action-edit { --list-action-color: var(--mud-palette-warning); --list-action-text: var(--mud-palette-warning-text); }
.list-action-delete { --list-action-color: var(--mud-palette-error); --list-action-text: var(--mud-palette-error-text); }
.list-action-refresh { --list-action-color: var(--mud-palette-success); --list-action-text: var(--mud-palette-success-text); }
.list-action-download, .list-action-export { --list-action-color: var(--mud-palette-info); --list-action-text: var(--mud-palette-info-text); }

.list-action-native:not(:disabled) {
    background: var(--list-action-color) !important;
    border-color: var(--list-action-color) !important;
    color: var(--list-action-text, #fff) !important;
}
.list-action-native:not(:disabled):hover { filter: brightness(.94); }
.list-action-native:focus-visible { outline: 2px solid var(--list-action-color); outline-offset: 3px; }
.list-action-native:disabled { cursor: not-allowed; }
.list-action-native.contact-card .tab-widget-title { color: inherit !important; }

.mud-tooltip.list-action-tooltip,
.list-action-tooltip .mud-tooltip {
    --mud-palette-dark: #111;
    --mud-palette-dark-text: #fff;
    background-color: #111 !important;
    color: #fff !important;
    border-radius: 6px;
    font-size: 12px;
    padding: 7px 10px;
}
.list-action-tooltip .mud-tooltip-arrow { color: #111 !important; }
.list-action-full-width { width: 100%; }
.list-action-menu-item { display: block !important; width: 100%; }