/* /Components/Account/Pages/AcceptHouseholdInvitation.razor.rz.scp.css */
/* Added: 2026-09-25 23:05 - Match the centered account entry forms without affecting the management layout. */
.invitation-panel[b-wpa4rcxh3b] {
    width: 100%;
    max-width: 28rem;
    margin: 2rem auto;
    overflow-wrap: anywhere;
}

.invitation-actions[b-wpa4rcxh3b] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}
/* /Components/Account/Pages/Login.razor.rz.scp.css */
/* Added: 2026-09-25 22:00 - A bounded sign-in column stays centered without fixed widths or cramped mobile fields. */
.login-page[b-y2zaf99afo] {
    padding-block: 2rem;
}

.login-panel[b-y2zaf99afo] {
    width: 100%;
    max-width: 28rem;
    min-width: 0;
    margin-inline: auto;
    overflow-wrap: anywhere;
}

.login-panel h1[b-y2zaf99afo] {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.login-panel[b-y2zaf99afo]  .form-control {
    font-size: 16px;
}

@media (max-width: 600px) {
    .login-page[b-y2zaf99afo] { padding-block: 1rem; }
}
/* /Components/Account/Pages/Register.razor.rz.scp.css */
/* Added: 2026-09-25 23:05 - Match Login's bounded column, heading and responsive spacing. */
.register-page[b-hi4suu7pai] {
    padding-block: 2rem;
}

.register-panel[b-hi4suu7pai] {
    width: 100%;
    max-width: 28rem;
    min-width: 0;
    margin-inline: auto;
    overflow-wrap: anywhere;
}

.register-panel h1[b-hi4suu7pai] {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.register-panel[b-hi4suu7pai]  .form-control {
    font-size: 16px;
}

@media (max-width: 600px) {
    .register-page[b-hi4suu7pai] { padding-block: 1rem; }
}
/* /Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
/* Added: 2026-09-25 23:05 - Match Login's bounded column, heading and responsive spacing. */
.resend-confirmation-page[b-ei3mhmu88p] {
    padding-block: 2rem;
}

.resend-confirmation-panel[b-ei3mhmu88p] {
    width: 100%;
    max-width: 28rem;
    min-width: 0;
    margin-inline: auto;
    overflow-wrap: anywhere;
}

.resend-confirmation-panel h1[b-ei3mhmu88p] {
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
}

.resend-confirmation-panel[b-ei3mhmu88p]  .form-control {
    font-size: 16px;
}

@media (max-width: 600px) {
    .resend-confirmation-page[b-ei3mhmu88p] { padding-block: 1rem; }
}
/* /Components/AdminNotificationToast.razor.rz.scp.css */
/* Added: 2026-10-22 11:20 - Reuse the toast host's unobstructed placement without inserting content into the page layout. */
.admin-toast-host[b-vmlku54b8z] {
    --toast-safe-top: env(safe-area-inset-top, 0px);
    --toast-safe-right: env(safe-area-inset-right, 0px);
    --toast-safe-bottom: env(safe-area-inset-bottom, 0px);
    --toast-safe-left: env(safe-area-inset-left, 0px);
    position: fixed;
    inset: auto 1rem 1rem auto;
    z-index: 2099;
    display: grid;
    width: min(24rem, calc(100vw - 2rem));
    pointer-events: none;
    font-family: var(--mp-font);
    font-size: .8125rem;
    line-height: 1.4;
}
.admin-toast[b-vmlku54b8z] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) 2.25rem;
    align-items: start;
    gap: .5rem;
    height: 8rem;
    box-sizing: border-box;
    padding: .625rem;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(to bottom, #fbf7ff, #e9ddf5);
    color: #563277;
    box-shadow: 0 3px 12px #00000024, inset 0 1px 0 #ffffffb3;
    visibility: hidden;
    pointer-events: auto;
    overflow: hidden;
}
.admin-toast-content[b-vmlku54b8z] { height: 100%; min-width: 0; overflow: auto; overflow-wrap: anywhere; overscroll-behavior: contain; }
.admin-toast-content strong[b-vmlku54b8z], .admin-toast-content span[b-vmlku54b8z] { display: block; margin-bottom: .25rem; }
.admin-toast-review[b-vmlku54b8z], .admin-toast-dismiss[b-vmlku54b8z] { display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 4px; background: transparent; color: inherit; text-decoration: none; }
.admin-toast-review:hover[b-vmlku54b8z], .admin-toast-dismiss:hover[b-vmlku54b8z] { background: #56327712; }
.admin-toast-review:focus-visible[b-vmlku54b8z], .admin-toast-dismiss:focus-visible[b-vmlku54b8z], .admin-toast-content:focus-visible[b-vmlku54b8z] { outline: 2px solid currentColor; outline-offset: -2px; }
@media (max-width: 600px) {
    .admin-toast-host[b-vmlku54b8z] { width: calc(100vw - 1rem); }
    .admin-toast[b-vmlku54b8z] { grid-template-columns: 1.5rem minmax(0, 1fr) 2.75rem; }
    .admin-toast-review[b-vmlku54b8z], .admin-toast-dismiss[b-vmlku54b8z] { width: 2.75rem; height: 2.75rem; }
}
/* /Components/BugReporting/BugReportForm.razor.rz.scp.css */
/* Added: 2026-10-05 22:20 - Stable compact fields and floating feedback preserve report text and button geometry. */
.bug-report-form[b-2hm9zbx0av] { min-width: 0; font-size: .875rem; }
.bug-report-toolbar[b-2hm9zbx0av] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.bug-report-toolbar h2[b-2hm9zbx0av] { font-size: 1.125rem; margin: 0 auto 0 0; }
.bug-report-page[b-2hm9zbx0av] { display: flex; align-items: center; gap: .5rem; margin: .75rem 0; overflow-wrap: anywhere; }
.bug-report-page > span[b-2hm9zbx0av] { min-width: 0; }
.bug-report-page[b-2hm9zbx0av]  button { flex: 0 0 auto; }
.bug-report-page span[b-2hm9zbx0av] { font-family: monospace; }
fieldset[b-2hm9zbx0av] { display: grid; gap: .4rem; min-width: 0; padding: 0; margin: 0; border: 0; }
.bug-report-fields[b-2hm9zbx0av] { display: grid; gap: .4rem; min-width: 0; }
label[b-2hm9zbx0av] { margin-top: .4rem; }
fieldset[b-2hm9zbx0av]  input, fieldset[b-2hm9zbx0av]  textarea, select[b-2hm9zbx0av] { width: 100%; min-width: 0; box-sizing: border-box; }
/* Added: 2026-10-08 15:30 - Keep the native Kind select and its bindings while matching Software input surfaces in both report hosts. */
select.rz-inputtext[b-2hm9zbx0av] {
    height: var(--rz-input-height);
    padding: var(--rz-input-padding-block) var(--rz-input-padding-inline);
    border: var(--rz-input-border);
    border-block-end: var(--rz-input-border-block-end);
    border-radius: var(--rz-input-border-radius);
    background-color: var(--rz-input-background-color);
    box-shadow: var(--rz-input-shadow);
    color: var(--rz-input-value-color);
    font-family: inherit;
    font-size: var(--rz-input-font-size);
    line-height: var(--rz-input-line-height);
    color-scheme: light;
}
select.rz-inputtext:hover:not(:disabled)[b-2hm9zbx0av] {
    border: var(--rz-input-hover-border);
    border-block-end: var(--rz-input-hover-border-block-end);
    background-color: var(--rz-input-hover-background-color);
    box-shadow: var(--rz-input-hover-shadow);
}
select.rz-inputtext:focus-visible[b-2hm9zbx0av] {
    border: var(--rz-input-focus-border);
    border-block-end: var(--rz-input-focus-border-block-end);
    outline: var(--rz-input-focus-outline);
    outline-offset: var(--rz-input-focus-outline-offset);
    background-color: var(--rz-input-focus-background-color);
    box-shadow: var(--rz-input-focus-shadow);
}
select.rz-inputtext:disabled[b-2hm9zbx0av] {
    border: var(--rz-input-disabled-border);
    border-block-end: var(--rz-input-disabled-border-block-end);
    background-color: var(--rz-input-disabled-background-color);
    box-shadow: var(--rz-input-disabled-shadow);
    color: var(--rz-input-disabled-color);
    opacity: var(--rz-input-disabled-opacity);
}
fieldset[b-2hm9zbx0av]  textarea { resize: vertical; max-height: 15rem; }
/* Added: 2026-10-09 11:09 - The pop-out uses spare window height and unrestricted manual sizing; compact modals stay unchanged. */
.bug-report-form-window fieldset[b-2hm9zbx0av]  textarea { max-height: none; }
.bug-report-form-window fieldset[b-2hm9zbx0av]  #bug-description {
    height: var(--bug-description-height, max(8rem, calc((100dvh - 26rem) * .65)));
    min-height: 8rem;
}
.bug-report-form-window fieldset[b-2hm9zbx0av]  #bug-expected {
    /* Added: 2026-10-09 12:23 - Fit Expected result to the remaining field space instead of causing default pop-out overflow. */
    height: min(var(--bug-expected-height, max(2rem, calc((100dvh - 26rem) * .35))), 100%);
    min-height: 2rem;
}
/* Added: 2026-10-09 12:07 - Scroll only the fields in short pop-outs; resized text areas cannot push actions out of view. */
.bug-report-form-window[b-2hm9zbx0av] { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.bug-report-form-window .bug-report-toolbar[b-2hm9zbx0av],
.bug-report-form-window .bug-report-page[b-2hm9zbx0av] { flex-shrink: 0; }
.bug-report-form-window[b-2hm9zbx0av]  form { display: flex; flex: 1; min-height: 0; }
.bug-report-form-window fieldset[b-2hm9zbx0av] { display: flex; flex-direction: column; flex: 1; min-height: 0; }
.bug-report-form-window .bug-report-fields[b-2hm9zbx0av] {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    align-content: start;
    grid-template-rows: repeat(7, max-content) minmax(2rem, 1fr);
    scrollbar-gutter: stable;
    padding: 2px;
}
.bug-report-form-window .bug-report-actions[b-2hm9zbx0av] { flex-shrink: 0; }
.bug-report-actions[b-2hm9zbx0av] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-top: .75rem; }
.bug-report-actions a[b-2hm9zbx0av] { margin-right: auto; }
.bug-report-actions[b-2hm9zbx0av]  button { min-height: 2.5rem; white-space: normal; }
:focus-visible[b-2hm9zbx0av] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
/* /Components/BugReporting/BugReportLauncher.razor.rz.scp.css */
/* Added: 2026-10-05 22:20 - A fixed launcher supplies data-bug-launcher for the shared toast collision boundary. */
.bug-launcher[b-ofg4r4ined] { position: fixed; left: max(1rem, env(safe-area-inset-left)); bottom: max(1rem, env(safe-area-inset-bottom)); z-index: 1000; width: 2.75rem; height: 2.75rem; }
.bug-launcher[b-ofg4r4ined]  button { width: 100%; height: 100%; border-radius: 50%; padding: 0; box-shadow: 0 2px 7px #0003; }
.bug-report-overlay[b-ofg4r4ined] { position: fixed; inset: 0; z-index: 1100; display: grid; place-items: center; padding: .5rem; background: #0005; }
.bug-report-overlay[hidden][b-ofg4r4ined] { display: none; }
.bug-report-dialog[b-ofg4r4ined] { width: min(32rem, 100%); max-height: calc(100dvh - 1rem); overflow: auto; overscroll-behavior: contain; padding: 1rem; border: 1px solid var(--rz-base-300); border-radius: 6px; background: var(--rz-base-background-color, #fff); box-shadow: 0 6px 28px #0003; }
@media (max-width: 600px) { .bug-report-dialog[b-ofg4r4ined] { padding: .75rem; } }
/* /Components/BugReporting/BugReportLayout.razor.rz.scp.css */
/* Added: 2026-10-09 12:07 - Include environment-marker clearance inside the pop-out viewport rather than growing the page. */
.bug-window-layout[b-6crsig3ui1] { height: 100dvh; box-sizing: border-box; overflow: hidden; }
/* /Components/EnvironmentCorner.razor.rz.scp.css */
/* Added: 2026-10-09 08:09 - A compact folded corner leaves the mobile brand and every control unobstructed. */
.mp-environment-corner[b-1wl5qucf92] {
    position: fixed;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    z-index: 2000;
    pointer-events: none;
    background: linear-gradient(135deg, var(--corner-color) 42%, var(--corner-fold) 43%);
    clip-path: polygon(0 0, 100% 0, 0 100%);
}

/* Added: 2026-10-09 08:25 - Label the corner along its diagonal without adding interactive content. */
.mp-environment-corner span[b-1wl5qucf92] {
    position: absolute;
    left: 1px;
    top: 8px;
    width: 24px;
    color: #fff;
    font-size: 9px;
    font-weight: 700;
    line-height: 10px;
    letter-spacing: 0;
    text-align: center;
    transform: rotate(-45deg);
}

.mp-environment-corner-dev[b-1wl5qucf92] {
    --corner-color: #d32f2f;
    --corner-fold: #921e1e;
}

.mp-environment-corner-uat[b-1wl5qucf92] {
    --corner-color: #8e35c2;
    --corner-fold: #602482;
}

@media print {
    .mp-environment-corner[b-1wl5qucf92] {
        display: none;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
/* Added: 2026-09-15 23:35 - Use Software light surfaces while retaining the existing shell and footer layout. */
.mp-app-shell[b-wjutzj7fh3] {
    background: var(--rz-body-background-color);
    color: var(--rz-text-color);
    /* Added: 2026-09-13 09:31 - Keep the footer at the bottom of short pages without covering long grids. */
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100vh;
    min-height: 100svh;
}

.mp-main[b-wjutzj7fh3] {
    flex: 1;
    min-width: 0;
}

.content[b-wjutzj7fh3] {
    margin: 0 auto;
    max-width: 1680px;
    min-width: 0;
    padding: 0.7rem 0.75rem 1.4rem;
    width: 100%;
}

/* Added: 2026-09-23 20:00 - Only the selected home design escapes the compact application content gutters. */
.mp-main:has(.welcome-page) .content[b-wjutzj7fh3] {
    max-width: none;
    padding: 0;
}

.mp-app-shell:has(.welcome-page) .mp-site-footer-inner[b-wjutzj7fh3] {
    max-width: 1320px;
    padding: 1rem 3.5rem;
}

@media (max-width: 700px) {
    .mp-app-shell:has(.welcome-page) .mp-site-footer-inner[b-wjutzj7fh3] { padding-inline: 1.25rem; }
}

/* Added: 2026-09-13 09:31 - Compact, readable attribution wraps naturally on phones and shares content gutters. */
.mp-site-footer[b-wjutzj7fh3] {
    background: var(--rz-footer-background-color);
    border-top: var(--rz-footer-border);
    color: var(--rz-footer-color);
    font-size: 0.9rem;
    line-height: 1.6;
}

.mp-site-footer-inner[b-wjutzj7fh3] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 1rem;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 1680px;
    padding: 0.55rem 0.75rem max(0.55rem, env(safe-area-inset-bottom));
}

/* Added: 2026-09-15 21:55 - Keep attribution within the phone viewport without clipping its focus ring. */
.mp-site-footer-inner > span[b-wjutzj7fh3] {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
}

/* Added: 2026-10-11 12:18 - A compact, noninteractive release label wraps with the existing footer on phones. */
.mp-app-version[b-wjutzj7fh3] {
    font-size: 0.8rem;
    margin-left: 0.35rem;
    white-space: nowrap;
}

.mp-site-footer a[b-wjutzj7fh3] {
    border-radius: var(--rz-border-radius);
    color: var(--rz-link-color);
    display: inline-block;
    padding-block: 0.15rem;
    text-decoration: underline;
    text-underline-offset: 0.2em;
    transition: none;
}

.mp-site-footer a:hover[b-wjutzj7fh3] {
    color: var(--rz-link-hover-color);
}

.mp-site-footer a:focus-visible[b-wjutzj7fh3] {
    outline: var(--rz-link-focus-outline);
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .mp-site-footer-inner[b-wjutzj7fh3] {
        flex-direction: column;
        text-align: center;
    }
}

@media (min-width: 900px) {
    .content[b-wjutzj7fh3] {
        padding: 1rem 1.15rem 1.75rem;
    }

    .mp-site-footer-inner[b-wjutzj7fh3] {
        padding-inline: 1.15rem;
    }
}

@media (min-width: 1500px) {
    .content[b-wjutzj7fh3],
    .mp-site-footer-inner[b-wjutzj7fh3] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

#blazor-error-ui[b-wjutzj7fh3] {
    color-scheme: light only;
    /* Added: 2026-09-15 23:35 - Composite the translucent warning tint over a solid surface so page text cannot show through. */
    background: linear-gradient(var(--rz-warning-lighter), var(--rz-warning-lighter)), var(--rz-base-background-color);
    bottom: 0;
    box-shadow: var(--rz-shadow-2);
    box-sizing: border-box;
    color: var(--rz-text-color);
    display: none;
    left: 0;
    padding: 0.6rem 2.75rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

/* Added: 2026-09-15 21:55 - Keep the reload link keyboard-visible on the fixed error strip. */
#blazor-error-ui .reload:focus-visible[b-wjutzj7fh3] {
    outline: var(--rz-link-focus-outline);
    outline-offset: 2px;
}

#blazor-error-ui .dismiss[b-wjutzj7fh3] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* Added: 2026-09-15 21:55 - Keep the compact charcoal navigation independent of light page tokens. */
/* Added: 2026-09-15 23:35 - Software light tokens now supply navigation appearance; retain compact Verdana metrics and layout. */
.mp-top-nav[b-3ql64u3tta] {
    align-items: center;
    background: var(--rz-header-background-color);
    border-bottom: var(--rz-header-border);
    box-shadow: var(--rz-header-shadow);
    color: var(--rz-header-color);
    display: grid;
    font-family: var(--mp-font);
    gap: 0.3rem 0.75rem;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "brand account" "navigation navigation";
    letter-spacing: 0;
    min-height: 4rem;
    padding: 0.45rem 0.75rem;
    position: sticky;
    top: 0;
    z-index: 20;
}

.mp-brand[b-3ql64u3tta] {
    grid-area: brand;
    align-items: center;
    border-radius: var(--rz-border-radius);
    color: var(--rz-header-color);
    display: inline-flex;
    font-size: 1rem;
    font-weight: 700;
    gap: 0.5rem;
    justify-self: start;
    letter-spacing: 0;
    min-height: 2.5rem;
    text-decoration: none;
    transition: none;
    white-space: nowrap;
}

.mp-brand:hover[b-3ql64u3tta] {
    color: var(--rz-header-color);
}

.mp-brand-mark[b-3ql64u3tta] {
    display: block;
    flex: 0 0 2rem;
    height: 2rem;
    object-fit: contain;
    width: 2rem;
}

.mp-nav-scroll[b-3ql64u3tta] {
    grid-area: navigation;
    min-width: 0;
    overflow: visible;
}

.mp-nav-links[b-3ql64u3tta] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem;
    min-width: 0;
}

.mp-nav-dropdown[b-3ql64u3tta] {
    display: inline-flex;
    position: relative;
}

.mp-nav-dropdown-trigger[b-3ql64u3tta] {
    cursor: pointer;
    gap: .15rem;
}

.mp-nav-dropdown-trigger[b-3ql64u3tta]  .rzi,
[b-3ql64u3tta] .mp-nav-home .rzi {
    font-size: 1rem;
}

[b-3ql64u3tta] .mp-nav-home {
    gap: .3rem;
}

.mp-nav-dropdown:hover .mp-nav-dropdown-trigger[b-3ql64u3tta],
.mp-nav-dropdown:focus-within .mp-nav-dropdown-trigger[b-3ql64u3tta],
.mp-nav-dropdown.is-open .mp-nav-dropdown-trigger[b-3ql64u3tta],
.mp-nav-dropdown:has(a.active) .mp-nav-dropdown-trigger[b-3ql64u3tta] {
    background: var(--rz-menu-top-item-hover-background-color);
    color: var(--rz-menu-top-item-hover-color);
}

.mp-nav-dropdown-menu[b-3ql64u3tta] {
    background: var(--rz-menu-background-color);
    border: var(--rz-menu-border);
    border-radius: var(--rz-menu-border-radius);
    box-shadow: var(--rz-context-menu-box-shadow);
    color: var(--rz-menu-item-color);
    display: none;
    flex-direction: column;
    gap: 0.1rem;
    left: 0;
    min-width: 12rem;
    max-width: min(24rem, calc(100vw - 1.5rem));
    max-height: min(32rem, 65vh);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0.3rem;
    position: absolute;
    top: 100%;
    z-index: 60;
}

.mp-nav-dropdown.is-open .mp-nav-dropdown-menu[b-3ql64u3tta] {
    display: flex;
}

.mp-nav-dropdown.is-dismissed .mp-nav-dropdown-menu[b-3ql64u3tta] {
    display: none;
}

[b-3ql64u3tta] .mp-nav-dropdown-link {
    border-radius: var(--rz-menu-item-border-radius);
    color: var(--rz-menu-item-color);
    display: block;
    font-size: 0.93rem;
    font-weight: var(--rz-text-body1-font-weight);
    line-height: 1.4;
    padding: 0.5rem 0.7rem;
    text-decoration: none;
    transition: none;
    white-space: normal;
    overflow-wrap: anywhere;
}

/* Added: 2026-09-15 23:35 - Keep Software's selected and hover colors distinct without changing link dimensions. */
[b-3ql64u3tta] .mp-nav-dropdown-link.active {
    background: var(--rz-menu-item-selected-background-color);
    color: var(--rz-menu-item-selected-color);
}

[b-3ql64u3tta] .mp-nav-dropdown-link:hover {
    background: var(--rz-menu-item-hover-background-color);
    color: var(--rz-menu-item-hover-color);
}

/* Added: 2026-09-15 21:55 - Mark the active route without changing item dimensions. */
[b-3ql64u3tta] .mp-nav-dropdown-link.active {
    box-shadow: inset 3px 0 var(--rz-menu-item-selected-color);
}

.mp-nav-dropdown-label[b-3ql64u3tta] {
    border-top: var(--rz-border-base-200);
    color: var(--rz-text-secondary-color);
    font-size: 0.8rem;
    font-weight: var(--rz-text-subtitle2-font-weight);
    line-height: 1.4;
    margin-top: 0.15rem;
    padding: 0.45rem 0.7rem 0.2rem;
}

/* Added: 2026-10-07 10:00 - Nested disclosures overlay the page; desktop panels are viewport-positioned by the navigation module. */
.mp-nav-submenu-trigger[b-3ql64u3tta] {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: var(--rz-menu-item-border-radius);
    color: var(--rz-menu-item-color);
    cursor: pointer;
    display: flex;
    font: inherit;
    font-size: .93rem;
    gap: .6rem;
    justify-content: space-between;
    line-height: 1.4;
    min-height: 2.5rem;
    padding: .5rem .7rem;
    text-align: left;
    width: 100%;
}
.mp-nav-submenu-trigger[b-3ql64u3tta]  .rzi { flex: 0 0 1rem; font-size: 1rem; }
.mp-nav-submenu-trigger:hover[b-3ql64u3tta],
.mp-nav-submenu-trigger[aria-expanded="true"][b-3ql64u3tta] {
    background: var(--rz-menu-item-hover-background-color);
    color: var(--rz-menu-item-hover-color);
}
.mp-nav-submenu:has(a.active) > .mp-nav-submenu-trigger[b-3ql64u3tta] {
    box-shadow: inset 3px 0 var(--rz-menu-item-selected-color);
}
.mp-nav-submenu-trigger:focus-visible[b-3ql64u3tta] {
    outline: var(--rz-menu-item-focus-outline);
    outline-offset: var(--rz-menu-item-focus-outline-offset);
}
.mp-nav-submenu-panel[b-3ql64u3tta] {
    background: var(--rz-menu-background-color);
    border: var(--rz-menu-border);
    border-radius: var(--rz-menu-border-radius);
    box-shadow: var(--rz-context-menu-box-shadow);
    max-height: calc(100dvh - 1rem);
    max-width: calc(100vw - 1rem);
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: .3rem;
    position: fixed;
    width: 15rem;
    z-index: 61;
}
.mp-nav-submenu-panel[hidden][b-3ql64u3tta] { display: none; }
#administration-navigation[b-3ql64u3tta] { width: 17rem; overflow: visible; max-height: none; }

@media (max-width: 759px), (hover: none), (pointer: coarse) {
    #administration-navigation[b-3ql64u3tta] { max-height: 65dvh; overflow-y: auto; width: auto; }
    .mp-nav-submenu-panel[b-3ql64u3tta] {
        border: 0;
        border-left: var(--rz-border-base-200);
        border-radius: 0;
        box-shadow: none;
        margin-left: .7rem;
        max-height: none;
        max-width: none;
        padding: 0 0 0 .3rem;
        position: static;
        width: auto;
    }
    .mp-nav-submenu-trigger[aria-expanded="true"][b-3ql64u3tta]  .rzi { transform: rotate(90deg); }
}

[b-3ql64u3tta] .mp-nav-link,
[b-3ql64u3tta] .mp-nav-user,
.mp-logout[b-3ql64u3tta] {
    align-items: center;
    background: var(--rz-menu-top-item-background-color);
    border: 0;
    border-radius: var(--rz-menu-top-item-border-radius);
    color: var(--rz-menu-top-item-color);
    display: inline-flex;
    font-family: inherit;
    font-size: 0.93rem;
    font-weight: var(--rz-text-button-font-weight);
    letter-spacing: 0;
    line-height: 1.25;
    min-height: 2.5rem;
    padding: 0 0.55rem;
    text-decoration: none;
    transition: none;
    white-space: nowrap;
}

[b-3ql64u3tta] .mp-nav-link:hover,
[b-3ql64u3tta] .mp-nav-user:hover,
.mp-logout:hover[b-3ql64u3tta] {
    background: var(--rz-menu-top-item-hover-background-color);
    color: var(--rz-menu-top-item-hover-color);
}

[b-3ql64u3tta] .mp-nav-link.active,
[b-3ql64u3tta] .mp-nav-user.active,
.mp-nav-dropdown:has(a.active) .mp-nav-dropdown-trigger[b-3ql64u3tta] {
    background: var(--rz-menu-top-item-selected-background-color);
    box-shadow: inset 0 -3px var(--rz-menu-top-item-selected-color);
    color: var(--rz-menu-top-item-selected-color);
}

.mp-nav-account[b-3ql64u3tta] {
    grid-area: account;
    align-items: center;
    display: flex;
    gap: 0.2rem;
    justify-content: end;
    max-width: 100%;
    min-width: 0;
}

.mp-nav-account[b-3ql64u3tta]  .mp-nav-user {
    display: block;
    flex: 0 1 auto;
    line-height: 2.5rem;
    min-width: 0;
    max-width: 14rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Added: 2026-09-15 21:55 - Use contrasting focus rings on both dark controls and light overlays. */
/* Added: 2026-09-15 23:35 - Use Software's inset menu focus ring on the light header and overlays. */
.mp-brand:focus-visible[b-3ql64u3tta],
[b-3ql64u3tta] .mp-nav-link:focus-visible,
[b-3ql64u3tta] .mp-nav-user:focus-visible,
.mp-logout:focus-visible[b-3ql64u3tta] {
    outline: var(--rz-menu-item-focus-outline);
    outline-offset: var(--rz-menu-item-focus-outline-offset);
}

[b-3ql64u3tta] .mp-nav-dropdown-link:focus-visible {
    outline: var(--rz-menu-item-focus-outline);
    outline-offset: var(--rz-menu-item-focus-outline-offset);
}

/* Added: 2026-09-15 23:35 - Keep keyboard focus visible against Software's filled submenu hover state. */
[b-3ql64u3tta] .mp-nav-dropdown-link:hover:focus-visible {
    outline-color: var(--rz-menu-item-hover-color);
}

.mp-nav-account form[b-3ql64u3tta] {
    flex: 0 0 auto;
    margin: 0;
}

/* Added: 2026-09-26 17:10 - Allow long display names to shrink without pushing the account trigger off screen. */
.mp-nav-account > .mp-nav-dropdown[b-3ql64u3tta] {
    min-width: 0;
}

.mp-nav-account .mp-nav-dropdown-trigger[b-3ql64u3tta] {
    flex: 0 0 auto;
}

.mp-logout[b-3ql64u3tta] {
    cursor: pointer;
}

/* Added: 2026-10-18 14:00 - The POST action looks and sizes like its neighboring submenu links. */
.mp-profile-logout[b-3ql64u3tta] { background: transparent; border: 0; cursor: pointer; font-family: inherit; text-align: left; width: 100%; }

@media (min-width: 1000px) {
    .mp-top-nav[b-3ql64u3tta] {
        grid-template-columns: auto minmax(0, 1fr) auto;
        grid-template-areas: "brand navigation account";
        padding-left: 1.15rem;
        padding-right: 1.15rem;
    }

}

/* Added: 2026-09-15 21:55 - Give identity controls their own row on narrow phones without clipping menus. */
@media (max-width: 479px) {
    .mp-top-nav[b-3ql64u3tta] {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "brand" "account" "navigation";
    }

    .mp-nav-account[b-3ql64u3tta]  .mp-nav-user {
        flex: 1 1 auto;
        max-width: none;
    }
}

@media (max-width: 759px) {
    .mp-top-nav[b-3ql64u3tta] { gap: .2rem; }
    .mp-nav-dropdown[b-3ql64u3tta] { position: static; }
    .mp-nav-dropdown-menu[b-3ql64u3tta] {
        /* Added: 2026-09-15 21:55 - Use the trigger's static position so wrapped rows have no pointer gap. */
        left: .75rem;
        right: .75rem;
        top: auto;
        margin-top: 2.5rem;
        min-width: 0;
        max-width: none;
    }
    [b-3ql64u3tta] .mp-nav-home span { display: none; }
    [b-3ql64u3tta] .mp-nav-link { padding-inline: .35rem; }
}

@media (min-width: 760px) {
    /* Added: 2026-10-01 23:15 - Right-side administration links stay inside the existing wrapping header layout. */
    #tools-navigation[b-3ql64u3tta], #administration-navigation[b-3ql64u3tta], #profile-navigation[b-3ql64u3tta] { left: auto; right: 0; }
}

@media (min-width: 1400px) {
    .mp-top-nav[b-3ql64u3tta] {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

/* Added: 2026-09-23 20:00 - Scope the public home header to its own links; signed-in application navigation is unchanged. */
.mp-top-nav:has(.mp-home-nav)[b-3ql64u3tta] {
    background: #ffffff;
    box-shadow: none;
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "brand navigation";
    padding: 0.65rem max(1.25rem, calc((100% - 1208px) / 2));
    min-height: 72px;
}
.mp-top-nav:has(.mp-home-nav) .mp-brand[b-3ql64u3tta] { color: #11222c; font-size: 21px; }
.mp-top-nav:has(.mp-home-nav) .mp-brand-mark[b-3ql64u3tta] { height: 38px; width: 38px; flex-basis: 38px; }
.mp-top-nav:has(.mp-home-nav) .mp-nav-links[b-3ql64u3tta] { justify-content: end; gap: 0.5rem; }
.mp-top-nav:has(.mp-home-nav)[b-3ql64u3tta]  .mp-nav-link { color: #172b38; min-height: 44px; font-size: 0.9rem; font-weight: 400; }
.mp-top-nav:has(.mp-home-nav)[b-3ql64u3tta]  .mp-home-create { background: #087e8b; color: #fff; border-radius: 4px; padding-inline: 1.1rem; }
.mp-top-nav:has(.mp-home-nav)[b-3ql64u3tta]  .mp-home-create:hover { background: #066671; }
.mp-public-navigation[b-3ql64u3tta] { width: 100%; }
.mp-top-nav:has(.mp-home-nav) .mp-public-menu-toggle[b-3ql64u3tta] { display: none; }
#public-navigation[b-3ql64u3tta] {
    background: transparent;
    border: 0;
    box-shadow: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: .5rem;
    justify-content: end;
    max-height: none;
    max-width: none;
    min-width: 0;
    overflow: visible;
    padding: 0;
    position: static;
    width: 100%;
}
@media (max-width: 850px) {
    .mp-top-nav:has(.mp-home-nav)[b-3ql64u3tta] { grid-template-areas: "brand navigation"; grid-template-columns: auto minmax(0, 1fr); padding: .6rem .75rem; }
    .mp-top-nav:has(.mp-home-nav) .mp-brand[b-3ql64u3tta] { font-size: 1.1rem; }
    .mp-top-nav:has(.mp-home-nav) .mp-nav-scroll[b-3ql64u3tta] { overflow: visible; }
    .mp-public-navigation[b-3ql64u3tta] { justify-content: end; position: static; }
    .mp-top-nav:has(.mp-home-nav) .mp-public-menu-toggle[b-3ql64u3tta] { display: inline-flex; justify-content: center; width: 44px; }
    #public-navigation[b-3ql64u3tta] {
        background: var(--rz-menu-background-color);
        border: var(--rz-menu-border);
        border-radius: var(--rz-menu-border-radius);
        box-shadow: var(--rz-context-menu-box-shadow);
        display: none;
        flex-direction: column;
        gap: .1rem;
        left: .75rem;
        margin: 0;
        max-height: calc(100dvh - 88px);
        overflow-y: auto;
        padding: .5rem;
        position: absolute;
        right: .75rem;
        top: 100%;
        width: auto;
    }
    .mp-public-navigation.is-open #public-navigation[b-3ql64u3tta] { display: flex; }
    #public-navigation[b-3ql64u3tta]  .mp-nav-link { padding-inline: .7rem; }
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-yldofq0pwr],
.components-reconnect-repeated-attempt-visible[b-yldofq0pwr],
.components-reconnect-failed-visible[b-yldofq0pwr],
.components-pause-visible[b-yldofq0pwr],
.components-resume-failed-visible[b-yldofq0pwr],
.components-rejoining-animation[b-yldofq0pwr] {
    display: none;
}

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


#components-reconnect-modal[b-yldofq0pwr] {
    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-yldofq0pwr 0.5s both;
    &[open]

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

}

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

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

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

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

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 0;
    }
}

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

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

#components-reconnect-modal button[b-yldofq0pwr] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-yldofq0pwr] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-yldofq0pwr] {
        background-color: #6b9ed2;
    }

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

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

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

@keyframes components-rejoining-animation-b-yldofq0pwr {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/NotificationHost.razor.rz.scp.css */
/* Added: 2026-09-11 18:00 - Fixed overlay slots cannot resize content; visibility and timers wait for an unobstructed viewport region. */
.mp-toast-host[b-rnzgn3sf5s] {
    --toast-safe-top: env(safe-area-inset-top, 0px);
    --toast-safe-right: env(safe-area-inset-right, 0px);
    --toast-safe-bottom: env(safe-area-inset-bottom, 0px);
    --toast-safe-left: env(safe-area-inset-left, 0px);
    position: fixed;
    inset: auto 1rem 1rem auto;
    z-index: 2100;
    display: grid;
    gap: .5rem;
    width: min(24rem, calc(100vw - 2rem));
    pointer-events: none;
    font-family: var(--mp-font);
    font-size: .8125rem;
    line-height: 1.4;
}
.mp-toast[b-rnzgn3sf5s] {
    display: grid;
    grid-template-columns: 1.5rem minmax(0, 1fr) 2.25rem;
    align-items: start;
    gap: .5rem;
    height: 8rem;
    box-sizing: border-box;
    padding: .625rem;
    /* Added: 2026-10-07 23:30 - Soft raised surfaces replace decorative outlines without changing overlay geometry. */
    border: 0;
    border-radius: 8px;
    box-shadow: 0 3px 12px #00000024, inset 0 1px 0 #ffffffb3;
    visibility: hidden;
    pointer-events: auto;
    animation: none;
    transition: none;
    overflow: hidden;
}
.mp-toast-positive[b-rnzgn3sf5s] { background: linear-gradient(to bottom, #f5fcf6, #dfefdf); color: #205b32; }
.mp-toast-warning[b-rnzgn3sf5s] { background: linear-gradient(to bottom, #fffcf1, #f8ebc5); color: #704d00; }
.mp-toast-error[b-rnzgn3sf5s] { background: linear-gradient(to bottom, #fff7f7, #f5dddd); color: #942525; }
.mp-toast-content[b-rnzgn3sf5s] { height: 100%; min-width: 0; overflow: auto; overflow-wrap: anywhere; overscroll-behavior: contain; }
.mp-toast-content strong[b-rnzgn3sf5s] { display: block; margin-bottom: .25rem; }
.mp-toast-close[b-rnzgn3sf5s] { display: grid; place-items: center; width: 2.25rem; height: 2.25rem; padding: 0; border: 0; border-radius: 3px; background: transparent; color: inherit; }
.mp-toast-close:hover[b-rnzgn3sf5s] { background: #0000000d; }
.mp-toast-close:focus-visible[b-rnzgn3sf5s], .mp-toast-content:focus-visible[b-rnzgn3sf5s] { outline: 2px solid currentColor; outline-offset: -2px; }
@media (max-width: 600px) {
    .mp-toast-host[b-rnzgn3sf5s] { width: calc(100vw - 1rem); }
    .mp-toast[b-rnzgn3sf5s] { grid-template-columns: 1.5rem minmax(0, 1fr) 2.75rem; }
    .mp-toast-close[b-rnzgn3sf5s] { width: 2.75rem; height: 2.75rem; }
}
/* /Components/Pages/Accounts.razor.rz.scp.css */
/* Added: 2026-10-01 19:00 - Compact themed cards stretch their primary link without nesting the independent edit action. */
.accounts-sort[b-z38yl6by9q] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.accounts-sort select[b-z38yl6by9q] {
    flex: 0 1 12rem;
    min-width: 0;
    width: auto;
}

.accounts-list[b-z38yl6by9q] {
    min-width: 0;
}

.accounts-list[b-z38yl6by9q]  .rz-datalist-content {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.accounts-list[b-z38yl6by9q]  .rz-g {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(auto-fill, minmax(min(100%, 18rem), 1fr));
    margin: 0;
    padding: 0 0 0.75rem;
}

.account-card[b-z38yl6by9q] {
    background: var(--mp-surface);
    border: 1px solid var(--mp-line);
    border-radius: 8px;
    height: 100%;
    min-width: 0;
    position: relative;
}

.account-card-primary[b-z38yl6by9q] {
    border-radius: 7px;
    color: var(--mp-text);
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
    height: 100%;
    padding: 0.85rem;
    text-decoration: none;
}

.account-card-primary:hover[b-z38yl6by9q] {
    background: var(--mp-soft);
    color: var(--mp-text);
}

.account-card-primary:focus-visible[b-z38yl6by9q] {
    outline: 2px solid var(--mp-accent);
    outline-offset: 2px;
}

.account-card-heading[b-z38yl6by9q] {
    min-height: 2.75rem;
    padding-right: 2.75rem;
    overflow-wrap: anywhere;
}

.account-card-heading h2[b-z38yl6by9q] {
    color: var(--mp-ink);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.4;
    margin: 0 0 0.2rem;
}

.account-card-type[b-z38yl6by9q],
.account-card-archived[b-z38yl6by9q],
.account-card-balances dt[b-z38yl6by9q] {
    color: var(--mp-muted);
    font-size: 0.8125rem;
    font-weight: 400;
}

.account-card-archived[b-z38yl6by9q] {
    margin-left: 0.5rem;
}

.account-card-balances[b-z38yl6by9q] {
    display: grid;
    gap: 0.75rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin: auto 0 0;
}

.account-card-balances dd[b-z38yl6by9q] {
    color: var(--mp-ink);
    font-size: 1rem;
    font-variant-numeric: tabular-nums;
    font-weight: 600;
    margin: 0.2rem 0 0;
    overflow-wrap: anywhere;
}

.account-card-edit[b-z38yl6by9q] {
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
}

.account-card-edit[b-z38yl6by9q]  button {
    height: 2.75rem;
    min-width: 2.75rem;
    padding: 0;
}

.account-card-edit[b-z38yl6by9q]  button:focus-visible {
    outline: 2px solid var(--mp-accent);
    outline-offset: 2px;
}

.accounts-empty[b-z38yl6by9q] {
    color: var(--mp-muted);
    margin: 1rem 0;
}
/* /Components/Pages/AdminBeaconFirmware.razor.rz.scp.css */
/* Added: 2026-10-08 16:30 - Hardware-first catalog uses a compact full-width surface and stable feedback slot. */
.firmware-workspace[b-vxt1samiwv] { min-width: 0; }
.firmware-toolbar[b-vxt1samiwv] { display: flex; align-items: end; flex-wrap: wrap; gap: 1rem; margin-top: 1rem; }
.firmware-hardware[b-vxt1samiwv] { display: flex; flex-direction: column; gap: .35rem; font-weight: 600; flex: 1 1 22rem; min-width: 0; max-width: 42rem; }
.firmware-hardware select[b-vxt1samiwv] { width: 100%; min-width: 0; min-height: 2.25rem; padding: .35rem .6rem; font: inherit; font-weight: 400; color: var(--rz-text-color); border: 1px solid var(--rz-base-300); border-radius: 6px; background: linear-gradient(var(--rz-base-50), var(--rz-base-200)); }
.firmware-search[b-vxt1samiwv] { display: flex; align-items: center; gap: .4rem; flex: 0 1 24rem; min-width: 0; }
.firmware-search[b-vxt1samiwv]  input { min-width: 0; width: 100%; }
.firmware-context[b-vxt1samiwv] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; min-height: 3rem; font-size: .85rem; overflow-wrap: anywhere; }
.firmware-context h2[b-vxt1samiwv] { font-size: 1.05rem; margin: 0; }
.hardware-kind[b-vxt1samiwv] { font-weight: 600; color: var(--rz-text-secondary-color); }
.firmware-feedback[b-vxt1samiwv] { height: 1.5rem; font-size: .8rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: var(--rz-danger); }
.firmware-table[b-vxt1samiwv] { overflow-x: auto; }
.firmware-table[b-vxt1samiwv]  .beacon-grid { min-width: 660px; }
.firmware-date[b-vxt1samiwv] { white-space: nowrap; font-variant-numeric: tabular-nums; }
.release-status[b-vxt1samiwv] { display: inline-block; padding: .2rem .45rem; border-radius: 4px; font-size: .8rem; font-weight: 600; background: var(--rz-base-200); }
.release-status.stable[b-vxt1samiwv] { color: var(--rz-success-dark); background: var(--rz-success-lighter); }
.release-status.test[b-vxt1samiwv] { color: var(--rz-warning-dark); background: var(--rz-warning-lighter); }
.release-status.withdrawn[b-vxt1samiwv] { color: var(--rz-text-secondary-color); }
@media (max-width: 640px) {
    .firmware-hardware[b-vxt1samiwv], .firmware-search[b-vxt1samiwv] { flex-basis: 100%; max-width: none; }
    .firmware-search[b-vxt1samiwv]  .rz-button { flex-shrink: 0; }
}
/* /Components/Pages/AdminBugs.razor.rz.scp.css */
/* Added: 2026-10-05 20:00 - Compact, single-line queue cells with a wrapping filter toolbar. */
.admin-bugs[b-1fclzovjn1] { min-width: 0; }
.bugs-heading[b-1fclzovjn1], .bugs-filters[b-1fclzovjn1] { display: flex; align-items: center; flex-wrap: wrap; gap: .75rem; }
.bugs-heading h1[b-1fclzovjn1] { margin-right: auto; }
.bugs-new-count[b-1fclzovjn1] { font-variant-numeric: tabular-nums; }
.bugs-filters[b-1fclzovjn1] { margin-block: .75rem; align-items: end; }
.bugs-filters label[b-1fclzovjn1] { display: grid; gap: .25rem; }
.bugs-filters select[b-1fclzovjn1] { min-height: 2.25rem; max-width: 100%; font: inherit; }
.bugs-filters .bugs-checkbox[b-1fclzovjn1] { display: flex; align-items: center; min-height: 2.25rem; }
.admin-bugs[b-1fclzovjn1]  .rz-cell-data { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.admin-bugs[b-1fclzovjn1]  .rz-cell-data > span { white-space: inherit; }
@media (max-width: 600px) {
    .bugs-filters[b-1fclzovjn1]  .mp-grid-search { width: 100%; max-width: 100%; }
    .bugs-filters label:not(.bugs-checkbox)[b-1fclzovjn1] { flex: 1; min-width: 8rem; }
}
/* /Components/Pages/AdminCategories.razor.rz.scp.css */
/* Added: 2026-10-26 14:00 - A compact, unframed catalog with stable controls and distinct inherited lock shading. */
.category-master[b-wuka4a2nbo] { min-width: 0; }
.category-heading[b-wuka4a2nbo], .category-toolbar[b-wuka4a2nbo] { display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; }
.category-heading[b-wuka4a2nbo] { justify-content: space-between; }
.category-toolbar[b-wuka4a2nbo] { justify-content: flex-end; }
.category-feedback[b-wuka4a2nbo] { min-height: 1.8rem; font-size: .9rem; color: var(--mp-muted); padding-block: .2rem; }
.category-tree[b-wuka4a2nbo] { border-block: 1px solid var(--mp-line); }
.category-row[b-wuka4a2nbo] { position: relative; background: var(--mp-surface); border-bottom: 1px solid var(--mp-line-soft); }
.category-row:nth-child(even)[b-wuka4a2nbo] { background: var(--mp-grid-stripe, var(--mp-soft)); }
.category-row:hover[b-wuka4a2nbo], .category-row:focus-within[b-wuka4a2nbo] { background: var(--mp-grid-hover, var(--mp-soft)); }
.category-row.category-locked[b-wuka4a2nbo] { background: color-mix(in srgb, #b89de0 17%, var(--mp-surface)); }
.category-row.category-locked:hover[b-wuka4a2nbo], .category-row.category-locked:focus-within[b-wuka4a2nbo] { background: color-mix(in srgb, #b89de0 25%, var(--mp-surface)); }
.category-row[hidden][b-wuka4a2nbo] { display: none !important; }
/* Added: 2026-10-26 16:00 - Inset the entire child, including its handle, drop targets and lock shading. */
.category-child[b-wuka4a2nbo] { margin-inline-start: 2rem; min-width: 0; }
.category-created[b-wuka4a2nbo] { animation: category-created-b-wuka4a2nbo 1.8s ease-out; }
@keyframes category-created-b-wuka4a2nbo { 0%, 35% { box-shadow: inset 0 0 0 2px var(--mp-accent); } 100% { box-shadow: inset 0 0 0 2px transparent; } }
@media (prefers-reduced-motion: reduce) { .category-created[b-wuka4a2nbo] { animation-timing-function: steps(1, end); } }
.category-row-main[b-wuka4a2nbo] { display: grid; grid-template-columns: 2rem 2rem 1.3rem minmax(7rem, 1fr) 5.5rem auto 11.2rem; align-items: center; gap: .35rem; min-height: 3.25rem; padding: .35rem .5rem; }
.category-name[b-wuka4a2nbo] { min-width: 0; }
.category-root .category-name[b-wuka4a2nbo]  input { font-weight: 600; }
.category-child-indent[b-wuka4a2nbo] { width: 2rem; height: 1.4rem; border-inline-start: 1px solid var(--mp-line); margin-left: 1rem; }
.category-row-actions[b-wuka4a2nbo] { grid-column: 7; display: flex; gap: .2rem; justify-content: flex-end; }
.category-tool[b-wuka4a2nbo] { display: inline-flex; justify-content: center; align-items: center; flex: 0 0 auto; width: 2rem; height: 2rem; padding: 0; border: 0; border-radius: 4px; background: transparent; color: var(--mp-text); }
.category-tool:hover:not(:disabled)[b-wuka4a2nbo] { background: color-mix(in srgb, var(--mp-accent) 12%, transparent); }
.category-tool:focus-visible[b-wuka4a2nbo] { outline: 2px solid var(--mp-accent); outline-offset: 1px; }
.category-tool:disabled[b-wuka4a2nbo] { opacity: .45; cursor: default; }
.category-lock:disabled[b-wuka4a2nbo] { opacity: .8; }
.category-drag:not(:disabled)[b-wuka4a2nbo] { cursor: grab; }
.category-collapsed .category-expander[b-wuka4a2nbo]  .rzi { transform: rotate(-90deg); }
.category-type[b-wuka4a2nbo], .category-retired[b-wuka4a2nbo] { font-size: .85rem; color: var(--mp-muted); }
.category-retired[b-wuka4a2nbo] { grid-column: 6; }
.category-name[b-wuka4a2nbo]  input, .category-create[b-wuka4a2nbo]  input, .category-master select[b-wuka4a2nbo], .category-search[b-wuka4a2nbo] {
    box-sizing: border-box; width: 100%; min-width: 0; min-height: 2.4rem; padding: .4rem .55rem;
    background: var(--rz-input-background-color); color: var(--rz-input-value-color); border: var(--rz-input-border);
    border-block-end: var(--rz-input-border-block-end); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); font: inherit;
}
.category-name[b-wuka4a2nbo]  input:disabled { opacity: 1; background: transparent; border-color: transparent; box-shadow: none; color: var(--mp-text); }
.category-name[b-wuka4a2nbo]  input:focus-visible, .category-create[b-wuka4a2nbo]  input:focus-visible, .category-master select:focus-visible[b-wuka4a2nbo], .category-search:focus-visible[b-wuka4a2nbo] { outline: 2px solid var(--mp-accent); outline-offset: 1px; }
.category-search[b-wuka4a2nbo] { width: 16rem; max-width: 100%; }
.category-drop[b-wuka4a2nbo] { position: absolute; inset-inline: 0; height: .55rem; z-index: 1; pointer-events: none; }
.category-drop-before[b-wuka4a2nbo] { top: 0; }
.category-drop-after[b-wuka4a2nbo] { bottom: 0; }
.category-dragging .category-drop[b-wuka4a2nbo] { pointer-events: auto; }
.category-row[data-drop-active=before][b-wuka4a2nbo] { box-shadow: inset 0 3px var(--mp-accent); }
.category-row[data-drop-active=after][b-wuka4a2nbo] { box-shadow: inset 0 -3px var(--mp-accent); }
.category-row[data-drop-active=inside] .category-name[b-wuka4a2nbo] { outline: 2px dashed var(--mp-accent); outline-offset: 2px; }
.category-master[data-drop-pending=true] .category-tree[b-wuka4a2nbo] { cursor: progress; }
.category-create[b-wuka4a2nbo], .category-properties[b-wuka4a2nbo], .category-move[b-wuka4a2nbo] { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; padding: .75rem 0; }
.category-create[b-wuka4a2nbo] { border-block: 1px solid var(--mp-line); margin-bottom: .5rem; }
.category-create.category-child[b-wuka4a2nbo] { padding: .75rem .5rem; background: var(--mp-soft); margin-bottom: 0; }
.category-create-actions[b-wuka4a2nbo] { display: flex; gap: .25rem; }
.category-create-type[b-wuka4a2nbo] { align-self: center; font-size: .85rem; color: var(--mp-muted); }
.category-save-error[b-wuka4a2nbo] { flex-basis: 100%; }
.category-create label[b-wuka4a2nbo], .category-properties label[b-wuka4a2nbo], .category-move label[b-wuka4a2nbo] { display: grid; gap: .25rem; min-width: 0; }
.category-create label:first-child[b-wuka4a2nbo] { flex: 1 1 14rem; }
.category-create label:not(:first-child)[b-wuka4a2nbo], .category-move label[b-wuka4a2nbo] { flex: 1 1 10rem; }
.category-properties[b-wuka4a2nbo] { margin-inline: 6.5rem 1rem; }
.category-properties .category-icon-field[b-wuka4a2nbo] { width: 18rem; max-width: 100%; }
.category-properties .mp-checkbox-row[b-wuka4a2nbo] { display: flex; align-self: center; }
.category-move[b-wuka4a2nbo] { position: sticky; bottom: .5rem; background: var(--mp-surface); border: 1px solid var(--mp-line); border-radius: 6px; box-shadow: 0 3px 12px #0002; padding: .75rem; margin-top: 1rem; z-index: 2; }
.category-move strong[b-wuka4a2nbo] { flex: 1 0 100%; overflow-wrap: anywhere; }
.category-move[b-wuka4a2nbo] { max-height: calc(100dvh - 2rem); overflow: auto; }
.category-row-error[b-wuka4a2nbo] { display: flex; align-items: center; gap: .5rem; padding: .25rem .5rem .5rem 6.5rem; }
.category-row-error[b-wuka4a2nbo], .category-save-error[b-wuka4a2nbo], .category-master [role=alert][b-wuka4a2nbo] { color: var(--mp-debit); overflow-wrap: anywhere; }
@media (max-width: 700px) {
    .category-toolbar[b-wuka4a2nbo] { justify-content: flex-start; width: 100%; }
    .category-search[b-wuka4a2nbo] { flex: 1 1 15rem; }
    .category-row-main[b-wuka4a2nbo] { grid-template-columns: 1.7rem 1.7rem 1.2rem minmax(0, 1fr); gap: .2rem; }
    .category-type[b-wuka4a2nbo] { grid-column: 4; grid-row: 2; }
    .category-row-actions[b-wuka4a2nbo] { grid-column: 4; grid-row: 3; justify-content: flex-start; flex-wrap: wrap; }
    .category-retired[b-wuka4a2nbo] { grid-column: 4; grid-row: 4; }
    .category-properties[b-wuka4a2nbo], .category-row-error[b-wuka4a2nbo] { margin-inline: 0; padding-inline: .5rem; }
    .category-tool[b-wuka4a2nbo] { width: 2rem; height: 2.25rem; }
    .category-child[b-wuka4a2nbo] { margin-inline-start: 1rem; }
    .category-move label[b-wuka4a2nbo] { flex-basis: 100%; }
}
/* /Components/Pages/AdminMcpSecurity.razor.rz.scp.css */
/* Added: 2026-10-23 19:45 - Reserved summary, feedback and table space keep paging and errors from moving the controls. */
.mcp-security[b-t7r4h0j9qi] { min-width: 0; }
.security-heading[b-t7r4h0j9qi] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; }
.security-heading h1[b-t7r4h0j9qi] { margin-right: auto; }
.security-caption[b-t7r4h0j9qi] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; margin: 0 0 .75rem; color: #52616a; font-size: .875rem; }
.security-summary[b-t7r4h0j9qi] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(13rem, 1.5fr); gap: 1rem; margin: 0; padding-block: .5rem; border-block: 1px solid #e3e8ec; }
.security-summary dt[b-t7r4h0j9qi] { font-size: .8125rem; color: #52616a; }
.security-summary dd[b-t7r4h0j9qi] { margin: .25rem 0 0; height: 1.5rem; font-size: .875rem; font-weight: 600; white-space: nowrap; font-variant-numeric: tabular-nums; }
.security-status[b-t7r4h0j9qi] { height: 3rem; overflow: auto; padding-block: .5rem; font-size: .875rem; }
.security-table-wrap[b-t7r4h0j9qi] { height: clamp(14rem, 55vh, 36rem); max-width: 100%; overflow: auto; }
.security-table[b-t7r4h0j9qi] { width: 100%; min-width: 65rem; border-collapse: collapse; font-size: .8125rem; }
.security-table th[b-t7r4h0j9qi], .security-table td[b-t7r4h0j9qi] { padding: .5rem .625rem; text-align: left; white-space: nowrap; border-bottom: 1px solid #e3e8ec; font-variant-numeric: tabular-nums; }
.security-table thead[b-t7r4h0j9qi] { position: sticky; top: 0; background: #edf1f4; }
.security-correlation[b-t7r4h0j9qi] { font-family: monospace; }
.security-empty[b-t7r4h0j9qi] { height: 3rem; color: #52616a; }
.security-pagination[b-t7r4h0j9qi] { display: flex; justify-content: flex-end; align-items: center; gap: .5rem; padding-top: .75rem; }
.security-page-number[b-t7r4h0j9qi] { width: 6rem; text-align: center; font-size: .875rem; font-variant-numeric: tabular-nums; }
.security-icon[b-t7r4h0j9qi] { display: inline-grid; place-items: center; width: 2.5rem; height: 2.5rem; flex-shrink: 0; border-radius: 4px; background: #edf1f4; color: #205c69; text-decoration: none; }
.security-icon:hover[b-t7r4h0j9qi] { background: #e4ebee; }
.security-icon:focus-visible[b-t7r4h0j9qi], .security-table-wrap:focus-visible[b-t7r4h0j9qi] { outline: 2px solid #216c68; outline-offset: -2px; }
/* Added: 2026-10-23 20:00 - The modal keeps confirmation feedback reserved and the emergency operation separate from review controls. */
.security-revoke-confirmation[b-t7r4h0j9qi] { min-width: 0; }
.security-revoke-confirmation p[b-t7r4h0j9qi] { margin-top: 0; }
.security-revoke-confirmation label[b-t7r4h0j9qi] { display: block; margin-bottom: .375rem; font-size: .875rem; }
.security-revoke-confirmation input[b-t7r4h0j9qi] { width: 100%; min-height: 2.5rem; padding: .5rem .75rem; border: 1px solid #d4dee4; border-radius: 6px; background: linear-gradient(#f5f8fa, #ffffff); font: inherit; box-sizing: border-box; }
.security-revoke-status[b-t7r4h0j9qi] { height: 4.5rem; overflow: auto; padding-block: .5rem; font-size: .875rem; }
.security-revoke-actions[b-t7r4h0j9qi] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; }
@media (max-width: 700px) {
    .security-summary[b-t7r4h0j9qi] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
    .security-summary div:last-child[b-t7r4h0j9qi] { grid-column: 1 / -1; }
    .security-summary div:nth-child(3)[b-t7r4h0j9qi] { grid-column: 1 / -1; }
}
/* /Components/Pages/AdminMcpSettingsEditor.razor.rz.scp.css */
/* Added: 2026-10-23 11:00 - Global settings use themed fields and stable save feedback without nested panels. */
.admin-mcp[b-f9idyd97k3] { min-width: 0; max-width: 52rem; margin-block: 1.5rem; }
.admin-mcp h2[b-f9idyd97k3] { font-size: 1.2rem; margin-bottom: .75rem; }
/* Added: 2026-10-23 19:10 - Incident controls keep their space while drafts, dialogs and save feedback change. */
.admin-mcp-controls[b-f9idyd97k3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; margin-bottom: 1rem; }
.admin-mcp-control[b-f9idyd97k3] { min-width: 0; display: flex; align-items: center; gap: .6rem; min-height: 2.6rem; }
.admin-mcp-control[b-f9idyd97k3]  .rz-switch { flex-shrink: 0; }
.admin-mcp-control label[b-f9idyd97k3] { overflow-wrap: anywhere; cursor: pointer; }
.admin-mcp-fields[b-f9idyd97k3] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem 1rem; }
.admin-mcp-field[b-f9idyd97k3] { min-width: 0; display: grid; gap: .35rem; align-content: start; }
.admin-mcp-field label[b-f9idyd97k3] { overflow-wrap: anywhere; }
.admin-mcp-field[b-f9idyd97k3]  input { width: 100%; min-width: 0; min-height: 2.6rem; padding: .4rem .6rem; box-sizing: border-box; background: var(--rz-input-background-color); border: var(--rz-input-border); border-block-end: var(--rz-input-border-block-end); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); color: var(--rz-input-value-color); font: inherit; }
.admin-mcp-field[b-f9idyd97k3]  input:focus-visible { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.admin-mcp-actions[b-f9idyd97k3] { display: flex; align-items: center; gap: .5rem; margin-top: .75rem; }
.admin-mcp-status[b-f9idyd97k3] { height: 3rem; overflow: auto; padding-block: .4rem; box-sizing: border-box; overflow-wrap: anywhere; }
.admin-mcp-status [role=alert][b-f9idyd97k3] { color: var(--mp-danger, #a2251b); }
@media (max-width: 550px) {
    .admin-mcp-controls[b-f9idyd97k3], .admin-mcp-fields[b-f9idyd97k3] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/AdminNotifications.razor.rz.scp.css */
/* Added: 2026-10-22 11:20 - Bounded tables and reserved feedback cells keep channel changes from shifting nearby controls. */
.admin-notifications[b-3au5r8yi5q] { min-width: 0; }
.notification-heading[b-3au5r8yi5q] { display: flex; align-items: center; gap: .75rem; }
.notification-heading h1[b-3au5r8yi5q] { margin-right: auto; }
.notification-load-status[b-3au5r8yi5q] { height: 2.75rem; overflow: auto; font-size: .875rem; }
.notification-tabs[b-3au5r8yi5q] { display: flex; gap: .25rem; margin-bottom: 1rem; border-bottom: 1px solid #dce3e8; }
.notification-tabs button[b-3au5r8yi5q] { padding: .5rem 1rem; border: 0; border-bottom: 3px solid transparent; background: transparent; color: inherit; font: inherit; }
.notification-tabs button[aria-selected="true"][b-3au5r8yi5q] { border-bottom-color: #216c68; font-weight: 600; }
.notification-table-wrap[b-3au5r8yi5q] { overflow: auto; max-width: 100%; }
.notification-table[b-3au5r8yi5q] { width: 100%; border-collapse: collapse; font-size: .875rem; }
.notification-table th[b-3au5r8yi5q], .notification-table td[b-3au5r8yi5q] { padding: .625rem .75rem; border-bottom: 1px solid #e3e8ec; text-align: left; vertical-align: middle; }
.notification-table thead[b-3au5r8yi5q] { background: #edf1f4; }
.notification-table tbody th[b-3au5r8yi5q] { font-weight: 500; min-width: 13rem; }
.notification-count[b-3au5r8yi5q], .notification-time[b-3au5r8yi5q] { font-variant-numeric: tabular-nums; white-space: nowrap; }
.notification-unread[b-3au5r8yi5q] { background: #f6f1fb; }
.notification-unread-label[b-3au5r8yi5q] { margin-left: .5rem; color: #643e87; font-weight: 600; font-size: .75rem; }
.notification-state[b-3au5r8yi5q] { white-space: nowrap; }
.notification-actions[b-3au5r8yi5q] { white-space: nowrap; }
.notification-icon[b-3au5r8yi5q] { display: inline-grid; place-items: center; width: 2.25rem; height: 2.25rem; border: 0; border-radius: 4px; background: transparent; color: #205c69; vertical-align: middle; text-decoration: none; padding: 0; }
.notification-icon:hover:not(:disabled)[b-3au5r8yi5q] { background: #e4ebee; }
.notification-icon:disabled[b-3au5r8yi5q] { opacity: .4; }
.notification-icon:focus-visible[b-3au5r8yi5q], .notification-tabs button:focus-visible[b-3au5r8yi5q], .notification-table-wrap:focus-visible[b-3au5r8yi5q] { outline: 2px solid #216c68; outline-offset: -2px; }
.notification-delivery[b-3au5r8yi5q] { display: flex; gap: 1rem; align-items: center; flex-wrap: wrap; margin-block: 0 1rem; }
.notification-settings-link[b-3au5r8yi5q] { display: inline-flex; gap: .5rem; align-items: center; min-height: 2.5rem; padding: .5rem .75rem; border-radius: 6px; background: linear-gradient(#f5f8fa, #e5edf0); color: #205c69; text-decoration: none; box-shadow: 0 1px 3px #00000012; }
.notification-delivery dl[b-3au5r8yi5q] { display: flex; gap: 1rem; flex-wrap: wrap; margin: 0; font-size: .8125rem; }
.notification-delivery dt[b-3au5r8yi5q] { font-weight: 500; }
.notification-delivery dd[b-3au5r8yi5q] { margin: 0; }
.notification-policy-table[b-3au5r8yi5q] { table-layout: fixed; }
.notification-policy-table th:first-child[b-3au5r8yi5q] { width: 50%; }
.notification-policy-table th:nth-child(2)[b-3au5r8yi5q], .notification-policy-table th:nth-child(3)[b-3au5r8yi5q] { width: 12%; }
.notification-policy-table th:last-child[b-3au5r8yi5q] { width: 26%; }
.notification-policy-table tbody th[b-3au5r8yi5q] { min-width: 0; overflow-wrap: anywhere; }
.notification-save-status[b-3au5r8yi5q] { display: flex; align-items: center; justify-content: space-between; height: 2.5rem; gap: .25rem; font-size: .8125rem; }
.notification-save-status span[b-3au5r8yi5q] { white-space: nowrap; }
.notification-empty[b-3au5r8yi5q] { margin-block: 1rem; }
@media (max-width: 600px) {
    .notification-policy-table[b-3au5r8yi5q] { min-width: 34rem; }
    .notification-table th[b-3au5r8yi5q], .notification-table td[b-3au5r8yi5q] { padding: .5rem; }
    .notification-icon[b-3au5r8yi5q] { width: 2.75rem; height: 2.75rem; }
}
/* /Components/Pages/AdminReferralDetail.razor.rz.scp.css */
/* Added: 2026-10-01 16:30 - Long identities wrap within the standard responsive dialog. */
.referral-detail[b-1ff8txzepb] { overflow-wrap: anywhere; }
dl[b-1ff8txzepb] { display: grid; grid-template-columns: 9rem minmax(0, 1fr); gap: .5rem 1rem; }
dt[b-1ff8txzepb] { font-weight: 600; }
dd[b-1ff8txzepb] { margin: 0; }
p[b-1ff8txzepb] { font-size: .875rem; }
.referral-detail-actions[b-1ff8txzepb] { display: flex; justify-content: end; margin-top: 1rem; }
@media (max-width: 480px) { dl[b-1ff8txzepb] { grid-template-columns: 1fr; gap: .2rem; } dd[b-1ff8txzepb] { margin-bottom: .65rem; } }
/* /Components/Pages/AdminReferrals.razor.rz.scp.css */
/* Added: 2026-10-01 16:30 - Compact report bands wrap on phones; wide tables scroll within their own region. */
.admin-referrals[b-m44ltlnuaj] { min-width: 0; max-width: 100%; }
.referrals-heading[b-m44ltlnuaj] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .75rem; }
.referrals-filters[b-m44ltlnuaj] { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-bottom: 1rem; }
.referrals-filters label[b-m44ltlnuaj] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .25rem; font-size: .875rem; min-width: 0; max-width: 100%; }
.referrals-filters input[b-m44ltlnuaj], select[b-m44ltlnuaj] { min-height: 2.25rem; padding: .35rem .5rem; border: 1px solid var(--rz-base-400); border-radius: 4px; background: var(--rz-body-background-color); color: var(--rz-text-color); max-width: 100%; }
.referrals-filters input[b-m44ltlnuaj], .referrals-filters select[b-m44ltlnuaj] { width: 100%; min-width: 0; }
.referrals-filters input[type=number][b-m44ltlnuaj] { width: 10rem; }
.referrals-scope[b-m44ltlnuaj] { font-size: .875rem; color: var(--rz-text-secondary-color); margin: .75rem 0; overflow-wrap: anywhere; }
.referrals-metrics[b-m44ltlnuaj] { display: grid; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); border-block: 1px solid var(--rz-base-300); margin: 1rem 0; }
.referrals-metrics div[b-m44ltlnuaj] { padding: .75rem; }
.referrals-metrics dt[b-m44ltlnuaj] { font-size: .8rem; }
.referrals-metrics dd[b-m44ltlnuaj] { font-size: 1.35rem; font-weight: 600; margin: .3rem 0 0; }
.referrals-rates[b-m44ltlnuaj] { display: flex; flex-wrap: wrap; gap: .75rem 1.5rem; font-size: .9rem; }
.referrals-band[b-m44ltlnuaj] { margin-top: 1.5rem; border-top: 1px solid var(--rz-base-300); padding-top: 1rem; }
h2[b-m44ltlnuaj] { font-size: 1.1rem; margin: .75rem 0; }
.referrals-table-scroll[b-m44ltlnuaj] { overflow-x: auto; width: 100%; min-width: 0; max-width: 100%; }
table[b-m44ltlnuaj] { border-collapse: collapse; width: 100%; min-width: 36rem; font-size: .875rem; }
/* Added: 2026-10-01 18:00 - Reserve readable identity columns while keeping horizontal scrolling inside each table region. */
.referrals-inviters[b-m44ltlnuaj] { min-width: 65rem; }
.referrals-inviters th:first-child[b-m44ltlnuaj], .referrals-inviters td:first-child[b-m44ltlnuaj] { width: 18rem; min-width: 18rem; }
th[b-m44ltlnuaj], td[b-m44ltlnuaj] { text-align: left; padding: .65rem; border-bottom: 1px solid var(--rz-base-300); overflow-wrap: anywhere; }
th[b-m44ltlnuaj] { white-space: nowrap; }
.referrals-link[b-m44ltlnuaj] { border: 0; padding: 0; color: var(--rz-primary); background: none; text-align: left; text-decoration: underline; overflow-wrap: anywhere; cursor: pointer; }
.referrals-pager[b-m44ltlnuaj] { display: flex; justify-content: end; align-items: center; gap: .75rem; margin-top: .75rem; }
.admin-referrals[b-m44ltlnuaj]  .mp-grid-search { flex: 0 1 22rem; min-width: 0; max-width: 100%; }
.admin-referrals[b-m44ltlnuaj]  .mp-grid-search-input { min-width: 0; max-width: 100%; }
.admin-referrals[b-m44ltlnuaj]  .referrals-grid { width: 100%; min-width: 0; max-width: 100%; --rz-grid-header-text-transform: none; }
.admin-referrals[b-m44ltlnuaj]  .referrals-grid .rz-grid-table { min-width: 97rem; }
.admin-referrals[b-m44ltlnuaj]  .referrals-grid .rz-column-title { padding-inline: 0; }
.admin-referrals[b-m44ltlnuaj]  .referrals-grid .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .referrals-filters > label[b-m44ltlnuaj] { flex: 1 1 140px; min-width: 0; }
    .referrals-filters input[b-m44ltlnuaj] { width: 100%; }
    .referrals-metrics[b-m44ltlnuaj] { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .referrals-metrics div[b-m44ltlnuaj] { padding: .65rem .35rem; overflow-wrap: anywhere; }
}
/* /Components/Pages/AdminRemovals.razor.rz.scp.css */
/* Added: 2026-09-26 17:50 - Keep wide operational rows scrollable inside the existing compact grid, including narrow phones. */
.admin-removals[b-xmksl29g5r] { min-width: 0; }
.admin-removals .mp-page-header[b-xmksl29g5r] { flex-wrap: wrap; gap: .75rem; }
.admin-removals p[b-xmksl29g5r] { max-width: 90ch; overflow-wrap: anywhere; }
.admin-removals summary[b-xmksl29g5r] { cursor: pointer; }
.admin-removals[b-xmksl29g5r]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
.admin-removals [role="alert"][b-xmksl29g5r] { color: var(--rz-danger); }
/* /Components/Pages/AdminSecurity.razor.rz.scp.css */
/* Added: 2026-09-25 12:00 - Keep security status and explicit actions compact, responsive and outside the read-only grids. */
.admin-security[b-kmu9frypad] { min-width: 0; }
.admin-security h2[b-kmu9frypad] { font-size: 1.125rem; margin: 1rem 0 0.5rem; }
.admin-security .mp-page-header[b-kmu9frypad], .security-grid-heading[b-kmu9frypad] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.75rem; }
.security-status[b-kmu9frypad] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 0.5rem 1rem; margin: 0 0 0.75rem; }
.security-status dt[b-kmu9frypad] { font-weight: normal; color: var(--rz-text-secondary-color); }
.security-status dd[b-kmu9frypad] { margin: 0; overflow-wrap: anywhere; }
.security-counters[b-kmu9frypad], .security-history-note[b-kmu9frypad] { margin: 0.5rem 0; }
.admin-security[b-kmu9frypad]  .security-mode { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: end; margin: 0.75rem 0; }
.security-mode label[b-kmu9frypad] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 10rem; max-width: 100%; }
.security-mode-blocker[b-kmu9frypad] { flex-basis: 100%; min-height: 1.5rem; margin: 0; }
.admin-security[b-kmu9frypad]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
/* Added: 2026-09-25 23:15 - Keep complete local timestamps and mode labels together while other cells may wrap. */
.admin-security[b-kmu9frypad]  .security-timestamp, .admin-security[b-kmu9frypad]  .security-mode-value { white-space: nowrap; overflow-wrap: normal; }
.security-timestamp[b-kmu9frypad] { font-variant-numeric: tabular-nums; }
/* Added: 2026-09-26 13:00 - Keep history to one line; narrow screens scroll the grid instead of wrapping dates or mode labels. */
.admin-security[b-kmu9frypad]  .security-history-grid .rz-grid-table { min-width: 71rem; }
.admin-security[b-kmu9frypad]  .security-history-grid .rz-cell-data,
.admin-security[b-kmu9frypad]  .security-history-grid .rz-column-title-content { white-space: nowrap; overflow-wrap: normal; }
.security-history-ip[b-kmu9frypad] { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.admin-security [role="alert"][b-kmu9frypad] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/AdminSettings.razor.rz.scp.css */
/* Added: 2026-09-11 00:40 - Keep redacted configuration and audit rows readable without expanding the viewport. */
.admin-settings[b-m5wd0bwxqo] { min-width: 0; }
.admin-settings .mp-page-header[b-m5wd0bwxqo] { flex-wrap: wrap; gap: 0.75rem; }
.admin-settings h2[b-m5wd0bwxqo] { font-size: 1.125rem; margin-top: 1.25rem; }
.admin-settings-values[b-m5wd0bwxqo] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); max-width: 60rem; margin: 0; }
.admin-settings-values dt[b-m5wd0bwxqo], .admin-settings-values dd[b-m5wd0bwxqo] { padding: 0.5rem; margin: 0; border-bottom: 1px solid var(--rz-base-300); overflow-wrap: anywhere; }
.admin-settings[b-m5wd0bwxqo]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
.admin-settings [role="alert"][b-m5wd0bwxqo] { color: var(--rz-danger); overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .admin-settings-values[b-m5wd0bwxqo] { grid-template-columns: minmax(0, 1fr); }
    .admin-settings-values dt[b-m5wd0bwxqo] { border-bottom: 0; padding-bottom: 0; }
}
/* /Components/Pages/AdminUsers.razor.rz.scp.css */
/* Added: 2026-09-11 00:40 - Keep the directory header responsive and long account identifiers contained. */
.admin-users[b-kxnwol15jn] { min-width: 0; }
.admin-users[b-kxnwol15jn]  .mp-page-header { flex-wrap: wrap; gap: 0.75rem; }
.admin-users .mp-page-actions[b-kxnwol15jn] { min-width: 0; max-width: 100%; }
.admin-users[b-kxnwol15jn]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
.admin-users [role="alert"][b-kxnwol15jn] { color: var(--rz-danger); overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .admin-users .mp-page-actions[b-kxnwol15jn] { width: 100%; }
    .admin-users[b-kxnwol15jn]  .mp-grid-search { width: 100%; max-width: 100%; }
}
/* /Components/Pages/AliasCsvMapping.razor.rz.scp.css */
/* Added: 2026-09-13 17:15 - Keep the alias workbench compact; long descriptions scroll inside the grid, not the page. */
.alias-csv[b-k9fb8z9fmz] { min-width: 0; }
.alias-csv-settings[b-k9fb8z9fmz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; padding: 0; border: 0; margin-bottom: 1rem; }
.alias-csv-settings[b-k9fb8z9fmz]  input, .alias-csv-settings select[b-k9fb8z9fmz] { width: 100%; min-width: 0; font: inherit; }
.alias-csv-actions[b-k9fb8z9fmz] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; grid-column: 1 / -1; margin-block: .5rem; }
.alias-csv-review-header[b-k9fb8z9fmz] { margin-top: 1rem; }
.alias-csv-review-header h2[b-k9fb8z9fmz] { font-size: 1rem; overflow-wrap: anywhere; }
.alias-csv-save[b-k9fb8z9fmz] { justify-content: space-between; }
/* Added: 2026-09-21 23:55 - Reserve validation space so typing or selecting does not move Save or adjacent rows. */
.alias-csv-save-feedback[b-k9fb8z9fmz] { height: 5.5rem; box-sizing: border-box; overflow: auto; overflow-wrap: anywhere; padding: .5rem .65rem; border-inline-start: 3px solid var(--mp-line); background: var(--rz-base-100); }
.alias-csv-save-blocked[b-k9fb8z9fmz] { border-inline-start-color: var(--mp-debit); }
.alias-csv-save .alias-csv-save-feedback[b-k9fb8z9fmz] { flex: 1 1 20rem; min-width: 0; }
.alias-csv-save[b-k9fb8z9fmz]  .rz-button-text { white-space: nowrap; }
.alias-csv-file-issues[b-k9fb8z9fmz] { max-height: 12rem; overflow: auto; margin-bottom: .5rem; }
.alias-csv-file-issues p[b-k9fb8z9fmz], .alias-csv-file-issues ul[b-k9fb8z9fmz] { margin-block: .3rem; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-row-issue { display: block; height: 1.4rem; line-height: 1.4rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--mp-debit); }
.alias-csv-error[b-k9fb8z9fmz] { color: var(--mp-debit); overflow-wrap: anywhere; }
/* Added: 2026-09-13 22:15 - Reserve feedback space; conflict text and source marks survive a dismissed toast. */
.alias-csv-feedback[b-k9fb8z9fmz] { height: 3rem; overflow: auto; }
.alias-csv-feedback p[b-k9fb8z9fmz] { margin: 0; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-conflict-source { border-inline-start: 3px solid var(--mp-debit); padding-inline-start: .4rem; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-conflict-actions { display: flex; gap: .25rem; align-items: center; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-grid .rz-grid-table { min-width: 1050px; table-layout: fixed; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-grid tbody td, .alias-csv[b-k9fb8z9fmz]  .alias-csv-grid .rz-cell-data { height: auto; max-height: none; white-space: normal; overflow-wrap: anywhere; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-grid .rz-cell-data { display: block; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-grid .rz-dropdown { width: 100%; min-width: 0; }
/* Added: 2026-10-07 09:00 - A light saved-match accent does not replace focus outlines or textual match details. */
.alias-csv[b-k9fb8z9fmz]  .alias-csv-grid .alias-csv-matched > td { background-color: #edf7ef; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-grid .alias-csv-matched:hover > td { background-color: #e3f1e7; }
/* Added: 2026-09-13 21:30 - Rule fields stay within their grid columns, including the phone's horizontal scroll area. */
.alias-csv[b-k9fb8z9fmz]  .alias-csv-rule { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: .35rem .4rem; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-rule[aria-invalid="true"] { border-color: var(--mp-debit); }
/* Added: 2026-10-06 10:00 - Inline creation and bounded impact feedback keep the source grid anchored while editing. */
.alias-csv[b-k9fb8z9fmz]  .alias-csv-new-payee { display: grid; grid-template-columns: minmax(0, 1fr) 2.25rem; gap: .25rem; margin-top: .35rem; }
.alias-csv-draft-status[b-k9fb8z9fmz] { height: 5rem; overflow: auto; display: flex; flex-wrap: wrap; align-content: center; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-impact { height: 4rem; overflow: auto; font-size: .8rem; margin-top: .25rem; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-impact-details { height: 1.5rem; position: relative; }
.alias-csv[b-k9fb8z9fmz]  .alias-csv-impact-details[open] > div { position: absolute; z-index: 2; background: var(--rz-base-100); border: 1px solid var(--mp-line); padding: .5rem; max-height: 12rem; overflow: auto; white-space: pre-line; width: 16rem; right: 0; }
@media (max-width: 600px) {
    .alias-csv-save-feedback[b-k9fb8z9fmz] { height: 7rem; }
    .alias-csv-save[b-k9fb8z9fmz] { align-items: stretch; }
    .alias-csv-save .alias-csv-save-feedback[b-k9fb8z9fmz] { flex-basis: 100%; }
    .alias-csv-save[b-k9fb8z9fmz]  .rz-button { width: 100%; }
    .alias-csv-settings[b-k9fb8z9fmz] { grid-template-columns: minmax(0, 1fr); }
    .alias-csv[b-k9fb8z9fmz]  .mp-page-header { flex-wrap: wrap; gap: .5rem; }
}
/* /Components/Pages/BackupActionEditor.razor.rz.scp.css */
/* Added: 2026-09-11 13:00 - Contain household names, warnings and confirmation controls at narrow modal widths. */
.backup-action-editor[b-1wfjhvr0ov] { min-width: 0; font-family: Verdana, Geneva, Tahoma, Arial, sans-serif; }
.backup-action-editor p[b-1wfjhvr0ov] { margin: 0 0 0.5rem; overflow-wrap: anywhere; }
.backup-warning[b-1wfjhvr0ov] { border-left: 3px solid var(--rz-danger); padding-left: 0.65rem; font-size: 0.85rem; }
.backup-action-editor[b-1wfjhvr0ov]  input, .backup-action-editor[b-1wfjhvr0ov]  select { width: 100%; min-width: 0; max-width: 100%; }
.backup-action-editor[b-1wfjhvr0ov]  .mp-editor-actions { flex-wrap: wrap; }
.backup-action-editor[b-1wfjhvr0ov]  .rz-button { max-width: 100%; }
.backup-action-editor[b-1wfjhvr0ov]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
.backup-action-editor [role="alert"][b-1wfjhvr0ov] { color: var(--rz-danger); }
.backup-action-editor[b-1wfjhvr0ov]  .backup-feedback { height: 3.5rem; overflow: auto; font-size: 0.85rem; }
/* /Components/Pages/BackupAllowanceSummary.razor.rz.scp.css */
.backup-allowance-summary[b-7f1mz55luk] { margin: 0.75rem 0; font-size: 0.82rem; color: var(--mp-muted); }
.backup-allowance-summary p[b-7f1mz55luk] { margin: 0.25rem 0; }
/* /Components/Pages/BackupEditor.razor.rz.scp.css */
/* Added: 2026-09-11 13:00 - Keep preview counts readable without a second grid or decorative panels. */
.backup-editor[b-9ygqz909pl] { min-width: 0; font-family: Verdana, Geneva, Tahoma, Arial, sans-serif; }
.backup-editor p[b-9ygqz909pl], .backup-details dt[b-9ygqz909pl], .backup-details dd[b-9ygqz909pl] { overflow-wrap: anywhere; }
.backup-details[b-9ygqz909pl] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.5fr); gap: 0.25rem 0.65rem; margin: 0 0 0.75rem; font-size: 0.85rem; line-height: 1.45; }
.backup-details dt[b-9ygqz909pl], .backup-details dd[b-9ygqz909pl] { margin: 0; }
/* Added: 2026-09-23 09:08 - Keep stored-metadata caveats compact without making missing counts an error. */
.backup-metadata-note[b-9ygqz909pl] { margin: 0 0 0.5rem; font-size: 0.85rem; line-height: 1.45; }
/* Added: 2026-09-11 13:50 - Keep labels and counts paired at 320px; only the bounded table list scrolls, leaving commands outside it. */
.backup-table-scroll[b-9ygqz909pl] { max-height: min(16rem, 30dvh); overflow-y: auto; scrollbar-gutter: stable; border-top: 1px solid var(--mp-line); padding-top: 0.5rem; }
.backup-table-scroll:focus-visible[b-9ygqz909pl] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.backup-tables[b-9ygqz909pl] { grid-template-columns: minmax(0, 1fr) max-content; align-items: baseline; margin: 0; }
.backup-tables dt[b-9ygqz909pl] { font-weight: 400; }
.backup-tables dd[b-9ygqz909pl] { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.backup-commands[b-9ygqz909pl] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; margin: 0.75rem 0 0; }
.backup-editor[b-9ygqz909pl]  input { min-width: 0; max-width: 100%; }
.backup-editor[b-9ygqz909pl]  .mp-editor-actions { flex-wrap: wrap; }
.backup-editor[b-9ygqz909pl]  .rz-button { max-width: 100%; }
.backup-editor[b-9ygqz909pl]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
.backup-editor [role="alert"][b-9ygqz909pl] { color: var(--rz-danger); }
/* Added: 2026-09-11 17:50 - Optional history groups remain aligned without changing the compact form width. */
.backup-editor[b-9ygqz909pl]  fieldset { min-width: 0; border: 1px solid var(--mp-line); padding: 0.5rem; margin: 0; }
.backup-editor[b-9ygqz909pl]  fieldset label { display: flex; align-items: center; gap: 0.5rem; margin: 0.4rem 0; font-size: 0.85rem; }
.backup-editor[b-9ygqz909pl]  fieldset input { flex: 0 0 auto; width: 1rem; height: 1rem; }
.backup-editor[b-9ygqz909pl]  legend { float: none; width: auto; padding: 0 0.25rem; font-size: 0.85rem; }
.backup-editor[b-9ygqz909pl]  .backup-feedback { height: 3.5rem; overflow: auto; font-size: 0.85rem; }
/* /Components/Pages/BackupPolicyEditor.razor.rz.scp.css */
/* Added: 2026-10-22 11:15 - Stable controls use the existing rounded input theme without nested panels. */
.backup-policy-form[b-p6ci139sth] { display: grid; gap: 0.75rem; margin-bottom: 1.5rem; }
.backup-policy-fields[b-p6ci139sth] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 12rem), 1fr)); gap: 0.75rem; }
.backup-policy-fields label[b-p6ci139sth] { display: grid; gap: 0.35rem; min-width: 0; font-size: 0.85rem; }
.backup-policy-fields[b-p6ci139sth]  .rz-numeric { width: 100%; }
.backup-policy-form[b-p6ci139sth] >  .rz-button { justify-self: start; }
/* /Components/Pages/Backups.razor.rz.scp.css */
/* Added: 2026-09-11 13:00 - Use the compact data-page layout, keeping the deliberate purge command separate from row review. */
.backups[b-8q9o2qhyf3] { min-width: 0; font-family: Verdana, Geneva, Tahoma, Arial, sans-serif; }
.backups[b-8q9o2qhyf3]  .mp-page-header { flex-wrap: wrap; }
.backups[b-8q9o2qhyf3]  .mp-page-actions { margin-left: auto; min-width: 0; max-width: 100%; flex-wrap: wrap; }
.backups[b-8q9o2qhyf3]  .mp-grid-search { min-width: 0; }
.backups[b-8q9o2qhyf3]  .mp-page-actions > .rz-button { flex: 0 0 auto; }
.backups[b-8q9o2qhyf3]  .mp-page-actions .rz-button-text { white-space: nowrap; overflow-wrap: normal; }
.backup-scope[b-8q9o2qhyf3] { margin: 0.65rem 0; overflow-wrap: anywhere; }
.backup-purge[b-8q9o2qhyf3] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.75rem; margin-top: 1rem; padding-top: 0.75rem; border-top: 1px solid var(--mp-line); }
.backup-purge span[b-8q9o2qhyf3] { font-size: 0.8rem; color: var(--mp-muted); }
.backups[b-8q9o2qhyf3]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
/* Added: 2026-09-11 14:15 - Match header/cell edges; put numeric sort indicators before labels so sorting cannot shift their alignment. */
.backups[b-8q9o2qhyf3]  .rz-grid-table thead th:not(.rz-text-align-center) .rz-column-title { padding-inline: 0; }
.backups[b-8q9o2qhyf3]  .rz-grid-table thead th.rz-text-align-right .rz-column-title { flex-direction: row-reverse; justify-content: flex-start; }
.backups[b-8q9o2qhyf3]  .rz-button { max-width: 100%; }
.backups[b-8q9o2qhyf3]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
.backups[b-8q9o2qhyf3]  nav.rz-pager > .rz-pagesize-text { width: 7rem; white-space: nowrap; }
.backups[b-8q9o2qhyf3]  nav.rz-pager > .rz-dropdown { margin-right: 7.3rem; }
.backups [role="alert"][b-8q9o2qhyf3] { color: var(--rz-danger); }
@media (max-width: 600px) {
    .backups[b-8q9o2qhyf3]  .mp-page-actions { width: 100%; }
}
@media (max-width: 760px) {
    .backups[b-8q9o2qhyf3]  nav.rz-pager > .rz-dropdown { margin-right: 0; }
    .backups[b-8q9o2qhyf3]  nav.rz-pager > .rz-pagesize-text { width: auto; }
}
/* /Components/Pages/BeaconEditorSurface.razor.rz.scp.css */
/* Added: 2026-10-02 17:20 - Match compact native forms without global CSS or nested panels. */
.beacon-editor[b-ltl31l62b9] { min-width: 0; font-family: Verdana, sans-serif; }
.beacon-editor[b-ltl31l62b9]  .beacon-fields { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.beacon-editor[b-ltl31l62b9]  label { display: flex; flex-direction: column; gap: .3rem; min-width: 0; }
.beacon-editor[b-ltl31l62b9]  input:not([type=checkbox]), .beacon-editor[b-ltl31l62b9]  select, .beacon-editor[b-ltl31l62b9]  textarea { width: 100%; min-width: 0; }
.beacon-editor[b-ltl31l62b9]  .mp-checkbox-row { flex-direction: row; align-items: center; gap: .4rem; }
.beacon-editor[b-ltl31l62b9]  .beacon-wide { grid-column: 1 / -1; }
.beacon-editor[b-ltl31l62b9]  .mp-editor-actions { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.beacon-editor[b-ltl31l62b9]  .beacon-toolbar { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin: .5rem 0; }
.beacon-editor[b-ltl31l62b9]  .beacon-blockers li { overflow-wrap: anywhere; }
.beacon-editor[b-ltl31l62b9]  p, .beacon-editor[b-ltl31l62b9]  dd, .beacon-editor[b-ltl31l62b9]  code { overflow-wrap: anywhere; }
.beacon-editor[b-ltl31l62b9]  .beacon-overrides { display: grid; gap: .75rem; }
.beacon-editor[b-ltl31l62b9]  .beacon-override { display: grid; grid-template-columns: minmax(0, 1fr) minmax(5rem, 8rem) auto; gap: .4rem; align-items: center; border-bottom: 1px solid var(--rz-base-300); padding-bottom: .5rem; }
.beacon-editor[b-ltl31l62b9]  .beacon-override small { grid-column: 1 / -1; }
/* Added: 2026-10-09 12:45 - Keep the explicit rotation toggle out of the narrow numeric-input column. */
.beacon-editor[b-ltl31l62b9]  .beacon-no-auto { grid-column: 1 / -1; }
.beacon-editor[b-ltl31l62b9]  .beacon-blockers { border-left: 3px solid var(--rz-danger); padding-left: 1.5rem; }
.beacon-editor[b-ltl31l62b9]  .beacon-table-scroll { overflow-x: auto; }
.beacon-editor[b-ltl31l62b9]  table { width: 100%; border-collapse: collapse; font-size: .85rem; }
.beacon-editor[b-ltl31l62b9]  th, .beacon-editor[b-ltl31l62b9]  td { text-align: left; padding: .4rem; border-bottom: 1px solid var(--rz-base-300); overflow-wrap: anywhere; }
@media (max-width: 560px) { .beacon-editor[b-ltl31l62b9]  .beacon-fields { grid-template-columns: 1fr; } }
/* /Components/Pages/BeaconFirmwareEditor.razor.rz.scp.css */
/* Added: 2026-10-08 16:30 - Reserve preview and feedback space; technical errors never move the active controls. */
.firmware-editor[b-f6hot3s4qv]  input[type=file] { max-width: 100%; min-height: 2.5rem; font: inherit; }
.firmware-editor select[b-f6hot3s4qv] { min-height: 2.25rem; padding: .35rem .6rem; font: inherit; color: var(--rz-text-color); border: 1px solid var(--rz-base-300); border-radius: 6px; background: linear-gradient(var(--rz-base-50), var(--rz-base-200)); }
.firmware-summary[b-f6hot3s4qv] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .7rem; margin: .75rem 0; }
.firmware-summary > div[b-f6hot3s4qv] { display: flex; flex-direction: column; gap: .15rem; min-width: 0; }
.firmware-summary span[b-f6hot3s4qv] { font-size: .8rem; color: var(--rz-text-secondary-color); }
.firmware-summary strong[b-f6hot3s4qv] { font-size: .95rem; overflow-wrap: anywhere; }
.firmware-preview[b-f6hot3s4qv] { height: 9rem; overflow-y: auto; align-content: start; }
.firmware-details[b-f6hot3s4qv] { margin-top: .75rem; }
.firmware-details summary[b-f6hot3s4qv] { display: list-item; padding: .4rem .6rem; border-radius: 6px; background: linear-gradient(var(--rz-base-50), var(--rz-base-200)); cursor: pointer; }
.firmware-details dl[b-f6hot3s4qv] { display: grid; grid-template-columns: minmax(7rem, 1fr) minmax(0, 2fr); gap: .4rem .6rem; margin: .6rem 0; font-size: .85rem; }
.firmware-details dd[b-f6hot3s4qv] { margin: 0; overflow-wrap: anywhere; }
.firmware-feedback[b-f6hot3s4qv] { height: 2.75rem; margin-top: .75rem; overflow-y: auto; font-size: .85rem; }
.release-note[b-f6hot3s4qv] { font-size: .85rem; margin: .6rem 0; }
@media (max-width: 480px) {
    .firmware-details dl[b-f6hot3s4qv] { grid-template-columns: minmax(0, 1fr); }
    .firmware-details dd[b-f6hot3s4qv] { margin-bottom: .4rem; }
}
/* /Components/Pages/BeaconWorkspace.razor.rz.scp.css */
/* Added: 2026-10-02 17:20 - Full-width operational surfaces inherit the existing software theme. */
.beacon-workspace[b-j0ghjhtaig] { width: 100%; min-width: 0; font-family: Verdana, sans-serif; }
.beacon-workspace[b-j0ghjhtaig]  h1 { font-size: 1.35rem; margin: 0; }
.beacon-workspace[b-j0ghjhtaig]  h2 { font-size: 1.05rem; margin: .8rem 0 .4rem; }
.beacon-workspace[b-j0ghjhtaig]  h3 { font-size: 1rem; }
.beacon-workspace[b-j0ghjhtaig]  .mp-page-header, .beacon-actions[b-j0ghjhtaig], .beacon-tabs[b-j0ghjhtaig], .beacon-workspace[b-j0ghjhtaig]  .beacon-toolbar { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
.beacon-workspace[b-j0ghjhtaig]  .mp-page-header { justify-content: space-between; }
.beacon-tabs[b-j0ghjhtaig] { border-bottom: 1px solid var(--rz-base-300); margin: .65rem 0; }
.beacon-tabs[b-j0ghjhtaig]  a { padding: .4rem .6rem; color: var(--rz-text-color); text-decoration: none; }
.beacon-tabs[b-j0ghjhtaig]  a.active { border-bottom: 3px solid var(--rz-primary); font-weight: bold; }
.beacon-notice[b-j0ghjhtaig] { border-left: 3px solid var(--rz-warning); padding: .4rem .65rem; margin: .5rem 0; font-size: .85rem; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-toolbar { margin: .5rem 0; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-toolbar label { display: flex; gap: .4rem; align-items: center; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-status { font-size: .85rem; margin: .45rem 0; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-grid { width: 100%; min-width: 0; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-grid .rz-cell-data { overflow-wrap: anywhere; white-space: normal; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-metadata { display: grid; grid-template-columns: minmax(8rem, 12rem) minmax(0, 1fr); gap: .4rem .8rem; margin: .65rem 0; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-metadata dd { margin: 0; overflow-wrap: anywhere; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-blockers { border-left: 3px solid var(--rz-danger); padding-left: 1.5rem; }
.beacon-workspace[b-j0ghjhtaig]  .beacon-blockers li { overflow-wrap: anywhere; }
@media (max-width: 640px) {
    .beacon-workspace[b-j0ghjhtaig]  .mp-page-header { align-items: flex-start; }
    .beacon-workspace[b-j0ghjhtaig]  .beacon-toolbar { align-items: stretch; }
    .beacon-workspace[b-j0ghjhtaig]  .beacon-toolbar label { flex-wrap: wrap; }
    .beacon-workspace[b-j0ghjhtaig]  .beacon-metadata { grid-template-columns: 1fr; gap: .2rem; }
}
/* /Components/Pages/BudgetEditor.razor.rz.scp.css */
/* Added: 2026-09-30 11:30 - Month fields wrap without shrinking text and category selections stay in a bounded list. */
.budget-month-row[b-1f0m8z5cgr] { display: flex; flex-wrap: wrap; gap: .75rem; }
.budget-month-row label[b-1f0m8z5cgr] { display: flex; flex-direction: column; gap: .25rem; flex: 1 1 12rem; min-width: 0; }
.budget-label[b-1f0m8z5cgr] { display: flex; align-items: center; gap: .25rem; }
.budget-categories[b-1f0m8z5cgr] { border: 0; padding: 0; min-width: 0; }
.budget-categories legend[b-1f0m8z5cgr] { float: none; font-size: 1rem; margin-bottom: .25rem; }
.budget-categories > input[b-1f0m8z5cgr] { width: 100%; }
/* Added: 2026-10-01 10:30 - Each checkbox and label stays together as a wrapping category pill. */
.budget-category-list[b-1f0m8z5cgr] { display: flex; flex-wrap: wrap; align-content: flex-start; gap: .5rem; max-height: 14rem; overflow-y: auto; margin-block: .5rem; padding: .2rem; }
.budget-category-pill[b-1f0m8z5cgr] { display: inline-flex; align-items: center; gap: .4rem; max-width: 100%; margin: 0; padding: .35rem .65rem; border: 1px solid var(--rz-base-400); border-radius: 1rem; background: var(--rz-base-100); color: var(--rz-text-color); cursor: pointer; line-height: 1.4; }
.budget-category-pill input[b-1f0m8z5cgr] { flex: 0 0 auto; margin: 0; accent-color: var(--rz-primary); }
.budget-category-pill span[b-1f0m8z5cgr] { min-width: 0; overflow-wrap: anywhere; }
.budget-category-pill:has(input:checked)[b-1f0m8z5cgr] { border-color: var(--rz-primary); background: var(--rz-primary-lighter); }
.budget-category-pill:has(input:focus-visible)[b-1f0m8z5cgr] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
.budget-category-pill:has(input:disabled)[b-1f0m8z5cgr] { cursor: default; }
.budget-editor [role=alert][b-1f0m8z5cgr] { color: var(--rz-danger); overflow-wrap: anywhere; }
.budget-editor[b-1f0m8z5cgr]  .validation-summary-errors { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/BudgetHistoryPanel.razor.rz.scp.css */
/* Added: 2026-09-30 11:00 - Compact, unframed monthly comparisons share the report surface. */
.budget-history[b-ygex2eomhq] { margin-top: 1rem; border-top: 1px solid var(--mp-line); padding-top: .75rem; min-width: 0; }
.budget-history-header[b-ygex2eomhq] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: .5rem; }
.budget-history-header h2[b-ygex2eomhq] { font-size: 1rem; margin: 0; }
.budget-history-header[b-ygex2eomhq]  [data-testid="budget-history-selection"] { width: 18rem; max-width: 100%; }
.budget-history-chart[b-ygex2eomhq] { height: 280px; min-width: 0; }
.budget-history-chart[b-ygex2eomhq]  .rz-chart { height: 100%; }
.budget-history[b-ygex2eomhq]  .mp-num { text-align: right; font-variant-numeric: tabular-nums; }
.budget-history[b-ygex2eomhq]  .rz-grid-table { min-width: 54rem; }
@media (max-width: 600px) { .budget-history-chart[b-ygex2eomhq] { height: 230px; } }
/* /Components/Pages/Budgets.razor.rz.scp.css */
/* Added: 2026-09-30 11:30 - Keep monthly progress readable and secondary details accessible on narrow grids. */
.budgets-page[b-djh7u76yih] { min-width: 0; }
.budgets-controls[b-djh7u76yih] { display: flex; align-items: end; gap: .5rem; margin-block: .75rem; }
.budgets-controls label[b-djh7u76yih] { display: flex; flex-direction: column; gap: .25rem; }
.budget-name[b-djh7u76yih] { overflow-wrap: anywhere; }
.budget-progress[b-djh7u76yih] { display: flex; align-items: center; flex-wrap: wrap; gap: .35rem; }
.budget-progress progress[b-djh7u76yih] { width: 6rem; max-width: 100%; height: .6rem; accent-color: var(--rz-primary); }
.budget-progress small[b-djh7u76yih] { white-space: normal; }
.budget-over[b-djh7u76yih] { display: block; color: var(--rz-danger); white-space: normal; }
.budget-mobile-detail[b-djh7u76yih] { display: none; }
/* Added: 2026-10-01 10:30 - Distinct full category paths retain their boundaries when a grid cell wraps. */
.budget-category-pills[b-djh7u76yih] { display: flex; flex-wrap: wrap; gap: .3rem; padding-block: .15rem; }
.budget-category-pill[b-djh7u76yih] { display: inline-block; max-width: 100%; padding: .15rem .5rem; border: 1px solid var(--rz-base-300); border-radius: 1rem; background: var(--rz-base-100); color: var(--rz-text-color); white-space: normal; overflow-wrap: anywhere; line-height: 1.4; }
.budgets-page[b-djh7u76yih]  .budgets-filter-active { box-shadow: inset 0 -3px var(--rz-primary); }
.budgets-page[b-djh7u76yih]  .rz-grid-table { min-width: 64rem; }
.budgets-page[b-djh7u76yih]  .rz-column-title { padding-inline: 0; }
@media (max-width: 760px) {
    .budgets-page[b-djh7u76yih]  .planning-actions { width: 100%; flex-wrap: wrap; }
    .budgets-page[b-djh7u76yih]  .mp-grid-search { flex: 1 1 8rem; min-width: 0; }
    .budgets-page[b-djh7u76yih]  .rz-grid-table { min-width: 0; table-layout: fixed; width: 100%; }
    .budgets-page[b-djh7u76yih]  .budget-secondary,
    .budgets-page[b-djh7u76yih]  col:nth-child(n+3):nth-child(-n+7) { display: none; }
    .budgets-page[b-djh7u76yih]  col:first-child { width: 2.75rem !important; }
    .budgets-page[b-djh7u76yih]  col:last-child { width: 9rem !important; }
    .budgets-page[b-djh7u76yih]  .rz-grid-filter-icon { display: none; }
    .budgets-page[b-djh7u76yih]  td, .budgets-page[b-djh7u76yih]  th { padding-inline: .2rem; white-space: normal; }
    .budgets-page[b-djh7u76yih]  .rz-column-title { white-space: normal; }
    .budget-mobile-detail[b-djh7u76yih] { display: block; white-space: normal; overflow-wrap: anywhere; }
}
/* /Components/Pages/BugIssueEditor.razor.rz.scp.css */
/* Added: 2026-10-05 20:00 - Unframed editor sections and contained plain text keep desktop and phone dialogs usable. */
.bug-editor[b-wi1hozfbz9] { min-width: 0; }
.bug-editor-heading[b-wi1hozfbz9], .bug-merge-state[b-wi1hozfbz9] { display: flex; align-items: center; justify-content: space-between; gap: .5rem; }
.bug-editor h2[b-wi1hozfbz9] { font-size: 1.15rem; margin-block: .25rem; }
.bug-editor h3[b-wi1hozfbz9] { font-size: 1rem; margin-block: .75rem; }
.bug-title[b-wi1hozfbz9], .bug-metadata[b-wi1hozfbz9], .bug-target-selection[b-wi1hozfbz9] { overflow-wrap: anywhere; }
.bug-metadata[b-wi1hozfbz9] { font-size: .875rem; margin-bottom: .75rem; }
.bug-fields[b-wi1hozfbz9] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; border: 0; padding: 0; margin: 0; min-width: 0; }
.bug-fields label[b-wi1hozfbz9] { display: grid; gap: .25rem; min-width: 0; }
.bug-full-width[b-wi1hozfbz9] { grid-column: 1 / -1; }
.bug-fields[b-wi1hozfbz9]  input, .bug-fields[b-wi1hozfbz9]  select, .bug-fields[b-wi1hozfbz9]  textarea { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: .4rem; border: 1px solid var(--rz-base-400); border-radius: 4px; background: var(--rz-input-background-color, white); color: var(--rz-text-color); }
.bug-fields[b-wi1hozfbz9]  textarea { resize: vertical; min-height: 6rem; }
.bug-actions[b-wi1hozfbz9] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; margin-top: .75rem; }
.bug-actions[b-wi1hozfbz9]  button { max-width: 100%; }
.bug-reports[b-wi1hozfbz9], .bug-admin-actions[b-wi1hozfbz9] { border-top: 1px solid var(--rz-base-300); margin-top: 1rem; padding-top: .5rem; }
.bug-report-list[b-wi1hozfbz9] { min-height: 2rem; }
.bug-report[b-wi1hozfbz9] { border-bottom: 1px solid var(--rz-base-300); padding-block: .5rem; overflow-wrap: anywhere; }
.bug-report summary[b-wi1hozfbz9] { cursor: pointer; }
.bug-report dl[b-wi1hozfbz9] { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: .35rem .75rem; font-size: .875rem; }
.bug-report dt[b-wi1hozfbz9] { font-weight: 600; }
.bug-report dd[b-wi1hozfbz9] { margin: 0; min-width: 0; }
.bug-prose[b-wi1hozfbz9] { white-space: pre-wrap; }
.bug-target-selection[b-wi1hozfbz9] { min-height: 2rem; padding-block: .5rem; }
.bug-editor[b-wi1hozfbz9]  .bug-targets { margin-top: .5rem; }
.bug-editor[b-wi1hozfbz9]  .bug-targets .rz-cell-data { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 600px) {
    .bug-fields[b-wi1hozfbz9] { grid-template-columns: minmax(0, 1fr); }
    .bug-report dl[b-wi1hozfbz9] { grid-template-columns: minmax(0, 1fr); }
    .bug-report dd[b-wi1hozfbz9] { margin-bottom: .5rem; }
    .bug-merge-state[b-wi1hozfbz9] { flex-wrap: wrap; }
}
/* /Components/Pages/BugReportWindow.razor.rz.scp.css */
/* Added: 2026-10-05 22:20 - A small standalone window uses the same form with no navigation chrome. */
/* Added: 2026-10-09 11:09 - Enlarging a reporting window expands the form instead of leaving it in a narrow fixed-width column. */
/* Added: 2026-10-09 12:07 - Bound the header and reporting form to the available window height. */
.bug-report-window[b-zgyyj65zdq] { display: flex; flex-direction: column; width: 100%; height: 100%; box-sizing: border-box; padding: 1rem; min-width: 0; min-height: 0; }
.bug-report-window h1[b-zgyyj65zdq] { flex-shrink: 0; font-size: 1rem; margin: 0 0 1rem; color: var(--rz-text-secondary-color); }
@media (max-width: 600px) { .bug-report-window[b-zgyyj65zdq] { padding: .75rem; } }
/* /Components/Pages/BugRetentionEditor.razor.rz.scp.css */
/* Added: 2026-10-05 20:00 - Stable settings geometry; notifications are handled by the existing floating toast host. */
.bug-retention-form[b-8ofhwdj501] { display: grid; grid-template-columns: minmax(5rem, 10rem) auto; align-items: end; gap: .5rem; max-width: 35rem; margin-block: 1rem; }
.bug-retention-form label[b-8ofhwdj501] { grid-column: 1 / -1; }
.bug-retention-form[b-8ofhwdj501]  input { width: 100%; min-width: 0; min-height: 2.25rem; box-sizing: border-box; font: inherit; }
.bug-retention-actions[b-8ofhwdj501] { display: flex; gap: .5rem; flex-wrap: wrap; }
@media (max-width: 400px) {
    .bug-retention-form[b-8ofhwdj501] { grid-template-columns: minmax(0, 1fr); }
}
/* /Components/Pages/CashFlow.razor.rz.scp.css */
.cash-flow-page[b-dl69ekv986] { --cash-date-width: 6.5rem; --cash-money-width: 8rem; --cash-action-width: 6rem; --cash-action-size: 2.25rem; min-width: 0; }
/* Added: 2026-09-15 17:30 - Cash Flow shares the application palette without changing its dense chart/register arrangement. */
.cash-flow-page[b-dl69ekv986]  .mp-page-header .rz-text-h4,
.cash-flow-page[b-dl69ekv986]  .mp-page-header .mp-page-actions { flex: 0 1 auto; min-width: 0; }
.cash-flow-controls[b-dl69ekv986] { display: flex; flex-wrap: wrap; align-items: end; gap: .65rem 1rem; padding-block: .6rem .85rem; border-bottom: 1px solid var(--mp-line); }
.cash-flow-controls label[b-dl69ekv986] { display: flex; flex-direction: column; gap: .35rem; min-width: 0; font-size: .86rem; color: var(--mp-muted); }
.cash-flow-controls label:first-child[b-dl69ekv986] { flex: 1 1 200px; max-width: 340px; }
.cash-flow-lookback[b-dl69ekv986] { max-width: 12rem; }
.cash-flow-lookback[b-dl69ekv986]  input { width: 7rem; }
.cash-flow-lookback .cash-flow-error[b-dl69ekv986] { margin: 0; }
/* Added: 2026-09-15 23:40 - Native period fields share Software's input treatment with the account picker. */
.cash-flow-controls select[b-dl69ekv986], .cash-flow-controls[b-dl69ekv986]  input { height: 38px; max-width: 100%; min-width: 0; padding: .35rem .6rem; border: var(--rz-input-border); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); background: var(--rz-input-background-color); color: var(--rz-input-value-color); font-family: var(--mp-font); font-size: 1rem; }
.cash-flow-controls select:disabled[b-dl69ekv986], .cash-flow-controls[b-dl69ekv986]  input:disabled { background: var(--mp-soft); color: var(--mp-muted); }
.cash-flow-controls select:focus-visible[b-dl69ekv986], .cash-flow-controls[b-dl69ekv986]  input:focus-visible { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
/* Added: 2026-09-30 11:00 - Keep the optional checkbox beside its label, outside the date-input styling. */
.cash-flow-controls .cash-budget-option[b-dl69ekv986] { flex-direction: row; align-items: center; height: 38px; gap: .4rem; white-space: nowrap; }
.cash-flow-controls .cash-budget-option input[b-dl69ekv986] { width: 1rem; height: 1rem; padding: 0; box-shadow: none; accent-color: var(--mp-accent); }
.cash-flow-period[b-dl69ekv986] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .4rem 1rem; padding-block: .75rem .25rem; font-size: .85rem; }
.cash-flow-page[b-dl69ekv986]  .cash-flow-register-header { gap: .5rem; margin-top: .65rem; }
.cash-flow-register-header h2[b-dl69ekv986] { font-size: 1rem; margin: 0; }
.cash-flow-actions[b-dl69ekv986] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; }
/* Added: 2026-09-26 22:00 - Day filtering stays explicit without adding a shifting selection banner in the default view. */
.cash-flow-filter-toggle[b-dl69ekv986] { display: inline-flex; align-items: center; gap: .4rem; margin: 0; font-size: .85rem; white-space: nowrap; }
.cash-flow-filter-toggle input[b-dl69ekv986] { accent-color: var(--mp-accent); }
.cash-flow-date-filter[b-dl69ekv986] { display: flex; align-items: center; gap: .5rem; margin-block: .5rem; font-size: .9rem; }
.cash-flow-page[b-dl69ekv986]  .cash-flow-grid { margin: .5rem 0 0; }
.cash-flow-page[b-dl69ekv986]  .cash-flow-grid .rz-grid-table { min-width: 0; width: 100%; table-layout: fixed; }
.cash-flow-page[b-dl69ekv986]  .cash-flow-grid .mp-num .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
/* Added: 2026-10-07 15:00 - Reserve both occurrence targets without changing column widths during dialogs or refreshes. */
.cash-occurrence-actions[b-dl69ekv986] { display: flex; flex-wrap: nowrap; align-items: center; gap: .25rem; }
.cash-occurrence-actions[b-dl69ekv986]  .rz-button { width: var(--cash-action-size); min-width: var(--cash-action-size); height: var(--cash-action-size); flex: 0 0 var(--cash-action-size); padding: 0; }
.cash-occurrence-actions[b-dl69ekv986]  .rz-button:focus-visible { outline: 2px solid var(--mp-accent); outline-offset: 1px; }
.cash-flow-page[b-dl69ekv986]  .cash-flow-selected > td { background: var(--mp-accent-soft) !important; border-bottom-color: var(--mp-accent); }
.cash-flow-payee[b-dl69ekv986] { display: block; max-width: 100%; padding: 0; background: none; color: inherit; border: 0; font: inherit; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; }
.cash-flow-payee:focus-visible[b-dl69ekv986] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.cash-overdue[b-dl69ekv986], .cash-scheduled[b-dl69ekv986] { display: block; font-size: .8rem; line-height: 1.35; color: var(--mp-muted); }
.cash-overdue[b-dl69ekv986] { color: var(--mp-debit); }
.cash-flow-balances[b-dl69ekv986] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; padding: .75rem .6rem; background: var(--mp-soft); border-block: 1px solid var(--mp-line); font-size: 1rem; }
.cash-flow-balances strong[b-dl69ekv986] { margin-left: .5rem; font-variant-numeric: tabular-nums; }
.cash-flow-selection[b-dl69ekv986] { display: flex; align-items: center; gap: .75rem; margin-block: .5rem; min-width: 0; }
.cash-flow-selection[b-dl69ekv986]  .rz-button { flex: 0 0 auto; }
.cash-flow-selection > span[b-dl69ekv986] { min-width: 0; overflow-wrap: anywhere; font-size: .85rem; }
.cash-flow-error[b-dl69ekv986] { color: var(--mp-debit); margin-block: .75rem; }
@media (max-width: 600px) {
    .cash-flow-page[b-dl69ekv986] { --cash-date-width: 58px; --cash-money-width: 83px; --cash-action-width: 6.75rem; --cash-action-size: 2.75rem; }
    .cash-flow-page[b-dl69ekv986]  .cash-flow-grid .rz-grid-table { min-width: 30rem; }
    .cash-flow-controls[b-dl69ekv986] { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: .5rem; }
    .cash-flow-controls label:first-child[b-dl69ekv986] { max-width: none; }
    .cash-flow-lookback[b-dl69ekv986]  input { width: 100%; }
    .cash-flow-page[b-dl69ekv986]  .cash-edit { width: 0 !important; padding: 0 !important; overflow: hidden; }
    .cash-flow-page[b-dl69ekv986]  .cash-edit > * { display: none; }
    .cash-flow-page[b-dl69ekv986]  .cash-flow-grid col:first-child { width: 0 !important; }
    .cash-flow-page[b-dl69ekv986]  .cash-flow-grid .rz-grid-table td { padding-inline: 4px; }
    .cash-flow-page[b-dl69ekv986]  .cash-flow-grid .rz-grid-table th { padding-inline: 4px; }
    .cash-flow-page[b-dl69ekv986]  .cash-flow-grid .rz-sortable-column-icon { font-size: 12px; width: 12px; margin-inline: 1px; }
    .cash-flow-register-header h2[b-dl69ekv986] { flex: 1 1 100%; }
    .cash-flow-actions[b-dl69ekv986] { width: 100%; }
    .cash-flow-filter-toggle[b-dl69ekv986] { flex: 0 0 100%; }
    .cash-flow-actions[b-dl69ekv986]  .mp-grid-search { min-width: 0; flex: 1; }
}
@media (pointer: coarse) {
    .cash-flow-page[b-dl69ekv986] { --cash-action-width: 6.75rem; --cash-action-size: 2.75rem; }
}
/* /Components/Pages/CashFlowChart.razor.rz.scp.css */
/* Added: 2026-09-15 17:30 - Keep the teal chart unframed, with a stable inspection strip and theme-aligned guide. */
.cash-chart-surface[b-hcvm1qdlk1] { min-width: 0; background: var(--mp-surface); }
.cash-chart[b-hcvm1qdlk1] { display: block; position: relative; height: 360px; min-width: 0; }
.cash-chart-cursor[b-hcvm1qdlk1] { position: absolute; width: 0; border-left: 1px dashed var(--mp-ink); box-shadow: 1px 0 0 #ffffff80; pointer-events: none; z-index: 1; }
/* Added: 2026-09-09 13:35. A solid guide identifies the selected day; pointer tracking remains dashed. */
.cash-chart-cursor[data-pinned="true"][b-hcvm1qdlk1] { border-left: 2px solid var(--mp-accent-strong); }
.cash-chart[b-hcvm1qdlk1]  .rz-chart { height: 100%; }
/* Added: 2026-10-07 23:48. Only recolor the balance area; retain Radzen's path, outline, tooltip border and dashed budget line. */
.cash-chart[b-hcvm1qdlk1]  .rz-area-series > path[stroke="none"] { fill: var(--cash-flow-area-fill, #66b5b0); }
.cash-chart[b-hcvm1qdlk1]  svg text { font-family: var(--mp-font); font-size: 12px; fill: var(--mp-muted); }
.cash-day-inspector[b-hcvm1qdlk1] { display: flex; align-items: center; justify-content: center; gap: .75rem; min-height: 44px; padding: .3rem; border-block: 1px solid var(--mp-line-soft); }
.cash-day-inspector > span[b-hcvm1qdlk1] { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1rem; text-align: center; }
.cash-day-inspector strong[b-hcvm1qdlk1] { font-variant-numeric: tabular-nums; }
.cash-day-inspector[b-hcvm1qdlk1] { flex-wrap: wrap; }
.cash-budget-inspection[b-hcvm1qdlk1] { font-size: .85rem; }
.cash-budget-legend[b-hcvm1qdlk1] { display: flex; justify-content: center; gap: 1.25rem; font-size: .8rem; padding-top: .4rem; }
.cash-budget-legend span[b-hcvm1qdlk1]::before { content: ""; display: inline-block; width: 1.4rem; border-top: 2px solid #303a37; margin-right: .4rem; vertical-align: middle; }
.cash-budget-legend span:last-child[b-hcvm1qdlk1]::before { border-top: 2px dashed #226d4f; }
.cash-day-inspector:focus-visible[b-hcvm1qdlk1] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
@media (max-width: 600px) {
    .cash-chart[b-hcvm1qdlk1] { height: 280px; }
}
/* /Components/Pages/Categories.razor.rz.scp.css */
/* Added: 2026-09-23 00:30 - Origin badges inherit the compact grid's Verdana typography and stay on the label baseline. */
.mp-category-kind[b-nbwppsph8z] {
    display: inline-block;
    margin-inline-start: 0.5rem;
    padding: 0 0.25rem;
    border: 1px solid var(--mp-border);
    border-radius: 3px;
    color: var(--mp-muted);
    font-size: 0.65rem;
    line-height: 1.2;
    vertical-align: baseline;
}
/* /Components/Pages/CategoryHistoryMatrix.razor.rz.scp.css */
/* Added: 2026-10-01 18:40 - Keep the month matrix scrollable within the phone viewport. */
.category-history-scroll[b-ac9tls32s8] { overflow-x: auto; max-width: 100%; margin: .8rem 0 1.2rem; border: 1px solid var(--mp-line); }
table[b-ac9tls32s8] { border-collapse: collapse; width: 100%; font-family: Verdana, sans-serif; font-size: .85rem; font-variant-numeric: tabular-nums; }
th[b-ac9tls32s8], td[b-ac9tls32s8] { padding: .5rem .65rem; border-bottom: 1px solid var(--mp-line); white-space: nowrap; text-align: right; min-width: 110px; }
th:first-child[b-ac9tls32s8] { text-align: left; min-width: 210px; max-width: 280px; white-space: normal; overflow-wrap: anywhere; }
thead[b-ac9tls32s8], tfoot[b-ac9tls32s8] { background: var(--mp-surface-alt, #edf2f3); }
tbody th[b-ac9tls32s8] { background: var(--mp-surface, white); }
button[b-ac9tls32s8] { font: inherit; color: inherit; cursor: pointer; width: 100%; padding: .25rem; border: 1px solid transparent; border-radius: 3px; background: transparent; text-align: right; }
button:hover[b-ac9tls32s8], button:focus-visible[b-ac9tls32s8] { background: #fff; border-color: #287b63; outline-offset: 2px; }
.total[b-ac9tls32s8], tfoot[b-ac9tls32s8] { font-weight: bold; }
/* /Components/Pages/CategorySymbol.razor.rz.scp.css */
/* Added: 2026-09-23 00:30 - Keep symbols within the existing compact row height and reserve a fixed inline slot. */
.mp-category-icon[b-1o6u9cusc3] {
    display: inline-block;
    width: 16px;
    height: 16px;
    flex: 0 0 16px;
    margin-inline-end: 0.3rem;
    font-size: 16px;
    line-height: 1;
    vertical-align: -0.15em;
    overflow: hidden;
}

.mp-category-icon[b-1o6u9cusc3]::before {
    content: attr(data-icon);
}
/* /Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-73fn5gy8ec] { max-width: 1100px; }
.contact-layout[b-73fn5gy8ec] { display: grid; grid-template-columns: minmax(0, 1fr) 250px; gap: 2.5rem; padding-bottom: 2rem; }
.contact-layout h2[b-73fn5gy8ec] { font-size: 1.25rem; margin-bottom: 1rem; }
.contact-layout section[b-73fn5gy8ec], .contact-layout aside[b-73fn5gy8ec] { min-width: 0; }
.contact-layout aside[b-73fn5gy8ec] { border-left: 1px solid var(--rz-base-300); padding-left: 1.5rem; }
.contact-layout address[b-73fn5gy8ec] { line-height: 1.8; }
.contact-layout[b-73fn5gy8ec]  .contact-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.05rem 1.2rem; }
.contact-field[b-73fn5gy8ec] { display: grid; align-content: start; gap: .45rem; min-width: 0; }
.contact-layout[b-73fn5gy8ec]  .contact-field-full, .contact-field-full[b-73fn5gy8ec], .contact-layout[b-73fn5gy8ec]  .validation-summary-errors { grid-column: 1 / -1; }
.contact-layout[b-73fn5gy8ec]  .contact-message { min-height: 11rem; resize: vertical; }
.contact-layout[b-73fn5gy8ec]  .validation-message { color: var(--rz-danger); }
.contact-actions[b-73fn5gy8ec] { display: flex; justify-content: flex-end; }
.contact-actions button[b-73fn5gy8ec] { display: inline-flex; align-items: center; gap: .5rem; }
.contact-success[b-73fn5gy8ec] { color: var(--rz-success-dark); }
.contact-layout[b-73fn5gy8ec]  .entry-captcha-input { border: 1px solid var(--rz-base-300); border-radius: 4px; padding: .5rem; font: inherit; }
.contact-layout[b-73fn5gy8ec]  .entry-captcha-refresh { white-space: nowrap; min-width: max-content; }
@media (max-width: 1000px) {
    .contact-layout[b-73fn5gy8ec] { grid-template-columns: minmax(0, 1fr); }
    .contact-layout aside[b-73fn5gy8ec] { border-left: 0; border-top: 1px solid var(--rz-base-300); padding: 1.5rem 0 0; }
}
@media (max-width: 720px) {
    .contact-layout[b-73fn5gy8ec]  .contact-form { grid-template-columns: minmax(0, 1fr); }
    .contact-actions button[b-73fn5gy8ec] { width: 100%; justify-content: center; }
}
/* /Components/Pages/CsvAliasEditor.razor.rz.scp.css */
/* Added: 2026-09-22 09:15 - Keep the parent-owned 560px modal compact and reserve space for inline validation. */
.csv-alias-editor[b-8u8mwuevqs] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.csv-alias-editor[b-8u8mwuevqs]  .rz-form-field { width: 100%; min-width: 0; }
.csv-alias-editor[b-8u8mwuevqs]  input, .csv-alias-editor[b-8u8mwuevqs]  select { min-width: 0; max-width: 100%; }
.csv-alias-editor[b-8u8mwuevqs]  .mp-editor-footer { flex-wrap: wrap !important; }
.csv-alias-source[b-8u8mwuevqs] { max-height: 4.5rem; overflow: auto; overflow-wrap: anywhere; }
.csv-alias-current[b-8u8mwuevqs] { border-top: 1px solid var(--rz-base-300, #d6d6d6); padding-top: 0.5rem; overflow-wrap: anywhere; }
.csv-alias-errors[b-8u8mwuevqs] { height: 4.5rem; overflow: auto; overflow-wrap: anywhere; color: var(--rz-danger, #a2251b); }
.csv-alias-errors[b-8u8mwuevqs]  ul { margin: 0; padding-inline-start: 1.25rem; }
/* /Components/Pages/CsvImport.razor.rz.scp.css */
.csv-import[b-hb8cdpe89u] { min-width: 0; overflow-wrap: anywhere; }
.csv-import nav[b-hb8cdpe89u] { margin-bottom: 1rem; }
.csv-import h2[b-hb8cdpe89u] { font-size: 1.1rem; margin-block: 1rem .5rem; }
.csv-settings[b-hb8cdpe89u] { border: 0; padding: 0; min-width: 0; }
.csv-fields[b-hb8cdpe89u] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: .75rem; }
.csv-fields input[b-hb8cdpe89u], .csv-fields select[b-hb8cdpe89u] { width: 100%; min-width: 0; min-height: 2rem; }
.csv-fields label[b-hb8cdpe89u] { min-width: 0; }
.csv-options[b-hb8cdpe89u], .csv-actions[b-hb8cdpe89u] { display: flex; flex-wrap: wrap; gap: .75rem; align-items: center; margin-block: .75rem; }
.csv-import details[b-hb8cdpe89u] { margin-block: .75rem; }
.csv-warning[b-hb8cdpe89u] { border-left: 3px solid #ad6700; padding-left: .75rem; }
.csv-setup-feedback[b-hb8cdpe89u] { box-sizing: border-box; height: 5rem; overflow: auto; margin-top: .5rem; color: var(--mp-muted); font-size: .85rem; }
.csv-setup-feedback p[b-hb8cdpe89u] { margin: 0 0 .3rem; }
/* Added: 2026-10-04 22:00 - Saving, recognition and retry notices cannot move the user's mapping controls. */
.csv-draft-status[b-hb8cdpe89u] { display: flex; gap: .4rem; align-items: center; height: 2.8rem; margin-bottom: .5rem; }
.csv-draft-status > span[b-hb8cdpe89u] { width: min(24rem, 100%); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.csv-message[b-hb8cdpe89u] { height: 2.6rem; overflow: auto; margin-block: .4rem; font-size: .9rem; }
.csv-mapping-panel[b-hb8cdpe89u] { border-block: 1px solid var(--rz-base-300); padding-block: .5rem; }
.csv-mapping-panel > summary[b-hb8cdpe89u] { cursor: pointer; }
.csv-mapping-panel .csv-fields[b-hb8cdpe89u] { margin-top: .75rem; }
.csv-resume-panel[b-hb8cdpe89u] { padding-block: .5rem 1rem; }
.csv-draft-row[b-hb8cdpe89u] { display: flex; align-items: center; gap: .5rem; min-height: 2.8rem; }
.csv-draft-row > span[b-hb8cdpe89u] { flex: 1; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.csv-setup-feedback input[type=checkbox][b-hb8cdpe89u] { width: auto; min-height: 0; }
/* /Components/Pages/CsvImportReview.razor.rz.scp.css */
.csv-review[b-511xgx8svc] { min-width: 0; overflow-wrap: anywhere; }
.csv-review h2[b-511xgx8svc] { font-size: 1.1rem; margin-block: 1rem .5rem; }
.csv-review h3[b-511xgx8svc] { font-size: 1rem; margin-block: 1rem .5rem; }
.csv-review[b-511xgx8svc]  select, .csv-review[b-511xgx8svc]  input:not([type=checkbox]) { width: 100%; min-width: 0; min-height: 2rem; font: inherit; }
.csv-review[b-511xgx8svc]  label { white-space: normal; }
.csv-clear-notice[b-511xgx8svc] { border-left: 3px solid #ad6700; padding: .5rem .75rem; }
.csv-review-actions[b-511xgx8svc] { display: flex; flex-wrap: wrap; gap: .75rem; margin-block: 1rem; align-items: center; }
.csv-review-actions label[b-511xgx8svc], .csv-review-actions p[b-511xgx8svc] { flex: 1 1 100%; margin: 0; }

/* Added: 2026-09-22 09:20 - Feedback occupies a stable area while mappings and blockers change. */
.csv-submission-feedback[b-511xgx8svc] { box-sizing: border-box; height: 5.5rem; overflow: auto; padding: .5rem .65rem; border-left: 3px solid var(--mp-line); background: var(--rz-base-100); color: var(--mp-text); width: 100%; }
.csv-submission-feedback ul[b-511xgx8svc] { margin: .3rem 0 0; padding-left: 1.2rem; }
.csv-review-toolbar[b-511xgx8svc] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .5rem; }
.csv-view-summary[b-511xgx8svc] { height: 2.6rem; overflow: auto; font-size: .85rem; font-variant-numeric: tabular-nums; }
.csv-group-feedback[b-511xgx8svc] { height: 3rem; overflow: auto; }
.csv-group-feedback[b-511xgx8svc], .csv-review[b-511xgx8svc]  .csv-row-blocker { color: var(--mp-debit); font-size: .8rem; margin-top: .35rem; }
.csv-rule-summary[b-511xgx8svc], .csv-rule-result[b-511xgx8svc] { margin-top: .4rem; font-size: .8rem; overflow-wrap: anywhere; }
.csv-rule-result span[b-511xgx8svc] { display: block; }
.csv-review[b-511xgx8svc]  .csv-resolution-grid label { display: block; margin-top: .4rem; }
.csv-review[b-511xgx8svc]  .rz-data-grid { max-width: 100%; }
@media (max-width: 600px) {
    .csv-submission-feedback[b-511xgx8svc] { height: 7rem; }
    .csv-review-actions[b-511xgx8svc]  .rz-button { width: 100%; }
}

/* Added: 2026-09-09 18:00. CSV editors and expanded details must grow beyond the compact theme's single-line cells. */
.csv-review[b-511xgx8svc]  .csv-resolution-grid tbody td,
.csv-review[b-511xgx8svc]  .csv-transaction-grid tbody td,
.csv-review[b-511xgx8svc]  .csv-resolution-grid .rz-cell-data,
.csv-review[b-511xgx8svc]  .csv-transaction-grid .rz-cell-data {
    height: auto;
    max-height: none;
    overflow: visible;
    white-space: normal;
    text-overflow: clip;
    vertical-align: top;
}
.csv-review[b-511xgx8svc]  .csv-resolution-grid .rz-cell-data,
.csv-review[b-511xgx8svc]  .csv-transaction-grid .rz-cell-data { display: block; }
.csv-review[b-511xgx8svc]  .csv-payee-editor { display: grid; gap: .35rem; min-width: 0; }
.csv-review[b-511xgx8svc]  .csv-row-choices { display: flex; flex-wrap: wrap; gap: .35rem .6rem; margin-bottom: .35rem; }
.csv-review[b-511xgx8svc]  .csv-row-choices label { display: inline-flex; gap: .25rem; align-items: center; }
.csv-review[b-511xgx8svc]  .csv-row-details { margin-top: .35rem; }
.csv-review[b-511xgx8svc]  .csv-row-details summary { cursor: pointer; }
.csv-review[b-511xgx8svc]  .csv-row-details dl { margin: .5rem 0 0; }
.csv-review[b-511xgx8svc]  .csv-row-details dt { font-weight: 600; }
.csv-review[b-511xgx8svc]  .csv-row-details dd { margin: 0 0 .5rem; overflow-wrap: anywhere; }
.csv-review[b-511xgx8svc]  .mp-grid-compact nav.rz-pager > .rz-dropdown { width: 5rem; min-width: 5rem; max-width: 5rem; }

/* Added: 2026-10-04 17:00 - Reserve review, rule and row feedback geometry through automatic review and validation. */
.csv-totals[b-511xgx8svc] { height: 3rem; overflow: auto; font-variant-numeric: tabular-nums; margin-bottom: .5rem; }
.csv-clear-notice[b-511xgx8svc] { box-sizing: border-box; height: 3.5rem; overflow: auto; margin-block: .5rem; }
.csv-view-switch[b-511xgx8svc] { display: inline-flex; flex-wrap: wrap; gap: 0; }
.csv-view-switch button[b-511xgx8svc] { min-height: 2rem; padding: .3rem .6rem; border: 1px solid var(--mp-line); background: var(--rz-base-100); color: var(--mp-text); font: inherit; }
.csv-view-switch button[aria-pressed=true][b-511xgx8svc] { background: var(--rz-primary); color: var(--rz-on-primary); }
.csv-view-switch button:focus-visible[b-511xgx8svc], .csv-reveal:focus-visible[b-511xgx8svc] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
.csv-review[b-511xgx8svc]  .csv-inactive-field { visibility: hidden; pointer-events: none; }
.csv-review[b-511xgx8svc]  .csv-inline-rule { display: grid; grid-template-columns: 7rem minmax(0, 1fr); gap: .35rem; }
.csv-review[b-511xgx8svc]  input[aria-invalid=true] { border-color: var(--mp-debit); }
.csv-review[b-511xgx8svc]  .csv-rule-summary { box-sizing: border-box; height: 2.8rem; overflow: auto; }
.csv-review[b-511xgx8svc]  .csv-plan-feedback { box-sizing: border-box; height: 3rem; overflow: auto; }
.csv-review[b-511xgx8svc]  .csv-rule-result { margin-top: .2rem; }
.csv-review[b-511xgx8svc]  .csv-rule-details, .csv-review[b-511xgx8svc]  .csv-rule-impact { margin-block: .3rem; font-size: .8rem; }
.csv-review[b-511xgx8svc]  .csv-rule-details summary, .csv-review[b-511xgx8svc]  .csv-rule-impact summary { cursor: pointer; }
.csv-review[b-511xgx8svc]  .csv-rule-detail-body { height: 18rem; overflow: auto; padding-right: .25rem; }
.csv-review[b-511xgx8svc]  .csv-raw-payee { height: 3.3rem; overflow: auto; }
.csv-review[b-511xgx8svc]  .csv-match-message { height: 5rem; overflow: auto; }
.csv-review[b-511xgx8svc]  .csv-rule-impact summary { min-height: 2.4rem; }
.csv-review[b-511xgx8svc]  .csv-rule-impact ul { height: 10rem; overflow: auto; padding-left: 1.2rem; }
.csv-review[b-511xgx8svc]  .csv-saved-identity { overflow-wrap: anywhere; margin-top: .5rem; }
.csv-row-section[b-511xgx8svc] { border-block: 1px solid var(--mp-line); margin-block: .5rem; }
.csv-row-section > summary[b-511xgx8svc] { cursor: pointer; padding: .6rem .25rem; font-weight: 600; font-variant-numeric: tabular-nums; }
.csv-row-section > summary span[b-511xgx8svc] { margin-left: 1rem; white-space: nowrap; }
.csv-reveal[b-511xgx8svc] { padding: .1rem .4rem; border: 0; background: transparent; color: var(--rz-primary); text-align: left; text-decoration: underline; font: inherit; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    .csv-totals[b-511xgx8svc] { height: 5rem; }
    .csv-clear-notice[b-511xgx8svc] { height: 4.5rem; }
    .csv-review-toolbar[b-511xgx8svc] { align-items: stretch; }
    .csv-view-switch[b-511xgx8svc] { flex: 1 1 100%; }
    .csv-view-switch button[b-511xgx8svc] { flex: 1; }
}
/* /Components/Pages/CsvImportRows.razor.rz.scp.css */
/* Added: 2026-10-04 17:00 - Validation and candidate changes occupy reserved row space without moving adjacent controls. */
.csv-inactive-field[b-n5quco3e32] { visibility: hidden; pointer-events: none; }
.csv-row-feedback[b-n5quco3e32] { height: 4rem; overflow: auto; }
.csv-row-payee[b-n5quco3e32], .csv-row-category[b-n5quco3e32] { display: block; height: 2.8rem; overflow: auto; overflow-wrap: anywhere; }
/* /Components/Pages/DebtAdditionalPaymentEditor.razor.rz.scp.css */
/* Added: 2026-10-02 16:40 - Month and money drafts remain readable without viewport-dependent fonts. */
.additional-editor label[b-a6wzlwu2ro] { display: block; }
.additional-editor[b-a6wzlwu2ro]  input:not([type=checkbox]) { display: block; width: 100%; margin-top: .25rem; }
.additional-editor [role=alert][b-a6wzlwu2ro] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtBalanceCheckpointEditor.razor.rz.scp.css */
/* Added: 2026-10-02 16:50 - Keep confirmation dates and amounts fully readable in a compact modal. */
.checkpoint-editor label[b-5sdyg66ebl] { display: flex; flex-direction: column; gap: .25rem; }
.checkpoint-editor[b-5sdyg66ebl]  input { width: 100%; }
.checkpoint-editor dt[b-5sdyg66ebl] { font-weight: normal; font-size: 12px; }
.checkpoint-editor dd[b-5sdyg66ebl] { margin-bottom: .5rem; }
.checkpoint-editor [role=alert][b-5sdyg66ebl] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtBalanceReview.razor.rz.scp.css */
/* Added: 2026-10-02 17:30 - Preserve full lender history while constraining horizontal scrolling to the grid. */
.balance-review[b-ypb5thfewv] { min-width: 0; }
.balance-filters[b-ypb5thfewv] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-bottom: .75rem; }
.balance-review[b-ypb5thfewv]  .rz-grid-table { min-width: 60rem; }
.balance-review[b-ypb5thfewv]  .rz-column-title { white-space: normal; }
.balance-review [role=alert][b-ypb5thfewv] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtEditor.razor.rz.scp.css */
/* Added: 2026-10-02 16:40 - Preserve legible fields in the native modal at narrow viewport widths. */
.debt-editor label[b-10itjblbwk] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.debt-field-row[b-10itjblbwk] { display: flex; gap: .75rem; flex-wrap: wrap; }
.debt-field-row label[b-10itjblbwk] { flex: 1 1 9rem; }
.debt-editor[b-10itjblbwk]  input { width: 100%; }
.debt-editor .debt-check[b-10itjblbwk] { flex-direction: row; align-items: center; }
.debt-check[b-10itjblbwk]  input { width: auto; }
.debt-editor [role=alert][b-10itjblbwk] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtImportEditor.razor.rz.scp.css */
/* Added: 2026-10-02 16:50 - Reviewed imports remain a bounded compact grid rather than a ledger editor. */
.debt-import-editor > label[b-fo8amugm60] { display: block; }
.debt-import-editor[b-fo8amugm60]  textarea { display: block; width: 100%; resize: vertical; margin-block: .25rem .75rem; }
.debt-import-editor[b-fo8amugm60]  .rz-data-grid { margin-block: .75rem; }
.debt-import-editor [role=alert][b-fo8amugm60] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtOrderEditor.razor.rz.scp.css */
/* Added: 2026-10-02 17:40 - All debts retain stable identity while the list order changes. */
.debt-order-list[b-7hvlycvi08] { padding-left: 1.5rem; max-height: 60vh; overflow: auto; }
.debt-order-list li[b-7hvlycvi08] { display: flex; align-items: center; gap: .4rem; border-bottom: 1px solid var(--rz-base-300); padding-block: .4rem; }
.debt-order-list li > span[b-7hvlycvi08] { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.debt-order-list button[draggable][b-7hvlycvi08] { border: 0; background: transparent; color: var(--rz-text-color); cursor: grab; }
.debt-order-editor [role=alert][b-7hvlycvi08] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtPaymentLinksEditor.razor.rz.scp.css */
/* Added: 2026-10-02 17:30 - Candidate records are explicit, paged, and readable on narrow screens. */
.debt-links-editor[b-rzpagtkm1o] { min-width: 0; }
.debt-links-editor h2[b-rzpagtkm1o] { font-size: 16px; }
.debt-links-editor h3[b-rzpagtkm1o] { font-size: 14px; }
.debt-links-editor li[b-rzpagtkm1o] { overflow-wrap: anywhere; }
.link-controls[b-rzpagtkm1o] { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-block: .75rem; }
.link-controls label[b-rzpagtkm1o] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.link-controls[b-rzpagtkm1o]  input, .link-controls[b-rzpagtkm1o]  select { max-width: 100%; }
.debt-links-editor[b-rzpagtkm1o]  .rz-grid-table { min-width: 40rem; }
.debt-links-editor [role=alert][b-rzpagtkm1o] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtPaymentMatrix.razor.rz.scp.css */
/* Added: 2026-10-02 16:10 - The matrix scrolls within its own surface; modes wrap without shrinking labels. */
.matrix-modes[b-ni9k63ee15] { display: flex; flex-wrap: wrap; gap: .25rem; margin-block: .75rem; }
.matrix-modes button[b-ni9k63ee15] { padding: .45rem .65rem; background: transparent; color: var(--rz-text-color); border: 0; border-bottom: 3px solid transparent; }
.matrix-modes button.active[b-ni9k63ee15] { border-bottom-color: var(--rz-primary); font-weight: bold; }
.matrix-panel[b-ni9k63ee15] { min-width: 0; max-width: 100%; }
.matrix-name[b-ni9k63ee15] { display: block; white-space: normal; overflow-wrap: anywhere; }
small[b-ni9k63ee15] { display: block; font-size: 12px; }
.payoff[b-ni9k63ee15] { color: var(--rz-success-dark); }
.matrix-panel[b-ni9k63ee15]  .rz-grid-table { table-layout: fixed; }
/* /Components/Pages/DebtPayoffBurndownChart.razor.rz.scp.css */
/* Added: 2026-10-02 16:00 - Keep a stable, full-width plot and distinguish series without relying on color. */
/* Added: 2026-10-03 03:00 - Scroll the plot locally so phone axis labels retain their readable SVG size. */
.debt-burndown[b-1505bo2b85] { margin: 0; min-width: 0; max-width: 100%; overflow-x: auto; }
.debt-burndown > svg[b-1505bo2b85] { display: block; width: 100%; min-width: 760px; max-height: 30rem; aspect-ratio: 760 / 330; }
text[b-1505bo2b85] { fill: var(--rz-text-color); font-family: Verdana, Geneva, Tahoma, Arial, sans-serif; font-size: 12px; }
.chart-grid[b-1505bo2b85] { stroke: var(--rz-base-300); stroke-width: 1; }
.chart-line[b-1505bo2b85] { fill: none; stroke-width: 2; vector-effect: non-scaling-stroke; }
.selected[b-1505bo2b85] { stroke: var(--rz-primary); stroke-width: 3; }
.comparison[b-1505bo2b85] { stroke: var(--rz-text-secondary-color); }
.chart-milestone[b-1505bo2b85] { fill: var(--rz-primary); stroke: var(--rz-base-background-color); stroke-width: 1; }
.chart-legend[b-1505bo2b85] { display: flex; flex-wrap: wrap; gap: .4rem 1rem; list-style: none; margin: .5rem 0; padding: 0; }
.chart-legend li[b-1505bo2b85] { display: flex; align-items: center; gap: .4rem; overflow-wrap: anywhere; }
.chart-legend svg[b-1505bo2b85] { width: 30px; height: 10px; flex: none; }
figcaption p[b-1505bo2b85] { margin: .25rem 0; color: var(--rz-text-secondary-color); }
@media print { .debt-burndown[b-1505bo2b85] { overflow: visible; } .debt-burndown > svg[b-1505bo2b85] { min-width: 0; } }
/* /Components/Pages/DebtPlanEditor.razor.rz.scp.css */
/* Added: 2026-10-02 16:30 - Editor fields preserve compact native sizing and wrap on phones. */
.debt-editor label[b-aqk29b0i2e] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.debt-editor[b-aqk29b0i2e]  input, .debt-editor[b-aqk29b0i2e]  select, .debt-editor[b-aqk29b0i2e]  textarea { width: 100%; }
.debt-editor [role=alert][b-aqk29b0i2e] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtScheduleTable.razor.rz.scp.css */
/* Added: 2026-10-02 16:20 - Print includes the complete bounded result, not only the current grid page. */
.schedule-actions[b-9ojd1yqupm] { display: flex; gap: .5rem; justify-content: end; margin-bottom: .5rem; }
.schedule-screen[b-9ojd1yqupm] { min-width: 0; }
.schedule-screen[b-9ojd1yqupm]  .rz-grid-table { min-width: 55rem; }
.schedule-detail[b-9ojd1yqupm] { max-width: 100%; overflow: auto; }
.schedule-detail table[b-9ojd1yqupm] { width: 100%; border-collapse: collapse; font-size: 13px; }
.schedule-detail th[b-9ojd1yqupm], .schedule-detail td[b-9ojd1yqupm] { padding: .4rem; border-bottom: 1px solid var(--rz-base-300); text-align: right; white-space: nowrap; }
.schedule-detail th:first-child[b-9ojd1yqupm] { text-align: left; white-space: normal; overflow-wrap: anywhere; }
.schedule-print[b-9ojd1yqupm] { display: none; }
@media print { .schedule-screen[b-9ojd1yqupm], .schedule-actions[b-9ojd1yqupm] { display: none; } .schedule-print[b-9ojd1yqupm] { display: block; } .schedule-detail[b-9ojd1yqupm] { overflow: visible; break-inside: avoid; } }
/* /Components/Pages/DebtSnowball.razor.rz.scp.css */
/* Added: 2026-10-02 17:00 - Compact debt grids use full width and contain horizontal scrolling on phones. */
[b-unjwg2n1oz] .rz-grid-table { min-width: 68rem; }
[b-unjwg2n1oz] td small { display: block; white-space: normal; }
[b-unjwg2n1oz] .rz-column-title { white-space: normal; }
[b-unjwg2n1oz] .debt-controls { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .75rem; }
[b-unjwg2n1oz] .debt-section { margin-top: 1.5rem; }
[b-unjwg2n1oz] .debt-section .rz-stack { gap: .75rem; }
[b-unjwg2n1oz] .debt-section h2 { min-width: 0; margin: 0; }
[b-unjwg2n1oz] .debt-section .rz-button { flex-shrink: 0; white-space: nowrap; }
@media (max-width: 700px) { [b-unjwg2n1oz] .rz-grid-filter-icon { display: none; } [b-unjwg2n1oz] .mp-grid-search { flex: 1 1 12rem; } }
/* /Components/Pages/DebtSnowballPlan.razor.rz.scp.css */
/* Added: 2026-10-02 17:10 - Duration bars remain aligned and wrap metadata at phone widths. */
.payoff-row[b-xo5186qxrl] { display: grid; grid-template-columns: minmax(12rem, 1fr) minmax(8rem, 2fr); gap: 1rem; align-items: center; padding-block: .6rem; border-bottom: 1px solid var(--rz-base-300); }
.payoff-row strong[b-xo5186qxrl], .payoff-row small[b-xo5186qxrl] { display: block; overflow-wrap: anywhere; }
.payoff-row progress[b-xo5186qxrl] { width: 100%; height: 1rem; accent-color: var(--rz-primary); }
@media (max-width: 600px) { .payoff-row[b-xo5186qxrl] { grid-template-columns: minmax(0, 1fr); gap: .35rem; } }
/* /Components/Pages/DebtSnowballShell.razor.rz.scp.css */
/* Added: 2026-10-02 16:00 - Compact software-theme work surfaces retain fixed font sizes on phones and large monitors. */
.debt-workspace[b-4a52twf1ic] { min-width: 0; }
.debt-actions[b-4a52twf1ic], .debt-tabs[b-4a52twf1ic] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.debt-tabs[b-4a52twf1ic] { border-bottom: 1px solid var(--rz-base-300); margin-bottom: 1rem; }
.debt-tabs[b-4a52twf1ic]  a { display: inline-flex; align-items: center; gap: .3rem; padding: .5rem; color: var(--rz-text-color); text-decoration: none; border-bottom: 3px solid transparent; }
.debt-tabs[b-4a52twf1ic]  a.active { border-bottom-color: var(--rz-primary); font-weight: bold; }
/* Added: 2026-10-04 09:15 - Fixed tracks keep changing amounts, creditor names and warnings from rearranging the summaries. */
.debt-workspace[b-4a52twf1ic]  .debt-summary { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); gap: .5rem; padding-block: .5rem; border-bottom: 1px solid var(--rz-base-300); margin: 0; }
.debt-workspace[b-4a52twf1ic]  .debt-summary > div { min-width: 0; height: 2.75rem; }
.debt-workspace[b-4a52twf1ic]  .debt-summary dt, .debt-workspace[b-4a52twf1ic]  .debt-summary dd { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: 1.3rem; }
.debt-workspace[b-4a52twf1ic]  .debt-summary dt { font-size: 12px; font-weight: normal; }
.debt-workspace[b-4a52twf1ic]  .debt-summary dd { margin: 0; font-weight: bold; }
.debt-workspace[b-4a52twf1ic]  .debt-controls { display: flex; flex-wrap: wrap; align-items: end; gap: .5rem; margin-block: .75rem; }
.debt-workspace[b-4a52twf1ic]  .debt-controls label { display: flex; flex-direction: column; gap: .25rem; }
.debt-workspace[b-4a52twf1ic]  .debt-scroll { max-width: 100%; overflow: auto; }
.debt-workspace[b-4a52twf1ic]  .debt-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.debt-workspace[b-4a52twf1ic]  .debt-table th, .debt-workspace[b-4a52twf1ic]  .debt-table td { padding: .4rem .5rem; border-bottom: 1px solid var(--rz-base-300); text-align: right; white-space: nowrap; }
.debt-workspace[b-4a52twf1ic]  .debt-table th:first-child, .debt-workspace[b-4a52twf1ic]  .debt-table td:first-child { text-align: left; }
.debt-workspace[b-4a52twf1ic]  .debt-section { margin-block: 1rem; }
.debt-workspace[b-4a52twf1ic]  .debt-section h2 { font-size: 16px; }
.debt-workspace[b-4a52twf1ic]  .debt-muted { color: var(--rz-text-secondary-color); }
.debt-workspace[b-4a52twf1ic]  [role=alert] { overflow-wrap: anywhere; }
@media (max-width: 700px) { .debt-workspace[b-4a52twf1ic]  .mp-page-header { flex-wrap: wrap; } .debt-actions[b-4a52twf1ic] { width: 100%; } .debt-tabs[b-4a52twf1ic]  a { padding: .35rem; } }
@media (max-width: 1000px) { .debt-workspace[b-4a52twf1ic]  .debt-summary { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 600px) { .debt-workspace[b-4a52twf1ic]  .debt-summary { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media print { .debt-tabs[b-4a52twf1ic], .debt-actions[b-4a52twf1ic] { display: none; } .debt-workspace[b-4a52twf1ic]  .debt-scroll { overflow: visible; } }
/* /Components/Pages/DebtWhatIfPanel.razor.rz.scp.css */
/* Added: 2026-10-02 17:20 - Preview controls are work surfaces, with compact readable comparisons. */
.debt-what-if[b-fm2c05c3b5] { min-width: 0; }
.debt-what-if section[b-fm2c05c3b5] { padding-bottom: 1rem; border-bottom: 1px solid var(--rz-base-300); }
input[type=range][b-fm2c05c3b5] { width: 20rem; max-width: 100%; }
.debt-controls label[b-fm2c05c3b5] { min-width: 0; }
.debt-controls[b-fm2c05c3b5]  input:not([type=checkbox]) { max-width: 100%; }
fieldset[b-fm2c05c3b5] { border: 0; padding: 0; }
legend[b-fm2c05c3b5] { font-size: 14px; }
.consolidation-debt[b-fm2c05c3b5] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; margin-bottom: .4rem; }
.consolidation-debt span[b-fm2c05c3b5] { color: var(--rz-text-secondary-color); }
.preview-result[b-fm2c05c3b5] { margin-top: .75rem; }
.preview-result dl[b-fm2c05c3b5] { display: flex; flex-wrap: wrap; gap: .5rem; }
.preview-result dd[b-fm2c05c3b5] { margin-right: 1.5rem; }
[role=alert][b-fm2c05c3b5] { color: var(--rz-danger); overflow-wrap: anywhere; }
/* /Components/Pages/DebtWorkspaceEditor.razor.rz.scp.css */
/* Added: 2026-10-03 10:00 - Keep editable debt rows compact, readable, and horizontally contained on phones. */
.debt-workspace-editor[b-rbjd664e16] { min-width: 0; max-width: 100%; }
.debt-plan-fields[b-rbjd664e16] { display: flex; flex-wrap: wrap; align-items: end; gap: .75rem; margin-block: .5rem 1rem; }
.debt-plan-fields label[b-rbjd664e16] { display: flex; flex-direction: column; gap: .25rem; min-width: 10rem; }
.debt-plan-fields[b-rbjd664e16]  input, .debt-plan-fields[b-rbjd664e16]  select { min-height: 2.2rem; }
.debt-save-actions[b-rbjd664e16] { display: flex; align-items: center; gap: .5rem; min-height: 2.2rem; }
.debt-plan-note[b-rbjd664e16] { margin-block: .5rem; }
.debt-plan-note summary[b-rbjd664e16] { cursor: pointer; }
.debt-plan-note[b-rbjd664e16]  textarea { width: 100%; max-width: 40rem; margin-top: .5rem; font: inherit; }
.debt-controls[b-rbjd664e16] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: center; margin-block: .75rem; }
.debt-controls h2[b-rbjd664e16] { font-size: 16px; margin: 0 auto 0 0; }
.debt-schedule-picker[b-rbjd664e16] { padding-block: .5rem 1rem; border-block: 1px solid var(--rz-base-300); }
.debt-workspace-editor[b-rbjd664e16]  .debt-edit-grid .rz-grid-table { min-width: 91rem; }
.debt-workspace-editor[b-rbjd664e16]  input:not([type=checkbox]), .debt-workspace-editor[b-rbjd664e16]  select, .debt-plan-note[b-rbjd664e16]  textarea { width: 100%; min-width: 0; font: inherit; color: var(--rz-input-value-color); background: var(--rz-input-background-color); border: var(--rz-input-border); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); padding: .3rem .4rem; }
.debt-workspace-editor[b-rbjd664e16]  input:focus, .debt-workspace-editor[b-rbjd664e16]  select:focus { outline: 2px solid var(--rz-primary); outline-offset: 1px; }
.debt-workspace-editor[b-rbjd664e16]  input:not([type=checkbox]), .debt-workspace-editor[b-rbjd664e16]  select, .debt-plan-note[b-rbjd664e16]  textarea { border-block-end: var(--rz-input-border-block-end); }
.debt-workspace-editor[b-rbjd664e16]  input:disabled { opacity: .8; }
.debt-workspace-editor[b-rbjd664e16]  input[type=checkbox] { width: 1.1rem; height: 1.1rem; accent-color: var(--rz-primary); }
.debt-workspace-editor[b-rbjd664e16]  small { display: block; color: var(--rz-text-secondary-color); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 1.4; height: 1.4em; margin-top: .2rem; }
.debt-workspace-editor[b-rbjd664e16]  .rz-column-title { white-space: nowrap; }
/* Added: 2026-10-04 10:00 - Feedback occupies permanent slots; border and color changes never move editors. */
.debt-save-status[b-rbjd664e16] { display: inline-flex; align-items: center; gap: .35rem; width: 9rem; height: 2.2rem; white-space: nowrap; overflow: hidden; }
.debt-save-status.has-error[b-rbjd664e16] { color: var(--rz-danger); }
.debt-total-input[b-rbjd664e16] { display: flex; align-items: center; gap: .35rem; }
.debt-total-input[b-rbjd664e16]  input { flex: 1; }
.debt-total-input button[b-rbjd664e16] { flex: 0 0 2rem; width: 2rem; height: 2.2rem; display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 3px; background: transparent; color: var(--rz-primary); cursor: pointer; }
.debt-total-input button:disabled[b-rbjd664e16] { opacity: .45; cursor: default; }
.debt-total-input[b-rbjd664e16]  .rzi { width: 1.25rem; height: 1.25rem; font-size: 1.25rem; overflow: hidden; }
.debt-workspace-editor[b-rbjd664e16]  input.needs-value { border-color: #9b740b; }
.debt-workspace-editor[b-rbjd664e16]  input.invalid, .debt-workspace-editor[b-rbjd664e16]  select.invalid { border-color: var(--rz-danger); box-shadow: inset 0 0 0 1px var(--rz-danger); }
.debt-workspace-editor[b-rbjd664e16]  .debt-row-status { font-size: .75rem; }
@media (max-width: 700px) { .debt-plan-fields label[b-rbjd664e16], .debt-save-actions[b-rbjd664e16] { flex: 1 1 100%; } .debt-controls h2[b-rbjd664e16] { flex: 1 1 100%; } .debt-controls[b-rbjd664e16]  .mp-grid-search { flex: 1 1 100%; } }
/* /Components/Pages/DebtWorkspaceHost.razor.rz.scp.css */
/* Added: 2026-10-04 09:15 - Status updates occupy reserved space and cannot move the active editing surface. */
.debt-host-status[b-3mlwxkxe2z] { display: flex; align-items: center; gap: .4rem; height: 2rem; min-width: 0; margin-bottom: .5rem; font-size: 12px; }
.debt-host-status-text[b-3mlwxkxe2z] { flex: 1; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.debt-host-view-only[b-3mlwxkxe2z] { flex: 0 0 4rem; white-space: nowrap; }
.debt-host-warning[b-3mlwxkxe2z] { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; border: 0; padding: 0; background: transparent; color: var(--rz-warning-dark); cursor: help; }
.debt-host-warning:focus-visible[b-3mlwxkxe2z] { outline: 2px solid var(--rz-primary); outline-offset: 1px; }
.debt-host-hidden[b-3mlwxkxe2z], [b-3mlwxkxe2z] .debt-host-hidden { visibility: hidden; }
.debt-host-status[b-3mlwxkxe2z]  .rz-button { width: 1.75rem; height: 1.75rem; min-width: 1.75rem; min-height: 1.75rem; flex: 0 0 1.75rem; padding: 0; }
.debt-host-sr-only[b-3mlwxkxe2z] { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
/* /Components/Pages/DraftAutoComplete.razor.rz.scp.css */
/* Added: 2026-10-07 22:00 - A top-layer popup never moves its input or escapes a phone viewport. */
.mp-local-autocomplete[b-gel2fhkthk] { min-width: 0; max-width: 100%; }
.mp-local-autocomplete input[b-gel2fhkthk] { min-width: 0; max-width: 100%; width: 100%; }
.mp-local-autocomplete-panel[b-gel2fhkthk] {
    position: fixed;
    margin: 0;
    padding: 0;
    inset: auto;
    z-index: 2100;
    box-sizing: border-box;
    overflow: auto;
    overscroll-behavior: contain;
    border: 1px solid var(--rz-base-400, #bbb);
    border-radius: 4px;
    background: var(--rz-dropdown-panel-background-color, #fff);
    color: var(--rz-text-color, #222);
    box-shadow: 0 3px 10px #0002;
}
.mp-local-autocomplete-panel[hidden][b-gel2fhkthk], .mp-local-autocomplete-panel [hidden][b-gel2fhkthk] { display: none !important; }
.mp-local-autocomplete-panel ul[b-gel2fhkthk] { margin: 0; padding: .25rem; list-style: none; }
.mp-local-autocomplete-panel li[b-gel2fhkthk] { padding: .5rem; overflow-wrap: anywhere; cursor: pointer; }
.mp-local-autocomplete-panel li:hover[b-gel2fhkthk], .mp-local-autocomplete-panel .rz-state-highlight[b-gel2fhkthk] {
    background: var(--rz-dropdown-item-selected-background-color, #dceefb);
    color: var(--rz-dropdown-item-selected-color, #123e59);
}
.mp-local-autocomplete-empty[b-gel2fhkthk] { cursor: default; color: var(--rz-text-secondary-color, #666); }
/* /Components/Pages/EmailPreferences.razor.rz.scp.css */
.reminder-preferences[b-ee20c4i8gv] { max-width: 70rem; overflow-wrap: anywhere; }
.reminder-preferences h2[b-ee20c4i8gv] { font-size: 1.2rem; margin-top: 1.25rem; }
.reminder-preview h3[b-ee20c4i8gv] { font-size: 1rem; }
.reminder-preferences fieldset[b-ee20c4i8gv] { border: 0; border-top: 1px solid var(--rz-base-300); padding: 1rem 0; margin: 1rem 0; }
.reminder-preferences legend[b-ee20c4i8gv] { font-size: 1rem; font-weight: 600; }
.reminder-toggle[b-ee20c4i8gv] { display: flex; gap: .65rem; align-items: center; flex-wrap: wrap; margin: .7rem 0; }
.reminder-fields[b-ee20c4i8gv] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.reminder-fields > div[b-ee20c4i8gv] { min-width: 0; }
.reminder-field-label[b-ee20c4i8gv] { display: flex; align-items: center; gap: .25rem; min-height: 3.5rem; margin-bottom: .4rem; }
.reminder-field-label label[b-ee20c4i8gv] { min-width: 0; }
.reminder-option[b-ee20c4i8gv] { display: flex; gap: .25rem; align-items: center; }
.reminder-option .reminder-toggle[b-ee20c4i8gv] { min-width: 0; }
.reminder-preferences[b-ee20c4i8gv]  select, .reminder-preferences[b-ee20c4i8gv]  input:not([type=checkbox]) { width: 100%; min-width: 0; min-height: 2.5rem; font: inherit; }
.reminder-actions[b-ee20c4i8gv] { display: flex; flex-wrap: wrap; gap: .75rem; margin: 1rem 0; }
/* Added: 2026-10-07 23:50 - Native choice/date controls reuse the unchanged Time zone control's Software theme surface and geometry. */
.reminder-preferences[b-ee20c4i8gv]  .reminder-themed-control {
    height: var(--rz-input-height);
    min-height: var(--rz-input-height);
    border: var(--rz-input-border);
    border-radius: var(--rz-input-border-radius);
    background-color: var(--rz-input-background-color);
    box-shadow: var(--rz-input-shadow);
    color: var(--rz-input-value-color);
    padding: var(--rz-input-padding-block) var(--rz-input-padding-inline);
    font-family: inherit;
    font-size: var(--rz-input-font-size);
    line-height: var(--rz-input-line-height);
    color-scheme: light;
}
.reminder-preferences[b-ee20c4i8gv]  .reminder-themed-control:hover:not(:disabled) { border: var(--rz-input-hover-border); background-color: var(--rz-input-hover-background-color); box-shadow: var(--rz-input-hover-shadow); }
.reminder-preferences[b-ee20c4i8gv]  .reminder-themed-control:focus-visible { border: var(--rz-input-focus-border); outline: var(--rz-input-focus-outline); outline-offset: var(--rz-input-focus-outline-offset); box-shadow: var(--rz-input-focus-shadow); }
.reminder-preferences[b-ee20c4i8gv]  .reminder-themed-control:disabled { border: var(--rz-input-disabled-border); color: var(--rz-input-disabled-color); background-color: var(--rz-input-disabled-background-color); box-shadow: var(--rz-input-disabled-shadow); }
.reminder-preferences[b-ee20c4i8gv]  .reminder-themed-control.invalid { outline: 1px solid var(--rz-danger); }
/* Added: 2026-10-07 23:50 - Status, retry and validation always reserve their space; saves never displace controls or focus. */
.reminder-actions[b-ee20c4i8gv] { align-items: center; min-height: var(--rz-input-height); }
.reminder-save-state[b-ee20c4i8gv] { flex: 0 0 6rem; }
.reminder-preferences[b-ee20c4i8gv]  .reminder-retry-hidden { visibility: hidden; pointer-events: none; }
.reminder-validation[b-ee20c4i8gv] { height: 4.5rem; overflow: auto; color: var(--rz-danger-dark); }
.reminder-validation[b-ee20c4i8gv]  ul { margin: 0; padding-inline-start: 1.25rem; }
.reminder-note[b-ee20c4i8gv] { font-size: .85rem; }
.reminder-preview[b-ee20c4i8gv] { border-top: 1px solid var(--rz-base-300); overflow-wrap: anywhere; }
@media(max-width:600px) { .reminder-fields[b-ee20c4i8gv] { grid-template-columns: minmax(0,1fr); } }
/* /Components/Pages/EntryPreferences.razor.rz.scp.css */
/* Added: 2026-10-25 20:00 - Fixed control and feedback tracks keep personal preferences compact across themes and phone widths. */
.entry-preferences[b-t0tw7w32w8] { min-width: 0; max-width: 48rem; }
.entry-preferences .mp-page-header[b-t0tw7w32w8] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.entry-preferences h1[b-t0tw7w32w8] { margin: 0; font-size: 1.5rem; }
.entry-household[b-t0tw7w32w8] { display: flex; align-items: center; gap: .5rem; min-height: 3rem; margin-bottom: .75rem; }
.entry-household span[b-t0tw7w32w8] { min-width: 0; overflow-wrap: anywhere; }
.entry-household a[b-t0tw7w32w8] { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 2.75rem; height: 2.75rem; color: var(--rz-text-color); border-radius: 4px; }
.entry-fields[b-t0tw7w32w8] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.entry-field[b-t0tw7w32w8] { min-width: 0; }
.entry-field label[b-t0tw7w32w8] { display: block; margin-bottom: .4rem; font-weight: 600; }
.entry-field[b-t0tw7w32w8]  .rz-dropdown { min-height: 2.75rem; max-height: 2.75rem; }
.entry-field[b-t0tw7w32w8]  .rz-dropdown-label { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.entry-suggestion[b-t0tw7w32w8] { display: flex; align-items: center; justify-content: flex-end; gap: .5rem; min-height: 3.5rem; }
.entry-suggestion span[b-t0tw7w32w8] { min-width: 0; overflow-wrap: anywhere; font-size: .875rem; color: var(--mp-muted, var(--rz-text-secondary-color)); }
.entry-actions[b-t0tw7w32w8] { display: flex; align-items: center; gap: .5rem; }
.entry-actions[b-t0tw7w32w8]  button:first-child { width: 6.5rem; }
.entry-preferences[b-t0tw7w32w8]  button { min-height: 2.75rem; }
.entry-preferences[b-t0tw7w32w8]  button:not(:has(.rz-button-text)) { flex: 0 0 2.75rem; width: 2.75rem; }
.entry-feedback[b-t0tw7w32w8] { height: 7rem; box-sizing: border-box; overflow: auto; padding-block: .5rem; overflow-wrap: anywhere; }
.entry-feedback span[b-t0tw7w32w8] { display: block; }
.entry-feedback [role=alert][b-t0tw7w32w8], .entry-unavailable[b-t0tw7w32w8] { color: var(--rz-danger, #a2251b); }
.entry-preferences a:focus-visible[b-t0tw7w32w8] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
@media (max-width: 600px) {
    .entry-fields[b-t0tw7w32w8] { grid-template-columns: minmax(0, 1fr); }
    .entry-suggestion[b-t0tw7w32w8] { justify-content: space-between; }
}
/* /Components/Pages/FinancialReports.razor.rz.scp.css */
/* Added: 2026-10-01 16:50 - Reports stay work-focused, with wide tables contained on narrow screens. */
.financial-reports[b-qrwilwvriu] { min-width: 0; max-width: 100%; }
.report-heading h1[b-qrwilwvriu] { font-size: 1.45rem; margin: 0; }
.financial-reports h3[b-qrwilwvriu] { font-size: 1.08rem; margin: 1rem 0 .6rem; }
.report-heading nav[b-qrwilwvriu] { display: flex; gap: 1rem; }
.report-nav-button[b-qrwilwvriu] { display: inline-flex; align-items: center; gap: .4rem; padding: .45rem .7rem; color: var(--mp-text, #25352d); background: var(--mp-surface-alt, #edf2f3); border: 1px solid var(--mp-line); border-radius: 4px; text-decoration: none; font-size: .85rem; }
.report-nav-button:hover[b-qrwilwvriu] { background: #dcebe5; }
.report-nav-button:focus-visible[b-qrwilwvriu] { outline: 2px solid #287b63; outline-offset: 2px; }
.report-income[b-qrwilwvriu] { width: 360px; max-width: 100%; }
.bill-chart-select[b-qrwilwvriu] { display: flex; flex-direction: column; gap: .3rem; max-width: 100%; width: 650px; }
.bill-chart-select select[b-qrwilwvriu] { max-width: 100%; min-width: 0; }
.report-selection[b-qrwilwvriu] { margin: .8rem 0 1rem; padding-bottom: .9rem; border-bottom: 1px solid var(--mp-line); }
.report-account[b-qrwilwvriu] { width: 240px; max-width: 100%; }
.report-selection input[type=number][b-qrwilwvriu] { width: 90px; }
/* Added: 2026-10-07 23:30 - Native selectors use Account's theme height; the searchable Account itself stays unchanged. */
.financial-reports .report-selection select[b-qrwilwvriu],
.financial-reports .report-selection input[type=number][b-qrwilwvriu] {
    height: var(--rz-input-height);
    min-height: var(--rz-input-height);
    box-sizing: border-box;
    padding-block: var(--rz-input-padding-block);
    padding-inline: var(--rz-input-padding-inline);
    line-height: var(--rz-input-line-height);
    font-family: var(--mp-font);
    font-size: var(--rz-input-font-size);
    color: var(--rz-input-value-color);
    border: var(--rz-input-border);
    border-block-end: var(--rz-input-border-block-end);
    border-radius: var(--rz-input-border-radius);
    background: var(--rz-input-background-color);
    box-shadow: var(--rz-input-shadow);
}
.financial-reports .report-selection select:focus-visible[b-qrwilwvriu],
.financial-reports .report-selection input[type=number]:focus-visible[b-qrwilwvriu] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.financial-reports .report-selection select:disabled[b-qrwilwvriu],
.financial-reports .report-selection input[type=number]:disabled[b-qrwilwvriu] { opacity: var(--rz-input-disabled-opacity, .55); }
.report-bars[b-qrwilwvriu] { display: grid; gap: .55rem; margin: .8rem 0; }
.report-bar-row[b-qrwilwvriu] { display: grid; grid-template-columns: minmax(140px, 1fr) minmax(80px, 2fr) minmax(100px, auto); align-items: center; gap: .7rem; font-size: .88rem; }
.report-bar-row > span:first-child[b-qrwilwvriu] { overflow-wrap: anywhere; }
.report-bar-row > :last-child[b-qrwilwvriu] { text-align: right; font-variant-numeric: tabular-nums; }
meter[b-qrwilwvriu] { width: 100%; height: 16px; accent-color: #287b63; }
meter[b-qrwilwvriu]::-webkit-meter-optimum-value { background: #287b63; }
meter.spent[b-qrwilwvriu]::-webkit-meter-optimum-value { background: #b4674e; }
.report-bar-pair[b-qrwilwvriu] { display: grid; gap: 3px; }
.report-weekly[b-qrwilwvriu] { display: flex; gap: .8rem 1.5rem; flex-wrap: wrap; font-size: .85rem; }
.financial-reports[b-qrwilwvriu]  .financial-report-table .rz-grid-table { min-width: 720px !important; table-layout: fixed; }
.financial-reports[b-qrwilwvriu]  .financial-report-table td, .financial-reports[b-qrwilwvriu]  .financial-report-table th { white-space: nowrap; overflow-wrap: normal; }
.financial-reports[b-qrwilwvriu]  [data-testid=financial-report-details] .rz-grid-table { min-width: 800px !important; }
@media (max-width: 640px) {
    .report-selection > label:first-child[b-qrwilwvriu] { width: 100%; }
    .report-selection select[b-qrwilwvriu] { width: 100%; }
    .report-bar-row[b-qrwilwvriu] { grid-template-columns: minmax(100px, 1fr) minmax(65px, 1fr) 110px; gap: .4rem; font-size: .78rem; }
    .report-heading nav[b-qrwilwvriu] { font-size: .85rem; }
}
/* /Components/Pages/FinancialReportTable.razor.rz.scp.css */
/* Added: 2026-10-01 16:40 - Wide financial tables scroll inside their own surface on phones. */
.financial-report-table[b-cnn16on8la] { min-width: 0; max-width: 100%; }
.report-table-tools[b-cnn16on8la] { margin: .6rem 0; }
.financial-report-table[b-cnn16on8la]  .rz-grid-table { width: max-content; min-width: 100%; }
.financial-report-table[b-cnn16on8la]  td, .financial-report-table[b-cnn16on8la]  th { white-space: nowrap; }
.financial-report-table[b-cnn16on8la]  .rz-data-grid-data { overflow-x: auto; }
/* /Components/Pages/Forecast.razor.rz.scp.css */
.forecast-ranges[b-7fs2j6ewts], .forecast-register-controls[b-7fs2j6ewts] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; font-family: var(--mp-font); font-size: .8rem; }
.forecast-ranges label[b-7fs2j6ewts] { display: flex; align-items: center; gap: .35rem; }
/* Added: 2026-09-15 23:40 - Native range controls and selections follow the Software theme. */
.forecast-ranges select[b-7fs2j6ewts], .forecast-ranges[b-7fs2j6ewts]  input { min-height: 30px; border: var(--rz-input-border); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); padding: .2rem; background: var(--rz-input-background-color); color: var(--rz-input-value-color); max-width: 100%; }
.forecast-error[b-7fs2j6ewts] { color: #a2251b; overflow-wrap: anywhere; }
.forecast-row-select[b-7fs2j6ewts] { border: 0; background: transparent; color: inherit; text-align: left; font: inherit; padding: 0; cursor: pointer; max-width: 100%; white-space: normal; overflow-wrap: anywhere; }
.forecast-row-select:focus-visible[b-7fs2j6ewts] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.forecast-mobile-amount[b-7fs2j6ewts] { display: none; }
[b-7fs2j6ewts] .forecast-selected-row > td { background: var(--mp-accent-soft) !important; }
[b-7fs2j6ewts] .mp-grid-forecast .rz-grid-table { min-width: 0; }
@media (max-width: 600px) {
    [b-7fs2j6ewts] .mp-page-header, [b-7fs2j6ewts] .mp-page-actions { flex-wrap: wrap !important; min-width: 0; }
    [b-7fs2j6ewts] .mp-page-actions { width: 100%; }
    [b-7fs2j6ewts] .mp-grid-search { flex: 1; min-width: 0; }
    [b-7fs2j6ewts] .mp-grid-search-input { width: 100%; min-width: 0; }
    [b-7fs2j6ewts] .forecast-secondary, [b-7fs2j6ewts] .forecast-amount { display: none; }
    [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(4), [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(5), [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(7), [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(8) { display: none; }
    [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(1) { width: 2.5rem !important; }
    /* Added: 2026-09-15 23:50 - Keep full dates and five-digit balances readable under Software's bordered grid. */
    [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(2) { width: 6.5rem !important; }
    [b-7fs2j6ewts] .mp-grid-forecast col:nth-child(6) { width: 8rem !important; }
    [b-7fs2j6ewts] .mp-grid-forecast .rz-datatable, [b-7fs2j6ewts] .mp-grid-forecast .rz-grid-table { min-width: 0; width: 100%; table-layout: fixed; }
    [b-7fs2j6ewts] .mp-grid-forecast td { white-space: normal; padding-inline: .25rem; }
    [b-7fs2j6ewts] .mp-grid-forecast th { padding-inline: .25rem; }
    .forecast-mobile-amount[b-7fs2j6ewts] { display: block; font-variant-numeric: tabular-nums; font-size: .75rem; }
    .forecast-ranges[b-7fs2j6ewts] { display: grid; grid-template-columns: 1fr 1fr; }
    .forecast-ranges label[b-7fs2j6ewts] { flex-direction: column; align-items: stretch; min-width: 0; }
    [b-7fs2j6ewts] .mp-forecast-metrics { grid-template-columns: 1fr 1fr; }
    [b-7fs2j6ewts] .mp-forecast-metrics > span { min-width: 0; }
    [b-7fs2j6ewts] .mp-forecast-metrics strong { font-size: .85rem; }
}
.forecast-page[b-7fs2j6ewts] { min-width: 0; }
/* Added: 2026-09-23 17:00 - Empty account selection uses the same unframed planning surface. */
.forecast-empty[b-7fs2j6ewts] { margin: 0; padding-block: .5rem; color: var(--rz-text-secondary-color); }
/* /Components/Pages/ForecastAgenda.razor.rz.scp.css */
.forecast-agenda[b-agc6i220jk] { min-width: 0; font-family: var(--mp-font); }
.agenda-controls[b-agc6i220jk] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding-bottom: .5rem; font-size: .8rem; }
.agenda-controls label[b-agc6i220jk] { display: flex; align-items: center; gap: .3rem; }
.agenda-controls select[b-agc6i220jk], .agenda-controls[b-agc6i220jk]  input { min-height: 30px; max-width: 100%; }
/* Added: 2026-10-10 14:00 - Keep compact agenda fields themed without changing checkbox sizing. */
.agenda-controls select[b-agc6i220jk], .agenda-controls[b-agc6i220jk]  input[type=date] { background: var(--rz-input-background-color); border: var(--rz-input-border); border-radius: var(--rz-input-border-radius); box-shadow: var(--rz-input-shadow); color: var(--rz-input-value-color); padding: .3rem .45rem; font: inherit; }
.agenda-controls select:focus-visible[b-agc6i220jk], .agenda-controls[b-agc6i220jk]  input[type=date]:focus-visible { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.agenda-mobile-details[b-agc6i220jk] { display: none; }
[role=alert][b-agc6i220jk] { color: #a2251b; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    [b-agc6i220jk] .agenda-secondary { display: none; }
    [b-agc6i220jk] .mp-grid-agenda col:nth-child(4), [b-agc6i220jk] .mp-grid-agenda col:nth-child(n+6) { display: none; }
    [b-agc6i220jk] .mp-grid-agenda col:nth-child(1) { width: 2.5rem !important; }
    [b-agc6i220jk] .mp-grid-agenda col:nth-child(2) { width: 5.5rem !important; }
    [b-agc6i220jk] .mp-grid-agenda .rz-grid-table { table-layout: fixed; width: 100%; min-width: 0; }
    [b-agc6i220jk] .mp-grid-agenda td { white-space: normal; overflow-wrap: anywhere; padding-inline: .25rem; }
    .agenda-mobile-details[b-agc6i220jk] { display: block; font-size: .75rem; }
    .agenda-controls[b-agc6i220jk] { align-items: start; }
    .agenda-controls label[b-agc6i220jk] { flex-wrap: wrap; }
}
/* /Components/Pages/ForecastAgendaEditor.razor.rz.scp.css */
.entry-fields[b-bsxik53lz6], .agenda-editor-actions[b-bsxik53lz6] { display: flex; gap: .5rem; flex-wrap: wrap; align-items: center; margin-block: .75rem; }
.entry-fields label[b-bsxik53lz6] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.entry-fields[b-bsxik53lz6]  input { min-height: 32px; max-width: 100%; }
.agenda-footer[b-bsxik53lz6] { justify-content: end; }
[role=alert][b-bsxik53lz6] { color: #a2251b; overflow-wrap: anywhere; }
[b-bsxik53lz6] .agenda-candidates .rz-grid-table { min-width: 0; table-layout: fixed; width: 100%; }
[b-bsxik53lz6] .agenda-candidates td { white-space: normal; overflow-wrap: anywhere; }
@media (max-width: 600px) {
    [b-bsxik53lz6] .rz-button { min-height: 36px; white-space: normal; }
    .entry-fields label[b-bsxik53lz6] { flex: 1 1 45%; }
}
/* /Components/Pages/ForecastOccurrenceEditor.razor.rz.scp.css */
[b-m1jt4a47up] .mp-editor-row, [b-m1jt4a47up] .mp-occurrence-secondary-actions, [b-m1jt4a47up] .mp-editor-footer, [b-m1jt4a47up] .mp-editor-actions { flex-wrap: wrap; }
[b-m1jt4a47up] .mp-validation { overflow-wrap: anywhere; color: #a2251b; }
@media (max-width: 600px) {
    [b-m1jt4a47up] .mp-editor-row { flex-direction: column; }
    [b-m1jt4a47up] .mp-editor-row > * { min-width: 0; width: 100%; }
    [b-m1jt4a47up] .rz-button { min-height: 36px; white-space: normal; }
}
/* /Components/Pages/ForecastScenario.razor.rz.scp.css */
.forecast-scenario[b-l1v4ofvpi3] { font-family: var(--mp-font); font-size: .8rem; min-width: 0; }
.scenario-form[b-l1v4ofvpi3] { display: flex; flex-wrap: wrap; gap: .5rem; align-items: end; padding-block: .5rem; }
.scenario-form label[b-l1v4ofvpi3] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.scenario-form select[b-l1v4ofvpi3] { max-width: 22rem; }
.scenario-form[b-l1v4ofvpi3]  input, .scenario-form select[b-l1v4ofvpi3] { min-height: 32px; max-width: 100%; }
.scenario-actions[b-l1v4ofvpi3] { display: flex; gap: .5rem; }
.scenario-comparison[b-l1v4ofvpi3] { border-collapse: collapse; width: 100%; margin-block: .5rem; table-layout: fixed; }
.scenario-comparison th[b-l1v4ofvpi3], .scenario-comparison td[b-l1v4ofvpi3] { padding: .4rem; border-bottom: 1px solid #d8dde2; text-align: right; overflow-wrap: anywhere; }
.scenario-comparison th:first-child[b-l1v4ofvpi3] { text-align: left; }
[role=alert][b-l1v4ofvpi3] { color: #a2251b; width: 100%; }
@media (max-width: 600px) {
    .scenario-form label[b-l1v4ofvpi3] { flex: 1 1 45%; }
    .scenario-form label:first-child[b-l1v4ofvpi3] { flex-basis: 100%; }
}
/* /Components/Pages/ForecastTimeline.razor.rz.scp.css */
.forecast-timeline[b-044pjaoabs] { min-width: 0; font-family: var(--mp-font); }
.timeline-chart[b-044pjaoabs] { height: 300px; min-width: 0; }
.timeline-chart[b-044pjaoabs]  .rz-chart { height: 100%; }
.timeline-inspector[b-044pjaoabs] { display: flex; align-items: center; gap: .5rem; border-block: 1px solid #d8dde2; padding: .4rem 0; }
.timeline-selection[b-044pjaoabs] { flex: 1; min-width: 0; font-size: .8rem; }
.timeline-selection strong[b-044pjaoabs], .timeline-selection > span[b-044pjaoabs] { display: block; overflow-wrap: anywhere; }
.timeline-selection strong span[b-044pjaoabs] { margin-left: .5rem; font-variant-numeric: tabular-nums; }
.timeline-inspector[b-044pjaoabs]  button { min-height: 32px; flex-shrink: 0; }
@media (max-width: 600px) {
    .timeline-chart[b-044pjaoabs] { height: 250px; }
    .timeline-inspector[b-044pjaoabs] { flex-wrap: wrap; }
    .timeline-selection[b-044pjaoabs] { flex-basis: 60%; }
}
@media (max-width: 400px) {
    .timeline-chart[b-044pjaoabs] { height: 300px; padding-bottom: 50px; box-sizing: border-box; }
    .timeline-chart[b-044pjaoabs]  .rz-legend-bottom { top: calc(100% - 1.5rem); bottom: auto; }
}
/* /Components/Pages/GridColumnFilter.razor.rz.scp.css */
/* Added: 2026-09-23 13:00 - Popup controls stay compact, scroll internally, and fit phone viewports. */
/* Added: 2026-09-23 13:31 - Header content fits Radzen's initial 250px popup; dialogs use their available width. */
.grid-column-filter[b-veuohl1a1d] { width: 240px; max-width: calc(100vw - 4rem); box-sizing: border-box; padding: .65rem; display: grid; gap: .65rem; text-align: left; color: var(--mp-text, #222); font-weight: normal; }
.grid-column-filter-dialog[b-veuohl1a1d] { width: 100%; }
.grid-column-filter label:not(.filter-choice)[b-veuohl1a1d] { display: grid; gap: .25rem; }
.grid-column-filter input:not([type=checkbox])[b-veuohl1a1d], .grid-column-filter select[b-veuohl1a1d] { width: 100%; min-width: 0; box-sizing: border-box; padding: .45rem; font: inherit; color: inherit; background: var(--rz-input-background-color, white); border: 1px solid var(--rz-input-border-color, #aab3ba); border-radius: 3px; }
.filter-choices[b-veuohl1a1d] { max-height: 15rem; overflow-y: auto; border-block: 1px solid var(--rz-base-300, #d5d9dd); }
.filter-choice[b-veuohl1a1d] { display: flex; gap: .5rem; align-items: start; padding: .35rem .15rem; cursor: pointer; white-space: normal; overflow-wrap: anywhere; }
.filter-choice input[b-veuohl1a1d] { flex: 0 0 auto; margin-top: .2rem; }
.filter-actions[b-veuohl1a1d] { display: flex; justify-content: space-between; gap: .75rem; }
.filter-error[b-veuohl1a1d] { color: var(--rz-danger, #b3261e); white-space: normal; }
.filter-selection-count[b-veuohl1a1d] { color: var(--mp-muted, #555); }
/* /Components/Pages/GridInlineCell.razor.rz.scp.css */
/* Added: 2026-09-23 12:30 - Borderless cells retain compact row height; focus/error states never resize the grid. */
.ledger-inline[b-4yy5kxi2ve] { display: block; position: relative; min-width: 0; width: 100%; }
.ledger-inline > input[b-4yy5kxi2ve], .ledger-inline > select[b-4yy5kxi2ve], .ledger-inline[b-4yy5kxi2ve]  .rz-autocomplete-input {
    display: block; width: 100%; min-width: 0; height: 1.8rem; box-sizing: border-box;
    border: 1px solid transparent; border-radius: 2px; background: transparent;
    font: inherit; color: inherit; padding: .15rem .25rem; text-overflow: ellipsis;
}
.ledger-inline > input:hover[b-4yy5kxi2ve], .ledger-inline > select:hover[b-4yy5kxi2ve], .ledger-inline[b-4yy5kxi2ve]  .rz-autocomplete-input:hover { border-color: var(--mp-muted, #66737a); }
.ledger-inline > input:focus[b-4yy5kxi2ve], .ledger-inline > select:focus[b-4yy5kxi2ve], .ledger-inline[b-4yy5kxi2ve]  .rz-autocomplete-input:focus { border-color: var(--mp-accent, #167185); outline: 1px solid var(--mp-accent, #167185); background: var(--rz-base-background-color, #fff); }
.ledger-inline > input[inputmode="decimal"][b-4yy5kxi2ve] { text-align: right; }
.ledger-inline-error > input[b-4yy5kxi2ve], .ledger-inline-error > select[b-4yy5kxi2ve], .ledger-inline-error[b-4yy5kxi2ve]  .rz-autocomplete-input { border-color: #b42318; padding-right: 1rem; }
/* Added: 2026-09-23 15:30 - Native selectors and checkboxes keep the same row height and visible focus without extra buttons. */
.ledger-inline > select[b-4yy5kxi2ve] { padding-right: 1rem; }
.ledger-inline > select option[b-4yy5kxi2ve] { background: var(--rz-base-background-color, #fff); }
.ledger-inline:has(> input[type="checkbox"])[b-4yy5kxi2ve] { display: flex; align-items: center; justify-content: center; height: 1.8rem; }
.ledger-inline > input[type="checkbox"][b-4yy5kxi2ve] { width: 1rem; height: 1rem; margin: 0; padding: 0; accent-color: var(--mp-accent, #167185); cursor: pointer; }
.ledger-inline-error > input[type="checkbox"][b-4yy5kxi2ve] { outline: 1px solid #b42318; outline-offset: 2px; }
.ledger-inline > :disabled[b-4yy5kxi2ve] { cursor: wait; }
.ledger-inline-state[b-4yy5kxi2ve] { position: absolute; right: .1rem; top: .05rem; pointer-events: none; color: #b42318; font-weight: 700; }
.ledger-inline-saving[b-4yy5kxi2ve] { opacity: .7; }
/* /Components/Pages/HelpCenter.razor.rz.scp.css */
/* Added: 2026-10-29 17:50 - Unframed topic navigation and a readable article column share the application's theme. */
.help-center[b-i69aq6h5nl] { max-width: 1280px; margin: 0 auto; padding: 1rem; letter-spacing: 0; }
.help-breadcrumb[b-i69aq6h5nl] { display: flex; flex-wrap: wrap; gap: .5rem; font-size: .85rem; margin-bottom: 1rem; overflow-wrap: anywhere; }
.help-heading[b-i69aq6h5nl] { display: flex; align-items: end; justify-content: space-between; gap: 1rem; flex-wrap: wrap; padding-bottom: 1rem; border-bottom: 1px solid var(--rz-base-300, #d6dde0); }
.help-heading h1[b-i69aq6h5nl] { font-size: 1.75rem; line-height: 1.25; margin: 0; flex: 1 1 18rem; overflow-wrap: anywhere; }
.help-search[b-i69aq6h5nl] { flex: 0 1 24rem; max-width: 100%; }
.help-search label[b-i69aq6h5nl] { font-size: .85rem; display: block; margin-bottom: .25rem; }
.help-search-controls[b-i69aq6h5nl] { display: flex; gap: .4rem; }
.help-search input[b-i69aq6h5nl] { min-width: 0; width: 100%; border: 1px solid var(--rz-base-400, #a9b5bb); border-radius: 4px; padding: .5rem .7rem; color: inherit; background: var(--rz-base-background-color, #fff); }
.help-search button[b-i69aq6h5nl] { display: inline-flex; align-items: center; justify-content: center; width: 2.6rem; height: 2.6rem; flex-shrink: 0; }
.help-layout[b-i69aq6h5nl] { display: grid; grid-template-columns: 12rem minmax(0, 1fr) auto; gap: 2rem; margin-top: 1.5rem; }
.help-topics[b-i69aq6h5nl] { min-width: 0; font-size: .95rem; }
.help-topics summary[b-i69aq6h5nl] { font-weight: 600; margin-bottom: .5rem; }
.help-topics details > a[b-i69aq6h5nl] { display: flex; justify-content: space-between; gap: .5rem; padding: .45rem .5rem; border-left: 3px solid transparent; overflow-wrap: anywhere; }
.help-topics a[aria-current="page"][b-i69aq6h5nl] { border-left-color: var(--rz-primary, #087388); background: var(--rz-base-100, #f0f3f4); font-weight: 600; }
.help-topics a span[b-i69aq6h5nl] { font-size: .8rem; color: var(--rz-text-secondary-color, #54646b); }
.help-contact[b-i69aq6h5nl] { display: flex; gap: .45rem; align-items: center; margin-top: 1.5rem; }
.help-main[b-i69aq6h5nl] { min-width: 0; max-width: 48rem; overflow-wrap: anywhere; }
.help-summary[b-i69aq6h5nl] { font-size: 1.05rem; color: var(--rz-text-secondary-color, #54646b); }
.help-main h2[b-i69aq6h5nl], .help-main[b-i69aq6h5nl]  h2 { font-size: 1.25rem; margin: 1.5rem 0 .75rem; scroll-margin-top: 5rem; }
.help-main[b-i69aq6h5nl]  h3 { font-size: 1.05rem; margin: 1rem 0 .4rem; scroll-margin-top: 5rem; }
.help-main[b-i69aq6h5nl]  p, .help-main[b-i69aq6h5nl]  li { line-height: 1.65; }
.help-main[b-i69aq6h5nl]  pre { overflow-x: auto; padding: .75rem; background: var(--rz-base-100, #f0f3f4); }
.help-main[b-i69aq6h5nl]  img { max-width: 100%; }
.help-main[b-i69aq6h5nl]  .help-article-summary { border-bottom: 1px solid var(--rz-base-200, #e4e9eb); padding: .3rem 0 .6rem; }
.help-main[b-i69aq6h5nl]  .help-article-summary p { margin-bottom: .25rem; font-size: .95rem; }
.help-topic-section:first-child h2[b-i69aq6h5nl] { margin-top: 0; }
.help-results-heading[b-i69aq6h5nl] { display: flex; align-items: baseline; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.help-results-heading h2[b-i69aq6h5nl] { margin-top: 0; }
.help-action[b-i69aq6h5nl] { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem; border-top: 1px solid var(--rz-base-300, #d6dde0); margin-top: 2rem; padding-top: 1rem; }
.help-action p[b-i69aq6h5nl] { flex-basis: 100%; }
.help-action .btn[b-i69aq6h5nl] { display: inline-flex; align-items: center; gap: .5rem; white-space: normal; text-align: left; }
.help-related[b-i69aq6h5nl] { margin-top: 2rem; }
.help-contents[b-i69aq6h5nl] { width: 11rem; min-width: 0; font-size: .85rem; }
.help-contents h2[b-i69aq6h5nl] { font-size: .95rem; margin: 0 0 .75rem; }
.help-contents ul[b-i69aq6h5nl] { list-style: none; padding: 0; margin: 0; }
.help-contents li[b-i69aq6h5nl] { margin-bottom: .7rem; overflow-wrap: anywhere; }
.help-contents .help-subsection[b-i69aq6h5nl] { padding-left: .65rem; }
.help-center a:focus-visible[b-i69aq6h5nl], .help-center input:focus-visible[b-i69aq6h5nl], .help-center button:focus-visible[b-i69aq6h5nl], .help-center summary:focus-visible[b-i69aq6h5nl] { outline: 2px solid var(--rz-primary, #087388); outline-offset: 3px; }
@media (max-width: 1000px) { .help-layout[b-i69aq6h5nl] { grid-template-columns: 10rem minmax(0, 1fr); gap: 1.25rem; } .help-contents[b-i69aq6h5nl] { grid-column: 2; grid-row: 1; width: auto; } .help-main[b-i69aq6h5nl] { grid-column: 2; } .help-topics[b-i69aq6h5nl] { grid-row: 1 / span 2; } }
@media (max-width: 640px) { .help-center[b-i69aq6h5nl] { padding: .75rem .25rem; } .help-search[b-i69aq6h5nl] { flex-basis: 100%; } .help-layout[b-i69aq6h5nl] { display: flex; flex-direction: column; gap: 1.25rem; } .help-topics[b-i69aq6h5nl] { order: 0; } .help-contents[b-i69aq6h5nl] { order: 1; } .help-main[b-i69aq6h5nl] { order: 2; } .help-topics details > a[b-i69aq6h5nl] { padding-block: .35rem; } .help-contact[b-i69aq6h5nl] { margin-top: .5rem; } .help-heading h1[b-i69aq6h5nl] { font-size: 1.5rem; } }
/* /Components/Pages/Home.razor.rz.scp.css */
/* Added: 2026-10-22 16:12 - Compact unframed guidance wraps long account names and reserves its feedback row. */
.dashboard-starter[b-y4yk9eole7] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: .5rem 1rem; padding: .5rem 0; }
.dashboard-starter-copy[b-y4yk9eole7] { min-width: 0; overflow-wrap: anywhere; }
.dashboard-starter h3[b-y4yk9eole7] { font-size: 1.1rem; letter-spacing: 0; margin: 0 0 .5rem; }
.dashboard-starter p[b-y4yk9eole7] { margin: 0 0 .5rem; }
.dashboard-starter ol[b-y4yk9eole7] { margin: 0; padding-left: 1.5rem; }
.dashboard-starter-action[b-y4yk9eole7] { min-width: 0; max-width: 100%; }
.dashboard-starter-action[b-y4yk9eole7]  .rz-button { min-height: 44px; max-width: 100%; }
.dashboard-starter-status[b-y4yk9eole7] { grid-column: 1 / -1; min-height: 3rem; color: var(--rz-danger); overflow-wrap: anywhere; }
/* Added: 2026-10-22 16:12 - A first account's long name must also fit the existing tracked-account selector. */
.mp-dashboard .report-account-selection label[b-y4yk9eole7] { min-width: 0; max-width: 100%; overflow-wrap: anywhere; }
.mp-dashboard .report-account-selection input[b-y4yk9eole7] { flex: 0 0 auto; }
@media (max-width: 640px) {
    .dashboard-starter[b-y4yk9eole7] { grid-template-columns: minmax(0, 1fr); }
    .dashboard-starter-action[b-y4yk9eole7]  .rz-button { width: 100%; }
}
/* /Components/Pages/HouseholdAiAccessEditor.razor.rz.scp.css */
/* Added: 2026-10-23 11:00 - Owner controls stay unframed and compact; connection rows never expose request payloads. */
.household-ai[b-vmi6rm4pmi] { min-width: 0; margin-block: 1.5rem; }
.household-ai-heading[b-vmi6rm4pmi] { display: flex; justify-content: space-between; align-items: center; gap: .75rem; }
.household-ai h2[b-vmi6rm4pmi] { font-size: 1.2rem; margin: 0; }
.household-ai-toggle[b-vmi6rm4pmi] { display: flex; gap: .65rem; align-items: center; min-height: 2.75rem; }
.household-ai-toggle label[b-vmi6rm4pmi] { margin: 0; overflow-wrap: anywhere; }
.household-ai-status[b-vmi6rm4pmi] { height: 3rem; overflow: auto; padding-block: .4rem; box-sizing: border-box; overflow-wrap: anywhere; }
.household-ai-status [role=alert][b-vmi6rm4pmi] { color: var(--mp-danger, #a2251b); }
.household-ai-list[b-vmi6rm4pmi] { list-style: none; padding: 0; margin: 0; }
.household-ai-row[b-vmi6rm4pmi] { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1fr) 3rem; gap: .75rem; align-items: center; border-bottom: 1px solid var(--mp-line); min-height: 4.5rem; padding: .65rem .25rem; }
.household-ai-row > div[b-vmi6rm4pmi] { min-width: 0; overflow-wrap: anywhere; }
.household-ai-row strong[b-vmi6rm4pmi] { font-weight: 600; }
.household-ai-label[b-vmi6rm4pmi] { display: block; font-size: .8rem; color: var(--mp-muted); }
.household-ai-action[b-vmi6rm4pmi] { display: flex; justify-content: end; }
.household-ai-action[b-vmi6rm4pmi]  button { min-width: 2.5rem; min-height: 2.5rem; flex: 0 0 2.5rem; }
.household-ai-empty[b-vmi6rm4pmi] { color: var(--mp-muted); padding-block: .75rem; }
.household-ai-pagination[b-vmi6rm4pmi] { display: flex; justify-content: end; gap: .5rem; margin-top: .75rem; }
.household-ai-pagination[b-vmi6rm4pmi]  button { min-width: 2.5rem; min-height: 2.5rem; }
@media (max-width: 650px) {
    .household-ai-row[b-vmi6rm4pmi] { grid-template-columns: minmax(0, 1fr) 3rem; gap: .6rem .75rem; }
    .household-ai-row > div:not(.household-ai-action)[b-vmi6rm4pmi] { grid-column: 1; }
    .household-ai-action[b-vmi6rm4pmi] { grid-column: 2; grid-row: 1 / 5; align-self: start; }
}
/* /Components/Pages/Households.razor.rz.scp.css */
/* Added: 2026-09-26 14:03 - Long saved names wrap inside the existing responsive page header. */
.household-heading[b-4nj1hof6mv] {
    min-width: 0;
    flex: 1 1 16rem;
}

.household-name[b-4nj1hof6mv] {
    margin: 0.35rem 0 0;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.household-name-prompt[b-4nj1hof6mv] {
    margin-block: 0.75rem;
    overflow-wrap: anywhere;
}

/* Added: 2026-10-01 19:00 - Names and email stay adjacent when space permits and wrap inside narrow member cells. */
.household-member[b-4nj1hof6mv] {
    align-items: baseline;
    display: flex;
    flex-wrap: wrap;
    gap: 0.15rem 0.6rem;
    min-width: 0;
    white-space: normal;
}

.household-member-name[b-4nj1hof6mv],
.household-member-email[b-4nj1hof6mv] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.household-member-name[b-4nj1hof6mv] {
    font-weight: 600;
}

.household-member-email[b-4nj1hof6mv] {
    color: var(--mp-muted);
}
/* /Components/Pages/ImportReview.razor.rz.scp.css */
.import-review[b-xsnned4ske] { min-width: 0; overflow-wrap: anywhere; }
.import-review h2[b-xsnned4ske] { font-size: 1.1rem; }
.import-review details[b-xsnned4ske] { margin-block: .75rem; }
.import-actions[b-xsnned4ske] { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem; margin-block: 1rem; }
.import-actions label[b-xsnned4ske] { flex: 1 1 100%; }
.import-actions .import-commit-status[b-xsnned4ske] { flex: 1 1 100%; margin: 0; }
.import-review select[b-xsnned4ske] { width: 100%; min-height: 2rem; }
/* Added: 2026-10-22 16:30 - Opening choices keep the review controls in place while confirmation is staged. */
.import-opening-change[b-xsnned4ske] { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; padding-block: .75rem; border-block: 1px solid var(--rz-base-300, #d7dee3); }
.import-opening-change h3[b-xsnned4ske] { margin: 0; font-size: 1rem; }
.import-opening-change dl[b-xsnned4ske] { display: flex; flex-wrap: wrap; gap: .75rem 2rem; margin: 0; }
.import-opening-change dt[b-xsnned4ske] { font-size: .85rem; color: var(--rz-text-secondary-color, #46535d); }
.import-opening-change dd[b-xsnned4ske] { margin: 0; font-weight: 600; }
.import-opening-change dd span[b-xsnned4ske] { display: block; font-weight: 400; }
.import-opening-change[b-xsnned4ske]  button { width: 24rem; max-width: 100%; min-width: 0; height: 3.5rem; min-height: 3.5rem; white-space: normal; }
.import-opening-change[b-xsnned4ske]  .rz-button-text { white-space: normal; }
.import-opening-status[b-xsnned4ske] { margin: 0; min-height: 2.75rem; max-width: 42rem; overflow-wrap: anywhere; }
@media (max-width: 480px) { .import-opening-status[b-xsnned4ske] { min-height: 4rem; } }
/* /Components/Pages/Ledger.razor.rz.scp.css */
.ledger-page[b-6e9xadz3jx] { min-width: 0; }
/* Added: 2026-10-07 23:30 - The entry form occupies the same available width as its grid, not a shrink-to-fit header item. */
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger > .rz-group-header { display: block; padding: 0; min-width: 0; }
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger > .rz-group-header > .rz-custom-header { width: 100%; min-width: 0; }
.ledger-mobile-date[b-6e9xadz3jx] { display: none; }
.ledger-mobile-status[b-6e9xadz3jx] { display: none; }
.ledger-payee[b-6e9xadz3jx] { overflow-wrap: anywhere; }
/* Added: 2026-09-23 13:00 - Applied filters have a stable header marker without adding another grid row. */
.ledger-page[b-6e9xadz3jx]  .ledger-filter-active { box-shadow: inset 0 -3px var(--mp-accent, #167185); }
.ledger-page[b-6e9xadz3jx]  .ledger-filter-active .rz-grid-filter-icon { color: var(--mp-accent, #167185); font-weight: 700; }
/* Added: 2026-09-16 00:15 - Keep the date and its schedule marker together without enlarging the row height. */
.ledger-date[b-6e9xadz3jx] { display: flex; align-items: center; gap: .15rem; white-space: nowrap; width: 100%; }
.ledger-category[b-6e9xadz3jx] { display: flex; align-items: center; min-width: 0; }
.ledger-date[b-6e9xadz3jx]  mp-ledger-cell, .ledger-category[b-6e9xadz3jx]  mp-ledger-cell { flex: 1 1 0; min-width: 0; }
.ledger-page[b-6e9xadz3jx]  .mp-recurring-icon { flex: 0 0 auto; font-size: 1rem; }
/* Added: 2026-09-09 13:35. Most entries are cleared: keep that tint quiet, while reconciled rows and the date boundary stand out. */
/* Added: 2026-09-15 17:30 - Status semantics stay independent of the theme's neutral striping and teal action color. */
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody .ledger-row-cleared > td { background: var(--mp-cleared); }
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody .ledger-row-cleared:hover > td { background: var(--mp-cleared-hover); }
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody .ledger-row-reconciled > td { background: var(--mp-reconciled); }
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody .ledger-row-reconciled:hover > td { background: var(--mp-reconciled-hover); }
.ledger-page[b-6e9xadz3jx]  .ledger-row-reconciled .mp-status-letter { color: var(--mp-reconciled-ink); font-weight: 700; }
/* Added: 2026-10-18 14:00 - Quiet dotted row rules let the existing solid day boundaries stand out without resizing rows. */
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody > tr:not(:last-child) > td { border-bottom: 1px dotted var(--mp-line-soft); }
/* Added: 2026-10-17 09:50 - An inset hairline spans visible cells without changing row height or the stronger future/today boundary. */
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody .ledger-day-boundary:not(.ledger-date-boundary) > td { box-shadow: inset 0 1px 0 var(--mp-line); }
.ledger-page[b-6e9xadz3jx]  .mp-grid-ledger .rz-grid-table tbody .ledger-date-boundary > td { border-top: 3px solid var(--mp-accent); }
@media (max-width: 760px) {
    .ledger-page[b-6e9xadz3jx]  .mp-page-header { display: grid !important; grid-template-columns: minmax(0, 1fr) auto; }
    .ledger-page[b-6e9xadz3jx]  .mp-page-actions { grid-column: 1 / -1; width: 100%; display: flex; flex-wrap: wrap; }
    .ledger-page[b-6e9xadz3jx]  .mp-page-actions > .rz-button { flex: 0 0 auto; }
    .ledger-page[b-6e9xadz3jx]  .mp-grid-search { flex: 1 0 calc(100% - 9rem); }
    .ledger-page[b-6e9xadz3jx]  .mp-grid-ledger { margin: 0; width: 100%; overflow-x: hidden; }
    .ledger-page[b-6e9xadz3jx]  .rz-grid-table { min-width: 0 !important; table-layout: fixed; width: 100%; }
    .ledger-page[b-6e9xadz3jx]  col:nth-child(1) { width: 2.5rem !important; }
    .ledger-page[b-6e9xadz3jx]  col:nth-child(2), .ledger-page[b-6e9xadz3jx]  col:nth-child(4),
    .ledger-page[b-6e9xadz3jx]  th:nth-child(2), .ledger-page[b-6e9xadz3jx]  th:nth-child(4),
    .ledger-page[b-6e9xadz3jx]  td:nth-child(2), .ledger-page[b-6e9xadz3jx]  td:nth-child(4) { display: none; }
    .ledger-page[b-6e9xadz3jx]  col:nth-child(5), .ledger-page[b-6e9xadz3jx]  col:nth-child(6) { width: 6rem !important; }
    .ledger-page[b-6e9xadz3jx]  col:nth-child(7) { width: 2.25rem !important; }
    .ledger-page[b-6e9xadz3jx]  .rz-grid-table td, .ledger-page[b-6e9xadz3jx]  .rz-grid-table th { padding-inline: .15rem; }
    .ledger-page[b-6e9xadz3jx]  .rz-grid-table td { white-space: normal; }
    .ledger-page[b-6e9xadz3jx]  .mp-status-letter { min-width: 1.8rem; padding-inline: .15rem !important; }
    .ledger-page[b-6e9xadz3jx]  th:last-child .rz-column-title { padding-inline: 0; }
    .ledger-page[b-6e9xadz3jx]  th:last-child .rz-sortable-column-icon { font-size: .85rem; width: .9rem; }
    /* All columns remain filterable through the toolbar on phones, without crowding narrow headings. */
    .ledger-page[b-6e9xadz3jx]  .rz-grid-filter-icon { display: none; }
    .ledger-mobile-date[b-6e9xadz3jx] { display: block; color: var(--mp-muted); font-size: .85rem; }
    .ledger-desktop-status[b-6e9xadz3jx] { display: none; }
    .ledger-mobile-status[b-6e9xadz3jx] { display: inline; text-decoration: none; }
}
/* Added: 2026-10-31 09:00 - Expand classification under the visible payee, retaining one parent row on phones. */
.ledger-split-breakdown[b-6e9xadz3jx] { margin-top: .25rem; font-size: .875rem; min-width: 0; }
.ledger-split-breakdown summary[b-6e9xadz3jx] { cursor: pointer; width: fit-content; }
/* Added: 2026-10-31 17:43 - Only the native summary moves beside the payee; expanded allocations retain their full-width flow. */
.ledger-payee-cell-split[b-6e9xadz3jx] { position: relative; min-width: 0; --ledger-split-control-width: 5.25rem; }
.ledger-payee-cell-split > .ledger-payee[b-6e9xadz3jx] { display: block; width: max(0px, calc(100% - var(--ledger-split-control-width) - .25rem)); }
.ledger-payee-cell-split > .ledger-split-breakdown > summary[b-6e9xadz3jx] { position: absolute; inset-block-start: .25rem; inset-inline-end: 0; width: var(--ledger-split-control-width); max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.ledger-split-breakdown dl[b-6e9xadz3jx] { margin: .5rem 0; }
.ledger-split-breakdown dl > div[b-6e9xadz3jx] { display: flex; flex-wrap: wrap; gap: .25rem .75rem; padding: .375rem 0; border-top: 1px solid var(--rz-base-300); }
.ledger-split-breakdown dt[b-6e9xadz3jx] { flex: 1 1 8rem; white-space: normal; overflow-wrap: anywhere; }
.ledger-split-breakdown dd[b-6e9xadz3jx] { margin: 0; white-space: normal; overflow-wrap: anywhere; }
.ledger-split-note[b-6e9xadz3jx] { flex-basis: 100%; color: var(--mp-muted); }
.ledger-split-edit[b-6e9xadz3jx] { border: 0; background: transparent; color: inherit; font: inherit; cursor: pointer; padding: .25rem; text-decoration: underline; text-underline-offset: .2em; max-width: 100%; overflow-wrap: anywhere; }
.ledger-split-edit:focus-visible[b-6e9xadz3jx], .ledger-split-breakdown summary:focus-visible[b-6e9xadz3jx] { outline: 2px solid var(--rz-primary); }
/* /Components/Pages/McpConnections.razor.rz.scp.css */
/* Added: 2026-10-23 11:00 - Connection actions retain their slots while long client and household labels wrap. */
.mcp-connections[b-o6mhjx3kyc] { min-width: 0; }
.mcp-connections .mp-page-header[b-o6mhjx3kyc] { display: flex; align-items: center; justify-content: space-between; gap: .75rem; }
.mcp-connections h1[b-o6mhjx3kyc] { margin: 0; }
.mcp-status[b-o6mhjx3kyc] { height: 3rem; overflow: auto; padding-block: .4rem; box-sizing: border-box; }
.mcp-status span[b-o6mhjx3kyc] { overflow-wrap: anywhere; }
.mcp-status [role=alert][b-o6mhjx3kyc] { color: var(--mp-danger, #a2251b); }
.mcp-list[b-o6mhjx3kyc] { min-width: 0; margin: 0; padding: 0; list-style: none; }
.mcp-row[b-o6mhjx3kyc], .mcp-columns[b-o6mhjx3kyc] { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.2fr) minmax(0, .8fr) minmax(0, 1.2fr) 3rem; gap: .75rem; align-items: center; }
.mcp-columns[b-o6mhjx3kyc] { padding: .65rem .5rem; font-weight: 600; background: var(--rz-base-100); }
.mcp-row[b-o6mhjx3kyc] { min-height: 4.5rem; padding: .65rem .5rem; border-bottom: 1px solid var(--mp-line); }
.mcp-row > div[b-o6mhjx3kyc] { min-width: 0; overflow-wrap: anywhere; }
.mcp-client[b-o6mhjx3kyc] { font-weight: 600; }
.mcp-mobile-label[b-o6mhjx3kyc] { display: none; }
.mcp-action[b-o6mhjx3kyc] { display: flex; justify-content: end; align-items: center; min-height: 2.5rem; }
.mcp-action[b-o6mhjx3kyc]  button { min-width: 2.5rem; min-height: 2.5rem; flex: 0 0 2.5rem; }
.mcp-state[b-o6mhjx3kyc] { display: inline-flex; gap: .3rem; align-items: center; }
.mcp-state[b-o6mhjx3kyc]  .rzi { flex: 0 0 1.1rem; font-size: 1.1rem; }
.mcp-empty[b-o6mhjx3kyc] { color: var(--mp-muted); padding-block: 1rem; }
.mcp-pagination[b-o6mhjx3kyc] { display: flex; justify-content: end; gap: .5rem; margin-top: .75rem; }
.mcp-pagination[b-o6mhjx3kyc]  button { min-width: 2.5rem; min-height: 2.5rem; }
@media (max-width: 650px) {
    .mcp-columns[b-o6mhjx3kyc] { display: none; }
    .mcp-row[b-o6mhjx3kyc] { grid-template-columns: minmax(0, 1fr) 3rem; gap: .6rem .75rem; padding-block: .85rem; }
    .mcp-row > div:not(.mcp-action)[b-o6mhjx3kyc] { grid-column: 1; }
    .mcp-action[b-o6mhjx3kyc] { grid-column: 2; grid-row: 1 / 5; align-self: start; }
    .mcp-mobile-label[b-o6mhjx3kyc] { display: block; font-size: .8rem; color: var(--mp-muted); }
}
/* /Components/Pages/MyReports.razor.rz.scp.css */
/* Added: 2026-10-05 22:20 - Public progress and the reporter's own text remain a plain, wrapping document below the compact grid. */
.my-reports[b-ma1mfmqpr9] { min-width: 0; }
.my-reports .mp-page-header[b-ma1mfmqpr9], .my-report-filters[b-ma1mfmqpr9] { display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; }
.my-reports .mp-page-header[b-ma1mfmqpr9] { justify-content: space-between; }
.my-report-filters[b-ma1mfmqpr9] { min-width: 0; }
.my-report-filters[b-ma1mfmqpr9]  input { max-width: 100%; }
.my-reports[b-ma1mfmqpr9]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
.my-report-detail[b-ma1mfmqpr9] { margin-top: 1rem; border-top: 1px solid var(--rz-base-300); padding-top: 1rem; }
.my-report-detail header[b-ma1mfmqpr9] { display: flex; align-items: start; gap: .5rem; }
.my-report-detail h2[b-ma1mfmqpr9] { font-size: 1.125rem; margin: 0 auto .75rem 0; overflow-wrap: anywhere; }
.my-report-detail dl[b-ma1mfmqpr9] { display: grid; grid-template-columns: 10rem minmax(0, 1fr); gap: .5rem 1rem; font-size: .875rem; }
.my-report-detail dd[b-ma1mfmqpr9] { margin: 0; overflow-wrap: anywhere; }
.report-text[b-ma1mfmqpr9] { white-space: pre-wrap; }
@media (max-width: 600px) {
    .my-report-filters[b-ma1mfmqpr9] { width: 100%; }
    .my-report-filters[b-ma1mfmqpr9]  input { width: 100%; }
    .my-report-detail dl[b-ma1mfmqpr9] { grid-template-columns: minmax(0, 1fr); gap: .25rem; }
    .my-report-detail dd[b-ma1mfmqpr9] { margin-bottom: .5rem; }
}
/* /Components/Pages/PayeeAliasEditor.razor.rz.scp.css */
/* Added: 2026-09-09 17:00 - Keep modal controls and actions within narrow viewports. */
.payee-alias-editor[b-osdrse9smo]  .mp-editor-form { min-width: 0; }
.payee-alias-editor[b-osdrse9smo]  .mp-editor-form input, .payee-alias-editor[b-osdrse9smo]  .mp-editor-form select { min-width: 0; max-width: 100%; }
.payee-alias-editor[b-osdrse9smo]  .mp-editor-footer { flex-wrap: wrap !important; }
.payee-alias-editor[b-osdrse9smo]  .mp-editor-footer > .rz-button, .payee-alias-editor[b-osdrse9smo]  .mp-editor-actions { flex-shrink: 0; }
.payee-alias-editor[b-osdrse9smo]  .mp-editor-actions { margin-inline-start: auto; }
[role=alert][b-osdrse9smo] { color: #a2251b; overflow-wrap: anywhere; }
/* /Components/Pages/PayeeAliases.razor.rz.scp.css */
/* Added: 2026-09-09 17:00 - Reuse the Tahoma compact grid and preserve every column through narrow-screen scrolling. */
.payee-aliases[b-y0z3ej95vd] { min-width: 0; }
.payee-aliases[b-y0z3ej95vd]  .mp-grid-payee-aliases { font-family: var(--mp-grid-font); }
.payee-aliases[b-y0z3ej95vd]  .rz-grid-table { table-layout: fixed; }
.payee-aliases[b-y0z3ej95vd]  td { white-space: normal; overflow-wrap: anywhere; }
.payee-aliases[b-y0z3ej95vd]  .rz-cell-data { white-space: normal; overflow-wrap: anywhere; }
.payee-aliases[b-y0z3ej95vd]  .rz-pager .rz-dropdown-label { padding-inline-end: 0.25rem; }
[role=alert][b-y0z3ej95vd] { color: #a2251b; overflow-wrap: anywhere; }
/* Added: 2026-09-23 15:00 - Keep the three quick-edit fields visible on phones; all filters remain in the toolbar. */
.payee-aliases[b-y0z3ej95vd]  mp-ledger-cell { min-width: 0; width: 100%; }
.payee-aliases[b-y0z3ej95vd]  .aliases-filter-active { box-shadow: inset 0 -3px var(--mp-accent, #167185); }
.payee-aliases[b-y0z3ej95vd]  .aliases-filter-active .rz-grid-filter-icon { color: var(--mp-accent, #167185); font-weight: 700; }
/* Added: 2026-09-23 15:30 - Reserve compact utility columns without clipping their sortable/filterable headings. */
.payee-aliases[b-y0z3ej95vd]  th:first-child .rz-column-title,
.payee-aliases[b-y0z3ej95vd]  th.aliases-status .rz-column-title { padding-inline: 0; }
.payee-aliases[b-y0z3ej95vd]  th:first-child,
.payee-aliases[b-y0z3ej95vd]  th.aliases-status { padding-inline: .25rem; }
.payee-aliases[b-y0z3ej95vd]  th.aliases-profile .rz-column-title { padding-inline: .35rem; }
.payee-aliases[b-y0z3ej95vd]  th.aliases-status .rz-column-title-content,
.payee-aliases[b-y0z3ej95vd]  th.aliases-profile .rz-column-title-content { white-space: normal; text-overflow: clip; }
.payee-aliases[b-y0z3ej95vd]  th.aliases-status .rz-grid-filter-icon { margin-inline: 0; }
@media (max-width: 760px) {
    .payee-aliases[b-y0z3ej95vd]  .mp-page-header, .payee-aliases[b-y0z3ej95vd]  .mp-page-actions { flex-wrap: wrap !important; min-width: 0; }
    .payee-aliases[b-y0z3ej95vd]  .mp-page-actions { width: 100%; }
    /* Added: 2026-09-23 14:00 - Keep search usable above the command buttons on narrow screens. */
    .payee-aliases[b-y0z3ej95vd]  .mp-grid-search { flex: 1 1 100%; min-width: 0; width: 100%; }
    .payee-aliases[b-y0z3ej95vd]  .mp-grid-search-input { width: 100%; min-width: 0; }
    .payee-aliases[b-y0z3ej95vd]  .rz-grid-table { min-width: 0 !important; width: 100%; }
    .payee-aliases[b-y0z3ej95vd]  col:first-child { width: 2.75rem !important; }
    .payee-aliases[b-y0z3ej95vd]  col:nth-child(3), .payee-aliases[b-y0z3ej95vd]  col:nth-child(6), .payee-aliases[b-y0z3ej95vd]  col:nth-child(7),
    .payee-aliases[b-y0z3ej95vd]  .aliases-match, .payee-aliases[b-y0z3ej95vd]  .aliases-profile, .payee-aliases[b-y0z3ej95vd]  .aliases-status { display: none; }
    .payee-aliases[b-y0z3ej95vd]  .rz-grid-filter-icon { display: none; }
    .payee-aliases[b-y0z3ej95vd]  .rz-grid-table td, .payee-aliases[b-y0z3ej95vd]  .rz-grid-table th { padding-inline: .15rem; }
    .payee-aliases[b-y0z3ej95vd]  .rz-column-title, .payee-aliases[b-y0z3ej95vd]  .rz-column-title-content { white-space: normal; text-overflow: clip; }
}
/* /Components/Pages/Payees.razor.rz.scp.css */
/* Added: 2026-09-23 13:00 - Keep shared editing/filtering compact; phone filters remain available in the toolbar. */
.payees-page[b-wcl7e3l273] { min-width: 0; }
.payees-row-actions[b-wcl7e3l273] { display: inline-flex; gap: .2rem; white-space: nowrap; }
.payees-category[b-wcl7e3l273] { display: flex; align-items: center; min-width: 0; }
.payees-category[b-wcl7e3l273]  mp-ledger-cell { flex: 1 1 0; min-width: 0; }
.payees-page[b-wcl7e3l273]  .payees-filter-active { box-shadow: inset 0 -3px var(--mp-accent, #167185); }
.payees-page[b-wcl7e3l273]  .payees-filter-active .rz-grid-filter-icon { color: var(--mp-accent, #167185); font-weight: 700; }
@media (max-width: 760px) {
    .payees-page[b-wcl7e3l273]  .mp-page-actions { width: 100%; flex-wrap: wrap; }
    .payees-page[b-wcl7e3l273]  .mp-checkbox-row { width: 100%; }
    .payees-page[b-wcl7e3l273]  .mp-grid-search { flex: 1 1 8rem; }
    .payees-page[b-wcl7e3l273]  .rz-grid-table { min-width: 0 !important; table-layout: fixed; width: 100%; }
    .payees-page[b-wcl7e3l273]  col:first-child { width: 5rem !important; }
    .payees-page[b-wcl7e3l273]  col:nth-child(4), .payees-page[b-wcl7e3l273]  .payees-last-used { display: none; }
    .payees-page[b-wcl7e3l273]  .rz-grid-filter-icon { display: none; }
    .payees-page[b-wcl7e3l273]  .rz-grid-table td, .payees-page[b-wcl7e3l273]  .rz-grid-table th { padding-inline: .15rem; }
    .payees-page[b-wcl7e3l273]  .rz-column-title { white-space: normal; }
}
/* /Components/Pages/PayeeTransactions.razor.rz.scp.css */
/* Added: 2026-10-17 - A bounded detail surface reuses the report grid without widening the page on phones. */
.payee-register[b-zbwd979xmm] { min-width: 0; }
.payee-register h1[b-zbwd979xmm] { overflow-wrap: anywhere; }
.payee-register-filters[b-zbwd979xmm] { display: flex; align-items: end; gap: .75rem; flex-wrap: wrap; }
.payee-register-filters label[b-zbwd979xmm] { display: flex; flex-direction: column; gap: .3rem; min-width: 0; flex: 1 1 10rem; }
.payee-register-filters select[b-zbwd979xmm], .payee-register-filters input[b-zbwd979xmm] { min-height: 2.25rem; border: 0; border-radius: 4px; padding: .4rem .6rem; color: inherit; background: linear-gradient(#fff, #eef0f4); box-shadow: inset 0 1px 3px #26364626; font: inherit; width: 100%; }
.payee-register-filter-status[b-zbwd979xmm] { height: 3rem; overflow: auto; color: var(--mp-danger, #b42318); }
.payee-register-grid[b-zbwd979xmm] { max-width: 100%; overflow-x: auto; }
.payee-register-grid[b-zbwd979xmm]  .rz-grid-table { min-width: 760px; }
.payee-register-grid[b-zbwd979xmm]  .report-heading { display: flex; justify-content: space-between; align-items: center; }
.payee-register-grid[b-zbwd979xmm]  .report-heading h2 { font-size: 1.1rem; }
/* /Components/Pages/PlanningNavigation.razor.rz.scp.css */
/* Added: 2026-09-23 17:30 - Compact shared navigation leaves charts and rows primary; phone account selection sits above stable tabs. */
.planning-navigation[b-h9jrs1xhe8] { min-width: 0; margin-bottom: .65rem; }
.planning-heading[b-h9jrs1xhe8] { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: .5rem; margin-bottom: .5rem; }
.planning-heading h1[b-h9jrs1xhe8] { margin: 0; font-size: 1.35rem; font-weight: 600; letter-spacing: 0; }
/* Added: 2026-10-01 23:15 - A compact themed navigation control keeps its native link behavior and visible keyboard focus. */
.planning-reports[b-h9jrs1xhe8] { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; min-height: 2.5rem; margin-inline-start: auto; padding: .35rem .65rem; border: 1px solid var(--rz-base-300); border-radius: var(--rz-border-radius); background: var(--rz-base-100); color: var(--rz-text-color); font-size: .85rem; font-weight: 600; line-height: 1.35; text-decoration: none; white-space: nowrap; }
.planning-reports:hover[b-h9jrs1xhe8] { background: var(--rz-base-200); color: var(--rz-text-color); }
.planning-reports:focus-visible[b-h9jrs1xhe8] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
.planning-reports[b-h9jrs1xhe8]  .rzi { font-size: 1.15rem; flex: 0 0 auto; }
.planning-actions[b-h9jrs1xhe8] { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: .5rem; min-width: 0; }
.planning-context[b-h9jrs1xhe8] { display: grid; grid-template-columns: minmax(14rem, 1.3fr) minmax(0, 3fr); align-items: end; gap: .6rem 1rem; margin-bottom: .65rem; }
/* Added: 2026-10-28 12:00 - Account/Ledger is one stable section; the three ordinary tab links retain their existing appearance. */
.planning-account-section[b-h9jrs1xhe8] { display: flex; align-items: end; gap: .5rem; min-width: 0; }
.planning-account[b-h9jrs1xhe8] { display: flex; flex-direction: column; gap: .15rem; flex: 1 1 0; min-width: 0; max-width: 100%; font-size: .85rem; }
.planning-account[b-h9jrs1xhe8]  .mp-searchable-select { display: block; min-width: 0; width: 100%; }
/* Added: 2026-10-23 00:10 - Trade a little picker width for a stable same-account Ledger shortcut. */
.planning-account-ledger[b-h9jrs1xhe8] { flex-basis: 18rem; min-width: 10rem; }
.planning-ledger[b-h9jrs1xhe8] { margin-inline-start: 0; flex: 0 0 auto; }
.planning-ledger[aria-disabled=true][b-h9jrs1xhe8] { opacity: .6; cursor: default; }
.planning-tabs[b-h9jrs1xhe8] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); min-width: 0; border-bottom: 1px solid var(--rz-base-300); }
.planning-tab[b-h9jrs1xhe8] { display: flex; align-items: center; justify-content: center; gap: .4rem; min-height: 2.5rem; padding: .4rem .5rem; border-bottom: 3px solid transparent; color: var(--rz-text-secondary-color); text-decoration: none; font-weight: 600; text-align: center; line-height: 1.35; letter-spacing: 0; }
.planning-tab.active[b-h9jrs1xhe8] { border-bottom-color: var(--rz-primary); color: var(--rz-primary); }
.planning-tab:hover[b-h9jrs1xhe8] { background: var(--rz-base-100); color: var(--rz-text-color); }
.planning-tab:focus-visible[b-h9jrs1xhe8] { outline: 2px solid var(--rz-primary); outline-offset: -2px; }
.planning-tab[b-h9jrs1xhe8]  .rzi { font-size: 1.15rem; flex: 0 0 auto; }
@media (max-width: 760px) {
    .planning-context[b-h9jrs1xhe8] { grid-template-columns: minmax(0, 1fr); gap: .5rem; }
    .planning-tabs[b-h9jrs1xhe8] { width: 100%; }
    .planning-tab[b-h9jrs1xhe8] { flex-direction: column; gap: .2rem; min-height: 4.1rem; padding: .35rem .15rem; font-size: .85rem; }
    .planning-actions[b-h9jrs1xhe8] { width: 100%; justify-content: flex-start; }
}
/* /Components/Pages/Pricing.razor.rz.scp.css */
/* Added: 2026-10-01 16:26 - Keep the public policy compact, unframed and readable with the existing brand and shared footer. */
.pricing-page[b-78npz2o501] {
    color: var(--mp-text);
    font-family: var(--mp-font);
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.7;
    margin-inline: auto;
    max-width: 64rem;
    min-width: 0;
    overflow-wrap: anywhere;
    padding: 2rem 1rem;
}

.pricing-heading[b-78npz2o501] {
    align-items: center;
    display: flex;
    gap: 1rem;
    margin-bottom: 2rem;
}

.pricing-heading img[b-78npz2o501] {
    flex: 0 0 48px;
    height: 48px;
    object-fit: contain;
    width: 48px;
}

.pricing-heading h1[b-78npz2o501] {
    font-size: 28px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.3;
    margin: 0;
    min-width: 0;
}

.pricing-policy[b-78npz2o501] {
    border-top: 1px solid var(--mp-line);
    padding-block: 1.5rem;
}

.pricing-policy h2[b-78npz2o501] {
    color: var(--mp-ink);
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.5;
    margin: 0 0 0.75rem;
}

.pricing-policy p[b-78npz2o501] {
    margin: 0;
    max-width: 65ch;
}

.pricing-policy .pricing-note[b-78npz2o501] {
    color: var(--mp-muted);
    font-size: 14px;
    margin-top: 0.75rem;
}

.pricing-actions[b-78npz2o501] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem 1.5rem;
    margin-top: 0.25rem;
}

.pricing-actions a[b-78npz2o501] {
    align-items: center;
    display: inline-flex;
    justify-content: center;
    max-width: 100%;
    min-height: 44px;
    text-underline-offset: 0.2em;
}

.pricing-create[b-78npz2o501] {
    background: #087e8b;
    border: 1px solid #087e8b;
    border-radius: 4px;
    color: #ffffff;
    padding: 0.65rem 1.4rem;
    text-decoration: none;
}

.pricing-create:hover[b-78npz2o501] {
    background: #066671;
    border-color: #066671;
    color: #ffffff;
}

.pricing-sign-in[b-78npz2o501] {
    color: #087583;
}

.pricing-sign-in:hover[b-78npz2o501] {
    color: #066671;
}

.pricing-actions a:focus-visible[b-78npz2o501] {
    outline: 3px solid #066671;
    outline-offset: 3px;
}

@media (max-width: 600px) {
    .pricing-page[b-78npz2o501] {
        padding: 1.25rem 0.5rem;
    }
}
/* /Components/Pages/ReassignReferenceEditor.razor.rz.scp.css */
/* Added: 2026-09-09 16:00 - Keep confirmation readable beside a native checkbox instead of inheriting full-width editor input sizing. */
.reassignment-confirmation[b-ij0miiiker] {
    align-items: start;
    display: grid;
    gap: 0.5rem;
    grid-template-columns: 1.125rem minmax(0, 1fr);
}

.reassignment-confirmation[b-ij0miiiker]  input[type="checkbox"] {
    height: 1.125rem;
    margin: 0.15rem 0 0;
    min-height: 1.125rem;
    padding: 0;
    width: 1.125rem;
}

/* Added: 2026-10-22 17:18 - Error details scroll in a reserved slot without moving the selection, confirmation or actions. */
.reassignment-feedback[b-ij0miiiker] {
    height: 3rem;
    overflow: auto;
    overflow-wrap: anywhere;
}
/* /Components/Pages/Reconcile.razor.rz.scp.css */
/* Added: 2026-09-07 10:00 - Compact statement history follows the existing Tahoma grid convention. */
.reconcile-page[b-fuxp07pmn5] { min-width: 0; }
.reconcile-header[b-fuxp07pmn5] { display: flex; align-items: center; flex-wrap: wrap; gap: .6rem; margin-bottom: .75rem; }
.reconcile-header h1[b-fuxp07pmn5] { font-size: 1.25rem; margin: 0; }
.reconcile-header select[b-fuxp07pmn5] { max-width: 100%; min-width: 10rem; padding: .3rem; }
.mp-page-actions[b-fuxp07pmn5] { display: flex; flex-wrap: wrap; gap: .5rem; margin-left: auto; }
.reconcile-page[b-fuxp07pmn5]  .rz-data-grid { font-family: var(--mp-grid-font); }
.reconcile-page[b-fuxp07pmn5]  .rz-data-row td { padding: .25rem .4rem; }
/* Added: 2026-09-11 16:00 - Match header and value edges; numeric sort indicators precede labels to retain right alignment. */
.reconcile-page[b-fuxp07pmn5]  .rz-grid-table th,
.reconcile-page[b-fuxp07pmn5]  .rz-grid-table td { padding-inline: .4rem; }
.reconcile-page[b-fuxp07pmn5]  .rz-grid-table thead th:not(.rz-text-align-center) .rz-column-title { padding-inline: 0; }
.reconcile-page[b-fuxp07pmn5]  .rz-grid-table thead th.rz-text-align-right .rz-column-title { flex-direction: row-reverse; justify-content: flex-start; }
@media (max-width: 600px) {
    .mp-page-actions[b-fuxp07pmn5] { width: 100%; margin-left: 0; }
    /* Added: 2026-09-07 14:00 - Paired balance columns remain readable in the narrow statement history. */
    .reconcile-page[b-fuxp07pmn5]  .mp-grid-compact { margin-inline: 0; max-width: 100%; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table { min-width: 0 !important; width: 100%; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table colgroup { display: none; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table thead,
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table tbody { display: block; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table tr { display: grid; grid-template-columns: 3rem minmax(0, 1fr) minmax(0, 1fr); }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table th,
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table td { width: auto !important; min-width: 0; padding: .25rem .3rem; }
    .reconcile-page[b-fuxp07pmn5]  .rz-cell-data,
    .reconcile-page[b-fuxp07pmn5]  .rz-column-title-content { white-space: normal; overflow-wrap: anywhere; text-overflow: clip; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table th:first-child,
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table td:first-child { grid-column: 1; grid-row: 1 / 3; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table th:nth-child(3),
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table td:nth-child(3) { grid-column: 2; grid-row: 2; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table th:nth-child(4),
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table td:nth-child(4) { grid-column: 3; grid-row: 2; }
    .reconcile-page[b-fuxp07pmn5]  .rz-grid-table td[colspan] { grid-column: 1 / -1; }
}
/* /Components/Pages/ReconcileEditor.razor.rz.scp.css */
/* Added: 2026-09-07 10:00 - Stable numeric columns and wrapping modal controls retain a compact Tahoma register. */
.reconcile-editor[b-n63u8597sg] { min-width: 0; }
.reconcile-fields[b-n63u8597sg] { display: flex; flex-wrap: wrap; gap: .75rem; border: 0; padding: 0; margin: .5rem 0; min-width: 0; }
.reconcile-fields label[b-n63u8597sg], .reconcile-reason[b-n63u8597sg] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; }
.reconcile-fields[b-n63u8597sg]  input { min-width: 0; max-width: 100%; padding: .3rem; }
/* Added: 2026-09-15 23:40 - Reconciliation dividers and native selection controls follow Software's palette. */
.reconcile-totals[b-n63u8597sg] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: .5rem 1rem; margin: .75rem 0; padding: .5rem 0; border-block: 1px solid var(--mp-line); }
.reconcile-totals dt[b-n63u8597sg] { font-weight: 400; font-size: .8rem; }
.reconcile-totals dd[b-n63u8597sg] { margin: 0; font-variant-numeric: tabular-nums; font-weight: 600; }
.reconcile-grid-heading[b-n63u8597sg] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; margin: .75rem 0 .35rem; }
.reconcile-grid-heading h2[b-n63u8597sg], .reconcile-audit-heading[b-n63u8597sg] { font-size: .95rem; margin: .5rem 0; }
.reconcile-editor[b-n63u8597sg]  .rz-data-grid { font-family: var(--mp-grid-font); }
.reconcile-editor[b-n63u8597sg]  .rz-data-row td { padding: .25rem .4rem; }
.reconcile-editor[b-n63u8597sg]  .reconcile-candidate-grid th:first-child .rz-column-title,
.reconcile-editor[b-n63u8597sg]  .reconcile-selected-grid th:first-child .rz-column-title { padding-inline: 0; }
.reconcile-reason[b-n63u8597sg] { margin-top: .75rem; }
.reconcile-reason[b-n63u8597sg]  input { width: 100%; }
.reconcile-actions[b-n63u8597sg], .reconcile-actions .mp-editor-actions[b-n63u8597sg] { display: flex; gap: .5rem; flex-wrap: wrap; }
.reconcile-actions[b-n63u8597sg] { justify-content: space-between; margin-top: .75rem; }
/* Added: 2026-09-11 15:00 - Bulk scope and finalization reasons wrap beside the existing compact controls. */
.reconcile-bulk-actions[b-n63u8597sg] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; margin-block: .5rem; }
.reconcile-bulk-actions span[b-n63u8597sg], .reconcile-finalize-reason[b-n63u8597sg] { font-size: .85rem; }
.reconcile-bulk-actions[b-n63u8597sg]  button { max-width: 100%; }
.reconcile-bulk-actions[b-n63u8597sg]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
.reconcile-finalize-reason[b-n63u8597sg] { margin-block: .75rem .25rem; }
/* Added: 2026-09-11 18:00 - Errors and changing prerequisites occupy stable, keyboard-scrollable space instead of moving footer actions. */
.reconcile-error-space[b-n63u8597sg] { height: 4.5rem; overflow: auto; overflow-wrap: anywhere; overscroll-behavior: contain; }
.reconcile-error-space[b-n63u8597sg]  .validation-summary-errors ul { margin: 0; }
.reconcile-guidance[b-n63u8597sg] { height: 7rem; margin-top: .75rem; overflow: auto; overflow-wrap: anywhere; overscroll-behavior: contain; font-size: .85rem; }
.reconcile-guidance p[b-n63u8597sg] { margin: 0; }
.reconcile-guidance:focus-visible[b-n63u8597sg], .reconcile-error-space:focus-visible[b-n63u8597sg] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.reconcile-actions[b-n63u8597sg]  button { max-width: 100%; }
.reconcile-actions[b-n63u8597sg]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
/* Added: 2026-09-11 15:02 - Override full-size editor input defaults for compact, individually selectable history rows. */
.reconcile-editor[b-n63u8597sg]  input[type="checkbox"] { width: 24px; height: 24px; min-height: 24px; padding: 0; margin: 0; vertical-align: middle; accent-color: var(--mp-accent); }
@media (max-width: 600px) {
    .reconcile-guidance[b-n63u8597sg] { height: 13rem; }
    .reconcile-fields label[b-n63u8597sg] { flex: 1 1 100%; }
    /* Added: 2026-09-07 14:00 - Keep the native grid controls; compact two-line rows expose every field without the global 680px minimum. */
    .reconcile-editor[b-n63u8597sg]  .mp-grid-compact { margin-inline: 0; max-width: 100%; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table { min-width: 0 !important; width: 100%; table-layout: fixed; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table colgroup { display: none; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table thead,
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table tbody { display: block; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table tr { display: grid; width: 100%; }
    .reconcile-editor[b-n63u8597sg]  .reconcile-candidate-grid tr,
    .reconcile-editor[b-n63u8597sg]  .reconcile-selected-grid tr { grid-template-columns: 3.2rem 5rem minmax(0, 1fr) 7rem; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table th,
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table td { width: auto !important; min-width: 0; padding: .25rem .2rem; }
    .reconcile-editor[b-n63u8597sg]  .rz-cell-data,
    .reconcile-editor[b-n63u8597sg]  .rz-column-title-content { white-space: normal; overflow-wrap: anywhere; text-overflow: clip; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table th:first-child,
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table td:first-child { grid-column: 1; grid-row: 1 / 3; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table th:nth-child(5),
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table td:nth-child(5) { grid-column: 2 / 4; grid-row: 2; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table th:nth-child(6),
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table td:nth-child(6) { grid-column: 4; grid-row: 2; }
    .reconcile-editor[b-n63u8597sg]  .rz-grid-table td[colspan] { grid-column: 1 / -1; }
    .reconcile-editor[b-n63u8597sg]  .reconcile-selected-grid th:nth-child(5),
    .reconcile-editor[b-n63u8597sg]  .reconcile-selected-grid td:nth-child(5) { grid-column: 2 / -1; }
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid tr { grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr) minmax(0, 1fr); }
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid th:first-child,
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid td:first-child { grid-row: 1; }
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid th:nth-child(4),
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid td:nth-child(4) { grid-column: 1 / 3; grid-row: 2; }
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid th:nth-child(5),
    .reconcile-editor[b-n63u8597sg]  .reconcile-audit-grid td:nth-child(5) { grid-column: 3; }
}
/* /Components/Pages/Referrals.razor.rz.scp.css */
.referrals-summary[b-k39hjktn9s] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem 1.5rem;
    margin: 0.5rem 0 0.75rem;
    font-size: 0.875rem;
}

.referrals-page[b-k39hjktn9s]  .referrals-time {
    white-space: nowrap;
}
/* /Components/Pages/ReportingSurface.razor.rz.scp.css */
/* Added: 2026-09-07 10:00 - Unframed report sections and adaptive financial rows. */
.reporting-surface[b-hkvjwf0xsw] { min-width: 0; width: 100%; }
.reporting-surface[b-hkvjwf0xsw]  .report-heading { display: flex; align-items: center; justify-content: space-between; gap: .6rem; flex-wrap: wrap; }
/* Added: 2026-09-07 13:30 - The dashboard's one table-search control wraps without affecting account selection. */
.reporting-surface[b-hkvjwf0xsw]  .dashboard-table-search { flex: 1 1 16rem; min-width: 0; max-width: 30rem; }
.reporting-surface[b-hkvjwf0xsw]  .dashboard-table-search .mp-grid-search { min-width: 0; max-width: 100%; width: 100%; }
.reporting-surface[b-hkvjwf0xsw]  .report-download { display: inline-flex; align-items: center; gap: .5rem; flex-wrap: wrap; max-width: 100%; }
.reporting-surface[b-hkvjwf0xsw]  .report-download .rz-button { white-space: normal; height: auto; min-height: 2rem; }
.reporting-surface[b-hkvjwf0xsw]  .report-controls { display: flex; gap: .6rem; align-items: end; flex-wrap: wrap; }
.reporting-surface[b-hkvjwf0xsw]  .report-controls label { display: flex; flex-direction: column; gap: .2rem; font-size: .85rem; }
.reporting-surface[b-hkvjwf0xsw]  .report-controls .report-check { flex-direction: row; align-items: center; }
/* Added: 2026-09-15 23:40 - Keep native report controls consistent with Software without changing report density. */
.reporting-surface[b-hkvjwf0xsw]  input[type=date], .reporting-surface[b-hkvjwf0xsw]  select { max-width: 100%; padding: .3rem; border: var(--rz-input-border); border-radius: var(--rz-input-border-radius); background: var(--rz-input-background-color); color: var(--rz-input-value-color); box-shadow: var(--rz-input-shadow); }
/* Added: 2026-10-10 14:00 - Calendar inputs align with the themed report/account selectors. */
.reporting-surface[b-hkvjwf0xsw]  .report-selection input[type=date] { height: var(--rz-input-height); min-height: var(--rz-input-height); border-block-end: var(--rz-input-border-block-end); font: inherit; padding-inline: var(--rz-input-padding-inline); }
.reporting-surface[b-hkvjwf0xsw]  :is(input[type=date], select):focus-visible { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.reporting-surface[b-hkvjwf0xsw]  .report-metrics { display: flex; gap: 1.4rem; flex-wrap: wrap; padding: .7rem 0; }
.reporting-surface[b-hkvjwf0xsw]  .report-metrics span { display: grid; gap: .15rem; }
.reporting-surface[b-hkvjwf0xsw]  .report-chart { width: 100%; height: 290px; min-width: 0; overflow: hidden; }
.reporting-surface[b-hkvjwf0xsw]  .report-chart .rz-chart { height: 100%; width: 100%; }
.reporting-surface[b-hkvjwf0xsw]  section { border-top: 1px solid var(--mp-line); padding: .8rem 0; min-width: 0; }
.reporting-surface[b-hkvjwf0xsw]  h2 { font-size: 1.1rem; margin: 0 0 .6rem; letter-spacing: 0; }
.reporting-surface[b-hkvjwf0xsw]  .mp-grid-compact { font-family: var(--mp-grid-font); min-width: 0 !important; }
.reporting-surface[b-hkvjwf0xsw]  .mp-grid-compact th, .reporting-surface[b-hkvjwf0xsw]  .mp-grid-compact td { white-space: normal; overflow-wrap: anywhere; }
.reporting-surface[b-hkvjwf0xsw]  .report-numeric { text-align: right; font-variant-numeric: tabular-nums; white-space: nowrap; }
.reporting-surface[b-hkvjwf0xsw]  .report-negative { color: #a92724; }
.reporting-surface[b-hkvjwf0xsw]  .report-positive { color: #227047; }
.reporting-surface[b-hkvjwf0xsw]  .report-row-link { color: inherit; background: none; border: 0; padding: .2rem 0; text-align: left; text-decoration: underline; font: inherit; }
.reporting-surface[b-hkvjwf0xsw]  .report-account-selection { display: flex; gap: .75rem; flex-wrap: wrap; margin-bottom: .8rem; }
.reporting-surface[b-hkvjwf0xsw]  .report-account-selection label { display: flex; gap: .35rem; align-items: center; }
.reporting-surface[b-hkvjwf0xsw]  .report-mobile { display: none; }
.reporting-surface[b-hkvjwf0xsw]  .report-error { color: #a92724; padding: .5rem 0; }
@media (max-width: 640px) {
    .reporting-surface[b-hkvjwf0xsw]  .dashboard-table-search { order: 3; flex-basis: 100%; max-width: none; width: 100%; }
    .reporting-surface[b-hkvjwf0xsw]  .mp-dashboard .mp-grid-compact colgroup { display: none; }
    .reporting-surface[b-hkvjwf0xsw]  .mp-dashboard .mp-grid-compact .rz-column-title-content { white-space: normal; overflow-wrap: anywhere; }
    .reporting-surface[b-hkvjwf0xsw]  .report-chart { height: 300px; }
    /* Added: 2026-09-07 12:45 - Override the native Radzen table, not only its outer grid wrapper. */
    .reporting-surface[b-hkvjwf0xsw]  .mp-grid-compact .rz-grid-table,
    .reporting-surface[b-hkvjwf0xsw]  .mp-grid-compact .rz-datatable { min-width: 0 !important; width: 100%; table-layout: fixed; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-grid colgroup { display: none; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-value { display: none; }
    .reporting-surface[b-hkvjwf0xsw]  .report-desktop { display: none; }
    .reporting-surface[b-hkvjwf0xsw]  .report-mobile { display: block; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-amounts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .25rem .5rem; padding: .25rem 0; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-amounts span { display: grid; gap: .2rem; min-width: 0; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-amounts strong { font-size: 13px; font-weight: 500; font-variant-numeric: tabular-nums; white-space: normal; overflow-wrap: anywhere; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-amounts small { font-size: 12px; }
    .reporting-surface[b-hkvjwf0xsw]  .report-month-grid .report-row-link { font-size: 13px; }
    .reporting-surface[b-hkvjwf0xsw]  .report-metrics { gap: .8rem; font-size: .9rem; }
    .reporting-surface[b-hkvjwf0xsw]  .report-mobile-row { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .25rem .5rem; padding: .5rem 0; border-bottom: 1px solid var(--mp-line-soft); font-family: var(--mp-grid-font); overflow-wrap: anywhere; }
    .reporting-surface[b-hkvjwf0xsw]  .report-mobile-row small { font-size: .8rem; }
    .reporting-surface[b-hkvjwf0xsw]  .report-controls { align-items: stretch; }
    .reporting-surface[b-hkvjwf0xsw]  .report-controls label { min-width: 0; }
    .reporting-surface[b-hkvjwf0xsw]  .rz-paginator { flex-wrap: wrap; }
}
/* /Components/Pages/ScheduledOccurrenceActionEditor.razor.rz.scp.css */
.scheduled-occurrence-editor[b-r0f2fpda38] { min-width: 0; }
.scheduled-occurrence-editor[b-r0f2fpda38]  form { display: flex; flex-direction: column; gap: 0.75rem; }
.occurrence-field[b-r0f2fpda38] { display: flex; flex-direction: column; gap: 0.25rem; min-width: 0; }
.occurrence-field[b-r0f2fpda38]  input, .occurrence-field[b-r0f2fpda38]  select { width: 100%; min-width: 0; box-sizing: border-box; }
.occurrence-summary[b-r0f2fpda38] { display: flex; flex-direction: column; gap: 0.25rem; overflow-wrap: anywhere; }
.occurrence-entry-fields[b-r0f2fpda38] { display: grid; grid-template-columns: 1fr 1fr; gap: 0.75rem; }
.occurrence-window summary[b-r0f2fpda38] { cursor: pointer; }
.occurrence-window-fields[b-r0f2fpda38] { display: grid; grid-template-columns: 1fr 1fr auto; align-items: end; gap: 0.5rem; margin-top: 0.5rem; }
.occurrence-actions[b-r0f2fpda38] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: 0.5rem; }
/* Added: 2026-10-23 19:15 - Reserve feedback space so conflicts and reload results never move the editing controls. */
.occurrence-feedback[b-r0f2fpda38] { height: 5.5rem; flex: 0 0 5.5rem; overflow: auto; overflow-wrap: anywhere; }
[role=alert][b-r0f2fpda38] { color: #a2251b; overflow-wrap: anywhere; }
@media (max-width: 400px) {
    .occurrence-entry-fields[b-r0f2fpda38], .occurrence-window-fields[b-r0f2fpda38] { grid-template-columns: 1fr; }
}
/* /Components/Pages/ScheduledPayments.razor.rz.scp.css */
[role=alert][b-d2m13tmylq] { color: #a2251b; overflow-wrap: anywhere; }
/* Added: 2026-09-25 23:00 - Reserve readable desktop columns inside the scrollable grid; retain the compact phone layout below. */
[b-d2m13tmylq] .mp-grid-scheduled { min-width: 0; max-width: 100%; }
[b-d2m13tmylq] .mp-grid-scheduled .rz-grid-table { min-width: 91rem; }
[b-d2m13tmylq] .mp-grid-scheduled .rz-column-title { padding-inline: 0; }
/* Added: 2026-09-21 23:40 - Keep both occurrence commands on one line within their dedicated column. */
.scheduled-payment-actions[b-d2m13tmylq] { display: flex; flex-wrap: nowrap; align-items: center; gap: 0.25rem; }
.scheduled-payment-actions[b-d2m13tmylq]  .rz-button { flex: 0 0 auto; white-space: nowrap; }
.scheduled-payment-actions[b-d2m13tmylq]  .rz-button-text { white-space: nowrap; overflow-wrap: normal; }
/* Added: 2026-10-03 07:20 - Keep inclusion and its workspace link usable without widening the compact phone grid. */
.scheduled-debt-controls[b-d2m13tmylq], .scheduled-debt-status[b-d2m13tmylq] { display: flex; align-items: center; flex-wrap: wrap; gap: 0.5rem; }
.scheduled-debt-controls input[b-d2m13tmylq] { width: 1rem; height: 1rem; flex: 0 0 1rem; margin: 0; }
.scheduled-debt-controls a[b-d2m13tmylq] { display: inline-flex; align-items: center; justify-content: center; min-width: 1.5rem; min-height: 1.5rem; }
/* Added: 2026-10-04 09:25 - Pending, failed and setup feedback share fixed slots, leaving row height and neighboring controls unchanged. */
.scheduled-debt-controls[b-d2m13tmylq] { display: grid; grid-template-columns: 1rem 1.5rem 1.5rem; gap: .25rem; height: 1.75rem; }
.scheduled-debt-hidden[b-d2m13tmylq] { visibility: hidden; }
.scheduled-debt-status[b-d2m13tmylq] { height: 2rem; flex-wrap: nowrap; overflow: hidden; }
.scheduled-debt-status > span[b-d2m13tmylq] { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scheduled-debt-row-status[b-d2m13tmylq] { width: 1.5rem; height: 1.5rem; display: inline-flex; align-items: center; justify-content: center; }
.scheduled-debt-row-status button[b-d2m13tmylq] { display: inline-flex; align-items: center; justify-content: center; border: 0; padding: 0; width: 1.5rem; height: 1.5rem; background: transparent; color: var(--rz-danger); cursor: pointer; }
.scheduled-debt-row-status button:focus-visible[b-d2m13tmylq] { outline: 2px solid var(--rz-primary); }
.scheduled-debt-heading[b-d2m13tmylq] { white-space: normal; }
.scheduled-debt-heading-short[b-d2m13tmylq] { display: none; }
@media (max-width: 600px) {
    [b-d2m13tmylq] .mp-page-header, [b-d2m13tmylq] .mp-page-actions { flex-wrap: wrap !important; min-width: 0; }
    [b-d2m13tmylq] .mp-page-actions { width: 100%; }
    [b-d2m13tmylq] .mp-grid-search { flex: 1; min-width: 0; }
    [b-d2m13tmylq] .mp-grid-search-input { width: 100%; min-width: 0; }
    [b-d2m13tmylq] .mp-grid-scheduled .rz-grid-table { min-width: 0; table-layout: fixed; width: 100%; }
    [b-d2m13tmylq] .mp-grid-scheduled td { white-space: normal; overflow-wrap: anywhere; }
    /* Keep Edit, Payee, Actions and Amount visible; account/frequency details remain available in the editor. */
    [b-d2m13tmylq] .mp-grid-scheduled td:nth-child(4), [b-d2m13tmylq] .mp-grid-scheduled th:nth-child(4),
    [b-d2m13tmylq] .mp-grid-scheduled td:nth-child(n+6):nth-child(-n+9), [b-d2m13tmylq] .mp-grid-scheduled th:nth-child(n+6):nth-child(-n+9),
    [b-d2m13tmylq] .mp-grid-scheduled col:nth-child(4), [b-d2m13tmylq] .mp-grid-scheduled col:nth-child(n+6):nth-child(-n+9) { display: none; }
    [b-d2m13tmylq] .mp-grid-scheduled col:nth-child(1) { width: 2.75rem !important; }
    [b-d2m13tmylq] .mp-grid-scheduled col:nth-child(3) { width: 5.25rem !important; }
    [b-d2m13tmylq] .mp-grid-scheduled col:nth-child(5) { width: 5.5rem !important; }
    [b-d2m13tmylq] .mp-grid-scheduled col:nth-child(10) { width: 5rem !important; }
    .scheduled-debt-heading[b-d2m13tmylq] { display: none; }
    .scheduled-debt-heading-short[b-d2m13tmylq] { display: inline; }
    .scheduled-debt-controls[b-d2m13tmylq] { gap: 0.25rem; }
    .scheduled-payment-actions[b-d2m13tmylq]  .rz-button { width: 2rem; min-width: 2rem; padding: 0; }
    .scheduled-payment-actions[b-d2m13tmylq]  .rz-button-text { display: none; }
    .scheduled-payment-actions[b-d2m13tmylq]  .rz-button-icon-left { margin: 0; }
}
/* /Components/Pages/ScheduleEditor.razor.rz.scp.css */
[b-xqezg9pmmy] .mp-editor-row, [b-xqezg9pmmy] .mp-editor-footer, [b-xqezg9pmmy] .mp-editor-actions { flex-wrap: wrap; }
[b-xqezg9pmmy] .mp-validation { overflow-wrap: anywhere; color: #a2251b; }
/* Added: 2026-10-23 00:10 - Preview and validation changes never push Save/Cancel out from under the pointer. */
.schedule-feedback[b-xqezg9pmmy] { height: 3rem; overflow: auto; overflow-wrap: anywhere; }
.mp-schedule-preview[b-xqezg9pmmy] { height: 7rem; box-sizing: border-box; overflow: auto; align-content: flex-start; align-items: flex-start; }
.mp-schedule-preview > .mp-editor-section-title[b-xqezg9pmmy] { flex-basis: 100%; }
.mp-schedule-preview:focus-visible[b-xqezg9pmmy] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
@media (max-width: 600px) {
    [b-xqezg9pmmy] .mp-editor-row { flex-direction: column; }
    [b-xqezg9pmmy] .mp-editor-row > * { min-width: 0; width: 100%; }
    [b-xqezg9pmmy] .rz-button { min-height: 36px; white-space: normal; }
}
/* /Components/Pages/SearchableSelect.razor.rz.scp.css */
/* Added: 2026-09-13 17:15 - Keep the shared picker within existing form and toolbar tracks. */
.mp-searchable-select[b-klml98h4nd] {
    display: inline-block;
    width: 100%;
    min-width: 0;
    max-width: 100%;
}

.mp-searchable-select[b-klml98h4nd]  .rz-dropdown-label {
    overflow: hidden;
    text-overflow: ellipsis;
}
/* /Components/Pages/SystemCategoryReplacementDialog.razor.rz.scp.css */
/* Added: 2026-10-26 18:00 - Aggregate review and progress inherit the application's theme and remain usable in narrow dialogs. */
.system-category-replacement[b-jlv1fyoc70] { min-width: 0; max-width: 100%; max-height: max(12rem, calc(100dvh - 9rem)); overflow: auto; color: var(--mp-text); }
.replacement-feedback[b-jlv1fyoc70] { min-height: 1.5rem; }
.replacement-feedback p[b-jlv1fyoc70] { margin: .25rem 0; overflow-wrap: anywhere; }
.replacement-feedback [role="alert"][b-jlv1fyoc70] { color: var(--mp-debit); }
p[b-jlv1fyoc70], h3[b-jlv1fyoc70], li[b-jlv1fyoc70] { overflow-wrap: anywhere; }
h3[b-jlv1fyoc70] { font-size: 1rem; margin: .75rem 0 .5rem; }
table[b-jlv1fyoc70] { width: 100%; border-collapse: collapse; table-layout: fixed; }
th[b-jlv1fyoc70], td[b-jlv1fyoc70] { text-align: left; padding: .4rem .25rem; overflow-wrap: anywhere; }
thead th[b-jlv1fyoc70] { font-size: .85rem; color: var(--mp-muted); border-bottom: 1px solid var(--mp-line); }
tbody th[b-jlv1fyoc70] { font-weight: 400; }
tbody tr + tr[b-jlv1fyoc70] { border-top: 1px dotted var(--mp-line-soft); }
.replacement-count[b-jlv1fyoc70] { width: 4.5rem; text-align: right; font-variant-numeric: tabular-nums; }
.replacement-note[b-jlv1fyoc70] { color: var(--mp-muted); }
.replacement-confirmation[b-jlv1fyoc70] { display: flex; gap: .5rem; align-items: flex-start; padding-block: .5rem; }
.replacement-confirmation[b-jlv1fyoc70]  input { flex: 0 0 auto; margin-top: .25rem; accent-color: var(--rz-primary); }
.replacement-actions[b-jlv1fyoc70] { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .5rem; padding-block: .75rem; position: sticky; bottom: 0; background: var(--mp-surface); }
.replacement-actions[b-jlv1fyoc70]  button { max-width: 100%; }
.replacement-actions[b-jlv1fyoc70]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
/* /Components/Pages/SystemCategoryUsageDialog.razor.rz.scp.css */
/* Added: 2026-10-26 16:00 - Dialog content uses the shared Radzen host for focus, overlays and viewport constraints. */
.system-category-usage[b-26yv0fya0y] { min-width: 0; max-width: 100%; max-height: max(12rem, calc(100dvh - 9rem)); overflow: auto; color: var(--mp-text); }
.usage-heading[b-26yv0fya0y], .usage-actions[b-26yv0fya0y] { display: flex; gap: .5rem; align-items: center; flex-wrap: wrap; }
.usage-heading[b-26yv0fya0y] { justify-content: space-between; }
.usage-heading h2[b-26yv0fya0y] { margin: 0; font-size: 1.15rem; line-height: 1.4; overflow-wrap: anywhere; }
.usage-heading[b-26yv0fya0y]  button { flex: 0 0 auto; }
.usage-feedback[b-26yv0fya0y] { min-height: 1.8rem; }
.usage-feedback p[b-26yv0fya0y] { margin: .25rem 0; color: var(--mp-debit); overflow-wrap: anywhere; }
section > section[b-26yv0fya0y] { padding-block: .75rem; border-bottom: 1px solid var(--mp-line-soft); }
h3[b-26yv0fya0y] { margin: 0 0 .5rem; font-size: 1rem; }
.usage-summary[b-26yv0fya0y] { margin: .25rem 0 .75rem; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .5rem; }
.usage-summary div[b-26yv0fya0y] { display: flex; justify-content: space-between; gap: .5rem; }
.usage-summary dd[b-26yv0fya0y] { margin: 0; font-variant-numeric: tabular-nums; }
table[b-26yv0fya0y] { width: 100%; border-collapse: collapse; table-layout: fixed; }
th[b-26yv0fya0y], td[b-26yv0fya0y] { text-align: left; padding: .4rem .25rem; overflow-wrap: anywhere; }
thead th[b-26yv0fya0y] { font-size: .85rem; color: var(--mp-muted); border-bottom: 1px solid var(--mp-line); }
tbody th[b-26yv0fya0y] { font-weight: 400; }
tbody tr + tr[b-26yv0fya0y] { border-top: 1px dotted var(--mp-line-soft); }
.usage-count[b-26yv0fya0y] { text-align: right; width: 4.5rem; font-variant-numeric: tabular-nums; }
th:last-child:not(.usage-count)[b-26yv0fya0y] { width: 6rem; }
.usage-note[b-26yv0fya0y], .usage-local-name[b-26yv0fya0y] { margin: .5rem 0; overflow-wrap: anywhere; }
.usage-note[b-26yv0fya0y] { color: var(--mp-muted); }
.usage-confirmation[b-26yv0fya0y] { padding: .75rem 0; }
.usage-confirmation p[b-26yv0fya0y] { margin: 0 0 .75rem; }
.usage-actions[b-26yv0fya0y] { justify-content: flex-end; padding-top: .75rem; }
footer.usage-actions[b-26yv0fya0y] { position: sticky; bottom: 0; background: var(--mp-surface); padding-block: .75rem; }
.usage-actions[b-26yv0fya0y]  button { max-width: 100%; }
.usage-reference-detail[b-26yv0fya0y] { margin-top: .75rem; padding-block: .75rem; border-block: 1px solid var(--mp-line); }
.usage-reference-detail h4[b-26yv0fya0y] { margin: 0; font-size: 1rem; overflow-wrap: anywhere; }
.usage-reference-context[b-26yv0fya0y] { display: block; color: var(--mp-muted); font-size: .85rem; }
.usage-reference-detail .usage-date[b-26yv0fya0y] { width: 7rem; text-align: right; }
.usage-paging[b-26yv0fya0y] { display: flex; align-items: center; justify-content: flex-end; gap: .35rem; flex-wrap: wrap; padding-top: .5rem; }
.usage-paging > span[b-26yv0fya0y] { margin-inline-end: .5rem; font-variant-numeric: tabular-nums; }
@media (max-width: 520px) {
    .usage-summary[b-26yv0fya0y] { grid-template-columns: minmax(0, 1fr); }
    th:last-child:not(.usage-count)[b-26yv0fya0y] { width: 4.5rem; }
    .usage-count[b-26yv0fya0y] { width: 4rem; white-space: nowrap; }
}
/* /Components/Pages/SystemNotificationRecipientsEditor.razor.rz.scp.css */
/* Added: 2026-10-05 18:00 - Stable full-width settings input, with save feedback outside document flow. */
.notification-settings-form[b-3y475g4vrl] { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: .5rem; max-width: 60rem; margin-block: 1rem; }
.notification-settings-form label[b-3y475g4vrl] { grid-column: 1 / -1; }
.notification-settings-form[b-3y475g4vrl]  input { min-width: 0; }
@media (max-width: 600px) {
    .notification-settings-form[b-3y475g4vrl] { grid-template-columns: minmax(0, 1fr); }
    .notification-settings-form[b-3y475g4vrl]  button { justify-self: end; }
}
/* /Components/Pages/TransactionEditor.razor.rz.scp.css */
/* Added: 2026-09-09 12:40 - Prevent Radzen's horizontal field content from shrinking the reference dropdowns. */
.transaction-reference-picker[b-rvlz56nct5] {
    display: grid;
    gap: 0.25rem;
    grid-template-columns: minmax(0, 1fr) auto;
    min-width: 0;
    width: 100%;
}

/* Added: 2026-09-11 00:50 - Payee entry uses the full field without reserving a separate add-button column. */
.transaction-payee-picker[b-rvlz56nct5] {
    grid-template-columns: minmax(0, 1fr);
}

/* Added: 2026-10-31 09:00 - Inline allocation rows wrap inside the existing modal, including on phones. */
.transaction-splits[b-rvlz56nct5] { display: grid; gap: .25rem; border: 1px solid var(--mp-line); border-radius: min(var(--mp-radius), 8px); background: var(--mp-soft); padding: .375rem; margin: 0; min-width: 0; }
.transaction-splits legend[b-rvlz56nct5] { font-size: .875rem; }
.transaction-split-heading[b-rvlz56nct5] { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .5rem; }
/* Added: 2026-10-31 18:00 - Give categories the space saved by reducing the previous amount track by about one third. */
.transaction-split-row[b-rvlz56nct5] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(5.5rem, calc(((100% - 5.75rem) * .394 - 2.5rem) * .67)) auto; gap: .25rem .5rem; padding: .375rem; border: 1px solid var(--mp-line); border-radius: min(var(--mp-radius), 6px); background: var(--mp-surface); }
.transaction-split-row label[b-rvlz56nct5], .split-category[b-rvlz56nct5] { display: flex; flex-direction: column; gap: .25rem; min-width: 0; font-size: .875rem; }
.transaction-split-row input[b-rvlz56nct5], .transaction-split-row select[b-rvlz56nct5] { width: 100%; min-width: 0; box-sizing: border-box; font: inherit; padding: .5rem; }
.split-actions[b-rvlz56nct5] { display: flex; gap: .25rem; align-self: end; }
.split-actions[b-rvlz56nct5]  button { width: 2.25rem; height: 2.25rem; padding: .25rem; }
.split-note[b-rvlz56nct5], .split-row-error[b-rvlz56nct5] { grid-column: 1 / -1; overflow-wrap: anywhere; }
.split-note[hidden][b-rvlz56nct5] { display: none; }
.split-totals[b-rvlz56nct5] { display: grid; gap: .25rem; font-variant-numeric: tabular-nums; }
.split-totals > div[b-rvlz56nct5] { display: flex; justify-content: space-between; flex-wrap: wrap; gap: .5rem; }
.split-totals dd[b-rvlz56nct5] { margin: 0; overflow-wrap: anywhere; text-align: right; color: var(--mp-text); }
/* Added: 2026-10-31 16:00 - Keep exact imbalances distinct from rounded zero and notes discoverable while collapsed. */
.split-totals .split-remaining-unbalanced[b-rvlz56nct5] { color: var(--mp-debit); font-weight: 700; }
.split-actions[b-rvlz56nct5]  .split-note-populated { color: var(--mp-accent-strong); background: var(--mp-accent-soft); box-shadow: inset 0 -2px currentColor; }
.split-amount input[b-rvlz56nct5] { text-align: right; font-variant-numeric: tabular-nums; }
.transaction-field-amount[b-rvlz56nct5]  input { text-align: right; font-variant-numeric: tabular-nums; }
.transaction-precision[b-rvlz56nct5] { display: flex; align-items: center; gap: .5rem; min-width: 0; }
.transaction-precision-warning[b-rvlz56nct5] { color: var(--mp-debit); font-size: .875rem; overflow-wrap: anywhere; }
.precision-warning-action[b-rvlz56nct5] { color: inherit; text-decoration: underline; background: none; border: 0; padding: .25rem; font: inherit; cursor: pointer; }
.transaction-category-picker[b-rvlz56nct5] { grid-template-columns: minmax(0, 1fr) auto auto; }
.transaction-category-value[b-rvlz56nct5] { display: flex; align-items: center; min-width: 0; }
.transaction-category-value[b-rvlz56nct5]  .rz-autocomplete { flex: 1; min-width: 0; }
.split-category[b-rvlz56nct5]  .mp-searchable-select { min-width: 0; }
@media (max-width: 540px) {
    .transaction-split-row[b-rvlz56nct5] { grid-template-columns: minmax(0, 1fr) auto; }
    .split-category[b-rvlz56nct5] { grid-column: 1 / -1; }
}

.transaction-date-direction[b-rvlz56nct5] {
    display: grid;
    gap: 1rem;
    grid-template-columns: minmax(0, 11rem) minmax(0, 11rem);
    justify-content: space-between;
}

.transaction-payment-details[b-rvlz56nct5] {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr) minmax(0, 0.9fr);
}

/* Added: 2026-10-31 18:00 - The precision control uses only the amount track; status/check tracks stay unchanged. */
.transaction-amount-controls[b-rvlz56nct5] { display: grid; grid-template-columns: minmax(0, 1fr) 2rem; align-items: center; gap: .25rem; min-width: 0; }
.transaction-amount-controls[b-rvlz56nct5]  [data-testid="transaction-precision-toggle"] { width: 2rem; height: 2.25rem; padding: .125rem; }
.transaction-quick .transaction-amount-controls[b-rvlz56nct5] { display: contents; }

.transaction-date-direction[b-rvlz56nct5]  .rz-form-field,
.transaction-payment-details[b-rvlz56nct5]  .rz-form-field,
.transaction-reference-picker[b-rvlz56nct5]  .rz-autocomplete {
    min-width: 0;
    width: 100%;
}

.transaction-reference-picker[b-rvlz56nct5]  .rz-autocomplete-input {
    font-family: var(--mp-font);
}

/* Added: 2026-10-07 14:20 - One form serves the modal and a stable grid-header entry row. */
.transaction-fields[b-rvlz56nct5] { display: flex; flex-direction: column; gap: .5rem; }
/* Added: 2026-10-23 00:10 - Correcting recurrence feedback cannot move the transaction's action buttons. */
.mp-schedule-preview[b-rvlz56nct5] { height: 7rem; box-sizing: border-box; overflow: auto; align-content: flex-start; align-items: flex-start; }
.mp-schedule-preview > .mp-editor-section-title[b-rvlz56nct5] { flex-basis: 100%; }
.mp-schedule-preview:focus-visible[b-rvlz56nct5] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }
.transaction-quick[b-rvlz56nct5] { display: block; width: 100%; min-width: 0; padding: .5rem; }
/* Added: 2026-10-07 23:30 - Fill the ledger header and keep flexible references beside compact money/date controls. */
.transaction-quick[b-rvlz56nct5]  .mp-editor-form { width: 100%; min-width: 0; }
.transaction-quick .transaction-fields[b-rvlz56nct5] {
    display: grid;
    grid-template-columns: 10rem minmax(0, 1fr) minmax(0, 1fr) 8rem 9rem 5.5rem;
    grid-template-areas: "date payee category direction amount actions" "status status status status status status";
    align-items: start;
}
.transaction-quick .transaction-date-direction[b-rvlz56nct5], .transaction-quick .transaction-payment-details[b-rvlz56nct5] { display: contents; }
.transaction-quick[b-rvlz56nct5]  .transaction-field-date { grid-area: date; }
.transaction-quick[b-rvlz56nct5]  .transaction-field-payee { grid-area: payee; }
.transaction-quick[b-rvlz56nct5]  .transaction-field-category { grid-area: category; }
.transaction-quick[b-rvlz56nct5]  .transaction-field-direction { grid-area: direction; }
.transaction-quick[b-rvlz56nct5]  .transaction-field-amount { grid-area: amount; }
.transaction-quick[b-rvlz56nct5]  .rz-form-field { width: 100%; min-width: 0; }
.transaction-quick[b-rvlz56nct5]  input, .transaction-quick[b-rvlz56nct5]  select { width: 100%; min-width: 0; }
.transaction-quick .transaction-reference-picker[b-rvlz56nct5] { grid-template-columns: minmax(0, 1fr); }
.transaction-quick-actions[b-rvlz56nct5] { grid-area: actions; display: flex; gap: .25rem; align-items: center; height: 3rem; }
.transaction-quick-actions[b-rvlz56nct5]  button { flex: 0 0 2.5rem; width: 2.5rem; padding: .5rem; }
.transaction-quick-status[b-rvlz56nct5] { grid-area: status; height: 1.25rem; line-height: 1.25rem; color: var(--mp-muted); font-size: .8rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
@media (max-width: 1000px) {
    .transaction-quick .transaction-fields[b-rvlz56nct5] {
        grid-template-columns: 10rem minmax(0, 1fr) 9rem;
        grid-template-areas: "date payee amount" "direction category actions" "status status status";
    }
}
/* Added: 2026-10-07 23:30 - At the ledger's compact breakpoint, keep hidden grid details fully editable in the entry strip. */
@media (max-width: 760px) {
    .transaction-quick .transaction-fields[b-rvlz56nct5] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: "date direction amount" "payee payee payee" "category category actions" "status status status";
    }
}
@media (max-width: 540px) {
    .transaction-quick .transaction-fields[b-rvlz56nct5] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-template-areas: "date direction" "payee payee" "category category" "amount actions" "status status";
    }
}

@media (max-width: 420px) {
    .transaction-payment-details[b-rvlz56nct5] {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }
}
/* /Components/Pages/TransactionHistoryRetention.razor.rz.scp.css */
/* Added: 2026-09-11 15:00 - Unframed settings sections keep warnings and controls legible at narrow widths. */
.retention[b-18y1ftku88] { max-width: 64rem; }
.retention p[b-18y1ftku88] { overflow-wrap: anywhere; }
/* Added: 2026-09-11 18:40 - Async feedback never changes the position of the policy or cleanup controls. */
.retention-feedback[b-18y1ftku88] { height: 3.5rem; display: flex; align-items: flex-start; gap: 0.5rem; margin-bottom: 0.5rem; }
.retention-feedback-message[b-18y1ftku88] { flex: 1; min-width: 0; max-height: 100%; overflow: auto; margin: 0; }
.retention-feedback[b-18y1ftku88]  button { flex-shrink: 0; }
.retention-section[b-18y1ftku88] { border-top: 1px solid var(--rz-base-300); margin-top: 1.25rem; padding-top: 1rem; }
.retention-section h2[b-18y1ftku88] { font-size: 1.125rem; margin: 0 0 1rem; }
.retention form[b-18y1ftku88] { display: grid; gap: 0.625rem; max-width: 38rem; }
.retention select[b-18y1ftku88], .retention input:not([type="checkbox"])[b-18y1ftku88] { width: 100%; min-width: 0; min-height: 2.6rem; padding: 0.375rem 0.65rem; border: var(--rz-input-border); border-radius: var(--rz-input-border-radius, 6px); box-shadow: var(--rz-input-shadow); background: var(--rz-input-background-color); color: var(--rz-input-value-color); font: inherit; }
/* Added: 2026-10-07 23:00 - Native policy selector follows the rounded Software theme without moving surrounding controls. */
.retention select[b-18y1ftku88] { height: 2.6rem; border-radius: 6px; background: linear-gradient(180deg, var(--mp-surface), var(--mp-soft)); cursor: pointer; }
.retention select:disabled[b-18y1ftku88], .retention input:disabled[b-18y1ftku88] { background: var(--mp-soft); color: var(--mp-muted); cursor: not-allowed; }
.retention select:focus-visible[b-18y1ftku88], .retention input:focus-visible[b-18y1ftku88] { outline: 2px solid var(--mp-accent); outline-offset: 2px; }
.retention-acknowledgment-space[b-18y1ftku88] { min-height: 5rem; }
.retention-acknowledgment[b-18y1ftku88] { display: flex; align-items: flex-start; gap: 0.5rem; margin: 0.5rem 0; }
.retention-acknowledgment[hidden][b-18y1ftku88] { display: flex; visibility: hidden; }
.retention-acknowledgment input[b-18y1ftku88] { flex-shrink: 0; margin-top: 0.25rem; }
.retention-actions[b-18y1ftku88] { display: flex; gap: 0.5rem; flex-wrap: wrap; margin-top: 0.5rem; }
.retention-actions[b-18y1ftku88]  button { max-width: 100%; white-space: normal; }
.retention-preview[b-18y1ftku88] { margin-top: 1rem; }
@media (max-width: 480px) { .retention-acknowledgment-space[b-18y1ftku88] { min-height: 7rem; } }
/* /Components/Pages/UserAccountEditor.razor.rz.scp.css */
/* Added: 2026-09-11 00:40 - Fit read-only identity details and command buttons within the standard modal on narrow screens. */
.user-account-editor[b-twl99sa428] { min-width: 0; }
.user-account-details[b-twl99sa428] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: 0.4rem 0.75rem; margin: 0; }
.user-account-details dt[b-twl99sa428], .user-account-details dd[b-twl99sa428] { margin: 0; overflow-wrap: anywhere; }
.user-account-details dt[b-twl99sa428] { font-weight: 600; }
.user-account-editor[b-twl99sa428]  .mp-editor-form { min-width: 0; }
.user-account-editor[b-twl99sa428]  input, .user-account-editor[b-twl99sa428]  select, .user-account-editor[b-twl99sa428]  textarea { width: 100%; min-width: 0; max-width: 100%; }
.user-account-commands[b-twl99sa428] { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.user-account-editor[b-twl99sa428]  .rz-button { max-width: 100%; }
.user-account-editor[b-twl99sa428]  .rz-button-text { white-space: normal; overflow-wrap: anywhere; }
.user-account-editor [role="alert"][b-twl99sa428] { color: var(--rz-danger); overflow-wrap: anywhere; }
@media (max-width: 480px) {
    .user-account-details[b-twl99sa428] { grid-template-columns: minmax(0, 1fr); gap: 0.25rem; }
    .user-account-details dd[b-twl99sa428] { margin-bottom: 0.5rem; }
    .user-account-commands[b-twl99sa428] { flex-direction: column; align-items: stretch; }
    .user-account-editor[b-twl99sa428]  .mp-editor-actions { flex-wrap: wrap; }
}
/* /Components/Pages/Welcome.razor.rz.scp.css */
/* Added: 2026-09-11 00:50 - Keep the photo compact and navigation unframed within the existing finance shell. */
.welcome-page[b-jokbs6icf6] {
    background: #ffffff;
    color: #11222c;
    font-family: var(--mp-font);
    font-size: 18px;
    letter-spacing: 0;
    min-width: 0;
    width: 100%;
}

/* Added: 2026-09-23 20:00 - The selected photographic home has its own readable type scale, separate from working grids. */
.welcome-banner[b-jokbs6icf6] {
    align-items: start;
    background: #e5e8e7;
    display: flex;
    justify-content: center;
    min-height: 660px;
    height: min(850px, calc(100svh - 180px));
    padding: 3.5rem 2rem;
    position: relative;
    isolation: isolate;
}

.welcome-photo[b-jokbs6icf6] {
    height: 100%;
    inset: 0;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.welcome-photo[b-jokbs6icf6] {
    object-fit: cover;
    object-position: center top;
}

.welcome-banner-copy[b-jokbs6icf6] {
    color: #11222c;
    max-width: 68rem;
    min-width: 0;
    overflow-wrap: anywhere;
    text-align: center;
}

.welcome-banner h1[b-jokbs6icf6] {
    color: inherit;
    font-family: inherit;
    font-size: 64px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.15;
    margin: 0 0 1rem;
}

.welcome-banner p[b-jokbs6icf6] {
    line-height: 1.5;
    margin: 0;
}

.welcome-banner .welcome-tagline[b-jokbs6icf6] {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.35;
    margin-bottom: 1rem;
}

.welcome-banner .welcome-intro[b-jokbs6icf6] { font-size: 18px; line-height: 1.6; margin: 0 auto 1.25rem; max-width: 60rem; }
.welcome-photo-caption[b-jokbs6icf6] { position: absolute; right: 1.5rem; bottom: 0.6rem; font-size: 0.75rem; color: #243747; background: #ffffffe6; padding: 0.15rem 0.3rem; }
.welcome-inner[b-jokbs6icf6] { width: min(100%, 1320px); margin-inline: auto; padding-inline: 3.5rem; }
.welcome-overview[b-jokbs6icf6] { padding-block: 2.75rem 2.5rem; }
.welcome-overview h2[b-jokbs6icf6] { color: #11222c; font: 700 32px/1.35 var(--mp-font); letter-spacing: 0; margin: 0 0 0.65rem; }
.welcome-overview > p[b-jokbs6icf6] { color: #4a5e6e; line-height: 1.65; margin: 0; }
#overview[b-jokbs6icf6], #cash-flow-preview[b-jokbs6icf6] { scroll-margin-top: 100px; }
.welcome-import-band[b-jokbs6icf6] { background: #f3f7f9; }
.welcome-import-content[b-jokbs6icf6] { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding-block: 1.75rem; }
.welcome-import-content > p[b-jokbs6icf6] { margin: 0; line-height: 1.65; max-width: 55rem; }
.welcome-import-content > .welcome-button[b-jokbs6icf6] { flex: 0 0 auto; }

.welcome-content[b-jokbs6icf6] {
    padding-block: 1.75rem;
}

.welcome-heading-row[b-jokbs6icf6],
.welcome-actions[b-jokbs6icf6] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
}

.welcome-heading-row[b-jokbs6icf6] {
    justify-content: space-between;
    margin-bottom: 1rem;
}

.welcome-actions[b-jokbs6icf6] { justify-content: center; }

.welcome-content h2[b-jokbs6icf6] {
    color: var(--mp-ink);
    font-size: 1.14rem;
    line-height: 1.4;
    margin: 0;
}

.welcome-navigation[b-jokbs6icf6] {
    display: grid;
    gap: 1rem 2.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.welcome-navigation section[b-jokbs6icf6],
.welcome-label[b-jokbs6icf6] {
    min-width: 0;
    overflow-wrap: anywhere;
}

.welcome-navigation h3[b-jokbs6icf6] {
    color: var(--mp-muted);
    font-size: 0.86rem;
    line-height: 1.4;
    margin: 0 0 0.4rem;
}

.welcome-links[b-jokbs6icf6] {
    list-style: none;
    margin: 0;
    padding: 0;
}

.welcome-links li[b-jokbs6icf6] {
    border-bottom: 1px solid var(--mp-line);
}

.welcome-button[b-jokbs6icf6],
.welcome-link[b-jokbs6icf6] {
    align-items: center;
    display: flex;
    gap: 0.65rem;
    line-height: 1.5;
    min-height: 44px;
    min-width: 0;
    text-decoration: none;
}

.welcome-button[b-jokbs6icf6] {
    border: 1px solid #087e8b;
    border-radius: 4px;
    font-weight: 400;
    font-size: 16px;
    justify-content: center;
    max-width: 100%;
    padding: 0.7rem 1.4rem;
}

.welcome-primary[b-jokbs6icf6] {
    background: #087e8b;
    color: #ffffff;
}

.welcome-primary:hover[b-jokbs6icf6] {
    background: #066671;
    color: #ffffff;
}

.welcome-secondary[b-jokbs6icf6] {
    background: #ffffff;
    color: #087583;
}

.welcome-link[b-jokbs6icf6] {
    color: var(--mp-accent);
    padding: 0.6rem 0.4rem;
}

.welcome-secondary:hover[b-jokbs6icf6],
.welcome-link:hover[b-jokbs6icf6] {
    background: var(--mp-accent-soft);
    color: var(--mp-accent-strong);
}

.welcome-page a:focus-visible[b-jokbs6icf6] {
    outline: 3px solid var(--mp-accent-strong);
    outline-offset: 3px;
}

.welcome-icon[b-jokbs6icf6] {
    align-items: center;
    display: inline-flex;
    flex: 0 0 20px;
    justify-content: center;
    width: 20px;
}

.welcome-icon[b-jokbs6icf6]  .rzi {
    font-size: 20px;
}

/* Added: 2026-09-11 00:50 - Let enlarged text grow naturally; normal-size banners leave actions in the first viewport. */
@media (min-width: 701px) {
    .welcome-banner[b-jokbs6icf6] {
        min-height: 660px;
    }
}

@media (max-width: 700px) {
    .welcome-banner[b-jokbs6icf6] {
        min-height: 560px;
        height: auto;
        padding: 2.25rem 1.25rem 300px;
    }

    /* Added: 2026-09-23 20:00 - Reserve copy above the laptop so the mobile crop never covers the product or actions. */
    .welcome-photo[b-jokbs6icf6] {
        top: auto;
        bottom: 0;
        height: 360px;
        object-position: center bottom;
    }

    .welcome-banner h1[b-jokbs6icf6] { font-size: 32px; }
    .welcome-banner .welcome-tagline[b-jokbs6icf6] { font-size: 21px; }
    .welcome-banner .welcome-intro[b-jokbs6icf6] { font-size: 16px; }
    .welcome-page[b-jokbs6icf6] { font-size: 16px; }
    .welcome-inner[b-jokbs6icf6] { padding-inline: 1.25rem; }
    .welcome-overview[b-jokbs6icf6] { padding-block: 2rem; }
    .welcome-overview h2[b-jokbs6icf6] { font-size: 24px; }
    .welcome-import-content[b-jokbs6icf6] { align-items: start; flex-direction: column; }
    .welcome-photo-caption[b-jokbs6icf6] { right: 0.5rem; }

    .welcome-navigation[b-jokbs6icf6] {
        grid-template-columns: minmax(0, 1fr);
    }

    .welcome-content[b-jokbs6icf6] {
        padding-top: 1rem;
    }
}

@media (min-width: 701px) and (max-width: 1050px) {
    .welcome-banner[b-jokbs6icf6] { padding-top: 1.75rem; }
    .welcome-banner h1[b-jokbs6icf6] { font-size: 48px; }
    .welcome-banner .welcome-tagline[b-jokbs6icf6] { font-size: 26px; }
    .welcome-banner .welcome-intro[b-jokbs6icf6] { font-size: 17px; }
    .welcome-inner[b-jokbs6icf6] { padding-inline: 2rem; }
}
/* /Components/Pages/WelcomeCashFlow.razor.rz.scp.css */
/* Added: 2026-09-23 20:00 - Unframed sample payments and the existing chart share a stable, responsive surface. */
.welcome-sample[b-nu0uwu9hyk] { display: grid; grid-template-columns: minmax(16rem, 0.85fr) minmax(0, 1.65fr); gap: 3rem; margin-top: 2rem; }
.welcome-sample section[b-nu0uwu9hyk] { min-width: 0; }
.welcome-sample h3[b-nu0uwu9hyk] { color: #11222c; font-family: var(--mp-font); font-size: 16px; font-weight: 700; letter-spacing: 0; margin: 0; line-height: 1.5; }
.welcome-payments[b-nu0uwu9hyk] { border-right: 1px solid #dce4e8; padding-right: 3rem; }
.welcome-payments ul[b-nu0uwu9hyk] { list-style: none; margin: 1rem 0 0; padding: 0; }
.welcome-payments li[b-nu0uwu9hyk] { border-top: 1px solid #e5eaed; }
.welcome-payment[b-nu0uwu9hyk] { display: grid; grid-template-columns: 4.5rem 1fr auto; align-items: center; gap: 0.75rem; width: 100%; min-height: 52px; border: 0; border-radius: 0; background: #fff; color: #172b38; padding: 0.7rem 0.25rem; text-align: left; font: inherit; cursor: pointer; }
.welcome-payment:hover[b-nu0uwu9hyk], .welcome-payment[aria-pressed="true"][b-nu0uwu9hyk] { background: #eef7f7; }
.welcome-payment:focus-visible[b-nu0uwu9hyk] { outline: 2px solid #087e8b; outline-offset: 2px; }
.welcome-payment strong[b-nu0uwu9hyk] { font-weight: 400; font-variant-numeric: tabular-nums; white-space: nowrap; }
.sample-credit[b-nu0uwu9hyk] { color: #187141; }
.sample-debit[b-nu0uwu9hyk] { color: #b83c37; }
.welcome-projection-heading[b-nu0uwu9hyk] { display: flex; justify-content: space-between; align-items: baseline; flex-wrap: wrap; gap: 0.5rem; margin-bottom: 0.5rem; }
.welcome-projection-heading > span[b-nu0uwu9hyk], .welcome-sample-caption[b-nu0uwu9hyk] { color: #536372; font-size: 0.8rem; line-height: 1.5; }
.welcome-sample-caption[b-nu0uwu9hyk] { margin: 0.6rem 0 0; }
.welcome-projection[b-nu0uwu9hyk]  .cash-chart { height: 210px; }
.welcome-projection[b-nu0uwu9hyk]  .rz-area-series > path:first-of-type { fill: #d1eeee; }
.welcome-projection[b-nu0uwu9hyk]  .rz-area-series > path:last-of-type { stroke: #008a99 !important; }
.welcome-projection[b-nu0uwu9hyk]  .cash-day-inspector { min-height: 44px; font-size: 14px; }
@media (max-width: 800px) {
    .welcome-sample[b-nu0uwu9hyk] { grid-template-columns: minmax(0, 1fr); gap: 1.75rem; margin-top: 1.5rem; }
    .welcome-payments[b-nu0uwu9hyk] { border-right: 0; padding-right: 0; }
    .welcome-payment[b-nu0uwu9hyk] { grid-template-columns: 4.5rem 1fr auto; }
    .welcome-projection[b-nu0uwu9hyk]  .cash-chart { height: 230px; }
}
/* /Components/PasswordReveal.razor.rz.scp.css */
/* Added: 2026-09-25 23:10 - Reserve the same inset icon space in both input modes and keep validation outside its positioning box. */
.mp-password-field[b-foryyqohl7] {
    position: relative;
    width: 100%;
    min-width: 0;
}

/* Added: 2026-09-26 13:00 - Override compact editor padding without changing the original input height or floating-label layout. */
.mp-password-field[data-password-field][b-foryyqohl7]  input:is([type=password], [type=text]) {
    width: 100%;
    box-sizing: border-box;
    padding-inline-end: 3.25rem;
}

.mp-password-field[b-foryyqohl7]  label {
    max-width: calc(100% - 3.25rem);
}

.mp-password-toggle[b-foryyqohl7] {
    position: absolute;
    inset-inline-end: 0.25rem;
    top: 50%;
    transform: translateY(-50%);
    width: 2.75rem;
    height: 2.75rem;
    max-height: calc(100% - 0.5rem);
    display: grid;
    place-items: center;
    padding: 0;
    border: 0;
    border-radius: var(--mp-radius);
    background: transparent;
    color: var(--mp-muted);
    cursor: pointer;
    z-index: 3;
}

.mp-password-toggle:hover:not(:disabled)[b-foryyqohl7] {
    background: var(--mp-soft);
    color: var(--mp-ink);
}

.mp-password-toggle:focus-visible[b-foryyqohl7] {
    outline: 2px solid var(--mp-accent);
    outline-offset: -2px;
}

.mp-password-toggle:disabled[b-foryyqohl7] { cursor: default; opacity: 0.5; }
.mp-password-icon[b-foryyqohl7] { font-size: 1.4rem; line-height: 1; }
.mp-password-icon[b-foryyqohl7]::before { content: attr(data-icon); }
.mp-password-field[b-foryyqohl7]  input::-ms-reveal { display: none; }
/* /Components/Shared/ContextHelp.razor.rz.scp.css */
.context-help[b-o7zerh2p20] { display: flex; justify-content: flex-end; padding: .25rem 1rem; font-size: .85rem; }
.context-help a[b-o7zerh2p20] { display: inline-flex; align-items: center; gap: .3rem; min-height: 1.75rem; }
.context-help a:focus-visible[b-o7zerh2p20] { outline: 2px solid var(--rz-primary, #087388); outline-offset: 3px; }
/* /Components/Shared/FieldHelp.razor.rz.scp.css */
.mp-field-help[b-vc5rtwtup8] { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; flex: 0 0 1.75rem; padding: 0; border: 0; background: transparent; color: var(--rz-text-secondary-color); cursor: help; vertical-align: middle; }
.mp-field-help[b-vc5rtwtup8]  .rzi { font-size: 1.1rem; }
.mp-field-help:focus-visible[b-vc5rtwtup8] { outline: 2px solid var(--rz-primary); outline-offset: 2px; }