@import '_content/WLFP.Blazor.Core/WLFP.Blazor.Core.2w7dy6et3o.bundle.scp.css';
@import '_content/WLFP.Blazor.Feature.FoundReceipt/WLFP.Blazor.Feature.FoundReceipt.i14imtl1p6.bundle.scp.css';
@import '_content/WLFP.Blazor.Feature.ReportWizard/WLFP.Blazor.Feature.ReportWizard.xc3xuld61b.bundle.scp.css';
@import '_content/WLFP.Blazor.Forms/WLFP.Blazor.Forms.qcstbqsw0s.bundle.scp.css';
@import '_content/WLFP.Blazor.Ui/WLFP.Blazor.Ui.53qkvpst6o.bundle.scp.css';

/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-jo8h6e0avc],
.components-reconnect-repeated-attempt-visible[b-jo8h6e0avc],
.components-reconnect-failed-visible[b-jo8h6e0avc],
.components-pause-visible[b-jo8h6e0avc],
.components-resume-failed-visible[b-jo8h6e0avc],
.components-rejoining-animation[b-jo8h6e0avc] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-retrying[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-failed[b-jo8h6e0avc],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-jo8h6e0avc] {
    display: block;
}


#components-reconnect-modal[b-jo8h6e0avc] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-jo8h6e0avc 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-jo8h6e0avc 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-jo8h6e0avc 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-jo8h6e0avc]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-jo8h6e0avc 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-jo8h6e0avc {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-jo8h6e0avc {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-jo8h6e0avc {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-jo8h6e0avc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-jo8h6e0avc] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-jo8h6e0avc] {
    border: 0;
    background-color: var(--color-primary, #1b8354);
    color: white;
    padding-block: 4px;
    padding-inline: 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-jo8h6e0avc] {
        background-color: var(--color-primary-hover, #166a44);
    }

    #components-reconnect-modal button:active[b-jo8h6e0avc] {
        background-color: var(--color-primary, #1b8354);
    }

.components-rejoining-animation[b-jo8h6e0avc] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-jo8h6e0avc] {
        position: absolute;
        border: 3px solid var(--color-primary, #1b8354);
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-jo8h6e0avc 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-jo8h6e0avc] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-jo8h6e0avc {
    0% {
        inset-block-start: 40px;
        inset-inline-start: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        inset-block-start: 40px;
        inset-inline-start: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        inset-block-start: 40px;
        inset-inline-start: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        inset-block-start: 0px;
        inset-inline-start: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Dev/KitComponentsPage.razor.rz.scp.css */
/* The Development-only 3B kit components gallery page: layout only. Tokens and logical properties; the controls come from app.css (.card, .field, .input, .btn). */
.kit-panel[b-3cnxy9st9r] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xl);
}

.kit-section[b-3cnxy9st9r] {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.kit-section h2[b-3cnxy9st9r] {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: var(--color-display);
}

.kit-grid[b-3cnxy9st9r] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-xl);
}

.kit-row[b-3cnxy9st9r] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}
/* /Components/Pages/Dev/KitInputsPage.razor.rz.scp.css */
/* The Development-only 3A kit gallery page: layout only. Tokens and logical properties; the controls come from app.css (.card, .field, .input, .btn). */
.kit-panel[b-rryv6pwfrt] {
  display: flex;
  flex-direction: column;
  gap: var(--space-3xl);
}

.kit-section[b-rryv6pwfrt] {
  display: flex;
  flex-direction: column;
  gap: var(--space-xl);
}

.kit-section h2[b-rryv6pwfrt] {
  margin: 0;
  font-size: 18px;
  line-height: 28px;
  color: var(--color-display);
}

.kit-grid[b-rryv6pwfrt] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: var(--space-xl);
}

.kit-row[b-rryv6pwfrt] {
  display: flex;
  flex-wrap: wrap;
  gap: var(--space-md);
}

.kit-list[b-rryv6pwfrt] {
  margin: 0;
  padding-inline-start: var(--space-xl);
}

/* The sidebar is sticky and full-height in the shell; inside the frame it is a plain box, so the preview does not escape the card. */
.kit-sidebar-frame[b-rryv6pwfrt] {
  max-width: 320px;
  height: 360px;
  overflow: auto;
  border: 1px solid var(--color-neutral);
  border-radius: var(--radius-sm);
}

.kit-sidebar-frame[b-rryv6pwfrt]  .sidebar {
  position: static;
  inset-inline-start: auto;
  inline-size: auto;
  min-inline-size: 0;
  height: 100%;
  visibility: visible;
}
/* /Components/Pages/HomePage.razor.rz.scp.css */
.tiles[b-cncebx9k7e] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    gap: 24px;
}

.tile[b-cncebx9k7e] {
    display: flex;
    min-width: 0;
}

/* The live count: the number is the point of the card. */
.tile-count-row[b-cncebx9k7e] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin-block-start: 16px;
}

.tile-count[b-cncebx9k7e] {
    font-size: 24px;
    line-height: 32px;
    font-weight: 700;
    color: var(--color-primary);
}

.tile-forbidden[b-cncebx9k7e] {
    margin: 8px 0 0;
}

.empty-state[b-cncebx9k7e] {
    padding: 24px 16px;
    border: none;
    box-shadow: none;
    text-align: center;
}

.empty-state h3[b-cncebx9k7e] { margin-block-end: 4px; }
.empty-state p[b-cncebx9k7e] { margin: 0; }
/* /Components/Pages/LoginPage.razor.rz.scp.css */
.login-panel[b-fg9g7pp0f6] {
    width: 100%;
    max-width: 560px;
    margin-inline: auto;
}

.login-form[b-fg9g7pp0f6] {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
/* /Features/FoundItemLists/CatalogFieldValues.razor.rz.scp.css */
.catalog-field-values[b-80daaqmh6d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--space-xl) var(--space-3xl);
    margin: 0;
}

.catalog-field-values dt[b-80daaqmh6d] {
    font-size: 14px;
    line-height: 20px;
    color: var(--color-secondary-paragraph);
}

.catalog-field-values dd[b-80daaqmh6d] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    color: var(--color-display);
    overflow-wrap: anywhere;
}
/* /Features/FoundItemLists/DelayEntryDrawer.razor.rz.scp.css */
.entry-drawer[b-84j8yiwviy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-3xl);
    padding-block-start: 0;
}

.draft-restored[b-84j8yiwviy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-md) var(--space-xl);
    padding: var(--space-lg) var(--space-xl);
    border-radius: var(--radius-lg);
    background: var(--color-info-light);
    color: var(--color-default);
}

.entry-head[b-84j8yiwviy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-md) var(--space-xl);
    color: var(--color-default);
}

.entry-drawer .card[b-84j8yiwviy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.entry-drawer h3[b-84j8yiwviy] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.entry-pair[b-84j8yiwviy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--space-xl);
}

.entry-pair > div[b-84j8yiwviy] {
    display: flex;
    flex-direction: column;
}

.entry-qr-button[b-84j8yiwviy] {
    align-self: center;
    padding: 0;
    border: 0;
    background: none;
    cursor: pointer;
}

.entry-qr[b-84j8yiwviy] {
    display: block;
    inline-size: 96px;
    block-size: 96px;
}

.entry-escalation-head[b-84j8yiwviy] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--space-lg);
}

.entry-escalation-data > div[b-84j8yiwviy] {
    display: flex;
    flex-direction: column;
}

.entry-escalation-data p[b-84j8yiwviy] {
    margin: 0;
    overflow-wrap: anywhere;
}

.entry-notes-head[b-84j8yiwviy] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-lg);
}

/* The add-note button and the toggle sit at the inline end; on a phone the button takes a line of its own, inside the section. */
.entry-add-note[b-84j8yiwviy] {
    margin-inline-start: auto;
    min-block-size: 32px;
    padding-block: var(--space-xs);
}

.notes-toggle[b-84j8yiwviy],
.escalation-toggle[b-84j8yiwviy] {
    display: flex;
    padding: var(--space-xs);
    border: 0;
    border-radius: var(--radius-sm);
    background: none;
    cursor: pointer;
}

.notes-toggle img[b-84j8yiwviy],
.escalation-toggle img[b-84j8yiwviy] {
    transition: transform .2s;
}

.notes-toggle[aria-expanded="true"] img[b-84j8yiwviy],
.escalation-toggle[aria-expanded="true"] img[b-84j8yiwviy] {
    transform: rotate(180deg);
}

.note-card[b-84j8yiwviy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    padding: var(--space-xl);
    border: 1px solid var(--color-neutral-primary);
    border-radius: var(--radius-lg);
}

.note-card p[b-84j8yiwviy] {
    margin: 0;
    overflow-wrap: anywhere;
}

.note-head[b-84j8yiwviy] {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: var(--space-md);
}

.note-author[b-84j8yiwviy] {
    color: var(--color-display);
}

.note-time[b-84j8yiwviy] {
    font-size: 14px;
    color: var(--color-secondary-paragraph);
}

.note-form[b-84j8yiwviy],
.escalation-form[b-84j8yiwviy] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
}

.note-form .field-error[b-84j8yiwviy],
.escalation-form .field-error[b-84j8yiwviy] {
    margin: 0;
}

.form-actions[b-84j8yiwviy] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
}
/* /Features/FoundItemLists/DelayListView.razor.rz.scp.css */
.list-head h1[b-ga01m6z6x4] {
    margin: 0;
}

.list-head p[b-ga01m6z6x4] {
    margin-block: var(--space-md) 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-default);
}

.list-panel[b-ga01m6z6x4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-xl);
    border-radius: var(--radius-lg);
    background: var(--color-white);
}

/* The filter panel is a direct child and drops onto a line of its own (its order and flex-basis), so the toolbar wraps. */
.list-toolbar[b-ga01m6z6x4] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xl);
    padding-block-end: var(--space-xl);
    border-block-end: 1px solid var(--color-neutral-primary);
}

.list-search[b-ga01m6z6x4] {
    flex: 1 1 240px;
    max-inline-size: 320px;
}

.list-exports[b-ga01m6z6x4] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-inline-start: auto;
}

.list-exports .btn[b-ga01m6z6x4] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-md);
}

/* Figma 239 and the Angular list draw the exports as a borderless grey fill; the kit's .btn-outline is white with a border. Disabled keeps the kit's .btn:disabled look. */
.export-pdf:not(:disabled)[b-ga01m6z6x4],
.export-excel:not(:disabled)[b-ga01m6z6x4] {
    background: var(--color-neutral);
    color: var(--color-default);
}

.export-pdf:not(:disabled):hover[b-ga01m6z6x4],
.export-excel:not(:disabled):hover[b-ga01m6z6x4] {
    background: var(--color-neutral-primary);
}

.link[b-ga01m6z6x4] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-primary);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.entry-card[b-ga01m6z6x4] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.entry-card-value[b-ga01m6z6x4] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
}

.entry-card .row-number[b-ga01m6z6x4] {
    align-self: flex-start;
}

/* Frames 238, 239, 251, 252, 256 and 257 and the Angular tables draw the row button at 32px with 14px text; the kit's .btn is 40px and 16px. The phone card keeps the full-size touch target. */
@media (min-width: 1024px) {
    td .show-details[b-ga01m6z6x4] {
        min-block-size: 32px;
        padding-block: var(--space-xs);
        font-size: 14px;
        line-height: 20px;
    }
}
/* /Features/FoundItemLists/DelayMonthsView.razor.rz.scp.css */
.list-head h1[b-h3f4o8lsmm] {
    margin: 0;
}

.list-head p[b-h3f4o8lsmm] {
    margin-block: var(--space-md) 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-default);
}

.list-panel[b-h3f4o8lsmm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-xl);
    border-radius: var(--radius-lg);
    background: var(--color-white);
}

.list-toolbar[b-h3f4o8lsmm] {
    padding-block-end: var(--space-xl);
    border-block-end: 1px solid var(--color-neutral-primary);
}

.list-toolbar[b-h3f4o8lsmm]  .app-range-picker {
    max-inline-size: 320px;
}

.month-card[b-h3f4o8lsmm] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.month-card-count[b-h3f4o8lsmm] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
}

/* Frames 238, 239, 251, 252, 256 and 257 and the Angular tables draw the row button at 32px with 14px text; the kit's .btn is 40px and 16px. The phone card keeps the full-size touch target. */
@media (min-width: 1024px) {
    td .show-list[b-h3f4o8lsmm] {
        min-block-size: 32px;
        padding-block: var(--space-xs);
        font-size: 14px;
        line-height: 20px;
    }
}
/* /Features/FoundItemLists/ListFilterPanel.razor.rz.scp.css */
/* The panel sits in the toolbar's flex row and wraps onto a line of its own below the other toolbar items (order), so the toolbar needs flex-wrap. */
.filter-panel[b-chnut23lft] {
    order: 1;
    flex: 1 0 100%;
    /* A flex item's automatic minimum is its content (the city search input is ~313px wide), so without min-inline-size the panel ran 36px past the card at 375px. */
    min-inline-size: 0;
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-xl);
    border: 1px solid var(--color-neutral-primary);
    border-radius: var(--radius-md);
    background: var(--color-white);
}

.facet[b-chnut23lft] {
    display: flex;
    flex-direction: column;
    gap: var(--space-md);
    margin: 0;
    min-inline-size: 0;
    padding: 0 0 var(--space-xl);
    border: 0;
    border-block-end: 1px solid var(--color-neutral-primary);
}

.facet legend[b-chnut23lft] {
    padding: 0;
    margin-block-end: var(--space-md);
    font-weight: 600;
    font-size: 14px;
}

.facet label[b-chnut23lft] {
    display: flex;
    align-items: center;
    gap: var(--space-md);
    padding: var(--space-xs);
    border-radius: var(--radius-sm);
    cursor: pointer;
    font-size: 14px;
}

.facet label:hover[b-chnut23lft] {
    background: var(--color-neutral);
}

.facet input[type="checkbox"][b-chnut23lft] {
    inline-size: 16px;
    block-size: 16px;
    accent-color: var(--color-primary);
}

.show-more[b-chnut23lft] {
    align-self: center;
    min-block-size: 0;
    font-size: 12px;
    color: var(--color-default);
}

.facet-dates[b-chnut23lft]  .app-range-picker {
    max-inline-size: 320px;
}

.filter-actions[b-chnut23lft] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
}
/* /Features/FoundItemLists/PartnerItemDrawer.razor.rz.scp.css */
.partner-drawer[b-mu95aoywss] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-3xl);
    padding-block-start: 0;
}

/* Frame 254 and Angular keep the report number and the agency side by side at the inline start, not pushed to opposite edges. */
.partner-head[b-mu95aoywss] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md) var(--space-xl);
    color: var(--color-default);
}

.partner-drawer .card[b-mu95aoywss] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
}

.partner-drawer h3[b-mu95aoywss] {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: 600;
}

.partner-pair[b-mu95aoywss] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
    gap: var(--space-xl);
}

.partner-pair > div[b-mu95aoywss] {
    display: flex;
    flex-direction: column;
}
/* /Features/FoundItemLists/PartnerListPage.razor.rz.scp.css */
.list-title[b-ugjknskj2z] {
    display: flex;
    align-items: center;
    gap: var(--space-xl);
}

.list-head h1[b-ugjknskj2z] {
    margin: 0;
}

.list-head p[b-ugjknskj2z] {
    margin-block: var(--space-md) 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-default);
}

/* arrow-left-01.svg points to the inline end in both languages (Core flips it in English); "back" turns it round. */
.back-link[b-ugjknskj2z] {
    display: flex;
    padding: var(--space-md);
    border-radius: var(--radius-sm);
    background: var(--color-neutral);
    transform: scaleX(-1);
}

.back-link img[b-ugjknskj2z] {
    display: block;
}

.list-panel[b-ugjknskj2z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-xl);
    border-radius: var(--radius-lg);
    background: var(--color-white);
}

/* The filter panel is a direct child and drops onto a line of its own (its order and flex-basis), so the toolbar wraps. */
.list-toolbar[b-ugjknskj2z] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--space-xl);
    padding-block-end: var(--space-xl);
    border-block-end: 1px solid var(--color-neutral-primary);
}

.list-search[b-ugjknskj2z] {
    flex: 1 1 240px;
    max-inline-size: 320px;
}

.list-exports[b-ugjknskj2z] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-md);
    margin-inline-start: auto;
}

.list-exports .btn[b-ugjknskj2z] {
    display: inline-flex;
    align-items: center;
    gap: var(--space-md);
}

/* Figma 257 and the Angular list draw the exports as a borderless grey fill; the kit's .btn-outline is white with a border. Disabled keeps the kit's .btn:disabled look. */
.export-pdf:not(:disabled)[b-ugjknskj2z],
.export-excel:not(:disabled)[b-ugjknskj2z] {
    background: var(--color-neutral);
    color: var(--color-default);
}

.export-pdf:not(:disabled):hover[b-ugjknskj2z],
.export-excel:not(:disabled):hover[b-ugjknskj2z] {
    background: var(--color-neutral-primary);
}

.link[b-ugjknskj2z] {
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-primary);
    font: inherit;
    font-weight: 500;
    cursor: pointer;
}

.item-card[b-ugjknskj2z] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.item-card-value[b-ugjknskj2z] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: var(--space-md);
}

.item-card .row-number[b-ugjknskj2z] {
    align-self: flex-start;
}

/* Frames 238, 239, 251, 252, 256 and 257 and the Angular tables draw the row button at 32px with 14px text; the kit's .btn is 40px and 16px. The phone card keeps the full-size touch target. */
@media (min-width: 1024px) {
    td .show-details[b-ugjknskj2z] {
        min-block-size: 32px;
        padding-block: var(--space-xs);
        font-size: 14px;
        line-height: 20px;
    }
}
/* /Features/FoundItemLists/PartnerMonthsPage.razor.rz.scp.css */
.list-head h1[b-94e9qmaum9] {
    margin: 0;
}

.list-head p[b-94e9qmaum9] {
    margin-block: var(--space-md) 0;
    font-size: 14px;
    line-height: 20px;
    color: var(--color-default);
}

.list-panel[b-94e9qmaum9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-xl);
    padding: var(--space-xl);
    border-radius: var(--radius-lg);
    background: var(--color-white);
}

.list-toolbar[b-94e9qmaum9] {
    display: flex;
    flex-wrap: wrap;
    gap: var(--space-xl);
    padding-block-end: var(--space-xl);
    border-block-end: 1px solid var(--color-neutral-primary);
}

.list-toolbar[b-94e9qmaum9]  .app-select,
.list-toolbar[b-94e9qmaum9]  .app-range-picker {
    flex: 1 1 240px;
    max-inline-size: 320px;
}

/* Frame 256 draws a vertical rule between the list-type select and the date range; below 1024px the two wrap onto separate rows, so the rule would hang at the end of a row. */
@media (min-width: 1024px) {
    .list-toolbar[b-94e9qmaum9]  .app-select {
        padding-inline-end: var(--space-xl);
        border-inline-end: 1px solid var(--color-neutral-primary);
    }
}

.run-card[b-94e9qmaum9] {
    display: flex;
    flex-direction: column;
    gap: var(--space-lg);
}

.run-card-value[b-94e9qmaum9] {
    display: flex;
    justify-content: space-between;
    gap: var(--space-md);
}

/* Frames 238, 239, 251, 252, 256 and 257 and the Angular tables draw the row button at 32px with 14px text; the kit's .btn is 40px and 16px. The phone card keeps the full-size touch target. */
@media (min-width: 1024px) {
    td .show-list[b-94e9qmaum9] {
        min-block-size: 32px;
        padding-block: var(--space-xs);
        font-size: 14px;
        line-height: 20px;
    }
}