/* /Components/FieldCheckTile.razor.rz.scp.css */
@layer components {
    .field-check-link[b-bc1load749] {
        display: grid;
        grid-template-areas:
            'variety desc'
            'date surface'
            'id season';
        grid-column: 1 / -1;
        grid-template-columns: subgrid;
        gap: var(--spacing-sm);
        padding: var(--spacing-base);
        color: inherit;
        --bg: var(--bg-1);
        background-color: var(--bg);

        @media (width >=40rem) {
            &[b-bc1load749] {
                grid-template-areas:
                    'variety variety desc desc'
                    'id surface date season';
            }
        }

        &[data-field-check-realized-date] {
            font-style: italic;
            --bg: light-dark(var(--brand-light), var(--brand-dark));
        }

        &:hover[b-bc1load749] {
            background-color: hsl(from var(--bg) h s calc(l * 1.1));
        }

        .field-check-variety[b-bc1load749] {
            grid-area: variety;
            font-weight: bold;
        }

        .field-check-description[b-bc1load749] {
            grid-area: desc;
            justify-self: end;
            font-weight: bold;
        }

        .field-plan-idspc[b-bc1load749] {
            grid-area: id;
            color: light-dark(var(--brand-dark), var(--brand-light));
            font-style: italic;
        }

        .field-plan-surface[b-bc1load749] {
            grid-area: surface;
            justify-self: end;
        }

        .field-plan-start-date[b-bc1load749] {
            grid-area: date;
        }

        .field-plan-crop-period[b-bc1load749] {
            grid-area: season;
            justify-self: end;
        }

    }
}
/* /Components/GrowerTile.razor.rz.scp.css */
@layer components {
    .grower-link[b-ycft2sq1oz] {
        display: grid;
        padding: var(--spacing-lg);
        font-size: var(--tile-font-size);
        font-weight: bold;
        color: inherit;
        background-color: var(--bg-1);

        &:hover {
            background-color: var(--bg-2);
        }
    }
}
/* /Components/ImagePicker.razor.rz.scp.css */
@layer components {
    .image-picker[b-1r3srg5zcf] {
        display: grid;
        gap: var(--spacing-sm);
        grid-template-columns: 1fr 1fr;

        img {
            width: 100%;
            height: auto;
            object-fit: contain;
            display: block;
        }
    }

    .image-list[b-1r3srg5zcf] {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: var(--spacing-sm);
        grid-column: 1 / -1;

        &>* {
            aspect-ratio: 1/1;

            &:is(img) {
                object-fit: cover;
                border-radius: var(--rounding);
            }
        }
    }
}
/* /Components/ObservationSheetTile.razor.rz.scp.css */
@layer components {
    .observation-sheet-link[b-8g5kej25fg] {
        display: grid;
        gap: var(--spacing-base);
        text-decoration: none;
        color: inherit;
        padding: var(--spacing-base);
        grid-template-areas:
            'name name name crop'
            'season season season season'
            'start start end end';
        grid-template-columns: 1fr 1fr 1fr 1fr;
        background-color: var(--bg-1);

        &:hover {
            background-color: var(--bg-2);
        }
    }

    .observation-sheet-name[b-8g5kej25fg] {
        grid-area: name;
        font-weight: bold;
        font-size: var(--font-lg);
    }

    .observation-sheet-crop[b-8g5kej25fg] {
        grid-area: crop;
        justify-self: end;
        color: light-dark(var(--brand-dark), var(--brand-light));
    }

    .observation-sheet-season[b-8g5kej25fg] {
        grid-area: season;
    }

    [b-8g5kej25fg] .observation-sheet-start {
        grid-area: start;
        font-size: var(--font-s);
        font-style: italic;
        color: var(--fg-1);
    }

    [b-8g5kej25fg] .observation-sheet-end {
        grid-area: end;
        font-size: var(--font-s);
        font-style: italic;
        color: var(--fg-1);
    }

}
/* /Components/Trail.razor.rz.scp.css */
.trail[b-vxquac1slt] {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: var(--spacing-sm);
    margin: var(--spacing-sm);
    margin-block-end: var(--spacing-lg);
    font-size: var(--font-base);

    & div {
        color: var(--white);
        border-radius: var(--rounding);
        display: grid;
        grid-template-columns: auto 1fr;
        overflow: hidden;

        & span {
            padding: var(--spacing-sm);

            &:first-child {
                background-color: var(--brand-dark);
            }

            &:not(:first-child)[b-vxquac1slt] {
                background-color: var(--brand-light);
                color: #333;
            }
        }
    }
}
/* /Layout/MainLayout.razor.rz.scp.css */
@layer components {
    .home[b-bacbzbi092] {
        font-weight: bold;
        font-size: var(--font-xxl);
    }

    .main-layout[b-bacbzbi092] {
        display: grid;
        grid-template-areas:
            'header'
            'main'
            'footer';
        grid-template-columns: 1fr;
        grid-template-rows: auto 1fr auto;
        position: relative;
    }

    .main-layout[inert][b-bacbzbi092]::after {
        content: 'synchronizing...';
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: var(--font-xl);
        inset: 0;
        background-color: hsl(0 0 0 / 0.5);
        position: absolute;
        cursor: progress;
    }

    header[b-bacbzbi092] {
        grid-area: header;
        display: grid;
        grid-template-columns: 1fr auto;
    }

    nav[b-bacbzbi092] {
        display: grid;
        grid-auto-flow: column;
        align-items: center;
    }

    #network-indicator[b-bacbzbi092] {
        color: var(--color-red);
    }

    #network-indicator.online[b-bacbzbi092] {
        color: var(--brand-light);
    }

    [b-bacbzbi092] #network-indicator {
        padding: var(--spacing-base);
        line-height: 1em;
        cursor: pointer;
        border-radius: 50%;
        background-color: var(--black);
        display: block;
        aspect-ratio: 1/1;
    }

    main[b-bacbzbi092] {
        grid-area: main;
        display: grid;
        align-items: start;
        align-content: start;
        grid-template-columns: subgrid;
    }

    footer[b-bacbzbi092] {
        position: sticky;
        z-index: 1000;
        bottom: 0;
        grid-area: footer;
        display: grid;
        grid-auto-flow: column;
        grid-auto-columns: 1fr;
        font-size: var(--font-sm);
    }

    [b-bacbzbi092] .login-button.active {
        visibility: hidden;
    }

    @media (min-width: 1025px) {
        .main-layout[b-bacbzbi092] {
            grid-template-areas:
                'header header'
                'main main'
                'footer footer';
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto 1fr auto;
        }
    }
}
/* /Pages/FieldCheck.razor.rz.scp.css */
@layer components {
    .map-buttons[b-e4cnsehgp7] {
        display: grid;
        gap: var(--spacing-base);
        grid-template-columns: 1fr 1fr;

        button {
            display: flex;
            justify-content: center;
            gap: var(--spacing-base);
            font-size: var(--font-base);
        }
    }

    .page-root[b-e4cnsehgp7] {
        display: grid;
        grid-column: span 2;
        grid-template-columns: subgrid;
    }

    form[b-e4cnsehgp7] {
        --accent: var(--brand-middle);

        &,
        .field-plan-details {
            display: grid;
            grid-template-columns: 1fr auto;
        }

        .field:not(.codetablevalue)[b-e4cnsehgp7] {
            padding-inline: var(--spacing-base);
        }

        .field[b-e4cnsehgp7] {
            grid-column: span 2;
            display: grid;
            gap: var(--spacing-base);
            grid-template-columns: 1fr;
            padding-block: var(--spacing-xl);

            &.boolean {
                grid-template-columns: subgrid;

                button {
                    grid-column: 1 / -1;
                    text-align: start;
                    padding-inline: var(--spacing-lg);
                    font-weight: normal;
                }

                input[type=checkbox]:checked~button.yes[b-e4cnsehgp7],
                button.yes:has(~ input[type=checkbox]:checked)[b-e4cnsehgp7] {
                    background-color: var(--accent);
                }

                input[type=checkbox]:not(:checked)~button.no[b-e4cnsehgp7],
                button.no:has(~ input[type=checkbox]:not(:checked))[b-e4cnsehgp7] {
                    background-color: var(--accent);
                }

                input[type=checkbox][b-e4cnsehgp7] {
                    display: none;
                }
            }

            &.codetablevalue[b-e4cnsehgp7] {
                grid-template-columns: subgrid;

                fieldset {
                    display: contents;
                    outline: none;
                    border: none;

                    legend {
                        outline: none;
                        border: none;
                        font-weight: bold;
                        padding-inline: var(--spacing-sm);
                        margin-block-end: var(--spacing-base);
                    }

                    .code-table-option[b-e4cnsehgp7] {
                        display: grid;
                        grid-template-columns: subgrid;
                        grid-column: span 2;
                        border: none;
                        cursor: pointer;
                        border-radius: var(--rounding);
                        background-color: var(--bg-1);
                        padding: 0 var(--spacing-base);
                        margin: 0;
                        gap: 0;

                        label {
                            margin: 0;
                        }

                        &:has(input[type="radio"]:checked)[b-e4cnsehgp7] {
                            background-color: var(--accent);
                        }

                        input[type="radio"][b-e4cnsehgp7] {
                            display: none;
                        }
                    }
                }

                input[type=radio][b-e4cnsehgp7] {
                    place-self: center;
                    margin: 0;
                }

                label[b-e4cnsehgp7] {
                    font-weight: normal;
                    padding: var(--spacing-sm);
                }
            }
        }

        .field:first-child[b-e4cnsehgp7] {
            padding-block-start: 0;
        }
    }
}
/* /Pages/FieldChecksInObservation.razor.rz.scp.css */
@layer components {
    .table-wrapper[b-2f60mk2vae] {
        overflow: auto;
        max-height: calc(100vh - 344px); /* viewport height - height of other elements on page */
        color: inherit;
        --bg: var(--bg-1);
        background-color: var(--bg);
        border-radius: var(--rounding);
        min-height: 0;
    }
    .table-wrapper table[b-2f60mk2vae] {
        border-collapse: collapse;
        border-radius: var(--rounding);
        width: 100%;
    }
    .table-wrapper thead[b-2f60mk2vae] {
        background-color: light-dark(var(--brand-light), var(--brand-dark));
        color: var(--text-on-brand);
        position: sticky;
        top: 0;
        z-index: 10;
    }
    .table-wrapper th[b-2f60mk2vae],
    .table-wrapper td[b-2f60mk2vae] {
        min-width: 200px;
        padding: 0.5rem 0.2rem;
        text-align: center;
    }
    .table-wrapper td[b-2f60mk2vae] {
        border-bottom: 1px solid light-dark(var(--brand-light), var(--brand-dark));
        border-right: 1px solid light-dark(var(--brand-light), var(--brand-dark));
    }
    .table-wrapper td:last-of-type[b-2f60mk2vae] {
        border-right: unset;
    }
    tr:has(td > a:hover)[b-2f60mk2vae] {
        background-color: hsl(from var(--bg) h s calc(l * 1.1));
    }

    .field-check-link[b-2f60mk2vae] {
        display: block;
        color: light-dark(var(--brand-dark), var(--brand-light));
        font-style: italic;

        &:hover {
            background-color: transparent;
        }
    }
}
/* /Pages/GrowerDetails.razor.rz.scp.css */
@layer components {
    .field-check-list[b-rhavekqxfo] {
        display: grid;
        grid-template-columns: repeat(2, 1fr);

        li {
            display: grid;
            grid-column: 1 / -1;
            grid-template-columns: subgrid;
        }
    }

    @media (width >=40rem) {
        .field-check-list[b-rhavekqxfo] {
            grid-template-columns: repeat(4, 1fr);
        }
    }
}
/* /Pages/Home.razor.rz.scp.css */
ul[b-rj9rlb773j] {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
/* /Pages/Login.razor.rz.scp.css */
@layer components {
    #messages[b-qmktgmuo91] {
        padding: var(--spacing-base);
        color: var(--color-red);
    }

    .login-form[b-qmktgmuo91] {
        font-size: var(--font-base);
    }
}
/* /Pages/ObservationSheetDetails.razor.rz.scp.css */
@layer components {
    .grower-list[b-48ljcajeah] {
        display: grid;
    }
    .button-wrapper[b-48ljcajeah] {
        margin-bottom: 1rem;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        gap: var(--spacing-sm);
        margin: var(--spacing-sm);
        margin-block-end: var(--spacing-lg);
    }
}

/* /Pages/ObservationSheets.razor.rz.scp.css */
@layer components {

    

}