@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.bundle.scp.css';

/* /Components/Account/Pages/Login.razor.rz.scp.css */
.login-card[b-rzzyq0llga] {
    width: 440px;
    max-width: 100%;
    background: #161b22;
    border: 1px solid #21262d;
    border-radius: 8px;
    padding: 44px 44px 36px;
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.04),
        0 4px 8px rgba(0, 0, 0, 0.6),
        0 12px 28px rgba(0, 0, 0, 0.7),
        0 32px 64px rgba(0, 0, 0, 0.5);
}

@media (max-width: 480px) {
    .login-card[b-rzzyq0llga] {
        padding: 32px 24px 28px;
        border-radius: 0;
        border-left: none;
        border-right: none;
        box-shadow: none;
    }
}

.login-brand[b-rzzyq0llga] {
    margin-bottom: 2rem;
}

.login-brand-logo[b-rzzyq0llga] {
    display: block;
    height: 56px;
    width: auto;
    margin-bottom: 0.4rem;
}

.login-tagline[b-rzzyq0llga] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: #208cc9;
    margin: 0 0 1.5rem;
    line-height: 1.3;
}

.login-title[b-rzzyq0llga] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #e6edf3;
    margin: 0;
    letter-spacing: -0.015em;
    line-height: 1.2;
}

.remember-me[b-rzzyq0llga] {
    font-size: 0.875rem;
    color: #8b949e;
    cursor: pointer;
    user-select: none;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.forgot-link[b-rzzyq0llga] {
    font-size: 0.875rem;
    color: #388bfd;
    text-decoration: none;
    white-space: nowrap;
}

.forgot-link:hover[b-rzzyq0llga] {
    color: #58a6ff;
    text-decoration: underline;
}

.btn-sign-in[b-rzzyq0llga] {
    height: 44px;
    font-size: 0.9375rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    border-radius: 6px;
    transition: background-color 0.15s ease, box-shadow 0.15s ease;
}

.btn-sign-in:hover[b-rzzyq0llga] {
    box-shadow: 0 4px 14px rgba(31, 111, 235, 0.4);
}

.login-divider[b-rzzyq0llga] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 1.5rem 0;
    color: #30363d;
    font-size: 0.75rem;
}

.login-divider[b-rzzyq0llga]::before,
.login-divider[b-rzzyq0llga]::after {
    content: '';
    flex: 1;
    height: 1px;
    background: #21262d;
}

.login-footer[b-rzzyq0llga] {
    margin-top: 1.75rem;
    padding-top: 1.25rem;
    border-top: 1px solid #21262d;
    text-align: center;
    font-size: 0.8125rem;
    color: #8b949e;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.login-footer a[b-rzzyq0llga] {
    color: #388bfd;
    text-decoration: none;
}

.login-footer a:hover[b-rzzyq0llga] {
    color: #58a6ff;
    text-decoration: underline;
}

.login-footer .divider[b-rzzyq0llga] {
    color: #30363d;
}

.form-floating > .form-control[b-rzzyq0llga] {
    background-color: #0d1117;
    border-color: #30363d;
    color: #e6edf3;
}

.form-floating > .form-control:focus[b-rzzyq0llga] {
    background-color: #0d1117;
    border-color: #388bfd;
    box-shadow: 0 0 0 3px rgba(31, 111, 235, 0.2);
    color: #e6edf3;
}

.form-floating > .form-control[b-rzzyq0llga]::placeholder {
    color: transparent;
}

.form-floating > label[b-rzzyq0llga] {
    color: #8b949e;
}

.form-floating > .form-control:focus ~ label[b-rzzyq0llga],
.form-floating > .form-control:not(:placeholder-shown) ~ label[b-rzzyq0llga] {
    color: #58a6ff;
}

.form-floating > .form-control:focus ~ label[b-rzzyq0llga]::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label[b-rzzyq0llga]::after {
    background-color: transparent;
}
/* /Components/Account/Shared/ExternalLoginPicker.razor.rz.scp.css */
.btn-ms-signin[b-cj3p5uu3x1] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    height: 41px;
    padding: 0 16px;
    background-color: #2F2F2F;
    border: 1px solid #8C8C8C;
    border-radius: 4px;
    color: #FFFFFF;
    font-family: "Segoe UI", -apple-system, BlinkMacSystemFont, "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.15s ease;
}

.btn-ms-signin:hover[b-cj3p5uu3x1] {
    background-color: #3c3c3c;
}

.btn-ms-signin svg[b-cj3p5uu3x1] {
    flex-shrink: 0;
}
/* /Components/Account/Shared/LoginLayout.razor.rz.scp.css */
.login-page[b-q2bpfbyznf] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #000;
    padding: 1rem;
}
/* /Components/Layout/CustomTopNav.razor.rz.scp.css */
.form-select[b-g1uop92p93] {
    background-color: #1c2128;
    border-color: #30363d;
    color: #e6edf3;
    font-size: 0.875rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%238b949e' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}

.form-select:focus[b-g1uop92p93] {
    background-color: #1c2128;
    border-color: #388bfd;
    color: #e6edf3;
    box-shadow: 0 0 0 0.2rem rgba(56, 139, 253, 0.2);
}

.form-select option[b-g1uop92p93] {
    background-color: #1c2128;
    color: #e6edf3;
}
/* /Components/Layout/LoginDisplay.razor.rz.scp.css */
/* Icon buttons in the top row, sized and shaped to match the quick-add "+" in QuickAddMenu.razor.css.
   Muted by default so the blue "+" stays the only accent up here, and they light up on hover. */
.user-menu[b-w4t05ybckn] {
    position: relative;
    display: flex;
    align-items: center;
}

.user-logout-form[b-w4t05ybckn] {
    display: flex;
    align-items: center;
    margin: 0;
}

.user-icon-btn[b-w4t05ybckn] {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #21262d;
    border: 1px solid #30363d;
    color: #8b949e;
    font-size: .95rem;
    line-height: 1;
    cursor: pointer;
    transition: background-color .15s ease, border-color .15s ease, color .15s ease, box-shadow .15s ease;
}

    .user-icon-btn:hover[b-w4t05ybckn], .user-icon-btn:focus-visible[b-w4t05ybckn] {
        background-color: #30363d;
        border-color: #8b949e;
        color: #e6edf3;
        outline: none;
    }

    .user-icon-btn.is-open[b-w4t05ybckn] {
        background-color: #1f6feb;
        border-color: #388bfd;
        color: #fff;
        box-shadow: 0 0 0 3px rgba(31, 111, 235, .3);
    }

    /* Log out is destructive-ish, so it reds on hover rather than going neutral-bright. */
    .user-logout-btn:hover[b-w4t05ybckn], .user-logout-btn:focus-visible[b-w4t05ybckn] {
        background-color: #3c1618;
        border-color: #f85149;
        color: #ff7b72;
    }

.user-initials[b-w4t05ybckn] {
    font-size: .75rem;
    font-weight: 600;
    letter-spacing: .02em;
}

/* The M365 photo fills the 36px circle; overflow is clipped by the button's border-radius. */
.user-icon-btn[b-w4t05ybckn] {
    overflow: hidden;
}

.user-icon-photo[b-w4t05ybckn] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

.user-backdrop[b-w4t05ybckn] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.user-card[b-w4t05ybckn] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1045;
    width: 250px;
    padding: 16px 14px 14px;
    text-align: center;
    background-color: #161b22;
    border: 1px solid #30363d;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(1, 4, 9, .8);
}

    /* Small pointer up toward the button. */
    .user-card[b-w4t05ybckn]::before {
        content: "";
        position: absolute;
        top: -5px;
        right: 13px;
        width: 8px;
        height: 8px;
        background-color: #161b22;
        border-left: 1px solid #30363d;
        border-top: 1px solid #30363d;
        transform: rotate(45deg);
    }

.user-card-avatar[b-w4t05ybckn] {
    width: 64px;
    height: 64px;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #1f6feb;
    border: 1px solid #388bfd;
    color: #fff;
    font-size: 1.35rem;
    font-weight: 600;
    letter-spacing: .02em;
    overflow: hidden;
}

    .user-card-avatar img[b-w4t05ybckn] {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

.user-card-name[b-w4t05ybckn] {
    font-size: .95rem;
    font-weight: 600;
    color: #e6edf3;
    line-height: 1.3;
    word-break: break-word;
}

.user-card-email[b-w4t05ybckn] {
    margin-top: 3px;
    font-size: .78rem;
    color: #8b949e;
    word-break: break-all;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-9on261zcax] {
    position: relative;
    display: flex;
    flex-direction: column;
    background-color: #0d1117;
    min-height: 100vh;
}

/* The banner sits in normal flow ABOVE .page, so both the page column and <main> -- which
   blazor.bootstrap.css sizes at height:100vh, making it the real scroll container -- have to
   give back exactly the height the banner took. Without this the document itself is 26px
   taller than the viewport, and that 26px of document scroll slides the sticky top-row up
   underneath the banner, clipping the top of its controls.
   Note there is deliberately NO offset for .top-row here: it sticks inside <main>, which
   already starts below the banner, so shifting it a second time pushed it down over the
   first 26px of the article (the "Settings" heading was clipped by it). The sidebar below
   does need the shift -- it sticks against the document, not against <main>.
   If .env-banner's height ever changes, every 26px in this file changes with it. */
.page.has-env-banner[b-9on261zcax] {
    min-height: calc(100vh - 26px);
}

    .page.has-env-banner main[b-9on261zcax] {
        height: calc(100vh - 26px);
    }

main[b-9on261zcax] {
    flex: 1;
    background-color: #0d1117;
}

.sidebar[b-9on261zcax] {
    background-color: #161b22;
    border-right: 1px solid #30363d;
    overflow: hidden;
}


.top-row[b-9on261zcax] {
    background-color: #161b22;
    border-bottom: 1px solid #30363d;
    justify-content: flex-end;
    height: 60px;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

    .top-row[b-9on261zcax]  a, .top-row[b-9on261zcax]  .btn-link {
        white-space: nowrap;
        margin-left: 1rem;
        text-decoration: none;
        color: #8b949e;
    }

    .top-row[b-9on261zcax]  a:hover, .top-row[b-9on261zcax]  .btn-link:hover {
        color: #e6edf3;
        text-decoration: none;
    }

    .top-row[b-9on261zcax]  a:first-child {
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media (max-width: 640.98px) {
    .top-row[b-9on261zcax] {
        justify-content: space-between;
    }

    .top-row[b-9on261zcax]  a, .top-row[b-9on261zcax]  .btn-link {
        margin-left: 0;
    }
}

@media (min-width: 641px) {
    .page[b-9on261zcax] {
        flex-direction: row;
    }

    .sidebar[b-9on261zcax] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0;
    }

    .top-row[b-9on261zcax] {
        position: sticky;
        top: 0;
        z-index: 1;
    }

    /* Sticky against the document (not against <main>), so it starts below the banner and
       loses that height. See the note at the top of this file for why .top-row must NOT get
       the same treatment. */
    .page.has-env-banner .sidebar[b-9on261zcax] {
        top: 26px;
        height: calc(100vh - 26px);
    }

    .top-row.auth[b-9on261zcax]  a:first-child {
        flex: 1;
        text-align: right;
        width: 0;
    }

    .top-row[b-9on261zcax], article[b-9on261zcax] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important;
    }
}

.env-banner[b-9on261zcax] {
    position: sticky;
    top: 0;
    z-index: 1040;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    background-color: #b45309;
    border-bottom: 1px solid #f59e0b;
    color: #fff8e1;
    font-size: 0.72rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0.75rem;
}

#blazor-error-ui[b-9on261zcax] {
    background: #1c2128;
    border-top: 1px solid #f85149;
    color: #e6edf3;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
    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-9on261zcax] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-q8668k3yyc] {
    appearance: none;
    cursor: pointer;
    width: 3.5rem;
    height: 2.5rem;
    color: white;
    position: absolute;
    top: 0.5rem;
    right: 1rem;
    border: 1px solid #30363d;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28230, 237, 243, 0.6%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem #161b22;
    border-radius: 6px;
}

.navbar-toggler:checked[b-q8668k3yyc] {
    background-color: #21262d;
}

.sidebar-header[b-q8668k3yyc] {
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0 0.5rem 0 1rem;
    border-bottom: 1px solid #30363d;
    gap: 0.5rem;
}

.sidebar-header.collapsed[b-q8668k3yyc] {
    justify-content: center;
    padding: 0;
}

.nav-separator[b-q8668k3yyc] {
    border: none;
    border-top: 1px solid #30363d;
    margin: 0.4rem 0.5rem;
}

.nav-chevron-row[b-q8668k3yyc] {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    padding: 0.4rem 0.75rem 0.1rem 0;
    box-sizing: border-box;
}

.nav-chevron-row.collapsed[b-q8668k3yyc] {
    justify-content: center;
    padding: 0.75rem 0;
}

.nav-chevron-btn[b-q8668k3yyc] {
    background: #161b22;
    border: none;
    cursor: pointer;
    padding: 0.3rem;
    border-radius: 50%;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    opacity: 0.8;
}

.nav-chevron-btn i[b-q8668k3yyc] {
    font-size: 1.1rem;
    color: #388bfd;
}

.nav-chevron-btn:hover[b-q8668k3yyc] {
    opacity: 1;
    background: #21262d;
}

.brand[b-q8668k3yyc] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    text-decoration: none;
    color: #e6edf3;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: 0.02em;
}

.brand:hover[b-q8668k3yyc] {
    color: #388bfd;
    text-decoration: none;
}

.brand-icon-img[b-q8668k3yyc],
.brand-logo-img[b-q8668k3yyc] {
    height: 36px;
    width: auto;
    flex-shrink: 0;
}

.nav-section-label[b-q8668k3yyc] {
    font-size: 0.7rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #484f58;
    padding: 1.25rem 1rem 0.4rem 1rem;
    margin: 0;
}

.nav-icon[b-q8668k3yyc] {
    flex-shrink: 0;
    margin-right: 0.6rem;
    opacity: 0.7;
}

.nav-item[b-q8668k3yyc] {
    font-size: 0.875rem;
    padding-bottom: 0.125rem;
}

    .nav-item[b-q8668k3yyc]  .nav-link {
        color: #8b949e;
        background: none;
        border: none;
        border-radius: 6px;
        height: 2.25rem;
        display: flex;
        align-items: center;
        line-height: 1;
        width: 100%;
        padding: 0 0.75rem;
        transition: background-color 0.15s ease, color 0.15s ease;
    }

    .nav-item[b-q8668k3yyc]  a.active {
        background-color: rgba(56, 139, 253, 0.15);
        color: #388bfd;
    }

    .nav-item[b-q8668k3yyc]  a.active .nav-icon {
        opacity: 1;
        color: #388bfd;
    }

    .nav-item[b-q8668k3yyc]  .nav-link:hover {
        background-color: #21262d;
        color: #e6edf3;
    }

    .nav-item[b-q8668k3yyc]  .nav-link:hover .nav-icon {
        opacity: 1;
    }

.nav-scrollable[b-q8668k3yyc] {
    display: none;
    padding: 0.5rem 0.5rem 1rem;
}

.nav-scrollable.nav-minimized[b-q8668k3yyc] {
    padding-left: 0;
    padding-right: 0;
}


.navbar-toggler:checked ~ .nav-scrollable[b-q8668k3yyc] {
    display: block;
}

@media (min-width: 641px) {
    .navbar-toggler[b-q8668k3yyc] {
        display: none;
    }

    .nav-scrollable[b-q8668k3yyc] {
        display: block;
        height: calc(100vh - 60px - 48px);
        overflow-y: auto;
        overflow-x: hidden;
        scrollbar-width: thin;
        scrollbar-color: #30363d transparent;
    }
}

.nav-suggest-footer[b-q8668k3yyc] {
    height: 48px;
    display: flex;
    align-items: center;
    background: #161b22;
    border-top: 1px solid #30363d;
    padding: 0 0.25rem;
}

.nav-suggest-footer[b-q8668k3yyc]  .nav-link {
    color: #e8650a !important;
}

.nav-suggest-footer[b-q8668k3yyc]  .nav-link .nav-icon {
    color: #e8650a !important;
    opacity: 1 !important;
}

.nav-suggest-footer[b-q8668k3yyc]  .nav-link:hover {
    color: #ff8533 !important;
    background-color: rgba(232, 101, 10, 0.12);
}

.nav-suggest-footer[b-q8668k3yyc]  .nav-link:hover .nav-icon {
    color: #ff8533 !important;
}
/* /Components/Layout/QuickAddMenu.razor.rz.scp.css */
.quick-add[b-105g0jqv0n] {
    position: relative;
    display: flex;
    align-items: center;
}

/* Circular accent button. Deliberately not .btn/.btn-primary: the top row styles generic buttons
   and links grey (see MainLayout.razor.css), and this one has to read as the app's primary blue. */
.quick-add-btn[b-105g0jqv0n] {
    width: 36px;
    height: 36px;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #1f6feb;
    border: 1px solid #388bfd;
    color: #fff;
    font-size: 1.05rem;
    line-height: 1;
    cursor: pointer;
    box-shadow: 0 1px 3px rgba(1, 4, 9, .5);
    transition: background-color .15s ease, box-shadow .15s ease, transform .15s ease;
}

    .quick-add-btn:hover[b-105g0jqv0n], .quick-add-btn:focus-visible[b-105g0jqv0n] {
        background-color: #388bfd;
        border-color: #58a6ff;
        color: #fff;
        box-shadow: 0 0 0 3px rgba(31, 111, 235, .3);
        outline: none;
    }

    .quick-add-btn.is-open[b-105g0jqv0n] {
        background-color: #388bfd;
        border-color: #58a6ff;
        box-shadow: 0 0 0 3px rgba(31, 111, 235, .35);
    }

    .quick-add-btn i[b-105g0jqv0n] {
        transition: transform .15s ease;
    }

    .quick-add-btn.is-open i[b-105g0jqv0n] {
        transform: rotate(45deg);
    }

.quick-add-backdrop[b-105g0jqv0n] {
    position: fixed;
    inset: 0;
    z-index: 1040;
    background: transparent;
}

.quick-add-menu[b-105g0jqv0n] {
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    z-index: 1045;
    width: 268px;
    padding: 6px;
    background-color: #161b22;
    border: 1px solid #30363d;
    border-radius: 10px;
    box-shadow: 0 12px 32px rgba(1, 4, 9, .8);
}

    /* Small pointer up toward the button. */
    .quick-add-menu[b-105g0jqv0n]::before {
        content: "";
        position: absolute;
        top: -5px;
        right: 13px;
        width: 8px;
        height: 8px;
        background-color: #161b22;
        border-left: 1px solid #30363d;
        border-top: 1px solid #30363d;
        transform: rotate(45deg);
    }

.quick-add-header[b-105g0jqv0n] {
    padding: 6px 10px 8px;
    font-size: .68rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .06em;
    color: #8b949e;
}

.quick-add-divider[b-105g0jqv0n] {
    height: 1px;
    margin: 5px 8px;
    background-color: #30363d;
}

.quick-add-item[b-105g0jqv0n] {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 7px 9px;
    background: transparent;
    border: 0;
    border-radius: 7px;
    color: #e6edf3;
    text-align: left;
    cursor: pointer;
    transition: background-color .12s ease;
}

    .quick-add-item:hover[b-105g0jqv0n], .quick-add-item:focus-visible[b-105g0jqv0n] {
        background-color: #1f2937;
        outline: none;
    }

.quick-add-icon[b-105g0jqv0n] {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background-color: #0d1117;
    border: 1px solid #30363d;
    color: #58a6ff;
    font-size: .85rem;
}

.quick-add-item:hover .quick-add-icon[b-105g0jqv0n],
.quick-add-item:focus-visible .quick-add-icon[b-105g0jqv0n] {
    background-color: #1f6feb;
    border-color: #388bfd;
    color: #fff;
}

.quick-add-text[b-105g0jqv0n] {
    display: flex;
    flex-direction: column;
    min-width: 0;
    line-height: 1.25;
}

.quick-add-label[b-105g0jqv0n] {
    font-size: .875rem;
    font-weight: 500;
    white-space: nowrap;
}

.quick-add-desc[b-105g0jqv0n] {
    font-size: .7rem;
    color: #8b949e;
    white-space: nowrap;
}

.quick-add-empty[b-105g0jqv0n] {
    padding: 8px 10px 10px;
    font-size: .8rem;
    color: #8b949e;
}
/* /Components/Pages/CadenceCallPrep.razor.rz.scp.css */
.delivery-scroll[b-03uw1tyvyd]::-webkit-scrollbar {
    width: 6px;
}

.delivery-scroll[b-03uw1tyvyd]::-webkit-scrollbar-track {
    background: #0d1117;
    border-radius: 3px;
}

.delivery-scroll[b-03uw1tyvyd]::-webkit-scrollbar-thumb {
    background: #30363d;
    border-radius: 3px;
}

.delivery-scroll[b-03uw1tyvyd]::-webkit-scrollbar-thumb:hover {
    background: #484f58;
}

@@media print {
    /* Hide everything outside the agenda summary content */
    nav[b-03uw1tyvyd], header[b-03uw1tyvyd], aside[b-03uw1tyvyd], footer[b-03uw1tyvyd],
    .top-row[b-03uw1tyvyd], .navbar[b-03uw1tyvyd], .sidebar[b-03uw1tyvyd], .nav-menu[b-03uw1tyvyd],
    .btn[b-03uw1tyvyd], button[b-03uw1tyvyd],
    .toast-container[b-03uw1tyvyd] {
        display: none !important;
    }

    /* Ensure full-width print area */
    .main-content[b-03uw1tyvyd], main[b-03uw1tyvyd], article[b-03uw1tyvyd], [class*="col-"][b-03uw1tyvyd] {
        width: 100% !important;
        max-width: 100% !important;
        flex: none !important;
    }

    /* Cards look clean on paper */
    .card[b-03uw1tyvyd] {
        border: 1px solid #ccc !important;
        background: white !important;
        color: black !important;
        break-inside: avoid;
    }

    .card-header[b-03uw1tyvyd] {
        background: #f0f0f0 !important;
        color: black !important;
        border-bottom: 1px solid #ccc !important;
    }

    /* Note text readable on paper */
    .card-body[b-03uw1tyvyd], .card-body *[b-03uw1tyvyd] {
        color: black !important;
        background: white !important;
    }

    /* Remove scrolling constraints for print */
    .card-body[style*="overflow"][b-03uw1tyvyd] {
        overflow: visible !important;
        max-height: none !important;
        height: auto !important;
    }

    /* Badge styling for paper */
    .badge[b-03uw1tyvyd] {
        border: 1px solid #999 !important;
        color: black !important;
        background: #eee !important;
    }

    /* Progress bars collapse nicely */
    .progress[b-03uw1tyvyd] {
        border: 1px solid #ccc;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.landing-wrapper[b-wj873apkoa] {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 120px);
    padding: 2rem 1rem;
}

.landing-content[b-wj873apkoa] {
    max-width: 540px;
    text-align: center;
}

.landing-icon[b-wj873apkoa] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    font-size: 2.25rem;
    color: #388bfd;
    background: rgba(31, 111, 235, 0.1);
    border: 1px solid rgba(31, 111, 235, 0.2);
    border-radius: 18px;
    margin-bottom: 1.5rem;
}

.landing-logo[b-wj873apkoa] {
    display: block;
    width: 100%;
    max-width: 360px;
    height: auto;
    margin: 0 auto 1.5rem;
}

.landing-description[b-wj873apkoa] {
    font-size: 1rem;
    color: #8b949e;
    line-height: 1.75;
    margin-bottom: 2.5rem;
}

.landing-actions[b-wj873apkoa] {
    display: flex;
    gap: 0.875rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

.landing-btn[b-wj873apkoa] {
    min-width: 160px;
    border-radius: 8px;
    font-size: 0.9375rem;
    font-weight: 500;
    padding: 0.6rem 1.5rem;
}

.landing-hint[b-wj873apkoa] {
    font-size: 0.8125rem;
    color: #484f58;
    margin: 0;
}
/* /Components/Pages/StepNotes.razor.rz.scp.css */
/* ::deep pierces Blazor CSS isolation so styles reach Markdig-generated HTML */
[b-yqd9d14crg] .note-body p {
    margin-bottom: 0.2rem;
    line-height: 1.45;
}
[b-yqd9d14crg] .note-body p:last-child {
    margin-bottom: 0;
}
[b-yqd9d14crg] .note-body ul,
[b-yqd9d14crg] .note-body ol {
    margin-bottom: 0.2rem;
    padding-left: 1.25rem;
}
[b-yqd9d14crg] .note-body ul:last-child,
[b-yqd9d14crg] .note-body ol:last-child {
    margin-bottom: 0;
}
[b-yqd9d14crg] .note-body li {
    margin-bottom: 0.1rem;
    line-height: 1.45;
}
[b-yqd9d14crg] .note-body strong {
    font-weight: 600;
}
[b-yqd9d14crg] .note-body em {
    font-style: italic;
}