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

/* _content/NeedChecklist/Pages/Account/Pages/ConfirmEmail.razor.rz.scp.css */
/* Auth pages (login/register/etc) use a clean white background */
.tc-auth-page[b-kz5azp3cfh] {
    background-color: #ffffff !important;
}

    /* Make sure inner wrappers don't reintroduce a grey background */
    .tc-auth-page main[b-kz5azp3cfh],
    .tc-auth-page section[b-kz5azp3cfh],
    .tc-auth-page .container[b-kz5azp3cfh] {
        background-color: transparent !important;
    }
/* _content/NeedChecklist/Pages/Account/Pages/ForgotPassword.razor.rz.scp.css */
/* Auth pages (login/register/etc) use a clean white background */
.tc-auth-page[b-xc4av6lboa] {
    background-color: #ffffff !important;
}

    /* Make sure inner wrappers don't reintroduce a grey background */
    .tc-auth-page main[b-xc4av6lboa],
    .tc-auth-page section[b-xc4av6lboa],
    .tc-auth-page .container[b-xc4av6lboa] {
        background-color: transparent !important;
    }
/* _content/NeedChecklist/Pages/Account/Pages/Login.razor.rz.scp.css */
/* Auth pages (login/register/etc) use a clean white background */
.tc-auth-page[b-i5iaurda92] {
    background-color: #ffffff !important;
}

    /* Make sure inner wrappers don't reintroduce a grey background */
    .tc-auth-page main[b-i5iaurda92],
    .tc-auth-page section[b-i5iaurda92],
    .tc-auth-page .container[b-i5iaurda92] {
        background-color: transparent !important;
    }
/* _content/NeedChecklist/Pages/Account/Pages/RegisterConfirmation.razor.rz.scp.css */
/* Auth pages (login/register/etc) use a clean white background */
.tc-auth-page[b-ze41lxc1m6] {
    background-color: #ffffff !important;
}

    /* Make sure inner wrappers don't reintroduce a grey background */
    .tc-auth-page main[b-ze41lxc1m6],
    .tc-auth-page section[b-ze41lxc1m6],
    .tc-auth-page .container[b-ze41lxc1m6] {
        background-color: transparent !important;
    }
/* _content/NeedChecklist/Pages/Account/Pages/ResendEmailConfirmation.razor.rz.scp.css */
/* Auth pages (login/register/etc) use a clean white background */
.tc-auth-page[b-jrckjlshzv] {
    background-color: #ffffff !important;
}

    /* Make sure inner wrappers don't reintroduce a grey background */
    .tc-auth-page main[b-jrckjlshzv],
    .tc-auth-page section[b-jrckjlshzv],
    .tc-auth-page .container[b-jrckjlshzv] {
        background-color: transparent !important;
    }
/* _content/NeedChecklist/Pages/Account/Settings.razor.rz.scp.css */
.card-disabled[b-03q2dhnnyn] {
    pointer-events: none;
    filter: grayscale(0.5);
    opacity: 0.6;
}

    .card-disabled .btn[b-03q2dhnnyn] {
        opacity: 0.5 !important;
        cursor: not-allowed;
    }

.card .btn[b-03q2dhnnyn] {
    transition: all 0.2s ease-in-out;
}

    .card .btn:hover[b-03q2dhnnyn] {
        transform: scale(1.03);
    }
/* _content/NeedChecklist/Pages/Account/UpgradeSuccess.razor.rz.scp.css */
.fade-in[b-pzt818ls4n] {
    animation: fadeIn-b-pzt818ls4n 0.8s ease-in-out;
}

@keyframes fadeIn-b-pzt818ls4n {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}
/* _content/NeedChecklist/Pages/Features/Checklists/Generate.razor.rz.scp.css */
/* ==============
   Generate Page
   ============== */

.tc-generate-page[b-tt2zjjlq1s] {
    background-color: #f3f4f6;
}

/* Header */
.tc-generate-title[b-tt2zjjlq1s] {
    font-size: clamp(1.75rem, 3vw, 2.3rem);
    font-weight: 700;
    color: var(--tc-navy);
    margin-bottom: 0.25rem;
}

.tc-generate-subtitle[b-tt2zjjlq1s] {
    max-width: 40rem;
}

/* Step pill */
.tc-step-pill[b-tt2zjjlq1s] {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.15rem 0.75rem;
    border-radius: 999px;
    font-size: 0.8rem;
    background-color: rgba(15, 23, 42, 0.05);
    color: rgba(15, 23, 42, 0.75);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.tc-step-pill-dot[b-tt2zjjlq1s] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
}

/* Cards */
.tc-generate-card[b-tt2zjjlq1s],
.tc-generated-card[b-tt2zjjlq1s] {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.5rem 1.4rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
    box-shadow: 0 12px 30px rgba(15, 23, 42, 0.06);
}

/* Textarea */
.tc-generate-textarea[b-tt2zjjlq1s] {
    resize: vertical;
    min-height: 120px;
}

/* Tag pills */
.tc-tag-pill[b-tt2zjjlq1s] {
    border-radius: 999px;
    background-color: rgba(15, 23, 42, 0.04);
    border: 1px solid rgba(148, 163, 184, 0.6);
    color: #0f172a;
    padding-inline: 0.85rem;
    font-size: 0.8rem;
    font-weight: 500;
}

    .tc-tag-pill:hover[b-tt2zjjlq1s] {
        background-color: rgba(37, 99, 235, 0.08);
        border-color: rgba(37, 99, 235, 0.7);
    }

/* Generated checklist */
.tc-generated-list .list-group-item[b-tt2zjjlq1s] {
    font-size: 0.95rem;
    border-left: none;
    border-right: none;
}

    .tc-generated-list .list-group-item:first-child[b-tt2zjjlq1s] {
        border-top-left-radius: 0.75rem;
        border-top-right-radius: 0.75rem;
    }

    .tc-generated-list .list-group-item:last-child[b-tt2zjjlq1s] {
        border-bottom-left-radius: 0.75rem;
        border-bottom-right-radius: 0.75rem;
    }

/* Empty state */
.tc-generated-empty[b-tt2zjjlq1s] {
    padding: 2.5rem 1.5rem;
}

.tc-generated-empty-icon[b-tt2zjjlq1s] {
    width: 52px;
    height: 52px;
    border-radius: 999px;
    margin-inline: auto;
    background-color: rgba(148, 163, 184, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .tc-generated-empty-icon i[b-tt2zjjlq1s] {
        font-size: 1.6rem;
        color: #64748b;
    }

/* Layout tweaks */
@media (min-width: 992px) {
    .tc-generate-layout .col-lg-6:first-child[b-tt2zjjlq1s] {
        padding-right: 0.75rem;
    }

    .tc-generate-layout .col-lg-6:last-child[b-tt2zjjlq1s] {
        padding-left: 0.75rem;
    }
}
/* _content/NeedChecklist/Pages/Index.razor.rz.scp.css */
/* Preview footer: mobile adjustments only */
@media (max-width: 575.98px) {
    .tc-preview-footer[b-2xlngts58m] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem; /* space between button and text */
    }

        .tc-preview-footer .btn[b-2xlngts58m] {
            width: 100%; /* full-width button on mobile */
        }

        .tc-preview-footer small[b-2xlngts58m] {
            text-align: left;
        }
}

.white-nowrap[b-2xlngts58m] {
    white-space: nowrap;
}
/* _content/NeedChecklist/Pages/Layout/MainLayout.razor.rz.scp.css */
/* ====== Page Structure ====== */
.page[b-u0ko011uiu] {
    position: relative;
    display: flex;
    flex-direction: column;
}

main[b-u0ko011uiu] {
    flex: 1;
}

/* Navbar logo � stays inside the bar and scales nicely */
.tc-navbar-logo[b-u0ko011uiu] {
    max-height: 60px;   /* fits inside Bootstrap navbar */
    height: 60px;
    width: auto;
    display: block;
}

/* Slightly smaller on very small screens if needed */
@media (max-width: 576px) {
    .tc-navbar-logo[b-u0ko011uiu] {
        max-height: 60px;
        height: 60px;
    }
}

/* ====== Mobile (logo shrinks but stays left) ====== */
@media (max-width: 768px) {
    .logo-square[b-u0ko011uiu] {
        top: 0.25rem; /* inside top navbar */
        left: 0.75rem; /* stays left */
        width: 160px; /* smaller */
        height: 90px;
        padding: 4px;
    }
}

@media (max-width: 480px) {
    .logo-square[b-u0ko011uiu] {
        top: 0.25rem;
        left: 0.5rem; /* stay left */
        width: 135px; /* smaller again */
        height: 75px;
        padding: 3px;
    }
}

/* ====== Mobile Collapse Menu ====== */
@media (max-width: 991.98px) {
    #navbarNav.collapse.show[b-u0ko011uiu] {
        display: flex !important;
        flex-direction: column;
        align-items: flex-end; /* Right align links */
    }

    #navbarNav .nav-link[b-u0ko011uiu] {
        text-align: right;
    }

    #navbarNav .dropdown-menu[b-u0ko011uiu] {
        right: 0;
        left: auto;
    }
}

/* ---------- NAVBAR ---------- */

/* overall navbar background */
#mainNavbar[b-u0ko011uiu] {
    background-color: #1B263B; /* slate/navy blend */
    position: relative;
    z-index: 1000;
}

    /* overwrite logo-square when inside mainNavbar (kept for clarity) */
    #mainNavbar .logo-square[b-u0ko011uiu] {
        background-color: #0D1B2A;
    }

    /* Nav links */
    #mainNavbar.navbar #navbarNav .navbar-nav .nav-item .nav-link[b-u0ko011uiu] {
        color: #d3d3d3 !important; /* light grey */
        transition: color 0.3s ease;
    }

        /* Hover */
        #mainNavbar.navbar #navbarNav .navbar-nav .nav-item .nav-link:hover[b-u0ko011uiu] {
            color: #ffffff !important;
        }

        /* Active/current page */
        #mainNavbar.navbar #navbarNav .navbar-nav .nav-item .nav-link.active[b-u0ko011uiu] {
            color: #ffd700 !important; /* yellow accent */
            font-weight: 600;
        }

/* Dropdown links */
.navbar .dropdown-menu .dropdown-item[b-u0ko011uiu] {
    color: #808080 !important;
}

    .navbar .dropdown-menu .dropdown-item:hover[b-u0ko011uiu] {
        color: #ffffff !important;
        background-color: #343a40 !important;
    }

    .navbar .dropdown-menu .dropdown-item.active[b-u0ko011uiu] {
        color: #ffd700 !important;
        background-color: transparent !important;
    }

/* Mobile Navbar Toggler */
@media (max-width: 991.98px) {

    /* Default closed state */
    .navbar-toggler.closed[b-u0ko011uiu] {
        border: 1px solid #d3d3d3;
        background-color: transparent;
        transition: border 0.2s ease, box-shadow 0.2s ease;
        padding: 0.25rem 0.5rem;
        box-shadow: none;
    }

    /* Menu open state */
    .navbar-toggler.open[b-u0ko011uiu] {
        border: 3px solid #d3d3d3;
        background-color: transparent;
        box-shadow: none;
    }

    /* Remove focus outline entirely */
    .navbar-toggler:focus[b-u0ko011uiu] {
        box-shadow: none !important;
        outline: none !important;
    }

    /* Hamburger lines: light grey */
    .navbar-toggler-icon[b-u0ko011uiu] {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='%23d3d3d3' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    }
}
/* _content/NeedChecklist/Pages/Pricing/Pricing.razor.rz.scp.css */
.tc-pricing-page[b-se1lk7vyo0] {
    background: #f5f7fb;
}

.tc-pricing-card[b-se1lk7vyo0] {
    background: #ffffff;
    border-radius: 1rem;
    padding: 1.75rem 1.75rem 1.5rem;
    border: 1px solid rgba(15, 23, 42, 0.08);
    box-shadow: 0 14px 30px rgba(15, 23, 42, 0.06);
}

.tc-pricing-card-pro[b-se1lk7vyo0] {
    border: 1px solid #fbbf24;
    box-shadow: 0 18px 40px rgba(234, 179, 8, 0.18);
}

.tc-pricing-card-header h2[b-se1lk7vyo0] {
    font-weight: 700;
}

.tc-pricing-price[b-se1lk7vyo0] {
    font-size: 2.25rem;
    font-weight: 800;
    color: #0f172a;
}

.tc-pricing-features li i[b-se1lk7vyo0] {
    margin-top: 2px;
}

.tc-pricing-badge[b-se1lk7vyo0] {
    position: absolute;
    top: -12px;
    right: 1.5rem;
    background: #fbbf24;
    color: #1f2933;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.75rem;
    border-radius: 999px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tc-cta-strip[b-se1lk7vyo0] {
    background: linear-gradient(135deg, #0b1e31 0%, #051522 100%);
    border-radius: 1rem;
}

.tc-cta-title[b-se1lk7vyo0] {
    font-size: 1.6rem;
}

@media (max-width: 576px) {
    .tc-cta-strip[b-se1lk7vyo0] {
        padding: 2.5rem 1.25rem !important;
    }
}

/* Equal width CTA buttons inside pricing footer */
.tc-cta-strip .btn[b-se1lk7vyo0] {
    min-width: 230px; /* consistent desktop width */
    flex: 1; /* stretch evenly in row layouts */
    text-align: center;
}

@media (max-width: 576px) {
    .tc-cta-strip .btn[b-se1lk7vyo0] {
        min-width: 100%; /* full-width buttons on mobile */
    }
}