.clsIndexMudCard {
    height: 100%;
    background-color: #a6bbc8;
}

.clsBold {
    font-weight: var(--mud-typography-h4-weight);
}

.clsLableSize {
    font-size: var(--mud-typography-body1-size);
}

.clsResellerBlock {
    height: 100%;
    background-color: #d9dae4;
}

.clsBottomC {
    margin-bottom: 5%;
}

.clsBottom {
    margin-bottom: 290px;
}

.clsAdobeMessage {
    text-align: center;
    margin-top: 10%;
    margin-bottom: 200px;
}

.clsColorAqua {
    color: var(--mud-palette-primary);
}

.clsPositionRelative {
    position: relative;
}

.clsLoading {
    margin: 10px;
    padding-right: 10px;
}

.clsInformation {
    margin-top: 15px;
}

.clsResellerMessage {
    text-align: center;
    margin-top: 20%;
    font-size: var(--mud-typography-h6-size);
}

.clsContainer {
    margin-bottom: 400px;
}

.clsContainer {
    margin-bottom: 400px;
}

.clsAccredtionMessage {
    font-size: var(--mud-typography-body1-size);
}

.clsTransformDownload {
    font-size: var(--mud-typography-button-size);
    text-transform: none;
}

.clsRed {
    color: var(--mud-palette-error);
}

.clsBlack {
    color: var(--mud-palette-text-primary);
}

.clsMudPaper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none;
}

.clsRight {
    float: right;
}

.clsCustom-stack {
    flex-direction: unset !important;
}

.clsWidth50 {
    width: 50%;
    overflow: hidden;
}

.clsCursor {
    cursor: pointer;
}

.mud-dialog .mud-dialog-actions {
    gap: 16px;
    padding: 8px 16px 16px;
}

/* Nav: hover is a neutral tint with unchanged text; selected is Wallace Green text/icon on a faint green tint with a Wallace Green end border (MudBlazor bordered primary nav menu) */
.mud-drawer .mud-navmenu .mud-nav-link {
    border-radius: 0;
}

.mud-drawer .mud-navmenu .mud-nav-link:not(.active):hover:not(.mud-nav-link-disabled),
.mud-drawer .mud-navmenu .mud-nav-link:not(.active):focus-visible:not(.mud-nav-link-disabled) {
    color: var(--mud-palette-drawer-text);
    background-color: var(--mud-palette-action-default-hover);
}

.mud-drawer .mud-navmenu .mud-nav-link:not(.active):hover:not(.mud-nav-link-disabled) .mud-nav-link-icon {
    color: var(--mud-palette-drawer-icon);
}

.mud-drawer .mud-navmenu .mud-nav-link-expand-icon.mud-transform {
    fill: var(--mud-palette-drawer-text);
}

/* Tabs: unselected tabs use Gray (approved accent, AA on white); the selected tab keeps Wallace Green from MudBlazor */
.mud-tab:not(.mud-tab-active):not(.mud-disabled) {
    color: var(--mud-palette-text-secondary);
}

/* Flat UI: no drop shadows on buttons */
.mud-button-filled,
.mud-button-filled:hover,
.mud-button-filled:focus-visible,
.mud-button-filled:active,
.mud-fab,
.mud-fab:hover,
.mud-fab:focus-visible,
.mud-fab:active {
    box-shadow: none;
}

/* Elevated surfaces are separated by a Light Gray line instead of a shadow */
.mud-paper[class*="mud-elevation-"]:not(.mud-elevation-0):not(.mud-appbar):not(.mud-drawer) {
    border: 1px solid var(--mud-palette-lines-default);
}

/* Hover backgrounds that resolve to Graphite need Parchment text */
.mud-button-filled.mud-button-filled-info:hover,
.mud-button-filled.mud-button-filled-info:focus-visible,
.mud-button-filled.mud-button-filled-info:active,
.mud-button-filled.mud-button-filled-warning:hover,
.mud-button-filled.mud-button-filled-warning:focus-visible,
.mud-button-filled.mud-button-filled-warning:active {
    color: var(--mud-palette-appbar-text);
}

/* Success hover is Genome Green: Graphite text */
.mud-button-filled.mud-button-filled-success:hover,
.mud-button-filled.mud-button-filled-success:focus-visible,
.mud-button-filled.mud-button-filled-success:active {
    color: var(--mud-palette-text-primary);
}

/* Outlined/text primary hover: Genome Green highlight with Graphite text (no tints) */
.mud-button-outlined.mud-button-outlined-primary:hover,
.mud-button-outlined.mud-button-outlined-primary:focus-visible,
.mud-button-outlined.mud-button-outlined-primary:active,
.mud-button-text.mud-button-text-primary:hover,
.mud-button-text.mud-button-text-primary:focus-visible,
.mud-button-text.mud-button-text-primary:active {
    color: var(--mud-palette-text-primary);
    background-color: var(--mud-palette-secondary);
}

/* App bar Log in/out: Graphite on Parchment on hover */
.mud-appbar .mud-button-outlined.mud-button-outlined-inherit:hover,
.mud-appbar .mud-button-outlined.mud-button-outlined-inherit:focus-visible,
.mud-appbar .mud-button-outlined.mud-button-outlined-inherit:active {
    color: var(--mud-palette-appbar-background);
    background-color: var(--mud-palette-appbar-text);
}

/* Reseller > Growers: action buttons keep one line and stack at their natural width (14pt bold is required for Wallace Green / Parchment AA18) */
.clsGrowerActions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.clsGrowerActions .mud-button-root {
    white-space: nowrap;
}

.clsGrowersTable .mud-table-cell {
    padding-left: 8px;
    padding-right: 8px;
}
