/*
Density	    Font    Checkbox    Icon    Ripple
Category    Size	Size	    Size	Size

Ultra	    10px	14×14px	    10×10px	20×20px
Compact	    11px	16×16px	    12×12px	24×24px
Cozy	    12px	18×18px	    14×14px	28×28px
Spacious	13px	20×20px	    16×16px	32×32px
*/
/* ============================================
   DENSITY MUD CHECKBOX - MudBlazor 8.15.0
   ============================================ */

/* === Ultra Density CheckBox (10px) === */
.mud-input-control.density-ultra {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-input-control.density-ultra .mud-input-label,
    .mud-input-control.density-ultra .mud-input-label-text,
    .mud-input-control.density-ultra label,
    .mud-input-control.density-ultra label span,
    .mud-input-control.density-ultra .mud-typography {
        font-size: 0.625rem !important;
        color: #555555 !important;
        line-height: 1 !important;
        margin-left: 4px !important;
        white-space: nowrap !important;
    }

    .mud-input-control.density-ultra input.mud-checkbox-input {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mud-input-control.density-ultra .mud-checkbox-checkicon,
    .mud-input-control.density-ultra .mud-checkbox-checkicon svg {
        width: 10px !important;
        height: 10px !important;
        fill: #1976D2 !important;
    }

    .mud-input-control.density-ultra .mud-ripple {
        width: 18px !important;
        height: 18px !important;
    }

/* === Compact Density CheckBox (11px) === */
.mud-input-control.density-compact {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-input-control.density-compact .mud-input-label,
    .mud-input-control.density-compact .mud-input-label-text,
    .mud-input-control.density-compact label,
    .mud-input-control.density-compact label span,
    .mud-input-control.density-compact .mud-typography {
        font-size: 0.6875rem !important;
        color: #555555 !important;
        line-height: 1 !important;
        margin-left: 5px !important;
        white-space: nowrap !important;
    }

    .mud-input-control.density-compact input.mud-checkbox-input {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mud-input-control.density-compact .mud-checkbox-checkicon,
    .mud-input-control.density-compact .mud-checkbox-checkicon svg {
        width: 12px !important;
        height: 12px !important;
        fill: #1976D2 !important;
    }

    .mud-input-control.density-compact .mud-ripple {
        width: 22px !important;
        height: 22px !important;
    }

/* === Cozy Density CheckBox (12px) === */
.mud-input-control.density-cozy {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-input-control.density-cozy .mud-input-label,
    .mud-input-control.density-cozy .mud-input-label-text,
    .mud-input-control.density-cozy label,
    .mud-input-control.density-cozy label span,
    .mud-input-control.density-cozy .mud-typography {
        font-size: 0.75rem !important;
        color: #555555 !important;
        line-height: 1 !important;
        margin-left: 6px !important;
        white-space: nowrap !important;
    }

    .mud-input-control.density-cozy input.mud-checkbox-input {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mud-input-control.density-cozy .mud-checkbox-checkicon,
    .mud-input-control.density-cozy .mud-checkbox-checkicon svg {
        width: 14px !important;
        height: 14px !important;
        fill: #1976D2 !important;
    }

    .mud-input-control.density-cozy .mud-ripple {
        width: 26px !important;
        height: 26px !important;
    }

/* === Spacious Density CheckBox (13px) === */
.mud-input-control.density-spacious {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-input-control.density-spacious .mud-input-label,
    .mud-input-control.density-spacious .mud-input-label-text,
    .mud-input-control.density-spacious label,
    .mud-input-control.density-spacious label span,
    .mud-input-control.density-spacious .mud-typography {
        font-size: 0.8125rem !important;
        color: #555555 !important;
        line-height: 1 !important;
        margin-left: 8px !important;
        white-space: nowrap !important;
    }

    .mud-input-control.density-spacious input.mud-checkbox-input {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .mud-input-control.density-spacious .mud-checkbox-checkicon,
    .mud-input-control.density-spacious .mud-checkbox-checkicon svg {
        width: 16px !important;
        height: 16px !important;
        fill: #1976D2 !important;
    }

    .mud-input-control.density-spacious .mud-ripple {
        width: 30px !important;
        height: 30px !important;
    }

    /* ============================================
   STATES (All Densities)
   ============================================ */

    /* --- Focused State --- */
    .mud-input-control.density-ultra.mud-input-control-focused .mud-input-label,
    .mud-input-control.density-ultra.mud-input-control-focused .mud-input-label-text,
    .mud-input-control.density-ultra.mud-input-control-focused label,
    .mud-input-control.density-compact.mud-input-control-focused .mud-input-label,
    .mud-input-control.density-compact.mud-input-control-focused .mud-input-label-text,
    .mud-input-control.density-compact.mud-input-control-focused label,
    .mud-input-control.density-cozy.mud-input-control-focused .mud-input-label,
    .mud-input-control.density-cozy.mud-input-control-focused .mud-input-label-text,
    .mud-input-control.density-cozy.mud-input-control-focused label,
    .mud-input-control.density-spacious.mud-input-control-focused .mud-input-label,
    .mud-input-control.density-spacious.mud-input-control-focused .mud-input-label-text,
    .mud-input-control.density-spacious.mud-input-control-focused label {
        color: #1976D2 !important;
    }

    .mud-input-control.density-ultra.mud-input-control-focused .mud-checkbox-checkicon svg,
    .mud-input-control.density-compact.mud-input-control-focused .mud-checkbox-checkicon svg,
    .mud-input-control.density-cozy.mud-input-control-focused .mud-checkbox-checkicon svg,
    .mud-input-control.density-spacious.mud-input-control-focused .mud-checkbox-checkicon svg {
        fill: #1976D2 !important;
    }

    /* --- Error State --- */
    .mud-input-control.density-ultra.mud-input-error .mud-input-label,
    .mud-input-control.density-ultra.mud-input-error .mud-input-label-text,
    .mud-input-control.density-ultra.mud-input-error label,
    .mud-input-control.density-compact.mud-input-error .mud-input-label,
    .mud-input-control.density-compact.mud-input-error .mud-input-label-text,
    .mud-input-control.density-compact.mud-input-error label,
    .mud-input-control.density-cozy.mud-input-error .mud-input-label,
    .mud-input-control.density-cozy.mud-input-error .mud-input-label-text,
    .mud-input-control.density-cozy.mud-input-error label,
    .mud-input-control.density-spacious.mud-input-error .mud-input-label,
    .mud-input-control.density-spacious.mud-input-error .mud-input-label-text,
    .mud-input-control.density-spacious.mud-input-error label {
        color: #d32f2f !important;
    }

    .mud-input-control.density-ultra.mud-input-error .mud-checkbox-checkicon svg,
    .mud-input-control.density-compact.mud-input-error .mud-checkbox-checkicon svg,
    .mud-input-control.density-cozy.mud-input-error .mud-checkbox-checkicon svg,
    .mud-input-control.density-spacious.mud-input-error .mud-checkbox-checkicon svg {
        fill: #d32f2f !important;
    }

    /* --- Disabled State --- */
    .mud-input-control.density-ultra.mud-disabled .mud-input-label,
    .mud-input-control.density-ultra.mud-disabled .mud-input-label-text,
    .mud-input-control.density-ultra.mud-disabled label,
    .mud-input-control.density-compact.mud-disabled .mud-input-label,
    .mud-input-control.density-compact.mud-disabled .mud-input-label-text,
    .mud-input-control.density-compact.mud-disabled label,
    .mud-input-control.density-cozy.mud-disabled .mud-input-label,
    .mud-input-control.density-cozy.mud-disabled .mud-input-label-text,
    .mud-input-control.density-cozy.mud-disabled label,
    .mud-input-control.density-spacious.mud-disabled .mud-input-label,
    .mud-input-control.density-spacious.mud-disabled .mud-input-label-text,
    .mud-input-control.density-spacious.mud-disabled label {
        color: #999999 !important;
    }

    .mud-input-control.density-ultra.mud-disabled .mud-checkbox-checkicon svg,
    .mud-input-control.density-compact.mud-disabled .mud-checkbox-checkicon svg,
    .mud-input-control.density-cozy.mud-disabled .mud-checkbox-checkicon svg,
    .mud-input-control.density-spacious.mud-disabled .mud-checkbox-checkicon svg {
        fill: #999999 !important;
    }

    .mud-input-control.density-ultra.mud-disabled input.mud-checkbox-input,
    .mud-input-control.density-compact.mud-disabled input.mud-checkbox-input,
    .mud-input-control.density-cozy.mud-disabled input.mud-checkbox-input,
    .mud-input-control.density-spacious.mud-disabled input.mud-checkbox-input {
        opacity: 0.5 !important;
        cursor: not-allowed !important;
    }

    /* --- Checked State --- */
    .mud-input-control.density-ultra.mud-checked .mud-checkbox-checkicon svg,
    .mud-input-control.density-compact.mud-checked .mud-checkbox-checkicon svg,
    .mud-input-control.density-cozy.mud-checked .mud-checkbox-checkicon svg,
    .mud-input-control.density-spacious.mud-checked .mud-checkbox-checkicon svg {
        fill: #1976D2 !important;
    }
/* === Ultra Density CheckBox === */
/*.mud-checkbox-root.density-ultra {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-checkbox-root.density-ultra .mud-checkbox-label {
        font-size: 0.625rem !important;*/ /* 10px */
        /*color: #555555 !important;
        margin-left: 4px !important;
        line-height: 1 !important;
    }

    .mud-checkbox-root.density-ultra .mud-checkbox-input {
        width: 14px !important;
        height: 14px !important;
        min-width: 14px !important;
        min-height: 14px !important;
    }

        .mud-checkbox-root.density-ultra .mud-checkbox-input .mud-checkbox-checkicon {
            width: 10px !important;
            height: 10px !important;
        }

            .mud-checkbox-root.density-ultra .mud-checkbox-input .mud-checkbox-checkicon svg {
                width: 10px !important;
                height: 10px !important;
                fill: #1976D2 !important;
            }

    .mud-checkbox-root.density-ultra .mud-ripple {
        width: 18px !important;
        height: 18px !important;
    }*/

/* === Compact Density CheckBox === */
/*.mud-checkbox-root.density-compact {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-checkbox-root.density-compact .mud-checkbox-label {
        font-size: 0.6875rem !important;*/ /* 11px */
        /*color: #555555 !important;
        margin-left: 5px !important;
        line-height: 1 !important;
    }

    .mud-checkbox-root.density-compact .mud-checkbox-input {
        width: 16px !important;
        height: 16px !important;
        min-width: 16px !important;
        min-height: 16px !important;
    }

        .mud-checkbox-root.density-compact .mud-checkbox-input .mud-checkbox-checkicon {
            width: 12px !important;
            height: 12px !important;
        }

            .mud-checkbox-root.density-compact .mud-checkbox-input .mud-checkbox-checkicon svg {
                width: 12px !important;
                height: 12px !important;
                fill: #1976D2 !important;
            }

    .mud-checkbox-root.density-compact .mud-ripple {
        width: 22px !important;
        height: 22px !important;
    }*/

/* === Cozy Density CheckBox === */
/*.mud-checkbox-root.density-cozy {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-checkbox-root.density-cozy .mud-checkbox-label {
        font-size: 0.75rem !important;*/ /* 12px */
        /*color: #555555 !important;
        margin-left: 6px !important;
        line-height: 1 !important;
    }

    .mud-checkbox-root.density-cozy .mud-checkbox-input {
        width: 18px !important;
        height: 18px !important;
        min-width: 18px !important;
        min-height: 18px !important;
    }

        .mud-checkbox-root.density-cozy .mud-checkbox-input .mud-checkbox-checkicon {
            width: 14px !important;
            height: 14px !important;
        }

            .mud-checkbox-root.density-cozy .mud-checkbox-input .mud-checkbox-checkicon svg {
                width: 14px !important;
                height: 14px !important;
                fill: #1976D2 !important;
            }

    .mud-checkbox-root.density-cozy .mud-ripple {
        width: 26px !important;
        height: 26px !important;
    }*/

/* === Spacious Density CheckBox === */
/*.mud-checkbox-root.density-spacious {
    padding: 0 !important;
    margin: 0 !important;
}

    .mud-checkbox-root.density-spacious .mud-checkbox-label {
        font-size: 0.8125rem !important;*/ /* 13px */
        /*color: #555555 !important;
        margin-left: 8px !important;
        line-height: 1 !important;
    }

    .mud-checkbox-root.density-spacious .mud-checkbox-input {
        width: 20px !important;
        height: 20px !important;
        min-width: 20px !important;
        min-height: 20px !important;
    }

        .mud-checkbox-root.density-spacious .mud-checkbox-input .mud-checkbox-checkicon {
            width: 16px !important;
            height: 16px !important;
        }

            .mud-checkbox-root.density-spacious .mud-checkbox-input .mud-checkbox-checkicon svg {
                width: 16px !important;
                height: 16px !important;
                fill: #1976D2 !important;
            }

    .mud-checkbox-root.density-spacious .mud-ripple {
        width: 30px !important;
        height: 30px !important;
    }*/

    /* === Additional States for All Densities === */

    /* Focused State */
    /*.mud-checkbox-root.density-ultra.mud-checkbox-focused .mud-checkbox-label,
    .mud-checkbox-root.density-compact.mud-checkbox-focused .mud-checkbox-label,
    .mud-checkbox-root.density-cozy.mud-checkbox-focused .mud-checkbox-label,
    .mud-checkbox-root.density-spacious.mud-checkbox-focused .mud-checkbox-label {
        color: #1976D2 !important;
    }

    .mud-checkbox-root.density-ultra.mud-checkbox-focused .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-compact.mud-checkbox-focused .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-cozy.mud-checkbox-focused .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-spacious.mud-checkbox-focused .mud-checkbox-checkicon svg {
        fill: #1976D2 !important;
    }*/

    /* Error State */
    /*.mud-checkbox-root.density-ultra.mud-checkbox-error .mud-checkbox-label,
    .mud-checkbox-root.density-compact.mud-checkbox-error .mud-checkbox-label,
    .mud-checkbox-root.density-cozy.mud-checkbox-error .mud-checkbox-label,
    .mud-checkbox-root.density-spacious.mud-checkbox-error .mud-checkbox-label {
        color: #d32f2f !important;
    }

    .mud-checkbox-root.density-ultra.mud-checkbox-error .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-compact.mud-checkbox-error .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-cozy.mud-checkbox-error .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-spacious.mud-checkbox-error .mud-checkbox-checkicon svg {
        fill: #d32f2f !important;
    }*/

    /* Disabled State */
    /*.mud-checkbox-root.density-ultra.mud-disabled .mud-checkbox-label,
    .mud-checkbox-root.density-compact.mud-disabled .mud-checkbox-label,
    .mud-checkbox-root.density-cozy.mud-disabled .mud-checkbox-label,
    .mud-checkbox-root.density-spacious.mud-disabled .mud-checkbox-label {
        color: #999999 !important;
    }

    .mud-checkbox-root.density-ultra.mud-disabled .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-compact.mud-disabled .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-cozy.mud-disabled .mud-checkbox-checkicon svg,
    .mud-checkbox-root.density-spacious.mud-disabled .mud-checkbox-checkicon svg {
        fill: #999999 !important;
    }*/