/* _content/Ledgerwise/Components/Account/Pages/ForceChangePassword.razor.rz.scp.css */
[b-10lbo7gnzz] .form-floating > .form-control {
    border-radius: var(--mud-default-borderradius, 4px);
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd);
    height: 48px;
    padding: 1rem 0.75rem;
}

[b-10lbo7gnzz] .form-floating > .form-control:focus {
    border-color: var(--mud-palette-primary, #594AE2);
    box-shadow: 0 0 0 1px var(--mud-palette-primary, #594AE2);
}

[b-10lbo7gnzz] .form-floating > label {
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}

[b-10lbo7gnzz] .form-check-input:checked {
    background-color: var(--mud-palette-primary, #594AE2);
    border-color: var(--mud-palette-primary, #594AE2);
}
/* _content/Ledgerwise/Components/Account/Pages/ForgotPassword.razor.rz.scp.css */
[b-puqv7ccjt1] .form-floating > .form-control {
    border-radius: var(--mud-default-borderradius, 4px);
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd);
    height: 48px;
    padding: 1rem 0.75rem;
}

[b-puqv7ccjt1] .form-floating > .form-control:focus {
    border-color: var(--mud-palette-primary, #594AE2);
    box-shadow: 0 0 0 1px var(--mud-palette-primary, #594AE2);
}

[b-puqv7ccjt1] .form-floating > label {
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}

[b-puqv7ccjt1] .form-check-input:checked {
    background-color: var(--mud-palette-primary, #594AE2);
    border-color: var(--mud-palette-primary, #594AE2);
}
/* _content/Ledgerwise/Components/Account/Pages/Login.razor.rz.scp.css */
/* ===== Full-page login layout ===== */
.login-page[b-qhs3rru1rn] {
    display: flex;
    min-height: 100vh;
    width: 100vw;
    background: #fff;
}

/* --- Left panel --- */
[b-qhs3rru1rn] .login-left {
    flex: 0 0 42%;
    max-width: 42%;
    display: flex;
    flex-direction: column;
    padding: 40px 60px;
    background: #fff;
    overflow-y: auto;
}

[b-qhs3rru1rn] .login-logo img {
    height: 36px;
    width: auto;
}

[b-qhs3rru1rn] .login-form-wrapper {
    max-width: 340px;
    margin: auto 0;
    padding: 40px 0;
}

[b-qhs3rru1rn] .login-heading {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--lw-primary-dark, #020B2B);
    margin-bottom: 4px;
}

[b-qhs3rru1rn] .login-subtext {
    font-size: 0.9rem;
    color: var(--lw-gray-graphite, #6E7180);
    margin-bottom: 28px;
}

[b-qhs3rru1rn] .login-subtext a {
    color: var(--lw-primary-blue, #3980A5);
    text-decoration: none;
    font-weight: 500;
}

[b-qhs3rru1rn] .login-subtext a:hover {
    text-decoration: underline;
}

/* Form fields */
[b-qhs3rru1rn] .login-form-wrapper .form-floating > .form-control {
    border-radius: 6px;
    border: 1px solid var(--lw-gray-smoke, #D3D6E0);
    height: 52px;
    padding: 1rem 0.75rem;
    font-size: 0.95rem;
    background: #fff;
}

[b-qhs3rru1rn] .login-form-wrapper .form-floating > .form-control:focus {
    border-color: var(--lw-primary-blue, #3980A5);
    box-shadow: 0 0 0 2px rgba(57, 128, 165, 0.15);
}

[b-qhs3rru1rn] .login-form-wrapper .form-floating > label {
    color: var(--lw-gray-space, #9DA2B3);
    font-size: 0.9rem;
}

/* Login button */
[b-qhs3rru1rn] .login-btn {
    height: 48px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    border-radius: 6px;
    letter-spacing: 0;
}

/* Forgot password */
[b-qhs3rru1rn] .login-forgot {
    text-align: center;
    margin-top: 20px;
}

[b-qhs3rru1rn] .login-forgot a {
    color: var(--lw-primary-blue, #3980A5);
    font-size: 0.875rem;
    text-decoration: none;
}

[b-qhs3rru1rn] .login-forgot a:hover {
    text-decoration: underline;
}

/* --- Right panel --- */
[b-qhs3rru1rn] .login-right {
    flex: 1;
    position: relative;
    overflow: hidden;
    background: #1a1a2e;
}

[b-qhs3rru1rn] .carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
}

[b-qhs3rru1rn] .carousel-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

[b-qhs3rru1rn] .carousel-slide.active {
    opacity: 1;
}

[b-qhs3rru1rn] .carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dark gradient overlay at bottom */
[b-qhs3rru1rn] .carousel-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 48px 48px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
    color: #fff;
    z-index: 2;
}

[b-qhs3rru1rn] .carousel-overlay h2 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 12px;
    max-width: 520px;
    color: #fff;
}

[b-qhs3rru1rn] .carousel-overlay p {
    font-size: 0.95rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
    max-width: 560px;
    margin-bottom: 0;
}

/* Carousel dots */
[b-qhs3rru1rn] .carousel-dots {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 3;
}

[b-qhs3rru1rn] .carousel-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: background 0.3s;
}

[b-qhs3rru1rn] .carousel-dots .dot.active {
    background: #fff;
}

/* ===== Responsive ===== */
@media (max-width: 960px) {
    [b-qhs3rru1rn] .login-page {
        flex-direction: column;
    }

    [b-qhs3rru1rn] .login-left {
        flex: none;
        max-width: 100%;
        padding: 24px 24px;
    }

    [b-qhs3rru1rn] .login-form-wrapper {
        max-width: 400px;
        margin: 0 auto;
        padding: 20px 0 32px;
    }

    [b-qhs3rru1rn] .login-right {
        min-height: 50vh;
    }
}
/* _content/Ledgerwise/Components/Account/Pages/LoginWith2fa.razor.rz.scp.css */
[b-kbxx28brfd] .form-floating > .form-control {
    border-radius: var(--mud-default-borderradius, 4px);
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd);
    height: 48px;
    padding: 1rem 0.75rem;
}

[b-kbxx28brfd] .form-floating > .form-control:focus {
    border-color: var(--mud-palette-primary, #594AE2);
    box-shadow: 0 0 0 1px var(--mud-palette-primary, #594AE2);
}

[b-kbxx28brfd] .form-floating > label {
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}

[b-kbxx28brfd] .form-check-input:checked {
    background-color: var(--mud-palette-primary, #594AE2);
    border-color: var(--mud-palette-primary, #594AE2);
}
/* _content/Ledgerwise/Components/Account/Pages/LoginWithRecoveryCode.razor.rz.scp.css */
[b-ygct8e2wuh] .form-floating > .form-control {
    border-radius: var(--mud-default-borderradius, 4px);
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd);
    height: 48px;
    padding: 1rem 0.75rem;
}

[b-ygct8e2wuh] .form-floating > .form-control:focus {
    border-color: var(--mud-palette-primary, #594AE2);
    box-shadow: 0 0 0 1px var(--mud-palette-primary, #594AE2);
}

[b-ygct8e2wuh] .form-floating > label {
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}
/* _content/Ledgerwise/Components/Account/Pages/Register.razor.rz.scp.css */
/* ===== Full-page register layout ===== */
.register-page[b-87om8yd10z] {
    display: flex;
    min-height: 100vh;
    width: 100vw;
    background: #fff;
}

/* --- Left panel --- */
[b-87om8yd10z] .register-left {
    flex: 0 0 42%;
    max-width: 42%;
    display: flex;
    flex-direction: column;
    padding: 40px 60px;
    background: #fff;
    overflow-y: auto;
}

[b-87om8yd10z] .register-logo img {
    height: 36px;
    width: auto;
}

[b-87om8yd10z] .register-form-wrapper {
    max-width: 340px;
    margin: auto 0;
    padding: 40px 0;
}

[b-87om8yd10z] .register-heading {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--lw-primary-dark, #020B2B);
    margin-bottom: 4px;
}

[b-87om8yd10z] .register-subtext {
    font-size: 0.9rem;
    color: var(--lw-gray-graphite, #6E7180);
    margin-bottom: 28px;
}

[b-87om8yd10z] .register-subtext a {
    color: var(--lw-primary-blue, #3980A5);
    text-decoration: none;
    font-weight: 500;
}

[b-87om8yd10z] .register-subtext a:hover {
    text-decoration: underline;
}

/* Form fields */
[b-87om8yd10z] .register-form-wrapper .form-floating > .form-control {
    border-radius: 6px;
    border: 1px solid var(--lw-gray-smoke, #D3D6E0);
    height: 52px;
    padding: 1rem 0.75rem;
    font-size: 0.95rem;
    background: #fff;
}

[b-87om8yd10z] .register-form-wrapper .form-floating > .form-control:focus {
    border-color: var(--lw-primary-blue, #3980A5);
    box-shadow: 0 0 0 2px rgba(57, 128, 165, 0.15);
}

[b-87om8yd10z] .register-form-wrapper .form-floating > label {
    color: var(--lw-gray-space, #9DA2B3);
    font-size: 0.9rem;
}

/* Checkbox */
[b-87om8yd10z] .register-form-wrapper .form-check-input:checked {
    background-color: var(--lw-primary-blue, #3980A5);
    border-color: var(--lw-primary-blue, #3980A5);
}

[b-87om8yd10z] .register-form-wrapper .form-check-label a {
    color: var(--lw-primary-blue, #3980A5);
    text-decoration: none;
}

[b-87om8yd10z] .register-form-wrapper .form-check-label a:hover {
    text-decoration: underline;
}

/* Register button */
[b-87om8yd10z] .register-btn {
    height: 48px;
    font-size: 1rem;
    font-weight: 600;
    text-transform: none;
    border-radius: 6px;
    letter-spacing: 0;
}

/* --- Right panel --- */
[b-87om8yd10z] .register-right {
    flex: 1;
    position: relative;
    overflow: hidden;
    background: #1a1a2e;
}

[b-87om8yd10z] .carousel-container {
    position: relative;
    width: 100%;
    height: 100%;
}

[b-87om8yd10z] .carousel-slide {
    position: absolute;
    inset: 0;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
}

[b-87om8yd10z] .carousel-slide.active {
    opacity: 1;
}

[b-87om8yd10z] .carousel-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Dark gradient overlay at bottom */
[b-87om8yd10z] .carousel-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 48px 48px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 60%, transparent 100%);
    color: #fff;
    z-index: 2;
}

[b-87om8yd10z] .carousel-overlay h2 {
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.2;
    margin-bottom: 12px;
    max-width: 520px;
    color: #fff;
}

[b-87om8yd10z] .carousel-overlay p {
    font-size: 0.95rem;
    line-height: 1.5;
    color: rgba(255, 255, 255, 0.85);
    max-width: 560px;
    margin-bottom: 0;
}

/* Carousel dots */
[b-87om8yd10z] .carousel-dots {
    position: absolute;
    bottom: 24px;
    left: 0;
    right: 0;
    display: flex;
    justify-content: center;
    gap: 8px;
    z-index: 3;
}

[b-87om8yd10z] .carousel-dots .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: background 0.3s;
}

[b-87om8yd10z] .carousel-dots .dot.active {
    background: #fff;
}

/* ===== Responsive ===== */
@media (max-width: 960px) {
    [b-87om8yd10z] .register-page {
        flex-direction: column;
    }

    [b-87om8yd10z] .register-left {
        flex: none;
        max-width: 100%;
        padding: 24px 24px;
    }

    [b-87om8yd10z] .register-form-wrapper {
        max-width: 400px;
        margin: 0 auto;
        padding: 20px 0 32px;
    }

    [b-87om8yd10z] .register-right {
        min-height: 50vh;
    }
}
/* _content/Ledgerwise/Components/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
[b-xbe1irn17f] .form-floating > .form-control {
    border-radius: var(--mud-default-borderradius, 4px);
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd);
    height: 48px;
    padding: 1rem 0.75rem;
}

[b-xbe1irn17f] .form-floating > .form-control:focus {
    border-color: var(--mud-palette-primary, #594AE2);
    box-shadow: 0 0 0 1px var(--mud-palette-primary, #594AE2);
}

[b-xbe1irn17f] .form-floating > label {
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}
/* _content/Ledgerwise/Components/Account/Pages/ResetPassword.razor.rz.scp.css */
[b-qml4zj2sl8] .form-floating > .form-control {
    border-radius: var(--mud-default-borderradius, 4px);
    border: 1px solid var(--mud-palette-lines-default, #bdbdbd);
    height: 48px;
    padding: 1rem 0.75rem;
}

[b-qml4zj2sl8] .form-floating > .form-control:focus {
    border-color: var(--mud-palette-primary, #594AE2);
    box-shadow: 0 0 0 1px var(--mud-palette-primary, #594AE2);
}

[b-qml4zj2sl8] .form-floating > label {
    color: var(--mud-palette-text-secondary, rgba(0,0,0,0.6));
}

[b-qml4zj2sl8] .form-check-input:checked {
    background-color: var(--mud-palette-primary, #594AE2);
    border-color: var(--mud-palette-primary, #594AE2);
}
/* _content/Ledgerwise/Components/Layout/MainLayout.razor.rz.scp.css */
/* ================================================================
   MainLayout — MudBlazor shell styles
   ================================================================ */

/* AppBar */
[b-abq463np8y] .lw-appbar {
    background-color: var(--layout-header-bg, #ffffff);
    border-bottom: 1px solid var(--color-divider, rgba(145, 158, 171, 0.16));
    color: var(--color-text-primary, #18181b);
    font-family: var(--font-family-body, "Plus Jakarta Sans", sans-serif);
}

/* AppBar — page title — subtitle1 token: 16px / 600 / Plus Jakarta Sans */
[b-abq463np8y] .lw-page-title {
    font-family: var(--font-family-body, "Plus Jakarta Sans", sans-serif);
    font-weight: var(--font-subtitle1-weight, 600);
    font-size: var(--font-subtitle1-size, 16px);
    line-height: var(--font-subtitle1-line-height, 24px);
    color: var(--color-text-primary, #18181b);
    white-space: nowrap;
}

/* AppBar — icon buttons (help, notifications) */
[b-abq463np8y] .lw-appbar-icon {
    color: var(--color-action-active, #637381);
    margin-left: 4px;
}

[b-abq463np8y] .lw-appbar-icon:hover {
    color: var(--color-text-primary, #18181b);
    background-color: var(--color-action-hover, rgba(145, 158, 171, 0.08));
}

/* AppBar — user section */
.lw-appbar-user[b-abq463np8y] {
    display: flex;
    align-items: center;
    gap: var(--spacing-2, 8px);
    margin-left: var(--spacing-2, 8px);
    padding: var(--spacing-1, 4px) var(--spacing-2, 8px);
    border-radius: var(--radius-sm, 8px);
    cursor: pointer;
}

.lw-appbar-user:hover[b-abq463np8y] {
    background-color: var(--color-action-hover, rgba(145, 158, 171, 0.08));
}

[b-abq463np8y] .lw-appbar-avatar {
    background-color: var(--color-primary-12, rgba(57, 128, 165, 0.12));
    color: var(--color-primary-main, #3980a5);
    width: 32px;
    height: 32px;
    font-size: var(--font-body2-size, 14px);
}

/* AppBar — username — body2 token: 14px / 400 / Plus Jakarta Sans */
[b-abq463np8y] .lw-appbar-username {
    font-family: var(--font-family-body, "Plus Jakarta Sans", sans-serif);
    font-weight: var(--font-body2-weight, 400);
    font-size: var(--font-body2-size, 14px);
    line-height: var(--font-body2-line-height, 22px);
    color: var(--color-text-primary, #18181b);
    white-space: nowrap;
}

/* Drawer (sidebar) — design tokens: background.paper, text.primary */
[b-abq463np8y] .lw-drawer {
    background-color: var(--layout-sidebar-bg, #ffffff) !important;
    color: var(--color-text-primary, #18181b);
    border-right: 1px solid var(--layout-sidebar-border, rgba(145, 158, 171, 0.16));
}

[b-abq463np8y] .lw-drawer .mud-drawer-content {
    background-color: var(--layout-sidebar-bg, #ffffff);
}

/* Drawer header / logo area */
[b-abq463np8y] .lw-drawer-header {
    background-color: var(--layout-sidebar-bg, #ffffff);
    padding: var(--spacing-3, 12px) var(--spacing-4, 16px);
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lw-brand-link[b-abq463np8y] {
    display: flex;
    align-items: center;
    text-decoration: none;
    gap: 8px;
}

.lw-brand-logo-mark[b-abq463np8y] {
    height: auto;
    width: 100%;
    max-height: 36px;
    max-width: 200px;
    object-fit: contain;
}

.lw-brand-name[b-abq463np8y] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #18181b;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.lw-brand-logo[b-abq463np8y] {
    height: 2rem;
    width: auto;
    max-width: 160px;
    object-fit: contain;
}

.lw-brand-link-mini[b-abq463np8y] {
    display: flex;
    align-items: center;
    justify-content: center;
}

.lw-brand-logo-mini[b-abq463np8y] {
    height: 44px;
    width: auto;
    max-width: 56px;
    object-fit: contain;
}

/* Floating sidebar toggle — sits at drawer edge, always visible */
.lw-sidebar-toggle[b-abq463np8y] {
    position: fixed;
    top: 14px;
    z-index: 1300;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-bg-default, #ffffff);
    border: 1px solid var(--color-grey-24, rgba(145, 158, 171, 0.24));
    border-radius: 6px;
    cursor: pointer;
    color: var(--color-action-active, #637381);
    padding: 0;
    box-shadow: var(--shadow-z1, 0 1px 2px rgba(0, 0, 0, 0.08));
    transition: left 225ms cubic-bezier(0.4, 0, 0.2, 1);
}

.lw-sidebar-toggle:hover[b-abq463np8y] {
    color: var(--color-text-primary, #18181b);
    background-color: var(--color-grey-200, #f4f6f8);
    border-color: rgba(145, 158, 171, 0.4);
}

.lw-sidebar-toggle.lw-sidebar-expanded[b-abq463np8y] {
    left: 248px;
}

.lw-sidebar-toggle.lw-sidebar-collapsed[b-abq463np8y] {
    left: 60px;
}

/* Main content area — _docs.[layout][content]--bg → grey.100 */
[b-abq463np8y] .lw-main-content {
    background-color: var(--layout-content-bg, #f9fafb);
    min-height: 100vh;
    font-family: var(--font-family-body, "Plus Jakarta Sans", sans-serif);
}

/* Error UI (kept from default Blazor template) */
#blazor-error-ui[b-abq463np8y] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-abq463np8y] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* _content/Ledgerwise/Components/Layout/NavMenu.razor.rz.scp.css */
/* ================================================================
   NavMenu — design-system token styles (light sidebar)
   Source: ledgerwise-design-system.tokens.json
   ================================================================ */

/* Nav menu links — nav-item-default token: 14px / 500 / Plus Jakarta Sans */
[b-78vpinrwl0] .lw-nav-menu .mud-nav-link {
    color: var(--color-text-secondary, #637381);
    border-radius: var(--radius-sm, 8px);
    font-size: var(--nav-item-font-size, 14px);
    font-family: var(--nav-item-font-family, "Plus Jakarta Sans", sans-serif);
    font-weight: var(--nav-item-font-weight, 500);
    line-height: var(--nav-item-line-height, 22px);
    margin: 2px 0;
}

[b-78vpinrwl0] .lw-nav-menu .mud-nav-link:hover {
    background-color: var(--color-action-hover, rgba(145, 158, 171, 0.08));
    color: var(--color-text-primary, #18181b);
}

/* Active state — nav-item-active token: same weight as default, primary tint */
[b-78vpinrwl0] .lw-nav-menu .mud-nav-link.active {
    background-color: var(--color-primary-8, rgba(57, 128, 165, 0.08));
    color: var(--color-primary-main, #3980a5);
    font-weight: var(--nav-item-font-weight, 500);
}

[b-78vpinrwl0] .lw-nav-menu .mud-nav-link.active .mud-nav-link-icon {
    color: var(--color-primary-main, #3980a5);
}

/* Icons */
[b-78vpinrwl0] .lw-nav-menu .mud-nav-link-icon {
    color: var(--color-action-active, #637381);
}

[b-78vpinrwl0] .lw-nav-menu .mud-nav-link:hover .mud-nav-link-icon {
    color: var(--color-text-primary, #18181b);
}

/* Nav group headers (WORK, TEMPLATES) — nav-subheader token */
[b-78vpinrwl0] .lw-nav-group .mud-nav-group-text {
    font-family: var(--nav-item-font-family, "Plus Jakarta Sans", sans-serif);
    font-size: var(--nav-subheader-font-size, 11px);
    font-weight: var(--nav-subheader-font-weight, 700);
    letter-spacing: 0.08em;
    color: var(--color-text-disabled, #919eab);
    text-transform: var(--nav-subheader-text-transform, uppercase);
}

[b-78vpinrwl0] .lw-nav-group .mud-expand-panel-header {
    padding: var(--spacing-1, 4px) var(--spacing-4, 16px);
}

/* Section labels (WORK, TEMPLATES) — nav-subheader token */
[b-78vpinrwl0] .lw-nav-section-label {
    font-family: var(--nav-item-font-family, "Plus Jakarta Sans", sans-serif);
    font-size: var(--nav-subheader-font-size, 11px);
    font-weight: var(--nav-subheader-font-weight, 700);
    letter-spacing: 0.08em;
    color: var(--color-text-disabled, #919eab);
    text-transform: var(--nav-subheader-text-transform, uppercase);
    padding: var(--spacing-4, 16px) var(--spacing-4, 16px) var(--spacing-1, 4px) var(--spacing-4, 16px);
    line-height: var(--nav-subheader-line-height, 18px);
    user-select: none;
}

/* Getting Started — progress bar stretches full width */
[b-78vpinrwl0] .lw-getting-started-content {
    width: 100%;
}

/* Bottom section pinned to drawer bottom */
.lw-nav-bottom[b-78vpinrwl0] {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: var(--spacing-1, 4px) 0 var(--spacing-2, 8px) 0;
    background: var(--layout-sidebar-bg, #ffffff);
}

/* Logout form — remove default spacing so button aligns with MudNavLink */
[b-78vpinrwl0] .lw-logout-form {
    margin: 0;
    padding: 0;
}

/* Logout button — reset button defaults; mud-nav-link class handles the rest */
[b-78vpinrwl0] .lw-logout-btn {
    background: none;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: left;
    font: inherit;
}
/* _content/Ledgerwise/Components/Layout/OnboardingLayout.razor.rz.scp.css */
/* ================================================================
   OnboardingLayout — MudBlazor shell styles
   ================================================================ */

[b-ws7rt4aygf] .onboarding-appbar {
    background-color: var(--lw-primary-blue, #3980A5) !important;
    color: #ffffff;
}

[b-ws7rt4aygf] .onboarding-main {
    background-color: var(--color-grey-100, #f9fafb);
    min-height: 100vh;
}

[b-ws7rt4aygf] .onboarding-footer-bar {
    background-color: var(--color-grey-200, #e9ecef) !important;
}
/* _content/Ledgerwise/Components/Modals/AssignInvoiceToDrawRequestModal.razor.rz.scp.css */
/* Force the fullscreen dialog overlay above the MudBlazor
   AppBar (z-index 1100) and Drawer (z-index 1200) */
[b-ae1376d817] .mud-overlay.mud-overlay-dialog {
    z-index: 1400 !important;
}
/* _content/Ledgerwise/Components/Modals/CreateChangeOrderModal.razor.rz.scp.css */
.searchable-dropdown[b-2bu1iv100j] {
    position: relative;
}

.dropdown-list[b-2bu1iv100j] {
    position: absolute;
    z-index: 1050;
    width: 100%;
    max-height: 280px;
    overflow-y: auto;
    background: #fff;
    border: 1px solid var(--lw-gray-smoke, #D3D6E0);
    border-top: none;
    border-radius: 0 0 0.375rem 0.375rem;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
}

.dropdown-category-header[b-2bu1iv100j] {
    padding: 6px 12px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--lw-gray-graphite, #6E7180);
    background: var(--lw-gray-cloud, #EDEFF7);
    border-bottom: 1px solid var(--lw-gray-smoke, #D3D6E0);
    position: sticky;
    top: 0;
}

.dropdown-item-option[b-2bu1iv100j] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 8px 12px;
    border: none;
    background: transparent;
    text-align: left;
    cursor: pointer;
    font-size: 0.875rem;
    transition: background-color 0.15s ease;
}

    .dropdown-item-option:hover[b-2bu1iv100j] {
        background: var(--lw-gray-cloud, #EDEFF7);
    }

    .dropdown-item-option.selected[b-2bu1iv100j] {
        background: rgba(57, 128, 165, 0.1);
        font-weight: 600;
    }

.dropdown-item-desc[b-2bu1iv100j] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-right: 12px;
}

.dropdown-item-amount[b-2bu1iv100j] {
    flex-shrink: 0;
    font-weight: 600;
    color: var(--lw-gray-graphite, #6E7180);
    font-size: 0.8rem;
}

.dropdown-item-empty[b-2bu1iv100j] {
    padding: 12px;
    text-align: center;
    color: var(--lw-gray-space, #9DA2B3);
    font-style: italic;
}
/* _content/Ledgerwise/Components/Modals/DocumentViewerModal.razor.rz.scp.css */
.document-viewer-body[b-ox80tpqkoj] {
    height: 70vh;
    overflow: auto;
}

.document-iframe[b-ox80tpqkoj] {
    width: 100%;
    height: 100%;
    border: none;
}

.document-image[b-ox80tpqkoj] {
    max-height: 65vh;
    object-fit: contain;
}

.modal.show[b-ox80tpqkoj] {
    display: block !important;
}
/* _content/Ledgerwise/Components/Modals/DrawRequestSubmitModal.razor.rz.scp.css */
/* MudDialog handles z-index natively — no overrides needed */
/* _content/Ledgerwise/Components/Modals/ViewInvoiceModal.razor.rz.scp.css */
.invoice-preview-container[b-2kq8zed3uk] {
    width: 100%;
    height: 600px;
    border: 1px solid #dee2e6;
    border-radius: 0.375rem;
    overflow: hidden;
    background-color: #f8f9fa;
}

.invoice-preview-iframe[b-2kq8zed3uk] {
    width: 100%;
    height: 100%;
    border: none;
}

@media (max-width: 768px) {
    .invoice-preview-container[b-2kq8zed3uk] {
        height: 400px;
    }
}

@media (max-width: 576px) {
    .invoice-preview-container[b-2kq8zed3uk] {
        height: 300px;
    }
}
/* _content/Ledgerwise/Components/Pages/Contractor/Contractor.razor.rz.scp.css */
/* Contractor page styles are handled by MudBlazor components */
/* _content/Ledgerwise/Components/Pages/Home.razor.rz.scp.css */
/* ================================================================
   Home (Dashboard) — MudBlazor component styles
   ================================================================ */

.outstanding-tasks-scroll[b-qs22jhofbr] {
    max-height: 600px;
    overflow-y: auto;
}

.h-100[b-qs22jhofbr] {
    height: 100%;
}
/* _content/Ledgerwise/Components/Pages/Project/Budget/SubmitChangeOrderModal.razor.rz.scp.css */
.change-orders-container[b-aihfn62llp] {
    max-height: 60vh;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 10px;
}

.mud-border-primary[b-aihfn62llp] {
    border-color: var(--mud-palette-primary) !important;
    border-width: 2px !important;
}

.mud-border-success[b-aihfn62llp] {
    border-color: var(--mud-palette-success) !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 3px rgba(var(--mud-palette-success-rgb), 0.1);
}

.line-items-container[b-aihfn62llp] {
    margin-top: 1rem;
    min-height: 80px;
    border: 1px dashed var(--mud-palette-lines-default);
    border-radius: 6px;
    padding: 0.5rem;
}

.empty-drop-zone[b-aihfn62llp] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    text-align: center;
}

@media (max-width: 768px) {
    .change-orders-container[b-aihfn62llp] {
        max-height: 50vh;
    }
}
/* _content/Ledgerwise/Components/Pages/Test/TestMergeSigningDocuments.razor.rz.scp.css */
.table-active[b-aqquaoiurp] {
    background-color: #e7f3ff !important;
}

.badge[b-aqquaoiurp] {
    font-size: 0.875rem;
}

.alert ul[b-aqquaoiurp] {
    padding-left: 1.25rem;
}

.card-header h6[b-aqquaoiurp] {
    margin-bottom: 0;
}

.list-group-item[b-aqquaoiurp] {
    border-color: #dee2e6;
}

.list-group-item .bi-file-pdf[b-aqquaoiurp] {
    font-size: 1.25rem;
}

.list-group-item button[b-aqquaoiurp] {
    min-width: 90px;
}
/* _content/Ledgerwise/Components/Shared/SearchableDropdown.razor.rz.scp.css */
.searchable-dropdown[b-wcbyx8l7sf] {
    position: relative;
    width: 100%;
}

.searchable-dropdown-menu[b-wcbyx8l7sf] {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    max-height: 300px;
    overflow-y: auto;
    margin-top: 2px;
    z-index: 1050;
}

[b-wcbyx8l7sf] .mud-selected-item {
    background-color: var(--mud-palette-primary);
    color: white;
}