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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/* Step pill */
.tc-step-pill[b-cn349yabwo] {
    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-cn349yabwo] {
    width: 8px;
    height: 8px;
    border-radius: 999px;
    background: #22c55e;
}

/* Cards */
.tc-generate-card[b-cn349yabwo],
.tc-generated-card[b-cn349yabwo] {
    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-cn349yabwo] {
    resize: vertical;
    min-height: 120px;
}

/* Tag pills */
.tc-tag-pill[b-cn349yabwo] {
    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-cn349yabwo] {
        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-cn349yabwo] {
    font-size: 0.95rem;
    border-left: none;
    border-right: none;
}

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

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

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

.tc-generated-empty-icon[b-cn349yabwo] {
    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-cn349yabwo] {
        font-size: 1.6rem;
        color: #64748b;
    }

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

    .tc-generate-layout .col-lg-6:last-child[b-cn349yabwo] {
        padding-left: 0.75rem;
    }
}
/* _content/ThatChecklist/Pages/Features/Checklists/Templates.razor.rz.scp.css */
.tc-templates-page[b-q7ehr2a5t7] {
    background-color: #f3f4f6;
}

.tc-templates-title[b-q7ehr2a5t7] {
    font-weight: 700;
    color: var(--tc-navy);
}

.tc-templates-subtitle[b-q7ehr2a5t7] {
    max-width: 32rem;
}

.tc-templates-list-card[b-q7ehr2a5t7],
.tc-template-preview-card[b-q7ehr2a5t7] {
    background-color: #ffffff;
    border-radius: 1rem;
    padding: 1.25rem 1.5rem;
    border: 1px solid rgba(15, 23, 42, 0.06);
}

.tc-templates-list[b-q7ehr2a5t7] {
    max-height: 480px;
    overflow-y: auto;
}

.tc-template-row[b-q7ehr2a5t7] {
    border-radius: 0.75rem;
    border: 1px solid transparent;
    padding: 0.75rem 0.9rem;
    background-color: #ffffff;
    transition: background-color 0.12s ease, border-color 0.12s ease, box-shadow 0.12s ease;
}

    .tc-template-row:hover[b-q7ehr2a5t7] {
        background-color: #f9fafb;
        border-color: rgba(37, 99, 235, 0.35);
        box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
    }

    .tc-template-row.active[b-q7ehr2a5t7] {
        background-color: #eef2ff;
        border-color: rgba(37, 99, 235, 0.8);
    }

.tc-template-keywords[b-q7ehr2a5t7] {
    font-size: 0.75rem;
}

.tc-template-items .list-group-item[b-q7ehr2a5t7] {
    border: none;
    border-bottom: 1px solid rgba(15, 23, 42, 0.05);
    padding: 0.4rem 0.5rem;
}

    .tc-template-items .list-group-item:last-child[b-q7ehr2a5t7] {
        border-bottom: none;
    }

.tc-template-preview-empty[b-q7ehr2a5t7] {
    color: #6b7280;
}
/* _content/ThatChecklist/Pages/Index.razor.rz.scp.css */
/* Preview footer: mobile adjustments only */
@media (max-width: 575.98px) {
    .tc-preview-footer[b-4vnlm0n5zb] {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.5rem; /* space between button and text */
    }

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

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

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

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

/* Navbar logo � stays inside the bar and scales nicely */
.tc-navbar-logo[b-sg21oc389j] {
    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-sg21oc389j] {
        max-height: 60px;
        height: 60px;
    }
}

/* ====== Mobile (logo shrinks but stays left) ====== */
@media (max-width: 768px) {
    .logo-square[b-sg21oc389j] {
        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-sg21oc389j] {
        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-sg21oc389j] {
        display: flex !important;
        flex-direction: column;
        align-items: flex-end; /* Right align links */
    }

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

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

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

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

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

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

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

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

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

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

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

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

    /* Default closed state */
    .navbar-toggler.closed[b-sg21oc389j] {
        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-sg21oc389j] {
        border: 3px solid #d3d3d3;
        background-color: transparent;
        box-shadow: none;
    }

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

    /* Hamburger lines: light grey */
    .navbar-toggler-icon[b-sg21oc389j] {
        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/ThatChecklist/Pages/Pricing/Pricing.razor.rz.scp.css */
.tc-pricing-page[b-dxvp9ts429] {
    background: #f5f7fb;
}

.tc-pricing-card[b-dxvp9ts429] {
    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-dxvp9ts429] {
    border: 1px solid #fbbf24;
    box-shadow: 0 18px 40px rgba(234, 179, 8, 0.18);
}

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

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

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

.tc-pricing-badge[b-dxvp9ts429] {
    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-dxvp9ts429] {
    background: linear-gradient(135deg, #0b1e31 0%, #051522 100%);
    border-radius: 1rem;
}

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

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

/* Equal width CTA buttons inside pricing footer */
.tc-cta-strip .btn[b-dxvp9ts429] {
    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-dxvp9ts429] {
        min-width: 100%; /* full-width buttons on mobile */
    }
}