/* /Layout/MainLayout.razor.rz.scp.css */
/* Purpose:
Scoped layout styles for route-aware navigation and operational field status.

Responsibilities:
- Apply the layout, responsive behavior, and visual states required by MainLayout.razor.

Boundaries:
CSS controls presentation only; trust meaning, workflow state, privacy, and persistence remain in maintained source logic.

Key decisions and invariants:
MainLayout.razor rules stay scoped to their owning surface so visual changes do not leak into unrelated workflows.
*/
.topbar-title[b-27ij3dv8xf] {
    display: grid;
    gap: 3px;
}

.topbar-title .eyebrow[b-27ij3dv8xf] {
    color: #8b4b08;
    font-size: 0.76rem;
}

.topbar-operational-status[b-27ij3dv8xf] {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.operational-chip[b-27ij3dv8xf] {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 7px 10px;
    border: 1px solid var(--rbo-border);
    border-radius: 999px;
    color: var(--rbo-muted);
    background: rgba(255, 253, 248, 0.84);
    font-size: 0.76rem;
    font-weight: 750;
    line-height: 1.2;
}

.operational-dot[b-27ij3dv8xf] {
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
}

.operational-chip-online .operational-dot[b-27ij3dv8xf] {
    background: var(--rbo-success);
    box-shadow: 0 0 0 4px rgba(53, 116, 90, 0.14);
}

.operational-chip-offline[b-27ij3dv8xf] {
    color: #8a5416;
    border-color: rgba(242, 152, 54, 0.35);
    background: rgba(255, 247, 232, 0.94);
}

.operational-chip-offline .operational-dot[b-27ij3dv8xf],
.operational-chip-busy[b-27ij3dv8xf]::before,
.operational-chip-error[b-27ij3dv8xf]::before {
    content: "";
    width: 8px;
    height: 8px;
    flex: 0 0 auto;
    border-radius: 50%;
}

.operational-chip-offline .operational-dot[b-27ij3dv8xf],
.operational-chip-busy[b-27ij3dv8xf]::before {
    background: var(--rbo-orange);
    box-shadow: 0 0 0 4px rgba(242, 152, 54, 0.14);
}

.operational-chip-error[b-27ij3dv8xf] {
    color: #9f3038;
    border-color: rgba(159, 48, 56, 0.28);
    background: rgba(255, 241, 241, 0.94);
}

.operational-chip-error[b-27ij3dv8xf]::before {
    background: #c84d57;
    box-shadow: 0 0 0 4px rgba(200, 77, 87, 0.14);
}

@media (max-width: 980px) {
    .topbar-operational-status[b-27ij3dv8xf] {
        max-width: 66%;
    }
}

@media (max-width: 720px) {
    .app-shell[b-27ij3dv8xf],
    .workspace-shell[b-27ij3dv8xf],
    .sidebar[b-27ij3dv8xf],
    .primary-nav[b-27ij3dv8xf],
    .topbar[b-27ij3dv8xf],
    .main-content[b-27ij3dv8xf] {
        min-width: 0;
        max-width: 100%;
    }

    .app-shell[b-27ij3dv8xf] {
        width: 100%;
        overflow-x: clip;
    }

    .sidebar[b-27ij3dv8xf] {
        position: fixed;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 60;
        width: 100%;
        height: auto;
        display: block;
        padding: 7px max(8px, env(safe-area-inset-right, 0px)) calc(7px + env(safe-area-inset-bottom, 0px)) max(8px, env(safe-area-inset-left, 0px));
        border-top: 1px solid rgba(240, 213, 138, 0.16);
        border-right: 0;
        background: rgba(8, 11, 25, 0.94);
        box-shadow: 0 -14px 38px rgba(0, 0, 0, 0.34);
        backdrop-filter: blur(18px);
    }

    .brand-block[b-27ij3dv8xf],
    .sidebar-status[b-27ij3dv8xf] {
        display: none;
    }

    .primary-nav[b-27ij3dv8xf] {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
        margin: 0;
        overflow: visible;
    }

    .nav-item[b-27ij3dv8xf] {
        min-width: 0;
        min-height: 58px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        gap: 2px;
        padding: 6px 3px;
        overflow: hidden;
        border-radius: 12px;
    }

    .nav-icon[b-27ij3dv8xf] {
        width: auto;
        font-size: 1.12rem;
        line-height: 1;
    }

    .nav-item span:last-child[b-27ij3dv8xf] {
        min-width: 0;
        display: block;
        overflow: hidden;
        font-size: 0.65rem;
        font-weight: 760;
        line-height: 1.15;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .topbar-title[b-27ij3dv8xf] {
        display: none;
    }

    .topbar[b-27ij3dv8xf] {
        position: sticky;
        top: 0;
        padding-top: calc(12px + env(safe-area-inset-top, 0px));
        padding-right: max(16px, env(safe-area-inset-right, 0px));
        padding-bottom: 12px;
        padding-left: max(16px, env(safe-area-inset-left, 0px));
    }

    .topbar-operational-status[b-27ij3dv8xf] {
        width: 100%;
        max-width: none;
        min-width: 0;
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow: visible;
    }

    .operational-chip[b-27ij3dv8xf] {
        min-width: 0;
        max-width: 100%;
        flex: 1 1 auto;
        overflow-wrap: anywhere;
        white-space: normal;
    }

    .main-content[b-27ij3dv8xf] {
        padding-top: 20px;
        padding-right: max(16px, env(safe-area-inset-right, 0px));
        padding-bottom: calc(104px + env(safe-area-inset-bottom, 0px));
        padding-left: max(16px, env(safe-area-inset-left, 0px));
    }
}
/* /Pages/More.razor.rz.scp.css */
/* Purpose:
Keep the secondary More surface readable without introducing a separate visual system.

Responsibilities:
- Constrain width and spacing for the More page's secondary cards.

Boundaries:
- Styling only; this file does not alter navigation, privacy, storage, export, or deletion behavior.

Key decisions and invariants:
- Reuse the shared location-question card layout and keep the surface compact on field devices.
*/
.section-block[b-eaoi7f7fdl] { max-width: 880px; margin: 0 auto; }
.location-question-list[b-eaoi7f7fdl] { display: grid; gap: 1rem; }
.location-question-card[b-eaoi7f7fdl] { min-width: 0; }
/* /Pages/Privacy.razor.rz.scp.css */
/* Purpose:
Styles the in-application privacy posture and permission disclosures.

Responsibilities:
- Apply the layout, responsive behavior, and visual states required by Privacy.razor.

Boundaries:
CSS controls presentation only; trust meaning, workflow state, privacy, and persistence remain in maintained source logic.

Key decisions and invariants:
Privacy.razor rules stay scoped to their owning surface so visual changes do not leak into unrelated workflows.
*/
.privacy-page[b-hwn0rei04g] {
    display: grid;
    gap: 8px;
}

.privacy-hero[b-hwn0rei04g] {
    padding: clamp(28px, 5vw, 52px);
    border-radius: 26px;
    color: #fff;
    background: linear-gradient(125deg, var(--rbo-navy), var(--rbo-navy-soft));
    box-shadow: var(--shadow-soft);
}

.privacy-hero h1[b-hwn0rei04g] {
    margin: 10px 0 14px;
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.1rem, 5vw, 4rem);
    font-weight: 500;
    line-height: 1;
}

.privacy-hero > p:last-of-type[b-hwn0rei04g] {
    max-width: 780px;
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
}

.privacy-current-status[b-hwn0rei04g] {
    max-width: 780px;
    display: grid;
    gap: 5px;
    margin-top: 24px;
    padding: 16px 18px;
    border: 1px solid rgba(238, 206, 122, 0.28);
    border-radius: 14px;
    background: rgba(238, 206, 122, 0.1);
}

.privacy-current-status strong[b-hwn0rei04g] {
    color: var(--rbo-gold);
}

.privacy-page .section-block .eyebrow[b-hwn0rei04g] {
    color: #8b4b08;
}

.privacy-page .section-note[b-hwn0rei04g] {
    color: #626a7d;
}

.privacy-principles[b-hwn0rei04g] {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.privacy-principles article[b-hwn0rei04g],
.permission-card[b-hwn0rei04g] {
    padding: 20px;
    border: 1px solid var(--rbo-border);
    border-radius: 18px;
    background: var(--rbo-paper);
    box-shadow: var(--shadow-soft);
}

.privacy-principles strong[b-hwn0rei04g] {
    color: var(--rbo-navy);
}

.privacy-principles p[b-hwn0rei04g],
.permission-card dd[b-hwn0rei04g] {
    color: #626a7d;
    line-height: 1.6;
}

.permission-list[b-hwn0rei04g] {
    display: grid;
    gap: 14px;
}

.permission-card-heading[b-hwn0rei04g] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
}

.permission-card-heading h3[b-hwn0rei04g] {
    margin: 0;
    color: var(--rbo-navy);
}

.permission-card-heading span[b-hwn0rei04g] {
    flex: 0 0 auto;
    padding: 5px 9px;
    border-radius: 999px;
    color: var(--rbo-navy);
    background: rgba(238, 206, 122, 0.32);
    font-size: 0.76rem;
    font-weight: 800;
}

.permission-card dl[b-hwn0rei04g] {
    display: grid;
    gap: 14px;
    margin: 18px 0 0;
}

.permission-card dl div[b-hwn0rei04g] {
    display: grid;
    gap: 4px;
}

.permission-card dt[b-hwn0rei04g] {
    color: #8b4b08;
    font-size: 0.78rem;
    font-weight: 850;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.permission-card dd[b-hwn0rei04g] {
    margin: 0;
}

@media (max-width: 760px) {
    .privacy-principles[b-hwn0rei04g] {
        grid-template-columns: 1fr;
    }

    .permission-card-heading[b-hwn0rei04g] {
        display: grid;
    }

    .permission-card-heading span[b-hwn0rei04g] {
        justify-self: start;
    }
}
/* /Pages/PrivacyPolicy.razor.rz.scp.css */
/* Purpose:
Styles the generated full public privacy-policy route for readable mobile and desktop use.

Responsibilities:
- Present long-form policy text, expandable permission disclosures, private-reference labels, and return navigation without horizontal page overflow.

Boundaries:
CSS controls presentation only; the canonical policy text and generated markup remain owned by PRIVACY.md and its generator.

Key decisions and invariants:
The policy route and document explicitly surrender intrinsic minimum width, permission details use native full-width disclosure controls rather than a horizontally scrolling table, and semantic colors use dark-theme-safe design tokens.
*/
.policy-page[b-dmd5ehuql8] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: grid;
    gap: 16px;
}

.policy-toolbar[b-dmd5ehuql8] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 16px 18px;
    border: 1px solid var(--rbo-border);
    border-radius: 16px;
    color: var(--rbo-ink);
    background: var(--rbo-paper);
    box-shadow: var(--shadow-soft);
}

.policy-toolbar p[b-dmd5ehuql8] {
    min-width: 0;
    margin: 0;
    color: var(--rbo-muted);
    font-size: 0.9rem;
    overflow-wrap: anywhere;
}

.policy-document[b-dmd5ehuql8] {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    padding: clamp(22px, 5vw, 48px);
    border: 1px solid var(--rbo-border);
    border-radius: 24px;
    color: var(--rbo-ink);
    background: var(--rbo-paper);
    box-shadow: var(--shadow-soft);
    overflow-wrap: anywhere;
}

.policy-document > *[b-dmd5ehuql8] {
    max-width: 100%;
    min-width: 0;
}

.policy-document h1[b-dmd5ehuql8] {
    width: 100%;
    max-width: 850px;
    margin: 0 0 18px;
    color: var(--rbo-ink);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2rem, 5vw, 3.7rem);
    font-weight: 500;
    line-height: 1.08;
}

.policy-document h2[b-dmd5ehuql8] {
    margin: 34px 0 12px;
    color: var(--rbo-gold);
    font-size: clamp(1.35rem, 3vw, 1.8rem);
    line-height: 1.2;
}

.policy-document p[b-dmd5ehuql8],
.policy-document li[b-dmd5ehuql8] {
    color: var(--rbo-ink);
    line-height: 1.65;
}

.policy-document p[b-dmd5ehuql8],
.policy-document ul[b-dmd5ehuql8],
.policy-document ol[b-dmd5ehuql8],
.policy-document blockquote[b-dmd5ehuql8] {
    width: 100%;
    max-width: 850px;
}

.policy-document ul[b-dmd5ehuql8],
.policy-document ol[b-dmd5ehuql8] {
    padding-inline-start: clamp(22px, 7vw, 38px);
}

.policy-document blockquote[b-dmd5ehuql8] {
    margin: 20px 0;
    padding: 16px 18px;
    border-left: 5px solid var(--rbo-gold);
    border-radius: 0 12px 12px 0;
    color: var(--rbo-ink);
    background: var(--rbo-surface-muted);
    font-weight: 750;
}

.policy-disclosures[b-dmd5ehuql8] {
    width: 100%;
    max-width: 850px;
    min-width: 0;
    display: grid;
    gap: 10px;
    margin: 16px 0 10px;
}

.policy-disclosure[b-dmd5ehuql8] {
    width: 100%;
    min-width: 0;
    border: 1px solid var(--rbo-border);
    border-radius: 14px;
    background: var(--rbo-surface-muted);
    overflow: hidden;
}

.policy-disclosure summary[b-dmd5ehuql8] {
    width: 100%;
    min-width: 0;
    min-height: 52px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    padding: 14px 16px;
    color: var(--rbo-ink);
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.35;
    cursor: pointer;
    list-style: none;
}

.policy-disclosure summary[b-dmd5ehuql8]::-webkit-details-marker {
    display: none;
}

.policy-disclosure summary[b-dmd5ehuql8]::after {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    content: "+";
    border: 1px solid var(--rbo-border);
    border-radius: 999px;
    color: var(--rbo-gold);
    background: var(--rbo-paper);
    font-size: 1.25rem;
    font-weight: 750;
    line-height: 1;
}

.policy-disclosure[open] summary[b-dmd5ehuql8] {
    border-bottom: 1px solid var(--rbo-border);
}

.policy-disclosure[open] summary[b-dmd5ehuql8]::after {
    content: "−";
}

.policy-disclosure summary:focus-visible[b-dmd5ehuql8] {
    outline: 3px solid var(--rbo-gold);
    outline-offset: -3px;
}

.policy-disclosure-body[b-dmd5ehuql8] {
    min-width: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding: 16px;
    background: var(--rbo-paper);
}

.policy-disclosure-body section[b-dmd5ehuql8] {
    min-width: 0;
}

.policy-disclosure-body h3[b-dmd5ehuql8] {
    margin: 0 0 6px;
    color: var(--rbo-gold);
    font-size: 0.82rem;
    font-weight: 800;
    letter-spacing: 0.055em;
    line-height: 1.3;
    text-transform: uppercase;
}

.policy-disclosure-body p[b-dmd5ehuql8] {
    width: 100%;
    max-width: none;
    margin: 0;
    color: var(--rbo-ink);
    font-size: 1rem;
    line-height: 1.55;
}

.private-policy-reference[b-dmd5ehuql8] {
    max-width: 100%;
    display: inline-grid;
    gap: 2px;
}

.private-policy-reference > span[b-dmd5ehuql8] {
    color: var(--rbo-muted);
    font-size: 0.78rem;
    font-weight: 650;
}

@media (max-width: 700px) {
    .policy-page[b-dmd5ehuql8] {
        gap: 12px;
    }

    .policy-toolbar[b-dmd5ehuql8] {
        align-items: stretch;
        display: grid;
        gap: 12px;
        padding: 14px;
    }

    .policy-toolbar .button[b-dmd5ehuql8] {
        width: 100%;
        min-width: 0;
        justify-content: center;
        text-align: center;
        white-space: normal;
    }

    .policy-document[b-dmd5ehuql8] {
        padding: 20px 18px 28px;
        border-radius: 18px;
    }

    .policy-document h1[b-dmd5ehuql8] {
        margin-bottom: 16px;
        font-size: clamp(1.7rem, 8vw, 2.15rem);
        line-height: 1.12;
    }

    .policy-document h2[b-dmd5ehuql8] {
        margin-top: 28px;
        font-size: clamp(1.25rem, 6vw, 1.55rem);
    }

    .policy-document p[b-dmd5ehuql8],
    .policy-document li[b-dmd5ehuql8] {
        font-size: 1rem;
        line-height: 1.55;
    }

    .policy-document blockquote[b-dmd5ehuql8] {
        padding: 14px;
    }

    .policy-disclosures[b-dmd5ehuql8] {
        gap: 8px;
        margin-top: 14px;
    }

    .policy-disclosure summary[b-dmd5ehuql8] {
        min-height: 54px;
        padding: 14px;
    }

    .policy-disclosure-body[b-dmd5ehuql8] {
        grid-template-columns: 1fr;
        gap: 16px;
        padding: 14px;
    }
}
/* /Pages/Report.razor.rz.scp.css */
/* Purpose:
Present the four reporting tasks as a compact, mobile-friendly decision surface.

Responsibilities:
- Constrain report content width, card spacing, and action-button separation.

Boundaries:
- Styling only; this file does not alter report routing, context, schemas, or persistence.

Key decisions and invariants:
- Keep the four task cards visually consistent with shared Field App question cards and preserve touch-friendly spacing.
*/
.section-block[b-44cuj3vwsh] { max-width: 880px; margin: 0 auto; }
.location-question-list[b-44cuj3vwsh] { display: grid; gap: 1rem; }
.location-question-card[b-44cuj3vwsh] { min-width: 0; }
.location-question-card .button[b-44cuj3vwsh] { margin-top: .5rem; }
/* /Pages/ReportAction.razor.rz.scp.css */
/* Purpose:
Keep contextual report-action handoffs compact and readable.

Responsibilities:
- Constrain report-action width and keep paired actions usable across desktop and narrow mobile layouts.

Boundaries:
- Styling only; this file does not change report-action routing, fallback behavior, or persistence.

Key decisions and invariants:
- Preserve full-width stacked actions on narrow screens and side-by-side spacing when room permits.
*/
.section-block[b-0kembzwjuu] { max-width: 760px; margin: 0 auto; }
.button + .button[b-0kembzwjuu] { margin-left: .75rem; }
@media (max-width: 640px) { .button + .button[b-0kembzwjuu] { margin-left: 0; margin-top: .75rem; } .button[b-0kembzwjuu] { display: block; width: 100%; } }
/* /Pages/Saved.razor.rz.scp.css */
/* Purpose:
Keep Saved location work scannable and touch-friendly on field devices.

Responsibilities:
- Constrain the Saved index, maintain card spacing, and allow location actions to wrap cleanly.

Boundaries:
- Styling only; this file does not alter saved-state ownership, reporting behavior, or persistence.

Key decisions and invariants:
- Keep location actions flexible on narrow screens while preserving the shared Field App card system.
*/
.section-block[b-hj7c4wsl95] { max-width: 880px; margin: 0 auto; }
.location-question-list[b-hj7c4wsl95] { display: grid; gap: 1rem; }
.location-action-row[b-hj7c4wsl95] { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: .75rem; }
/* /Shared/BrandMark.razor.rz.scp.css */
/* Purpose:
Scoped visual treatment for the reusable River Bend Outdoors brand mark.

Responsibilities:
- Apply the layout, responsive behavior, and visual states required by BrandMark.razor.

Boundaries:
CSS controls presentation only; trust meaning, workflow state, privacy, and persistence remain in maintained source logic.

Key decisions and invariants:
BrandMark.razor rules stay scoped to their owning surface so visual changes do not leak into unrelated workflows.
*/
.brand-mark[b-mo7160240b] {
    display: block;
    width: 64px;
    height: 64px;
    max-width: none;
    flex: 0 0 auto;
    border-radius: 0;
    object-fit: contain;
    box-shadow: none;
    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.24));
}

@media (max-width: 1050px) {
    .brand-mark[b-mo7160240b] {
        width: 54px;
        height: 54px;
    }
}
/* /Shared/DarrowPondDossierNavigation.razor.rz.scp.css */
/* Purpose:
Styles the desktop tab row and the simplified mobile dossier navigation.

Responsibilities:
- Apply the layout, responsive behavior, and visual states required by DarrowPondDossierNavigation.razor.

Boundaries:
CSS controls presentation only; trust meaning, workflow state, privacy, and persistence remain in maintained source logic.

Key decisions and invariants:
Desktop dossier navigation remains sticky below the desktop header. On phones, the dossier controls stay in normal document flow so they cannot occupy the same sticky top edge as the operational status header or become an obstructed tap target.
*/
.dossier-navigation[b-kdvzn0vjze] {
    position: sticky;
    top: 72px;
    z-index: 12;
    min-width: 0;
    max-width: 100%;
    margin-top: 20px;
}

.dossier-tabs[b-kdvzn0vjze] {
    min-width: 0;
    max-width: 100%;
    display: flex;
    gap: 6px;
    padding: 9px;
    border: 1px solid var(--rbo-border);
    border-radius: 15px;
    background: rgba(255, 253, 248, 0.96);
    box-shadow: 0 10px 30px rgba(5, 7, 40, 0.06);
    backdrop-filter: blur(12px);
}

.dossier-tab[b-kdvzn0vjze],
.dossier-more-item[b-kdvzn0vjze] {
    min-width: 0;
    min-height: 46px;
    border: 1px solid transparent;
    border-radius: 10px;
    color: #626a7d;
    background: transparent;
    font: inherit;
    font-size: 0.82rem;
    font-weight: 780;
    cursor: pointer;
}

.dossier-tab[b-kdvzn0vjze] {
    flex: 1 0 auto;
    padding: 10px 13px;
}

.dossier-tab:hover[b-kdvzn0vjze],
.dossier-tab:focus-visible[b-kdvzn0vjze],
.dossier-tab.active[b-kdvzn0vjze],
.dossier-more-item:hover[b-kdvzn0vjze],
.dossier-more-item:focus-visible[b-kdvzn0vjze],
.dossier-more-item.active[b-kdvzn0vjze] {
    color: var(--rbo-navy);
    border-color: rgba(242, 152, 54, 0.38);
    background: rgba(238, 206, 122, 0.3);
}

.dossier-tabs-mobile[b-kdvzn0vjze] {
    display: none;
}

.dossier-more[b-kdvzn0vjze] {
    position: relative;
    min-width: 0;
    flex: 1 0 auto;
}

.dossier-more > .dossier-tab[b-kdvzn0vjze] {
    width: 100%;
}

.dossier-more-menu[b-kdvzn0vjze] {
    position: absolute;
    top: calc(100% + 8px);
    right: 0;
    width: min(220px, calc(100vw - env(safe-area-inset-left, 0px) - env(safe-area-inset-right, 0px) - 32px));
    min-width: 0;
    display: grid;
    gap: 4px;
    padding: 8px;
    border: 1px solid var(--rbo-border);
    border-radius: 13px;
    background: var(--rbo-paper);
    box-shadow: 0 18px 44px rgba(5, 7, 40, 0.18);
}

.dossier-more-item[b-kdvzn0vjze] {
    width: 100%;
    padding: 10px 12px;
    text-align: left;
}

@media (max-width: 840px) {
    .dossier-tabs-desktop[b-kdvzn0vjze] {
        display: none;
    }

    .dossier-tabs-mobile[b-kdvzn0vjze] {
        display: flex;
    }
}

@media (max-width: 720px) {
    .dossier-navigation[b-kdvzn0vjze] {
        position: static;
        top: auto;
        margin-inline: 0;
    }

    .dossier-tabs[b-kdvzn0vjze] {
        width: 100%;
        border-radius: 12px;
    }

    .dossier-tabs-mobile > .dossier-tab[b-kdvzn0vjze],
    .dossier-more[b-kdvzn0vjze] {
        min-width: 0;
        flex: 1 1 0;
    }

    .dossier-tab[b-kdvzn0vjze] {
        padding-inline: 6px;
        font-size: 0.76rem;
        line-height: 1.15;
        overflow-wrap: anywhere;
        white-space: normal;
    }
}
/* /Shared/DarrowPondHero.razor.rz.scp.css */
/* Purpose:
Styles the compact operational header and primary Darrow Pond field actions.

Responsibilities:
- Apply the layout, responsive behavior, and visual states required by DarrowPondHero.razor.

Boundaries:
CSS controls presentation only; trust meaning, workflow state, privacy, and persistence remain in maintained source logic.

Key decisions and invariants:
DarrowPondHero.razor rules stay scoped to their owning surface so visual changes do not leak into unrelated workflows.
*/
.darrow-hero[b-115k92wv0a] {
    grid-template-columns: minmax(0, 1.35fr) minmax(290px, 0.65fr);
    gap: clamp(24px, 4vw, 48px);
    padding: clamp(26px, 3.6vw, 42px);
    border: 1px solid rgba(238, 206, 122, 0.24);
    box-shadow: 0 24px 64px rgba(5, 7, 40, 0.22);
}

.hero-content[b-115k92wv0a],
.hero-status-stack[b-115k92wv0a] {
    position: relative;
    z-index: 1;
}

.hero-content h1[b-115k92wv0a] {
    margin: 10px 0 13px;
    font-size: clamp(2.55rem, 5vw, 4rem);
}

.hero-copy[b-115k92wv0a] {
    max-width: 650px;
    line-height: 1.55;
}

.location-status[b-115k92wv0a] {
    display: block;
    margin-top: 18px;
    color: var(--rbo-orange);
    font-size: 0.76rem;
    font-weight: 850;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.hero-actions[b-115k92wv0a] {
    margin-top: 20px;
}

.hero-actions .button[b-115k92wv0a] {
    cursor: pointer;
}

.hero-status-stack[b-115k92wv0a] {
    display: grid;
    gap: 12px;
}

.readiness-card[b-115k92wv0a] {
    padding: 18px 20px;
    border-radius: 18px;
}

.readiness-card strong[b-115k92wv0a] {
    display: flex;
    align-items: baseline;
    gap: 8px;
    font-size: 2.7rem;
}

.readiness-card strong span[b-115k92wv0a] {
    color: rgba(255, 255, 255, 0.72);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 0.95rem;
    font-weight: 750;
}

@media (max-width: 1050px) {
    .darrow-hero[b-115k92wv0a] {
        grid-template-columns: 1fr;
    }

    .hero-status-stack[b-115k92wv0a] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 720px) {
    .darrow-hero[b-115k92wv0a] {
        padding: 24px 20px;
    }

    .hero-status-stack[b-115k92wv0a] {
        grid-template-columns: 1fr;
    }

    .hero-actions[b-115k92wv0a] {
        display: grid;
        grid-template-columns: 1fr;
    }
}
/* /Shared/DarrowPondWeatherHeaderCard.razor.rz.scp.css */
/* Purpose:
Styles the compact current-weather summary used in the Darrow Pond operational header.

Responsibilities:
- Apply the layout, responsive behavior, and visual states required by DarrowPondWeatherHeaderCard.razor.

Boundaries:
CSS controls presentation only; trust meaning, workflow state, privacy, and persistence remain in maintained source logic.

Key decisions and invariants:
DarrowPondWeatherHeaderCard.razor rules stay scoped to their owning surface so visual changes do not leak into unrelated workflows.
*/
.hero-weather-card[b-au45n61vgn] {
    display: grid;
    gap: 12px;
    padding: 18px 20px;
    border: 1px solid rgba(238, 206, 122, 0.34);
    border-radius: 18px;
    color: #fff;
    background: linear-gradient(145deg, rgba(238, 206, 122, 0.16), rgba(255, 255, 255, 0.07));
    backdrop-filter: blur(8px);
}

.hero-weather-label[b-au45n61vgn] {
    color: var(--rbo-gold);
    font-size: 0.78rem;
    font-weight: 800;
    letter-spacing: 0.11em;
    text-transform: uppercase;
}

.hero-weather-primary[b-au45n61vgn] {
    display: flex;
    align-items: center;
    gap: 14px;
}

.hero-weather-primary > strong[b-au45n61vgn] {
    color: var(--rbo-gold);
    font-family: Georgia, "Times New Roman", serif;
    font-size: clamp(2.7rem, 5vw, 3.8rem);
    font-weight: 500;
    line-height: 0.95;
}

.hero-weather-primary > div[b-au45n61vgn] {
    display: grid;
    gap: 3px;
}

.hero-weather-primary span[b-au45n61vgn] {
    font-size: 1rem;
    font-weight: 800;
}

.hero-weather-primary small[b-au45n61vgn],
.hero-weather-freshness[b-au45n61vgn],
.hero-weather-card > p[b-au45n61vgn] {
    margin: 0;
    color: rgba(255, 255, 255, 0.74);
    font-size: 0.8rem;
    line-height: 1.45;
}

.hero-weather-metrics[b-au45n61vgn] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 0;
}

.hero-weather-metrics div[b-au45n61vgn] {
    min-width: 0;
    padding: 9px 10px;
    border-radius: 10px;
    background: rgba(5, 7, 40, 0.24);
}

.hero-weather-metrics dt[b-au45n61vgn] {
    color: rgba(255, 255, 255, 0.58);
    font-size: 0.7rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.hero-weather-metrics dd[b-au45n61vgn] {
    margin: 3px 0 0;
    font-size: 0.82rem;
    font-weight: 800;
}

.hero-weather-unavailable[b-au45n61vgn] {
    font-size: 1rem;
    line-height: 1.45;
}

@media (max-width: 420px) {
    .hero-weather-metrics[b-au45n61vgn] {
        grid-template-columns: 1fr;
    }
}