.container {
    height: 100%;
}

.badge-green {
    --slds-c-badge-color-background: var(--slds-g-color-success-base-60);
    --slds-c-badge-text-color: var(--slds-g-color-success-base-100);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-success-base-100);
}

.badge-yellow {
    --slds-c-badge-color-background: var(--slds-g-color-warning-base-90);
    --slds-c-badge-text-color: var(--slds-g-color-warning-base-20);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-warning-base-20);
}

.badge-red {
    --slds-c-badge-color-background: var(--slds-g-color-error-base-90);
    --slds-c-badge-text-color: var(--slds-g-color-error-base-20);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-error-base-20);
}

.badge-blue {
    --slds-c-badge-color-background: var(--slds-g-color-brand-base-90);
    --slds-c-badge-text-color: var(--slds-g-color-brand-base-30);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-brand-base-30);
}

.badge-purple {
    --slds-c-badge-color-background: var(--slds-g-color-palette-purple-80);
    --slds-c-badge-text-color: var(--slds-g-color-palette-purple-30);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-palette-purple-30);
}

.warning-container {
    flex-direction: column;
    align-items: flex-start;
    padding: 1rem;
    border: none;
    background-color: var(--slds-g-color-palette-yellow-90);
    color: var(--slds-g-color-palette-yellow-20);
}

.warning-icon-color {
    --sds-c-icon-color-foreground-default: var(
        --slds-g-color-palette-yellow-20
    );
}

:host .small-screen {
    --lwc-spacingMedium: 0.5rem !important;
}

.stateful-button {
    --slds-c-button-brand-color-background: var(
        --slds-g-color-surface-container-inverse-1
    );
}

.outdated-badge {
    --slds-c-badge-color-background: transparent;
    --slds-c-badge-text-color: var(--slds-g-color-neutral-base-50);
    --slds-c-badge-icon-color-foreground: var(--slds-g-color-neutral-base-50);
    border-color: var(--slds-g-color-neutral-base-50);
}