.farms {
    section.list {
        border-radius: 3rem;

        div {
            border-radius: 1rem;

            svg path {
                fill: transparent;
            }

            &.active {
                background-color: var(--dark-green);
                color: var(--white);

                svg path {
                    fill: var(--white);
                }
            }

            &.actions {
                button {
                    border-radius: 1rem;
                    border: transparent;
                    background-color: var(--background-grey);

                    svg path {
                        fill: var(--dark-green);
                    }
                }
            }
        }
    }

    section.subscription {
        background-color: var(--dark-green);
        color: var(--white);
        border-radius: 3rem;
        padding: 2rem;

        h2 {
            font-size: 3rem;
            line-height: 3rem;
        }

        svg path {
            fill: var(--white) !important;
        }
    }

    section.health-tab {
        background-color: unset;

        ul {
            border: 0;

            li {
                button {
                    background-color: var(--medium-grey);
                    color: var(--disabled-grey);
                    font-size: 2.4rem;
                    border-radius: 3rem 3rem 0 0;
                    border: 0;
                    padding: 1rem 3rem;

                    svg path {
                        fill: var(--disabled-grey) !important;
                    }

                    &.active {
                        background-color: var(--white);
                        color: var(--dark-green);

                        svg path {
                            fill: var(--dark-green) !important;
                        }
                    }
                }
            }
        }
    }

    .farm-name button {
        border-radius: 1rem;
        border: transparent;
        background-color: var(--white);
        height: 100%;
        aspect-ratio: 1/1;
        flex-shrink: 0;

        svg path {
            fill: var(--dark-green);
        }
    }

    div.background-color {
        &.background-green {
            .accordion-body {
                input {
                    max-width: 100%;
                    margin: auto;
                    color: var(--dark-green);

                    &:disabled {
                        background-color: transparent;
                    }
                }
            }
        }

        input:not([type="checkbox"]) {
            width: fit-content;

            &:not(:disabled) {
                background-color: var(--white);
            }
        }

        label {
            position: unset;
            transform: unset !important;
        }
    }

    .gap05 {
        gap: 0.5rem;

        > div {
            flex: 1 1 45%;
            max-width: 50%;
        }
    }

    .accordion-body.accordion-accounting {
        table {
            thead th:first-child, tbody td:first-child {
                width: 60%;
            }
        }
    }

    .btn-senary {
        font-size: 1.4rem;
        padding: 0.5rem 1rem;
        margin-left: 1.5rem;
    }
}