@import '_content/Microsoft.AspNetCore.Components.QuickGrid/Microsoft.AspNetCore.Components.QuickGrid.25o87uqmvr.bundle.scp.css';

/* _content/WilcoChess.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================
   Main Layout Styles - Modern Minimal
   ============================================ */

.page[b-mcoz99a72p] {
    min-height: 100vh;
    display: flex;
    width: 100%;
    background: #ffffff;
}

.page-wrapper[b-mcoz99a72p] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: margin-left 0.3s ease;
    min-height: 100vh;
    background: #ffffff;
}

@media (max-width: 968px) {
    .page-wrapper[b-mcoz99a72p] {
        padding-top: 70px;
    }
}

@media (min-width: 969px) {
    .page-wrapper[b-mcoz99a72p] {
        margin-left: 240px;
        width: calc(100% - 240px);
    }
}

/* ============================================
   Main Content
   ============================================ */

.main-content[b-mcoz99a72p] {
    flex: 1;
    width: 100%;
    align-self: stretch;
    margin: 0;
    padding: 0;
    background: #ffffff;
}

/* ============================================
   Footer - Minimal Editorial Style
   ============================================ */

.footer-main[b-mcoz99a72p] {
    background: #000000;
    color: #ffffff;
    border-top: 2px solid var(--cedar-green);
    margin-top: auto;
    position: relative;
    width: 100%;
    align-self: stretch;
}

.footer-container[b-mcoz99a72p] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 6rem 4rem 3rem;
}

.footer-grid[b-mcoz99a72p] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 4rem;
    margin-bottom: 3rem;
}

.footer-section[b-mcoz99a72p] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.footer-title[b-mcoz99a72p] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    margin: 0;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.footer-heading[b-mcoz99a72p] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    margin: 0;
    color: rgba(255, 255, 255, 0.5);
    text-transform: uppercase;
    letter-spacing: 0.15em;
}

.footer-description[b-mcoz99a72p],
.footer-text[b-mcoz99a72p] {
    font-size: 0.9375rem;
    line-height: 1.8;
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
}

.footer-contact[b-mcoz99a72p] {
    font-size: 1rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin: 1rem 0;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-weight: 500;
}

.footer-contact i[b-mcoz99a72p] {
    color: var(--cedar-green);
}

.footer-links[b-mcoz99a72p] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.footer-links a[b-mcoz99a72p] {
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    font-size: 0.9375rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
}

.footer-links a:hover[b-mcoz99a72p] {
    color: var(--cedar-green);
    transform: translateX(4px);
}

.footer-bottom[b-mcoz99a72p] {
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.footer-bottom p[b-mcoz99a72p] {
    margin: 0 0 1rem 0;
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.5);
}

.footer-legal-links[b-mcoz99a72p] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1rem;
    margin-top: 0.5rem;
}

.footer-legal-links a[b-mcoz99a72p] {
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-size: 0.875rem;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.footer-legal-links a:hover[b-mcoz99a72p] {
    color: var(--cedar-green);
}

.footer-legal-links .separator[b-mcoz99a72p] {
    color: rgba(255, 255, 255, 0.3);
    font-size: 0.875rem;
}

/* Social Links */
.social-links[b-mcoz99a72p] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

.social-link[b-mcoz99a72p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 0;
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-size: 24px;
    color: rgba(255, 255, 255, 0.7);
}

.social-logo[b-mcoz99a72p] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.social-link:hover[b-mcoz99a72p] {
    border-color: var(--cedar-green);
    transform: translateY(-2px);
}

.social-link.instagram[b-mcoz99a72p],
.social-link.facebook[b-mcoz99a72p],
.social-link.threads[b-mcoz99a72p],
.social-link.twitter[b-mcoz99a72p],
.social-link.linkedin[b-mcoz99a72p],
.social-link.youtube[b-mcoz99a72p],
.social-link.chesscom[b-mcoz99a72p],
.social-link.lichess[b-mcoz99a72p] {
    background: transparent;
    border: none;
}

.social-link.instagram:hover[b-mcoz99a72p],
.social-link.facebook:hover[b-mcoz99a72p],
.social-link.threads:hover[b-mcoz99a72p],
.social-link.twitter:hover[b-mcoz99a72p],
.social-link.linkedin:hover[b-mcoz99a72p],
.social-link.youtube:hover[b-mcoz99a72p],
.social-link.chesscom:hover[b-mcoz99a72p],
.social-link.lichess:hover[b-mcoz99a72p] {
    border: none;
    transform: translateY(-2px);
}

.social-link.instagram:hover .social-logo[b-mcoz99a72p],
.social-link.facebook:hover .social-logo[b-mcoz99a72p],
.social-link.threads:hover .social-logo[b-mcoz99a72p],
.social-link.twitter:hover .social-logo[b-mcoz99a72p],
.social-link.linkedin:hover .social-logo[b-mcoz99a72p],
.social-link.youtube:hover .social-logo[b-mcoz99a72p],
.social-link.chesscom:hover .social-logo[b-mcoz99a72p],
.social-link.lichess:hover .social-logo[b-mcoz99a72p] {
    opacity: 0.8;
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 768px) {
    .footer-container[b-mcoz99a72p] {
        padding: 4rem 2rem 2rem;
    }

    .footer-grid[b-mcoz99a72p] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}

/* ============================================
   Blazor Error UI
   ============================================ */

#blazor-error-ui[b-mcoz99a72p] {
    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-mcoz99a72p] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}
/* _content/WilcoChess.Web/Components/Pages/About.razor.rz.scp.css */
/* ============================================
   About Page - Editorial Design
   Flat, Integrated, No Cards
   ============================================ */

.about-page[b-xc28a78acy] {
    background: #ffffff;
}

/* ============================================
   Hero Section - Minimal, Bold Typography
   ============================================ */

.about-hero[b-xc28a78acy] {
    position: relative;
    background: #000000;
    color: #ffffff;
    padding: 8rem 4rem;
    overflow: hidden;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.about-hero[b-xc28a78acy]::before {
    content: '♕';
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%) rotate(15deg);
    font-size: 500px;
    color: rgba(255, 255, 255, 0.03);
    font-weight: 300;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.about-hero-content[b-xc28a78acy] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
    text-align: left;
    z-index: 1;
}

.about-title[b-xc28a78acy] {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.about-title .gold[b-xc28a78acy] {
    color: var(--wheat-gold);
}

.about-title .white[b-xc28a78acy] {
    color: #ffffff;
}

.about-subtitle[b-xc28a78acy] {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 800px;
}

/* ============================================
   Content Sections - Editorial Layout
   ============================================ */

.about-content[b-xc28a78acy] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 8rem 4rem;
}

.about-section[b-xc28a78acy] {
    padding-bottom: 6rem;
    margin-bottom: 6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.about-section:last-child[b-xc28a78acy] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-icon[b-xc28a78acy] {
    margin-bottom: 1.5rem;
}

.section-icon i[b-xc28a78acy] {
    font-size: 2.5rem;
    color: var(--cedar-green);
    opacity: 0.8;
}

.about-section h2[b-xc28a78acy] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: var(--cedar-green);
    margin: 0 0 2rem 0;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.about-section p[b-xc28a78acy] {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: #6b7280;
    margin: 0 0 1.5rem 0;
    max-width: 800px;
}

.about-section p:last-child[b-xc28a78acy] {
    margin-bottom: 0;
}

/* ============================================
   Meeting Details - Minimal Layout
   ============================================ */

.meeting-details-box[b-xc28a78acy] {
    background: rgba(45, 80, 22, 0.02);
    padding: 3rem;
    margin: 2rem 0;
    max-width: 600px;
}

.meeting-detail-item[b-xc28a78acy] {
    font-size: 1.0625rem;
    line-height: 1.8;
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.meeting-detail-item:last-of-type[b-xc28a78acy] {
    margin-bottom: 0;
}

.meeting-detail-item strong[b-xc28a78acy] {
    color: #000000;
    font-weight: 600;
}

.directions-button[b-xc28a78acy] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    background: var(--cedar-green);
    color: #ffffff;
    border: 2px solid var(--cedar-green);
    text-decoration: none;
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 2rem;
}

.directions-button:hover[b-xc28a78acy] {
    background: #1a4010;
    border-color: #1a4010;
}

/* ============================================
   Activities Grid - Minimal Cards
   ============================================ */

.activities-grid[b-xc28a78acy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr));
    gap: 3rem;
    margin-top: 3rem;
}

.activity-card[b-xc28a78acy] {
    text-align: left;
}

.activity-card i[b-xc28a78acy] {
    font-size: 2.5rem;
    color: var(--cedar-green);
    margin-bottom: 1.5rem;
    display: block;
}

.activity-card h3[b-xc28a78acy] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 700;
    color: #000000;
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.activity-card p[b-xc28a78acy] {
    font-size: 0.9375rem;
    line-height: 1.7;
    color: #6b7280;
    margin: 0;
}

/* ============================================
   Membership Benefits - Simple List
   ============================================ */

.membership-benefits[b-xc28a78acy] {
    list-style: none;
    padding: 0;
    margin: 2rem 0;
    max-width: 600px;
}

.membership-benefits li[b-xc28a78acy] {
    padding: 0.75rem 0;
    padding-left: 2rem;
    position: relative;
    font-size: 1.0625rem;
    line-height: 1.7;
    color: #6b7280;
}

.membership-benefits li[b-xc28a78acy]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--cedar-green);
    font-weight: bold;
    font-size: 1.25rem;
}

/* ============================================
   Youth Policy - Subtle Callout
   ============================================ */

.youth-policy[b-xc28a78acy] {
    background: rgba(212, 175, 55, 0.05);
    padding: 2rem;
    margin: 2rem 0 0 0;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    max-width: 800px;
}

.youth-policy i[b-xc28a78acy] {
    color: var(--wheat-gold);
    font-size: 1.25rem;
    flex-shrink: 0;
    margin-top: 0.125rem;
}

/* ============================================
   Contact Section - Centered
   ============================================ */

.about-contact[b-xc28a78acy] {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}

.phone-link[b-xc28a78acy] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    background: var(--cedar-green);
    color: #ffffff;
    border: 2px solid var(--cedar-green);
    text-decoration: none;
    font-family: var(--font-display);
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin: 1.5rem 0;
}

.phone-link:hover[b-xc28a78acy] {
    background: #1a4010;
    border-color: #1a4010;
}

.contact-note[b-xc28a78acy] {
    font-size: 0.9375rem;
    color: #6b7280;
}

.contact-note a[b-xc28a78acy] {
    color: var(--cedar-green);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.contact-note a:hover[b-xc28a78acy] {
    color: #1a4010;
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 1024px) {
    .about-content[b-xc28a78acy] {
        padding: 6rem 3rem;
    }

    .about-section[b-xc28a78acy] {
        padding-bottom: 4rem;
        margin-bottom: 4rem;
    }
}

@media (max-width: 768px) {
    .about-hero[b-xc28a78acy] {
        padding: 4rem 1.5rem;
        min-height: 30vh;
    }

    .about-hero-content[b-xc28a78acy] {
        padding: 0 1.5rem;
    }

    .about-title[b-xc28a78acy] {
        font-size: clamp(2rem, 8vw, 3rem);
        margin-bottom: 1rem;
    }

    .about-subtitle[b-xc28a78acy] {
        font-size: 1rem;
    }

    .about-content[b-xc28a78acy] {
        padding: 4rem 2rem;
    }

    .about-section[b-xc28a78acy] {
        padding-bottom: 3rem;
        margin-bottom: 3rem;
    }

    .about-section h2[b-xc28a78acy] {
        font-size: 1.75rem;
    }

    .meeting-details-box[b-xc28a78acy] {
        padding: 2rem;
    }

    .activities-grid[b-xc28a78acy] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/ConfirmEmail.razor.rz.scp.css */
/* Override login container width for confirmation pages */
[b-cytat2yuke] .login-container {
    max-width: 600px;
}

[b-cytat2yuke] .login-card {
    padding: 3rem 2.5rem;
}

.success-icon[b-cytat2yuke] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.success-icon i[b-cytat2yuke] {
    font-size: 4rem;
    color: var(--cedar-green);
}

.error-icon[b-cytat2yuke] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.error-icon i[b-cytat2yuke] {
    font-size: 4rem;
    color: var(--color-error);
}

.loading-spinner[b-cytat2yuke] {
    text-align: center;
    padding: 2rem 0;
}

.spinner[b-cytat2yuke] {
    width: 3rem;
    height: 3rem;
    border: 3px solid var(--color-gray-light);
    border-top-color: var(--cedar-green);
    border-radius: 50%;
    animation: spin-b-cytat2yuke 0.8s linear infinite;
    margin: 0 auto 1rem auto;
}

@keyframes spin-b-cytat2yuke {
    to { transform: rotate(360deg); }
}

.success-message[b-cytat2yuke] {
    background: rgba(45, 80, 22, 0.05);
    border-left: 4px solid var(--cedar-green);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

.success-message p[b-cytat2yuke] {
    margin: 0 0 0.75rem 0;
    line-height: 1.6;
}

.success-message p:last-child[b-cytat2yuke] {
    margin-bottom: 0;
}

[b-cytat2yuke] .btn-primary {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    color: white;
    border: none;
    border-radius: var(--radius-lg);
    font-size: var(--font-size-lg);
    font-weight: 700;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
    text-decoration: none;
    display: inline-block;
    text-align: center;
    margin-bottom: 1rem;
}

[b-cytat2yuke] .btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.help-text[b-cytat2yuke] {
    text-align: center;
    padding: 1rem;
    margin-bottom: 1rem;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.help-text strong[b-cytat2yuke] {
    color: var(--color-text);
    display: block;
    margin-bottom: 0.5rem;
}

.help-text a[b-cytat2yuke] {
    color: var(--cedar-green);
    text-decoration: none;
}

.help-text a:hover[b-cytat2yuke] {
    text-decoration: underline;
}

.back-link[b-cytat2yuke] {
    color: var(--cedar-green);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-base);
}

.back-link:hover[b-cytat2yuke] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

@media (max-width: 768px) {
    [b-cytat2yuke] .login-card {
        padding: 2rem 1.5rem;
    }

    [b-cytat2yuke] .login-card h1 {
        font-size: var(--font-size-3xl);
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/FamilyMembers.razor.rz.scp.css */
.family-members-page[b-0zrmuntpct] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-header[b-0zrmuntpct] {
    text-align: center;
    margin-bottom: 3rem;
}

.page-header h1[b-0zrmuntpct] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
}

.subtitle[b-0zrmuntpct] {
    font-size: 1.125rem;
    color: #6b7280;
}

/* Loading and Error States */
.loading-state[b-0zrmuntpct] {
    text-align: center;
    padding: 3rem;
    color: #6b7280;
}

.loading-state i[b-0zrmuntpct] {
    font-size: 3rem;
    margin-bottom: 1rem;
    color: #4A6FA5;
}

/* Alerts */
.alert[b-0zrmuntpct] {
    padding: 1rem 1.5rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.alert-error[b-0zrmuntpct] {
    background-color: #fee2e2;
    border: 1px solid #ef4444;
    color: #b91c1c;
}

.alert-warning[b-0zrmuntpct] {
    background-color: #fef3c7;
    border: 1px solid #f59e0b;
    color: #92400e;
}

.alert-success[b-0zrmuntpct] {
    background-color: #d1fae5;
    border: 1px solid: #10b981;
    color: #065f46;
}

.alert-info[b-0zrmuntpct] {
    background-color: #dbeafe;
    border: 1px solid #3b82f6;
    color: #1e40af;
}

.alert i[b-0zrmuntpct] {
    margin-right: 0.5rem;
}

/* Existing Members Section */
.existing-members-section[b-0zrmuntpct] {
    margin-bottom: 3rem;
}

.existing-members-section h2[b-0zrmuntpct] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1.5rem;
}

.members-list[b-0zrmuntpct] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 1.5rem;
}

.member-card[b-0zrmuntpct] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1.5rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
}

.member-card:hover[b-0zrmuntpct] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.member-info h3[b-0zrmuntpct] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #1f2937;
    margin-bottom: 0.5rem;
}

.member-email[b-0zrmuntpct] {
    color: #6b7280;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

.member-age[b-0zrmuntpct] {
    color: #9ca3af;
    font-size: 0.875rem;
}

.member-status[b-0zrmuntpct] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-top: 1rem;
}

.status-badge[b-0zrmuntpct] {
    display: inline-flex;
    align-items: center;
    gap: 0.375rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}

.status-complete[b-0zrmuntpct] {
    background-color: #d1fae5;
    color: #065f46;
}

.status-pending[b-0zrmuntpct] {
    background-color: #fef3c7;
    color: #92400e;
}

.status-confirmed[b-0zrmuntpct] {
    background-color: #dbeafe;
    color: #1e40af;
}

/* Add Members Section */
.add-members-section[b-0zrmuntpct] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.add-members-section h2[b-0zrmuntpct] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
}

.info-text[b-0zrmuntpct] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Member Form Card */
.member-form-card[b-0zrmuntpct] {
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
}

.member-form-card .card-header[b-0zrmuntpct] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.member-form-card .card-header h3[b-0zrmuntpct] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #1f2937;
}

.btn-remove[b-0zrmuntpct] {
    background: none;
    border: none;
    color: #ef4444;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.25rem;
    transition: color 0.2s ease;
}

.btn-remove:hover[b-0zrmuntpct] {
    color: #dc2626;
}

/* Form Elements */
.form-row[b-0zrmuntpct] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1rem;
}

.form-group[b-0zrmuntpct] {
    display: flex;
    flex-direction: column;
}

.form-group label[b-0zrmuntpct] {
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.form-input[b-0zrmuntpct] {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

.form-input:focus[b-0zrmuntpct] {
    outline: none;
    border-color: #2D5016;
    box-shadow: 0 0 0 3px rgba(45, 80, 22, 0.1);
}

[b-0zrmuntpct] .validation-message {
    color: #ef4444;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

[b-0zrmuntpct] .validation-summary {
    background-color: #fee2e2;
    border: 1px solid #ef4444;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #b91c1c;
}

/* Buttons */
.btn[b-0zrmuntpct] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn:disabled[b-0zrmuntpct] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-primary[b-0zrmuntpct] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.btn-primary:hover:not(:disabled)[b-0zrmuntpct] {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(45, 80, 22, 0.3);
}

.btn-secondary[b-0zrmuntpct] {
    background: white;
    color: #4A6FA5;
    border: 2px solid #4A6FA5;
}

.btn-secondary:hover:not(:disabled)[b-0zrmuntpct] {
    background: #4A6FA5;
    color: white;
}

.form-actions[b-0zrmuntpct] {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header h1[b-0zrmuntpct] {
        font-size: 2rem;
    }

    .members-list[b-0zrmuntpct] {
        grid-template-columns: 1fr;
    }

    .form-row[b-0zrmuntpct] {
        grid-template-columns: 1fr;
    }

    .add-members-section[b-0zrmuntpct] {
        padding: 1.5rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/LichessCallback.razor.rz.scp.css */
.callback-page[b-l3bud17jau] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.callback-card[b-l3bud17jau] {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: 3rem;
    box-shadow: var(--shadow-lg);
    max-width: 500px;
    width: 100%;
    text-align: center;
}

.callback-loading[b-l3bud17jau],
.callback-success[b-l3bud17jau],
.callback-error[b-l3bud17jau] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.callback-loading .spinner[b-l3bud17jau] {
    width: 4rem;
    height: 4rem;
    border: 4px solid var(--color-gray-light);
    border-top-color: var(--mtsu-blue);
    border-radius: 50%;
    animation: spin-b-l3bud17jau 0.8s linear infinite;
}

@keyframes spin-b-l3bud17jau {
    to { transform: rotate(360deg); }
}

.callback-loading h2[b-l3bud17jau],
.callback-success h2[b-l3bud17jau],
.callback-error h2[b-l3bud17jau] {
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    color: var(--mtsu-navy);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.callback-loading p[b-l3bud17jau],
.callback-success p[b-l3bud17jau],
.callback-error p[b-l3bud17jau] {
    color: var(--color-text-secondary);
    margin: 0;
}

.callback-success i[b-l3bud17jau] {
    font-size: 4rem;
    color: #10b981;
}

.callback-error i[b-l3bud17jau] {
    font-size: 4rem;
    color: var(--color-error);
}

.btn-primary[b-l3bud17jau] {
    display: inline-block;
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, var(--mtsu-navy) 100%);
    color: white;
    border: none;
    border-radius: var(--radius-lg);
    font-size: var(--font-size-base);
    font-weight: 700;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
    margin-top: 1rem;
}

.btn-primary:hover[b-l3bud17jau] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}
/* _content/WilcoChess.Web/Components/Pages/Account/Login.razor.rz.scp.css */
.login-page[b-zb42y9zlne] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    padding: 2rem 1rem;
}

.login-container[b-zb42y9zlne] {
    width: 100%;
    max-width: 450px;
}

.login-card[b-zb42y9zlne] {
    background: var(--color-white, white);
    border-radius: 12px;
    padding: 3rem 2rem;
    box-shadow: var(--shadow-xl);
}

.login-card h1[b-zb42y9zlne] {
    font-family: var(--font-display);
    font-size: var(--font-size-4xl);
    font-weight: 700;
    color: var(--cedar-green);
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.subtitle[b-zb42y9zlne] {
    text-align: center;
    color: var(--color-text-secondary);
    margin-bottom: 2rem;
    font-size: var(--font-size-base);
}

.alert-error[b-zb42y9zlne] {
    background: #fee2e2;
    border: 1px solid var(--color-error);
    color: var(--color-error);
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    font-size: var(--font-size-sm);
}

.validation-summary[b-zb42y9zlne] {
    background: #fee2e2;
    border: 1px solid var(--color-error);
    color: var(--color-error);
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    font-size: var(--font-size-sm);
}

.validation-summary ul[b-zb42y9zlne] {
    margin: 0;
    padding-left: 1.5rem;
}

.form-group[b-zb42y9zlne] {
    margin-bottom: 1.5rem;
}

.form-group label[b-zb42y9zlne] {
    display: block;
    font-weight: 600;
    color: var(--color-gray-dark);
    margin-bottom: 0.5rem;
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-zb42y9zlne] .form-input,
[b-zb42y9zlne] input[type="email"],
[b-zb42y9zlne] input[type="password"],
[b-zb42y9zlne] input[type="text"] {
    width: 100%;
    padding: 0.875rem 1.125rem;
    border: 1.5px solid var(--color-gray-light);
    border-radius: 8px;
    font-size: var(--font-size-base);
    font-family: var(--font-sans);
    transition: all var(--transition-base);
    background: var(--color-white);
    color: var(--color-text);
}

[b-zb42y9zlne] .form-input::placeholder,
[b-zb42y9zlne] input::placeholder {
    color: var(--color-gray);
}

[b-zb42y9zlne] .form-input:hover,
[b-zb42y9zlne] input:hover {
    border-color: var(--color-gray);
}

[b-zb42y9zlne] .form-input:focus,
[b-zb42y9zlne] input:focus {
    outline: none;
    border-color: var(--cedar-green);
    box-shadow: 0 0 0 4px rgba(45, 80, 22, 0.08);
    background: var(--color-white);
}

.checkbox-group[b-zb42y9zlne] {
    margin-bottom: 1.5rem;
}

.checkbox-group label[b-zb42y9zlne] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    font-weight: normal;
    text-transform: none;
    letter-spacing: normal;
}

.checkbox-group input[type="checkbox"][b-zb42y9zlne] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    accent-color: var(--cedar-green);
}

.validation-message[b-zb42y9zlne] {
    color: var(--color-error);
    font-size: var(--font-size-sm);
    margin-top: 0.5rem;
    display: block;
}

.btn-primary[b-zb42y9zlne] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    color: white;
    border: none;
    border-radius: var(--radius-lg);
    font-size: var(--font-size-lg);
    font-weight: 700;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.btn-primary:hover:not(:disabled)[b-zb42y9zlne] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.btn-primary:active:not(:disabled)[b-zb42y9zlne] {
    transform: translateY(0);
}

.btn-primary:disabled[b-zb42y9zlne] {
    opacity: 0.6;
    cursor: not-allowed;
}

.login-footer[b-zb42y9zlne] {
    margin-top: 2rem;
    text-align: center;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.login-footer a[b-zb42y9zlne] {
    color: var(--cedar-green);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-base);
}

.login-footer a:hover[b-zb42y9zlne] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .login-card[b-zb42y9zlne] {
        padding: 2rem 1.5rem;
    }

    .login-card h1[b-zb42y9zlne] {
        font-size: var(--font-size-3xl);
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/Logout.razor.rz.scp.css */
.logout-page[b-9isoje5658] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--mtsu-blue, #4A6FA5) 0%, var(--mtsu-navy, #2D5016) 100%);
}

.logout-container[b-9isoje5658] {
    width: 100%;
    max-width: 400px;
    padding: 2rem;
}

.logout-card[b-9isoje5658] {
    background: var(--color-white, white);
    border-radius: 12px;
    padding: 3rem 2rem;
    box-shadow: var(--shadow-xl);
    text-align: center;
}

.logout-spinner[b-9isoje5658] {
    width: 50px;
    height: 50px;
    margin: 0 auto 1.5rem;
    border: 4px solid var(--color-gray-lighter);
    border-top: 4px solid var(--mtsu-blue);
    border-radius: 50%;
    animation: spin-b-9isoje5658 1s linear infinite;
}

@keyframes spin-b-9isoje5658 {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.logout-card h2[b-9isoje5658] {
    color: var(--mtsu-navy);
    font-size: var(--font-size-2xl);
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin: 0;
}
/* _content/WilcoChess.Web/Components/Pages/Account/PaymentHistory.razor.rz.scp.css */
.payment-history-container[b-1dufj7ni3c] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-header[b-1dufj7ni3c] {
    text-align: center;
    margin-bottom: 3rem;
}

.page-header h1[b-1dufj7ni3c] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
}

.page-header p[b-1dufj7ni3c] {
    font-size: 1.125rem;
    color: #666;
}

.loading-state[b-1dufj7ni3c] {
    text-align: center;
    padding: 4rem 2rem;
}

.loading-state i[b-1dufj7ni3c] {
    font-size: 3rem;
    color: #2D5016;
    margin-bottom: 1rem;
}

.loading-state p[b-1dufj7ni3c] {
    font-size: 1.25rem;
    color: #666;
}

.error-message[b-1dufj7ni3c] {
    background: #fee;
    border: 2px solid #e44;
    color: #c33;
    padding: 1.5rem;
    border-radius: 0.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-bottom: 2rem;
}

.error-message i[b-1dufj7ni3c] {
    font-size: 1.5rem;
}

/* Current Subscription */
.current-subscription[b-1dufj7ni3c] {
    margin-bottom: 3rem;
}

.current-subscription h2[b-1dufj7ni3c] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1.5rem;
}

.subscription-card[b-1dufj7ni3c] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.subscription-header[b-1dufj7ni3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 2px solid #E8DCC4;
}

.tier-badge[b-1dufj7ni3c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1.5rem;
    font-weight: 700;
}

.tier-badge.community[b-1dufj7ni3c] { color: #4A6FA5; }
.tier-badge.basic[b-1dufj7ni3c] { color: #2D5016; }
.tier-badge.standard[b-1dufj7ni3c] { color: #D4AF37; }
.tier-badge.premium[b-1dufj7ni3c] { color: #8B4513; }
.tier-badge.champion[b-1dufj7ni3c] { color: #C41E3A; }

.subscription-status[b-1dufj7ni3c] {
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    font-weight: 700;
    font-size: 1rem;
}

.subscription-status.active[b-1dufj7ni3c] {
    background: #22c55e;
    color: white;
}

.subscription-status.cancelled[b-1dufj7ni3c] {
    background: #ef4444;
    color: white;
}

.subscription-status.expired[b-1dufj7ni3c] {
    background: #9ca3af;
    color: white;
}

.subscription-details[b-1dufj7ni3c] {
    margin-bottom: 2rem;
}

.detail-row[b-1dufj7ni3c] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #E8DCC4;
}

.detail-row:last-child[b-1dufj7ni3c] {
    border-bottom: none;
}

.detail-row .label[b-1dufj7ni3c] {
    font-weight: 600;
    color: #666;
}

.detail-row .value[b-1dufj7ni3c] {
    font-weight: 700;
    color: #2D5016;
}

.subscription-actions[b-1dufj7ni3c] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
}

.no-subscription[b-1dufj7ni3c] {
    background: white;
    padding: 3rem 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    margin-bottom: 3rem;
}

.no-subscription i[b-1dufj7ni3c] {
    font-size: 3rem;
    color: #4A6FA5;
    margin-bottom: 1rem;
}

.no-subscription p[b-1dufj7ni3c] {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: 1.5rem;
}

/* Payment History Table */
.payment-history-section[b-1dufj7ni3c] {
    margin-bottom: 3rem;
}

.payment-history-section h2[b-1dufj7ni3c] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1.5rem;
}

.no-payments[b-1dufj7ni3c] {
    background: white;
    padding: 3rem 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.no-payments i[b-1dufj7ni3c] {
    font-size: 3rem;
    color: #9ca3af;
    margin-bottom: 1rem;
}

.no-payments p[b-1dufj7ni3c] {
    font-size: 1.125rem;
    color: #666;
}

.payments-table-wrapper[b-1dufj7ni3c] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.payments-table[b-1dufj7ni3c] {
    width: 100%;
    border-collapse: collapse;
}

.payments-table thead[b-1dufj7ni3c] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.payments-table th[b-1dufj7ni3c] {
    padding: 1rem;
    text-align: left;
    font-weight: 700;
    font-size: 0.95rem;
}

.payments-table td[b-1dufj7ni3c] {
    padding: 1rem;
    border-bottom: 1px solid #E8DCC4;
}

.payments-table tbody tr:hover[b-1dufj7ni3c] {
    background: #F5F5F0;
}

.payments-table tbody tr:last-child td[b-1dufj7ni3c] {
    border-bottom: none;
}

.payment-type[b-1dufj7ni3c] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #E8DCC4;
    color: #2D5016;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 600;
}

.amount[b-1dufj7ni3c] {
    font-weight: 700;
    color: #2D5016;
    font-size: 1.125rem;
}

.amount .refunded[b-1dufj7ni3c] {
    color: #ef4444;
}

.status-badge[b-1dufj7ni3c] {
    display: inline-block;
    padding: 0.375rem 0.875rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    font-weight: 700;
}

.status-badge.completed[b-1dufj7ni3c] {
    background: #22c55e;
    color: white;
}

.status-badge.pending[b-1dufj7ni3c] {
    background: #f59e0b;
    color: white;
}

.status-badge.failed[b-1dufj7ni3c] {
    background: #ef4444;
    color: white;
}

.status-badge.refunded[b-1dufj7ni3c] {
    background: #9ca3af;
    color: white;
}

.receipt-link[b-1dufj7ni3c] {
    color: #4A6FA5;
    text-decoration: none;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.receipt-link:hover[b-1dufj7ni3c] {
    color: #2D5016;
    text-decoration: underline;
}

.refund-row[b-1dufj7ni3c] {
    background: #fef3c7 !important;
}

.refund-row td[b-1dufj7ni3c] {
    padding: 0.75rem 1rem !important;
    font-style: italic;
    color: #92400e;
}

.refund-row i[b-1dufj7ni3c] {
    margin-right: 0.5rem;
}

.text-muted[b-1dufj7ni3c] {
    color: #9ca3af;
}

/* Buttons */
.btn[b-1dufj7ni3c] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-1dufj7ni3c] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.btn-primary:hover[b-1dufj7ni3c] {
    background: linear-gradient(135deg, #1D4006 0%, #3A5F95 100%);
    transform: translateY(-2px);
}

.btn-secondary[b-1dufj7ni3c] {
    background: #D4AF37;
    color: #2D5016;
}

.btn-secondary:hover[b-1dufj7ni3c] {
    background: #C49F27;
    transform: translateY(-2px);
}

.btn-danger[b-1dufj7ni3c] {
    background: #ef4444;
    color: white;
}

.btn-danger:hover[b-1dufj7ni3c] {
    background: #dc2626;
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 992px) {
    .subscription-header[b-1dufj7ni3c] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .subscription-actions[b-1dufj7ni3c] {
        justify-content: flex-start;
    }

    .payments-table-wrapper[b-1dufj7ni3c] {
        overflow-x: auto;
    }

    .payments-table[b-1dufj7ni3c] {
        min-width: 800px;
    }
}

@media (max-width: 768px) {
    .page-header h1[b-1dufj7ni3c] {
        font-size: 2rem;
    }

    .subscription-card[b-1dufj7ni3c] {
        padding: 1.5rem;
    }

    .tier-badge[b-1dufj7ni3c] {
        font-size: 1.25rem;
    }

    .subscription-actions[b-1dufj7ni3c] {
        flex-direction: column;
    }

    .btn[b-1dufj7ni3c] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/Profile.razor.rz.scp.css */
.profile-page[b-wbr3bju3vn] {
    max-width: 64rem;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-title[b-wbr3bju3vn] {
    font-family: var(--font-display);
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: var(--cedar-green);
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.loading-spinner[b-wbr3bju3vn] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 3rem 0;
}

.spinner[b-wbr3bju3vn] {
    width: 3rem;
    height: 3rem;
    border: 3px solid var(--color-gray-light);
    border-top-color: var(--cedar-green);
    border-radius: 50%;
    animation: spin-b-wbr3bju3vn 0.8s linear infinite;
}

@keyframes spin-b-wbr3bju3vn {
    to { transform: rotate(360deg); }
}

.alert-error[b-wbr3bju3vn] {
    background: #fee2e2;
    border-left: 4px solid var(--color-error);
    color: var(--color-error);
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

.alert-success[b-wbr3bju3vn] {
    background: #d1fae5;
    border-left: 4px solid #10b981;
    color: #065f46;
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

.section-card[b-wbr3bju3vn] {
    background: var(--color-white);
    border-radius: var(--radius-lg);
    padding: 2rem;
    box-shadow: var(--shadow-sm);
    margin-bottom: 2rem;
}

.section-title[b-wbr3bju3vn] {
    font-family: var(--font-display);
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--cedar-green);
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-subtitle[b-wbr3bju3vn] {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    margin-bottom: 1rem;
}

/* Photo Section */
.photo-section[b-wbr3bju3vn] {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
}

.photo-container[b-wbr3bju3vn] {
    flex-shrink: 0;
}

.photo-wrapper[b-wbr3bju3vn] {
    position: relative;
    display: inline-block;
}

.profile-photo[b-wbr3bju3vn] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid var(--color-gray-light);
}

.photo-placeholder[b-wbr3bju3vn] {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background: var(--color-gray-light);
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid var(--color-gray);
}

.photo-placeholder svg[b-wbr3bju3vn] {
    width: 4rem;
    height: 4rem;
    color: var(--color-gray);
}

.photo-upload-btn[b-wbr3bju3vn] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--wilson-blue);
    color: white;
    border: 3px solid white;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.photo-upload-btn:hover[b-wbr3bju3vn] {
    background: var(--cedar-green);
    transform: scale(1.1);
}

.photo-upload-btn i[b-wbr3bju3vn] {
    font-size: 1.125rem;
}

.photo-upload[b-wbr3bju3vn] {
    flex-grow: 1;
}

.file-input-hidden[b-wbr3bju3vn] {
    display: none !important;
    visibility: hidden;
}

.file-input[b-wbr3bju3vn] {
    display: block;
    width: 100%;
    font-size: var(--font-size-sm);
    color: var(--color-text);
    padding: 0.75rem;
    border: 1.5px solid var(--color-gray-light);
    border-radius: var(--radius-lg);
    cursor: pointer;
    background: var(--color-white);
    transition: all var(--transition-base);
}

.file-input:hover[b-wbr3bju3vn] {
    border-color: var(--wilson-blue);
}

.file-input[b-wbr3bju3vn]::file-selector-button {
    margin-right: 1rem;
    padding: 0.5rem 1.25rem;
    background: var(--wilson-blue);
    color: white;
    border: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: background var(--transition-base);
}

.file-input[b-wbr3bju3vn]::file-selector-button:hover {
    background: var(--cedar-green);
}

.photo-hint[b-wbr3bju3vn] {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

.upload-status[b-wbr3bju3vn] {
    margin-top: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: var(--font-size-sm);
}

.upload-spinner[b-wbr3bju3vn] {
    width: 1rem;
    height: 1rem;
    border: 2px solid var(--color-gray-light);
    border-top-color: var(--wilson-blue);
    border-radius: 50%;
    animation: spin-b-wbr3bju3vn 0.6s linear infinite;
}

.upload-success[b-wbr3bju3vn] {
    color: #10b981;
}

.upload-error[b-wbr3bju3vn] {
    color: var(--color-error);
}

/* Form Fields */
.form-grid[b-wbr3bju3vn] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
}

.form-group[b-wbr3bju3vn] {
    margin-bottom: 0;
}

.form-label[b-wbr3bju3vn] {
    display: block;
    font-weight: 600;
    color: var(--color-gray-dark);
    margin-bottom: 0.5rem;
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-wbr3bju3vn] .form-input,
[b-wbr3bju3vn] input[type="text"],
[b-wbr3bju3vn] input[type="number"],
[b-wbr3bju3vn] input[type="email"],
[b-wbr3bju3vn] textarea {
    width: 100%;
    padding: 0.875rem 1.125rem;
    border: 1.5px solid var(--color-gray-light);
    border-radius: 8px;
    font-size: var(--font-size-base);
    font-family: var(--font-sans);
    transition: all var(--transition-base);
    background: var(--color-white);
    color: var(--color-text);
}

[b-wbr3bju3vn] .form-input:disabled,
[b-wbr3bju3vn] input:disabled,
[b-wbr3bju3vn] textarea:disabled {
    background: var(--color-gray-lighter);
    color: var(--color-text-secondary);
    cursor: not-allowed;
    opacity: 0.6;
}

[b-wbr3bju3vn] .form-input::placeholder,
[b-wbr3bju3vn] input::placeholder,
[b-wbr3bju3vn] textarea::placeholder {
    color: var(--color-gray);
}

[b-wbr3bju3vn] .form-input:hover:not(:disabled),
[b-wbr3bju3vn] input:hover:not(:disabled),
[b-wbr3bju3vn] textarea:hover:not(:disabled) {
    border-color: var(--color-gray);
}

[b-wbr3bju3vn] .form-input:focus,
[b-wbr3bju3vn] input:focus,
[b-wbr3bju3vn] textarea:focus {
    outline: none;
    border-color: var(--cedar-green);
    box-shadow: 0 0 0 4px rgba(45, 80, 22, 0.08);
    background: var(--color-white);
}

textarea[b-wbr3bju3vn] {
    resize: vertical;
    min-height: 120px;
}

.field-hint[b-wbr3bju3vn] {
    font-size: var(--font-size-xs);
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

/* Checkbox Groups */
.checkbox-group[b-wbr3bju3vn] {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 0;
}

.checkbox-wrapper[b-wbr3bju3vn] {
    display: flex;
    align-items: center;
    height: 1.25rem;
}

[b-wbr3bju3vn] input[type="checkbox"] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    accent-color: var(--cedar-green);
    border: 1.5px solid var(--color-gray-light);
}

[b-wbr3bju3vn] input[type="checkbox"]:disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.checkbox-label[b-wbr3bju3vn] {
    flex-grow: 1;
}

.checkbox-title[b-wbr3bju3vn] {
    font-weight: 600;
    color: var(--color-text);
    display: block;
    margin-bottom: 0.25rem;
}

.checkbox-description[b-wbr3bju3vn] {
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
}

/* Info Banner */
.info-banner[b-wbr3bju3vn] {
    background: rgba(74, 111, 165, 0.1);
    border-left: 4px solid var(--wilson-blue);
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    color: #1e40af;
}

.info-banner-icon[b-wbr3bju3vn] {
    color: var(--wilson-blue);
    margin-right: 0.5rem;
}

/* Subsections */
.subsection[b-wbr3bju3vn] {
    border-bottom: 1px solid var(--color-gray-light);
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.subsection:last-child[b-wbr3bju3vn] {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.subsection-title[b-wbr3bju3vn] {
    font-family: var(--font-sans);
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--color-gray-dark);
    margin-bottom: 1rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.nested-checkbox[b-wbr3bju3vn] {
    margin-left: 2rem;
}

/* Membership Info */
.info-grid[b-wbr3bju3vn] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
}

.info-item[b-wbr3bju3vn] {
    padding: 0;
}

.info-label[b-wbr3bju3vn] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-text-secondary);
    margin-bottom: 0.25rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.info-value[b-wbr3bju3vn] {
    font-size: var(--font-size-lg);
    color: var(--color-text);
    font-weight: 600;
}

.info-value-expired[b-wbr3bju3vn] {
    color: var(--color-error);
}

/* Action Buttons */
.actions[b-wbr3bju3vn] {
    display: flex;
    justify-content: flex-end;
    margin-top: 1rem;
}

.btn-primary[b-wbr3bju3vn] {
    padding: 0.875rem 2rem;
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    color: white;
    border: none;
    border-radius: var(--radius-lg);
    font-size: var(--font-size-base);
    font-weight: 700;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.btn-primary:hover:not(:disabled)[b-wbr3bju3vn] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.btn-primary:active:not(:disabled)[b-wbr3bju3vn] {
    transform: translateY(0);
}

.btn-primary:disabled[b-wbr3bju3vn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-content[b-wbr3bju3vn] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-spinner[b-wbr3bju3vn] {
    width: 1.25rem;
    height: 1.25rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-wbr3bju3vn 0.6s linear infinite;
}

/* Responsive */
@media (max-width: 768px) {
    .profile-page[b-wbr3bju3vn] {
        padding: 1rem;
    }

    .photo-section[b-wbr3bju3vn] {
        flex-direction: column;
        gap: 1.5rem;
    }

    .form-grid[b-wbr3bju3vn] {
        grid-template-columns: 1fr;
        gap: 1.5rem;
    }

    .info-grid[b-wbr3bju3vn] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .section-card[b-wbr3bju3vn] {
        padding: 1.5rem;
    }

    .page-title[b-wbr3bju3vn] {
        font-size: var(--font-size-2xl);
    }

    .section-title[b-wbr3bju3vn] {
        font-size: var(--font-size-lg);
    }

    .nested-checkbox[b-wbr3bju3vn] {
        margin-left: 1.5rem;
    }
}

/* Chess.com Stats Styling */
.chesscom-stats-grid[b-wbr3bju3vn] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.stat-card[b-wbr3bju3vn] {
    background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 1.5rem;
    text-align: center;
    transition: all 0.3s ease;
}

.stat-card:hover[b-wbr3bju3vn] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(45, 80, 22, 0.15);
    border-color: var(--cedar-green);
}

.stat-label[b-wbr3bju3vn] {
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.stat-icon[b-wbr3bju3vn] {
    font-size: 1rem;
    color: var(--wilson-blue);
}

.stat-icon-svg[b-wbr3bju3vn] {
    width: 1rem;
    height: 1rem;
    fill: var(--wilson-blue);
}

.stat-emoji[b-wbr3bju3vn] {
    font-size: 1.125rem;
    line-height: 1;
}

.stat-value[b-wbr3bju3vn] {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: var(--cedar-green);
    margin-bottom: 0.5rem;
}

.stat-record[b-wbr3bju3vn] {
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
    display: flex;
    gap: 0.75rem;
    justify-content: center;
}

.stat-wins[b-wbr3bju3vn] {
    color: #10b981;
    font-weight: 600;
}

.stat-draws[b-wbr3bju3vn] {
    color: #6b7280;
    font-weight: 600;
}

.stat-losses[b-wbr3bju3vn] {
    color: #ef4444;
    font-weight: 600;
}

.stat-games[b-wbr3bju3vn] {
    color: var(--color-gray-dark);
    font-weight: 500;
}

.stat-provisional[b-wbr3bju3vn] {
    color: #f59e0b;
    font-weight: 600;
    font-size: var(--font-size-xs);
}

.stats-footer[b-wbr3bju3vn] {
    text-align: center;
    padding-top: 1rem;
    border-top: 1px solid var(--color-border);
}

.stats-link[b-wbr3bju3vn] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cedar-green);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-sm);
    transition: all 0.2s ease;
}

.stats-link:hover[b-wbr3bju3vn] {
    color: var(--wilson-blue);
    gap: 0.75rem;
}

.loading-spinner-small[b-wbr3bju3vn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 2rem;
    color: var(--color-gray);
}

.loading-spinner-small .spinner[b-wbr3bju3vn] {
    width: 2rem;
    height: 2rem;
}

.alert-info[b-wbr3bju3vn] {
    background: rgba(74, 111, 165, 0.1);
    border-left: 4px solid var(--wilson-blue);
    color: #0369a1;
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin: 1rem 0;
}

/* OAuth Connection Buttons */
.input-with-button[b-wbr3bju3vn] {
    display: flex;
    gap: 0.5rem;
    align-items: stretch;
}

.input-with-button[b-wbr3bju3vn]  input {
    flex: 1;
    min-height: 44px;
}

.btn-connect[b-wbr3bju3vn],
.btn-disconnect[b-wbr3bju3vn] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    padding: 0.875rem 1.125rem;
    min-height: 44px;
    border: none;
    border-radius: var(--radius-md);
    font-weight: 600;
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all var(--transition-base);
    white-space: nowrap;
}

.btn-connect[b-wbr3bju3vn] {
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    color: white;
}

.btn-connect:hover:not(:disabled)[b-wbr3bju3vn] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(45, 80, 22, 0.3);
}

.btn-disconnect[b-wbr3bju3vn] {
    background: linear-gradient(135deg, #6b7280 0%, #4b5563 100%);
    color: white;
}

.btn-disconnect:hover:not(:disabled)[b-wbr3bju3vn] {
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(107, 114, 128, 0.3);
}

.btn-connect:disabled[b-wbr3bju3vn],
.btn-disconnect:disabled[b-wbr3bju3vn] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-spinner-small[b-wbr3bju3vn] {
    width: 1rem;
    height: 1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-top-color: white;
    border-radius: 50%;
    animation: spin-b-wbr3bju3vn 0.6s linear infinite;
}

/* Library Checkouts */
.empty-state[b-wbr3bju3vn] {
    color: #6b7280;
    font-style: italic;
    padding: 1rem 0;
}

.checkouts-list[b-wbr3bju3vn] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.checkout-card[b-wbr3bju3vn] {
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
    transition: all 0.2s;
}

.checkout-card.overdue[b-wbr3bju3vn] {
    border-color: #fca5a5;
    background-color: #fef2f2;
}

.checkout-card:hover[b-wbr3bju3vn] {
    border-color: var(--cedar-green);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

.checkout-book-info[b-wbr3bju3vn] {
    display: flex;
    gap: 1rem;
}

.checkout-cover[b-wbr3bju3vn] {
    width: 80px;
    height: 120px;
    object-fit: cover;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.checkout-details[b-wbr3bju3vn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.checkout-title[b-wbr3bju3vn] {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--cedar-green);
    text-decoration: none;
    transition: color 0.2s;
}

.checkout-title:hover[b-wbr3bju3vn] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

.checkout-author[b-wbr3bju3vn] {
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0;
}

.checkout-dates[b-wbr3bju3vn] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    font-size: 0.875rem;
    color: #374151;
    margin-top: 0.5rem;
}

.checkout-due.overdue-text[b-wbr3bju3vn] {
    color: #dc2626;
    font-weight: 600;
}

.history-list[b-wbr3bju3vn] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.history-item[b-wbr3bju3vn] {
    display: flex;
    gap: 0.75rem;
    padding: 0.75rem;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    transition: all 0.2s;
}

.history-item:hover[b-wbr3bju3vn] {
    background-color: #f9fafb;
    border-color: #d1d5db;
}

.history-cover[b-wbr3bju3vn] {
    width: 50px;
    height: 75px;
    object-fit: cover;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.history-details[b-wbr3bju3vn] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.history-title[b-wbr3bju3vn] {
    font-weight: 600;
    color: var(--cedar-green);
    text-decoration: none;
    font-size: 0.9375rem;
    transition: color 0.2s;
}

.history-title:hover[b-wbr3bju3vn] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

.history-author[b-wbr3bju3vn] {
    color: #6b7280;
    font-size: 0.8125rem;
    margin: 0;
}

.history-dates[b-wbr3bju3vn] {
    display: flex;
    flex-direction: column;
    gap: 0.125rem;
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

.overdue-badge[b-wbr3bju3vn] {
    color: #dc2626;
    font-weight: 600;
}

.view-library-link[b-wbr3bju3vn] {
    display: inline-block;
    margin-top: 1rem;
    color: var(--cedar-green);
    font-weight: 600;
    text-decoration: none;
    transition: color 0.2s;
}

.view-library-link:hover[b-wbr3bju3vn] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .input-with-button[b-wbr3bju3vn] {
        flex-direction: column;
    }

    .btn-connect[b-wbr3bju3vn],
    .btn-disconnect[b-wbr3bju3vn] {
        width: 100%;
        justify-content: center;
    }

    .checkout-book-info[b-wbr3bju3vn] {
        flex-direction: column;
    }

    .checkout-cover[b-wbr3bju3vn] {
        width: 100%;
        height: auto;
        max-height: 300px;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/Register.razor.rz.scp.css */
.register-page[b-ya5iinhar3] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    padding: 2rem 1rem;
}

.register-container[b-ya5iinhar3] {
    width: 100%;
    max-width: 700px;
}

.register-card[b-ya5iinhar3] {
    background: var(--color-white, white);
    border-radius: 12px;
    padding: 3rem 2rem;
    box-shadow: var(--shadow-xl);
}

.register-card h1[b-ya5iinhar3] {
    font-family: var(--font-display);
    font-size: var(--font-size-4xl);
    font-weight: 700;
    color: var(--cedar-green);
    margin-bottom: 0.5rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.subtitle[b-ya5iinhar3] {
    text-align: center;
    color: var(--color-text-secondary);
    margin-bottom: 2rem;
    font-size: var(--font-size-base);
}

.alert-error[b-ya5iinhar3] {
    background: #fee2e2;
    border: 1px solid var(--color-error);
    color: var(--color-error);
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    font-size: var(--font-size-sm);
}

.validation-summary[b-ya5iinhar3] {
    background: #fee2e2;
    border: 1px solid var(--color-error);
    color: var(--color-error);
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
    font-size: var(--font-size-sm);
}

.validation-summary ul[b-ya5iinhar3] {
    margin: 0;
    padding-left: 1.5rem;
}

.form-section[b-ya5iinhar3] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid var(--color-border);
}

.form-section:last-of-type[b-ya5iinhar3] {
    border-bottom: none;
}

.form-section-title[b-ya5iinhar3] {
    font-family: var(--font-display);
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--cedar-green);
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.form-row[b-ya5iinhar3] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
}

.form-group[b-ya5iinhar3] {
    margin-bottom: 1.5rem;
}

.form-group label[b-ya5iinhar3] {
    display: block;
    font-weight: 600;
    color: var(--color-gray-dark);
    margin-bottom: 0.5rem;
    font-size: var(--font-size-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[b-ya5iinhar3] .form-input,
[b-ya5iinhar3] .form-select,
[b-ya5iinhar3] input[type="email"],
[b-ya5iinhar3] input[type="password"],
[b-ya5iinhar3] input[type="text"],
[b-ya5iinhar3] input[type="tel"],
[b-ya5iinhar3] input[type="number"],
[b-ya5iinhar3] select {
    width: 100%;
    padding: 0.875rem 1.125rem;
    border: 1.5px solid var(--color-gray-light);
    border-radius: 8px;
    font-size: var(--font-size-base);
    font-family: var(--font-sans);
    transition: all var(--transition-base);
    background: var(--color-white);
    color: var(--color-text);
}

[b-ya5iinhar3] .form-input::placeholder,
[b-ya5iinhar3] .form-select::placeholder,
[b-ya5iinhar3] input::placeholder,
[b-ya5iinhar3] select::placeholder {
    color: var(--color-gray);
}

[b-ya5iinhar3] .form-input:hover,
[b-ya5iinhar3] .form-select:hover,
[b-ya5iinhar3] input:hover,
[b-ya5iinhar3] select:hover {
    border-color: var(--color-gray);
}

[b-ya5iinhar3] .form-input:focus,
[b-ya5iinhar3] .form-select:focus,
[b-ya5iinhar3] input:focus,
[b-ya5iinhar3] select:focus {
    outline: none;
    border-color: var(--cedar-green);
    box-shadow: 0 0 0 4px rgba(45, 80, 22, 0.08);
    background: var(--color-white);
}

.form-hint[b-ya5iinhar3] {
    display: block;
    font-size: var(--font-size-sm);
    color: var(--color-text-secondary);
    margin-top: 0.5rem;
}

.validation-message[b-ya5iinhar3] {
    color: var(--color-error);
    font-size: var(--font-size-sm);
    margin-top: 0.5rem;
    display: block;
}

.btn-primary[b-ya5iinhar3] {
    width: 100%;
    padding: 1rem 2rem;
    background: linear-gradient(135deg, var(--cedar-green) 0%, var(--wilson-blue) 100%);
    color: white;
    border: none;
    border-radius: var(--radius-lg);
    font-size: var(--font-size-lg);
    font-weight: 700;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.btn-primary:hover:not(:disabled)[b-ya5iinhar3] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.btn-primary:active:not(:disabled)[b-ya5iinhar3] {
    transform: translateY(0);
}

.btn-primary:disabled[b-ya5iinhar3] {
    opacity: 0.6;
    cursor: not-allowed;
}

.register-footer[b-ya5iinhar3] {
    margin-top: 2rem;
    text-align: center;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.register-footer a[b-ya5iinhar3] {
    color: var(--cedar-green);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-base);
}

.register-footer a:hover[b-ya5iinhar3] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

@media (max-width: 768px) {
    .register-card[b-ya5iinhar3] {
        padding: 2rem 1.5rem;
    }

    .register-card h1[b-ya5iinhar3] {
        font-size: var(--font-size-3xl);
    }

    .form-row[b-ya5iinhar3] {
        grid-template-columns: 1fr;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Account/RegistrationSuccess.razor.rz.scp.css */
/* Override login container width for confirmation pages */
[b-ftdkglbplb] .login-container {
    max-width: 600px;
}

[b-ftdkglbplb] .login-card {
    padding: 3rem 2.5rem;
}

.success-icon[b-ftdkglbplb] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.success-icon i[b-ftdkglbplb] {
    font-size: 4rem;
    color: var(--cedar-green);
}

.error-icon[b-ftdkglbplb] {
    text-align: center;
    margin-bottom: 1.5rem;
}

.error-icon i[b-ftdkglbplb] {
    font-size: 4rem;
    color: var(--color-error);
}

.loading-spinner[b-ftdkglbplb] {
    text-align: center;
    padding: 2rem 0;
}

.spinner[b-ftdkglbplb] {
    width: 3rem;
    height: 3rem;
    border: 3px solid var(--color-gray-light);
    border-top-color: var(--cedar-green);
    border-radius: 50%;
    animation: spin-b-ftdkglbplb 0.8s linear infinite;
    margin: 0 auto 1rem auto;
}

@keyframes spin-b-ftdkglbplb {
    to { transform: rotate(360deg); }
}

.success-message[b-ftdkglbplb] {
    background: rgba(45, 80, 22, 0.05);
    border-left: 4px solid var(--cedar-green);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

.success-message p[b-ftdkglbplb] {
    margin: 0 0 0.75rem 0;
    line-height: 1.6;
}

.success-message p:last-child[b-ftdkglbplb] {
    margin-bottom: 0;
}

.email-address[b-ftdkglbplb] {
    font-weight: 700;
    font-size: var(--font-size-lg);
    color: var(--cedar-green);
    text-align: center;
    padding: 0.5rem 0;
}

.info-box[b-ftdkglbplb] {
    background: rgba(74, 111, 165, 0.05);
    border-left: 4px solid var(--wilson-blue);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

.info-box h3[b-ftdkglbplb] {
    margin: 0 0 1rem 0;
    color: var(--cedar-green);
    font-size: var(--font-size-lg);
    font-weight: 700;
}

.info-box h3 i[b-ftdkglbplb] {
    margin-right: 0.5rem;
    color: var(--wilson-blue);
}

.info-box ol[b-ftdkglbplb] {
    margin: 0;
    padding-left: 1.5rem;
}

.info-box li[b-ftdkglbplb] {
    margin-bottom: 0.5rem;
    line-height: 1.6;
}

.info-box li:last-child[b-ftdkglbplb] {
    margin-bottom: 0;
}

.help-text[b-ftdkglbplb] {
    text-align: center;
    padding: 1rem;
    margin-bottom: 1rem;
    color: var(--color-text-secondary);
    font-size: var(--font-size-sm);
}

.help-text strong[b-ftdkglbplb] {
    color: var(--color-text);
    display: block;
    margin-bottom: 0.5rem;
}

.help-text a[b-ftdkglbplb] {
    color: var(--cedar-green);
    text-decoration: none;
}

.help-text a:hover[b-ftdkglbplb] {
    text-decoration: underline;
}

.back-link[b-ftdkglbplb] {
    color: var(--cedar-green);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-base);
}

.back-link:hover[b-ftdkglbplb] {
    color: var(--wilson-blue);
    text-decoration: underline;
}

@media (max-width: 768px) {
    [b-ftdkglbplb] .login-card {
        padding: 2rem 1.5rem;
    }

    [b-ftdkglbplb] .login-card h1 {
        font-size: var(--font-size-3xl);
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/CreateEvent.razor.rz.scp.css */
.admin-form-page[b-v4orapgjw2] {
    max-width: 900px;
    margin: 0 auto;
}

.page-header[b-v4orapgjw2] {
    margin-bottom: 2rem;
}

.page-header h1[b-v4orapgjw2] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.form-container[b-v4orapgjw2] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 2rem;
}

.not-found[b-v4orapgjw2] {
    text-align: center;
    padding: 4rem 2rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
}

.not-found p[b-v4orapgjw2] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.btn-back[b-v4orapgjw2] {
    padding: 0.5rem 1rem;
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-back:hover[b-v4orapgjw2] {
    background-color: #e5e7eb;
}
/* _content/WilcoChess.Web/Components/Pages/Admin/EditBook.razor.rz.scp.css */
.edit-book-page[b-ga5gjd9zbf] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

.page-header[b-ga5gjd9zbf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.page-header h1[b-ga5gjd9zbf] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.page-header p[b-ga5gjd9zbf] {
    color: #6b7280;
    margin: 0;
}

.btn-secondary[b-ga5gjd9zbf] {
    background: white;
    color: #6b7280;
    border: 2px solid #e5e7eb;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.btn-secondary:hover[b-ga5gjd9zbf] {
    border-color: #9ca3af;
    color: #374151;
}

/* Form Container */
.form-container[b-ga5gjd9zbf] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

.form-section[b-ga5gjd9zbf] {
    padding: 2rem;
    border-bottom: 2px solid #e5e7eb;
}

.form-section:last-of-type[b-ga5gjd9zbf] {
    border-bottom: none;
    padding-bottom: 2rem;
}

.section-title[b-ga5gjd9zbf] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1.5rem 0;
}

.form-row[b-ga5gjd9zbf] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin-bottom: 1.5rem;
}

.form-row:last-child[b-ga5gjd9zbf] {
    margin-bottom: 0;
}

.form-group[b-ga5gjd9zbf] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group label[b-ga5gjd9zbf] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.required[b-ga5gjd9zbf] {
    color: #dc2626;
}

[b-ga5gjd9zbf] .form-control,
[b-ga5gjd9zbf] input.form-control,
[b-ga5gjd9zbf] select.form-control,
[b-ga5gjd9zbf] textarea.form-control {
    padding: 0.625rem 1rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    width: 100%;
    background: white;
    transition: border-color 0.2s, box-shadow 0.2s;
}

[b-ga5gjd9zbf] .form-control:focus,
[b-ga5gjd9zbf] input.form-control:focus,
[b-ga5gjd9zbf] select.form-control:focus,
[b-ga5gjd9zbf] textarea.form-control:focus {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

[b-ga5gjd9zbf] textarea.form-control {
    resize: vertical;
    font-family: inherit;
    min-height: 100px;
}

[b-ga5gjd9zbf] select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B7280' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 12px;
    padding-right: 2.5rem;
}

/* Input with Button */
.input-with-button[b-ga5gjd9zbf] {
    display: flex;
    gap: 0.5rem;
}

.input-with-button .form-control[b-ga5gjd9zbf] {
    flex: 1;
}

.btn-scan[b-ga5gjd9zbf] {
    background: #10b981;
    color: white;
    border: none;
    padding: 0.625rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
}

.btn-scan:hover[b-ga5gjd9zbf] {
    background: #059669;
}

/* Hide scan button on screens larger than 820px */
.btn-scan-mobile-only[b-ga5gjd9zbf] {
    display: none;
}

@media (max-width: 820px) {
    .btn-scan-mobile-only[b-ga5gjd9zbf] {
        display: block;
    }
}

/* Checkout Alert Section */
.checkout-section[b-ga5gjd9zbf] {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
}

.checkout-alert[b-ga5gjd9zbf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2rem;
    padding: 1rem;
    background: #fffbeb;
    border: 2px solid #fbbf24;
    border-radius: 0.5rem;
}

.checkout-info p[b-ga5gjd9zbf] {
    margin: 0.5rem 0;
    color: #78350f;
}

.checkout-info strong[b-ga5gjd9zbf] {
    color: #92400e;
}

.overdue-warning[b-ga5gjd9zbf] {
    color: #dc2626;
    font-size: 1.125rem;
    margin-top: 1rem;
}

.btn-return-book[b-ga5gjd9zbf] {
    background: #10b981;
    color: white;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.2s;
}

.btn-return-book:hover:not(:disabled)[b-ga5gjd9zbf] {
    background: #059669;
    transform: translateY(-2px);
}

.btn-return-book:disabled[b-ga5gjd9zbf] {
    opacity: 0.6;
    cursor: not-allowed;
}

/* Checkbox Group */
.checkbox-group label[b-ga5gjd9zbf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    cursor: pointer;
    padding: 0.75rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    transition: all 0.2s;
}

.checkbox-group label:hover[b-ga5gjd9zbf] {
    background: #f3f4f6;
}

[b-ga5gjd9zbf] .checkbox-group input[type="checkbox"],
.checkbox-group input[type="checkbox"][b-ga5gjd9zbf] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    accent-color: var(--mtsu-blue);
}

/* Image Preview */
.image-preview[b-ga5gjd9zbf] {
    margin-top: 0.75rem;
    padding: 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 0.375rem;
    display: flex;
    justify-content: center;
}

.image-preview img[b-ga5gjd9zbf] {
    max-width: 200px;
    max-height: 300px;
    object-fit: contain;
    border-radius: 0.25rem;
}

/* Validation */
[b-ga5gjd9zbf] .validation-message,
[b-ga5gjd9zbf] .invalid {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

[b-ga5gjd9zbf] .invalid input,
[b-ga5gjd9zbf] .invalid select,
[b-ga5gjd9zbf] .invalid textarea,
[b-ga5gjd9zbf] input.invalid,
[b-ga5gjd9zbf] select.invalid,
[b-ga5gjd9zbf] textarea.invalid {
    border-color: #dc2626;
}

[b-ga5gjd9zbf] .invalid input:focus,
[b-ga5gjd9zbf] .invalid select:focus,
[b-ga5gjd9zbf] .invalid textarea:focus,
[b-ga5gjd9zbf] input.invalid:focus,
[b-ga5gjd9zbf] select.invalid:focus,
[b-ga5gjd9zbf] textarea.invalid:focus {
    border-color: #dc2626;
    box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.1);
}

/* Form Actions */
.form-actions[b-ga5gjd9zbf] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem 2rem;
    background: #f9fafb;
    border-top: 2px solid #e5e7eb;
}

.btn-primary[b-ga5gjd9zbf] {
    background: var(--mtsu-blue);
    color: white;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-primary:hover:not(:disabled)[b-ga5gjd9zbf] {
    background: #0052a3;
    transform: translateY(-2px);
}

.btn-primary:disabled[b-ga5gjd9zbf] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-cancel[b-ga5gjd9zbf] {
    background: white;
    color: #6b7280;
    border: 2px solid #e5e7eb;
    padding: 0.875rem 2rem;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.btn-cancel:hover[b-ga5gjd9zbf] {
    border-color: #9ca3af;
    color: #374151;
}

/* Modal */
.modal-overlay[b-ga5gjd9zbf] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

.modal-content[b-ga5gjd9zbf] {
    background: white;
    border-radius: 0.5rem;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
}

.modal-header[b-ga5gjd9zbf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 2px solid #e5e7eb;
}

.modal-header h3[b-ga5gjd9zbf] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
}

.btn-close[b-ga5gjd9zbf] {
    background: none;
    border: none;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    color: #6b7280;
    padding: 0;
    width: 2rem;
    height: 2rem;
}

.btn-close:hover[b-ga5gjd9zbf] {
    color: #111827;
}

.modal-body[b-ga5gjd9zbf] {
    padding: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .edit-book-page[b-ga5gjd9zbf] {
        padding: 1rem;
    }

    .page-header[b-ga5gjd9zbf] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
        padding-bottom: 0.75rem;
    }

    .page-header h1[b-ga5gjd9zbf] {
        font-size: 1.5rem;
    }

    .page-header p[b-ga5gjd9zbf] {
        font-size: 0.875rem;
    }

    .btn-secondary[b-ga5gjd9zbf] {
        padding: 0.625rem 1rem;
        font-size: 0.875rem;
    }

    .form-container[b-ga5gjd9zbf] {
        padding: 0;
        box-shadow: none;
        border-radius: 0;
    }

    .form-section[b-ga5gjd9zbf] {
        padding: 1.25rem;
        border-radius: 0.5rem;
        margin-bottom: 1rem;
        background: white;
        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    }

    .section-title[b-ga5gjd9zbf] {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }

    .form-row[b-ga5gjd9zbf] {
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    .form-group[b-ga5gjd9zbf] {
        gap: 0.375rem;
    }

    .form-group label[b-ga5gjd9zbf] {
        font-size: 0.8125rem;
    }

    [b-ga5gjd9zbf] .form-control,
    [b-ga5gjd9zbf] input.form-control,
    [b-ga5gjd9zbf] select.form-control,
    [b-ga5gjd9zbf] textarea.form-control {
        padding: 0.75rem;
        font-size: 1rem; /* Prevent iOS zoom on focus */
    }

    .input-with-button[b-ga5gjd9zbf] {
        flex-direction: column;
        gap: 0.75rem;
    }

    .btn-scan[b-ga5gjd9zbf] {
        width: 100%;
        padding: 0.875rem;
        font-size: 1rem;
    }

    .image-preview[b-ga5gjd9zbf] {
        margin-top: 0.5rem;
        padding: 0.75rem;
    }

    .image-preview img[b-ga5gjd9zbf] {
        max-width: 150px;
        max-height: 225px;
    }

    .checkout-section[b-ga5gjd9zbf] {
        padding: 1rem;
    }

    .checkout-alert[b-ga5gjd9zbf] {
        flex-direction: column;
        align-items: stretch;
        gap: 1rem;
        padding: 0.875rem;
    }

    .checkout-info p[b-ga5gjd9zbf] {
        font-size: 0.875rem;
        margin: 0.375rem 0;
    }

    .overdue-warning[b-ga5gjd9zbf] {
        font-size: 1rem;
        margin-top: 0.5rem;
    }

    .btn-return-book[b-ga5gjd9zbf] {
        width: 100%;
        padding: 0.875rem;
        font-size: 1rem;
    }

    .form-actions[b-ga5gjd9zbf] {
        flex-direction: column;
        gap: 0.75rem;
        padding: 1rem;
    }

    .btn-primary[b-ga5gjd9zbf],
    .btn-cancel[b-ga5gjd9zbf] {
        width: 100%;
        text-align: center;
        padding: 0.875rem;
        font-size: 1rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/EditEvent.razor.rz.scp.css */
.admin-form-page[b-xhxiajhpu9] {
    max-width: 900px;
    margin: 0 auto;
}

.page-header[b-xhxiajhpu9] {
    margin-bottom: 2rem;
}

.page-header h1[b-xhxiajhpu9] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.form-container[b-xhxiajhpu9] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 2rem;
}

.not-found[b-xhxiajhpu9] {
    text-align: center;
    padding: 4rem 2rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
}

.not-found p[b-xhxiajhpu9] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.btn-back[b-xhxiajhpu9] {
    padding: 0.5rem 1rem;
    background-color: #f3f4f6;
    color: #374151;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-back:hover[b-xhxiajhpu9] {
    background-color: #e5e7eb;
}
/* _content/WilcoChess.Web/Components/Pages/Admin/EnrichBooks.razor.rz.scp.css */
.admin-page[b-y7m3vyi174] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.admin-header[b-y7m3vyi174] {
    text-align: center;
    margin-bottom: 3rem;
}

.admin-header h1[b-y7m3vyi174] {
    font-size: 2.5rem;
    color: #111827;
    margin-bottom: 0.5rem;
}

.admin-description[b-y7m3vyi174] {
    font-size: 1.125rem;
    color: #6b7280;
    max-width: 700px;
    margin: 0 auto;
}

.enrichment-controls[b-y7m3vyi174] {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.control-group[b-y7m3vyi174] {
    margin-bottom: 1.5rem;
}

.control-group label[b-y7m3vyi174] {
    display: block;
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
}

.control-group small[b-y7m3vyi174] {
    display: block;
    color: #6b7280;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

.form-input[b-y7m3vyi174] {
    width: 100%;
    max-width: 300px;
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 1rem;
}

.form-input:focus[b-y7m3vyi174] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

.control-group input[type="checkbox"][b-y7m3vyi174] {
    width: auto;
    margin-right: 0.5rem;
}

.btn-primary[b-y7m3vyi174] {
    background: #1e3a8a;
    color: white;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-primary:hover:not(:disabled)[b-y7m3vyi174] {
    background: #1e40af;
}

.btn-primary:disabled[b-y7m3vyi174] {
    opacity: 0.6;
    cursor: not-allowed;
}

.enrichment-results[b-y7m3vyi174] {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.enrichment-results h2[b-y7m3vyi174] {
    font-size: 1.75rem;
    color: #111827;
    margin-bottom: 1.5rem;
}

.result-stats[b-y7m3vyi174] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-y7m3vyi174] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}

.stat-card.success[b-y7m3vyi174] {
    border-color: #10b981;
    background: #ecfdf5;
}

.stat-card.warning[b-y7m3vyi174] {
    border-color: #f59e0b;
    background: #fffbeb;
}

.stat-card.error[b-y7m3vyi174] {
    border-color: #ef4444;
    background: #fef2f2;
}

.stat-label[b-y7m3vyi174] {
    font-size: 0.875rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.stat-value[b-y7m3vyi174] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #111827;
}

.errors-section[b-y7m3vyi174] {
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.375rem;
    padding: 1.5rem;
}

.errors-section h3[b-y7m3vyi174] {
    color: #991b1b;
    margin-bottom: 1rem;
}

.errors-section ul[b-y7m3vyi174] {
    list-style: disc;
    padding-left: 1.5rem;
    color: #7f1d1d;
}

.errors-section li[b-y7m3vyi174] {
    margin-bottom: 0.5rem;
}

.progress-indicator[b-y7m3vyi174] {
    text-align: center;
    padding: 2rem;
}

.statistics-panel[b-y7m3vyi174] {
    background: white;
    border-radius: 0.5rem;
    padding: 2rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.statistics-panel h2[b-y7m3vyi174] {
    font-size: 1.75rem;
    color: #111827;
    margin-bottom: 1.5rem;
}

.stat-grid[b-y7m3vyi174] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-item[b-y7m3vyi174] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.25rem;
    text-align: center;
}

.stat-item.highlight[b-y7m3vyi174] {
    background: #ecfdf5;
    border-color: #10b981;
}

.stat-item.warn[b-y7m3vyi174] {
    background: #fffbeb;
    border-color: #f59e0b;
}

.stat-label[b-y7m3vyi174] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.stat-number[b-y7m3vyi174] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
}

.stat-percent[b-y7m3vyi174] {
    font-size: 0.875rem;
    color: #10b981;
    font-weight: 600;
    margin-top: 0.25rem;
}

.sample-books[b-y7m3vyi174] {
    margin-top: 2rem;
}

.sample-books h3[b-y7m3vyi174] {
    font-size: 1.25rem;
    color: #111827;
    margin-bottom: 1rem;
}

.books-table[b-y7m3vyi174] {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

.books-table thead[b-y7m3vyi174] {
    background: #f3f4f6;
    border-bottom: 2px solid #e5e7eb;
}

.books-table th[b-y7m3vyi174] {
    padding: 0.75rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
}

.books-table td[b-y7m3vyi174] {
    padding: 0.75rem;
    border-bottom: 1px solid #e5e7eb;
}

.books-table tbody tr:hover[b-y7m3vyi174] {
    background: #f9fafb;
}

.missing-count[b-y7m3vyi174] {
    font-weight: 600;
    color: #f59e0b;
}

.books-table small[b-y7m3vyi174] {
    display: block;
    color: #6b7280;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.loading-stats[b-y7m3vyi174] {
    text-align: center;
    padding: 2rem;
}

.btn-secondary[b-y7m3vyi174] {
    background: #6b7280;
    color: white;
    padding: 0.875rem 2rem;
    border: none;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-secondary:hover[b-y7m3vyi174] {
    background: #4b5563;
}

@media (max-width: 768px) {
    .admin-page[b-y7m3vyi174] {
        padding: 1rem 0.5rem;
    }

    .admin-header h1[b-y7m3vyi174] {
        font-size: 2rem;
    }

    .enrichment-controls[b-y7m3vyi174] {
        padding: 1.5rem;
    }

    .result-stats[b-y7m3vyi174] {
        grid-template-columns: 1fr 1fr;
    }

    .stat-value[b-y7m3vyi174] {
        font-size: 2rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/Events.razor.rz.scp.css */
.admin-events-page[b-day6t1stht] {
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-day6t1stht] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.page-header h1[b-day6t1stht] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0;
}

.btn-create[b-day6t1stht] {
    padding: 0.75rem 1.5rem;
    background-color: #1e3a8a;
    color: white;
    text-decoration: none;
    border-radius: 0.375rem;
    font-weight: 600;
    transition: background-color 0.2s;
    display: inline-block;
}

.btn-create:hover[b-day6t1stht] {
    background-color: #1e40af;
}

.events-table-container[b-day6t1stht] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    overflow: hidden;
}

.events-table[b-day6t1stht] {
    width: 100%;
    border-collapse: collapse;
}

.events-table thead[b-day6t1stht] {
    background-color: #f9fafb;
}

.events-table th[b-day6t1stht] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e5e7eb;
}

.events-table td[b-day6t1stht] {
    padding: 1rem;
    border-bottom: 1px solid #f3f4f6;
    color: #4b5563;
}

.events-table tbody tr:hover[b-day6t1stht] {
    background-color: #f9fafb;
}

.event-title-cell[b-day6t1stht] {
    font-weight: 500;
    color: #111827;
}

.type-badge[b-day6t1stht] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    background-color: #dbeafe;
    color: #1e40af;
}

.status-badge[b-day6t1stht] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.published[b-day6t1stht] {
    background-color: #d1fae5;
    color: #065f46;
}

.status-badge.draft[b-day6t1stht] {
    background-color: #fef3c7;
    color: #92400e;
}

.actions-cell[b-day6t1stht] {
    display: flex;
    gap: 0.5rem;
}

.btn-action[b-day6t1stht] {
    padding: 0.375rem 0.75rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-edit[b-day6t1stht] {
    background-color: #3b82f6;
    color: white;
}

.btn-edit:hover[b-day6t1stht] {
    background-color: #2563eb;
}

.btn-delete[b-day6t1stht] {
    background-color: #ef4444;
    color: white;
}

.btn-delete:hover[b-day6t1stht] {
    background-color: #dc2626;
}

.no-events[b-day6t1stht] {
    text-align: center;
    padding: 4rem 2rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
}

.no-events p[b-day6t1stht] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

@media (max-width: 1200px) {
    .events-table-container[b-day6t1stht] {
        overflow-x: auto;
    }

    .events-table[b-day6t1stht] {
        min-width: 1000px;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/Index.razor.rz.scp.css */
.admin-page[b-mgg6n3vd3d] {
    max-width: 1200px;
    margin: 0 auto;
}

.admin-page h1[b-mgg6n3vd3d] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.admin-page p[b-mgg6n3vd3d] {
    color: #6b7280;
    margin-bottom: 2rem;
}

.admin-grid[b-mgg6n3vd3d] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

.admin-card[b-mgg6n3vd3d] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 2rem;
    text-align: center;
    text-decoration: none;
    transition: all 0.2s;
    display: block;
}

.admin-card:hover[b-mgg6n3vd3d] {
    border-color: #1e3a8a;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.admin-icon[b-mgg6n3vd3d] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.admin-card h2[b-mgg6n3vd3d] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.75rem 0;
}

.admin-card p[b-mgg6n3vd3d] {
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0;
}
/* _content/WilcoChess.Web/Components/Pages/Admin/LibraryBooks.razor.rz.scp.css */
.admin-books-page[b-ntmr8rz7zy] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-header[b-ntmr8rz7zy] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.page-header h1[b-ntmr8rz7zy] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.page-header p[b-ntmr8rz7zy] {
    color: #6b7280;
    margin: 0;
}

.btn-create[b-ntmr8rz7zy] {
    background: var(--mtsu-blue);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s;
}

.btn-create:hover[b-ntmr8rz7zy] {
    background: #0052a3;
    transform: translateY(-2px);
}

.btn-secondary[b-ntmr8rz7zy] {
    background: white;
    color: var(--mtsu-blue);
    border: 2px solid var(--mtsu-blue);
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-ntmr8rz7zy] {
    background: var(--mtsu-blue);
    color: white;
}

/* Filters */
.filters-section[b-ntmr8rz7zy] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.filter-group[b-ntmr8rz7zy] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group label[b-ntmr8rz7zy] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.filter-select[b-ntmr8rz7zy] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    min-width: 180px;
    background: white;
    cursor: pointer;
}

.filter-select:focus[b-ntmr8rz7zy] {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

.search-input[b-ntmr8rz7zy] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    min-width: 320px;
}

.search-input:focus[b-ntmr8rz7zy] {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

/* Stats Cards */
.stats-cards[b-ntmr8rz7zy] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-ntmr8rz7zy] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}

.stat-value[b-ntmr8rz7zy] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--mtsu-blue);
    margin-bottom: 0.5rem;
}

.stat-label[b-ntmr8rz7zy] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

/* Table */
.table-container[b-ntmr8rz7zy] {
    background: white;
    border-radius: 0.5rem;
    border: 2px solid #e5e7eb;
    overflow-x: auto;
    margin-bottom: 1rem;
}

.books-table[b-ntmr8rz7zy] {
    width: 100%;
    border-collapse: collapse;
}

.books-table thead[b-ntmr8rz7zy] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.books-table th[b-ntmr8rz7zy] {
    padding: 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
    letter-spacing: 0.05em;
}

.books-table tbody tr[b-ntmr8rz7zy] {
    border-bottom: 1px solid #e5e7eb;
}

.books-table tbody tr:hover[b-ntmr8rz7zy] {
    background: #f9fafb;
}

.books-table td[b-ntmr8rz7zy] {
    padding: 1rem;
    font-size: 0.875rem;
}

/* Book Cell */
.book-cell[b-ntmr8rz7zy] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.book-thumbnail[b-ntmr8rz7zy] {
    width: 40px;
    height: 60px;
    object-fit: cover;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.book-info[b-ntmr8rz7zy] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.book-title[b-ntmr8rz7zy] {
    font-weight: 600;
    color: var(--mtsu-blue);
    text-decoration: none;
}

.book-title:hover[b-ntmr8rz7zy] {
    text-decoration: underline;
}

.catalog-id[b-ntmr8rz7zy] {
    font-size: 0.75rem;
    color: #6b7280;
}

.isbn-cell[b-ntmr8rz7zy] {
    font-family: monospace;
    font-size: 0.75rem;
    color: #6b7280;
}

/* Status Badges */
.status-badge[b-ntmr8rz7zy] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.available[b-ntmr8rz7zy] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.checked-out[b-ntmr8rz7zy] {
    background: #fef3c7;
    color: #92400e;
}

/* Actions */
.actions-cell[b-ntmr8rz7zy] {
    display: flex;
    gap: 0.5rem;
}

.btn-action[b-ntmr8rz7zy] {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s;
    text-decoration: none;
    display: inline-block;
}

.btn-edit[b-ntmr8rz7zy] {
    background: var(--mtsu-blue);
    color: white;
}

.btn-edit:hover[b-ntmr8rz7zy] {
    background: #0052a3;
    transform: translateY(-1px);
}

.btn-delete[b-ntmr8rz7zy] {
    background: white;
    border-color: #dc2626;
    color: #dc2626;
}

.btn-delete:hover[b-ntmr8rz7zy] {
    background: #dc2626;
    color: white;
}

/* Results Info */
.results-info[b-ntmr8rz7zy] {
    text-align: center;
    color: #6b7280;
    font-size: 0.875rem;
    padding: 1rem;
}

/* No Data */
.no-data[b-ntmr8rz7zy] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 3rem;
    text-align: center;
    color: #6b7280;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-ntmr8rz7zy] {
        flex-direction: column;
        gap: 1rem;
    }

    .filters-section[b-ntmr8rz7zy] {
        flex-direction: column;
    }

    .filter-select[b-ntmr8rz7zy],
    .search-input[b-ntmr8rz7zy] {
        width: 100%;
        min-width: 0;
    }

    .stats-cards[b-ntmr8rz7zy] {
        grid-template-columns: 1fr;
    }

    .books-table[b-ntmr8rz7zy] {
        font-size: 0.75rem;
    }

    .book-thumbnail[b-ntmr8rz7zy] {
        width: 30px;
        height: 45px;
    }

    .actions-cell[b-ntmr8rz7zy] {
        flex-direction: column;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/LibraryCheckouts.razor.rz.scp.css */
.admin-checkouts-page[b-wsb7hfnjww] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-header[b-wsb7hfnjww] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 2rem;
}

.page-header h1[b-wsb7hfnjww] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.page-header p[b-wsb7hfnjww] {
    color: #6b7280;
    margin: 0;
}

/* Filters */
.filters-section[b-wsb7hfnjww] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.filter-group[b-wsb7hfnjww] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group label[b-wsb7hfnjww] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
}

.filter-select[b-wsb7hfnjww] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    min-width: 180px;
    background: white;
    cursor: pointer;
}

.filter-select:focus[b-wsb7hfnjww] {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

.search-input[b-wsb7hfnjww] {
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    min-width: 280px;
}

.search-input:focus[b-wsb7hfnjww] {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

/* Stats Cards */
.stats-cards[b-wsb7hfnjww] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-wsb7hfnjww] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}

.stat-card.overdue[b-wsb7hfnjww] {
    border-color: #fca5a5;
    background: #fef2f2;
}

.stat-value[b-wsb7hfnjww] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--mtsu-blue);
    margin-bottom: 0.5rem;
}

.stat-card.overdue .stat-value[b-wsb7hfnjww] {
    color: #dc2626;
}

.stat-label[b-wsb7hfnjww] {
    font-size: 0.875rem;
    color: #6b7280;
    font-weight: 500;
}

/* Table */
.table-container[b-wsb7hfnjww] {
    background: white;
    border-radius: 0.5rem;
    border: 2px solid #e5e7eb;
    overflow-x: auto;
}

.checkouts-table[b-wsb7hfnjww] {
    width: 100%;
    border-collapse: collapse;
}

.checkouts-table thead[b-wsb7hfnjww] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.checkouts-table th[b-wsb7hfnjww] {
    padding: 1rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #6b7280;
    letter-spacing: 0.05em;
}

.checkouts-table tbody tr[b-wsb7hfnjww] {
    border-bottom: 1px solid #e5e7eb;
}

.checkouts-table tbody tr.overdue-row[b-wsb7hfnjww] {
    background: #fef2f2;
}

.checkouts-table tbody tr:hover[b-wsb7hfnjww] {
    background: #f9fafb;
}

.checkouts-table tbody tr.overdue-row:hover[b-wsb7hfnjww] {
    background: #fee2e2;
}

.checkouts-table td[b-wsb7hfnjww] {
    padding: 1rem;
    font-size: 0.875rem;
}

/* Book Cell */
.book-cell[b-wsb7hfnjww] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.book-thumbnail[b-wsb7hfnjww] {
    width: 40px;
    height: 60px;
    object-fit: cover;
    border-radius: 0.25rem;
    flex-shrink: 0;
}

.book-info[b-wsb7hfnjww] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.book-title[b-wsb7hfnjww] {
    font-weight: 600;
    color: var(--mtsu-blue);
    text-decoration: none;
}

.book-title:hover[b-wsb7hfnjww] {
    text-decoration: underline;
}

.book-author[b-wsb7hfnjww] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* User Cell */
.user-cell[b-wsb7hfnjww] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.user-name[b-wsb7hfnjww] {
    font-weight: 500;
    color: #111827;
}

.user-email[b-wsb7hfnjww] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Status Badges */
.status-badge[b-wsb7hfnjww] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

.status-badge.active[b-wsb7hfnjww] {
    background: #dbeafe;
    color: #1e40af;
}

.status-badge.overdue[b-wsb7hfnjww] {
    background: #fecaca;
    color: #991b1b;
}

.status-badge.returned[b-wsb7hfnjww] {
    background: #d1fae5;
    color: #065f46;
}

.overdue-text[b-wsb7hfnjww] {
    color: #dc2626;
    font-weight: 600;
}

.overdue-badge[b-wsb7hfnjww] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #dc2626;
    margin-top: 0.25rem;
}

/* Condition */
.condition[b-wsb7hfnjww] {
    font-size: 0.75rem;
    color: #6b7280;
}

/* Actions */
.actions-cell[b-wsb7hfnjww] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.btn-action[b-wsb7hfnjww] {
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    border: 1px solid transparent;
    transition: all 0.2s;
    text-align: center;
}

.btn-return[b-wsb7hfnjww] {
    background: var(--mtsu-blue);
    color: white;
}

.btn-return:hover[b-wsb7hfnjww] {
    background: #0052a3;
    transform: translateY(-1px);
}

.btn-reminder[b-wsb7hfnjww] {
    background: white;
    border-color: #d1d5db;
    color: #374151;
}

.btn-reminder:hover[b-wsb7hfnjww] {
    background: #f9fafb;
    border-color: #9ca3af;
}

.text-muted[b-wsb7hfnjww] {
    color: #9ca3af;
    font-size: 0.875rem;
}

/* No Data */
.no-data[b-wsb7hfnjww] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 3rem;
    text-align: center;
    color: #6b7280;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-wsb7hfnjww] {
        flex-direction: column;
        gap: 1rem;
    }

    .filters-section[b-wsb7hfnjww] {
        flex-direction: column;
    }

    .filter-select[b-wsb7hfnjww],
    .search-input[b-wsb7hfnjww] {
        width: 100%;
    }

    .stats-cards[b-wsb7hfnjww] {
        grid-template-columns: 1fr;
    }

    .checkouts-table[b-wsb7hfnjww] {
        font-size: 0.75rem;
    }

    .book-thumbnail[b-wsb7hfnjww] {
        width: 30px;
        height: 45px;
    }

    .actions-cell[b-wsb7hfnjww] {
        flex-direction: row;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/ManageCoaches.razor.rz.scp.css */
.manage-coaches-page[b-9d81uc12jf] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Loading State */
.loading-container[b-9d81uc12jf] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.loading-text[b-9d81uc12jf] {
    color: #6b7280;
}

/* Tab Navigation */
.tab-container[b-9d81uc12jf] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    margin-bottom: 2rem;
}

.tab-nav[b-9d81uc12jf] {
    display: flex;
    border-bottom: 1px solid #e5e7eb;
    margin-bottom: -1px;
}

.tab-button[b-9d81uc12jf] {
    padding: 1rem 1.5rem;
    font-size: 0.875rem;
    font-weight: 500;
    border: none;
    background: none;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
    color: #6b7280;
}

.tab-button:hover[b-9d81uc12jf] {
    color: #111827;
}

.tab-button.active[b-9d81uc12jf] {
    color: var(--mtsu-navy);
    border-bottom-color: var(--mtsu-navy);
}

.tab-content[b-9d81uc12jf] {
    padding: 1.5rem;
}

/* Empty State */
.empty-state[b-9d81uc12jf] {
    text-align: center;
    padding: 3rem 0;
}

.empty-state-icon[b-9d81uc12jf] {
    font-size: 2.5rem;
    margin-bottom: 0.75rem;
}

.empty-state-title[b-9d81uc12jf] {
    color: #6b7280;
}

.empty-state-subtitle[b-9d81uc12jf] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
    color: #6b7280;
}

/* Pending Applications */
.applications-container[b-9d81uc12jf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.application-card[b-9d81uc12jf] {
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 1.5rem;
}

.application-content[b-9d81uc12jf] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .application-content[b-9d81uc12jf] {
        flex-direction: row;
    }
}

/* Coach Info Section */
.coach-info-section[b-9d81uc12jf] {
    flex: 1;
}

.coach-header[b-9d81uc12jf] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.coach-avatar[b-9d81uc12jf] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e5e7eb;
}

.coach-avatar-placeholder[b-9d81uc12jf] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #dbeafe;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-navy);
    font-size: 1.25rem;
    font-weight: 700;
    border: 2px solid #e5e7eb;
}

.coach-header-info[b-9d81uc12jf] {
    flex: 1;
}

.coach-name[b-9d81uc12jf] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.25rem 0;
}

.coach-experience[b-9d81uc12jf] {
    font-size: 0.875rem;
    color: #6b7280;
}

.coach-player-ids[b-9d81uc12jf] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* Coach Details */
.coach-detail-section[b-9d81uc12jf] {
    margin-bottom: 0.75rem;
}

.coach-detail-section:last-child[b-9d81uc12jf] {
    margin-bottom: 0;
}

.detail-label[b-9d81uc12jf] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.detail-content[b-9d81uc12jf] {
    font-size: 0.875rem;
    color: #374151;
}

.detail-content strong[b-9d81uc12jf] {
    font-weight: 600;
}

/* Status Badges */
.status-badge[b-9d81uc12jf] {
    display: inline-flex;
    font-size: 0.875rem;
    font-weight: 500;
}

.status-badge.success[b-9d81uc12jf] {
    color: #059669;
}

.status-badge.warning[b-9d81uc12jf] {
    color: #d97706;
}

/* Actions Section */
.actions-section[b-9d81uc12jf] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

@media (min-width: 1024px) {
    .actions-section[b-9d81uc12jf] {
        width: 16rem;
    }
}

/* Approved Coaches Table */
.coaches-table-container[b-9d81uc12jf] {
    overflow-x: auto;
}

.coaches-table[b-9d81uc12jf] {
    min-width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.coaches-table thead[b-9d81uc12jf] {
    background: #f9fafb;
}

.coaches-table th[b-9d81uc12jf] {
    padding: 0.75rem 1.5rem;
    text-align: left;
    font-size: 0.75rem;
    font-weight: 500;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-bottom: 1px solid #e5e7eb;
}

.coaches-table tbody[b-9d81uc12jf] {
    background: white;
    border-top: 1px solid #e5e7eb;
}

.coaches-table td[b-9d81uc12jf] {
    padding: 1rem 1.5rem;
    border-bottom: 1px solid #e5e7eb;
}

.coaches-table tr:last-child td[b-9d81uc12jf] {
    border-bottom: none;
}

.coach-cell[b-9d81uc12jf] {
    display: flex;
    align-items: center;
}

.coach-cell-avatar[b-9d81uc12jf] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    object-fit: cover;
}

.coach-cell-avatar-placeholder[b-9d81uc12jf] {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background: #dbeafe;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-navy);
    font-weight: 700;
    font-size: 0.875rem;
}

.coach-cell-info[b-9d81uc12jf] {
    margin-left: 0.75rem;
}

.coach-cell-name[b-9d81uc12jf] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #111827;
}

.coach-cell-id[b-9d81uc12jf] {
    font-size: 0.75rem;
    color: #6b7280;
}

.table-cell-text[b-9d81uc12jf] {
    font-size: 0.875rem;
    color: #374151;
    white-space: nowrap;
}

.table-cell-text-muted[b-9d81uc12jf] {
    color: #9ca3af;
}

.table-cell-rates > div[b-9d81uc12jf] {
    line-height: 1.5;
}

.table-badge[b-9d81uc12jf] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.375rem;
}

.table-badge.success[b-9d81uc12jf] {
    background: #d1fae5;
    color: #065f46;
}

.table-badge.warning[b-9d81uc12jf] {
    background: #fed7aa;
    color: #92400e;
}

.table-badge.accepting[b-9d81uc12jf] {
    background: #dbeafe;
    color: var(--mtsu-navy);
}

.table-badge.not-accepting[b-9d81uc12jf] {
    background: #f3f4f6;
    color: #6b7280;
}

/* Messages */
.message-container[b-9d81uc12jf] {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 50;
    border-radius: 0.75rem;
    padding: 1rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

.message-container.success[b-9d81uc12jf] {
    background: #d1fae5;
    border: 1px solid #6ee7b7;
}

.message-container.error[b-9d81uc12jf] {
    background: #fee2e2;
    border: 1px solid #fca5a5;
}

.message-content[b-9d81uc12jf] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.message-content.success[b-9d81uc12jf] {
    color: #065f46;
}

.message-content.error[b-9d81uc12jf] {
    color: #991b1b;
}

/* Reject Dialog */
.dialog-overlay[b-9d81uc12jf] {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 50;
}

.dialog-content[b-9d81uc12jf] {
    background: white;
    border-radius: 0.75rem;
    padding: 1.5rem;
    max-width: 28rem;
    margin: 0 1rem;
}

.dialog-title[b-9d81uc12jf] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 1rem 0;
}

.dialog-message[b-9d81uc12jf] {
    color: #374151;
    margin-bottom: 1rem;
}

.dialog-actions[b-9d81uc12jf] {
    display: flex;
    gap: 0.75rem;
}

.dialog-actions > *[b-9d81uc12jf] {
    flex: 1;
}

/* Responsive Design */
@media (max-width: 768px) {
    .manage-coaches-page[b-9d81uc12jf] {
        padding: 1rem;
    }

    .tab-button[b-9d81uc12jf] {
        padding: 0.75rem 1rem;
        font-size: 0.8125rem;
    }

    .tab-content[b-9d81uc12jf] {
        padding: 1rem;
    }

    .application-card[b-9d81uc12jf] {
        padding: 1rem;
    }

    .coach-header[b-9d81uc12jf] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .coaches-table th[b-9d81uc12jf],
    .coaches-table td[b-9d81uc12jf] {
        padding: 0.75rem 1rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Admin/News.razor.rz.scp.css */
.admin-news-page[b-0b6fwjpf4a] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.page-header[b-0b6fwjpf4a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.page-header h1[b-0b6fwjpf4a] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.page-header p[b-0b6fwjpf4a] {
    color: #6b7280;
    margin: 0;
}

.btn-create[b-0b6fwjpf4a] {
    background: var(--mtsu-blue);
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s;
}

.btn-create:hover[b-0b6fwjpf4a] {
    background: #0052a3;
    transform: translateY(-2px);
}

/* Filters */
.filters-section[b-0b6fwjpf4a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f9fafb;
    border-radius: 0.5rem;
}

.filter-group[b-0b6fwjpf4a] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.filter-group label[b-0b6fwjpf4a] {
    font-weight: 600;
    color: #374151;
    font-size: 0.875rem;
}

.search-input[b-0b6fwjpf4a],
.filter-select[b-0b6fwjpf4a] {
    padding: 0.5rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    transition: border-color 0.2s;
}

.search-input:focus[b-0b6fwjpf4a],
.filter-select:focus[b-0b6fwjpf4a] {
    outline: none;
    border-color: var(--mtsu-blue);
}

/* Stats Cards */
.stats-cards[b-0b6fwjpf4a] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
}

.stat-card[b-0b6fwjpf4a] {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}

.stat-value[b-0b6fwjpf4a] {
    font-size: 2.5rem;
    font-weight: 700;
    color: var(--mtsu-blue);
    margin-bottom: 0.5rem;
}

.stat-label[b-0b6fwjpf4a] {
    font-size: 0.875rem;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Table */
.table-container[b-0b6fwjpf4a] {
    background: white;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.news-table[b-0b6fwjpf4a] {
    width: 100%;
    border-collapse: collapse;
}

.news-table thead[b-0b6fwjpf4a] {
    background: #f9fafb;
    border-bottom: 2px solid #e5e7eb;
}

.news-table th[b-0b6fwjpf4a] {
    padding: 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.news-table tbody tr[b-0b6fwjpf4a] {
    border-bottom: 1px solid #e5e7eb;
    transition: background-color 0.2s;
}

.news-table tbody tr:hover[b-0b6fwjpf4a] {
    background: #f9fafb;
}

.news-table tbody tr.removed-row[b-0b6fwjpf4a] {
    background: #fee;
    opacity: 0.7;
}

.news-table td[b-0b6fwjpf4a] {
    padding: 1rem;
    vertical-align: middle;
}

/* Article Cell */
.article-cell[b-0b6fwjpf4a] {
    display: flex;
    gap: 1rem;
    align-items: start;
    max-width: 500px;
}

.article-thumbnail[b-0b6fwjpf4a] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0.375rem;
    flex-shrink: 0;
}

.article-info[b-0b6fwjpf4a] {
    flex: 1;
    min-width: 0;
}

.article-title[b-0b6fwjpf4a] {
    font-weight: 600;
    color: var(--mtsu-blue);
    text-decoration: none;
    display: block;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.article-title:hover[b-0b6fwjpf4a] {
    text-decoration: underline;
}

.article-summary[b-0b6fwjpf4a] {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
}

/* Badges */
.source-badge[b-0b6fwjpf4a] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.source-chessbase[b-0b6fwjpf4a] {
    background: #dbeafe;
    color: #1e40af;
}

.source-lichess[b-0b6fwjpf4a] {
    background: #f3e8ff;
    color: #6b21a8;
}

.source-chesscom[b-0b6fwjpf4a] {
    background: #dcfce7;
    color: #15803d;
}

.source-uschess[b-0b6fwjpf4a] {
    background: #fef3c7;
    color: #92400e;
}

.source-fide[b-0b6fwjpf4a] {
    background: #fee2e2;
    color: #991b1b;
}

.priority-badge[b-0b6fwjpf4a] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 700;
    font-size: 0.875rem;
}

.priority-critical[b-0b6fwjpf4a] {
    background: #dc2626;
    color: white;
}

.priority-high[b-0b6fwjpf4a] {
    background: #f59e0b;
    color: white;
}

.priority-medium[b-0b6fwjpf4a] {
    background: #3b82f6;
    color: white;
}

.priority-low[b-0b6fwjpf4a] {
    background: #6b7280;
    color: white;
}

.status-badges[b-0b6fwjpf4a] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-badge[b-0b6fwjpf4a] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-size: 0.75rem;
    font-weight: 600;
    text-align: center;
}

.status-badge.approved[b-0b6fwjpf4a] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.unapproved[b-0b6fwjpf4a] {
    background: #fef3c7;
    color: #92400e;
}

.status-badge.featured[b-0b6fwjpf4a] {
    background: #dbeafe;
    color: #1e40af;
}

.status-badge.removed[b-0b6fwjpf4a] {
    background: #fee2e2;
    color: #991b1b;
}

.date-cell[b-0b6fwjpf4a] {
    font-size: 0.875rem;
    color: #6b7280;
    white-space: nowrap;
}

/* Actions */
.actions-cell[b-0b6fwjpf4a] {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.btn-action[b-0b6fwjpf4a] {
    padding: 0.5rem 1rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-feature[b-0b6fwjpf4a] {
    background: #fbbf24;
    color: white;
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
}

.btn-feature:hover[b-0b6fwjpf4a] {
    background: #f59e0b;
}

.btn-remove[b-0b6fwjpf4a] {
    background: #dc2626;
    color: white;
}

.btn-remove:hover[b-0b6fwjpf4a] {
    background: #b91c1c;
}

.removed-text[b-0b6fwjpf4a] {
    color: #991b1b;
    font-size: 0.875rem;
    font-style: italic;
}

/* Results Info */
.results-info[b-0b6fwjpf4a] {
    padding: 1rem;
    text-align: center;
    color: #6b7280;
    font-size: 0.875rem;
    background: #f9fafb;
    border-radius: 0.5rem;
    margin-top: 1rem;
}

/* No Data */
.no-data[b-0b6fwjpf4a] {
    text-align: center;
    padding: 3rem;
    color: #6b7280;
}

.no-data p[b-0b6fwjpf4a] {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.btn-secondary[b-0b6fwjpf4a] {
    background: white;
    border: 2px solid #e5e7eb;
    color: #374151;
    padding: 0.75rem 1.5rem;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-secondary:hover[b-0b6fwjpf4a] {
    border-color: #9ca3af;
}

/* Responsive */
@media (max-width: 1024px) {
    .article-cell[b-0b6fwjpf4a] {
        max-width: 300px;
    }

    .news-table[b-0b6fwjpf4a] {
        font-size: 0.875rem;
    }
}

@media (max-width: 768px) {
    .admin-news-page[b-0b6fwjpf4a] {
        padding: 1rem;
    }

    .page-header[b-0b6fwjpf4a] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .filters-section[b-0b6fwjpf4a] {
        grid-template-columns: 1fr;
    }

    .table-container[b-0b6fwjpf4a] {
        overflow-x: auto;
    }

    .news-table[b-0b6fwjpf4a] {
        min-width: 800px;
    }
}
/* _content/WilcoChess.Web/Components/Pages/ApplyToBeCoach.razor.rz.scp.css */
/* ===== Apply to Be Coach Page Styling ===== */

.apply-coach-page[b-rmxjl3lq6v] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-title[b-rmxjl3lq6v] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
    text-align: center;
}

.page-description[b-rmxjl3lq6v] {
    font-size: 1.125rem;
    color: #6b7280;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.6;
}

/* Form Container */
.form-container[b-rmxjl3lq6v] {
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
}

/* Form Sections */
.form-section[b-rmxjl3lq6v] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e7eb;
}

.form-section:last-of-type[b-rmxjl3lq6v] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-title[b-rmxjl3lq6v] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 1rem;
}

.section-description[b-rmxjl3lq6v] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

/* Form Groups */
.form-group[b-rmxjl3lq6v] {
    margin-bottom: 1.5rem;
}

.form-label[b-rmxjl3lq6v] {
    display: block;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.field-hint[b-rmxjl3lq6v] {
    display: block;
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.25rem;
}

/* ===== Blazor Input Component Styling with ::deep ===== */
/* Required to style components through Blazor's component isolation */

/* InputTextArea - renders as <textarea> */
[b-rmxjl3lq6v] textarea {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.5;
    transition: all 0.2s ease;
    font-family: inherit;
    resize: vertical;
}

[b-rmxjl3lq6v] textarea:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-rmxjl3lq6v] textarea::placeholder {
    color: #9ca3af;
}

/* InputText - renders as <input type="text"> */
[b-rmxjl3lq6v] input[type="text"],
[b-rmxjl3lq6v] input[type="email"],
[b-rmxjl3lq6v] input[type="tel"],
[b-rmxjl3lq6v] input[type="url"] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

[b-rmxjl3lq6v] input[type="text"]:focus,
[b-rmxjl3lq6v] input[type="email"]:focus,
[b-rmxjl3lq6v] input[type="tel"]:focus,
[b-rmxjl3lq6v] input[type="url"]:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-rmxjl3lq6v] input[type="text"]::placeholder,
[b-rmxjl3lq6v] input[type="email"]::placeholder,
[b-rmxjl3lq6v] input[type="tel"]::placeholder,
[b-rmxjl3lq6v] input[type="url"]::placeholder {
    color: #9ca3af;
}

/* InputNumber - renders as <input type="number"> */
[b-rmxjl3lq6v] input[type="number"] {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

[b-rmxjl3lq6v] input[type="number"]:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

/* InputCheckbox - renders as <input type="checkbox"> */
[b-rmxjl3lq6v] input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    color: #1e3a8a;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-rmxjl3lq6v] input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-rmxjl3lq6v] input[type="checkbox"]:checked {
    background-color: #1e3a8a;
    border-color: #1e3a8a;
}

/* InputFile - renders as <input type="file"> */
[b-rmxjl3lq6v] input[type="file"] {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
    padding: 0.5rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    transition: all 0.2s ease;
}

[b-rmxjl3lq6v] input[type="file"]:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-rmxjl3lq6v] input[type="file"]::file-selector-button {
    margin-right: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #1e3a8a;
    color: white;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

[b-rmxjl3lq6v] input[type="file"]::file-selector-button:hover {
    background-color: #1e40af;
}

/* InputSelect - renders as <select> */
[b-rmxjl3lq6v] select {
    width: 100%;
    padding: 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    background-color: white;
    cursor: pointer;
    transition: all 0.2s ease;
}

[b-rmxjl3lq6v] select:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

/* Validation Messages */
[b-rmxjl3lq6v] .validation-message {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

/* Validation Summary */
[b-rmxjl3lq6v] .validation-summary {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

[b-rmxjl3lq6v] .validation-summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

[b-rmxjl3lq6v] .validation-summary li {
    color: #ef4444;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

[b-rmxjl3lq6v] .validation-summary li:last-child {
    margin-bottom: 0;
}

/* Invalid Fields */
[b-rmxjl3lq6v] .invalid {
    border-color: #ef4444 !important;
}

[b-rmxjl3lq6v] .invalid:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Valid Fields */
[b-rmxjl3lq6v] .valid.modified {
    border-color: #10b981;
}

[b-rmxjl3lq6v] .valid.modified:focus {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* Disabled Fields */
[b-rmxjl3lq6v] input:disabled,
[b-rmxjl3lq6v] textarea:disabled,
[b-rmxjl3lq6v] select:disabled {
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Checkbox Label Container */
.checkbox-container[b-rmxjl3lq6v] {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.checkbox-label[b-rmxjl3lq6v] {
    display: flex;
    align-items: start;
    gap: 0.5rem;
    cursor: pointer;
}

.checkbox-label-text[b-rmxjl3lq6v] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

/* Requirements List */
.requirements-list[b-rmxjl3lq6v] {
    list-style: disc;
    list-style-position: inside;
}

/* Required Field Indicator */
.required[b-rmxjl3lq6v] {
    color: #ef4444;
}

/* Session Type Checkboxes */
.checkbox-group[b-rmxjl3lq6v] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

/* Rate Input Grid */
.form-row[b-rmxjl3lq6v] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
}

/* Currency Input Wrapper */
.currency-input-wrapper[b-rmxjl3lq6v] {
    position: relative;
}

.currency-symbol[b-rmxjl3lq6v] {
    position: absolute;
    left: 0.75rem;
    top: 0.75rem;
    color: #6b7280;
}

.currency-input-wrapper[b-rmxjl3lq6v]  input[type="number"] {
    padding-left: 2rem;
}

/* File Upload Section */
.file-upload-section[b-rmxjl3lq6v] {
    padding: 1rem;
    border: 2px dashed #d1d5db;
    border-radius: 0.75rem;
    background-color: #f9fafb;
}

.file-hint[b-rmxjl3lq6v] {
    margin-bottom: 1rem;
}

.file-status[b-rmxjl3lq6v] {
    margin-top: 0.5rem;
}

/* Alert Messages */
.alert-info[b-rmxjl3lq6v] {
    background-color: #f0f9ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #1e40af;
    font-size: 0.875rem;
    text-align: center;
}

.alert-icon[b-rmxjl3lq6v] {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.alert-title[b-rmxjl3lq6v] {
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.alert-message[b-rmxjl3lq6v] {
    margin-bottom: 1rem;
}

.alert-success[b-rmxjl3lq6v] {
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #15803d;
    font-size: 0.875rem;
}

.alert-error[b-rmxjl3lq6v] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #dc2626;
    font-size: 0.875rem;
}

/* Form Actions */
.form-actions[b-rmxjl3lq6v] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e5e7eb;
}

/* Loading State */
.loading-spinner[b-rmxjl3lq6v] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-rmxjl3lq6v] {
    width: 3rem;
    height: 3rem;
    border: 4px solid #e5e7eb;
    border-top-color: #1e3a8a;
    border-radius: 50%;
    animation: spin-b-rmxjl3lq6v 1s linear infinite;
}

@keyframes spin-b-rmxjl3lq6v {
    to {
        transform: rotate(360deg);
    }
}

/* Responsive Design */
@media (max-width: 768px) {
    .apply-coach-page[b-rmxjl3lq6v] {
        padding: 1rem 0.5rem;
    }

    .form-container[b-rmxjl3lq6v] {
        padding: 1.5rem;
    }

    .page-title[b-rmxjl3lq6v] {
        font-size: 1.5rem;
    }

    .page-description[b-rmxjl3lq6v] {
        font-size: 1rem;
    }

    .form-actions[b-rmxjl3lq6v] {
        flex-direction: column;
    }

    .form-actions[b-rmxjl3lq6v]  .btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .form-container[b-rmxjl3lq6v] {
        padding: 1rem;
    }

    .page-title[b-rmxjl3lq6v] {
        font-size: 1.25rem;
    }

    .section-title[b-rmxjl3lq6v] {
        font-size: 1.125rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/BookDetails.razor.rz.scp.css */
.book-details-page[b-i3g906pfdi] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Coming Soon Banner (Inline) */
.coming-soon-banner-inline[b-i3g906pfdi] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border: 2px solid #f59e0b;
    border-radius: 12px;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    gap: 1rem;
    margin-top: 1rem;
}

.coming-soon-banner-inline i[b-i3g906pfdi] {
    font-size: 2rem;
    color: #d97706;
    flex-shrink: 0;
}

.coming-soon-banner-inline strong[b-i3g906pfdi] {
    font-size: 1rem;
    color: #92400e;
    display: block;
    margin-bottom: 0.25rem;
}

.coming-soon-banner-inline p[b-i3g906pfdi] {
    margin: 0;
    color: #78350f;
    font-size: 0.875rem;
    line-height: 1.5;
}

.book-details-header[b-i3g906pfdi] {
    margin-bottom: 2rem;
}

.btn-back[b-i3g906pfdi] {
    background: transparent;
    border: 1px solid #d1d5db;
    color: #374151;
    padding: 0.625rem 1.25rem;
    border-radius: 0.375rem;
    font-size: 0.938rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-back:hover[b-i3g906pfdi] {
    background: #f9fafb;
    border-color: #9ca3af;
}

.loading[b-i3g906pfdi] {
    text-align: center;
    padding: 4rem 1rem;
}

.book-details-content[b-i3g906pfdi] {
    display: grid;
    grid-template-columns: 350px 1fr;
    gap: 3rem;
    background: white;
    border-radius: 0.5rem;
    padding: 2.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.book-cover-section[b-i3g906pfdi] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.book-cover-large[b-i3g906pfdi] {
    max-width: 100%;
    height: auto;
    border-radius: 0.5rem;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.book-cover-placeholder[b-i3g906pfdi] {
    width: 100%;
    aspect-ratio: 2/3;
    background: #f3f4f6;
    border: 2px dashed #d1d5db;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
}

.book-cover-placeholder i[b-i3g906pfdi] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.book-cover-placeholder p[b-i3g906pfdi] {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

.book-info-section[b-i3g906pfdi] {
    min-width: 0;
}

.book-title[b-i3g906pfdi] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.book-author[b-i3g906pfdi] {
    font-size: 1.5rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

.book-metadata[b-i3g906pfdi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1rem;
    margin-bottom: 2rem;
    padding: 1.5rem;
    background: #f9fafb;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
}

.metadata-item[b-i3g906pfdi] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metadata-item .label[b-i3g906pfdi] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metadata-item .value[b-i3g906pfdi] {
    font-size: 1rem;
    color: #111827;
    font-weight: 500;
}

.book-description[b-i3g906pfdi] {
    margin-bottom: 2rem;
}

.book-description h2[b-i3g906pfdi] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
}

.description-content[b-i3g906pfdi] {
    font-size: 1rem;
    line-height: 1.75;
    color: #374151;
    background: #f9fafb;
    padding: 1.5rem;
    border-radius: 0.5rem;
    border: 1px solid #e5e7eb;
}

.book-actions[b-i3g906pfdi] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-external[b-i3g906pfdi] {
    background: #1e3a8a;
    color: white;
    padding: 0.75rem 1.5rem;
    border-radius: 0.375rem;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: background 0.2s;
}

.btn-external:hover[b-i3g906pfdi] {
    background: #1e40af;
}

.btn-checkout[b-i3g906pfdi] {
    background: var(--mtsu-blue);
    color: white;
    padding: 0.875rem 1.75rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.0625rem;
    font-weight: 600;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.625rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 6px -1px rgba(0, 61, 165, 0.2), 0 2px 4px -1px rgba(0, 61, 165, 0.1);
}

.btn-checkout:hover:not(:disabled)[b-i3g906pfdi] {
    background: #0052a3;
    transform: translateY(-2px);
    box-shadow: 0 10px 15px -3px rgba(0, 61, 165, 0.3), 0 4px 6px -2px rgba(0, 61, 165, 0.1);
}

.btn-checkout:disabled[b-i3g906pfdi] {
    background: #9ca3af;
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 1024px) {
    .book-details-content[b-i3g906pfdi] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .book-cover-section[b-i3g906pfdi] {
        max-width: 350px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .book-details-page[b-i3g906pfdi] {
        padding: 1rem 0.5rem;
    }

    .book-details-content[b-i3g906pfdi] {
        padding: 1.5rem;
    }

    .book-title[b-i3g906pfdi] {
        font-size: 1.75rem;
    }

    .book-author[b-i3g906pfdi] {
        font-size: 1.25rem;
    }

    .book-metadata[b-i3g906pfdi] {
        grid-template-columns: 1fr;
    }
}
/* _content/WilcoChess.Web/Components/Pages/CoachDetails.razor.rz.scp.css */
.coach-details-page[b-vdwd38j2oo] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Loading State */
.loading-container[b-vdwd38j2oo] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    color: #6b7280;
}

/* Not Found State */
.not-found-container[b-vdwd38j2oo] {
    text-align: center;
    padding: 3rem 0;
}

.not-found-icon[b-vdwd38j2oo] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.not-found-title[b-vdwd38j2oo] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
}

.not-found-message[b-vdwd38j2oo] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

.not-found-link[b-vdwd38j2oo] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: var(--mtsu-navy);
    color: white;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background 0.2s ease;
}

.not-found-link:hover[b-vdwd38j2oo] {
    background: var(--mtsu-light-blue);
}

/* Back Button */
.back-button[b-vdwd38j2oo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--mtsu-navy);
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    margin-bottom: 1.5rem;
    transition: color 0.2s ease;
}

.back-button:hover[b-vdwd38j2oo] {
    color: var(--mtsu-light-blue);
}

/* Layout Grid */
.detail-grid[b-vdwd38j2oo] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .detail-grid[b-vdwd38j2oo] {
        grid-template-columns: 2fr 1fr;
    }
}

/* Main Content Column */
.main-content[b-vdwd38j2oo] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

/* Profile Header Card */
.profile-header-card[b-vdwd38j2oo] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
}

.profile-header-content[b-vdwd38j2oo] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .profile-header-content[b-vdwd38j2oo] {
        flex-direction: row;
    }
}

.coach-avatar-large[b-vdwd38j2oo] {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #e5e7eb;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .coach-avatar-large[b-vdwd38j2oo] {
        margin: 0;
    }
}

.coach-avatar-placeholder-large[b-vdwd38j2oo] {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background: #dbeafe;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-navy);
    font-size: 2.5rem;
    font-weight: 700;
    border: 4px solid #e5e7eb;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .coach-avatar-placeholder-large[b-vdwd38j2oo] {
        margin: 0;
    }
}

.profile-header-info[b-vdwd38j2oo] {
    flex: 1;
    text-align: center;
}

@media (min-width: 768px) {
    .profile-header-info[b-vdwd38j2oo] {
        text-align: left;
    }
}

.coach-name-large[b-vdwd38j2oo] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.coach-rating-large[b-vdwd38j2oo] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
    justify-content: center;
}

@media (min-width: 768px) {
    .coach-rating-large[b-vdwd38j2oo] {
        justify-content: flex-start;
    }
}

.coach-rating-stars-large[b-vdwd38j2oo] {
    display: flex;
    font-size: 1.25rem;
}

.coach-rating-stars-large .text-yellow-400[b-vdwd38j2oo] {
    color: #fbbf24;
}

.coach-rating-stars-large .text-gray-300[b-vdwd38j2oo] {
    color: #d1d5db;
}

.coach-rating-value[b-vdwd38j2oo] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.coach-rating-review-count[b-vdwd38j2oo] {
    color: #6b7280;
}

.profile-badges[b-vdwd38j2oo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
    justify-content: center;
}

@media (min-width: 768px) {
    .profile-badges[b-vdwd38j2oo] {
        justify-content: flex-start;
    }
}

.badge[b-vdwd38j2oo] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.75rem;
    font-size: 0.875rem;
    font-weight: 500;
    border-radius: 0.375rem;
}

.badge.safesport-verified[b-vdwd38j2oo] {
    background: #d1fae5;
    color: #065f46;
}

.badge.accepting-students[b-vdwd38j2oo] {
    background: #dbeafe;
    color: var(--mtsu-navy);
}

.badge.not-accepting-students[b-vdwd38j2oo] {
    background: #f3f4f6;
    color: #6b7280;
}

.badge.experience[b-vdwd38j2oo] {
    background: #f3f4f6;
    color: #374151;
}

.player-ids-container[b-vdwd38j2oo] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    font-size: 0.875rem;
    color: #6b7280;
    justify-content: center;
}

@media (min-width: 768px) {
    .player-ids-container[b-vdwd38j2oo] {
        justify-content: flex-start;
    }
}

.player-id-link[b-vdwd38j2oo] {
    color: var(--mtsu-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.player-id-link:hover[b-vdwd38j2oo] {
    color: var(--mtsu-light-blue);
}

/* Content Cards */
.content-card[b-vdwd38j2oo] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
}

.content-card-title[b-vdwd38j2oo] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 1rem 0;
}

.content-card-text[b-vdwd38j2oo] {
    color: #374151;
    white-space: pre-wrap;
    line-height: 1.6;
}

/* Availability Schedule */
.availability-list[b-vdwd38j2oo] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.availability-item[b-vdwd38j2oo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    border-bottom: 1px solid #f3f4f6;
}

.availability-item:last-child[b-vdwd38j2oo] {
    border-bottom: none;
}

.availability-day[b-vdwd38j2oo] {
    font-weight: 500;
    color: #111827;
}

.availability-time[b-vdwd38j2oo] {
    color: #6b7280;
}

.availability-note[b-vdwd38j2oo] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-top: 1rem;
}

/* Available Time Slots */
.time-slots-container[b-vdwd38j2oo] {
    margin-top: 1rem;
}

.time-slots-loading[b-vdwd38j2oo] {
    text-align: center;
    padding: 2rem;
    color: #6b7280;
}

.time-slots-info[b-vdwd38j2oo] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1rem;
}

.time-slots-by-date[b-vdwd38j2oo] {
    margin-bottom: 1.5rem;
}

.time-slots-by-date:last-child[b-vdwd38j2oo] {
    margin-bottom: 0;
}

.time-slots-date-header[b-vdwd38j2oo] {
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.75rem;
}

.time-slots-date-badge[b-vdwd38j2oo] {
    margin-left: 0.5rem;
    font-size: 0.875rem;
    font-weight: 400;
    color: var(--mtsu-navy);
}

.time-slots-grid[b-vdwd38j2oo] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
}

@media (min-width: 640px) {
    .time-slots-grid[b-vdwd38j2oo] {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 768px) {
    .time-slots-grid[b-vdwd38j2oo] {
        grid-template-columns: repeat(4, 1fr);
    }
}

.time-slot-button[b-vdwd38j2oo] {
    padding: 0.75rem;
    font-size: 0.875rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    background: white;
    cursor: pointer;
    text-align: center;
    transition: all 0.2s ease;
}

.time-slot-button:hover[b-vdwd38j2oo] {
    background: #dbeafe;
    border-color: var(--mtsu-light-blue);
}

.time-slots-more[b-vdwd38j2oo] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-top: 0.5rem;
}

.selected-slot-container[b-vdwd38j2oo] {
    margin-top: 1.5rem;
    padding: 1rem;
    background: #dbeafe;
    border: 1px solid #93c5fd;
    border-radius: 0.5rem;
}

.selected-slot-header[b-vdwd38j2oo] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 1rem;
}

.selected-slot-info .slot-label[b-vdwd38j2oo] {
    font-weight: 600;
    color: #111827;
}

.selected-slot-info .slot-time[b-vdwd38j2oo] {
    font-size: 1.125rem;
    color: var(--mtsu-navy);
}

.book-time-button[b-vdwd38j2oo] {
    padding: 0.5rem 1.5rem;
    background: var(--mtsu-navy);
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    text-decoration: none;
    display: inline-block;
    transition: background 0.2s ease;
}

.book-time-button:hover[b-vdwd38j2oo] {
    background: var(--mtsu-light-blue);
}

.time-slots-empty[b-vdwd38j2oo] {
    text-align: center;
    padding: 2rem;
    color: #6b7280;
}

/* Reviews Section */
.reviews-container[b-vdwd38j2oo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-item[b-vdwd38j2oo] {
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 1rem;
}

.review-item:last-child[b-vdwd38j2oo] {
    border-bottom: none;
    padding-bottom: 0;
}

.review-header[b-vdwd38j2oo] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.review-author[b-vdwd38j2oo] {
    font-weight: 600;
    color: #111827;
}

.review-rating[b-vdwd38j2oo] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.review-rating .text-yellow-400[b-vdwd38j2oo] {
    color: #fbbf24;
}

.review-rating .text-gray-300[b-vdwd38j2oo] {
    color: #d1d5db;
}

.review-date[b-vdwd38j2oo] {
    font-size: 0.875rem;
    color: #6b7280;
}

.review-text[b-vdwd38j2oo] {
    color: #374151;
    margin-top: 0.5rem;
    line-height: 1.6;
}

.reviews-empty[b-vdwd38j2oo] {
    text-align: center;
    padding: 2rem;
    color: #6b7280;
}

/* Sidebar */
.sidebar[b-vdwd38j2oo] {
    position: static;
}

@media (min-width: 1024px) {
    .sidebar[b-vdwd38j2oo] {
        position: sticky;
        top: 1.5rem;
    }
}

.sidebar-card[b-vdwd38j2oo] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
}

.sidebar-title[b-vdwd38j2oo] {
    font-size: 1.25rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 1rem 0;
}

.rates-container[b-vdwd38j2oo] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.rate-box[b-vdwd38j2oo] {
    padding: 1rem;
    background: #f9fafb;
    border-radius: 0.5rem;
}

.rate-label[b-vdwd38j2oo] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 0.25rem;
}

.rate-amount[b-vdwd38j2oo] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
}

.rate-unit[b-vdwd38j2oo] {
    font-size: 1.125rem;
    font-weight: 400;
    color: #6b7280;
}

.request-session-button[b-vdwd38j2oo] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    background: var(--mtsu-navy);
    color: white;
    border-radius: 0.5rem;
    font-weight: 600;
    border: none;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display: block;
    margin-bottom: 0.75rem;
    transition: background 0.2s ease;
}

.request-session-button:hover[b-vdwd38j2oo] {
    background: var(--mtsu-light-blue);
}

.contact-coach-button[b-vdwd38j2oo] {
    width: 100%;
    padding: 0.75rem 1.5rem;
    border: 2px solid var(--mtsu-navy);
    color: var(--mtsu-navy);
    background: white;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    display: block;
    transition: background 0.2s ease;
}

.contact-coach-button:hover[b-vdwd38j2oo] {
    background: #dbeafe;
}

.not-accepting-box[b-vdwd38j2oo] {
    padding: 1rem;
    background: #f9fafb;
    border-radius: 0.5rem;
    text-align: center;
}

.not-accepting-text[b-vdwd38j2oo] {
    color: #6b7280;
    font-weight: 500;
}

.sidebar-divider[b-vdwd38j2oo] {
    margin: 1.5rem 0;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.certificate-link[b-vdwd38j2oo] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    color: var(--mtsu-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.certificate-link:hover[b-vdwd38j2oo] {
    color: var(--mtsu-light-blue);
}

.member-since[b-vdwd38j2oo] {
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
    font-size: 0.75rem;
    color: #6b7280;
    text-align: center;
}

/* Responsive adjustments */
@media (max-width: 768px) {
    .coach-details-page[b-vdwd38j2oo] {
        padding: 1rem;
    }

    .back-button[b-vdwd38j2oo] {
        margin-bottom: 1rem;
    }

    .detail-grid[b-vdwd38j2oo] {
        gap: 1.5rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Coaches.razor.rz.scp.css */
.coaches-page[b-kkrle46ork] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Loading State */
.loading-container[b-kkrle46ork] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
    color: #6b7280;
}

/* Empty State */
.empty-state[b-kkrle46ork] {
    text-align: center;
    padding: 3rem 0;
}

.empty-state-icon[b-kkrle46ork] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.empty-state-title[b-kkrle46ork] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin-bottom: 0.5rem;
}

.empty-state-message[b-kkrle46ork] {
    color: #6b7280;
    margin-bottom: 1.5rem;
}

/* Filter Section */
.filter-section[b-kkrle46ork] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    margin-bottom: 2rem;
}

.filter-controls[b-kkrle46ork] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-checkbox-group[b-kkrle46ork] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.filter-checkbox-group input[type="checkbox"][b-kkrle46ork] {
    width: 1rem;
    height: 1rem;
    color: var(--mtsu-navy);
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    cursor: pointer;
}

.filter-checkbox-group input[type="checkbox"]:focus[b-kkrle46ork] {
    outline: 2px solid var(--mtsu-navy);
    outline-offset: 2px;
}

.filter-checkbox-group label[b-kkrle46ork] {
    font-size: 0.875rem;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
}

.clear-filters-btn[b-kkrle46ork] {
    margin-left: auto;
    font-size: 0.875rem;
    color: var(--mtsu-navy);
    font-weight: 500;
    background: none;
    border: none;
    cursor: pointer;
    transition: color 0.2s ease;
}

.clear-filters-btn:hover[b-kkrle46ork] {
    color: var(--mtsu-light-blue);
}

.filter-results-count[b-kkrle46ork] {
    margin-top: 1rem;
    font-size: 0.875rem;
    color: #6b7280;
}

/* Coaches Grid */
.coaches-grid[b-kkrle46ork] {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
}

@media (min-width: 768px) {
    .coaches-grid[b-kkrle46ork] {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 1024px) {
    .coaches-grid[b-kkrle46ork] {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Coach Card */
.coach-card[b-kkrle46ork] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
    transition: box-shadow 0.2s ease;
}

.coach-card:hover[b-kkrle46ork] {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.coach-card-content[b-kkrle46ork] {
    padding: 1.5rem;
}

.coach-header[b-kkrle46ork] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    margin-bottom: 1rem;
}

.coach-avatar[b-kkrle46ork] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e5e7eb;
}

.coach-avatar-placeholder[b-kkrle46ork] {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #dbeafe;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-navy);
    font-size: 1.5rem;
    font-weight: 700;
    border: 2px solid #e5e7eb;
}

.coach-info[b-kkrle46ork] {
    flex: 1;
    min-width: 0;
}

.coach-name[b-kkrle46ork] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.coach-rating[b-kkrle46ork] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-bottom: 0.5rem;
}

.coach-rating-stars[b-kkrle46ork] {
    display: flex;
    gap: 0.125rem;
}

.coach-rating-stars .star-filled[b-kkrle46ork],
.coach-rating-stars .text-yellow-400[b-kkrle46ork] {
    color: #fbbf24;
}

.coach-rating-stars .star-empty[b-kkrle46ork],
.coach-rating-stars .text-gray-300[b-kkrle46ork] {
    color: #d1d5db;
}

.coach-rating-count[b-kkrle46ork] {
    font-size: 0.875rem;
    color: #6b7280;
}

.coach-experience[b-kkrle46ork] {
    font-size: 0.875rem;
    color: #6b7280;
}

/* Coach Badges */
.coach-badge[b-kkrle46ork] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.375rem;
    margin-bottom: 0.75rem;
}

.coach-badge.safesport[b-kkrle46ork] {
    background: #d1fae5;
    color: #065f46;
}

/* Coach Specialties */
.coach-specialties[b-kkrle46ork] {
    margin-bottom: 0.75rem;
}

.coach-specialties-text[b-kkrle46ork] {
    font-size: 0.875rem;
    color: #6b7280;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    line-height: 1.5;
}

/* Rates Section */
.coach-rates[b-kkrle46ork] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    margin-bottom: 1rem;
}

.coach-rate-item[b-kkrle46ork] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.875rem;
}

.coach-rate-label[b-kkrle46ork] {
    color: #6b7280;
}

.coach-rate-price[b-kkrle46ork] {
    font-weight: 600;
    color: #111827;
}

/* Status Badge */
.coach-status-badge[b-kkrle46ork] {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    padding: 0.25rem 0.5rem;
    font-size: 0.75rem;
    font-weight: 500;
    border-radius: 0.375rem;
    margin-bottom: 1rem;
}

.coach-status-badge.accepting[b-kkrle46ork] {
    background: #dbeafe;
    color: var(--mtsu-navy);
}

.coach-status-badge.not-accepting[b-kkrle46ork] {
    background: #f3f4f6;
    color: #6b7280;
}

/* Player IDs */
.coach-player-ids[b-kkrle46ork] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1rem;
    font-size: 0.75rem;
    color: #6b7280;
}

/* Call to Action Section */
.cta-section[b-kkrle46ork] {
    margin-top: 3rem;
    background: #f9fafb;
    border-radius: 0.75rem;
    padding: 2rem;
    text-align: center;
}

.cta-section h3[b-kkrle46ork],
.cta-section .text-2xl[b-kkrle46ork] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 0.5rem 0;
}

.cta-section p[b-kkrle46ork],
.cta-section .text-gray-600[b-kkrle46ork] {
    color: #6b7280;
    margin: 0 0 1.5rem 0;
}

/* Responsive Design */
@media (max-width: 768px) {
    .coaches-page[b-kkrle46ork] {
        padding: 1rem;
    }

    .filter-section[b-kkrle46ork] {
        padding: 1rem;
    }

    .filter-controls[b-kkrle46ork] {
        flex-direction: column;
        align-items: flex-start;
    }

    .clear-filters-btn[b-kkrle46ork] {
        margin-left: 0;
    }

    .coach-header[b-kkrle46ork] {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .coach-info[b-kkrle46ork] {
        text-align: center;
    }

    .coach-rating[b-kkrle46ork] {
        justify-content: center;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Coach/CoachProfile.razor.rz.scp.css */
/* CoachProfile.razor.css - Scoped styles for Coach Profile page */

/* ===== Page Container ===== */
.coach-profile-page[b-enwn1qyblv] {
    max-width: 80rem;
    margin: 0 auto;
    padding: 2rem 1rem;
}

@media (max-width: 767px) {
    .coach-profile-page[b-enwn1qyblv] {
        padding: 1rem 0.5rem;
    }
}

/* ===== Loading State ===== */
.loading-container[b-enwn1qyblv] {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 400px;
}

.loading-text[b-enwn1qyblv] {
    color: #4b5563;
    font-size: 1rem;
}

/* ===== No Profile Alert ===== */
.no-profile-alert[b-enwn1qyblv] {
    background-color: #eff6ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    padding: 1.5rem;
    text-align: center;
}

.alert-icon[b-enwn1qyblv] {
    font-size: 2.25rem;
    line-height: 2.5rem;
    margin-bottom: 0.75rem;
}

.alert-title[b-enwn1qyblv] {
    font-size: 1.25rem;
    line-height: 1.75rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
}

.alert-message[b-enwn1qyblv] {
    color: #374151;
    margin-bottom: 1rem;
}

.alert-button[b-enwn1qyblv] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background-color: #1e3a8a;
    color: #ffffff;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.alert-button:hover[b-enwn1qyblv] {
    background-color: #1e40af;
}

/* ===== Stats Grid ===== */
.stats-grid[b-enwn1qyblv] {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 768px) {
    .stats-grid[b-enwn1qyblv] {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.stat-card[b-enwn1qyblv] {
    background-color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    padding: 1.5rem;
}

.stat-label[b-enwn1qyblv] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #4b5563;
    margin-bottom: 0.25rem;
}

.stat-value[b-enwn1qyblv] {
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 700;
    color: #111827;
}

.stat-empty[b-enwn1qyblv] {
    color: #9ca3af;
}

.stat-status[b-enwn1qyblv] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
}

.status-accepting[b-enwn1qyblv] {
    color: #16a34a;
}

.status-not-accepting[b-enwn1qyblv] {
    color: #4b5563;
}

.status-verified[b-enwn1qyblv] {
    color: #16a34a;
}

.status-pending[b-enwn1qyblv] {
    color: #ea580c;
}

/* ===== Tab Navigation ===== */
.tab-container[b-enwn1qyblv] {
    background-color: #ffffff;
    border-radius: 0.5rem;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 2rem;
}

.tab-nav-border[b-enwn1qyblv] {
    border-bottom: 1px solid #e5e7eb;
}

.tab-nav[b-enwn1qyblv] {
    display: flex;
    margin-bottom: -1px;
}

.tab-button[b-enwn1qyblv] {
    padding: 1rem 1.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #4b5563;
    border-bottom: 2px solid transparent;
    transition: color 150ms cubic-bezier(0.4, 0, 0.2, 1);
    background: none;
    border-top: none;
    border-left: none;
    border-right: none;
    cursor: pointer;
}

.tab-button:hover[b-enwn1qyblv] {
    color: #111827;
}

.tab-button.active[b-enwn1qyblv] {
    color: #1e3a8a;
    border-bottom-color: #1e3a8a;
}

@media (max-width: 767px) {
    .tab-button[b-enwn1qyblv] {
        padding: 1rem;
        font-size: 0.75rem;
    }
}

.tab-content[b-enwn1qyblv] {
    padding: 1.5rem;
}

/* ===== Form Elements ===== */
.form-group[b-enwn1qyblv] {
    margin-bottom: 1.5rem;
}

.form-label[b-enwn1qyblv] {
    display: block;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
}

.required[b-enwn1qyblv] {
    color: #ef4444;
}

/* Blazor Input Component Styling with ::deep */
[b-enwn1qyblv] textarea,
[b-enwn1qyblv] input[type="text"],
[b-enwn1qyblv] input[type="number"] {
    width: 100%;
    padding: 0.5rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    transition: all 0.2s ease;
}

[b-enwn1qyblv] textarea {
    line-height: 1.5;
    font-family: inherit;
}

[b-enwn1qyblv] textarea:focus,
[b-enwn1qyblv] input[type="text"]:focus,
[b-enwn1qyblv] input[type="number"]:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-enwn1qyblv] input[type="checkbox"] {
    width: 1rem;
    height: 1rem;
    color: #1e3a8a;
    border: 1px solid #d1d5db;
    border-radius: 0.25rem;
    cursor: pointer;
}

[b-enwn1qyblv] input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-enwn1qyblv] input[type="file"] {
    display: block;
    width: 100%;
    font-size: 0.875rem;
    color: #6b7280;
    cursor: pointer;
}

[b-enwn1qyblv] input[type="file"]::file-selector-button {
    margin-right: 1rem;
    padding: 0.5rem 1rem;
    border-radius: 0.5rem;
    border: none;
    font-size: 0.875rem;
    font-weight: 600;
    background-color: #1e3a8a;
    color: white;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

[b-enwn1qyblv] input[type="file"]::file-selector-button:hover {
    background-color: #1e40af;
}

[b-enwn1qyblv] .validation-message {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

[b-enwn1qyblv] .invalid {
    border-color: #ef4444;
}

[b-enwn1qyblv] .invalid:focus {
    border-color: #ef4444;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1);
}

/* ===== Session Types & Rates ===== */
.session-types-grid[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.session-type-row[b-enwn1qyblv] {
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
}

.checkbox-label[b-enwn1qyblv] {
    color: #374151;
    font-size: 0.875rem;
}

.rate-input-wrapper[b-enwn1qyblv] {
    flex: 1 1 0%;
    max-width: 20rem;
}

.currency-input-wrapper[b-enwn1qyblv] {
    position: relative;
}

.currency-symbol[b-enwn1qyblv] {
    position: absolute;
    left: 0.75rem;
    top: 0.5rem;
    color: #6b7280;
    font-size: 0.875rem;
}

.currency-input-wrapper[b-enwn1qyblv]  input[type="number"] {
    padding-left: 2rem;
}

.rate-label[b-enwn1qyblv] {
    font-size: 0.875rem;
    color: #4b5563;
}

/* ===== Checkbox Group ===== */
.checkbox-group[b-enwn1qyblv] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

/* ===== File Upload Section ===== */
.file-upload-section[b-enwn1qyblv] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    border: 2px dashed #d1d5db;
    border-radius: 0.5rem;
    background-color: #f9fafb;
}

.file-hint[b-enwn1qyblv] {
    font-size: 0.875rem;
    color: #4b5563;
    margin-bottom: 0.75rem;
}

.file-status[b-enwn1qyblv] {
    margin-top: 0.5rem;
    font-size: 0.875rem;
}

.file-uploading[b-enwn1qyblv] {
    color: #2563eb;
}

.file-selected[b-enwn1qyblv] {
    color: #16a34a;
}

.file-success[b-enwn1qyblv] {
    color: #16a34a;
}

.file-error[b-enwn1qyblv] {
    color: #dc2626;
}

.status-spinner[b-enwn1qyblv] {
    display: inline-block;
    margin-right: 0.5rem;
    animation: spin-b-enwn1qyblv 1s linear infinite;
}

@keyframes spin-b-enwn1qyblv {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.file-current[b-enwn1qyblv] {
    margin-top: 0.5rem;
}

.file-link[b-enwn1qyblv] {
    font-size: 0.875rem;
    color: #1e3a8a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.file-link:hover[b-enwn1qyblv] {
    color: #1e40af;
}

.file-date[b-enwn1qyblv] {
    font-size: 0.75rem;
    color: #6b7280;
    margin-left: 0.5rem;
}

/* ===== Alert Messages ===== */
.alert-error[b-enwn1qyblv] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    color: #b91c1c;
}

.alert-success[b-enwn1qyblv] {
    margin-bottom: 1.5rem;
    padding: 1rem;
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    border-radius: 0.5rem;
    color: #15803d;
}

/* ===== Button Container ===== */
.button-container[b-enwn1qyblv] {
    display: flex;
    gap: 1rem;
    margin-top: 1.5rem;
}

/* ===== Profile View Section ===== */
.profile-view-section[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.section-header[b-enwn1qyblv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.section-title[b-enwn1qyblv] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #111827;
}

.profile-details[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.detail-item[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
}

.detail-label[b-enwn1qyblv] {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #4b5563;
    margin-bottom: 0.25rem;
}

.detail-value[b-enwn1qyblv] {
    color: #111827;
    white-space: pre-wrap;
}

.detail-rates[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.rate-item[b-enwn1qyblv] {
    color: #111827;
}

.certificate-status[b-enwn1qyblv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.certificate-verified[b-enwn1qyblv] {
    color: #16a34a;
    font-weight: 500;
}

.certificate-pending[b-enwn1qyblv] {
    color: #ea580c;
    font-weight: 500;
}

.certificate-link[b-enwn1qyblv] {
    font-size: 0.875rem;
    color: #1e3a8a;
    text-decoration: none;
    transition: color 0.2s ease;
}

.certificate-link:hover[b-enwn1qyblv] {
    color: #1e40af;
}

.section-footer[b-enwn1qyblv] {
    padding-top: 1.5rem;
    border-top: 1px solid #e5e7eb;
}

.public-profile-link[b-enwn1qyblv] {
    color: #1e3a8a;
    font-weight: 500;
    text-decoration: none;
    transition: color 0.2s ease;
}

.public-profile-link:hover[b-enwn1qyblv] {
    color: #1e40af;
}

/* ===== Availability Section ===== */
.availability-section[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.calendar-integration-card[b-enwn1qyblv] {
    background: linear-gradient(to right, #eff6ff, #eef2ff);
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    padding: 1.5rem;
}

.calendar-content[b-enwn1qyblv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.calendar-details[b-enwn1qyblv] {
    flex: 1 1 0%;
}

.calendar-header[b-enwn1qyblv] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin-bottom: 0.5rem;
}

.calendar-icon[b-enwn1qyblv] {
    font-size: 1.5rem;
    color: #2563eb;
}

.calendar-title[b-enwn1qyblv] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #111827;
}

.calendar-description[b-enwn1qyblv] {
    font-size: 0.875rem;
    color: #4b5563;
    margin-bottom: 1rem;
}

.connection-status[b-enwn1qyblv] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    padding: 0.5rem 0.75rem;
    border-radius: 0.5rem;
}

.connection-status.connected[b-enwn1qyblv] {
    color: #15803d;
    background-color: #f0fdf4;
}

.connection-status.disconnected[b-enwn1qyblv] {
    color: #4b5563;
    background-color: #f3f4f6;
}

.connection-badge[b-enwn1qyblv] {
    font-weight: 500;
}

.button-wrapper[b-enwn1qyblv] {
    margin-top: 0.75rem;
}

.calendar-message[b-enwn1qyblv] {
    margin-top: 1rem;
    padding: 0.75rem;
    border-radius: 0.5rem;
    font-size: 0.875rem;
}

.calendar-message.error-message[b-enwn1qyblv] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    color: #b91c1c;
}

.calendar-message.success-message[b-enwn1qyblv] {
    background-color: #f0fdf4;
    border: 1px solid #bbf7d0;
    color: #15803d;
}

.availability-header[b-enwn1qyblv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.availability-title[b-enwn1qyblv] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #111827;
}

.availability-grid[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.availability-slot[b-enwn1qyblv] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
}

.slot-day[b-enwn1qyblv] {
    font-weight: 500;
    color: #111827;
}

.slot-time[b-enwn1qyblv] {
    color: #4b5563;
}

/* ===== Empty State ===== */
.empty-state[b-enwn1qyblv] {
    text-align: center;
    padding: 3rem 1rem;
    color: #6b7280;
}

.empty-icon[b-enwn1qyblv] {
    font-size: 2.25rem;
    margin-bottom: 0.75rem;
}

.empty-hint[b-enwn1qyblv] {
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* ===== Reviews Section ===== */
.reviews-section[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.reviews-title[b-enwn1qyblv] {
    font-size: 1.125rem;
    line-height: 1.75rem;
    font-weight: 600;
    color: #111827;
}

.reviews-list[b-enwn1qyblv] {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}

.review-card[b-enwn1qyblv] {
    border-bottom: 1px solid #f3f4f6;
    padding-bottom: 1rem;
}

.review-card:last-child[b-enwn1qyblv] {
    border-bottom: none;
}

.review-header[b-enwn1qyblv] {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.reviewer-info[b-enwn1qyblv] {
    flex: 1;
}

.reviewer-name[b-enwn1qyblv] {
    font-weight: 600;
    color: #111827;
}

.review-rating[b-enwn1qyblv] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    margin-top: 0.25rem;
}

.star-filled[b-enwn1qyblv] {
    color: #fbbf24;
}

.star-empty[b-enwn1qyblv] {
    color: #d1d5db;
}

.review-date[b-enwn1qyblv] {
    font-size: 0.875rem;
    color: #6b7280;
}

.review-text[b-enwn1qyblv] {
    color: #374151;
    margin-top: 0.5rem;
}
/* _content/WilcoChess.Web/Components/Pages/Contact.razor.rz.scp.css */
/* ============================================
   Contact Page - Editorial Design
   Flat, Integrated, No Cards
   ============================================ */

.contact-page[b-xyd9bjuul5] {
    background: #ffffff;
}

/* ============================================
   Hero Section - Black with Chess Piece
   ============================================ */

.contact-hero[b-xyd9bjuul5] {
    position: relative;
    background: #000000;
    color: #ffffff;
    padding: 8rem 4rem;
    overflow: hidden;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.contact-hero[b-xyd9bjuul5]::before {
    content: '♗';
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%) rotate(15deg);
    font-size: 500px;
    color: rgba(255, 255, 255, 0.03);
    font-weight: 300;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.contact-hero-content[b-xyd9bjuul5] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
    text-align: left;
    z-index: 1;
}

.contact-title[b-xyd9bjuul5] {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.contact-title .gold[b-xyd9bjuul5] {
    color: var(--wheat-gold);
}

.contact-title .white[b-xyd9bjuul5] {
    color: #ffffff;
}

.contact-subtitle[b-xyd9bjuul5] {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 800px;
}

.contact-grid[b-xyd9bjuul5] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
    max-width: 1200px;
    margin: 8rem auto;
    padding: 0 4rem 8rem 4rem;
}

/* ============================================
   Contact Information Section
   ============================================ */

.contact-info-section h2[b-xyd9bjuul5] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cedar-green);
    margin: 0 0 2rem 0;
    letter-spacing: -0.02em;
}

.contact-intro[b-xyd9bjuul5] {
    font-size: 1.0625rem;
    color: #6b7280;
    margin-bottom: 3rem;
    line-height: 1.8;
}

.contact-methods[b-xyd9bjuul5] {
    display: flex;
    flex-direction: column;
    gap: 3rem;
}

.contact-method[b-xyd9bjuul5] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.contact-icon[b-xyd9bjuul5] {
    width: 48px;
    height: 48px;
    background: var(--cedar-green);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.contact-icon i[b-xyd9bjuul5] {
    font-size: 1.5rem;
    color: white;
}

.contact-details h3[b-xyd9bjuul5] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 0.75rem 0;
    letter-spacing: 0;
}

.contact-link[b-xyd9bjuul5] {
    color: var(--cedar-green);
    text-decoration: none;
    font-weight: 600;
    font-size: 1.0625rem;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-link:hover[b-xyd9bjuul5] {
    color: #1a4010;
}

.contact-text[b-xyd9bjuul5] {
    color: #6b7280;
    line-height: 1.8;
    margin: 0;
    font-size: 1.0625rem;
}

.directions-link[b-xyd9bjuul5] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cedar-green);
    text-decoration: none;
    font-weight: 600;
    margin-top: 0.75rem;
    font-size: 0.9375rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.directions-link:hover[b-xyd9bjuul5] {
    color: #1a4010;
    gap: 0.75rem;
}

/* ============================================
   Contact Form Section
   ============================================ */

.contact-form-section h2[b-xyd9bjuul5] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--cedar-green);
    margin: 0 0 3rem 0;
    letter-spacing: -0.02em;
}

.form-group[b-xyd9bjuul5] {
    margin-bottom: 2rem;
}

.form-label[b-xyd9bjuul5] {
    display: block;
    font-weight: 600;
    color: #000000;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--font-display);
}

.required[b-xyd9bjuul5] {
    color: #8B4513;
}

/* Form input styling with ::deep to target Blazor components */
[b-xyd9bjuul5] .form-control,
.form-control[b-xyd9bjuul5] {
    width: 100%;
    padding: 1rem 1.25rem;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 1rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--font-sans);
    background-color: transparent;
}

[b-xyd9bjuul5] .form-control:focus,
.form-control:focus[b-xyd9bjuul5] {
    outline: none;
    border-bottom-color: var(--cedar-green);
}

[b-xyd9bjuul5] .form-control::placeholder,
.form-control[b-xyd9bjuul5]::placeholder {
    color: #9ca3af;
    opacity: 1;
}

[b-xyd9bjuul5] textarea.form-control,
textarea.form-control[b-xyd9bjuul5] {
    resize: vertical;
    min-height: 150px;
    line-height: 1.7;
    padding-top: 0.75rem;
}

.btn-submit[b-xyd9bjuul5] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 100%;
    justify-content: center;
    background: var(--cedar-green);
    color: white;
    border: 2px solid var(--cedar-green);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-top: 1rem;
}

.btn-submit:hover[b-xyd9bjuul5] {
    background: #1a4010;
    border-color: #1a4010;
}

.btn-submit i[b-xyd9bjuul5] {
    font-size: 1.125rem;
}

/* ============================================
   Success Message
   ============================================ */

.success-message[b-xyd9bjuul5] {
    text-align: center;
    padding: 4rem 2rem;
}

.success-message i[b-xyd9bjuul5] {
    font-size: 4rem;
    color: var(--cedar-green);
    margin-bottom: 1.5rem;
}

.success-message h3[b-xyd9bjuul5] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: #000000;
    margin: 0 0 1rem 0;
    letter-spacing: -0.02em;
}

.success-message p[b-xyd9bjuul5] {
    font-size: 1.0625rem;
    color: #6b7280;
    line-height: 1.8;
    margin: 0;
    max-width: 600px;
    margin: 0 auto;
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 1024px) {
    .contact-page[b-xyd9bjuul5] {
        padding: 6rem 3rem;
    }

    .contact-grid[b-xyd9bjuul5] {
        gap: 4rem;
    }
}

@media (max-width: 768px) {
    .contact-hero[b-xyd9bjuul5] {
        padding: 4rem 1.5rem;
        min-height: 30vh;
    }

    .contact-hero-content[b-xyd9bjuul5] {
        padding: 0 1.5rem;
    }

    .contact-title[b-xyd9bjuul5] {
        font-size: clamp(2rem, 8vw, 3rem);
        margin-bottom: 1rem;
    }

    .contact-subtitle[b-xyd9bjuul5] {
        font-size: 1rem;
    }

    .contact-grid[b-xyd9bjuul5] {
        grid-template-columns: 1fr;
        gap: 4rem;
        margin: 4rem auto 0;
        padding: 0 2rem;
    }

    .contact-info-section h2[b-xyd9bjuul5],
    .contact-form-section h2[b-xyd9bjuul5] {
        font-size: 1.75rem;
    }

    .contact-intro[b-xyd9bjuul5] {
        font-size: 1rem;
    }

    .contact-methods[b-xyd9bjuul5] {
        gap: 2.5rem;
    }

    .contact-method[b-xyd9bjuul5] {
        gap: 1.25rem;
    }

    .contact-icon[b-xyd9bjuul5] {
        width: 40px;
        height: 40px;
    }

    .contact-icon i[b-xyd9bjuul5] {
        font-size: 1.25rem;
    }

    .contact-details h3[b-xyd9bjuul5] {
        font-size: 1rem;
    }

    .success-message[b-xyd9bjuul5] {
        padding: 3rem 1.5rem;
    }

    .success-message i[b-xyd9bjuul5] {
        font-size: 3rem;
    }

    .success-message h3[b-xyd9bjuul5] {
        font-size: 1.5rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/EventDetails.razor.rz.scp.css */
.event-details-page[b-xnrycaxwj9] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
}

.event-header[b-xnrycaxwj9] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xl);
}

.btn-back[b-xnrycaxwj9] {
    padding: var(--spacing-sm) var(--spacing-lg);
    background-color: var(--color-white);
    color: var(--mtsu-blue);
    border: 2px solid var(--mtsu-blue);
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    font-weight: 600;
    cursor: pointer;
    transition: all var(--transition-base);
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.btn-back:hover[b-xnrycaxwj9] {
    background-color: var(--mtsu-blue);
    color: var(--color-white);
    transform: translateX(-4px);
}

.event-type-badge[b-xnrycaxwj9] {
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: var(--radius-full);
    font-size: var(--font-size-sm);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: var(--mtsu-blue);
    color: var(--color-white);
}

.event-type-badge.tournament[b-xnrycaxwj9] {
    background-color: var(--color-gold);
}

.event-type-badge.weeklyclub[b-xnrycaxwj9] {
    background-color: var(--color-green);
}

.event-type-badge.monthlyblitz[b-xnrycaxwj9] {
    background-color: var(--color-pink);
}

.event-type-badge.onlineteambattle[b-xnrycaxwj9] {
    background-color: var(--mtsu-light-blue);
}

.event-type-badge.groupclass[b-xnrycaxwj9] {
    background-color: var(--color-purple);
}

.event-content[b-xnrycaxwj9] {
    background: var(--color-white);
    border: 2px solid var(--color-gray-lighter);
    border-radius: var(--radius-xl);
    padding: var(--spacing-2xl);
    box-shadow: var(--shadow-md);
}

.event-title[b-xnrycaxwj9] {
    font-size: var(--font-size-4xl);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-2xl) 0;
    line-height: 1.2;
}

.event-meta[b-xnrycaxwj9] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: var(--spacing-lg);
    margin-bottom: var(--spacing-2xl);
    padding: var(--spacing-xl);
    background: linear-gradient(135deg, var(--color-gray-lightest) 0%, var(--color-white) 100%);
    border-radius: var(--radius-lg);
    border: 1px solid var(--color-gray-lighter);
}

.meta-item[b-xnrycaxwj9] {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-start;
}

.meta-icon[b-xnrycaxwj9] {
    font-size: var(--font-size-2xl);
    flex-shrink: 0;
}

.meta-label[b-xnrycaxwj9] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--color-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.meta-value[b-xnrycaxwj9] {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin-top: var(--spacing-xs);
}

.meta-value.free[b-xnrycaxwj9] {
    color: var(--color-green);
}

.time-control-category[b-xnrycaxwj9] {
    display: inline-block;
    margin-left: var(--spacing-sm);
    padding: var(--spacing-xs) var(--spacing-sm);
    background-color: var(--color-purple);
    color: var(--color-white);
    border-radius: var(--radius-md);
    font-size: var(--font-size-xs);
    font-weight: 600;
}

.event-section[b-xnrycaxwj9] {
    margin-bottom: var(--spacing-2xl);
}

.event-section h2[b-xnrycaxwj9] {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-md) 0;
    padding-bottom: var(--spacing-sm);
    border-bottom: 3px solid var(--mtsu-blue);
}

.event-description[b-xnrycaxwj9],
.event-notes[b-xnrycaxwj9] {
    color: var(--color-gray-dark);
    line-height: 1.75;
    white-space: pre-wrap;
    font-size: var(--font-size-base);
}

.recurrence-info[b-xnrycaxwj9] {
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, #fef3c7 0%, #fef9e7 100%);
    border-left: 4px solid var(--color-gold);
    border-radius: var(--radius-lg);
    box-shadow: var(--shadow-sm);
}

.recurrence-info p[b-xnrycaxwj9] {
    margin: 0;
    color: #78350f;
    font-weight: 500;
}

.event-actions[b-xnrycaxwj9] {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
    border-top: 2px solid var(--color-gray-lighter);
}

.btn-register[b-xnrycaxwj9] {
    display: inline-block;
    padding: var(--spacing-md) var(--spacing-2xl);
    background-color: var(--mtsu-blue);
    color: var(--color-white);
    text-decoration: none;
    border-radius: var(--radius-lg);
    font-weight: 700;
    font-size: var(--font-size-lg);
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

.btn-register:hover[b-xnrycaxwj9] {
    background-color: var(--mtsu-light-blue);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.not-found[b-xnrycaxwj9] {
    text-align: center;
    padding: 4rem 2rem;
}

.not-found h2[b-xnrycaxwj9] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 1rem 0;
}

.not-found p[b-xnrycaxwj9] {
    color: #6b7280;
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
    .event-title[b-xnrycaxwj9] {
        font-size: 1.5rem;
    }

    .event-meta[b-xnrycaxwj9] {
        grid-template-columns: 1fr;
    }

    .event-header[b-xnrycaxwj9] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Events.razor.rz.scp.css */
/* ============================================
   Events Page - Editorial Design
   Flat, Integrated, No Cards
   ============================================ */

.events-page[b-1dxxloq2k8] {
    background: #ffffff;
}

/* ============================================
   Hero Section - Black with Chess Piece
   ============================================ */

.events-hero[b-1dxxloq2k8] {
    position: relative;
    background: #000000;
    color: #ffffff;
    padding: 8rem 4rem;
    overflow: hidden;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.events-hero[b-1dxxloq2k8]::before {
    content: '♘';
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%) rotate(15deg);
    font-size: 500px;
    color: rgba(255, 255, 255, 0.03);
    font-weight: 300;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.events-hero-content[b-1dxxloq2k8] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
    text-align: left;
    z-index: 1;
}

.events-title[b-1dxxloq2k8] {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.events-title .gold[b-1dxxloq2k8] {
    color: var(--wheat-gold);
}

.events-title .white[b-1dxxloq2k8] {
    color: #ffffff;
}

.events-subtitle[b-1dxxloq2k8] {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 800px;
}

/* ============================================
   Content Container
   ============================================ */

.view-toggle-container[b-1dxxloq2k8],
.events-container[b-1dxxloq2k8],
.filter-section[b-1dxxloq2k8],
.no-events[b-1dxxloq2k8] {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4rem;
    padding-right: 4rem;
}

.view-toggle-container[b-1dxxloq2k8] {
    margin-top: 8rem;
}

/* ============================================
   View Toggle - Minimal Tabs
   ============================================ */

.view-toggle-container[b-1dxxloq2k8] {
    display: flex;
    justify-content: center;
    margin-bottom: 4rem;
}

.view-toggle[b-1dxxloq2k8] {
    display: inline-flex;
    gap: 0;
}

.toggle-btn[b-1dxxloq2k8] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem;
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    white-space: nowrap;
    border: none;
    border-bottom: 2px solid transparent;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--font-display);
}

.toggle-btn:hover:not(.active)[b-1dxxloq2k8] {
    color: #000000;
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

.toggle-btn.active[b-1dxxloq2k8] {
    color: #000000;
    border-bottom-color: #000000;
}

.toggle-btn i[b-1dxxloq2k8] {
    font-size: 1em;
}

/* ============================================
   Events Container - List Layout
   ============================================ */

.events-container[b-1dxxloq2k8] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ============================================
   Event Item - Editorial Style
   ============================================ */

.event-item[b-1dxxloq2k8] {
    padding: 3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.event-item:last-child[b-1dxxloq2k8] {
    border-bottom: none;
}

/* ============================================
   Calendar View - Minimal
   ============================================ */

.calendar-container[b-1dxxloq2k8] {
    padding-bottom: 4rem;
}

.calendar-header[b-1dxxloq2k8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.calendar-title[b-1dxxloq2k8] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 0;
}

.calendar-nav[b-1dxxloq2k8] {
    display: flex;
    gap: 1rem;
}

.nav-btn[b-1dxxloq2k8] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    color: #6b7280;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--font-display);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
}

.nav-btn:hover[b-1dxxloq2k8] {
    border-bottom-color: var(--cedar-green);
    color: var(--cedar-green);
}

/* ============================================
   List View
   ============================================ */

.list-view[b-1dxxloq2k8] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

/* ============================================
   Filter Section - Minimal
   ============================================ */

.filter-section[b-1dxxloq2k8] {
    padding: 2rem 0;
    margin-bottom: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.filter-title[b-1dxxloq2k8] {
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 700;
    color: #000000;
    margin-bottom: 1.5rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filter-options[b-1dxxloq2k8] {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}

.filter-btn[b-1dxxloq2k8] {
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    color: #6b7280;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filter-btn:hover[b-1dxxloq2k8] {
    border-bottom-color: var(--cedar-green);
    color: var(--cedar-green);
}

.filter-btn.active[b-1dxxloq2k8] {
    color: var(--cedar-green);
    border-bottom-color: var(--cedar-green);
}

/* ============================================
   No Events Message
   ============================================ */

.no-events[b-1dxxloq2k8] {
    text-align: center;
    padding: 6rem 0;
    color: #9ca3af;
}

.no-events p[b-1dxxloq2k8] {
    font-size: 1.0625rem;
    margin: 0;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 1024px) {
    .events-page[b-1dxxloq2k8] {
        padding: 6rem 3rem;
    }
}

@media (max-width: 768px) {
    .events-hero[b-1dxxloq2k8] {
        padding: 4rem 1.5rem;
        min-height: 30vh;
    }

    .events-hero-content[b-1dxxloq2k8] {
        padding: 0 1.5rem;
    }

    .events-title[b-1dxxloq2k8] {
        font-size: clamp(2rem, 8vw, 3rem);
        margin-bottom: 1rem;
    }

    .events-subtitle[b-1dxxloq2k8] {
        font-size: 1rem;
    }

    .view-toggle-container[b-1dxxloq2k8],
    .events-container[b-1dxxloq2k8],
    .filter-section[b-1dxxloq2k8],
    .no-events[b-1dxxloq2k8] {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .view-toggle-container[b-1dxxloq2k8] {
        margin-top: 4rem;
    }

    .view-toggle[b-1dxxloq2k8] {
        width: 100%;
    }

    .toggle-btn[b-1dxxloq2k8] {
        flex: 1;
        justify-content: center;
        padding: 0.875rem 1.5rem;
        font-size: 0.875rem;
    }

    .event-item[b-1dxxloq2k8] {
        padding: 2rem 0;
    }

    .calendar-container[b-1dxxloq2k8] {
        padding-bottom: 3rem;
    }

    .calendar-header[b-1dxxloq2k8] {
        flex-direction: column;
        gap: 1.5rem;
        align-items: flex-start;
    }

    .calendar-nav[b-1dxxloq2k8] {
        width: 100%;
        justify-content: space-between;
    }

    .filter-section[b-1dxxloq2k8] {
        padding: 1.5rem 0;
        margin-bottom: 2rem;
    }

    .filter-options[b-1dxxloq2k8] {
        flex-direction: column;
    }

    .filter-btn[b-1dxxloq2k8] {
        width: 100%;
        text-align: center;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Faq.razor.rz.scp.css */
.faq-page[b-218jk4fk8h] {
    max-width: var(--container-lg);
    margin: 0 auto;
    padding: var(--spacing-2xl) var(--spacing-lg);
}

.faq-intro[b-218jk4fk8h] {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
    font-size: var(--font-size-lg);
    color: var(--color-gray-dark);
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.faq-intro a[b-218jk4fk8h] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
}

.faq-intro a:hover[b-218jk4fk8h] {
    text-decoration: underline;
}

.faq-category[b-218jk4fk8h] {
    margin-bottom: var(--spacing-3xl);
}

.category-title[b-218jk4fk8h] {
    font-family: var(--font-display);
    font-size: var(--font-size-3xl);
    color: var(--mtsu-navy);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 3px solid var(--mtsu-blue);
}

.faq-list[b-218jk4fk8h] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.faq-item[b-218jk4fk8h] {
    background: #ffffff;
    border: 2px solid var(--color-gray-light);
    border-radius: var(--border-radius-lg);
    overflow: hidden;
    transition: all 0.3s ease;
}

.faq-item:hover[b-218jk4fk8h] {
    border-color: var(--mtsu-blue);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.1);
}

.faq-question[b-218jk4fk8h] {
    width: 100%;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: none;
    border: none;
    text-align: left;
    cursor: pointer;
    transition: background-color 0.2s ease;
    font-size: var(--font-size-lg);
    font-weight: 600;
    color: var(--mtsu-navy);
}

.faq-question:hover[b-218jk4fk8h] {
    background-color: var(--color-gray-lightest);
}

.question-icon[b-218jk4fk8h] {
    flex-shrink: 0;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, var(--mtsu-navy) 100%);
    color: #ffffff;
    border-radius: 50%;
    font-size: var(--font-size-xl);
    font-weight: bold;
    line-height: 1;
}

.question-text[b-218jk4fk8h] {
    flex: 1;
}

.faq-answer[b-218jk4fk8h] {
    padding: 0 var(--spacing-lg) var(--spacing-lg) var(--spacing-lg);
    color: var(--color-gray-dark);
    line-height: 1.8;
    font-size: var(--font-size-base);
    animation: fadeIn-b-218jk4fk8h 0.3s ease;
}

@keyframes fadeIn-b-218jk4fk8h {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.faq-contact[b-218jk4fk8h] {
    margin-top: var(--spacing-4xl);
    padding: var(--spacing-3xl) 0;
    border-top: 2px solid var(--color-gray-light);
}

.contact-box[b-218jk4fk8h] {
    max-width: 600px;
    margin: 0 auto;
    text-align: center;
}

.contact-box h3[b-218jk4fk8h] {
    font-family: var(--font-display);
    font-size: var(--font-size-3xl);
    color: var(--mtsu-navy);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: var(--spacing-md);
}

.contact-box p[b-218jk4fk8h] {
    font-size: var(--font-size-lg);
    color: var(--color-gray-dark);
    margin-bottom: var(--spacing-xl);
}

.contact-methods[b-218jk4fk8h] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.contact-button[b-218jk4fk8h] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, var(--mtsu-navy) 100%);
    color: #ffffff;
    text-decoration: none;
    border-radius: var(--border-radius-lg);
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.2);
}

.contact-button:hover[b-218jk4fk8h] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.3);
}

.contact-button i[b-218jk4fk8h] {
    font-size: var(--font-size-xl);
}

.no-faqs[b-218jk4fk8h] {
    text-align: center;
    padding: var(--spacing-4xl);
    color: var(--color-gray-dark);
    font-size: var(--font-size-lg);
}

.no-faqs a[b-218jk4fk8h] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
}

.no-faqs a:hover[b-218jk4fk8h] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .faq-page[b-218jk4fk8h] {
        padding: var(--spacing-xl) var(--spacing-md);
    }

    .category-title[b-218jk4fk8h] {
        font-size: var(--font-size-2xl);
    }

    .faq-question[b-218jk4fk8h] {
        font-size: var(--font-size-base);
        padding: var(--spacing-md);
    }

    .question-icon[b-218jk4fk8h] {
        width: 28px;
        height: 28px;
        font-size: var(--font-size-lg);
    }

    .contact-box h3[b-218jk4fk8h] {
        font-size: var(--font-size-2xl);
    }
}
/* _content/WilcoChess.Web/Components/Pages/Home.razor.rz.scp.css */
/* ============================================
   WILCO CHESS CLUB - Editorial Design
   Flat, Integrated, No Cards
   ============================================ */

.home-page[b-ox1lbuzha1] {
    background: #ffffff;
}

/* ============================================
   HERO - Minimal, Bold Typography
   ============================================ */

.hero[b-ox1lbuzha1] {
    min-height: 90vh;
    display: flex;
    align-items: center;
    padding: 8rem 4rem;
    background: #000000;
    position: relative;
    overflow: hidden;
}

.hero-background[b-ox1lbuzha1] {
    position: absolute;
    inset: 0;
    background-image: url('/img/wilson-county.webp');
    background-size: cover;
    background-position: center;
    animation: helicopterZoom-b-ox1lbuzha1 15s ease-in-out infinite alternate;
    opacity: 0.15;
    z-index: 0;
}

.hero-background[b-ox1lbuzha1]::after {
    content: '♔ ♕ ♖ ♗ ♘ ♙';
    position: absolute;
    inset: 0;
    font-size: 12rem;
    color: rgba(255, 255, 255, 0.03);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2rem;
    letter-spacing: 2rem;
    transform: rotate(-5deg);
    pointer-events: none;
}

@keyframes helicopterZoom-b-ox1lbuzha1 {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.1);
    }
}

.hero-grid[b-ox1lbuzha1] {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
}

.hero-eyebrow[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: rgba(255, 255, 255, 0.5);
    margin-bottom: 4rem;
    text-transform: uppercase;
}

.dot[b-ox1lbuzha1] {
    margin: 0 1rem;
    opacity: 0.3;
}

.hero-title[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-weight: 700;
    line-height: 0.95;
    margin: 0 0 4rem 0;
    letter-spacing: -0.04em;
}

.hero-title .line[b-ox1lbuzha1] {
    display: block;
    font-size: clamp(3rem, 10vw, 8rem);
    color: #ffffff;
}

.hero-title .line.gold[b-ox1lbuzha1] {
    color: var(--wheat-gold);
}

.hero-title .line i[b-ox1lbuzha1] {
    font-size: 0.8em;
    margin-left: 0.2em;
}

.hero-lead[b-ox1lbuzha1] {
    max-width: 540px;
    margin-bottom: 4rem;
}

.hero-lead p[b-ox1lbuzha1] {
    font-size: 1.25rem;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    margin: 0;
}

.hero-actions[b-ox1lbuzha1] {
    display: flex;
    gap: 1.5rem;
    align-items: center;
}

.action-link[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 1rem 2.5rem;
    border: 2px solid;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.action-link.primary[b-ox1lbuzha1] {
    background: var(--cedar-green);
    color: #ffffff;
    border-color: var(--cedar-green);
}

.action-link[b-ox1lbuzha1] {
    background: transparent;
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.3);
}

.action-link:hover[b-ox1lbuzha1] {
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

.action-link.primary:hover[b-ox1lbuzha1] {
    background: #1a4010;
    border-color: #1a4010;
}

/* ============================================
   INFO SECTION - Minimal Grid
   ============================================ */

.info-section[b-ox1lbuzha1] {
    padding: 8rem 4rem;
    background: #ffffff;
}

.info-row[b-ox1lbuzha1] {
    max-width: 1200px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6rem;
}

.info-item[b-ox1lbuzha1] {
    position: relative;
}

.info-number[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.3);
    margin-bottom: 2rem;
    letter-spacing: 0.15em;
}

.info-icon[b-ox1lbuzha1] {
    display: none;
}

.info-item h2[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--cedar-green);
    margin: 0 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.info-item p[b-ox1lbuzha1] {
    font-size: 0.9375rem;
    line-height: 1.8;
    color: #6b7280;
    margin: 0;
}

.location-link[b-ox1lbuzha1] {
    font-size: 0.9375rem;
    line-height: 1.8;
    color: #6b7280;
    text-decoration: none;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
}

.location-link:hover[b-ox1lbuzha1] {
    color: var(--cedar-green);
}

.schedule[b-ox1lbuzha1] {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.6;
    color: var(--cedar-green);
}

/* ============================================
   EVENTS SECTION - Minimal List
   ============================================ */

.events-section[b-ox1lbuzha1] {
    max-width: 1200px;
    margin: 8rem auto;
    padding: 0 4rem;
}

.section-title[b-ox1lbuzha1] {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-bottom: 4rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.section-title h2[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: var(--cedar-green);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.section-link[b-ox1lbuzha1] {
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--cedar-green);
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.section-link:hover[b-ox1lbuzha1] {
    opacity: 0.7;
}

.events-list[b-ox1lbuzha1] {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.no-events[b-ox1lbuzha1] {
    padding: 4rem 0;
    text-align: center;
}

.no-events p[b-ox1lbuzha1] {
    font-size: 1rem;
    color: #9ca3af;
    margin: 0;
}

/* ============================================
   RESPONSIVE
   ============================================ */

@media (max-width: 1024px) {
    .info-row[b-ox1lbuzha1] {
        grid-template-columns: 1fr;
        gap: 3rem;
    }

    .info-item[b-ox1lbuzha1] {
        padding-bottom: 3rem;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    }

    .info-item:last-child[b-ox1lbuzha1] {
        border-bottom: none;
        padding-bottom: 0;
    }
}

@media (max-width: 768px) {
    .hero[b-ox1lbuzha1] {
        min-height: 80vh;
        padding: 6rem 2rem;
    }

    .hero-eyebrow[b-ox1lbuzha1] {
        font-size: 0.6875rem;
        margin-bottom: 3rem;
    }

    .hero-title .line[b-ox1lbuzha1] {
        font-size: clamp(2.5rem, 12vw, 5rem);
    }

    .hero-title .accent[b-ox1lbuzha1] {
        margin-left: 0;
    }

    .hero-lead p[b-ox1lbuzha1] {
        font-size: 1.125rem;
    }

    .hero-actions[b-ox1lbuzha1] {
        flex-direction: column;
        gap: 1rem;
        align-items: stretch;
    }

    .action-link[b-ox1lbuzha1] {
        text-align: center;
    }

    .info-section[b-ox1lbuzha1] {
        padding: 6rem 2rem;
    }

    .events-section[b-ox1lbuzha1] {
        margin: 6rem auto;
        padding: 0 2rem;
    }

    .section-title[b-ox1lbuzha1] {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }

    .section-title h2[b-ox1lbuzha1] {
        font-size: 1.75rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Library.razor.rz.scp.css */
.library-page[b-gd9m82masd] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Coming Soon Banner */
.coming-soon-banner[b-gd9m82masd] {
    max-width: 1400px;
    margin: 0 auto 2rem;
    padding: 0 1rem;
}

.coming-soon-content[b-gd9m82masd] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border: 2px solid #f59e0b;
    border-radius: 12px;
    padding: 1.5rem 2rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    box-shadow: 0 4px 6px -1px rgba(245, 158, 11, 0.1);
}

.coming-soon-content i[b-gd9m82masd] {
    font-size: 2.5rem;
    color: #d97706;
    flex-shrink: 0;
}

.coming-soon-content strong[b-gd9m82masd] {
    font-size: 1.125rem;
    color: #92400e;
    display: block;
    margin-bottom: 0.25rem;
}

.coming-soon-content p[b-gd9m82masd] {
    margin: 0;
    color: #78350f;
    font-size: 0.875rem;
    line-height: 1.5;
}

@media (max-width: 768px) {
    .coming-soon-content[b-gd9m82masd] {
        flex-direction: column;
        text-align: center;
        padding: 1rem 1.5rem;
    }

    .coming-soon-content i[b-gd9m82masd] {
        font-size: 2rem;
    }
}

/* Category Key Section */
.category-key-section[b-gd9m82masd] {
    background: rgba(0, 102, 204, 0.05);
    border: 1px solid rgba(0, 102, 204, 0.15);
    border-radius: 12px;
    margin-bottom: var(--spacing-xl);
    overflow: hidden;
}

.category-key-toggle[b-gd9m82masd] {
    width: 100%;
    padding: var(--spacing-md) var(--spacing-lg);
    background: transparent;
    border: none;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    cursor: pointer;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--mtsu-navy);
    transition: background 0.2s ease;
}

.category-key-toggle:hover[b-gd9m82masd] {
    background: rgba(0, 102, 204, 0.08);
}

.category-key-toggle i.fa-chevron-down[b-gd9m82masd] {
    margin-left: auto;
    transition: transform 0.15s ease;
}

.category-key-toggle i.fa-chevron-down.expanded[b-gd9m82masd] {
    transform: rotate(180deg);
}

.category-key-content[b-gd9m82masd] {
    padding: var(--spacing-lg);
    padding-top: 0;
    animation: slideDown-b-gd9m82masd 0.15s ease-out;
}

@keyframes slideDown-b-gd9m82masd {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-key-grid[b-gd9m82masd] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-sm);
}

.category-key-item[b-gd9m82masd] {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
}

.category-key-item strong[b-gd9m82masd] {
    color: var(--mtsu-blue);
    font-family: monospace;
    margin-right: var(--spacing-xs);
}

.library-header[b-gd9m82masd] {
    text-align: center;
    margin-bottom: 3rem;
}

.library-header h1[b-gd9m82masd] {
    font-size: 2.5rem;
    color: #111827;
    margin-bottom: 0.5rem;
}

.library-description[b-gd9m82masd] {
    font-size: 1.125rem;
    color: #6b7280;
    max-width: 600px;
    margin: 0 auto;
}

.library-grid-container[b-gd9m82masd] {
    background: white;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Grid Controls */
.grid-controls[b-gd9m82masd] {
    padding: 1.5rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.search-box[b-gd9m82masd] {
    margin-bottom: 1rem;
}

.search-input[b-gd9m82masd] {
    width: 100%;
    padding: 0.75rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 1rem;
    transition: border-color 0.2s;
}

.search-input:focus[b-gd9m82masd] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

.filter-controls[b-gd9m82masd] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-select[b-gd9m82masd] {
    flex: 1;
    min-width: 180px;
    padding: 0.625rem 1rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    background: white;
    cursor: pointer;
    transition: border-color 0.2s;
}

.filter-select:focus[b-gd9m82masd] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

/* QuickGrid Styling */
[b-gd9m82masd] .library-grid {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

[b-gd9m82masd] .library-grid thead {
    background: #f3f4f6;
    border-bottom: 2px solid #e5e7eb;
}

[b-gd9m82masd] .library-grid th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

[b-gd9m82masd] .library-grid th[aria-sort] {
    cursor: pointer;
    user-select: none;
}

[b-gd9m82masd] .library-grid th[aria-sort]:hover {
    background: #e5e7eb;
}

[b-gd9m82masd] .library-grid td {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
}

[b-gd9m82masd] .library-grid tbody tr:hover {
    background: #f9fafb;
}

/* Hide empty rows when filtered */
[b-gd9m82masd] .library-grid tbody tr:has(td:empty) {
    display: none;
}

[b-gd9m82masd] .library-grid tbody tr:not(:has(*)) {
    display: none;
}

/* Book Thumbnails */
.book-thumbnail[b-gd9m82masd] {
    width: 50px;
    height: 75px;
    object-fit: cover;
    border-radius: 0.25rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
}

.book-thumbnail-placeholder[b-gd9m82masd] {
    width: 50px;
    height: 75px;
    background: #f3f4f6;
    border: 1px dashed #d1d5db;
    border-radius: 0.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #9ca3af;
    font-size: 1.25rem;
}

/* Status Badge */
.status-badge[b-gd9m82masd] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.status-badge.available[b-gd9m82masd] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.checked-out[b-gd9m82masd] {
    background: #fee2e2;
    color: #991b1b;
}

/* Action Button */
.btn-expand[b-gd9m82masd] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    color: #6b7280;
    text-decoration: none;
    border-radius: 0.375rem;
    transition: all 0.2s;
}

.btn-expand svg[b-gd9m82masd] {
    width: 1.25rem;
    height: 1.25rem;
}

.btn-expand:hover[b-gd9m82masd] {
    background: #f3f4f6;
    color: #1e3a8a;
}

/* Pagination */
.pagination-container[b-gd9m82masd] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.results-info[b-gd9m82masd] {
    font-size: 0.875rem;
    color: #6b7280;
}

[b-gd9m82masd] .paginator {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

[b-gd9m82masd] .paginator button {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    background: white;
    color: #111827;
    border-radius: 0.375rem;
    font-size: 1.125rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.2s;
    min-width: 2.75rem;
    height: 2.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

/* Add Font Awesome icons for pagination buttons */
[b-gd9m82masd] .paginator button.go-first::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f100"; /* fa-angle-double-left */
}

[b-gd9m82masd] .paginator button.go-previous::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f104"; /* fa-angle-left */
}

[b-gd9m82masd] .paginator button.go-next::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f105"; /* fa-angle-right */
    display: inline-block;
    transform: rotate(180deg);
}

[b-gd9m82masd] .paginator button.go-last::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f101"; /* fa-angle-double-right */
    display: inline-block;
    transform: rotate(180deg);
}

[b-gd9m82masd] .paginator button:hover:not(:disabled) {
    background: #1e3a8a;
    color: white;
    border-color: #1e3a8a;
}

[b-gd9m82masd] .paginator button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: #f9fafb;
}

[b-gd9m82masd] .paginator .current-page {
    padding: 0.5rem 0.75rem;
    font-size: 0.875rem;
    color: #374151;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .library-page[b-gd9m82masd] {
        padding: 1.5rem 0.75rem;
    }

    .library-header h1[b-gd9m82masd] {
        font-size: 2rem;
    }

    .library-description[b-gd9m82masd] {
        font-size: 1rem;
    }

    .grid-controls[b-gd9m82masd] {
        padding: 1rem;
    }

    .filter-controls[b-gd9m82masd] {
        flex-direction: column;
    }

    .filter-select[b-gd9m82masd] {
        width: 100%;
    }

    .pagination-container[b-gd9m82masd] {
        flex-direction: column;
        gap: 1rem;
    }

    [b-gd9m82masd] .library-grid {
        font-size: 0.75rem;
        display: block;
        overflow-x: auto;
    }

    [b-gd9m82masd] .library-grid th,
    [b-gd9m82masd] .library-grid td {
        padding: 0.5rem 0.375rem;
        font-size: 0.75rem;
    }

    .btn-expand[b-gd9m82masd] {
        width: 1.75rem;
        height: 1.75rem;
    }

    .btn-expand svg[b-gd9m82masd] {
        width: 1rem;
        height: 1rem;
    }

    .status-badge[b-gd9m82masd] {
        font-size: 0.7rem;
        padding: 0.2rem 0.6rem;
    }

    [b-gd9m82masd] .paginator button {
        min-width: 2.5rem;
        height: 2.25rem;
        font-size: 1rem;
    }

    .results-info[b-gd9m82masd] {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .library-page[b-gd9m82masd] {
        padding: 1rem 0.5rem;
    }

    .library-header h1[b-gd9m82masd] {
        font-size: 1.5rem;
    }

    .library-description[b-gd9m82masd] {
        font-size: 0.875rem;
    }

    .search-input[b-gd9m82masd] {
        font-size: 0.875rem;
        padding: 0.625rem 0.875rem;
    }

    [b-gd9m82masd] .library-grid th,
    [b-gd9m82masd] .library-grid td {
        padding: 0.375rem 0.25rem;
        font-size: 0.7rem;
    }

    [b-gd9m82masd] .paginator {
        gap: 0.375rem;
    }

    [b-gd9m82masd] .paginator button {
        min-width: 2.25rem;
        height: 2rem;
        font-size: 0.875rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Library/Recommended.razor.rz.scp.css */
/* ============================================
   Recommended Books Page Styles
   ============================================ */

.page-container[b-ksotw4ki64] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--spacing-2xl) var(--spacing-lg);
}

.page-header[b-ksotw4ki64] {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.page-title[b-ksotw4ki64] {
    font-family: var(--font-display);
    font-size: var(--font-size-4xl);
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.page-subtitle[b-ksotw4ki64] {
    font-size: var(--font-size-lg);
    color: var(--color-gray);
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Loading State */
.loading-state[b-ksotw4ki64] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-lg);
}

.spinner[b-ksotw4ki64] {
    width: 48px;
    height: 48px;
    border: 4px solid rgba(0, 102, 204, 0.1);
    border-top-color: var(--mtsu-blue);
    border-radius: 50%;
    animation: spin-b-ksotw4ki64 1s linear infinite;
}

@keyframes spin-b-ksotw4ki64 {
    to { transform: rotate(360deg); }
}

.loading-state p[b-ksotw4ki64] {
    font-size: var(--font-size-lg);
    color: var(--color-gray);
}

/* Empty State */
.empty-state[b-ksotw4ki64] {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
}

.empty-icon[b-ksotw4ki64] {
    font-size: 64px;
    margin-bottom: var(--spacing-lg);
}

.empty-state h3[b-ksotw4ki64] {
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-md);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.empty-state p[b-ksotw4ki64] {
    font-size: var(--font-size-base);
    color: var(--color-gray);
    max-width: 500px;
    margin: 0 auto;
}

/* Library Legend */
.library-legend[b-ksotw4ki64] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-2xl);
    padding: var(--spacing-md);
    background: rgba(0, 102, 204, 0.05);
    border-radius: 12px;
    border-left: 4px solid var(--mtsu-blue);
}

.legend-item[b-ksotw4ki64] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--font-size-sm);
    font-weight: 600;
    color: var(--color-gray-dark);
}

.legend-icon[b-ksotw4ki64] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Skill Level Sections */
.skill-level-section[b-ksotw4ki64] {
    margin-bottom: var(--spacing-3xl);
}

.section-header[b-ksotw4ki64] {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid rgba(0, 102, 204, 0.2);
}

.section-title[b-ksotw4ki64] {
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-sm);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
}

.section-title i[b-ksotw4ki64] {
    color: var(--mtsu-blue);
    font-size: var(--font-size-xl);
}

.section-description[b-ksotw4ki64] {
    font-size: var(--font-size-base);
    color: var(--color-gray);
    margin: 0;
    line-height: 1.6;
}

/* Books Grid */
.books-grid[b-ksotw4ki64] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-xl);
}

.book-card[b-ksotw4ki64] {
    background: white;
    border-radius: 12px;
    padding: var(--spacing-lg);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    border: 1px solid rgba(0, 102, 204, 0.1);
    transition: all 0.3s ease;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.book-card:hover[b-ksotw4ki64] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 102, 204, 0.15);
    border-color: var(--mtsu-blue);
}

.book-cover-link[b-ksotw4ki64] {
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: center;
    transition: transform 0.2s ease;
    height: 280px;
    width: 100%;
}

.book-cover-link:hover[b-ksotw4ki64] {
    transform: scale(1.05);
}

.book-cover[b-ksotw4ki64] {
    width: auto;
    height: 280px;
    max-width: 200px;
    object-fit: contain;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.book-info[b-ksotw4ki64] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    flex: 1;
}

.book-title[b-ksotw4ki64] {
    font-size: var(--font-size-base);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.book-title-link[b-ksotw4ki64] {
    color: var(--mtsu-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.book-title-link:hover[b-ksotw4ki64] {
    color: var(--mtsu-blue);
    text-decoration: underline;
}

.library-badge[b-ksotw4ki64] {
    width: 20px;
    height: 20px;
    object-fit: contain;
    flex-shrink: 0;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
}

.book-author[b-ksotw4ki64] {
    font-size: var(--font-size-sm);
    color: var(--mtsu-blue);
    font-weight: 600;
    margin: 0;
    font-style: italic;
}

.book-description[b-ksotw4ki64] {
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
    margin: 0;
    line-height: 1.6;
}

/* Page Footer */
.page-footer[b-ksotw4ki64] {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-xl);
    border-top: 2px solid rgba(0, 102, 204, 0.2);
}

.footer-note[b-ksotw4ki64] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    padding: var(--spacing-lg);
    background: rgba(190, 140, 14, 0.08);
    border-radius: 12px;
    border-left: 4px solid var(--color-gold);
    font-size: var(--font-size-base);
    color: var(--color-gray-dark);
    margin: 0;
    line-height: 1.6;
}

.footer-note i[b-ksotw4ki64] {
    color: var(--color-gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.inline-link[b-ksotw4ki64] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border-bottom: 2px solid transparent;
}

.inline-link:hover[b-ksotw4ki64] {
    color: var(--mtsu-light-blue);
    border-bottom-color: var(--mtsu-light-blue);
}

/* Dark Theme Support */
[data-theme="dark"] .page-title[b-ksotw4ki64],
[data-theme="dark"] .section-title[b-ksotw4ki64] {
    color: #f8fafc;
}

[data-theme="dark"] .page-subtitle[b-ksotw4ki64],
[data-theme="dark"] .section-description[b-ksotw4ki64] {
    color: #cbd5e1;
}

[data-theme="dark"] .library-legend[b-ksotw4ki64] {
    background: rgba(59, 130, 246, 0.1);
    border-left-color: #60a5fa;
}

[data-theme="dark"] .legend-item[b-ksotw4ki64] {
    color: #e2e8f0;
}

[data-theme="dark"] .section-header[b-ksotw4ki64] {
    border-bottom-color: rgba(59, 130, 246, 0.3);
}

[data-theme="dark"] .section-title i[b-ksotw4ki64] {
    color: #60a5fa;
}

[data-theme="dark"] .book-card[b-ksotw4ki64] {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(59, 130, 246, 0.2);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .book-card:hover[b-ksotw4ki64] {
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
    border-color: #60a5fa;
}

[data-theme="dark"] .book-title[b-ksotw4ki64] {
    color: #f8fafc;
}

[data-theme="dark"] .book-author[b-ksotw4ki64] {
    color: #60a5fa;
}

[data-theme="dark"] .book-description[b-ksotw4ki64] {
    color: #cbd5e1;
}

[data-theme="dark"] .page-footer[b-ksotw4ki64] {
    border-top-color: rgba(59, 130, 246, 0.3);
}

[data-theme="dark"] .footer-note[b-ksotw4ki64] {
    background: rgba(251, 191, 36, 0.1);
    border-left-color: #fbbf24;
    color: #e2e8f0;
}

[data-theme="dark"] .footer-note i[b-ksotw4ki64] {
    color: #fbbf24;
}

[data-theme="dark"] .inline-link[b-ksotw4ki64] {
    color: #60a5fa;
}

[data-theme="dark"] .inline-link:hover[b-ksotw4ki64] {
    color: #93c5fd;
    border-bottom-color: #93c5fd;
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 968px) {
    .page-container[b-ksotw4ki64] {
        padding: var(--spacing-xl) var(--spacing-md);
    }

    .page-title[b-ksotw4ki64] {
        font-size: var(--font-size-3xl);
    }

    .page-subtitle[b-ksotw4ki64] {
        font-size: var(--font-size-base);
    }

    .section-title[b-ksotw4ki64] {
        font-size: var(--font-size-xl);
    }

    .books-grid[b-ksotw4ki64] {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .book-card[b-ksotw4ki64] {
        padding: var(--spacing-lg);
    }
}

@media (max-width: 640px) {
    .page-container[b-ksotw4ki64] {
        padding: var(--spacing-lg) var(--spacing-sm);
    }

    .page-title[b-ksotw4ki64] {
        font-size: var(--font-size-2xl);
    }

    .section-title[b-ksotw4ki64] {
        font-size: var(--font-size-lg);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }

    .library-legend[b-ksotw4ki64] {
        padding: var(--spacing-sm);
    }

    .legend-item[b-ksotw4ki64] {
        font-size: var(--font-size-xs);
    }

    .book-title[b-ksotw4ki64] {
        font-size: var(--font-size-base);
    }

    .book-description[b-ksotw4ki64] {
        font-size: var(--font-size-sm);
    }

    .footer-note[b-ksotw4ki64] {
        flex-direction: column;
        gap: var(--spacing-sm);
        padding: var(--spacing-md);
        font-size: var(--font-size-sm);
    }
}
/* _content/WilcoChess.Web/Components/Pages/MembershipPages/Checkout.razor.rz.scp.css */
.checkout-container[b-lguw32i6l8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.checkout-header[b-lguw32i6l8] {
    text-align: center;
    margin-bottom: 3rem;
}

.checkout-header h1[b-lguw32i6l8] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
}

.checkout-header p[b-lguw32i6l8] {
    font-size: 1.25rem;
    color: #666;
}

.checkout-grid[b-lguw32i6l8] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
    align-items: start;
}

/* Order Summary */
.order-summary[b-lguw32i6l8] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 2rem;
}

.order-summary h2[b-lguw32i6l8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1.5rem;
}

.summary-item[b-lguw32i6l8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #E8DCC4;
}

.summary-item:last-child[b-lguw32i6l8] {
    border-bottom: none;
}

.summary-item .tier-name[b-lguw32i6l8] {
    font-weight: 700;
    color: #2D5016;
}

.summary-divider[b-lguw32i6l8] {
    border-top: 2px solid #2D5016;
    margin: 1rem 0;
}

.summary-item.total[b-lguw32i6l8] {
    font-size: 1.25rem;
    font-weight: 700;
    padding-top: 1.5rem;
}

.summary-item.total .amount[b-lguw32i6l8] {
    font-size: 2rem;
    color: #2D5016;
}

.benefits-recap[b-lguw32i6l8] {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #E8DCC4;
}

.benefits-recap h3[b-lguw32i6l8] {
    font-size: 1.125rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1rem;
}

.benefits-recap ul[b-lguw32i6l8] {
    list-style: none;
    padding: 0;
}

.benefits-recap li[b-lguw32i6l8] {
    padding: 0.5rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.95rem;
    color: #666;
}

.benefits-recap li i[b-lguw32i6l8] {
    color: #2D5016;
    margin-top: 0.25rem;
}

/* Payment Section */
.payment-section[b-lguw32i6l8] {
    background: white;
    padding: 2rem;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.payment-section h2[b-lguw32i6l8] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1.5rem;
}

.error-message[b-lguw32i6l8] {
    background: #fee;
    border: 2px solid #e44;
    color: #c33;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.error-message i[b-lguw32i6l8] {
    font-size: 1.25rem;
}

.success-message[b-lguw32i6l8] {
    background: #efe;
    border: 2px solid #4e4;
    color: #3c3;
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.success-message i[b-lguw32i6l8] {
    font-size: 1.25rem;
}

.payment-form[b-lguw32i6l8] {
    margin-bottom: 2rem;
}

#card-container[b-lguw32i6l8] {
    min-height: 120px;
    padding: 1rem;
    background: #F5F5F0;
    border: 2px solid #E8DCC4;
    border-radius: 0.5rem;
    margin-bottom: 1.5rem;
}

.payment-btn[b-lguw32i6l8] {
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1.25rem;
    font-weight: 700;
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    transition: all 0.3s ease;
}

.payment-btn:hover:not(:disabled)[b-lguw32i6l8] {
    background: linear-gradient(135deg, #1D4006 0%, #3A5F95 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.payment-btn:disabled[b-lguw32i6l8] {
    opacity: 0.6;
    cursor: not-allowed;
}

.payment-btn i[b-lguw32i6l8] {
    margin-right: 0.5rem;
}

.secure-badge[b-lguw32i6l8] {
    text-align: center;
    margin-top: 1rem;
    color: #666;
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
}

.secure-badge i[b-lguw32i6l8] {
    color: #2D5016;
}

.payment-info[b-lguw32i6l8] {
    padding-top: 2rem;
    border-top: 2px solid #E8DCC4;
    color: #666;
    font-size: 0.95rem;
    line-height: 1.6;
}

.payment-info p[b-lguw32i6l8] {
    margin-bottom: 0.5rem;
}

.payment-info a[b-lguw32i6l8] {
    color: #4A6FA5;
    text-decoration: underline;
}

.payment-info a:hover[b-lguw32i6l8] {
    color: #2D5016;
}

/* Processing Overlay */
.processing-overlay[b-lguw32i6l8] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.processing-spinner[b-lguw32i6l8] {
    background: white;
    padding: 3rem;
    border-radius: 1rem;
    text-align: center;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
}

.processing-spinner i[b-lguw32i6l8] {
    font-size: 3rem;
    color: #2D5016;
    margin-bottom: 1rem;
}

.processing-spinner p[b-lguw32i6l8] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2D5016;
}

/* Responsive Design */
@media (max-width: 992px) {
    .checkout-grid[b-lguw32i6l8] {
        grid-template-columns: 1fr;
    }

    .order-summary[b-lguw32i6l8] {
        position: static;
    }
}

@media (max-width: 768px) {
    .checkout-header h1[b-lguw32i6l8] {
        font-size: 2rem;
    }

    .checkout-header p[b-lguw32i6l8] {
        font-size: 1rem;
    }

    .payment-btn[b-lguw32i6l8] {
        font-size: 1.125rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/MembershipPages/Confirm.razor.rz.scp.css */
.confirm-container[b-6w6klak6er] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1rem;
    background: linear-gradient(135deg, #F5F5F0 0%, #E8DCC4 100%);
}

/* Processing State */
.processing-state[b-6w6klak6er] {
    text-align: center;
    max-width: 500px;
    background: white;
    padding: 4rem 3rem;
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.spinner[b-6w6klak6er] {
    font-size: 4rem;
    color: #2D5016;
    margin-bottom: 2rem;
    animation: pulse-b-6w6klak6er 2s ease-in-out infinite;
}

@keyframes pulse-b-6w6klak6er {
    0%, 100% {
        opacity: 1;
        transform: scale(1);
    }
    50% {
        opacity: 0.7;
        transform: scale(1.1);
    }
}

.processing-state h1[b-6w6klak6er] {
    font-size: 2rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1rem;
}

.processing-state p[b-6w6klak6er] {
    font-size: 1.125rem;
    color: #666;
    margin-bottom: 0.5rem;
}

.processing-state .note[b-6w6klak6er] {
    font-size: 0.875rem;
    color: #999;
    font-style: italic;
    margin-top: 1.5rem;
}

/* Error State */
.error-state[b-6w6klak6er] {
    text-align: center;
    max-width: 600px;
    background: white;
    padding: 4rem 3rem;
    border-radius: 1rem;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
}

.error-state i[b-6w6klak6er] {
    font-size: 4rem;
    color: #ef4444;
    margin-bottom: 1.5rem;
}

.error-state h1[b-6w6klak6er] {
    font-size: 2rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1rem;
}

.error-message[b-6w6klak6er] {
    font-size: 1.125rem;
    color: #666;
    margin-bottom: 2rem;
    padding: 1rem;
    background: #fee;
    border: 1px solid #fcc;
    border-radius: 0.5rem;
}

.error-actions[b-6w6klak6er] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

/* Buttons */
.btn[b-6w6klak6er] {
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-6w6klak6er] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.btn-primary:hover[b-6w6klak6er] {
    background: linear-gradient(135deg, #1D4006 0%, #3A5F95 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(45, 80, 22, 0.3);
}

.btn-secondary[b-6w6klak6er] {
    background: white;
    color: #2D5016;
    border: 2px solid #2D5016;
}

.btn-secondary:hover[b-6w6klak6er] {
    background: #F5F5F0;
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .processing-state[b-6w6klak6er],
    .error-state[b-6w6klak6er] {
        padding: 3rem 2rem;
    }

    .processing-state h1[b-6w6klak6er],
    .error-state h1[b-6w6klak6er] {
        font-size: 1.5rem;
    }

    .error-actions[b-6w6klak6er] {
        flex-direction: column;
    }

    .btn[b-6w6klak6er] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/WilcoChess.Web/Components/Pages/MembershipPages/Membership.razor.rz.scp.css */
.membership-container[b-wsx9fydker] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Hero Section */
.membership-hero[b-wsx9fydker] {
    text-align: center;
    margin-bottom: 4rem;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
    border-radius: 1rem;
}

.membership-hero h1[b-wsx9fydker] {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    color: white;
}

.wilco-gold[b-wsx9fydker] {
    color: #D4AF37;
}

.hero-subtitle[b-wsx9fydker] {
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #E8DCC4;
}

.hero-description[b-wsx9fydker] {
    font-size: 1.125rem;
    max-width: 800px;
    margin: 0 auto 1.5rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
}

.launch-notice[b-wsx9fydker] {
    background: rgba(232, 220, 196, 0.15);
    border: 2px solid #E8DCC4;
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    margin: 2rem auto 0;
    max-width: 700px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    font-size: 1rem;
}

.launch-notice i[b-wsx9fydker] {
    color: #D4AF37;
    font-size: 1.5rem;
}

/* Membership Tiers Grid */
.membership-tiers[b-wsx9fydker] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
}

.membership-card[b-wsx9fydker] {
    background: white;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    border: 3px solid transparent;
    position: relative;
}

.membership-card:hover[b-wsx9fydker] {
    transform: translateY(-5px);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}

.membership-card.popular[b-wsx9fydker] {
    border-color: #2D5016;
}

.membership-card.coming-soon[b-wsx9fydker] {
    opacity: 0.7;
    filter: grayscale(30%);
}

.membership-card.coming-soon:hover[b-wsx9fydker] {
    transform: none;
}

.popular-badge[b-wsx9fydker], .coming-soon-badge[b-wsx9fydker] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background: #2D5016;
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 2rem;
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.05em;
    z-index: 10;
}

.coming-soon-badge[b-wsx9fydker] {
    background: #8B4513;
}

.card-header[b-wsx9fydker] {
    background: linear-gradient(135deg, #f5f5f0 0%, #E8DCC4 100%);
    padding: 2rem;
    text-align: center;
    height: 320px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.tier-badge[b-wsx9fydker] {
    width: 80px;
    height: 80px;
    margin: 0 auto 1rem;
    background: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.community-badge[b-wsx9fydker] { color: #4A6FA5; }
.basic-badge[b-wsx9fydker] { color: #2D5016; }
.family-badge[b-wsx9fydker] { color: #8B4513; }
.standard-badge[b-wsx9fydker] { color: #D4AF37; }
.premium-badge[b-wsx9fydker] { color: #8B4513; }
.champion-badge[b-wsx9fydker] { color: #C41E3A; }

.tier-name[b-wsx9fydker] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
}

.tier-price[b-wsx9fydker] {
    font-size: 3rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.25rem;
}

.tier-price .price[b-wsx9fydker] {
    font-size: 3.5rem;
}

.tier-price .period[b-wsx9fydker] {
    font-size: 1.5rem;
    color: #666;
}

.price-breakdown[b-wsx9fydker] {
    font-size: 1rem;
    color: #666;
    margin-top: 0.5rem;
}

.card-body[b-wsx9fydker] {
    padding: 2rem;
}

.tier-tagline[b-wsx9fydker] {
    font-size: 1.125rem;
    font-weight: 600;
    color: #4A6FA5;
    margin-bottom: 1.5rem;
    text-align: center;
}

.benefits-list[b-wsx9fydker] {
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem;
}

.benefits-list li[b-wsx9fydker] {
    padding: 0.75rem 0;
    border-bottom: 1px solid #E8DCC4;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.95rem;
    line-height: 1.6;
}

.benefits-list li:last-child[b-wsx9fydker] {
    border-bottom: none;
}

.benefits-list li i[b-wsx9fydker] {
    color: #2D5016;
    font-size: 1rem;
    margin-top: 0.25rem;
    flex-shrink: 0;
}

.value-proposition[b-wsx9fydker] {
    background: #F5F5F0;
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
    font-size: 1rem;
    color: #2D5016;
    margin-bottom: 1.5rem;
}

.value-proposition.highlight[b-wsx9fydker] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.card-footer[b-wsx9fydker] {
    padding: 0 2rem 2rem;
}

.membership-btn[b-wsx9fydker] {
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    font-size: 1.125rem;
    font-weight: 700;
    text-align: center;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
    border: none;
    cursor: pointer;
}

.btn-community[b-wsx9fydker] {
    background: linear-gradient(135deg, #4A6FA5 0%, #5A7FB5 100%);
    color: white;
}

.btn-community:hover[b-wsx9fydker] {
    background: linear-gradient(135deg, #3A5F95 0%, #4A6FA5 100%);
    transform: translateY(-2px);
}

.btn-basic[b-wsx9fydker] {
    background: linear-gradient(135deg, #2D5016 0%, #3D6026 100%);
    color: white;
}

.btn-basic:hover[b-wsx9fydker] {
    background: linear-gradient(135deg, #1D4006 0%, #2D5016 100%);
    transform: translateY(-2px);
}

.btn-family[b-wsx9fydker] {
    background: linear-gradient(135deg, #8B4513 0%, #9B5523 100%);
    color: white;
}

.btn-family:hover[b-wsx9fydker] {
    background: linear-gradient(135deg, #7B3503 0%, #8B4513 100%);
    transform: translateY(-2px);
}

.btn-standard[b-wsx9fydker] {
    background: linear-gradient(135deg, #D4AF37 0%, #E4BF47 100%);
    color: #2D5016;
}

.btn-standard:hover[b-wsx9fydker] {
    background: linear-gradient(135deg, #C49F27 0%, #D4AF37 100%);
    transform: translateY(-2px);
}

.btn-premium[b-wsx9fydker] {
    background: linear-gradient(135deg, #8B4513 0%, #9B5523 100%);
    color: white;
}

.btn-premium:hover[b-wsx9fydker] {
    background: linear-gradient(135deg, #7B3503 0%, #8B4513 100%);
    transform: translateY(-2px);
}

.btn-champion[b-wsx9fydker] {
    background: linear-gradient(135deg, #C41E3A 0%, #D42E4A 100%);
    color: white;
}

.btn-champion:hover[b-wsx9fydker] {
    background: linear-gradient(135deg, #B40E2A 0%, #C41E3A 100%);
    transform: translateY(-2px);
}

.btn-disabled[b-wsx9fydker] {
    background: #ccc;
    color: #666;
    cursor: not-allowed;
}

.btn-disabled:hover[b-wsx9fydker] {
    transform: none;
}

/* Comparison Table Section */
.comparison-section[b-wsx9fydker] {
    margin-bottom: 4rem;
}

.section-title[b-wsx9fydker] {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 2rem;
}

.comparison-table-wrapper[b-wsx9fydker] {
    overflow-x: auto;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 1rem;
}

.comparison-table[b-wsx9fydker] {
    width: 100%;
    border-collapse: collapse;
    background: white;
    font-size: 0.95rem;
}

.comparison-table thead[b-wsx9fydker] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.comparison-table th[b-wsx9fydker] {
    padding: 1.5rem 1rem;
    text-align: center;
    font-weight: 700;
    font-size: 1.125rem;
}

.comparison-table td[b-wsx9fydker] {
    padding: 1.25rem 1rem;
    text-align: center;
    border-bottom: 1px solid #E8DCC4;
}

.comparison-table tbody tr:hover[b-wsx9fydker] {
    background: #F5F5F0;
}

.feature-name[b-wsx9fydker] {
    text-align: left;
    font-weight: 600;
    color: #2D5016;
}

.popular-column[b-wsx9fydker] {
    background: rgba(212, 175, 55, 0.1);
}

/* FAQ Section */
.membership-faq[b-wsx9fydker] {
    margin-bottom: 4rem;
}

.faq-grid[b-wsx9fydker] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
}

.faq-item[b-wsx9fydker] {
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.faq-item:hover[b-wsx9fydker] {
    transform: translateY(-3px);
}

.faq-item h3[b-wsx9fydker] {
    color: #2D5016;
    font-size: 1.25rem;
    font-weight: 700;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}

.faq-item h3 i[b-wsx9fydker] {
    color: #4A6FA5;
}

.faq-item p[b-wsx9fydker] {
    color: #666;
    line-height: 1.6;
    font-size: 1rem;
}

/* Future Vision Section */
.future-vision[b-wsx9fydker] {
    margin-bottom: 4rem;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, #F5F5F0 0%, #E8DCC4 100%);
    border-radius: 1rem;
}

.vision-intro[b-wsx9fydker] {
    text-align: center;
    font-size: 1.25rem;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto 3rem;
    color: #2D5016;
}

.vision-timeline[b-wsx9fydker] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-bottom: 3rem;
}

.vision-year[b-wsx9fydker] {
    background: white;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s ease;
}

.vision-year.highlight[b-wsx9fydker] {
    border: 3px solid #D4AF37;
    background: linear-gradient(135deg, #fffef5 0%, white 100%);
}

.vision-year:hover[b-wsx9fydker] {
    transform: translateY(-5px);
}

.year-badge[b-wsx9fydker] {
    display: inline-block;
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
    padding: 0.5rem 1.5rem;
    border-radius: 2rem;
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 1rem;
}

.vision-year h3[b-wsx9fydker] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
}

.year-goal[b-wsx9fydker] {
    font-size: 1rem;
    color: #4A6FA5;
    font-weight: 600;
    margin-bottom: 1.5rem;
}

.year-benefits[b-wsx9fydker] {
    list-style: none;
    padding: 0;
    margin-bottom: 1.5rem;
}

.year-benefits li[b-wsx9fydker] {
    padding: 0.75rem 0;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 0.95rem;
    line-height: 1.6;
    color: #333;
}

.year-benefits li i[b-wsx9fydker] {
    color: #2D5016;
    font-size: 1.125rem;
    margin-top: 0.125rem;
    flex-shrink: 0;
}

.vision-year.highlight .year-benefits li i[b-wsx9fydker] {
    color: #D4AF37;
}

.year-impact[b-wsx9fydker] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
    padding: 1rem;
    border-radius: 0.5rem;
    font-size: 0.95rem;
    line-height: 1.6;
    text-align: center;
}

.vision-cta[b-wsx9fydker] {
    background: white;
    padding: 3rem;
    border-radius: 0.75rem;
    text-align: center;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

.vision-cta h3[b-wsx9fydker] {
    font-size: 2rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 2rem;
}

.vision-math[b-wsx9fydker] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 2rem;
    margin-bottom: 2rem;
}

.math-item[b-wsx9fydker] {
    text-align: center;
}

.math-number[b-wsx9fydker] {
    font-size: 4rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 0.5rem;
    background: linear-gradient(135deg, #D4AF37 0%, #E4BF47 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.math-item p[b-wsx9fydker] {
    font-size: 1.125rem;
    color: #666;
    font-weight: 600;
}

.vision-final[b-wsx9fydker] {
    font-size: 1.5rem;
    color: #2D5016;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 2px solid #E8DCC4;
}

/* CTA Section */
.membership-cta[b-wsx9fydker] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
    padding: 4rem 2rem;
    border-radius: 1rem;
    text-align: center;
}

.membership-cta h2[b-wsx9fydker] {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: white;
}

.membership-cta p[b-wsx9fydker] {
    font-size: 1.25rem;
    margin-bottom: 2rem;
    color: rgba(255, 255, 255, 0.9);
}

.cta-buttons[b-wsx9fydker] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
}

.cta-btn[b-wsx9fydker] {
    padding: 1rem 2rem;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
}

.cta-btn.primary[b-wsx9fydker] {
    background: #D4AF37;
    color: #2D5016;
}

.cta-btn.primary:hover[b-wsx9fydker] {
    background: #E4BF47;
    transform: translateY(-2px);
}

.cta-btn.secondary[b-wsx9fydker] {
    background: white;
    color: #2D5016;
}

.cta-btn.secondary:hover[b-wsx9fydker] {
    background: #E8DCC4;
    transform: translateY(-2px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .membership-hero h1[b-wsx9fydker] {
        font-size: 2rem;
    }

    .hero-subtitle[b-wsx9fydker] {
        font-size: 1.25rem;
    }

    .membership-tiers[b-wsx9fydker] {
        grid-template-columns: 1fr;
    }

    .comparison-table[b-wsx9fydker] {
        font-size: 0.875rem;
    }

    .comparison-table th[b-wsx9fydker],
    .comparison-table td[b-wsx9fydker] {
        padding: 0.75rem 0.5rem;
    }

    .faq-grid[b-wsx9fydker] {
        grid-template-columns: 1fr;
    }

    .cta-buttons[b-wsx9fydker] {
        flex-direction: column;
    }

    .cta-btn[b-wsx9fydker] {
        width: 100%;
    }
}
/* _content/WilcoChess.Web/Components/Pages/MembershipPages/Success.razor.rz.scp.css */
.success-container[b-itz0ahc3b5] {
    max-width: 800px;
    margin: 0 auto;
    padding: 3rem 1rem;
    min-height: 80vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.success-card[b-itz0ahc3b5] {
    background: white;
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    text-align: center;
}

.success-icon[b-itz0ahc3b5] {
    font-size: 5rem;
    color: #22c55e;
    margin-bottom: 2rem;
    animation: scaleIn-b-itz0ahc3b5 0.5s ease;
}

@keyframes scaleIn-b-itz0ahc3b5 {
    from {
        transform: scale(0);
        opacity: 0;
    }
    to {
        transform: scale(1);
        opacity: 1;
    }
}

.success-card h1[b-itz0ahc3b5] {
    font-size: 2.5rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1rem;
}

.success-message[b-itz0ahc3b5] {
    font-size: 1.25rem;
    color: #666;
    margin-bottom: 3rem;
    line-height: 1.6;
}

.success-details[b-itz0ahc3b5] {
    background: #F5F5F0;
    padding: 2rem;
    border-radius: 0.75rem;
    margin-bottom: 3rem;
    text-align: left;
}

.detail-item[b-itz0ahc3b5] {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    padding: 1rem 0;
    border-bottom: 1px solid #E8DCC4;
}

.detail-item:last-child[b-itz0ahc3b5] {
    border-bottom: none;
    padding-bottom: 0;
}

.detail-item i[b-itz0ahc3b5] {
    font-size: 1.5rem;
    color: #2D5016;
    margin-top: 0.25rem;
}

.detail-item strong[b-itz0ahc3b5] {
    display: block;
    font-size: 1.125rem;
    color: #2D5016;
    margin-bottom: 0.25rem;
}

.detail-item p[b-itz0ahc3b5] {
    color: #666;
    font-size: 0.95rem;
    margin: 0;
}

/* Family Member Callout */
.family-member-callout[b-itz0ahc3b5] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    gap: 1.5rem;
    box-shadow: 0 4px 12px rgba(45, 80, 22, 0.2);
    animation: slideIn-b-itz0ahc3b5 0.5s ease;
}

@keyframes slideIn-b-itz0ahc3b5 {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.callout-icon[b-itz0ahc3b5] {
    font-size: 3rem;
    flex-shrink: 0;
}

.callout-content[b-itz0ahc3b5] {
    flex: 1;
}

.callout-content h3[b-itz0ahc3b5] {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: white;
}

.callout-content p[b-itz0ahc3b5] {
    margin-bottom: 1rem;
    opacity: 0.95;
    line-height: 1.6;
}

.btn-primary-outline[b-itz0ahc3b5] {
    background: white;
    color: #2D5016;
    padding: 0.75rem 1.5rem;
    font-size: 1rem;
    font-weight: 700;
    border-radius: 0.5rem;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.btn-primary-outline:hover[b-itz0ahc3b5] {
    background: #F5F5F0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.next-steps[b-itz0ahc3b5] {
    text-align: left;
    margin-bottom: 3rem;
}

.next-steps h2[b-itz0ahc3b5] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #2D5016;
    margin-bottom: 1.5rem;
    text-align: center;
}

.next-steps ul[b-itz0ahc3b5] {
    list-style: none;
    padding: 0;
}

.next-steps li[b-itz0ahc3b5] {
    padding: 1rem;
    margin-bottom: 0.75rem;
    background: white;
    border: 2px solid #E8DCC4;
    border-radius: 0.5rem;
    display: flex;
    align-items: flex-start;
    gap: 1rem;
    font-size: 1rem;
    line-height: 1.6;
    transition: all 0.3s ease;
}

.next-steps li:hover[b-itz0ahc3b5] {
    border-color: #2D5016;
    background: #F5F5F0;
}

.next-steps li i[b-itz0ahc3b5] {
    color: #4A6FA5;
    font-size: 1.25rem;
    margin-top: 0.125rem;
}

.next-steps a[b-itz0ahc3b5] {
    color: #4A6FA5;
    text-decoration: underline;
}

.next-steps a:hover[b-itz0ahc3b5] {
    color: #2D5016;
}

.action-buttons[b-itz0ahc3b5] {
    display: flex;
    gap: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

.btn[b-itz0ahc3b5] {
    padding: 1rem 2rem;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 0.5rem;
    text-decoration: none;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
}

.btn-primary[b-itz0ahc3b5] {
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 100%);
    color: white;
}

.btn-primary:hover[b-itz0ahc3b5] {
    background: linear-gradient(135deg, #1D4006 0%, #3A5F95 100%);
    transform: translateY(-2px);
}

.btn-secondary[b-itz0ahc3b5] {
    background: #D4AF37;
    color: #2D5016;
}

.btn-secondary:hover[b-itz0ahc3b5] {
    background: #C49F27;
    transform: translateY(-2px);
}

.btn-tertiary[b-itz0ahc3b5] {
    background: white;
    color: #2D5016;
    border: 2px solid #2D5016;
}

.btn-tertiary:hover[b-itz0ahc3b5] {
    background: #F5F5F0;
    transform: translateY(-2px);
}

.help-section[b-itz0ahc3b5] {
    padding-top: 2rem;
    border-top: 2px solid #E8DCC4;
    color: #666;
    font-size: 0.95rem;
}

.help-section a[b-itz0ahc3b5] {
    color: #4A6FA5;
    text-decoration: underline;
}

.help-section a:hover[b-itz0ahc3b5] {
    color: #2D5016;
}

/* Responsive Design */
@media (max-width: 768px) {
    .success-card[b-itz0ahc3b5] {
        padding: 2rem 1.5rem;
    }

    .success-card h1[b-itz0ahc3b5] {
        font-size: 2rem;
    }

    .success-message[b-itz0ahc3b5] {
        font-size: 1.125rem;
    }

    .family-member-callout[b-itz0ahc3b5] {
        flex-direction: column;
        text-align: center;
        padding: 1.5rem;
    }

    .callout-content h3[b-itz0ahc3b5] {
        font-size: 1.25rem;
    }

    .btn-primary-outline[b-itz0ahc3b5] {
        width: 100%;
        justify-content: center;
    }

    .action-buttons[b-itz0ahc3b5] {
        flex-direction: column;
    }

    .btn[b-itz0ahc3b5] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Members/Directory.razor.rz.scp.css */
/* Directory Page Container */
.directory-page[b-bq5kwv2n8b] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl, 2rem);
}

/* Empty State */
.empty-state[b-bq5kwv2n8b] {
    text-align: center;
    padding: var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.empty-icon[b-bq5kwv2n8b] {
    font-size: 4rem;
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.empty-state h3[b-bq5kwv2n8b] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-2xl, 2rem);
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-md, 1rem) 0;
}

.empty-state p[b-bq5kwv2n8b] {
    color: var(--color-gray, #6b7280);
}

/* Search Container */
.search-container[b-bq5kwv2n8b] {
    max-width: 800px;
    margin: 0 auto var(--spacing-xl, 2rem);
}

.search-box[b-bq5kwv2n8b] {
    position: relative;
    width: 100%;
}

.search-input[b-bq5kwv2n8b] {
    width: 100%;
    padding: var(--spacing-md, 1rem) var(--spacing-3xl, 4rem) var(--spacing-md, 1rem) var(--spacing-lg, 1.5rem);
    border: 2px solid #e5e7eb;
    border-radius: 50px;
    font-size: var(--font-size-base, 1rem);
    transition: border-color 0.2s, box-shadow 0.2s;
    background: white;
}

.search-input:focus[b-bq5kwv2n8b] {
    outline: none;
    border-color: var(--mtsu-blue, #4A6FA5);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.clear-search[b-bq5kwv2n8b] {
    position: absolute;
    right: var(--spacing-lg, 1.5rem);
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: none;
    color: var(--color-gray, #6b7280);
    cursor: pointer;
    padding: 0.5rem;
    transition: color 0.2s;
}

.clear-search:hover[b-bq5kwv2n8b] {
    color: var(--color-gray-dark, #374151);
}

/* No Results */
.no-results[b-bq5kwv2n8b] {
    text-align: center;
    padding: var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);
    color: var(--color-gray, #6b7280);
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.no-results i[b-bq5kwv2n8b] {
    font-size: 3rem;
    margin-bottom: var(--spacing-md, 1rem);
    opacity: 0.5;
}

/* Members Grid */
.members-grid[b-bq5kwv2n8b] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--spacing-lg, 1.5rem);
}

/* Member Card */
.member-card[b-bq5kwv2n8b] {
    background: white;
    border-radius: 1rem;
    padding: var(--spacing-lg, 1.5rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    transition: all 0.3s ease;
    border: 2px solid transparent;
    text-align: left;
    width: 100%;
}

.member-card:hover[b-bq5kwv2n8b] {
    box-shadow: 0 4px 12px rgba(74, 111, 165, 0.15);
    transform: translateY(-2px);
    border-color: var(--mtsu-blue, #4A6FA5);
}

.member-card-header[b-bq5kwv2n8b] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    margin-bottom: var(--spacing-md, 1rem);
}

.member-card-photo[b-bq5kwv2n8b] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e5e7eb;
    flex-shrink: 0;
}

.member-card-photo-placeholder[b-bq5kwv2n8b] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.1), rgba(74, 111, 165, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 1.75rem;
    flex-shrink: 0;
}

.member-card-info[b-bq5kwv2n8b] {
    flex: 1;
    min-width: 0;
}

.member-card-name[b-bq5kwv2n8b] {
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 700;
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-xs, 0.25rem) 0;
}

.member-badge[b-bq5kwv2n8b] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge-member[b-bq5kwv2n8b] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

.badge-bronze[b-bq5kwv2n8b] {
    background: rgba(205, 127, 50, 0.15);
    color: #cd7f32;
}

.badge-silver[b-bq5kwv2n8b] {
    background: rgba(192, 192, 192, 0.3);
    color: #757575;
}

.badge-gold[b-bq5kwv2n8b] {
    background: rgba(255, 215, 0, 0.2);
    color: #b8860b;
}

.badge-platinum[b-bq5kwv2n8b] {
    background: rgba(229, 228, 226, 0.4);
    color: #4a5568;
}

.badge-affiliate[b-bq5kwv2n8b],
.badge-sponsor[b-bq5kwv2n8b] {
    background: rgba(74, 111, 165, 0.1);
    color: var(--mtsu-blue, #4A6FA5);
}

.member-card-bio[b-bq5kwv2n8b] {
    color: var(--color-gray, #6b7280);
    font-size: var(--font-size-sm, 0.875rem);
    line-height: 1.5;
    margin: 0 0 var(--spacing-md, 1rem) 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.member-card-footer[b-bq5kwv2n8b] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--spacing-md, 1rem);
    border-top: 1px solid #e5e7eb;
    font-size: var(--font-size-xs, 0.75rem);
}

.member-joined[b-bq5kwv2n8b] {
    color: var(--color-gray, #6b7280);
}

.chess-profiles[b-bq5kwv2n8b] {
    display: flex;
    gap: 0.5rem;
    color: var(--mtsu-blue, #4A6FA5);
}

/* Modal Overlay */
.modal-overlay[b-bq5kwv2n8b] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: var(--spacing-md, 1rem);
    animation: fadeIn-b-bq5kwv2n8b 0.2s ease-out;
}

@keyframes fadeIn-b-bq5kwv2n8b {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Content */
.modal-content[b-bq5kwv2n8b] {
    background: white;
    border-radius: 1rem;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    animation: slideUp-b-bq5kwv2n8b 0.3s ease-out;
    position: relative;
}

@keyframes slideUp-b-bq5kwv2n8b {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-close[b-bq5kwv2n8b] {
    position: absolute;
    top: var(--spacing-md, 1rem);
    right: var(--spacing-md, 1rem);
    background: rgba(0, 0, 0, 0.1);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 1;
}

.modal-close:hover[b-bq5kwv2n8b] {
    background: rgba(0, 0, 0, 0.2);
}

.modal-close i[b-bq5kwv2n8b] {
    font-size: 1.25rem;
    color: #374151;
}

/* Modal Header */
.modal-header[b-bq5kwv2n8b] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 1.5rem);
    padding: var(--spacing-xl, 2rem);
    border-bottom: 1px solid #e5e7eb;
}

.modal-photo[b-bq5kwv2n8b] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #e5e7eb;
}

.modal-photo-placeholder[b-bq5kwv2n8b] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.1), rgba(74, 111, 165, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 2rem;
}

.modal-header-info[b-bq5kwv2n8b] {
    flex: 1;
}

.modal-name[b-bq5kwv2n8b] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-2xl, 2rem);
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-xs, 0.5rem) 0;
}

/* Modal Body */
.modal-body[b-bq5kwv2n8b] {
    padding: var(--spacing-xl, 2rem);
}

.profile-section[b-bq5kwv2n8b] {
    margin-bottom: var(--spacing-xl, 2rem);
}

.profile-section:last-child[b-bq5kwv2n8b] {
    margin-bottom: 0;
}

.profile-section-title[b-bq5kwv2n8b] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-lg, 1.25rem);
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-md, 1rem) 0;
    padding-bottom: var(--spacing-sm, 0.5rem);
    border-bottom: 2px solid var(--mtsu-blue, #4A6FA5);
}

.profile-bio[b-bq5kwv2n8b] {
    color: var(--color-gray-dark, #374151);
    line-height: 1.6;
    margin: 0;
}

.profile-info-grid[b-bq5kwv2n8b] {
    display: grid;
    gap: var(--spacing-md, 1rem);
}

.profile-info-item[b-bq5kwv2n8b] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-sm, 0.75rem);
    background: rgba(74, 111, 165, 0.03);
    border-radius: 0.5rem;
}

.profile-label[b-bq5kwv2n8b] {
    font-weight: 600;
    color: var(--color-gray, #6b7280);
}

.profile-value[b-bq5kwv2n8b] {
    color: var(--color-gray-dark, #374151);
}

/* Chess Links */
.chess-links[b-bq5kwv2n8b] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm, 0.75rem);
}

.chess-link[b-bq5kwv2n8b] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    padding: var(--spacing-md, 1rem);
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    color: var(--color-gray-dark, #374151);
    text-decoration: none;
    transition: all 0.2s;
}

.chess-link:hover[b-bq5kwv2n8b] {
    border-color: var(--mtsu-blue, #4A6FA5);
    background: rgba(74, 111, 165, 0.03);
}

.chess-link i:first-child[b-bq5kwv2n8b] {
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 1.25rem;
}

.chess-link span[b-bq5kwv2n8b] {
    flex: 1;
    font-weight: 500;
}

.chess-link i.fa-external-link-alt[b-bq5kwv2n8b] {
    font-size: 0.75rem;
    opacity: 0.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .directory-page[b-bq5kwv2n8b] {
        padding: var(--spacing-md, 1rem);
    }

    .members-grid[b-bq5kwv2n8b] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md, 1rem);
    }

    .member-card[b-bq5kwv2n8b] {
        padding: var(--spacing-md, 1rem);
    }

    .modal-content[b-bq5kwv2n8b] {
        max-height: 95vh;
        margin: var(--spacing-sm, 0.5rem);
    }

    .modal-header[b-bq5kwv2n8b] {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-lg, 1.5rem);
    }

    .modal-name[b-bq5kwv2n8b] {
        font-size: var(--font-size-xl, 1.5rem);
    }

    .modal-body[b-bq5kwv2n8b] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .chess-link[b-bq5kwv2n8b] {
        padding: var(--spacing-sm, 0.75rem);
    }

    .chess-link span[b-bq5kwv2n8b] {
        font-size: var(--font-size-sm, 0.875rem);
    }
}

/* Scrollbar for Modal */
.modal-content[b-bq5kwv2n8b]::-webkit-scrollbar {
    width: 8px;
}

.modal-content[b-bq5kwv2n8b]::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.modal-content[b-bq5kwv2n8b]::-webkit-scrollbar-thumb {
    background: rgba(74, 111, 165, 0.3);
    border-radius: 4px;
}

.modal-content[b-bq5kwv2n8b]::-webkit-scrollbar-thumb:hover {
    background: rgba(74, 111, 165, 0.5);
}
/* _content/WilcoChess.Web/Components/Pages/Members/Leaderboard.razor.rz.scp.css */
/* Leaderboard Page Container */
.leaderboard-page[b-5ija3gw5nm] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl, 2rem);
}

/* Empty State */
.empty-state[b-5ija3gw5nm] {
    text-align: center;
    padding: var(--spacing-3xl, 4rem) var(--spacing-xl, 2rem);
    background: white;
    border-radius: 1rem;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.empty-icon[b-5ija3gw5nm] {
    font-size: 4rem;
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.empty-state h3[b-5ija3gw5nm] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-2xl, 2rem);
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-md, 1rem) 0;
}

.empty-state p[b-5ija3gw5nm] {
    color: var(--color-gray, #6b7280);
    margin: var(--spacing-sm, 0.5rem) 0;
}

.empty-state .hint[b-5ija3gw5nm] {
    font-size: var(--font-size-sm, 0.875rem);
    margin-top: var(--spacing-lg, 1.5rem);
}

.empty-state a[b-5ija3gw5nm] {
    color: var(--mtsu-blue, #4A6FA5);
    text-decoration: underline;
    font-weight: 600;
}

/* Platform Toggle */
.platform-toggle-container[b-5ija3gw5nm] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-xl, 2rem);
}

.platform-toggle[b-5ija3gw5nm] {
    display: inline-flex;
    background: white;
    border-radius: 50px;
    padding: 0.25rem;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.toggle-btn[b-5ija3gw5nm] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.75rem);
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.5rem);
    border: none;
    background: transparent;
    color: var(--color-gray-dark, #374151);
    font-weight: 600;
    font-size: var(--font-size-sm, 0.875rem);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.2s;
}

.toggle-btn.active[b-5ija3gw5nm] {
    background: var(--mtsu-blue, #4A6FA5);
    color: white;
}

.platform-icon[b-5ija3gw5nm] {
    height: 20px;
    width: auto;
}

.lichess-icon[b-5ija3gw5nm] {
    filter: invert(0.2);
}

.toggle-btn.active .lichess-icon[b-5ija3gw5nm] {
    filter: invert(1);
}

/* Leaderboard Grid Container */
.leaderboard-grid-container[b-5ija3gw5nm] {
    background: white;
    border-radius: 1rem;
    padding: var(--spacing-xl, 2rem);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    overflow-x: auto;
}

/* QuickGrid Styling */
[b-5ija3gw5nm] .leaderboard-grid {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-sm, 0.875rem);
}

[b-5ija3gw5nm] .leaderboard-grid thead {
    background: rgba(74, 111, 165, 0.05);
}

[b-5ija3gw5nm] .leaderboard-grid th {
    padding: var(--spacing-md, 1rem);
    text-align: left;
    font-weight: 700;
    color: var(--color-gray-dark, #374151);
    text-transform: uppercase;
    font-size: var(--font-size-xs, 0.75rem);
    letter-spacing: 0.05em;
    border-bottom: 2px solid var(--mtsu-blue, #4A6FA5);
    cursor: pointer;
    user-select: none;
}

[b-5ija3gw5nm] .leaderboard-grid th:hover {
    background: rgba(74, 111, 165, 0.08);
}

[b-5ija3gw5nm] .leaderboard-grid tbody tr {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.2s;
}

[b-5ija3gw5nm] .leaderboard-grid tbody tr:hover {
    background: rgba(74, 111, 165, 0.03);
}

/* Hide empty rows when filtered */
[b-5ija3gw5nm] .leaderboard-grid tbody tr:has(td:empty) {
    display: none;
}

[b-5ija3gw5nm] .leaderboard-grid tbody tr:not(:has(*)) {
    display: none;
}

[b-5ija3gw5nm] .leaderboard-grid td {
    padding: var(--spacing-md, 1rem);
    text-align: center;
    font-weight: 600;
    color: var(--color-gray-dark, #374151);
}

[b-5ija3gw5nm] .leaderboard-grid td:first-child {
    font-size: var(--font-size-lg, 1.125rem);
    color: var(--mtsu-blue, #4A6FA5);
    font-weight: 700;
}

[b-5ija3gw5nm] .leaderboard-grid td:nth-child(2),
[b-5ija3gw5nm] .leaderboard-grid td:nth-child(3) {
    text-align: left;
}

/* Member Info */
.member-info[b-5ija3gw5nm] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.75rem);
}

.member-photo[b-5ija3gw5nm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e5e7eb;
}

.member-photo-placeholder[b-5ija3gw5nm] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.1), rgba(74, 111, 165, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 1.25rem;
}

.member-name[b-5ija3gw5nm] {
    font-weight: 600;
    color: var(--color-gray-dark, #374151);
}

/* Username Link */
.username-link[b-5ija3gw5nm] {
    color: var(--mtsu-blue, #4A6FA5);
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 0.2s;
}

.username-link:hover[b-5ija3gw5nm] {
    color: #0052a3;
    text-decoration: underline;
}

.username-link i[b-5ija3gw5nm] {
    font-size: 0.75rem;
    opacity: 0.7;
}

/* Pagination */
.pagination-container[b-5ija3gw5nm] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: var(--spacing-xl, 2rem);
    padding-top: var(--spacing-lg, 1.5rem);
    border-top: 1px solid #e5e7eb;
}

.results-info[b-5ija3gw5nm] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-gray, #6b7280);
}

/* Footer Note */
.leaderboard-footer[b-5ija3gw5nm] {
    text-align: center;
    margin-top: var(--spacing-xl, 2rem);
    padding: var(--spacing-lg, 1.5rem);
    background: rgba(74, 111, 165, 0.05);
    border-radius: 0.5rem;
}

.footer-note[b-5ija3gw5nm] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-gray-dark, #374151);
    margin: 0;
}

.footer-note i[b-5ija3gw5nm] {
    color: var(--mtsu-blue, #4A6FA5);
    margin-right: 0.5rem;
}

.footer-note a[b-5ija3gw5nm] {
    color: var(--mtsu-blue, #4A6FA5);
    text-decoration: underline;
    font-weight: 600;
}

.footer-note a:hover[b-5ija3gw5nm] {
    color: #0052a3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .leaderboard-page[b-5ija3gw5nm] {
        padding: var(--spacing-md, 1rem);
    }

    .platform-toggle[b-5ija3gw5nm] {
        width: 100%;
        justify-content: center;
    }

    .toggle-btn[b-5ija3gw5nm] {
        flex: 1;
        justify-content: center;
        padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
        font-size: 0.8125rem;
    }

    .leaderboard-grid-container[b-5ija3gw5nm] {
        padding: var(--spacing-md, 1rem);
        border-radius: 0.5rem;
    }

    [b-5ija3gw5nm] .leaderboard-grid {
        font-size: 0.8125rem;
    }

    [b-5ija3gw5nm] .leaderboard-grid th,
    [b-5ija3gw5nm] .leaderboard-grid td {
        padding: var(--spacing-sm, 0.75rem) var(--spacing-xs, 0.5rem);
    }

    .member-photo[b-5ija3gw5nm],
    .member-photo-placeholder[b-5ija3gw5nm] {
        width: 32px;
        height: 32px;
    }

    .member-photo-placeholder i[b-5ija3gw5nm] {
        font-size: 1rem;
    }

    .member-name[b-5ija3gw5nm] {
        font-size: 0.8125rem;
    }

    .pagination-container[b-5ija3gw5nm] {
        flex-direction: column;
        gap: var(--spacing-md, 1rem);
    }

    .results-info[b-5ija3gw5nm] {
        text-align: center;
    }
}
/* _content/WilcoChess.Web/Components/Pages/News.razor.rz.scp.css */
/* ============================================
   News Page - Editorial Design
   Flat, Integrated, No Cards
   ============================================ */

.news-page[b-7sr38oiz7v] {
    background: #ffffff;
}

/* ============================================
   Hero Section - Black with Chess Piece
   ============================================ */

.news-hero[b-7sr38oiz7v] {
    position: relative;
    background: #000000;
    color: #ffffff;
    padding: 8rem 4rem;
    overflow: hidden;
    min-height: 40vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news-hero[b-7sr38oiz7v]::before {
    content: '♖';
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%) rotate(15deg);
    font-size: 500px;
    color: rgba(255, 255, 255, 0.03);
    font-weight: 300;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.news-hero-content[b-7sr38oiz7v] {
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
    text-align: left;
    z-index: 1;
}

.news-title[b-7sr38oiz7v] {
    font-family: var(--font-display);
    font-size: clamp(2.5rem, 6vw, 4rem);
    font-weight: 700;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.news-title .gold[b-7sr38oiz7v] {
    color: var(--wheat-gold);
}

.news-title .white[b-7sr38oiz7v] {
    color: #ffffff;
}

.news-subtitle[b-7sr38oiz7v] {
    font-size: 1.25rem;
    line-height: 1.6;
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-weight: 400;
    max-width: 800px;
}

/* ============================================
   Content Section
   ============================================ */

.news-page > div:not(.news-hero)[b-7sr38oiz7v] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
}

.news-page section:not(.news-hero)[b-7sr38oiz7v] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
}

/* ============================================
   Filters - Minimal
   ============================================ */

.news-filters[b-7sr38oiz7v] {
    display: flex;
    gap: 1.5rem;
    margin: 8rem 0 4rem 0;
    flex-wrap: wrap;
}

.filter-select[b-7sr38oiz7v] {
    padding: 0.75rem 1.5rem;
    padding-right: 3rem;
    border: none;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
    font-size: 0.875rem;
    font-weight: 600;
    color: #000000;
    background: transparent;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    appearance: none;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.filter-select:hover[b-7sr38oiz7v] {
    border-bottom-color: var(--cedar-green);
}

.filter-select:focus[b-7sr38oiz7v] {
    outline: none;
    border-bottom-color: var(--cedar-green);
}

/* ============================================
   Loading & Error States
   ============================================ */

.loading-state[b-7sr38oiz7v],
.error-state[b-7sr38oiz7v] {
    text-align: center;
    padding: 6rem 0;
    color: #6b7280;
}

.error-state[b-7sr38oiz7v] {
    color: #8B4513;
}

/* ============================================
   News Grid - Minimal List Layout
   ============================================ */

.news-grid[b-7sr38oiz7v] {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 4rem;
}

/* ============================================
   News Article - Editorial Style
   ============================================ */

.news-article-card[b-7sr38oiz7v] {
    padding: 3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.news-article-card:last-child[b-7sr38oiz7v] {
    border-bottom: none;
}

.news-article-card:hover .news-article-title a[b-7sr38oiz7v] {
    color: var(--cedar-green);
}

.news-article-image[b-7sr38oiz7v] {
    width: 100%;
    max-width: 400px;
    height: 200px;
    object-fit: cover;
    display: block;
    margin-bottom: 2rem;
}

.news-article-content[b-7sr38oiz7v] {
    display: flex;
    flex-direction: column;
}

.news-article-meta[b-7sr38oiz7v] {
    display: flex;
    gap: 1.5rem;
    margin-bottom: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.news-article-category[b-7sr38oiz7v] {
    display: inline-block;
    font-size: 0.6875rem;
    font-weight: 700;
    color: var(--cedar-green);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-family: var(--font-display);
}

.news-article-date[b-7sr38oiz7v] {
    font-size: 0.875rem;
    color: #9ca3af;
    display: flex;
    align-items: center;
}

.news-article-title[b-7sr38oiz7v] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: #000000;
    margin: 0 0 1.5rem 0;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.news-article-title a[b-7sr38oiz7v] {
    color: inherit;
    text-decoration: none;
    transition: color 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.news-article-excerpt[b-7sr38oiz7v] {
    color: #6b7280;
    line-height: 1.8;
    margin-bottom: 1.5rem;
    font-size: 1.0625rem;
    max-width: 800px;
}

.news-article-link[b-7sr38oiz7v] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--cedar-green);
    text-decoration: none;
    font-weight: 600;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-family: var(--font-display);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.news-article-link:hover[b-7sr38oiz7v] {
    color: #1a4010;
    gap: 0.75rem;
}

/* ============================================
   Pagination - Minimal
   ============================================ */

.pagination[b-7sr38oiz7v] {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 4rem;
    padding-top: 4rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.pagination-btn[b-7sr38oiz7v] {
    padding: 0.75rem 1.25rem;
    background: transparent;
    border: none;
    border-bottom: 2px solid transparent;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    font-family: var(--font-display);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
}

.pagination-btn:hover:not(:disabled)[b-7sr38oiz7v] {
    border-bottom-color: var(--cedar-green);
    color: var(--cedar-green);
}

.pagination-btn.active[b-7sr38oiz7v] {
    color: #000000;
    border-bottom-color: #000000;
}

.pagination-btn:disabled[b-7sr38oiz7v] {
    opacity: 0.3;
    cursor: not-allowed;
}

/* ============================================
   Single Article View
   ============================================ */

.article-detail[b-7sr38oiz7v] {
    max-width: 900px;
    margin: 0 auto;
}

.article-header[b-7sr38oiz7v] {
    margin-bottom: 3rem;
    padding-bottom: 3rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.article-title[b-7sr38oiz7v] {
    font-family: var(--font-display);
    font-size: 3rem;
    font-weight: 700;
    color: #000000;
    margin: 0 0 1.5rem 0;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.article-meta[b-7sr38oiz7v] {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    color: #9ca3af;
    font-size: 0.9375rem;
}

.article-featured-image[b-7sr38oiz7v] {
    width: 100%;
    max-height: 500px;
    object-fit: cover;
    margin-bottom: 3rem;
}

.article-body[b-7sr38oiz7v] {
    font-size: 1.125rem;
    line-height: 1.8;
    color: #374151;
}

.article-body h2[b-7sr38oiz7v] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    color: #000000;
    margin: 3rem 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

.article-body h3[b-7sr38oiz7v] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: #000000;
    margin: 2rem 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0;
}

.article-body p[b-7sr38oiz7v] {
    margin-bottom: 1.5rem;
}

.article-body a[b-7sr38oiz7v] {
    color: var(--cedar-green);
    text-decoration: none;
    font-weight: 600;
}

.article-body a:hover[b-7sr38oiz7v] {
    color: #1a4010;
    text-decoration: underline;
}

/* ============================================
   Responsive
   ============================================ */

@media (max-width: 1024px) {
    .news-page[b-7sr38oiz7v] {
        padding: 6rem 3rem;
    }
}

@media (max-width: 768px) {
    .news-hero[b-7sr38oiz7v] {
        padding: 6rem 2rem;
        min-height: 30vh;
    }

    .news-title[b-7sr38oiz7v] {
        font-size: clamp(2rem, 8vw, 3rem);
    }

    .news-subtitle[b-7sr38oiz7v] {
        font-size: 1.125rem;
    }

    .news-page > div:not(.news-hero)[b-7sr38oiz7v],
    .news-page section:not(.news-hero)[b-7sr38oiz7v] {
        padding: 0 2rem;
    }

    .news-filters[b-7sr38oiz7v] {
        margin: 4rem 0 3rem 0;
    }

    .news-filters[b-7sr38oiz7v] {
        flex-direction: column;
        gap: 1rem;
    }

    .filter-select[b-7sr38oiz7v] {
        width: 100%;
    }

    .news-article-card[b-7sr38oiz7v] {
        padding: 2rem 0;
    }

    .news-article-title[b-7sr38oiz7v] {
        font-size: 1.5rem;
    }

    .article-title[b-7sr38oiz7v] {
        font-size: 2rem;
    }

    .pagination[b-7sr38oiz7v] {
        flex-wrap: wrap;
        margin-top: 3rem;
        padding-top: 3rem;
    }

    .pagination-btn[b-7sr38oiz7v] {
        padding: 0.625rem 1rem;
        font-size: 0.75rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Notation.razor.rz.scp.css */
/* ============================================
   Notation Page - Minimal Black/White/Cedar Green
   ============================================ */

.page-container[b-hleetrgoth] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 2rem;
    background: #ffffff;
}

.page-header[b-hleetrgoth] {
    text-align: center;
    margin-bottom: 4rem;
    padding: 3rem 2rem;
    background: #000000;
    border-radius: 0;
    border-bottom: 2px solid var(--cedar-green);
}

.page-title[b-hleetrgoth] {
    font-family: var(--font-display);
    font-size: 3.5rem;
    color: white;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.page-subtitle[b-hleetrgoth] {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    font-weight: 400;
}

.notation-content[b-hleetrgoth] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.notation-section[b-hleetrgoth] {
    background: white;
    border-radius: 0;
    padding: 3rem;
    border: 2px solid #000000;
    position: relative;
}

.notation-section[b-hleetrgoth]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--cedar-green);
}

.section-title[b-hleetrgoth] {
    font-family: var(--font-display);
    font-size: 2.25rem;
    color: #000000;
    margin: 0 0 2rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    position: relative;
    padding-bottom: 1rem;
}

.section-title[b-hleetrgoth]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: var(--cedar-green);
}

.subsection-title[b-hleetrgoth] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: #000000;
    margin: 3rem 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.section-text[b-hleetrgoth] {
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.9;
    margin-bottom: 1.5rem;
    font-size: 1.0625rem;
}

/* Notation Examples */
.notation-examples[b-hleetrgoth] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.notation-example[b-hleetrgoth] {
    background: rgba(0, 0, 0, 0.02);
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 1.5rem;
    font-family: 'Courier New', monospace;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.notation-example:hover[b-hleetrgoth] {
    border-color: var(--cedar-green);
}

.example-title[b-hleetrgoth] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    color: #000000;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.example-notation[b-hleetrgoth] {
    color: var(--cedar-green);
    font-size: 1.1rem;
    line-height: 1.8;
}

/* Symbol Reference Table */
.symbol-table[b-hleetrgoth] {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
}

.symbol-table th[b-hleetrgoth] {
    background: #000000;
    color: white;
    padding: 1rem;
    text-align: left;
    font-family: var(--font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    border: 2px solid #000000;
}

.symbol-table td[b-hleetrgoth] {
    padding: 1rem;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.8);
}

.symbol-table tbody tr:hover[b-hleetrgoth] {
    background: rgba(45, 80, 22, 0.05);
}

.symbol-table .symbol-col[b-hleetrgoth] {
    font-family: 'Courier New', monospace;
    font-weight: bold;
    color: var(--cedar-green);
    font-size: 1.25rem;
    width: 80px;
    text-align: center;
}

/* Lists */
.info-list[b-hleetrgoth] {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
}

.info-list li[b-hleetrgoth] {
    padding: 0.75rem 0;
    padding-left: 2rem;
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.8;
}

.info-list li[b-hleetrgoth]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--cedar-green);
    font-weight: bold;
    font-size: 1.5rem;
}

/* Code Blocks */
.notation-code[b-hleetrgoth] {
    background: rgba(0, 0, 0, 0.02);
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-left: 4px solid var(--cedar-green);
    border-radius: 0;
    padding: 1.5rem;
    font-family: 'Courier New', monospace;
    color: var(--cedar-green);
    font-size: 1rem;
    line-height: 1.8;
    margin: 1.5rem 0;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-hleetrgoth] {
        padding: 2rem 1rem;
    }

    .page-title[b-hleetrgoth] {
        font-size: 2.5rem;
    }

    .notation-section[b-hleetrgoth] {
        padding: 2rem 1.5rem;
    }

    .section-title[b-hleetrgoth] {
        font-size: 1.75rem;
    }

    .notation-examples[b-hleetrgoth] {
        grid-template-columns: 1fr;
    }

    .symbol-table[b-hleetrgoth] {
        font-size: 0.9rem;
    }

    .symbol-table th[b-hleetrgoth],
    .symbol-table td[b-hleetrgoth] {
        padding: 0.75rem 0.5rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/OAuth/GoogleCalendarCallback.razor.rz.scp.css */
.container[b-ixgz0a9h4r] {
    max-width: 600px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.callback-container[b-ixgz0a9h4r] {
    background: white;
    border-radius: 1rem;
    padding: 3rem 2rem;
    text-align: center;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.processing[b-ixgz0a9h4r],
.success[b-ixgz0a9h4r],
.error[b-ixgz0a9h4r] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

.spinner[b-ixgz0a9h4r] {
    width: 64px;
    height: 64px;
    border: 6px solid #f3f4f6;
    border-top-color: #1e3a8a;
    border-radius: 50%;
    animation: spin-b-ixgz0a9h4r 1s linear infinite;
}

@keyframes spin-b-ixgz0a9h4r {
    to {
        transform: rotate(360deg);
    }
}

.success i[b-ixgz0a9h4r],
.error i[b-ixgz0a9h4r] {
    font-size: 4rem;
}

.success i[b-ixgz0a9h4r] {
    color: #10b981;
}

.error i[b-ixgz0a9h4r] {
    color: #ef4444;
}

h2[b-ixgz0a9h4r] {
    font-size: 1.75rem;
    font-weight: 700;
    color: #1f2937;
    margin: 0;
}

p[b-ixgz0a9h4r] {
    font-size: 1rem;
    color: #6b7280;
    margin: 0;
}

.btn-return[b-ixgz0a9h4r] {
    display: inline-block;
    padding: 0.75rem 1.5rem;
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    color: white;
    text-decoration: none;
    border-radius: 0.5rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.btn-return:hover[b-ixgz0a9h4r] {
    background: linear-gradient(135deg, #1e40af 0%, #2563eb 100%);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(30, 58, 138, 0.3);
}

@media (max-width: 640px) {
    .callback-container[b-ixgz0a9h4r] {
        padding: 2rem 1rem;
    }

    h2[b-ixgz0a9h4r] {
        font-size: 1.5rem;
    }

    .spinner[b-ixgz0a9h4r] {
        width: 48px;
        height: 48px;
    }

    .success i[b-ixgz0a9h4r],
    .error i[b-ixgz0a9h4r] {
        font-size: 3rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Privacy.razor.rz.scp.css */
.privacy-page[b-3xx2h4px36] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.content-container[b-3xx2h4px36] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 3rem;
}

.last-updated[b-3xx2h4px36] {
    font-size: 0.875rem;
    color: #6b7280;
    font-style: italic;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.policy-section[b-3xx2h4px36] {
    margin-bottom: 3rem;
}

.policy-section:last-of-type[b-3xx2h4px36] {
    margin-bottom: 2rem;
}

.policy-section h2[b-3xx2h4px36] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 1.5rem 0;
    padding-top: 1rem;
}

.policy-section h3[b-3xx2h4px36] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    margin: 1.5rem 0 1rem 0;
}

.policy-section p[b-3xx2h4px36] {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 1rem;
}

.policy-section ul[b-3xx2h4px36] {
    margin: 1rem 0 1rem 1.5rem;
    padding-left: 0.5rem;
}

.policy-section li[b-3xx2h4px36] {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 0.5rem;
}

.policy-section a[b-3xx2h4px36] {
    color: var(--mtsu-navy);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.policy-section a:hover[b-3xx2h4px36] {
    color: var(--mtsu-light-blue);
    text-decoration: underline;
}

.contact-info[b-3xx2h4px36] {
    background: #f9fafb;
    border-left: 4px solid var(--mtsu-navy);
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 0.5rem;
}

.contact-info p[b-3xx2h4px36] {
    margin-bottom: 0.5rem;
}

.contact-info p:last-child[b-3xx2h4px36] {
    margin-bottom: 0;
}

.contact-info strong[b-3xx2h4px36] {
    color: var(--mtsu-navy);
}

.policy-footer[b-3xx2h4px36] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 2px solid #e5e7eb;
    text-align: center;
}

.policy-footer p[b-3xx2h4px36] {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .privacy-page[b-3xx2h4px36] {
        padding: 1rem 0.5rem;
    }

    .content-container[b-3xx2h4px36] {
        padding: 2rem 1.5rem;
    }

    .policy-section h2[b-3xx2h4px36] {
        font-size: 1.5rem;
    }

    .policy-section h3[b-3xx2h4px36] {
        font-size: 1.125rem;
    }
}

@media (max-width: 480px) {
    .content-container[b-3xx2h4px36] {
        padding: 1.5rem 1rem;
    }

    .policy-section h2[b-3xx2h4px36] {
        font-size: 1.25rem;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Ratings.razor.rz.scp.css */
/* ============================================
   Ratings Page - Minimal Black/White/Cedar Green
   ============================================ */

.page-container[b-12vrxkcx9u] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 2rem;
    background: #ffffff;
}

.page-header[b-12vrxkcx9u] {
    text-align: center;
    margin-bottom: 4rem;
    padding: 3rem 2rem;
    background: #000000;
    border-radius: 0;
    border-bottom: 2px solid var(--cedar-green);
}

.page-title[b-12vrxkcx9u] {
    font-family: var(--font-display);
    font-size: 3.5rem;
    color: white;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    font-weight: 700;
}

.page-subtitle[b-12vrxkcx9u] {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
    font-weight: 400;
}

.ratings-content[b-12vrxkcx9u] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ratings-section[b-12vrxkcx9u] {
    background: white;
    border-radius: 0;
    padding: 3rem;
    border: 2px solid #000000;
    transition: all 0.3s ease;
}

.ratings-section[b-12vrxkcx9u]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--cedar-green);
}

.section-title[b-12vrxkcx9u] {
    font-family: var(--font-display);
    font-size: 2.25rem;
    color: #000000;
    margin: 0 0 2rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 700;
    position: relative;
    padding-bottom: 1rem;
}

.section-title[b-12vrxkcx9u]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: var(--cedar-green);
    border-radius: 0;
}

.subsection-title[b-12vrxkcx9u] {
    font-family: var(--font-display);
    font-size: 1.75rem;
    color: #000000;
    margin: 3rem 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.section-text[b-12vrxkcx9u] {
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.9;
    margin-bottom: 1.5rem;
    font-size: 1.0625rem;
}

/* Rating Systems Cards */
.system-cards[b-12vrxkcx9u] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.system-card[b-12vrxkcx9u] {
    background: white;
    border: 2px solid rgba(0, 0, 0, 0.1);
    border-radius: 0;
    padding: 2rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.system-card:hover[b-12vrxkcx9u] {
    border-color: var(--cedar-green);
    transform: translateY(-4px);
}

.system-icon[b-12vrxkcx9u] {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.system-name[b-12vrxkcx9u] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    color: #000000;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-weight: 700;
}

.system-description[b-12vrxkcx9u] {
    color: rgba(0, 0, 0, 0.7);
    line-height: 1.6;
    font-size: 0.95rem;
}

/* Rating Table */
.rating-table[b-12vrxkcx9u] {
    width: 100%;
    border-collapse: collapse;
    margin: 2rem 0;
}

.rating-table th[b-12vrxkcx9u] {
    background: #000000;
    color: white;
    padding: 1rem;
    text-align: left;
    font-family: var(--font-display);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    font-size: 0.875rem;
    border: 2px solid #000000;
}

.rating-table td[b-12vrxkcx9u] {
    padding: 1rem;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.8);
}

.rating-table tbody tr:hover[b-12vrxkcx9u] {
    background: rgba(45, 80, 22, 0.05);
}

/* Lists */
.info-list[b-12vrxkcx9u] {
    list-style: none;
    padding: 0;
    margin: 1.5rem 0;
}

.info-list li[b-12vrxkcx9u] {
    padding: 0.75rem 0;
    padding-left: 2rem;
    position: relative;
    color: rgba(0, 0, 0, 0.8);
    line-height: 1.8;
}

.info-list li[b-12vrxkcx9u]::before {
    content: "•";
    position: absolute;
    left: 0;
    color: var(--cedar-green);
    font-weight: bold;
    font-size: 1.5rem;
}

/* Responsive */
@media (max-width: 768px) {
    .page-header[b-12vrxkcx9u] {
        padding: 2rem 1rem;
    }

    .page-title[b-12vrxkcx9u] {
        font-size: 2.5rem;
    }

    .ratings-section[b-12vrxkcx9u] {
        padding: 2rem 1.5rem;
    }

    .section-title[b-12vrxkcx9u] {
        font-size: 1.75rem;
    }

    .system-cards[b-12vrxkcx9u] {
        grid-template-columns: 1fr;
    }
}
/* _content/WilcoChess.Web/Components/Pages/Terms.razor.rz.scp.css */
.terms-page[b-15c3nibl3o] {
    max-width: 900px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.content-container[b-15c3nibl3o] {
    background: white;
    border-radius: 0.75rem;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
    padding: 3rem;
}

.last-updated[b-15c3nibl3o] {
    font-size: 0.875rem;
    color: #6b7280;
    font-style: italic;
    margin-bottom: 2rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid #e5e7eb;
}

.policy-section[b-15c3nibl3o] {
    margin-bottom: 3rem;
}

.policy-section:last-of-type[b-15c3nibl3o] {
    margin-bottom: 2rem;
}

.policy-section h2[b-15c3nibl3o] {
    font-size: 1.75rem;
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 1.5rem 0;
    padding-top: 1rem;
}

.policy-section h3[b-15c3nibl3o] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    margin: 1.5rem 0 1rem 0;
}

.policy-section p[b-15c3nibl3o] {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 1rem;
}

.policy-section ul[b-15c3nibl3o] {
    margin: 1rem 0 1rem 1.5rem;
    padding-left: 0.5rem;
}

.policy-section li[b-15c3nibl3o] {
    color: #374151;
    line-height: 1.75;
    margin-bottom: 0.5rem;
}

.policy-section a[b-15c3nibl3o] {
    color: var(--mtsu-navy);
    text-decoration: none;
    font-weight: 500;
    transition: color 0.2s ease;
}

.policy-section a:hover[b-15c3nibl3o] {
    color: var(--mtsu-light-blue);
    text-decoration: underline;
}

.contact-info[b-15c3nibl3o] {
    background: #f9fafb;
    border-left: 4px solid var(--mtsu-navy);
    padding: 1.5rem;
    margin: 1rem 0;
    border-radius: 0.5rem;
}

.contact-info p[b-15c3nibl3o] {
    margin-bottom: 0.5rem;
}

.contact-info p:last-child[b-15c3nibl3o] {
    margin-bottom: 0;
}

.contact-info strong[b-15c3nibl3o] {
    color: var(--mtsu-navy);
}

.policy-footer[b-15c3nibl3o] {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 2px solid #e5e7eb;
    text-align: center;
}

.policy-footer p[b-15c3nibl3o] {
    color: #6b7280;
    font-size: 0.875rem;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .terms-page[b-15c3nibl3o] {
        padding: 1rem 0.5rem;
    }

    .content-container[b-15c3nibl3o] {
        padding: 2rem 1.5rem;
    }

    .policy-section h2[b-15c3nibl3o] {
        font-size: 1.5rem;
    }

    .policy-section h3[b-15c3nibl3o] {
        font-size: 1.125rem;
    }
}

@media (max-width: 480px) {
    .content-container[b-15c3nibl3o] {
        padding: 1.5rem 1rem;
    }

    .policy-section h2[b-15c3nibl3o] {
        font-size: 1.25rem;
    }
}
/* _content/WilcoChess.Web/Components/Shared/BarcodeScanner.razor.rz.scp.css */
.barcode-scanner-modal[b-dk6qnj0uxv] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: 1rem;
    transition: opacity 0.2s, visibility 0.2s;
}

.barcode-scanner-modal.hidden[b-dk6qnj0uxv] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.barcode-scanner-modal.visible[b-dk6qnj0uxv] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.scanner-container[b-dk6qnj0uxv] {
    background: white;
    border-radius: 0.75rem;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.scanner-header[b-dk6qnj0uxv] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.5rem;
    border-bottom: 2px solid #e5e7eb;
    background: #f9fafb;
}

.scanner-header h3[b-dk6qnj0uxv] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.btn-close[b-dk6qnj0uxv] {
    background: none;
    border: none;
    font-size: 2rem;
    line-height: 1;
    cursor: pointer;
    color: #6b7280;
    padding: 0;
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-close:hover[b-dk6qnj0uxv] {
    color: #111827;
}

.scanner-body[b-dk6qnj0uxv] {
    flex: 1;
    padding: 1.5rem;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 400px;
}

/* Instructions */
.scanner-instructions[b-dk6qnj0uxv] {
    text-align: center;
    max-width: 400px;
}

.scanner-instructions .icon[b-dk6qnj0uxv] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.scanner-instructions p[b-dk6qnj0uxv] {
    font-size: 1rem;
    color: #374151;
    margin: 0.5rem 0;
}

.scanner-instructions .hint[b-dk6qnj0uxv] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

/* Desktop Message */
.desktop-message[b-dk6qnj0uxv] {
    max-width: 500px;
}

.desktop-message h3[b-dk6qnj0uxv] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 1rem 0;
}

.desktop-tips[b-dk6qnj0uxv] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem 1.5rem;
    text-align: left;
    margin-top: 1.5rem;
}

.desktop-tips strong[b-dk6qnj0uxv] {
    display: block;
    color: #374151;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
}

.desktop-tips ul[b-dk6qnj0uxv] {
    margin: 0;
    padding-left: 1.5rem;
    color: #6b7280;
}

.desktop-tips li[b-dk6qnj0uxv] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

.btn-start-scan[b-dk6qnj0uxv] {
    background: var(--mtsu-blue);
    color: white;
    padding: 1rem 2rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-start-scan:hover[b-dk6qnj0uxv] {
    background: #0052a3;
    transform: translateY(-2px);
}

/* Video Container */
.video-container[b-dk6qnj0uxv] {
    position: relative;
    width: 100%;
    max-width: 500px;
    background: #000;
    border-radius: 0.5rem;
    overflow: hidden;
}

#barcode-video[b-dk6qnj0uxv] {
    width: 100%;
    height: auto;
    display: block;
}

.scanner-overlay[b-dk6qnj0uxv] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scanner-frame[b-dk6qnj0uxv] {
    width: 80%;
    height: 40%;
    border: 3px solid #10b981;
    border-radius: 0.5rem;
    box-shadow: 0 0 0 9999px rgba(0, 0, 0, 0.5);
}

.scanner-status[b-dk6qnj0uxv] {
    position: absolute;
    bottom: 1rem;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 0.5rem 1rem;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
}

/* Scanner Actions */
.scanner-actions[b-dk6qnj0uxv] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    width: 100%;
    max-width: 500px;
}

.btn-stop[b-dk6qnj0uxv],
.btn-switch[b-dk6qnj0uxv] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-stop[b-dk6qnj0uxv] {
    background: #dc2626;
    color: white;
}

.btn-stop:hover[b-dk6qnj0uxv] {
    background: #b91c1c;
}

.btn-switch[b-dk6qnj0uxv] {
    background: #6b7280;
    color: white;
}

.btn-switch:hover:not(:disabled)[b-dk6qnj0uxv] {
    background: #4b5563;
}

.btn-switch:disabled[b-dk6qnj0uxv] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Permission Notice */
.permission-notice[b-dk6qnj0uxv] {
    background: #fef3c7;
    border: 2px solid #fbbf24;
    border-radius: 0.5rem;
    padding: 1rem;
    margin: 1.5rem 0;
}

.permission-text[b-dk6qnj0uxv] {
    font-weight: 600;
    color: #92400e;
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.permission-hint[b-dk6qnj0uxv] {
    font-size: 0.875rem;
    color: #b45309;
    margin: 0;
}

/* Error Message */
.scanner-error[b-dk6qnj0uxv] {
    background: #fef2f2;
    border: 2px solid #fecaca;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-top: 1rem;
    color: #991b1b;
    width: 100%;
    max-width: 500px;
}

.scanner-error strong[b-dk6qnj0uxv] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.error-instructions[b-dk6qnj0uxv] {
    background: white;
    border-radius: 0.375rem;
    padding: 1rem;
    margin: 1rem 0;
    text-align: left;
}

.error-instructions p[b-dk6qnj0uxv] {
    font-weight: 600;
    color: #991b1b;
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
}

.error-instructions ol[b-dk6qnj0uxv] {
    margin: 0;
    padding-left: 1.5rem;
    color: #dc2626;
}

.error-instructions li[b-dk6qnj0uxv] {
    margin: 0.5rem 0;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.error-hint[b-dk6qnj0uxv] {
    font-size: 0.875rem;
    color: #dc2626;
    margin: 0.5rem 0;
}

.btn-retry[b-dk6qnj0uxv] {
    background: var(--mtsu-blue);
    color: white;
    padding: 0.75rem 1.5rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    margin-top: 1rem;
    transition: all 0.2s;
}

.btn-retry:hover[b-dk6qnj0uxv] {
    background: #0052a3;
}

/* Result */
.scanner-result[b-dk6qnj0uxv] {
    text-align: center;
    width: 100%;
    max-width: 400px;
}

.success-icon[b-dk6qnj0uxv] {
    width: 80px;
    height: 80px;
    background: #10b981;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    margin: 0 auto 1rem;
}

.scanner-result h4[b-dk6qnj0uxv] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1rem 0;
}

.result-code[b-dk6qnj0uxv] {
    background: #f9fafb;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    padding: 1rem;
    font-family: monospace;
    font-size: 1.25rem;
    font-weight: 600;
    color: var(--mtsu-blue);
    margin-bottom: 1.5rem;
}

.result-actions[b-dk6qnj0uxv] {
    display: flex;
    gap: 1rem;
}

.btn-use[b-dk6qnj0uxv],
.btn-scan-again[b-dk6qnj0uxv] {
    flex: 1;
    padding: 0.875rem 1rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-use[b-dk6qnj0uxv] {
    background: var(--mtsu-blue);
    color: white;
}

.btn-use:hover[b-dk6qnj0uxv] {
    background: #0052a3;
}

.btn-scan-again[b-dk6qnj0uxv] {
    background: white;
    border: 2px solid #e5e7eb;
    color: #374151;
}

.btn-scan-again:hover[b-dk6qnj0uxv] {
    border-color: #9ca3af;
}

/* Footer */
.scanner-footer[b-dk6qnj0uxv] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 2px solid #e5e7eb;
    background: #f9fafb;
}

.btn-cancel[b-dk6qnj0uxv],
.btn-manual[b-dk6qnj0uxv] {
    flex: 1;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancel[b-dk6qnj0uxv] {
    background: white;
    border: 2px solid #e5e7eb;
    color: #6b7280;
}

.btn-cancel:hover[b-dk6qnj0uxv] {
    border-color: #9ca3af;
    color: #374151;
}

.btn-manual[b-dk6qnj0uxv] {
    background: var(--mtsu-blue);
    color: white;
    border: none;
}

.btn-manual:hover[b-dk6qnj0uxv] {
    background: #0052a3;
}

/* Responsive */
@media (max-width: 640px) {
    .scanner-container[b-dk6qnj0uxv] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .scanner-actions[b-dk6qnj0uxv],
    .result-actions[b-dk6qnj0uxv],
    .scanner-footer[b-dk6qnj0uxv] {
        flex-direction: column;
    }

    .btn-stop[b-dk6qnj0uxv],
    .btn-switch[b-dk6qnj0uxv],
    .btn-use[b-dk6qnj0uxv],
    .btn-scan-again[b-dk6qnj0uxv],
    .btn-cancel[b-dk6qnj0uxv],
    .btn-manual[b-dk6qnj0uxv] {
        width: 100%;
    }
}
/* _content/WilcoChess.Web/Components/Shared/BreakingNewsBanner.razor.rz.scp.css */
/* ============================================
   WILCO CHESS CLUB - Breaking News Banner
   Minimal Black/White with Cedar Green Accents
   ============================================ */

.news-banner[b-erkbfqeuxh] {
    color: #ffffff;
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    position: sticky;
    top: 0;
    overflow: hidden;
    gap: 1.5rem;
    width: 100%;
    min-width: 100%;
    align-self: start;
    box-sizing: border-box;
    z-index: 999;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-bottom: 2px solid;
}

/* Breaking News Styling - Tobacco Barn Red (Brand Color) */
.news-banner.breaking[b-erkbfqeuxh] {
    background: #8B4513;
    border-bottom-color: #6B3410;
}

/* Latest News Styling - Wilson Blue (Brand Color) */
.news-banner.latest[b-erkbfqeuxh] {
    background: var(--wilson-blue);
    border-bottom-color: #3a5580;
}

.news-label[b-erkbfqeuxh] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-family: var(--font-display);
    font-weight: 700;
    font-size: 0.875rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    white-space: nowrap;
    flex-shrink: 0;
}

.news-icon[b-erkbfqeuxh] {
    font-size: 1rem;
}

/* Only pulse for breaking news */
.news-banner.breaking .news-icon[b-erkbfqeuxh] {
    animation: pulse-b-erkbfqeuxh 2s ease-in-out infinite;
}

@keyframes pulse-b-erkbfqeuxh {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.news-text[b-erkbfqeuxh] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    letter-spacing: 0.12em;
}

.news-content[b-erkbfqeuxh] {
    flex: 1;
    overflow: hidden;
    position: relative;
    min-height: 1.5rem;
}

.news-ticker[b-erkbfqeuxh] {
    display: flex;
    gap: 3rem;
    white-space: nowrap;
}

.ticker-scroll[b-erkbfqeuxh] {
    animation: ticker-b-erkbfqeuxh 30s linear infinite;
}

.ticker-static[b-erkbfqeuxh] {
    animation: none;
    justify-content: flex-start;
}

@keyframes ticker-b-erkbfqeuxh {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.ticker-scroll:hover[b-erkbfqeuxh] {
    animation-play-state: paused;
}

.news-item[b-erkbfqeuxh] {
    display: inline-flex;
    align-items: center;
    gap: 1rem;
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9375rem;
    font-weight: 400;
    transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.news-item:hover[b-erkbfqeuxh] {
    opacity: 0.7;
}

.news-separator[b-erkbfqeuxh] {
    font-size: 0.75rem;
    opacity: 0.5;
}

.news-blurb[b-erkbfqeuxh] {
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.4;
}

.news-view-all[b-erkbfqeuxh] {
    color: #ffffff;
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    white-space: nowrap;
    padding: 0.75rem 1.5rem;
    background: transparent;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    flex-shrink: 0;
}

.news-view-all:hover[b-erkbfqeuxh] {
    border-color: #ffffff;
    background: rgba(255, 255, 255, 0.1);
}

/* Responsive */
@media (max-width: 768px) {
    .news-banner[b-erkbfqeuxh] {
        padding: 0.75rem 1rem;
        flex-direction: column;
        align-items: flex-start;
        gap: 0.75rem;
    }

    .news-label[b-erkbfqeuxh] {
        font-size: 0.75rem;
    }

    .news-text[b-erkbfqeuxh] {
        font-size: 1rem;
    }

    .news-content[b-erkbfqeuxh] {
        width: 100%;
    }

    .news-item[b-erkbfqeuxh] {
        font-size: 0.875rem;
    }

    .news-view-all[b-erkbfqeuxh] {
        width: 100%;
        text-align: center;
    }

    .ticker-scroll[b-erkbfqeuxh] {
        animation-duration: 20s;
    }
}
/* _content/WilcoChess.Web/Components/Shared/Button.razor.rz.scp.css */
/* Base Button Styles - Modern, glassmorphic design */
.btn[b-63vprwdc0p] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-xs);
    padding: 0.625rem 1.25rem;
    border-radius: 50px;
    font-size: var(--font-size-sm);
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    border: none;
    position: relative;
    overflow: hidden;
    letter-spacing: 0.01em;
    line-height: 1.5;
}

/* Shine effect on hover */
.btn[b-63vprwdc0p]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0));
    opacity: 0;
    transition: opacity 0.3s;
}

.btn:hover:not(:disabled)[b-63vprwdc0p]::before {
    opacity: 1;
}

.btn:active:not(:disabled)[b-63vprwdc0p] {
    transform: scale(0.98);
}

/* Icon spacing */
.btn i[b-63vprwdc0p] {
    font-size: 1em;
}

/* ========== COLOR VARIANTS ========== */

/* Primary - MTSU Blue gradient */
.btn-primary[b-63vprwdc0p] {
    background: linear-gradient(135deg, var(--mtsu-blue), var(--mtsu-light-blue));
    color: #ffffff;
    box-shadow:
        0 2px 12px rgba(0, 102, 204, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-primary:hover:not(:disabled)[b-63vprwdc0p] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(0, 102, 204, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Secondary - Outlined with backdrop blur */
.btn-secondary[b-63vprwdc0p] {
    background: var(--color-surface);
    color: var(--mtsu-blue);
    border: 1.5px solid rgba(0, 102, 204, 0.3);
    backdrop-filter: blur(10px);
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.btn-secondary:hover:not(:disabled)[b-63vprwdc0p] {
    background: rgba(0, 102, 204, 0.05);
    border-color: var(--mtsu-blue);
    transform: translateY(-1px);
    box-shadow:
        0 4px 12px rgba(0, 102, 204, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* Success - Green */
.btn-success[b-63vprwdc0p] {
    background: linear-gradient(135deg, #10b981, #34d399);
    color: #ffffff;
    box-shadow:
        0 2px 12px rgba(16, 185, 129, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-success:hover:not(:disabled)[b-63vprwdc0p] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(16, 185, 129, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Danger - Red */
.btn-danger[b-63vprwdc0p] {
    background: linear-gradient(135deg, #ef4444, #f87171);
    color: #ffffff;
    box-shadow:
        0 2px 12px rgba(239, 68, 68, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-danger:hover:not(:disabled)[b-63vprwdc0p] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(239, 68, 68, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Warning - Gold/Orange */
.btn-warning[b-63vprwdc0p] {
    background: linear-gradient(135deg, var(--color-gold), #fbbf24);
    color: #ffffff;
    box-shadow:
        0 2px 12px rgba(245, 158, 11, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-warning:hover:not(:disabled)[b-63vprwdc0p] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(245, 158, 11, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Info - Light Blue */
.btn-info[b-63vprwdc0p] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    color: #ffffff;
    box-shadow:
        0 2px 12px rgba(59, 130, 246, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-info:hover:not(:disabled)[b-63vprwdc0p] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(59, 130, 246, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

/* Light - Light gray background */
.btn-light[b-63vprwdc0p] {
    background: var(--color-gray-lightest);
    color: var(--color-gray-dark);
    border: 1.5px solid rgba(0, 0, 0, 0.1);
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.05),
        inset 0 1px 0 rgba(255, 255, 255, 0.5);
}

.btn-light:hover:not(:disabled)[b-63vprwdc0p] {
    background: var(--color-surface);
    border-color: rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.1),
        inset 0 1px 0 rgba(255, 255, 255, 0.6);
}

/* Dark - Navy gradient */
.btn-dark[b-63vprwdc0p] {
    background: linear-gradient(135deg, var(--mtsu-navy), #1e293b);
    color: #ffffff;
    box-shadow:
        0 2px 12px rgba(14, 39, 80, 0.25),
        0 1px 3px rgba(0, 0, 0, 0.1);
}

.btn-dark:hover:not(:disabled)[b-63vprwdc0p] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(14, 39, 80, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

/* ========== SIZE VARIANTS ========== */

.btn-small[b-63vprwdc0p] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    border-radius: 40px;
}

.btn-medium[b-63vprwdc0p] {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-sm);
    border-radius: 50px;
}

.btn-large[b-63vprwdc0p] {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
    border-radius: 60px;
}

/* ========== STATE MODIFIERS ========== */

.btn:disabled[b-63vprwdc0p] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

.btn-full-width[b-63vprwdc0p] {
    width: 100%;
}

/* ========== DARK MODE ========== */

[data-theme="dark"] .btn-primary[b-63vprwdc0p] {
    background: linear-gradient(135deg, #3b82f6, #60a5fa);
    box-shadow:
        0 2px 12px rgba(59, 130, 246, 0.3),
        0 1px 3px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .btn-primary:hover:not(:disabled)[b-63vprwdc0p] {
    box-shadow:
        0 4px 20px rgba(59, 130, 246, 0.45),
        0 2px 6px rgba(0, 0, 0, 0.25);
}

[data-theme="dark"] .btn-secondary[b-63vprwdc0p] {
    background: rgba(30, 41, 59, 0.6);
    border-color: rgba(96, 165, 250, 0.4);
    color: #60a5fa;
    box-shadow:
        0 2px 8px rgba(0, 0, 0, 0.3),
        inset 0 1px 0 rgba(96, 165, 250, 0.1);
}

[data-theme="dark"] .btn-secondary:hover:not(:disabled)[b-63vprwdc0p] {
    background: rgba(59, 130, 246, 0.15);
    border-color: #60a5fa;
    box-shadow:
        0 4px 12px rgba(59, 130, 246, 0.25),
        inset 0 1px 0 rgba(96, 165, 250, 0.2);
}

[data-theme="dark"] .btn-light[b-63vprwdc0p] {
    background: rgba(51, 65, 85, 0.8);
    color: #e2e8f0;
    border-color: rgba(148, 163, 184, 0.3);
}

[data-theme="dark"] .btn-light:hover:not(:disabled)[b-63vprwdc0p] {
    background: rgba(71, 85, 105, 0.9);
    border-color: rgba(148, 163, 184, 0.5);
}

/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
    .btn[b-63vprwdc0p] {
        padding: 0.625rem 1.125rem;
        font-size: 0.875rem;
    }

    .btn-small[b-63vprwdc0p] {
        padding: 0.5rem 0.875rem;
        font-size: 0.75rem;
    }

    .btn-large[b-63vprwdc0p] {
        padding: 0.75rem 1.5rem;
        font-size: 0.9375rem;
    }
}
/* _content/WilcoChess.Web/Components/Shared/CalendarView.razor.rz.scp.css */
/* Calendar Container */
.calendar-container[b-x6rtcodu8d] {
    background: var(--color-surface, #ffffff);
    border-radius: 16px;
    padding: var(--spacing-xl, 2rem);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    touch-action: pan-y; /* Allow vertical scrolling but enable horizontal swipe detection */
}

/* Calendar Header */
.calendar-header[b-x6rtcodu8d] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-xl, 2rem);
    gap: var(--spacing-md, 1rem);
}

.calendar-month[b-x6rtcodu8d] {
    font-size: var(--font-size-2xl, 1.875rem);
    font-weight: 700;
    color: var(--mtsu-navy, #2D5016);
    margin: 0;
    flex: 1;
    text-align: center;
}

.btn-nav[b-x6rtcodu8d] {
    background: rgba(74, 111, 165, 0.08);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--mtsu-blue, #4A6FA5);
    font-size: var(--font-size-lg, 1.125rem);
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-nav:hover[b-x6rtcodu8d] {
    background: var(--mtsu-blue, #4A6FA5);
    color: white;
    transform: scale(1.1);
}

.btn-today[b-x6rtcodu8d] {
    background: var(--mtsu-blue, #4A6FA5);
    color: white;
    border: none;
    padding: 0.5rem 1rem;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    font-size: var(--font-size-sm, 0.875rem);
    transition: all 0.3s ease;
}

.btn-today:hover[b-x6rtcodu8d] {
    background: var(--mtsu-navy, #2D5016);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(74, 111, 165, 0.3);
}

/* Calendar Grid */
.calendar-grid[b-x6rtcodu8d] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

.calendar-day-header[b-x6rtcodu8d] {
    font-weight: 700;
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-gray, #6b7280);
    text-align: center;
    padding: 0.75rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

/* Calendar Day Cells */
.calendar-day[b-x6rtcodu8d] {
    min-height: 120px;
    background: #f9fafb;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
}

.calendar-day:hover[b-x6rtcodu8d] {
    background: #f3f4f6;
    border-color: rgba(74, 111, 165, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.calendar-day.other-month[b-x6rtcodu8d] {
    background: #fafafa;
    opacity: 0.5;
}

.calendar-day.other-month .day-number[b-x6rtcodu8d] {
    color: #9ca3af;
}

.calendar-day.today[b-x6rtcodu8d] {
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.1), rgba(74, 111, 165, 0.1));
    border-color: var(--mtsu-blue, #4A6FA5);
}

.calendar-day.has-events[b-x6rtcodu8d] {
    background: white;
}

.day-number[b-x6rtcodu8d] {
    font-weight: 700;
    font-size: var(--font-size-base, 1rem);
    color: var(--mtsu-navy, #2D5016);
    margin-bottom: 4px;
}

.calendar-day.today .day-number[b-x6rtcodu8d] {
    background: var(--mtsu-blue, #4A6FA5);
    color: white;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-sm, 0.875rem);
}

/* Day Events */
.day-events[b-x6rtcodu8d] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    overflow: hidden;
}

.event-pill[b-x6rtcodu8d] {
    background: var(--mtsu-blue, #4A6FA5);
    color: white;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    display: flex;
    gap: 4px;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
}

.event-pill:hover[b-x6rtcodu8d] {
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.event-time[b-x6rtcodu8d] {
    opacity: 0.9;
    font-size: 0.7rem;
}

.event-title[b-x6rtcodu8d] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Event Type Colors */
.event-weekly[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #4A6FA5, #4A6FA5);
}

.event-tournament[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #be8c0e, #d4a520);
}

.event-blitz[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.event-class[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #70a130, #84b745);
}

.event-lecture[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #91268f, #a742a5);
}

.event-simul[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #d0146f, #e62e8a);
}

.event-social[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.event-other[b-x6rtcodu8d] {
    background: linear-gradient(135deg, #6b7280, #9ca3af);
}

.event-more[b-x6rtcodu8d] {
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    padding: 2px 4px;
    text-align: center;
    transition: all 0.2s ease;
}

.event-more:hover[b-x6rtcodu8d] {
    background: rgba(74, 111, 165, 0.1);
    border-radius: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .calendar-container[b-x6rtcodu8d] {
        padding: var(--spacing-sm, 0.5rem);
        overflow-x: hidden;
    }

    .calendar-header[b-x6rtcodu8d] {
        margin-bottom: var(--spacing-md, 1rem);
        gap: var(--spacing-sm, 0.5rem);
    }

    .calendar-month[b-x6rtcodu8d] {
        font-size: var(--font-size-lg, 1.125rem);
    }

    .btn-nav[b-x6rtcodu8d] {
        width: 32px;
        height: 32px;
        font-size: var(--font-size-sm, 0.875rem);
    }

    .btn-today[b-x6rtcodu8d] {
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
    }

    .calendar-grid[b-x6rtcodu8d] {
        gap: 4px;
    }

    .calendar-day-header[b-x6rtcodu8d] {
        font-size: 0.65rem;
        padding: 0.5rem 0;
    }

    .calendar-day[b-x6rtcodu8d] {
        min-height: 70px;
        padding: 3px;
    }

    .day-number[b-x6rtcodu8d] {
        font-size: 0.75rem;
    }

    .calendar-day.today .day-number[b-x6rtcodu8d] {
        width: 24px;
        height: 24px;
        font-size: 0.7rem;
    }

    .event-pill[b-x6rtcodu8d] {
        padding: 2px 4px;
        font-size: 0.6rem;
    }

    .event-time[b-x6rtcodu8d] {
        display: none; /* Hide time on mobile to save space */
    }
}

@media (max-width: 480px) {
    .calendar-container[b-x6rtcodu8d] {
        padding: 0.25rem;
    }

    .calendar-month[b-x6rtcodu8d] {
        font-size: var(--font-size-base, 1rem);
    }

    .btn-nav[b-x6rtcodu8d] {
        width: 28px;
        height: 28px;
    }

    .btn-today[b-x6rtcodu8d] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }

    .calendar-grid[b-x6rtcodu8d] {
        gap: 2px;
    }

    .calendar-day-header[b-x6rtcodu8d] {
        font-size: 0.6rem;
        padding: 0.375rem 0;
    }

    .calendar-day[b-x6rtcodu8d] {
        min-height: 50px;
        padding: 2px;
    }

    .day-number[b-x6rtcodu8d] {
        font-size: 0.65rem;
    }

    .calendar-day.today .day-number[b-x6rtcodu8d] {
        width: 20px;
        height: 20px;
        font-size: 0.6rem;
    }

    .day-events[b-x6rtcodu8d] {
        gap: 1px;
    }

    .event-pill[b-x6rtcodu8d] {
        padding: 1px 3px;
        font-size: 0.55rem;
    }
}
/* _content/WilcoChess.Web/Components/Shared/ComingSoonBanner.razor.rz.scp.css */
.coming-soon-banner[b-j10re4jhtz] {
    background: var(--cedar-green);
    padding: 3rem 2rem;
    margin: 0;
    border-radius: 0;
    box-shadow: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
}

.coming-soon-banner[b-j10re4jhtz]::before {
    display: none;
}

.banner-content[b-j10re4jhtz] {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

.banner-icon[b-j10re4jhtz] {
    display: none;
}

.banner-text[b-j10re4jhtz] {
    flex: 1;
    min-width: 320px;
    color: white;
}

.banner-title[b-j10re4jhtz] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    margin: 0 0 0.75rem 0;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.banner-message[b-j10re4jhtz] {
    font-size: 1rem;
    margin: 0;
    line-height: 1.7;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 400;
}

.banner-countdown[b-j10re4jhtz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: rgba(0, 0, 0, 0.2);
    padding: 2rem 3rem;
    border-radius: 0;
    backdrop-filter: none;
    border: 2px solid rgba(255, 255, 255, 0.2);
    position: relative;
}

.banner-countdown[b-j10re4jhtz]::before {
    display: none;
}

.countdown-label[b-j10re4jhtz] {
    font-size: 0.75rem;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.6);
    margin-bottom: 1rem;
    font-weight: 600;
}

.countdown-number[b-j10re4jhtz] {
    font-family: var(--font-display);
    font-size: 3.5rem;
    font-weight: 700;
    color: #ffffff;
    line-height: 1;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .coming-soon-banner[b-j10re4jhtz] {
        padding: 2rem 1.25rem;
        margin: 1.5rem 0;
    }

    .banner-content[b-j10re4jhtz] {
        flex-direction: column;
        gap: 2rem;
        text-align: center;
    }

    .banner-icon[b-j10re4jhtz] {
        font-size: 3rem;
    }

    .banner-title[b-j10re4jhtz] {
        font-size: 1.75rem;
    }

    .banner-message[b-j10re4jhtz] {
        font-size: 1rem;
    }

    .countdown-number[b-j10re4jhtz] {
        font-size: 3.5rem;
    }

    .banner-countdown[b-j10re4jhtz] {
        width: 100%;
        max-width: 240px;
        padding: 1.75rem 2rem;
    }
}

@media (max-width: 480px) {
    .coming-soon-banner[b-j10re4jhtz] {
        padding: 1.5rem 1rem;
    }

    .banner-title[b-j10re4jhtz] {
        font-size: 1.5rem;
    }

    .banner-message[b-j10re4jhtz] {
        font-size: 0.9375rem;
    }

    .countdown-number[b-j10re4jhtz] {
        font-size: 3rem;
    }

    .banner-countdown[b-j10re4jhtz] {
        padding: 1.5rem 1.75rem;
    }
}
/* _content/WilcoChess.Web/Components/Shared/ComingSoonPillBanner.razor.rz.scp.css */
/* ============================================
   WILCO CHESS CLUB - Coming Soon Half Pill Banner
   Minimal Design with Cedar Green
   ============================================ */

.coming-soon-pill-banner[b-f7vqjaztbq] {
    position: absolute;
    top: 2rem;
    left: 0;
    z-index: 10;
    animation: slideInFromLeft-b-f7vqjaztbq 0.8s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slideInFromLeft-b-f7vqjaztbq {
    from {
        transform: translateX(-100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

.pill-content[b-f7vqjaztbq] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1rem 2.5rem 1rem 1.5rem;
    background: var(--cedar-green);
    color: #ffffff;
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
    box-shadow: 4px 4px 16px rgba(0, 0, 0, 0.15);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.coming-soon-pill-banner:hover .pill-content[b-f7vqjaztbq] {
    transform: translateX(1rem);
    box-shadow: 6px 6px 20px rgba(0, 0, 0, 0.2);
}

.pill-icon[b-f7vqjaztbq] {
    font-size: 1.25rem;
    line-height: 1;
    animation: bounce-b-f7vqjaztbq 2s ease-in-out infinite;
}

@keyframes bounce-b-f7vqjaztbq {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-4px);
    }
}

.pill-text[b-f7vqjaztbq] {
    white-space: nowrap;
    line-height: 1;
}

/* Mobile Responsive */
@media (max-width: 968px) {
    .coming-soon-pill-banner[b-f7vqjaztbq] {
        top: 1.5rem;
        left: 0;
    }

    .pill-content[b-f7vqjaztbq] {
        font-size: 0.6875rem;
        padding: 0.75rem 2rem 0.75rem 1rem;
        gap: 0.5rem;
    }

    .pill-icon[b-f7vqjaztbq] {
        font-size: 1rem;
    }
}

@media (max-width: 640px) {
    .pill-content[b-f7vqjaztbq] {
        font-size: 0.625rem;
        padding: 0.625rem 1.5rem 0.625rem 0.875rem;
    }

    .pill-text[b-f7vqjaztbq] {
        letter-spacing: 0.08em;
    }
}
/* _content/WilcoChess.Web/Components/Shared/ErrorMessage.razor.rz.scp.css */
.error-message[b-btqquoazw6] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    gap: 1rem;
    margin: 1rem 0;
}

.error-icon[b-btqquoazw6] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.error-content[b-btqquoazw6] {
    flex: 1;
}

.error-title[b-btqquoazw6] {
    font-weight: 600;
    color: #991b1b;
    margin: 0 0 0.25rem 0;
}

.error-text[b-btqquoazw6] {
    color: #7f1d1d;
    margin: 0;
    font-size: 0.875rem;
}
/* _content/WilcoChess.Web/Components/Shared/EventCard.razor.rz.scp.css */
/* ============================================
   Event Item - Minimal List Style
   ============================================ */

.event-card[b-skrarjnaqp] {
    background: transparent;
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
    padding: 3rem 0;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.event-card:hover[b-skrarjnaqp] {
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

.event-header[b-skrarjnaqp] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    gap: 2rem;
}

.event-badges[b-skrarjnaqp] {
    display: flex;
    gap: 1rem;
    align-items: center;
    flex-wrap: wrap;
}

.event-type[b-skrarjnaqp] {
    font-family: var(--font-display);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(0, 0, 0, 0.4);
    padding: 0;
    background: transparent;
}

.event-type.tournament[b-skrarjnaqp],
.event-type.weeklyclub[b-skrarjnaqp],
.event-type.monthlyblitz[b-skrarjnaqp] {
    color: rgba(0, 0, 0, 0.4);
    background: transparent;
}

.time-control-badge[b-skrarjnaqp] {
    font-size: 0.6875rem;
    font-weight: 600;
    color: rgba(0, 0, 0, 0.3);
}

.event-fee[b-skrarjnaqp] {
    font-family: var(--font-display);
    font-size: 1rem;
    font-weight: 600;
    color: #000000;
    white-space: nowrap;
}

.event-fee.free[b-skrarjnaqp] {
    color: rgba(0, 0, 0, 0.5);
}

.event-title[b-skrarjnaqp] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--cedar-green);
    margin: 0 0 1.5rem 0;
    line-height: 1.2;
    text-transform: none;
    letter-spacing: -0.01em;
}

.event-details[b-skrarjnaqp] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.event-detail[b-skrarjnaqp] {
    display: flex;
    align-items: center;
    gap: 1rem;
    font-size: 0.875rem;
    color: #6b7280;
}

.detail-icon[b-skrarjnaqp] {
    display: none;
}

.event-description[b-skrarjnaqp] {
    color: #6b7280;
    font-size: 0.9375rem;
    line-height: 1.8;
    margin-bottom: 2rem;
}

.event-actions[b-skrarjnaqp] {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.btn[b-skrarjnaqp] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.875rem 2rem;
    border: 2px solid;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: inline-block;
}

.btn-primary[b-skrarjnaqp] {
    background: var(--cedar-green);
    color: #ffffff;
    border-color: var(--cedar-green);
}

.btn-primary:hover[b-skrarjnaqp] {
    background: #1a4010;
    border-color: #1a4010;
}

.btn-secondary[b-skrarjnaqp] {
    background: transparent;
    color: var(--cedar-green);
    border-color: var(--cedar-green);
}

.btn-secondary:hover[b-skrarjnaqp] {
    background: var(--cedar-green);
    color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    .event-card[b-skrarjnaqp] {
        padding: 2rem 0;
    }

    .event-header[b-skrarjnaqp] {
        flex-direction: column;
        gap: 1rem;
    }

    .event-title[b-skrarjnaqp] {
        font-size: 1.25rem;
    }

    .event-actions[b-skrarjnaqp] {
        flex-direction: column;
        align-items: stretch;
    }

    .btn[b-skrarjnaqp] {
        text-align: center;
    }
}
/* _content/WilcoChess.Web/Components/Shared/EventDetailModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-kz9eo2btpi] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    padding: var(--spacing-lg, 1.5rem);
    animation: fadeIn-b-kz9eo2btpi 0.2s ease;
}

@keyframes fadeIn-b-kz9eo2btpi {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Content */
.modal-content[b-kz9eo2btpi] {
    background: white;
    border-radius: 16px;
    max-width: 700px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
    animation: slideUp-b-kz9eo2btpi 0.3s ease;
}

@keyframes slideUp-b-kz9eo2btpi {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Modal Header */
.modal-header[b-kz9eo2btpi] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-xl, 2rem);
    border-bottom: 2px solid #f3f4f6;
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.05), rgba(74, 111, 165, 0.05));
}

.modal-title[b-kz9eo2btpi] {
    font-size: var(--font-size-2xl, 1.875rem);
    font-weight: 700;
    color: var(--mtsu-navy, #2D5016);
    margin: 0;
    flex: 1;
    padding-right: var(--spacing-lg, 1.5rem);
}

.modal-close[b-kz9eo2btpi] {
    background: rgba(0, 0, 0, 0.05);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--color-gray-dark, #374151);
    font-size: var(--font-size-xl, 1.5rem);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.modal-close:hover[b-kz9eo2btpi] {
    background: #dc2626;
    color: white;
    transform: rotate(90deg);
}

/* Modal Body */
.modal-body[b-kz9eo2btpi] {
    padding: var(--spacing-xl, 2rem);
}

.event-detail-grid[b-kz9eo2btpi] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-lg, 1.5rem);
    margin-bottom: var(--spacing-xl, 2rem);
}

.detail-item[b-kz9eo2btpi] {
    display: flex;
    gap: var(--spacing-md, 1rem);
    align-items: flex-start;
}

.detail-icon[b-kz9eo2btpi] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.1), rgba(74, 111, 165, 0.1));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #4A6FA5);
    font-size: var(--font-size-lg, 1.125rem);
    flex-shrink: 0;
}

.detail-content[b-kz9eo2btpi] {
    flex: 1;
}

.detail-label[b-kz9eo2btpi] {
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    color: var(--color-gray, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
}

.detail-value[b-kz9eo2btpi] {
    font-size: var(--font-size-base, 1rem);
    font-weight: 600;
    color: var(--mtsu-navy, #2D5016);
}

.detail-value.free[b-kz9eo2btpi] {
    color: var(--color-green, #70a130);
    font-weight: 700;
}

/* Event Type Badge */
.event-type-badge[b-kz9eo2btpi] {
    display: inline-block;
    padding: 6px 12px;
    border-radius: 6px;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 700;
    color: white;
}

.type-weekly[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #4A6FA5, #4A6FA5);
}

.type-tournament[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #be8c0e, #d4a520);
}

.type-blitz[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.type-class[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #70a130, #84b745);
}

.type-lecture[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #91268f, #a742a5);
}

.type-simul[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #d0146f, #e62e8a);
}

.type-social[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.type-other[b-kz9eo2btpi] {
    background: linear-gradient(135deg, #6b7280, #9ca3af);
}

/* Description and Notes */
.event-description[b-kz9eo2btpi],
.event-notes[b-kz9eo2btpi] {
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.event-description h3[b-kz9eo2btpi],
.event-notes h3[b-kz9eo2btpi] {
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 700;
    color: var(--mtsu-navy, #2D5016);
    margin-bottom: var(--spacing-sm, 0.5rem);
}

.event-description p[b-kz9eo2btpi],
.event-notes p[b-kz9eo2btpi] {
    font-size: var(--font-size-base, 1rem);
    color: var(--color-gray-dark, #374151);
    line-height: 1.6;
    margin: 0;
    white-space: pre-wrap;
}

/* Modal Footer */
.modal-footer[b-kz9eo2btpi] {
    padding: var(--spacing-xl, 2rem);
    border-top: 2px solid #f3f4f6;
    display: flex;
    gap: var(--spacing-md, 1rem);
    justify-content: flex-end;
}

.btn-register[b-kz9eo2btpi] {
    background: var(--mtsu-blue, #4A6FA5);
    color: white;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: var(--font-size-base, 1rem);
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    transition: all 0.3s ease;
}

.btn-register:hover[b-kz9eo2btpi] {
    background: var(--mtsu-navy, #2D5016);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(74, 111, 165, 0.4);
}

.btn-close-modal[b-kz9eo2btpi] {
    background: #f3f4f6;
    color: var(--color-gray-dark, #374151);
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 8px;
    font-weight: 600;
    font-size: var(--font-size-base, 1rem);
    cursor: pointer;
    transition: all 0.2s ease;
}

.btn-close-modal:hover[b-kz9eo2btpi] {
    background: #e5e7eb;
}

/* Responsive */
@media (max-width: 768px) {
    .modal-overlay[b-kz9eo2btpi] {
        padding: 0;
    }

    .modal-content[b-kz9eo2btpi] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .modal-header[b-kz9eo2btpi] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .modal-title[b-kz9eo2btpi] {
        font-size: var(--font-size-xl, 1.5rem);
    }

    .modal-body[b-kz9eo2btpi] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .event-detail-grid[b-kz9eo2btpi] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md, 1rem);
    }

    .modal-footer[b-kz9eo2btpi] {
        padding: var(--spacing-lg, 1.5rem);
        flex-direction: column-reverse;
    }

    .btn-register[b-kz9eo2btpi],
    .btn-close-modal[b-kz9eo2btpi] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/WilcoChess.Web/Components/Shared/EventForm.razor.rz.scp.css */
.form-grid[b-zmsqpfjw0s] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.form-group[b-zmsqpfjw0s] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.form-group.full-width[b-zmsqpfjw0s] {
    grid-column: 1 / -1;
}

.form-group.checkbox-group[b-zmsqpfjw0s] {
    grid-column: 1 / -1;
}

.form-group.checkbox-group label[b-zmsqpfjw0s] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: normal;
    cursor: pointer;
}

.form-group label[b-zmsqpfjw0s] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

.form-control[b-zmsqpfjw0s] {
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    background: white;
}

.form-control:focus[b-zmsqpfjw0s] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

.form-actions[b-zmsqpfjw0s] {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-submit[b-zmsqpfjw0s] {
    padding: 0.75rem 2rem;
    background-color: #1e3a8a;
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.2s;
}

.btn-submit:hover:not(:disabled)[b-zmsqpfjw0s] {
    background-color: #1e40af;
}

.btn-submit:disabled[b-zmsqpfjw0s] {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-cancel[b-zmsqpfjw0s] {
    padding: 0.75rem 2rem;
    background-color: white;
    color: #374151;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancel:hover[b-zmsqpfjw0s] {
    background-color: #f3f4f6;
}

.validation-message[b-zmsqpfjw0s] {
    color: #dc2626;
    font-size: 0.75rem;
    margin-top: 0.25rem;
}

.form-section-header[b-zmsqpfjw0s] {
    grid-column: 1 / -1;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e5e7eb;
}

.form-section-header h3[b-zmsqpfjw0s] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.25rem 0;
}

.help-text[b-zmsqpfjw0s] {
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0;
}

.field-help[b-zmsqpfjw0s] {
    font-size: 0.75rem;
    color: #6b7280;
    font-style: italic;
}

.time-control-preview[b-zmsqpfjw0s] {
    padding: 1rem;
    background-color: #dbeafe;
    border-left: 4px solid #1e3a8a;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.time-control-preview strong[b-zmsqpfjw0s] {
    color: #1e3a8a;
}

.category-badge[b-zmsqpfjw0s] {
    display: inline-block;
    margin-left: 0.5rem;
    padding: 0.25rem 0.75rem;
    background-color: #1e3a8a;
    color: white;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

@media (max-width: 768px) {
    .form-grid[b-zmsqpfjw0s] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-zmsqpfjw0s] {
        flex-direction: column;
    }

    .btn-submit[b-zmsqpfjw0s],
    .btn-cancel[b-zmsqpfjw0s] {
        width: 100%;
    }
}
/* _content/WilcoChess.Web/Components/Shared/JoinCTA.razor.rz.scp.css */
/* Sticky CTA Container */
.join-cta-sticky[b-t9s19zkens] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 1000;
    animation: slideInBounce-b-t9s19zkens 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes slideInBounce-b-t9s19zkens {
    0% {
        opacity: 0;
        transform: translateY(100px) scale(0.8);
    }
    60% {
        opacity: 1;
        transform: translateY(-10px) scale(1.05);
    }
    80% {
        transform: translateY(5px) scale(0.98);
    }
    100% {
        transform: translateY(0) scale(1);
    }
}

/* CTA Button - WILCO Branding */
.join-cta-button[b-t9s19zkens] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 2rem;
    background: linear-gradient(135deg,
                var(--cedar-green) 0%,
                var(--wilson-blue) 50%,
                var(--wheat-gold) 100%);
    color: white;
    text-decoration: none;
    border-radius: 60px;
    box-shadow: 0 10px 35px rgba(45, 80, 22, 0.5),
                0 6px 20px rgba(74, 111, 165, 0.4),
                0 2px 8px rgba(212, 175, 55, 0.3),
                inset 0 1px 2px rgba(255, 255, 255, 0.3);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.3);
}

/* Animated background shine effect */
.join-cta-button[b-t9s19zkens]::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent);
    transition: left 0.5s ease;
}

.join-cta-button:hover[b-t9s19zkens]::before {
    left: 100%;
}

.join-cta-button:hover[b-t9s19zkens] {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 45px rgba(45, 80, 22, 0.6),
                0 8px 25px rgba(74, 111, 165, 0.5),
                0 4px 12px rgba(212, 175, 55, 0.4),
                inset 0 1px 2px rgba(255, 255, 255, 0.4);
}

.join-cta-button:active[b-t9s19zkens] {
    transform: translateY(-2px) scale(1.02);
}

/* Icon */
.join-cta-icon[b-t9s19zkens] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    flex-shrink: 0;
    backdrop-filter: blur(10px);
}

.join-cta-icon i[b-t9s19zkens] {
    font-size: 1.5rem;
    color: white;
}

/* Text Content */
.join-cta-text-content[b-t9s19zkens] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;
}

.join-cta-label[b-t9s19zkens] {
    font-family: var(--font-display);
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.05em;
}

.join-cta-sublabel[b-t9s19zkens] {
    font-size: 0.875rem;
    font-weight: 500;
    opacity: 0.95;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* Pulsing animation to draw attention */
@keyframes pulse-b-t9s19zkens {
    0%, 100% {
        box-shadow: 0 10px 35px rgba(45, 80, 22, 0.5),
                    0 6px 20px rgba(74, 111, 165, 0.4),
                    0 2px 8px rgba(212, 175, 55, 0.3),
                    inset 0 1px 2px rgba(255, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 12px 40px rgba(45, 80, 22, 0.6),
                    0 8px 25px rgba(74, 111, 165, 0.5),
                    0 3px 10px rgba(212, 175, 55, 0.4),
                    inset 0 1px 2px rgba(255, 255, 255, 0.3);
    }
}

.join-cta-button[b-t9s19zkens] {
    animation: slideInBounce-b-t9s19zkens 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55),
               pulse-b-t9s19zkens 3s ease-in-out 2s infinite;
}

/* Responsive Design */
@media (max-width: 768px) {
    .join-cta-sticky[b-t9s19zkens] {
        bottom: 1.5rem;
        right: 1.5rem;
        left: 1.5rem;
    }

    .join-cta-button[b-t9s19zkens] {
        width: 100%;
        justify-content: center;
        padding: 1rem 1.5rem;
    }

    .join-cta-icon[b-t9s19zkens] {
        width: 40px;
        height: 40px;
    }

    .join-cta-icon i[b-t9s19zkens] {
        font-size: 1.25rem;
    }

    .join-cta-label[b-t9s19zkens] {
        font-size: 1.25rem;
    }

    .join-cta-sublabel[b-t9s19zkens] {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .join-cta-sticky[b-t9s19zkens] {
        bottom: 1rem;
        right: 1rem;
        left: 1rem;
    }

    .join-cta-button[b-t9s19zkens] {
        padding: 0.875rem 1.25rem;
        gap: 0.75rem;
    }

    .join-cta-icon[b-t9s19zkens] {
        width: 36px;
        height: 36px;
    }

    .join-cta-icon i[b-t9s19zkens] {
        font-size: 1.125rem;
    }

    .join-cta-label[b-t9s19zkens] {
        font-size: 1.125rem;
    }

    .join-cta-sublabel[b-t9s19zkens] {
        font-size: 0.7rem;
    }
}
/* _content/WilcoChess.Web/Components/Shared/LoadingSpinner.razor.rz.scp.css */
.loading-spinner[b-xetfbf6xt1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-xetfbf6xt1] {
    border: 4px solid #f3f4f6;
    border-top: 4px solid #1e3a8a;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-xetfbf6xt1 1s linear infinite;
}

@keyframes spin-b-xetfbf6xt1 {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.loading-message[b-xetfbf6xt1] {
    margin-top: 1rem;
    color: #6b7280;
    font-size: 0.875rem;
}
/* _content/WilcoChess.Web/Components/Shared/MemberProfileModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-udtd9bsr1f] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2000;
    padding: var(--spacing-md, 1rem);
    animation: fadeIn-b-udtd9bsr1f 0.2s ease-out;
}

@keyframes fadeIn-b-udtd9bsr1f {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Content */
.modal-content[b-udtd9bsr1f] {
    background: white;
    border-radius: 1rem;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    overflow-y: auto;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
    animation: slideUp-b-udtd9bsr1f 0.3s ease-out;
    position: relative;
}

@keyframes slideUp-b-udtd9bsr1f {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-close[b-udtd9bsr1f] {
    position: absolute;
    top: var(--spacing-md, 1rem);
    right: var(--spacing-md, 1rem);
    background: rgba(0, 0, 0, 0.1);
    border: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background 0.2s;
    z-index: 1;
}

.modal-close:hover[b-udtd9bsr1f] {
    background: rgba(0, 0, 0, 0.2);
}

.modal-close i[b-udtd9bsr1f] {
    font-size: 1.25rem;
    color: #374151;
}

/* Modal Header */
.modal-header[b-udtd9bsr1f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 1.5rem);
    padding: var(--spacing-xl, 2rem);
    border-bottom: 1px solid #e5e7eb;
}

.modal-photo[b-udtd9bsr1f] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #e5e7eb;
}

.modal-photo-placeholder[b-udtd9bsr1f] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(74, 111, 165, 0.1), rgba(74, 111, 165, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 2rem;
}

.modal-header-info[b-udtd9bsr1f] {
    flex: 1;
}

.modal-name[b-udtd9bsr1f] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-2xl, 2rem);
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-xs, 0.5rem) 0;
}

.member-badge[b-udtd9bsr1f] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 50px;
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.badge-member[b-udtd9bsr1f] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

.badge-bronze[b-udtd9bsr1f] {
    background: rgba(205, 127, 50, 0.15);
    color: #cd7f32;
}

.badge-silver[b-udtd9bsr1f] {
    background: rgba(192, 192, 192, 0.3);
    color: #757575;
}

.badge-gold[b-udtd9bsr1f] {
    background: rgba(255, 215, 0, 0.2);
    color: #b8860b;
}

.badge-platinum[b-udtd9bsr1f] {
    background: rgba(229, 228, 226, 0.4);
    color: #4a5568;
}

.badge-affiliate[b-udtd9bsr1f],
.badge-sponsor[b-udtd9bsr1f] {
    background: rgba(74, 111, 165, 0.1);
    color: var(--mtsu-blue, #4A6FA5);
}

/* Modal Body */
.modal-body[b-udtd9bsr1f] {
    padding: var(--spacing-xl, 2rem);
}

.profile-section[b-udtd9bsr1f] {
    margin-bottom: var(--spacing-xl, 2rem);
}

.profile-section:last-child[b-udtd9bsr1f] {
    margin-bottom: 0;
}

.profile-section-title[b-udtd9bsr1f] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-lg, 1.25rem);
    color: var(--color-gray-dark, #374151);
    margin: 0 0 var(--spacing-md, 1rem) 0;
    padding-bottom: var(--spacing-sm, 0.5rem);
    border-bottom: 2px solid var(--mtsu-blue, #4A6FA5);
}

.profile-bio[b-udtd9bsr1f] {
    color: var(--color-gray-dark, #374151);
    line-height: 1.6;
    margin: 0;
}

.profile-info-grid[b-udtd9bsr1f] {
    display: grid;
    gap: var(--spacing-md, 1rem);
}

.profile-info-item[b-udtd9bsr1f] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-sm, 0.75rem);
    background: rgba(74, 111, 165, 0.03);
    border-radius: 0.5rem;
}

.profile-label[b-udtd9bsr1f] {
    font-weight: 600;
    color: var(--color-gray, #6b7280);
}

.profile-value[b-udtd9bsr1f] {
    color: var(--color-gray-dark, #374151);
}

/* Chess Links */
.chess-links[b-udtd9bsr1f] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm, 0.75rem);
}

.chess-link[b-udtd9bsr1f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    padding: var(--spacing-md, 1rem);
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 0.5rem;
    color: var(--color-gray-dark, #374151);
    text-decoration: none;
    transition: all 0.2s;
}

.chess-link:hover[b-udtd9bsr1f] {
    border-color: var(--mtsu-blue, #4A6FA5);
    background: rgba(74, 111, 165, 0.03);
}

.chess-link i:first-child[b-udtd9bsr1f] {
    color: var(--mtsu-blue, #4A6FA5);
    font-size: 1.25rem;
}

.chess-link span[b-udtd9bsr1f] {
    flex: 1;
    font-weight: 500;
}

.chess-link i.fa-external-link-alt[b-udtd9bsr1f] {
    font-size: 0.75rem;
    opacity: 0.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .modal-content[b-udtd9bsr1f] {
        max-height: 95vh;
        margin: var(--spacing-sm, 0.5rem);
    }

    .modal-header[b-udtd9bsr1f] {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-lg, 1.5rem);
    }

    .modal-name[b-udtd9bsr1f] {
        font-size: var(--font-size-xl, 1.5rem);
    }

    .modal-body[b-udtd9bsr1f] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .chess-link[b-udtd9bsr1f] {
        padding: var(--spacing-sm, 0.75rem);
    }

    .chess-link span[b-udtd9bsr1f] {
        font-size: var(--font-size-sm, 0.875rem);
    }
}

/* Scrollbar for Modal */
.modal-content[b-udtd9bsr1f]::-webkit-scrollbar {
    width: 8px;
}

.modal-content[b-udtd9bsr1f]::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.modal-content[b-udtd9bsr1f]::-webkit-scrollbar-thumb {
    background: rgba(74, 111, 165, 0.3);
    border-radius: 4px;
}

.modal-content[b-udtd9bsr1f]::-webkit-scrollbar-thumb:hover {
    background: rgba(74, 111, 165, 0.5);
}
/* _content/WilcoChess.Web/Components/Shared/MemorialBanner.razor.rz.scp.css */
/* ============================================
   Memorial Banner
   ============================================ */

.memorial-banner[b-al9isxokdt] {
    background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%);
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    padding: var(--spacing-md) var(--spacing-lg);
    width: 100%;
}

.memorial-content[b-al9isxokdt] {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
}

.memorial-photo[b-al9isxokdt] {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid rgba(255, 255, 255, 0.3);
    flex-shrink: 0;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.memorial-icon[b-al9isxokdt] {
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.6);
    flex-shrink: 0;
}

.memorial-text[b-al9isxokdt] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.memorial-message[b-al9isxokdt] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    line-height: 1.5;
}

.memorial-message strong[b-al9isxokdt] {
    color: #ffffff;
    font-weight: 600;
}

.memorial-subtitle[b-al9isxokdt] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.7);
    margin: 0;
    font-style: italic;
    line-height: 1.4;
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 968px) {
    .memorial-banner[b-al9isxokdt] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .memorial-photo[b-al9isxokdt] {
        width: 40px;
        height: 40px;
    }

    .memorial-icon[b-al9isxokdt] {
        font-size: 1.5rem;
    }

    .memorial-message[b-al9isxokdt] {
        font-size: var(--font-size-sm);
    }

    .memorial-subtitle[b-al9isxokdt] {
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 640px) {
    .memorial-content[b-al9isxokdt] {
        gap: var(--spacing-sm);
    }

    .memorial-photo[b-al9isxokdt] {
        width: 36px;
        height: 36px;
    }

    .memorial-icon[b-al9isxokdt] {
        font-size: 1.25rem;
    }

    .memorial-text[b-al9isxokdt] {
        gap: 0.125rem;
    }
}
/* _content/WilcoChess.Web/Components/Shared/MobileMenu.razor.rz.scp.css */
/* ============================================
   WILCO CHESS CLUB - Mobile Menu
   Minimal Black/White with Cedar Green Accents
   ============================================ */

/* Mobile Menu Overlay */
.mobile-menu-overlay[b-62l4neuv2c] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    animation: fadeIn-b-62l4neuv2c 0.3s ease-out;
}

@keyframes fadeIn-b-62l4neuv2c {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Mobile Menu Container */
.mobile-menu[b-62l4neuv2c] {
    position: fixed;
    top: 70px;
    right: 0;
    width: 320px;
    max-width: 85vw;
    height: calc(100vh - 70px);
    background: #000000;
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    overflow-y: auto;
    animation: slideIn-b-62l4neuv2c 0.3s ease-out;
    touch-action: pan-y;
}

@keyframes slideIn-b-62l4neuv2c {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* Mobile Menu Content */
.mobile-menu-content[b-62l4neuv2c] {
    padding: 1rem 0;
}

.mobile-nav-link[b-62l4neuv2c] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem 1.5rem;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    border-left: 2px solid transparent;
}

.mobile-nav-link i[b-62l4neuv2c] {
    width: 20px;
    text-align: center;
    display: none; /* Hide icons for minimal look */
}

.mobile-nav-link:hover[b-62l4neuv2c] {
    color: #ffffff;
    border-left-color: var(--cedar-green);
    padding-left: 1.75rem;
}

.mobile-nav-link-admin[b-62l4neuv2c] {
    background: rgba(212, 175, 55, 0.1);
    color: var(--wheat-gold);
    border: 2px solid var(--wheat-gold);
    border-radius: 0;
    margin: 0.5rem 1rem;
    padding: 0.875rem 1.5rem;
}

.mobile-nav-link-admin:hover[b-62l4neuv2c] {
    background: rgba(212, 175, 55, 0.2);
    border-color: var(--wheat-gold);
}

.mobile-nav-link-highlight[b-62l4neuv2c] {
    background: var(--cedar-green);
    color: #ffffff;
    margin: 0 1rem;
    border-radius: 0;
}

.mobile-nav-link-highlight:hover[b-62l4neuv2c] {
    background: #1a4010;
    border-left-color: transparent;
}

/* Mobile Dropdown */
.mobile-dropdown[b-62l4neuv2c] {
    display: flex;
    flex-direction: column;
}

.mobile-dropdown-toggle[b-62l4neuv2c] {
    justify-content: space-between;
}

.mobile-dropdown-toggle span[b-62l4neuv2c] {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.mobile-chevron[b-62l4neuv2c] {
    font-size: 0.625rem;
    color: rgba(255, 255, 255, 0.4);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 0.5rem;
}

.mobile-chevron.expanded[b-62l4neuv2c] {
    transform: rotate(180deg);
}

.mobile-dropdown-menu[b-62l4neuv2c] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 255, 255, 0.02);
}

.mobile-dropdown-menu.expanded[b-62l4neuv2c] {
    max-height: 3000px;
}

.mobile-dropdown-item[b-62l4neuv2c] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    padding-left: 3rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: none;
    letter-spacing: 0.03em;
}

.mobile-dropdown-item:hover[b-62l4neuv2c] {
    color: #ffffff;
    padding-left: 3.25rem;
}

.mobile-icon[b-62l4neuv2c] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.6;
}

.mobile-icon-lichess[b-62l4neuv2c] {
    opacity: 0.6;
}

.mobile-dropdown-item:hover .mobile-icon[b-62l4neuv2c],
.mobile-dropdown-item:hover .mobile-icon-lichess[b-62l4neuv2c] {
    opacity: 1;
}

/* Mobile Divider */
.mobile-divider[b-62l4neuv2c] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1rem 1.5rem;
}

/* Mobile Section Label */
.mobile-section-label[b-62l4neuv2c] {
    padding: 0.75rem 1.5rem;
    font-family: var(--font-display);
    font-size: 0.6875rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Mobile Dropdown Sections */
.mobile-dropdown-section-header[b-62l4neuv2c] {
    padding: 0.75rem 1.5rem;
    padding-left: 2.5rem;
    font-family: var(--font-display);
    font-size: 0.6875rem;
    font-weight: 800;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: color 0.3s ease;
}

.mobile-dropdown-section-header:hover[b-62l4neuv2c] {
    color: rgba(255, 255, 255, 0.6);
}

.mobile-accordion-arrow[b-62l4neuv2c] {
    font-size: 0.625rem;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown-accordion-content[b-62l4neuv2c] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown-accordion-content.expanded[b-62l4neuv2c] {
    max-height: 3000px;
}

.mobile-dropdown-sub-divider[b-62l4neuv2c] {
    height: 1px;
    background: rgba(255, 255, 255, 0.05);
    margin: 0.5rem 2.5rem;
}

/* Brand Items */
.mobile-dropdown-item-brand[b-62l4neuv2c] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    padding-left: 2.5rem;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-dropdown-item-brand:hover[b-62l4neuv2c] {
    background: rgba(45, 80, 22, 0.1);
}

.mobile-brand-logo[b-62l4neuv2c] {
    height: 20px;
    width: auto;
    object-fit: contain;
    /* No filter - preserve brand logo colors */
    opacity: 0.7;
    transition: all 0.3s ease;
}

.mobile-dropdown-item-brand:hover .mobile-brand-logo[b-62l4neuv2c] {
    opacity: 1;
}

.mobile-brand-text[b-62l4neuv2c] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.5);
}

.mobile-brand-lichess[b-62l4neuv2c] {
    font-family: 'Noto Sans', sans-serif;
    text-transform: lowercase;
}

/* Organization Links */
.mobile-nav-link-org[b-62l4neuv2c] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.5rem;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-left: 2px solid transparent;
}

.mobile-nav-link-org:hover[b-62l4neuv2c] {
    border-left-color: var(--cedar-green);
}

.mobile-org-logo[b-62l4neuv2c] {
    height: 24px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    /* No filter - preserve affiliate logo colors in full */
    transition: all 0.3s ease;
}

.mobile-nav-link-org:hover .mobile-org-logo[b-62l4neuv2c] {
    opacity: 0.8;
}
/* _content/WilcoChess.Web/Components/Shared/Navigation.razor.rz.scp.css */
/* ============================================
   WILCO CHESS CLUB - Modern Minimal Navigation
   ============================================ */

.navigation-wrapper[b-fnguvmv2lw] {
    display: contents;
}

/* ============================================
   Sidebar - Minimal, Bold Typography
   ============================================ */

.sidebar-nav[b-fnguvmv2lw] {
    position: fixed;
    top: 0;
    left: 0;
    width: 240px;
    height: 100vh;
    background: #000000;
    border-right: 2px solid #000000;
    color: #ffffff;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1001;
    display: flex;
    flex-direction: column;
}

/* ============================================
   Sidebar Header - Minimal Branding
   ============================================ */

.sidebar-header[b-fnguvmv2lw] {
    padding: 3rem 2rem 2rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
}

.sidebar-brand[b-fnguvmv2lw] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.sidebar-brand:hover[b-fnguvmv2lw] {
    opacity: 0.7;
}

.sidebar-logo[b-fnguvmv2lw] {
    width: 90px;
    height: 90px;
    object-fit: contain;
    /* No filter - preserve logo design for dark background */
}

.sidebar-title[b-fnguvmv2lw] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    text-align: left;
    color: #ffffff;
}

/* ============================================
   Sidebar Links - Minimal Typography
   ============================================ */

.sidebar-links[b-fnguvmv2lw] {
    flex: 1;
    padding: 2rem 0;
    display: flex;
    flex-direction: column;
    gap: 0;
}

.sidebar-link[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    gap: 0;
    padding: 1rem 2rem;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none;
    font-family: var(--font-display);
    font-size: 0.875rem;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 0;
    margin: 0;
    background: transparent;
    border: none;
    border-left: 2px solid transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
    position: relative;
}

.sidebar-link i[b-fnguvmv2lw] {
    display: none;
}

.sidebar-link:hover[b-fnguvmv2lw] {
    color: #ffffff;
    border-left-color: #ffffff;
    padding-left: 2.25rem;
}

/* Admin Link - Distinguished */
.sidebar-link-admin[b-fnguvmv2lw] {
    background: #ffffff;
    color: #000000;
    margin: 0.5rem 2rem;
    font-weight: 700;
    border-left: none;
}

.sidebar-link-admin:hover[b-fnguvmv2lw] {
    background: rgba(255, 255, 255, 0.9);
    padding-left: 2rem;
}

/* Highlighted Join Button */
.sidebar-link-highlight[b-fnguvmv2lw] {
    background: #ffffff;
    color: #000000 !important;
    font-weight: 700;
    margin: 0.5rem 2rem;
    border-left: none;
}

.sidebar-link-highlight:hover[b-fnguvmv2lw] {
    background: rgba(255, 255, 255, 0.9);
    padding-left: 2rem;
}

/* ============================================
   Dividers & Sections - Minimal
   ============================================ */

.sidebar-divider[b-fnguvmv2lw] {
    height: 1px;
    background: rgba(255, 255, 255, 0.1);
    margin: 1.5rem 2rem;
}

.sidebar-section-label[b-fnguvmv2lw] {
    padding: 1.5rem 2rem 0.75rem;
    font-family: var(--font-display);
    font-size: 0.6875rem;
    font-weight: 700;
    color: rgba(255, 255, 255, 0.4);
    text-transform: uppercase;
    letter-spacing: 0.12em;
}

/* ============================================
   Organization Links - Minimal
   ============================================ */

.sidebar-link-org[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.75rem 2rem;
    text-transform: none;
    border-left: none;
}

.sidebar-org-logo[b-fnguvmv2lw] {
    height: 24px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: all 0.3s ease;
    /* No filter - preserve affiliate logo colors in full */
}

.sidebar-link-org:hover .sidebar-org-logo[b-fnguvmv2lw] {
    opacity: 0.8;
}

/* ============================================
   Dropdown Menus - Minimal Hierarchy
   ============================================ */

.sidebar-dropdown[b-fnguvmv2lw] {
    display: flex;
    flex-direction: column;
}

.sidebar-dropdown-toggle[b-fnguvmv2lw] {
    justify-content: space-between;
}

.sidebar-link-content[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    gap: 0;
}

.dropdown-chevron[b-fnguvmv2lw] {
    font-size: 0.625rem;
    color: rgba(255, 255, 255, 0.4);
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    margin-right: 0.5rem;
}

.dropdown-chevron.expanded[b-fnguvmv2lw] {
    transform: rotate(180deg);
}

.sidebar-dropdown-menu[b-fnguvmv2lw] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: rgba(255, 255, 255, 0.02);
}

.sidebar-dropdown-menu.expanded[b-fnguvmv2lw] {
    max-height: 3000px;
}

.sidebar-dropdown-item[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.75rem 2rem;
    padding-left: 3rem;
    color: rgba(255, 255, 255, 0.5);
    text-decoration: none;
    font-size: 0.75rem;
    font-weight: 500;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    text-transform: none;
    letter-spacing: 0.03em;
}

.sidebar-dropdown-item i[b-fnguvmv2lw] {
    display: inline-block;
    width: auto;
    font-size: 0.75rem;
}

.sidebar-dropdown-item:hover[b-fnguvmv2lw] {
    color: #ffffff;
    padding-left: 3.25rem;
}

/* Dropdown Section Headers */
.sidebar-dropdown-section-header[b-fnguvmv2lw] {
    padding: 0.625rem 1.5rem;
    padding-left: 2.5rem;
    font-family: var(--font-display);
    font-size: 0.6875rem;
    font-weight: 800;
    color: #9ca3af;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: left;
}

.sidebar-dropdown-divider[b-fnguvmv2lw] {
    height: 1px;
    background: rgba(0, 0, 0, 0.06);
    margin: 0.5rem 1.5rem;
}

/* Dropdown Icons */
.dropdown-icon[b-fnguvmv2lw] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    filter: brightness(0) invert(1);
    opacity: 0.6;
}

.dropdown-icon-lichess[b-fnguvmv2lw] {
    opacity: 0.6;
}

.sidebar-dropdown-item:hover .dropdown-icon[b-fnguvmv2lw],
.sidebar-dropdown-item:hover .dropdown-icon-lichess[b-fnguvmv2lw] {
    opacity: 1;
}

/* Brand Items in Dropdowns */
.sidebar-dropdown-item-brand[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0.75rem 1.5rem;
    padding-left: 2.5rem;
    text-decoration: none;
    transition: all 0.2s ease;
}

.sidebar-dropdown-item-brand:hover[b-fnguvmv2lw] {
    background: rgba(45, 80, 22, 0.04);
}

.dropdown-brand-logo[b-fnguvmv2lw] {
    height: 20px;
    width: auto;
    object-fit: contain;
    /* No filter - preserve brand logo colors */
    opacity: 0.7;
    transition: all 0.2s ease;
}

.dropdown-brand-logo-lichess[b-fnguvmv2lw] {
    height: 18px;
}

.sidebar-dropdown-item-brand:hover .dropdown-brand-logo[b-fnguvmv2lw] {
    opacity: 1;
}

.dropdown-brand-text[b-fnguvmv2lw] {
    font-size: 0.8125rem;
    font-weight: 700;
    color: #4b5563;
}

.dropdown-brand-lichess[b-fnguvmv2lw] {
    font-family: 'Noto Sans', sans-serif;
    text-transform: lowercase;
}

.sidebar-dropdown-item-brand:hover .dropdown-brand-text[b-fnguvmv2lw] {
    color: var(--cedar-green);
}

/* Accordion for Nested Dropdowns */
.sidebar-dropdown-accordion-header[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.75rem 1.5rem;
    padding-left: 2.5rem;
    cursor: pointer;
    transition: background 0.2s;
    user-select: none;
}

.sidebar-dropdown-accordion-header:hover[b-fnguvmv2lw] {
    background: rgba(45, 80, 22, 0.02);
}

.sidebar-dropdown-accordion-header .sidebar-dropdown-section-header[b-fnguvmv2lw] {
    padding: 0;
    margin: 0;
}

.accordion-arrow[b-fnguvmv2lw] {
    font-size: 0.75rem;
    color: #9ca3af;
    transition: transform 0.2s ease;
    margin-right: 0.5rem;
}

.sidebar-dropdown-accordion-content[b-fnguvmv2lw] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.sidebar-dropdown-accordion-content.expanded[b-fnguvmv2lw] {
    max-height: 2000px;
    transition: max-height 0.2s ease-in;
}

/* ============================================
   Mobile Header - Strong Identity
   ============================================ */

.mobile-header[b-fnguvmv2lw] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    background: #ffffff;
    border-bottom: 2px solid rgba(45, 80, 22, 0.1);
    box-shadow: 0 2px 12px rgba(45, 80, 22, 0.08);
    z-index: 1002;
    padding: 0 1.5rem;
    align-items: center;
    justify-content: space-between;
}

.mobile-header-brand[b-fnguvmv2lw] {
    display: flex;
    align-items: center;
    gap: 0.875rem;
    text-decoration: none;
}

.mobile-header-logo[b-fnguvmv2lw] {
    width: 64px;
    height: 64px;
    object-fit: contain;
}

.mobile-header-title[b-fnguvmv2lw] {
    font-family: var(--font-display);
    font-size: 1.125rem;
    font-weight: 900;
    line-height: 1.1;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: var(--cedar-green);
}

/* Mobile Menu Toggle - Bold Hamburger */
.mobile-menu-toggle[b-fnguvmv2lw] {
    display: none;
    flex-direction: column;
    gap: 6px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: 0.75rem;
}

.hamburger-line[b-fnguvmv2lw] {
    width: 28px;
    height: 3px;
    background-color: var(--cedar-green);
    border-radius: 2px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.mobile-menu-container[b-fnguvmv2lw] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

/* ============================================
   Scrollbar - Minimal
   ============================================ */

.sidebar-nav[b-fnguvmv2lw]::-webkit-scrollbar {
    width: 4px;
}

.sidebar-nav[b-fnguvmv2lw]::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav[b-fnguvmv2lw]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2);
}

.sidebar-nav[b-fnguvmv2lw]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.4);
}

/* ============================================
   Responsive Design
   ============================================ */

@media (max-width: 968px) {
    .sidebar-nav[b-fnguvmv2lw] {
        display: none;
    }

    .mobile-header[b-fnguvmv2lw] {
        display: flex;
    }

    .mobile-menu-toggle[b-fnguvmv2lw] {
        display: flex;
    }
}
/* _content/WilcoChess.Web/Components/Shared/PageHeader.razor.rz.scp.css */
/* ============================================
   Page Header - Hero-style but Compact
   ============================================ */

.page-header[b-bb05g1vr82] {
    position: relative;
    background: linear-gradient(135deg, #2D5016 0%, #4A6FA5 60%, #4A6FA5 100%);
    color: #ffffff;
    padding: var(--spacing-2xl) var(--spacing-lg);
    margin: calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-lg)) var(--spacing-2xl);
    overflow: hidden;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.page-header-overlay[b-bb05g1vr82] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.08) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(74, 111, 165, 0.15) 0%, transparent 50%);
    pointer-events: none;
}

.page-header-overlay[b-bb05g1vr82]::before {
    content: '♕';
    position: absolute;
    top: 50%;
    right: -5%;
    transform: translateY(-50%) rotate(15deg);
    font-size: 400px;
    color: rgba(255, 255, 255, 0.03);
    font-weight: 300;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

.page-header-content[b-bb05g1vr82] {
    position: relative;
    max-width: 900px;
    text-align: center;
    z-index: 1;
}

.page-header-badge[b-bb05g1vr82] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-md);
    background-color: rgba(255, 255, 255, 0.15);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacing-md);
    backdrop-filter: blur(10px);
    text-transform: uppercase;
}

.page-header-title[b-bb05g1vr82] {
    font-family: var(--font-display);
    font-size: var(--font-size-5xl);
    font-weight: 400;
    margin: 0;
    line-height: 1.1;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 4px 12px rgba(0, 0, 0, 0.5), 0 2px 4px rgba(0, 0, 0, 0.3);
}

.page-header-subtitle[b-bb05g1vr82] {
    font-size: var(--font-size-lg);
    line-height: 1.6;
    margin: var(--spacing-md) auto 0;
    max-width: 700px;
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.page-header-extra[b-bb05g1vr82] {
    margin-top: var(--spacing-lg);
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-bb05g1vr82] {
        min-height: 160px;
        padding: var(--spacing-xl) var(--spacing-md);
        margin: calc(-1 * var(--spacing-md)) calc(-1 * var(--spacing-md)) var(--spacing-xl);
    }

    .page-header-title[b-bb05g1vr82] {
        font-size: var(--font-size-4xl);
    }

    .page-header-subtitle[b-bb05g1vr82] {
        font-size: var(--font-size-base);
    }

    .page-header-overlay[b-bb05g1vr82]::before {
        font-size: 250px;
        right: -15%;
    }
}

@media (max-width: 480px) {
    .page-header-title[b-bb05g1vr82] {
        font-size: var(--font-size-3xl);
    }
}
/* _content/WilcoChess.Web/Components/Shared/SuccessMessage.razor.rz.scp.css */
.success-message[b-12olk0t1t9] {
    background: #d1fae5;
    border-left: 4px solid #10b981;
    border-radius: 0.375rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
}

.success-icon[b-12olk0t1t9] {
    background: #10b981;
    color: white;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    flex-shrink: 0;
}

.success-content[b-12olk0t1t9] {
    flex: 1;
}

.success-title[b-12olk0t1t9] {
    font-weight: 600;
    color: #065f46;
    margin: 0 0 0.25rem 0;
}

.success-text[b-12olk0t1t9] {
    color: #047857;
    margin: 0;
    font-size: 0.875rem;
}
/* _content/WilcoChess.Web/Components/Shared/ThemeToggle.razor.rz.scp.css */
.theme-toggle-container[b-845heka77n] {
    display: flex;
    align-items: center;
}

.theme-switch[b-845heka77n] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    cursor: pointer;
}

.theme-switch input[b-845heka77n] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-845heka77n] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.2);
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 34px;
    transition: all var(--transition-base);
    backdrop-filter: blur(10px);
}

.slider[b-845heka77n]::before {
    content: "";
    position: absolute;
    height: 24px;
    width: 24px;
    left: 2px;
    bottom: 2px;
    background-color: white;
    border-radius: 50%;
    transition: all var(--transition-base);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.slider-icon[b-845heka77n] {
    position: absolute;
    top: 50%;
    font-size: 14px;
    line-height: 1;
    transition: all var(--transition-base);
    pointer-events: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

input:not(:checked) + .slider .slider-icon[b-845heka77n] {
    left: 6px;
    transform: translateY(-50%);
}

input:checked + .slider .slider-icon[b-845heka77n] {
    right: 6px;
    left: auto;
    transform: translateY(-50%);
}

input:checked + .slider[b-845heka77n] {
    background-color: rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.5);
}

input:checked + .slider[b-845heka77n]::before {
    transform: translateX(28px);
    background-color: #3b82f6;
}

.theme-switch:hover .slider[b-845heka77n] {
    background-color: rgba(255, 255, 255, 0.3);
}

input:checked + .slider:hover[b-845heka77n] {
    background-color: rgba(59, 130, 246, 0.4);
}

.theme-switch:active .slider[b-845heka77n]::before {
    width: 28px;
}
/* _content/WilcoChess.Web/Components/Shared/TodaysEventAlert.razor.rz.scp.css */
/* ============================================
   Today's Event Alert - Editorial Style
   ============================================ */

.todays-event-alert[b-goyenut6fm] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 4rem;
}

.alert-container[b-goyenut6fm] {
    background: var(--cedar-green);
    padding: 3rem 4rem;
    border: none;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 3rem;
}

.alert-header[b-goyenut6fm] {
    display: flex;
    align-items: baseline;
    gap: 2rem;
}

.alert-badge[b-goyenut6fm] {
    font-family: var(--font-display);
    font-size: 0.6875rem;
    font-weight: 600;
    letter-spacing: 0.12em;
    color: rgba(255, 255, 255, 0.6);
    padding: 0;
    background: transparent;
    border: none;
}

.alert-title[b-goyenut6fm] {
    font-family: var(--font-display);
    font-size: 1.25rem;
    font-weight: 700;
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
    letter-spacing: -0.01em;
}

.alert-events[b-goyenut6fm] {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.alert-event-item[b-goyenut6fm] {
    display: flex;
    align-items: baseline;
    gap: 1rem;
    color: rgba(255, 255, 255, 0.9);
}

.alert-event-item strong[b-goyenut6fm] {
    font-weight: 700;
    color: #ffffff;
}

.alert-event-item span[b-goyenut6fm] {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

.alert-link[b-goyenut6fm] {
    font-family: var(--font-display);
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    text-decoration: none;
    color: var(--cedar-green);
    background: #ffffff;
    padding: 1rem 2rem;
    border: 2px solid #ffffff;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
}

.alert-link:hover[b-goyenut6fm] {
    background: transparent;
    color: #ffffff;
    border-color: #ffffff;
}

/* Responsive */
@media (max-width: 768px) {
    .alert-container[b-goyenut6fm] {
        flex-direction: column;
        align-items: stretch;
        padding: 2rem 1.5rem;
    }

    .alert-header[b-goyenut6fm] {
        flex-direction: column;
        gap: 1rem;
    }

    .alert-link[b-goyenut6fm] {
        text-align: center;
    }
}