/* /Components/Dialogs/SeedPcl/PclList.razor.rz.scp.css */
/* The PCL list shares the popup with its editor (5/12 to its 7/12), and MudTable's dense cells keep a 24px right
   padding meant for full-page grids: trim it so the six columns need as little sideways scroll as they can. */
.pcl-list[b-uhdur77zj9]  .mud-table-cell {
    padding-right: 12px;
}
/* /Components/Dialogs/SeedPcl/SeedLotBrowser.razor.rz.scp.css */
/* The Lot cell's notes and SKU comments. In the table, a minimum width keeps the free text from wrapping a word to a
   line in a min-content column. Below 960px MudBlazor's Breakpoint.Sm card view (its own media query) makes every cell a
   non-wrapping label | value flex row, where a fixed minimum scrolls the whole card list sideways on a phone: there the
   block may shrink and the captions wrap inside it. */
.lot-captions[b-7m5r9zcfz2] {
    min-width: 12rem;
    max-width: 20rem;
}

@media (max-width: 960px) {
    .lot-cell[b-7m5r9zcfz2] {
        min-width: 0;
    }

    .lot-captions[b-7m5r9zcfz2] {
        min-width: 0;
        max-width: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Global "scroll to top" FAB (see MainLayout.razor + js/scroll-top.js). Hidden until the script adds
   .pt-visible once the page is scrolled past the threshold. Colors come from the MudBlazor palette variables
   so it tracks the light/dark theme automatically. */
.pt-scroll-top[b-q4wgzthr7r] {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 1050; /* above page content; below MudBlazor dialogs/snackbars (1400+) */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: none;
    border-radius: 50%;
    cursor: pointer;
    color: var(--mud-palette-primary-text);
    background-color: var(--mud-palette-primary);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    opacity: 0;
    visibility: hidden;
    transform: translateY(16px);
    transition: opacity .2s ease, transform .2s ease, visibility .2s;
}

.pt-scroll-top:hover[b-q4wgzthr7r] {
    background-color: var(--mud-palette-primary-darken);
}

/* The offset puts the ring on the PAGE, not on the green button, so it takes the page's ink colour: the button's
   own text colour (primary-text) is near-black in dark mode and white in light, invisible against either page. */
.pt-scroll-top:focus-visible[b-q4wgzthr7r] {
    outline: 2px solid var(--mud-palette-text-primary);
    outline-offset: 2px;
}

.pt-scroll-top.pt-visible[b-q4wgzthr7r] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.pt-scroll-top svg[b-q4wgzthr7r] {
    display: block;
}
/* /Components/Layout/NavGroup.razor.rz.scp.css */
/* Static-SSR fallback chrome for nav groups (see NavGroup.razor). These rules only style the <details>/<summary>
   disclosure used on the circuit-free /Account/* pages; the interactive MudNavGroup branch is untouched. The
   header borrows MudBlazor's .mud-nav-link for colour/hover, and we lay it out + strip the default marker here. */

.pt-nav-group-static[b-h0d6lwnmo8] {
    width: 100%;
}

.pt-nav-group-static > summary[b-h0d6lwnmo8] {
    display: flex;
    align-items: center;
    min-height: 48px;
    padding: 0 16px;
    cursor: pointer;
    user-select: none;
    list-style: none; /* drop Firefox's default disclosure triangle */
}

/* Chrome/Safari's default disclosure marker. */
.pt-nav-group-static > summary[b-h0d6lwnmo8]::-webkit-details-marker {
    display: none;
}

/* Chevron pinned to the right edge, flipping when open — mirrors MudNavGroup's expand icon. */
.pt-nav-group-static > summary[b-h0d6lwnmo8]  .pt-nav-group-static-arrow {
    margin-left: auto;
    transition: transform .2s ease;
}

.pt-nav-group-static[open] > summary[b-h0d6lwnmo8]  .pt-nav-group-static-arrow {
    transform: rotate(180deg);
}

/* Indent the child links so they nest under the header, matching MudNavGroup's nested links. */
.pt-nav-group-static-body[b-h0d6lwnmo8]  .mud-nav-link {
    padding-left: 40px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
#components-reconnect-modal[b-y2k1en3gk0] {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1400;
    overflow: hidden;
    background-color: transparent;
    border: none;
    width: 100%;
    max-width: 100%;
    max-height: 100%;
    margin: 0;
    padding: 0;
}

    #components-reconnect-modal[b-y2k1en3gk0]::backdrop {
        background: rgba(10, 16, 28, 0.5);
    }

    #components-reconnect-modal.components-reconnect-show[b-y2k1en3gk0],
    #components-reconnect-modal[open][b-y2k1en3gk0],
    #components-reconnect-modal.components-reconnect-failed[b-y2k1en3gk0],
    #components-reconnect-modal.components-reconnect-repeated-attempt[b-y2k1en3gk0],
    #components-reconnect-modal.components-reconnect-paused[b-y2k1en3gk0],
    #components-reconnect-modal.components-reconnect-resume-failed[b-y2k1en3gk0],
    #components-reconnect-modal.components-pause[b-y2k1en3gk0],
    #components-reconnect-modal.components-resume-failed[b-y2k1en3gk0] {
        display: flex;
        align-items: center;
        justify-content: center;
    }

.components-reconnect-backdrop[b-y2k1en3gk0] {
    position: fixed;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 24px;
    background: radial-gradient(90% 60% at 80% 0%, color-mix(in srgb, var(--mud-palette-primary, #594AE2) 12%, transparent), transparent 60%), radial-gradient(80% 55% at 0% 100%, color-mix(in srgb, var(--mud-palette-info, #2196f3) 16%, transparent), transparent 62%), rgba(8, 12, 20, 0.5);
}

.components-reconnect-surface[b-y2k1en3gk0] {
    width: min(480px, 100%);
    border-radius: var(--mud-default-borderradius, 12px);
    border: 1px solid color-mix(in srgb, var(--mud-palette-lines-default, #e0e0e0) 70%, transparent);
    background: var(--mud-palette-surface, #fff);
    box-shadow: var(--mud-elevation-24, 0 16px 30px rgba(0, 0, 0, 0.28));
    color: var(--mud-palette-text-primary, #1f2937);
    padding: 20px 20px 18px;
}

.components-reconnect-header[b-y2k1en3gk0] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
}

    .components-reconnect-header h2[b-y2k1en3gk0] {
        margin: 0;
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.3;
    }

.components-reconnect-status-dot[b-y2k1en3gk0] {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: var(--mud-palette-warning, #f59e0b);
    box-shadow: 0 0 0 6px color-mix(in srgb, var(--mud-palette-warning, #f59e0b) 25%, transparent);
}

.components-reconnect-supporting[b-y2k1en3gk0],
.components-reconnect-message[b-y2k1en3gk0] {
    margin: 0;
    line-height: 1.45;
    font-size: 0.95rem;
}

.components-reconnect-supporting[b-y2k1en3gk0] {
    color: var(--mud-palette-text-secondary, #52607a);
    margin-bottom: 14px;
}

.components-reconnect-message[b-y2k1en3gk0] {
    font-weight: 500;
}

.components-reconnect-danger[b-y2k1en3gk0] {
    color: var(--mud-palette-error, #b00020);
}

.components-reconnect-actions[b-y2k1en3gk0] {
    margin-top: 14px;
    display: flex;
    gap: 10px;
    justify-content: flex-end;
}

.components-reconnect-first-attempt-visible[b-y2k1en3gk0],
.components-reconnect-repeated-attempt-visible[b-y2k1en3gk0],
.components-reconnect-failed-visible[b-y2k1en3gk0],
.components-pause-visible[b-y2k1en3gk0],
.components-resume-failed-visible[b-y2k1en3gk0] {
    display: none;
}

dialog[open].components-reconnect-show .components-reconnect-first-attempt-visible[b-y2k1en3gk0] {
    display: block;
}

dialog[open].components-reconnect-show .components-rejoin-loader[b-y2k1en3gk0] {
    display: inline-flex;
}

dialog[open].components-reconnect-failed .components-reconnect-failed-visible[b-y2k1en3gk0] {
    display: block;
}

dialog[open].components-reconnect-failed #components-reconnect-button[b-y2k1en3gk0] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-reconnect-repeated-attempt-visible[b-y2k1en3gk0] {
    display: block;
}

dialog[open].components-reconnect-repeated-attempt .components-rejoin-loader[b-y2k1en3gk0] {
    display: inline-flex;
}

dialog[open].components-reconnect-paused .components-pause-visible[b-y2k1en3gk0],
dialog[open].components-pause .components-pause-visible[b-y2k1en3gk0] {
    display: block;
}

dialog[open].components-reconnect-paused #components-resume-button[b-y2k1en3gk0],
dialog[open].components-pause #components-resume-button[b-y2k1en3gk0],
dialog[open].components-reconnect-resume-failed #components-resume-button[b-y2k1en3gk0],
dialog[open].components-resume-failed #components-resume-button[b-y2k1en3gk0] {
    display: block;
}

dialog[open].components-reconnect-resume-failed .components-resume-failed-visible[b-y2k1en3gk0],
dialog[open].components-resume-failed .components-resume-failed-visible[b-y2k1en3gk0] {
    display: block;
}

.components-rejoin-loader[b-y2k1en3gk0] {
    display: none;
    margin-bottom: 10px;
    gap: 8px;
}

    .components-rejoin-loader div[b-y2k1en3gk0] {
        width: 9px;
        height: 9px;
        border-radius: 50%;
        background-color: var(--mud-palette-primary, #594AE2);
        animation: reconnect-pulse-b-y2k1en3gk0 1.2s infinite ease-in-out both;
    }

        .components-rejoin-loader div:nth-child(1)[b-y2k1en3gk0] {
            animation-delay: -0.24s;
        }

        .components-rejoin-loader div:nth-child(2)[b-y2k1en3gk0] {
            animation-delay: -0.12s;
        }

@keyframes reconnect-pulse-b-y2k1en3gk0 {
    0%, 80%, 100% {
        transform: scale(0);
    }

    40% {
        transform: scale(1);
    }
}

#components-reconnect-button[b-y2k1en3gk0],
#components-resume-button[b-y2k1en3gk0] {
    display: none;
    min-width: 92px;
    cursor: pointer;
    padding: 8px 16px;
    border: 1px solid transparent;
    border-radius: 999px;
    background-color: var(--mud-palette-primary, #594AE2);
    /* The theme's ink for Primary, as a Filled MudButton uses: white in light mode, dark on the dark theme's lifted
       green, where hard-coded white read at 2.7:1. */
    color: var(--mud-palette-primary-text, #fff);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.2;
    transition: filter 140ms ease, transform 140ms ease;
}

    #components-reconnect-button:hover[b-y2k1en3gk0],
    #components-resume-button:hover[b-y2k1en3gk0] {
        filter: brightness(0.95);
    }

    #components-reconnect-button:active[b-y2k1en3gk0],
    #components-resume-button:active[b-y2k1en3gk0] {
        transform: translateY(1px);
    }

@media (max-width: 600px) {
    .components-reconnect-backdrop[b-y2k1en3gk0] {
        padding: 14px;
    }

    .components-reconnect-surface[b-y2k1en3gk0] {
        padding: 16px;
    }
}
/* /Components/Pages/About.razor.rz.scp.css */
/* About page. Text/surfaces/lines come from MudBlazor palette variables so the page follows light/dark mode;
   the hero and footer keep the brand deep-green, which reads in both themes. */
.about-root[b-gn729i76s6] {
    --am: ui-monospace, "Cascadia Mono", "Cascadia Code", Consolas, "Courier New", monospace;
    max-width: 900px;
    margin-inline: auto;
}

/* ---- Hero ---- */
.about-hero[b-gn729i76s6] {
    background-color: #173B27;
    background-image:
        linear-gradient(rgba(248,199,102,0.06) 1px, transparent 1px),
        linear-gradient(90deg, rgba(248,199,102,0.06) 1px, transparent 1px);
    background-size: 34px 34px;
    color: #FBFAF7;
    border-radius: 14px;
    padding: 36px clamp(22px, 5vw, 40px) 30px;
}
.about-eyebrow[b-gn729i76s6] {
    font-family: var(--am); font-size: 0.72rem; letter-spacing: 0.22em;
    text-transform: uppercase; color: #F8C766; margin: 0 0 14px;
}
.about-wordmark[b-gn729i76s6] {
    font-weight: 800; letter-spacing: -0.035em;
    font-size: clamp(2.2rem, 6vw, 3.4rem); line-height: 0.95; margin: 0;
}
.about-wordmark .t[b-gn729i76s6] { color: #F8C766; }
.about-thesis[b-gn729i76s6] { font-size: clamp(1rem, 2.4vw, 1.3rem); font-weight: 500; margin: 14px 0 6px; max-width: 30ch; }
.about-sub[b-gn729i76s6] { color: #CDE0D2; max-width: 58ch; margin: 0; }

.about-trace[b-gn729i76s6] {
    display: flex; flex-wrap: wrap; align-items: center; gap: 10px 6px;
    margin-top: 26px; padding-top: 18px; border-top: 1px solid rgba(255,255,255,0.14);
}
.about-stage[b-gn729i76s6] { display: flex; align-items: center; gap: 8px; }
.about-dot[b-gn729i76s6] { width: 9px; height: 9px; border-radius: 50%; background: #F8C766; box-shadow: 0 0 0 4px rgba(248,199,102,0.16); flex: none; }
.about-stage span[b-gn729i76s6] { font-family: var(--am); font-size: 0.76rem; color: #FBFAF7; white-space: nowrap; }
.about-link[b-gn729i76s6] { flex: 1 1 14px; min-width: 14px; height: 1px; background: linear-gradient(90deg, rgba(248,199,102,0.55), rgba(248,199,102,0.15)); }

/* ---- Legend ---- */
.about-legend[b-gn729i76s6] {
    display: flex; flex-wrap: wrap; gap: 8px 20px;
    padding: 16px 4px; border-bottom: 1px solid var(--mud-palette-lines-default);
}
.about-legend > span[b-gn729i76s6] { font-size: 0.86rem; color: var(--mud-palette-text-secondary); display: inline-flex; align-items: center; gap: 8px; }

/* ---- Tags ---- */
.about-tag[b-gn729i76s6] {
    font-family: var(--am); font-size: 0.64rem; font-weight: 700;
    letter-spacing: 0.08em; text-transform: uppercase;
    padding: 2px 7px; border-radius: 4px; border: 1px solid currentColor;
    white-space: nowrap; flex: none;
}
.about-tag.new[b-gn729i76s6] { color: var(--mud-palette-primary); }
.about-tag.imp[b-gn729i76s6] { color: var(--mud-palette-secondary); }
.about-tag.adm[b-gn729i76s6] { color: var(--mud-palette-text-primary); }

/* ---- Sections ---- */
.about-sec[b-gn729i76s6] { padding: 30px 4px; border-bottom: 1px solid var(--mud-palette-lines-default); }
.about-label[b-gn729i76s6] {
    display: inline-flex; align-items: center; gap: 9px;
    font-family: var(--am); font-size: 0.74rem; letter-spacing: 0.2em;
    text-transform: uppercase; color: var(--mud-palette-primary); margin: 0 0 4px;
}
.about-label .sq[b-gn729i76s6] { width: 11px; height: 11px; border-radius: 3px; background: var(--mud-palette-primary); flex: none; }
.about-sec h2[b-gn729i76s6], .about-admin h2[b-gn729i76s6] {
    font-weight: 800; letter-spacing: -0.02em; font-size: clamp(1.3rem, 3.4vw, 1.7rem);
    margin: 0 0 4px; color: var(--mud-palette-text-primary);
}
.about-lede[b-gn729i76s6] { color: var(--mud-palette-text-secondary); margin: 0 0 18px; max-width: 64ch; }

.about-grid[b-gn729i76s6] { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
.about-item[b-gn729i76s6] { padding: 14px 0; border-top: 1px solid var(--mud-palette-lines-default); }
.about-item h3[b-gn729i76s6] {
    font-size: 1rem; font-weight: 700; margin: 0 0 3px;
    display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
    color: var(--mud-palette-text-primary);
}
.about-item p[b-gn729i76s6] { margin: 0; color: var(--mud-palette-text-secondary); font-size: 0.93rem; }

/* ---- Admin track ---- */
.about-admin[b-gn729i76s6] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-radius: 12px;
    padding: 6px clamp(20px, 4vw, 30px) 24px;
    margin-top: 24px;
}
.about-admin .about-label[b-gn729i76s6] { color: var(--mud-palette-text-primary); }
.about-admin .about-label .sq[b-gn729i76s6] { background: var(--mud-palette-text-primary); }

/* ---- Footer ---- */
.about-foot[b-gn729i76s6] {
    background: #173B27; color: #FBFAF7; border-radius: 12px;
    padding: 24px clamp(22px, 5vw, 30px) 28px; margin-top: 24px;
}
.about-foot .about-label[b-gn729i76s6] { color: #F8C766; }
.about-foot .about-label .sq[b-gn729i76s6] { background: #F8C766; }
.about-foot h2[b-gn729i76s6] { color: #FBFAF7; font-weight: 800; margin: 0 0 6px; font-size: 1.3rem; }
.about-foot p[b-gn729i76s6] { margin: 0 0 6px; color: #DCEBE0; max-width: 64ch; }
.about-foot strong[b-gn729i76s6] { color: #FFFFFF; }
.about-foot .small[b-gn729i76s6] { color: #9FBFA8; font-size: 0.88rem; margin-top: 10px; }

/* ---- Manager onboarding (first-login walk-through) ---- */
.about-tag.mgr[b-gn729i76s6] { color: var(--mud-palette-secondary); }

.about-onboard[b-gn729i76s6] {
    background: var(--mud-palette-surface);
    border: 1px solid var(--mud-palette-lines-default);
    border-left: 4px solid var(--mud-palette-secondary);
    border-radius: 12px;
    padding: 6px clamp(20px, 4vw, 30px) 26px;
    margin-top: 24px;
}
.about-onboard .about-label[b-gn729i76s6] { color: var(--mud-palette-secondary); }
.about-onboard .about-label .sq[b-gn729i76s6] { background: var(--mud-palette-secondary); }

.about-steps[b-gn729i76s6] { list-style: none; counter-reset: step; margin: 16px 0 0; padding: 0; }
.about-step[b-gn729i76s6] {
    counter-increment: step; position: relative;
    padding: 14px 0 14px 48px;
    border-top: 1px solid var(--mud-palette-lines-default);
}
.about-step:first-child[b-gn729i76s6] { border-top: none; }
.about-step[b-gn729i76s6]::before {
    content: counter(step);
    position: absolute; left: 0; top: 13px;
    width: 30px; height: 30px; border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    font-family: var(--am); font-weight: 700; font-size: 0.92rem;
    background: var(--mud-palette-secondary); color: var(--mud-palette-secondary-text, #fff);
}
.about-step h3[b-gn729i76s6] {
    font-size: 1rem; font-weight: 700; margin: 0 0 3px;
    color: var(--mud-palette-text-primary);
    display: flex; align-items: center; gap: 9px; flex-wrap: wrap;
}
.about-step p[b-gn729i76s6] { margin: 0; color: var(--mud-palette-text-secondary); font-size: 0.93rem; }
.about-step strong[b-gn729i76s6] { color: var(--mud-palette-text-primary); font-weight: 600; }

/* ---- Recent Updates tab ---- */
.about-tabs[b-gn729i76s6] { margin-bottom: 4px; }
.about-updates[b-gn729i76s6] { padding-top: 6px; }
.about-updates > .about-lede[b-gn729i76s6] { margin-bottom: 6px; }

.upd-group[b-gn729i76s6] {
    padding: 22px 4px;
    border-bottom: 1px solid var(--mud-palette-lines-default);
}
.upd-group:last-child[b-gn729i76s6] { border-bottom: none; }
.upd-heading[b-gn729i76s6] {
    display: inline-flex; align-items: center; gap: 10px;
    font-family: var(--am); font-weight: 700; font-size: 0.92rem;
    letter-spacing: 0.02em; color: var(--mud-palette-text-primary); margin: 0 0 14px;
}
.upd-heading .upd-dot[b-gn729i76s6] { width: 11px; height: 11px; border-radius: 3px; background: var(--mud-palette-primary); flex: none; }
.upd-notes[b-gn729i76s6] { list-style: none; margin: 0; padding: 0; display: grid; gap: 9px; }
.upd-notes li[b-gn729i76s6] {
    position: relative; padding-left: 20px;
    color: var(--mud-palette-text-secondary); font-size: 0.93rem; line-height: 1.5;
}
.upd-notes li[b-gn729i76s6]::before {
    content: ""; position: absolute; left: 4px; top: 0.62em;
    width: 6px; height: 6px; border-radius: 50%;
    background: var(--mud-palette-primary); opacity: 0.55;
}

@media (max-width: 640px) {
    .about-grid[b-gn729i76s6] { grid-template-columns: 1fr; }
}
/* /Components/Pages/BatchSowing.razor.rz.scp.css */
/* Group the PCL field with the Record Sowing button as one attached input-group
   (same pattern as the House Inventory "Record activity for PCL" group): the button
   sits flush against the right edge of the field, matched height, sharing one border seam. */
.pcl-group[b-n2jxzefw4c] {
    max-width: 420px;
}

/* Field fills the group; square its right corners where the button joins. */
.pcl-group[b-n2jxzefw4c]  .pcl-group-field {
    flex: 1 1 auto;
}
.pcl-group[b-n2jxzefw4c]  .mud-input-outlined-border {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Button matches the dense field height, squares its left corners, and overlaps the
   1px border so the two share a single seam. */
.pcl-group[b-n2jxzefw4c]  .pcl-group-btn {
    height: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}
/* /Components/Pages/HouseInventory.razor.rz.scp.css */
/* Group the "Record activity for PCL" field with its Open button as one attached input-group:
   the button sits flush against the right edge of the field, matched height, shared border. */
.pcl-open[b-vf46dvo208] {
    max-width: 340px;
}

/* Field fills the group; square its right corners where the button joins. */
.pcl-open[b-vf46dvo208]  .pcl-open-field {
    flex: 1 1 auto;
}
.pcl-open[b-vf46dvo208]  .mud-input-outlined-border {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

/* Button matches the dense field height, squares its left corners, and overlaps the
   1px border so the two share a single seam. */
.pcl-open[b-vf46dvo208]  .pcl-open-btn {
    height: 40px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -1px;
}
/* /Components/Pages/ReportCenter.razor.rz.scp.css */
/* Report-list nav buttons: keep the title LEFT-justified, including when a long name word-wraps to a
   second line. MudButton centers its label by default (.mud-button-label { justify-content:center;
   text-align:center }), which looked wrong for a left-aligned list. white-space:normal opts this list out
   of app.css's no-wrap button labels: in the narrow list column a long name must wrap, not spill. */
[b-7eq56lmmkn] .report-nav-btn .mud-button-label {
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    white-space: normal;
}

/* The group panels' 24px side gutters left too little of the narrow column for one long word; 16px gives the names
   the room they need at 1280px (lg, the list back at 2/12) while keeping them indented under their group header. */
.report-nav[b-7eq56lmmkn]  .mud-expand-panel .mud-expand-panel-content.mud-expand-panel-gutters {
    padding-left: 16px;
    padding-right: 16px;
}

/* A mark that has to stand out in a report cell (the sow schedule's NO SEED, owner 2026-10-13): bold, in warning ink.
   The ink is app.css's warning chip label — the warning orange blended 70% with the theme's text ink — because the raw
   orange fails as text on a striped or hovered row, and MudBlazor's --mud-palette-warning-text is the CONTRAST colour for
   text on an orange fill (white in light mode), not an ink. Bold carries it where colour can't. */
.pt-report-mark-strong[b-7eq56lmmkn] {
    font-weight: 700;
    color: color-mix(in srgb, var(--mud-palette-warning) 70%, var(--mud-palette-text-primary));
}
/* /Components/Pages/Seed.razor.rz.scp.css */
/* The SKU list is wider than the usual 5/12 master column, so its eight columns scroll sideways less. Owner, 2026-09-23
   ("increase width of left table slightly"): 45 / 55. Owner, 2026-10-13 ("make left side wider"): 50 / 50 from MudBlazor's
   md breakpoint (960px), and 55 / 45 from 1536px. 55 / 45 isn't used below 1536px, because at 1280px it left the editor
   453px wide, too narrow for its Save button and field grid; from 1536px the editor gets at least the 553px it had at
   1280px before. Below 960px both columns still stack full-width. These selectors carry more classes than MudBlazor's
   single .mud-grid-item-md-* rule, so they win whatever the stylesheet order. */
@media (min-width: 960px) {
    .seed-layout[b-iwz6qiimok]  .mud-grid-item.seed-list-col {
        flex-basis: 50%;
        max-width: 50%;
    }

    .seed-layout[b-iwz6qiimok]  .mud-grid-item.seed-editor-col {
        flex-basis: 50%;
        max-width: 50%;
    }
}

@media (min-width: 1536px) {
    .seed-layout[b-iwz6qiimok]  .mud-grid-item.seed-list-col {
        flex-basis: 55%;
        max-width: 55%;
    }

    .seed-layout[b-iwz6qiimok]  .mud-grid-item.seed-editor-col {
        flex-basis: 45%;
        max-width: 45%;
    }
}
/* /Components/Pages/ToDo.razor.rz.scp.css */
/* Old backlog under the fold reads as secondary text, so the live rows above it stand out. Theme variables only, so
   dark mode follows. The rows belong to ToDoCategoryView's MudTables, hence ::deep. */
.pt-todo[b-epangmnhkn]  tr.pt-todo-muted > td {
    color: var(--mud-palette-text-secondary);
}

/* A checked item (Show checked on): its key struck through, beside the "checked … by …" stamp. */
.pt-todo[b-epangmnhkn]  .pt-todo-struck {
    text-decoration: line-through;
}

/* The fold and No date rows are disclosures, not actions: sentence case, as the plan words them. */
.pt-todo[b-epangmnhkn]  .pt-todo-disclosure {
    text-transform: none;
}

/* Desktop only: a fixed minimum inside a card-view cell would scroll the list sideways on a phone. */
@media (min-width: 961px) {
    .pt-todo-customer[b-epangmnhkn] {
        min-width: 240px;
        max-width: 420px;
    }
}