:root {
    --mafia-palette-imafia: red;
    --mafia-palette-fiim: var(--mud-palette-primary);
    --mafia-palette-eg: darkorange;
    --mafia-palette-mafgame: #f9d627;
    --mafia-color-citizen-text: #d32f2f; /* reddy */
    --mafia-color-mafia-text: #111111;  /* blacky */
    --mafia-color-citizen-background: #ff5858; /* more saturated light reddy background */
    --mafia-color-mafia-background: #131313;  /* dark blacky background */
}

/*Убирает глюк MudBlazor, из-за которого сдвигается внутренний грид чтобы сработал Spacing*/
.mafia-paper-for-grid {
    padding: 0.5rem;
}

.mafia-paper-filter {
    background-color: var(--mafia-palette-surface-dark);
    padding: 0.5rem;
    margin-bottom: 8px !important;
}

@media (max-width: 480px) {
    .mafia-paper-filter {
        background-color: var(--mafia-palette-surface-dark);
        padding: 0rem;
        margin-bottom: 8px !important;
    }
}

.mafia-paper-filter .mud-grid-item {
    align-content: center;
    align-items: center;
}

/* Custom classes for tournament appointments */
.mafia-background-imafia {
    background: var(--mafia-palette-imafia) !important;
}

.mafia-background-fiim {
    background: var(--mafia-palette-fiim) !important;
}

.mafia-background-eg {
    background: var(--mafia-palette-eg) !important;
    color: black;
}

.mafia-background-mafgame {
    background: var(--mafia-palette-mafgame) !important;
    color: black;
}

/* Custom classes for tournament appointments */
.mafia-text-imafia {
    color: var(--mafia-palette-imafia) !important;
    font-weight: bold;
    white-space: nowrap;
}

.mafia-text-fiim {
    color: var(--mafia-palette-fiim) !important;
    font-weight: bold;
    white-space: nowrap;
}

.mafia-text-eg {
    color: var(--mafia-palette-eg) !important;
    font-weight: bold;
    white-space: nowrap;
}

.mafia-text-mafgame {
    color: var(--mafia-palette-mafgame) !important;
    font-weight: bold;
    white-space: nowrap;
}

.mafia-logo-mafgame {
    filter: brightness(0) saturate(100%) invert(83%) sepia(29%) saturate(1122%) hue-rotate(339deg) brightness(103%) contrast(96%);
}

.mafia-clickable-with-hover {
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.mafia-clickable-with-hover:hover {
    opacity: 0.8;
}

.mafia-organization-card {
    height: 100% !important;
}

.mafia-organization-card.mafia-background-imafia {
    background: color-mix(in srgb, var(--mafia-palette-imafia) 40%, transparent) !important;
    color: white !important;
}

.mafia-organization-card.mafia-background-fiim {
    background: color-mix(in srgb, var(--mafia-palette-fiim) 40%, transparent) !important;
    color: white !important;
}

.mafia-organization-card.mafia-background-eg {
    background: color-mix(in srgb, var(--mafia-palette-eg) 40%, transparent) !important;
    color: white !important;
}

.mafia-organization-card.mafia-background-mafgame {
    background: color-mix(in srgb, var(--mafia-palette-mafgame) 40%, transparent) !important;
    color: white !important;
}

.mafia-text-accent {
    color: var(--mafia-color-text-accent) !important;
}

/* Card and paper styles */
.mafia-card-dark {
    background-color: var(--mafia-color-dark) !important;
    border-radius: 15px !important;
}

/* Card and paper styles */
.mafia-card-dark2 {
    background-color: var(--mafia-color-dark2) !important;
    border-radius: 15px !important;
}

.mafia-card-light {
    background-color: var(--mafia-color-light) !important;
    border-radius: 15px !important;
}

/* Small sized variant that can be used with mafia-paper-dark */
.mafia-card-small {
    width: 160px !important;
    height: 80px !important;
}

/* Small sized variant that can be used with mafia-paper-dark */
.mafia-card-large {
    width: 200px !important;
    height: 80px !important;
}

.mafia-paper-dark {
    background-color: var(--mafia-color-dark2) !important;
    border-radius: 15px !important;
}

.mafia-paper-light {
    background-color: var(--mafia-color-light2) !important;
    border-radius: 15px !important;
}

/* Text styles */
.mafia-text-secondary {
    color: var(--mafia-color-text-secondary) !important;
    font-weight: bold !important;
}

.mafia-text-accent {
    color: var(--mafia-color-text-accent) !important;
    font-weight: bold !important;
}

.mafia-text-primary {
    color: var(--mafia-color-text-primary) !important;
    font-weight: bold !important;
}

.mafia-row-light {
    background-color: var(--mafia-color-light2) !important;
    border: 2px solid var(--mafia-color-dark) !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1) !important;
    transition: all 0.3s ease !important;
}

.mafia-row-dark {
    background-color: var(--mafia-color-dark) !important;
    border: 2px solid var(--mafia-color-light2) !important;
    border-radius: 8px !important;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2) !important;
    transition: all 0.3s ease !important;
}

.mafia-row-dark2 {
    background-color: var(--mafia-color-dark2) !important;
}

.mud-input-slot,
.mud-input-adornment-icon,
.mud-input-clear-button {
    color: var(--mafia-color-text-primary) !important;
}

.mafia-citizen-text {
    color: var(--mafia-color-citizen-text) !important;
}

.mafia-mafia-text {
    color: var(--mafia-color-mafia-text) !important;
}

.mafia-citizen-background {
    background-color: var(--mafia-color-citizen-background) !important;
}

.mafia-mafia-background {
    background-color: var(--mafia-color-mafia-background) !important;
}

.red-border{
    border: 2px solid var(--mafia-color-citizen-text) !important;
}

.black-border{
    border: 2px solid var(--mafia-color-mafia-text) !important;
}

.badge-lock-closed .mud-icon-badge {
    color: yellow !important;
    cursor: pointer;
}

.badge-lock-open .mud-icon-badge {
    color: green !important;
    cursor: pointer;
}