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

/* _content/MCC.Web/Components/Layout/MainLayout.razor.rz.scp.css */
/* ============================================
   Main Layout Styles - MTSU Design
   ============================================ */

.page[b-g7dxvx0r69] {
    min-height: 100vh;
    display: flex;
    width: 100%;
}

.page-wrapper[b-g7dxvx0r69] {
    flex: 1;
    display: flex;
    flex-direction: column;
    width: 100%;
    transition: margin-left 0.3s ease;
    min-height: 100vh; /* Ensure enough height for sticky to work */
}

@media (max-width: 968px) {
    .page-wrapper[b-g7dxvx0r69] {
        padding-top: 70px; /* Adjusted for mobile navigation + banner */
    }
}

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

/* ============================================
   Header - Modern Sticky Navigation
   ============================================ */

.header-main[b-g7dxvx0r69] {
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(0, 102, 204, 0.1);
    color: #1c2b59;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.04);
    position: sticky;
    top: 0;
    z-index: 1000;
    transition: all 0.3s ease;
    width: 100%;
    overflow: visible;
}

[data-theme="dark"] .header-main[b-g7dxvx0r69] {
    background: rgba(59, 130, 246, 0.15);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(59, 130, 246, 0.3);
    color: #ffffff;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .header-main[b-g7dxvx0r69] {
        background: rgba(59, 130, 246, 0.15);
        backdrop-filter: blur(20px) saturate(180%);
        -webkit-backdrop-filter: blur(20px) saturate(180%);
        border-bottom: 1px solid rgba(59, 130, 246, 0.3);
        color: #ffffff;
    }
}

.header-container[b-g7dxvx0r69] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 80px;
}

.header-brand[b-g7dxvx0r69] {
    flex-shrink: 0;
}

.brand-link[b-g7dxvx0r69] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md);
    color: var(--color-white);
    text-decoration: none;
    transition: opacity var(--transition-fast);
}

.brand-link:hover[b-g7dxvx0r69] {
    opacity: 0.9;
    color: var(--color-white);
}

.brand-logo-img[b-g7dxvx0r69] {
    height: 70px;
    width: auto;
    object-fit: contain;
}

.brand-text[b-g7dxvx0r69] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.brand-name[b-g7dxvx0r69] {
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    font-weight: 400;
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, #1c2b59, #0066cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

[data-theme="dark"] .brand-name[b-g7dxvx0r69] {
    background: linear-gradient(135deg, #60a5fa, #93c5fd);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

@media (prefers-color-scheme: dark) {
    :root:not([data-theme="light"]) .brand-name[b-g7dxvx0r69] {
        background: linear-gradient(135deg, #60a5fa, #93c5fd);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
}

.brand-tagline[b-g7dxvx0r69] {
    font-size: var(--font-size-xs);
    font-weight: 400;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}

.header-nav[b-g7dxvx0r69] {
    display: flex;
    gap: var(--spacing-xs);
    align-items: center;
}

.nav-link[b-g7dxvx0r69] {
    color: var(--color-gray-dark);
    text-decoration: none;
    padding: var(--spacing-sm) var(--spacing-lg);
    border-radius: 12px;
    font-weight: 600;
    font-size: var(--font-size-sm);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.nav-link[b-g7dxvx0r69]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 154, 214, 0.1));
    opacity: 0;
    transition: opacity 0.3s;
}

.nav-link:hover[b-g7dxvx0r69]::before {
    opacity: 1;
}

.nav-link:hover[b-g7dxvx0r69] {
    color: var(--mtsu-blue);
    transform: translateY(-2px);
}

.nav-link[b-g7dxvx0r69]::after {
    content: '';
    position: absolute;
    bottom: 4px;
    left: 50%;
    width: 0;
    height: 2px;
    background: linear-gradient(90deg, var(--mtsu-blue), var(--mtsu-light-blue));
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    transform: translateX(-50%);
    border-radius: 2px;
}

.nav-link:hover[b-g7dxvx0r69]::after {
    width: 60%;
}

[data-theme="dark"] .nav-link[b-g7dxvx0r69] {
    color: #cbd5e1;
}

[data-theme="dark"] .nav-link:hover[b-g7dxvx0r69] {
    color: #60a5fa;
}

[data-theme="dark"] .nav-link[b-g7dxvx0r69]::before {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(96, 165, 250, 0.15));
}

.nav-link-admin[b-g7dxvx0r69] {
    background: rgba(190, 140, 14, 0.08);
    color: var(--color-gold);
    margin-left: var(--spacing-sm);
    border: 1.5px solid var(--color-gold);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    border-radius: 50px;
    padding: var(--spacing-sm) var(--spacing-lg);
}

.nav-link-admin[b-g7dxvx0r69]::before {
    background: linear-gradient(135deg, rgba(190, 140, 14, 0.15), rgba(212, 165, 32, 0.15)) !important;
}

.nav-link-admin:hover[b-g7dxvx0r69] {
    transform: translateY(-2px);
    background: rgba(190, 140, 14, 0.15);
    border-color: #d4a520;
    color: var(--color-gold);
}

.nav-link-admin[b-g7dxvx0r69]::after {
    display: none;
}

/* Dropdown Navigation */
.nav-dropdown[b-g7dxvx0r69] {
    position: relative;
    display: inline-block;
}

.nav-link-dropdown[b-g7dxvx0r69] {
    display: flex;
    align-items: center;
    gap: 0.25rem;
    background: transparent;
    border: none;
    cursor: pointer;
}

.dropdown-arrow[b-g7dxvx0r69] {
    font-size: 0.6em;
    transition: transform var(--transition-fast);
}

.nav-dropdown:hover .dropdown-arrow[b-g7dxvx0r69] {
    transform: rotate(180deg);
}

.dropdown-menu[b-g7dxvx0r69] {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0.5rem;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
    border: 1px solid rgba(0, 102, 204, 0.1);
    min-width: 250px;
    padding: 0.5rem 0;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: opacity 0.2s ease-out, transform 0.2s ease-out, visibility 0.2s;
}

.nav-dropdown:hover .dropdown-menu[b-g7dxvx0r69] {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

@keyframes dropdownFadeIn-b-g7dxvx0r69 {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dropdown-item[b-g7dxvx0r69] {
    display: block;
    padding: 0.75rem 1.25rem;
    color: var(--color-gray-dark);
    text-decoration: none;
    font-size: var(--font-size-sm);
    font-weight: 600;
    transition: all var(--transition-fast);
    border-left: 3px solid transparent;
}

.dropdown-item:hover[b-g7dxvx0r69] {
    background: linear-gradient(90deg, rgba(0, 102, 204, 0.08), transparent);
    color: var(--mtsu-blue);
    border-left-color: var(--mtsu-blue);
}

[data-theme="dark"] .nav-link-admin[b-g7dxvx0r69] {
    background: rgba(251, 191, 36, 0.1);
    border-color: #fbbf24;
    color: #fbbf24;
}

[data-theme="dark"] .nav-link-admin[b-g7dxvx0r69]::before {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.2), rgba(245, 158, 11, 0.2)) !important;
}

[data-theme="dark"] .nav-link-admin:hover[b-g7dxvx0r69] {
    background: rgba(251, 191, 36, 0.18);
    border-color: #f59e0b;
    color: #fbbf24;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle[b-g7dxvx0r69] {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: var(--spacing-sm);
}

.hamburger-line[b-g7dxvx0r69] {
    width: 25px;
    height: 3px;
    background-color: var(--mtsu-navy);
    border-radius: 2px;
    transition: all var(--transition-fast);
}

[data-theme="dark"] .hamburger-line[b-g7dxvx0r69] {
    background-color: #f8fafc;
}

.mobile-menu[b-g7dxvx0r69] {
    display: none;
    flex-direction: column;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-top: 1px solid rgba(0, 102, 204, 0.1);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

[data-theme="dark"] .mobile-menu[b-g7dxvx0r69] {
    background: rgba(15, 23, 42, 0.95);
    border-top: 1px solid rgba(59, 130, 246, 0.15);
}

.mobile-nav-link[b-g7dxvx0r69] {
    color: var(--mtsu-navy);
    text-decoration: none;
    padding: var(--spacing-md) var(--spacing-lg);
    border-bottom: 1px solid rgba(0, 102, 204, 0.1);
    transition: all var(--transition-fast);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: 600;
    font-size: var(--font-size-sm);
    position: relative;
}

[data-theme="dark"] .mobile-nav-link[b-g7dxvx0r69] {
    color: #cbd5e1;
    border-bottom: 1px solid rgba(59, 130, 246, 0.1);
}

.mobile-nav-link[b-g7dxvx0r69]::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.08), rgba(0, 154, 214, 0.08));
    opacity: 0;
    transition: opacity var(--transition-fast);
}

.mobile-nav-link:hover[b-g7dxvx0r69]::before {
    opacity: 1;
}

.mobile-nav-link:hover[b-g7dxvx0r69] {
    color: var(--mtsu-blue);
}

[data-theme="dark"] .mobile-nav-link:hover[b-g7dxvx0r69] {
    color: #60a5fa;
}

[data-theme="dark"] .mobile-nav-link[b-g7dxvx0r69]::before {
    background: linear-gradient(135deg, rgba(59, 130, 246, 0.15), rgba(96, 165, 250, 0.15));
}

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

.main-content[b-g7dxvx0r69] {
    flex: 1;
    width: 100%;
    align-self: stretch;
    margin: 0;
    padding: var(--spacing-xl) var(--spacing-lg);
    padding-bottom: var(--spacing-3xl);
}

/* ============================================
   Footer - Enhanced Design
   ============================================ */

.footer-main[b-g7dxvx0r69] {
    background: linear-gradient(180deg, var(--mtsu-navy) 0%, #152042 100%);
    color: var(--color-white);
    border-top: 4px solid transparent;
    border-image: linear-gradient(90deg, var(--mtsu-blue), var(--mtsu-light-blue)) 1;
    margin-top: auto;
    position: relative;
    width: 100%;
    align-self: stretch;
}

.footer-main[b-g7dxvx0r69]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue), var(--mtsu-light-blue));
}

[data-theme="dark"] .footer-main[b-g7dxvx0r69] {
    background: linear-gradient(180deg, #0f172a 0%, #020617 100%);
}

[data-theme="dark"] .footer-main[b-g7dxvx0r69]::before {
    background: linear-gradient(90deg, #3b82f6, #38bdf8);
}

.footer-container[b-g7dxvx0r69] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-3xl) var(--spacing-lg) var(--spacing-xl);
}

.footer-grid[b-g7dxvx0r69] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-2xl);
    margin-bottom: var(--spacing-2xl);
}

.footer-section[b-g7dxvx0r69] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.footer-title[b-g7dxvx0r69] {
    font-size: var(--font-size-xl);
    font-weight: 700;
    margin: 0;
    color: var(--color-white);
}

.footer-heading[b-g7dxvx0r69] {
    font-size: var(--font-size-base);
    font-weight: 600;
    margin: 0;
    color: var(--mtsu-light-blue);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.footer-description[b-g7dxvx0r69],
.footer-text[b-g7dxvx0r69] {
    font-size: var(--font-size-sm);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    margin: 0;
}

.footer-contact[b-g7dxvx0r69] {
    font-size: var(--font-size-base);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin: var(--spacing-sm) 0;
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-weight: 500;
}

.footer-contact i[b-g7dxvx0r69] {
    color: var(--mtsu-light-blue);
}

.footer-links[b-g7dxvx0r69] {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.footer-links a[b-g7dxvx0r69] {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: none;
    font-size: var(--font-size-sm);
    transition: all var(--transition-fast);
    display: inline-block;
}

.footer-links a:hover[b-g7dxvx0r69] {
    color: var(--mtsu-light-blue);
    transform: translateX(4px);
}

.footer-bottom[b-g7dxvx0r69] {
    padding-top: var(--spacing-lg);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    text-align: center;
}

.footer-bottom p[b-g7dxvx0r69] {
    margin: 0;
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.6);
}

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

@media (max-width: 968px) {
    .header-nav[b-g7dxvx0r69] {
        display: none;
    }

    .mobile-menu-toggle[b-g7dxvx0r69] {
        display: flex;
    }

    .mobile-menu[b-g7dxvx0r69] {
        display: flex;
    }

    .brand-name[b-g7dxvx0r69] {
        font-size: var(--font-size-lg);
    }

    .brand-tagline[b-g7dxvx0r69] {
        display: none;
    }

    .brand-logo-img[b-g7dxvx0r69] {
        height: 30px;
    }
}

@media (max-width: 640px) {
    .header-container[b-g7dxvx0r69] {
        padding: 0 var(--spacing-md);
        min-height: 70px;
    }

    .brand-name[b-g7dxvx0r69] {
        font-size: var(--font-size-base);
    }

    .brand-logo-img[b-g7dxvx0r69] {
        height: 25px;
    }

    .footer-grid[b-g7dxvx0r69] {
        grid-template-columns: 1fr;
        gap: var(--spacing-xl);
    }
}

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

#blazor-error-ui[b-g7dxvx0r69] {
    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-g7dxvx0r69] {
    cursor: pointer;
    position: absolute;
    right: 0.75rem;
    top: 0.5rem;
}

/* Social Links */
.social-links[b-g7dxvx0r69] {
    display: flex;
    gap: 16px;
    margin-top: 16px;
}

.social-link[b-g7dxvx0r69] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 48px;
    height: 48px;
    border-radius: 8px;
    transition: all 0.2s ease;
    font-size: 24px;
}

.social-logo[b-g7dxvx0r69] {
    width: 32px;
    height: 32px;
    object-fit: contain;
    transition: all 0.2s ease;
}

.social-link.youtube[b-g7dxvx0r69] {
    color: #FF0000;
    background: transparent;
}

.social-link.youtube:hover[b-g7dxvx0r69] {
    color: white;
    transform: translateY(-2px);
}

.social-link.chesscom[b-g7dxvx0r69] {
    background: transparent;
}

.social-link.chesscom:hover[b-g7dxvx0r69] {
    transform: translateY(-2px);
}

.social-link.chesscom:hover .social-logo[b-g7dxvx0r69] {
    filter: brightness(1.2);
}

.social-link.lichess[b-g7dxvx0r69] {
    background: transparent;
}

.social-link.lichess:hover[b-g7dxvx0r69] {
    transform: translateY(-2px);
}

.social-link.lichess:hover .social-logo[b-g7dxvx0r69] {
    filter: brightness(1.3);
}
/* _content/MCC.Web/Components/Pages/About.razor.rz.scp.css */
/* ============================================
   About Page - MTSU Design
   ============================================ */

.about-page[b-2ut0jgjhd5] {
    display: flex;
    flex-direction: column;
}

/* ============================================
   Hero Section
   ============================================ */

.about-hero[b-2ut0jgjhd5] {
    position: relative;
    background: linear-gradient(135deg, #1c2b59 0%, #0066cc 60%, #009ad6 100%);
    color: #ffffff;
    padding: var(--spacing-3xl) var(--spacing-lg);
    margin: calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-lg)) var(--spacing-3xl);
    overflow: hidden;
    min-height: 300px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="dark"] .about-hero[b-2ut0jgjhd5] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #334155 100%);
}

.about-hero[b-2ut0jgjhd5]::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-2ut0jgjhd5] {
    position: relative;
    max-width: 900px;
    text-align: center;
    z-index: 1;
}

.about-title[b-2ut0jgjhd5] {
    font-family: var(--font-display);
    font-size: var(--font-size-5xl);
    font-weight: 400;
    margin: 0 0 var(--spacing-md) 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);
}

.about-subtitle[b-2ut0jgjhd5] {
    font-size: var(--font-size-xl);
    line-height: 1.6;
    margin: 0;
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

/* ============================================
   Content Section
   ============================================ */

.about-content[b-2ut0jgjhd5] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-3xl);
}

.about-section[b-2ut0jgjhd5] {
    background: var(--color-surface);
    border-radius: 24px;
    padding: var(--spacing-2xl);
    box-shadow:
        0 8px 32px rgba(0, 102, 204, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.04);
    position: relative;
    overflow: hidden;
}

.about-section[b-2ut0jgjhd5]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue), var(--mtsu-light-blue));
}

[data-theme="dark"] .about-section[b-2ut0jgjhd5] {
    background: rgba(30, 41, 59, 0.8);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.3),
        0 2px 8px rgba(0, 0, 0, 0.2);
}

.section-icon[b-2ut0jgjhd5] {
    font-size: 3rem;
    margin-bottom: var(--spacing-md);
    filter: grayscale(0.3);
}

.about-section h2[b-2ut0jgjhd5] {
    font-size: var(--font-size-2xl);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-lg) 0;
    font-family: var(--font-display);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

[data-theme="dark"] .about-section h2[b-2ut0jgjhd5] {
    color: #f8fafc;
}

.about-section p[b-2ut0jgjhd5] {
    font-size: var(--font-size-base);
    line-height: 1.8;
    color: var(--color-gray);
    margin: 0 0 var(--spacing-md) 0;
}

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

[data-theme="dark"] .about-section p[b-2ut0jgjhd5] {
    color: #cbd5e1;
}

/* ============================================
   Meeting Details Box
   ============================================ */

.meeting-details-box[b-2ut0jgjhd5] {
    background: rgba(0, 102, 204, 0.05);
    border-left: 4px solid var(--mtsu-blue);
    border-radius: 12px;
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

[data-theme="dark"] .meeting-details-box[b-2ut0jgjhd5] {
    background: rgba(59, 130, 246, 0.1);
}

.meeting-detail-item[b-2ut0jgjhd5] {
    font-size: var(--font-size-base);
    line-height: 1.8;
    color: var(--color-gray-dark);
}

[data-theme="dark"] .meeting-detail-item[b-2ut0jgjhd5] {
    color: #cbd5e1;
}

.meeting-detail-item strong[b-2ut0jgjhd5] {
    color: var(--mtsu-navy);
    font-weight: 700;
}

[data-theme="dark"] .meeting-detail-item strong[b-2ut0jgjhd5] {
    color: #60a5fa;
}

.directions-button[b-2ut0jgjhd5] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-md) var(--spacing-xl);
    background: var(--mtsu-blue);
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-base);
    transition: all 0.3s ease;
    margin-top: var(--spacing-md);
    align-self: flex-start;
}

.directions-button:hover[b-2ut0jgjhd5] {
    background: var(--mtsu-light-blue);
    transform: translateX(4px);
    box-shadow: 0 4px 16px rgba(0, 102, 204, 0.2);
}

/* ============================================
   Activities Grid
   ============================================ */

.activities-grid[b-2ut0jgjhd5] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
    gap: var(--spacing-lg);
    margin-top: var(--spacing-lg);
}

.activity-card[b-2ut0jgjhd5] {
    background: rgba(0, 102, 204, 0.03);
    border: 2px solid rgba(0, 102, 204, 0.1);
    border-radius: 16px;
    padding: var(--spacing-xl);
    text-align: center;
    transition: all 0.3s ease;
}

.activity-card:hover[b-2ut0jgjhd5] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 102, 204, 0.1);
    border-color: var(--mtsu-blue);
}

[data-theme="dark"] .activity-card[b-2ut0jgjhd5] {
    background: rgba(59, 130, 246, 0.05);
    border-color: rgba(59, 130, 246, 0.2);
}

[data-theme="dark"] .activity-card:hover[b-2ut0jgjhd5] {
    border-color: #60a5fa;
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
}

.activity-card i[b-2ut0jgjhd5] {
    font-size: 2.5rem;
    color: var(--mtsu-blue);
    margin-bottom: var(--spacing-md);
}

[data-theme="dark"] .activity-card i[b-2ut0jgjhd5] {
    color: #60a5fa;
}

.activity-card h3[b-2ut0jgjhd5] {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-sm) 0;
}

[data-theme="dark"] .activity-card h3[b-2ut0jgjhd5] {
    color: #f8fafc;
}

.activity-card p[b-2ut0jgjhd5] {
    font-size: var(--font-size-sm);
    line-height: 1.6;
    color: var(--color-gray);
    margin: 0;
}

[data-theme="dark"] .activity-card p[b-2ut0jgjhd5] {
    color: #cbd5e1;
}

/* ============================================
   Membership Benefits
   ============================================ */

.membership-benefits[b-2ut0jgjhd5] {
    list-style: none;
    padding: 0;
    margin: var(--spacing-md) 0;
}

.membership-benefits li[b-2ut0jgjhd5] {
    padding: var(--spacing-sm) 0;
    padding-left: var(--spacing-lg);
    position: relative;
    font-size: var(--font-size-base);
    line-height: 1.8;
    color: var(--color-gray);
}

.membership-benefits li[b-2ut0jgjhd5]::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--mtsu-blue);
    font-weight: bold;
    font-size: 1.2rem;
}

[data-theme="dark"] .membership-benefits li[b-2ut0jgjhd5] {
    color: #cbd5e1;
}

/* ============================================
   Youth Policy
   ============================================ */

.youth-policy[b-2ut0jgjhd5] {
    background: rgba(251, 191, 36, 0.1);
    border-left: 4px solid var(--color-gold);
    border-radius: 12px;
    padding: var(--spacing-lg);
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
}

.youth-policy i[b-2ut0jgjhd5] {
    color: var(--color-gold);
    font-size: var(--font-size-xl);
    flex-shrink: 0;
    margin-top: 2px;
}

/* ============================================
   Contact Section
   ============================================ */

.about-contact[b-2ut0jgjhd5] {
    text-align: center;
}

.phone-link[b-2ut0jgjhd5] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: var(--spacing-lg) var(--spacing-2xl);
    background: var(--mtsu-blue);
    color: #ffffff;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-lg);
    transition: all 0.3s ease;
    margin: var(--spacing-lg) 0;
}

.phone-link:hover[b-2ut0jgjhd5] {
    background: var(--mtsu-light-blue);
    transform: scale(1.05);
    box-shadow: 0 4px 16px rgba(0, 102, 204, 0.3);
}

.contact-note[b-2ut0jgjhd5] {
    font-size: var(--font-size-sm);
    color: var(--color-gray);
}

.contact-note a[b-2ut0jgjhd5] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
    transition: color 0.3s ease;
}

.contact-note a:hover[b-2ut0jgjhd5] {
    color: var(--mtsu-light-blue);
    text-decoration: underline;
}

[data-theme="dark"] .contact-note a[b-2ut0jgjhd5] {
    color: #60a5fa;
}

[data-theme="dark"] .contact-note a:hover[b-2ut0jgjhd5] {
    color: #93c5fd;
}

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

@media (max-width: 968px) {
    .about-hero[b-2ut0jgjhd5] {
        min-height: 250px;
        padding: var(--spacing-2xl) var(--spacing-md);
    }

    .about-title[b-2ut0jgjhd5] {
        font-size: var(--font-size-3xl);
    }

    .about-subtitle[b-2ut0jgjhd5] {
        font-size: var(--font-size-lg);
    }

    .activities-grid[b-2ut0jgjhd5] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .about-hero[b-2ut0jgjhd5] {
        margin: calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-md)) var(--spacing-xl);
        padding: var(--spacing-xl) var(--spacing-md);
        min-height: 200px;
    }

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

    .about-subtitle[b-2ut0jgjhd5] {
        font-size: var(--font-size-base);
    }

    .about-section[b-2ut0jgjhd5] {
        padding: var(--spacing-lg);
    }

    .section-icon[b-2ut0jgjhd5] {
        font-size: 2.5rem;
    }

    .about-section h2[b-2ut0jgjhd5] {
        font-size: var(--font-size-xl);
    }

    .meeting-details-box[b-2ut0jgjhd5] {
        padding: var(--spacing-md);
    }

    .phone-link[b-2ut0jgjhd5] {
        font-size: var(--font-size-base);
        padding: var(--spacing-md) var(--spacing-xl);
    }
}
/* _content/MCC.Web/Components/Pages/Account/LichessCallback.razor.rz.scp.css */
.callback-page[b-l4uymv4pwh] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
}

.callback-card[b-l4uymv4pwh] {
    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-l4uymv4pwh],
.callback-success[b-l4uymv4pwh],
.callback-error[b-l4uymv4pwh] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

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

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

.callback-loading h2[b-l4uymv4pwh],
.callback-success h2[b-l4uymv4pwh],
.callback-error h2[b-l4uymv4pwh] {
    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-l4uymv4pwh],
.callback-success p[b-l4uymv4pwh],
.callback-error p[b-l4uymv4pwh] {
    color: var(--color-text-secondary);
    margin: 0;
}

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

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

.btn-primary[b-l4uymv4pwh] {
    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-l4uymv4pwh] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}
/* _content/MCC.Web/Components/Pages/Account/Login.razor.rz.scp.css */
.login-page[b-es721leh7r] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--mtsu-blue, #0066cc) 0%, var(--mtsu-navy, #1c2b59) 100%);
    padding: 2rem 1rem;
}

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

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

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

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

.alert-error[b-es721leh7r] {
    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-es721leh7r] {
    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-es721leh7r] {
    margin: 0;
    padding-left: 1.5rem;
}

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

.form-group label[b-es721leh7r] {
    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-es721leh7r] .form-input,
[b-es721leh7r] input[type="email"],
[b-es721leh7r] input[type="password"],
[b-es721leh7r] 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-es721leh7r] .form-input::placeholder,
[b-es721leh7r] input::placeholder {
    color: var(--color-gray);
}

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

[b-es721leh7r] .form-input:focus,
[b-es721leh7r] input:focus {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.08);
    background: var(--color-white);
}

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

.checkbox-group label[b-es721leh7r] {
    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-es721leh7r] {
    width: 1.25rem;
    height: 1.25rem;
    cursor: pointer;
    accent-color: var(--mtsu-blue);
}

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

.btn-primary[b-es721leh7r] {
    width: 100%;
    padding: 1rem 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-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-es721leh7r] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

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

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

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

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

.login-footer a:hover[b-es721leh7r] {
    color: var(--mtsu-navy);
    text-decoration: underline;
}

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

    .login-card h1[b-es721leh7r] {
        font-size: var(--font-size-3xl);
    }
}
/* _content/MCC.Web/Components/Pages/Account/Logout.razor.rz.scp.css */
.logout-page[b-vn8ebx131z] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--mtsu-blue, #0066cc) 0%, var(--mtsu-navy, #1c2b59) 100%);
}

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

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

.logout-spinner[b-vn8ebx131z] {
    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-vn8ebx131z 1s linear infinite;
}

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

.logout-card h2[b-vn8ebx131z] {
    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/MCC.Web/Components/Pages/Account/Profile.razor.rz.scp.css */
.profile-page[b-yfgjk6msz9] {
    max-width: 64rem;
    margin: 0 auto;
    padding: 2rem 1rem;
}

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

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

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

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

.alert-error[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    background: #d1fae5;
    border-left: 4px solid #10b981;
    color: #065f46;
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.photo-placeholder[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    width: 4rem;
    height: 4rem;
    color: var(--color-gray);
}

.photo-upload-btn[b-yfgjk6msz9] {
    position: absolute;
    bottom: 4px;
    right: 4px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: var(--mtsu-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-yfgjk6msz9] {
    background: var(--mtsu-navy);
    transform: scale(1.1);
}

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

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

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

.file-input[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    border-color: var(--mtsu-blue);
}

.file-input[b-yfgjk6msz9]::file-selector-button {
    margin-right: 1rem;
    padding: 0.5rem 1.25rem;
    background: var(--mtsu-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-yfgjk6msz9]::file-selector-button:hover {
    background: var(--mtsu-navy);
}

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

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

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

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

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

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

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

.form-label[b-yfgjk6msz9] {
    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-yfgjk6msz9] .form-input,
[b-yfgjk6msz9] input[type="text"],
[b-yfgjk6msz9] input[type="number"],
[b-yfgjk6msz9] input[type="email"],
[b-yfgjk6msz9] 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-yfgjk6msz9] .form-input:disabled,
[b-yfgjk6msz9] input:disabled,
[b-yfgjk6msz9] textarea:disabled {
    background: var(--color-gray-lighter);
    color: var(--color-text-secondary);
    cursor: not-allowed;
    opacity: 0.6;
}

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

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

[b-yfgjk6msz9] .form-input:focus,
[b-yfgjk6msz9] input:focus,
[b-yfgjk6msz9] textarea:focus {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.08);
    background: var(--color-white);
}

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

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

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

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

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

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

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

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

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

/* Info Banner */
.info-banner[b-yfgjk6msz9] {
    background: #dbeafe;
    border-left: 4px solid var(--mtsu-blue);
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: var(--radius-md);
    font-size: var(--font-size-sm);
    color: #1e40af;
}

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

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

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

.subsection-title[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    margin-left: 2rem;
}

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

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

.info-label[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    font-size: var(--font-size-lg);
    color: var(--color-text);
    font-weight: 600;
}

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

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

.btn-primary[b-yfgjk6msz9] {
    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;
    cursor: pointer;
    transition: all var(--transition-base);
    box-shadow: var(--shadow-md);
}

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

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

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

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

.btn-spinner[b-yfgjk6msz9] {
    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-yfgjk6msz9 0.6s linear infinite;
}

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

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

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

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

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

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

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

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

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

.stat-card[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    transform: translateY(-4px);
    box-shadow: 0 8px 16px rgba(0, 102, 204, 0.15);
    border-color: var(--mtsu-blue);
}

.stat-label[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    font-size: 1rem;
    color: var(--mtsu-blue);
}

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

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

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

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

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

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

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

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

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

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

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

.stats-link:hover[b-yfgjk6msz9] {
    color: var(--mtsu-navy);
    gap: 0.75rem;
}

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

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

.alert-info[b-yfgjk6msz9] {
    background: #e0f2fe;
    border-left: 4px solid var(--mtsu-blue);
    color: #0369a1;
    padding: 1rem;
    border-radius: var(--radius-lg);
    margin: 1rem 0;
}

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

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

.btn-connect[b-yfgjk6msz9],
.btn-disconnect[b-yfgjk6msz9] {
    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-yfgjk6msz9] {
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, #0052a3 100%);
    color: white;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.checkout-title:hover[b-yfgjk6msz9] {
    color: #0052a3;
    text-decoration: underline;
}

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

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

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

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

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

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

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

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

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

.history-title:hover[b-yfgjk6msz9] {
    color: #0052a3;
    text-decoration: underline;
}

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

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

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

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

.view-library-link:hover[b-yfgjk6msz9] {
    color: #0052a3;
    text-decoration: underline;
}

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

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

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

    .checkout-cover[b-yfgjk6msz9] {
        width: 100%;
        height: auto;
        max-height: 300px;
    }
}
/* _content/MCC.Web/Components/Pages/Account/Register.razor.rz.scp.css */
.register-page[b-ygd93ugauu] {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, var(--mtsu-blue, #0066cc) 0%, var(--mtsu-navy, #1c2b59) 100%);
    padding: 2rem 1rem;
}

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

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

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

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

.alert-error[b-ygd93ugauu] {
    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-ygd93ugauu] {
    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-ygd93ugauu] {
    margin: 0;
    padding-left: 1.5rem;
}

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

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

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

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

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

.form-group label[b-ygd93ugauu] {
    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-ygd93ugauu] .form-input,
[b-ygd93ugauu] .form-select,
[b-ygd93ugauu] input[type="email"],
[b-ygd93ugauu] input[type="password"],
[b-ygd93ugauu] input[type="text"],
[b-ygd93ugauu] input[type="tel"],
[b-ygd93ugauu] input[type="number"],
[b-ygd93ugauu] 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-ygd93ugauu] .form-input::placeholder,
[b-ygd93ugauu] .form-select::placeholder,
[b-ygd93ugauu] input::placeholder,
[b-ygd93ugauu] select::placeholder {
    color: var(--color-gray);
}

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

[b-ygd93ugauu] .form-input:focus,
[b-ygd93ugauu] .form-select:focus,
[b-ygd93ugauu] input:focus,
[b-ygd93ugauu] select:focus {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.08);
    background: var(--color-white);
}

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

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

.btn-primary[b-ygd93ugauu] {
    width: 100%;
    padding: 1rem 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-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-ygd93ugauu] {
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

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

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

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

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

.register-footer a:hover[b-ygd93ugauu] {
    color: var(--mtsu-navy);
    text-decoration: underline;
}

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

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

    .form-row[b-ygd93ugauu] {
        grid-template-columns: 1fr;
    }
}
/* _content/MCC.Web/Components/Pages/Account/RegistrationSuccess.razor.rz.scp.css */
.success-icon[b-ky0my1uuvo] {
    text-align: center;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

.success-message[b-ky0my1uuvo] {
    background: #d1fae5;
    border-left: 4px solid #10b981;
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

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

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

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

.info-box[b-ky0my1uuvo] {
    background: #dbeafe;
    border-left: 4px solid var(--mtsu-blue);
    padding: 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

.help-text a[b-ky0my1uuvo] {
    color: var(--mtsu-blue);
    text-decoration: none;
}

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

.back-link[b-ky0my1uuvo] {
    color: var(--mtsu-blue);
    font-weight: 600;
    text-decoration: none;
    transition: color var(--transition-base);
}

.back-link:hover[b-ky0my1uuvo] {
    color: var(--mtsu-navy);
    text-decoration: underline;
}
/* _content/MCC.Web/Components/Pages/Admin/CreateEvent.razor.rz.scp.css */
.admin-form-page[b-qtjjs5rvjx] {
    max-width: 900px;
    margin: 0 auto;
}

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

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

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

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

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

.btn-back[b-qtjjs5rvjx] {
    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-qtjjs5rvjx] {
    background-color: #e5e7eb;
}
/* _content/MCC.Web/Components/Pages/Admin/EditBook.razor.rz.scp.css */
.edit-book-page[b-igzyro54v9] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem;
}

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

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

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

.btn-secondary[b-igzyro54v9] {
    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-igzyro54v9] {
    border-color: #9ca3af;
    color: #374151;
}

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

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

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

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

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

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

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

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

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

[b-igzyro54v9] .form-control,
[b-igzyro54v9] input.form-control,
[b-igzyro54v9] select.form-control,
[b-igzyro54v9] 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-igzyro54v9] .form-control:focus,
[b-igzyro54v9] input.form-control:focus,
[b-igzyro54v9] select.form-control:focus,
[b-igzyro54v9] textarea.form-control:focus {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

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

[b-igzyro54v9] 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-igzyro54v9] {
    display: flex;
    gap: 0.5rem;
}

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

.btn-scan[b-igzyro54v9] {
    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-igzyro54v9] {
    background: #059669;
}

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

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

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

.checkout-alert[b-igzyro54v9] {
    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-igzyro54v9] {
    margin: 0.5rem 0;
    color: #78350f;
}

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

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

.btn-return-book[b-igzyro54v9] {
    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-igzyro54v9] {
    background: #059669;
    transform: translateY(-2px);
}

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

/* Checkbox Group */
.checkbox-group label[b-igzyro54v9] {
    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-igzyro54v9] {
    background: #f3f4f6;
}

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

/* Image Preview */
.image-preview[b-igzyro54v9] {
    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-igzyro54v9] {
    max-width: 200px;
    max-height: 300px;
    object-fit: contain;
    border-radius: 0.25rem;
}

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

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

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

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

.btn-primary[b-igzyro54v9] {
    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-igzyro54v9] {
    background: #0052a3;
    transform: translateY(-2px);
}

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

.btn-cancel[b-igzyro54v9] {
    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-igzyro54v9] {
    border-color: #9ca3af;
    color: #374151;
}

/* Modal */
.modal-overlay[b-igzyro54v9] {
    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-igzyro54v9] {
    background: white;
    border-radius: 0.5rem;
    max-width: 600px;
    width: 90%;
    max-height: 90vh;
    overflow-y: auto;
}

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

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

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

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

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

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

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

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

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

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

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

    .form-section[b-igzyro54v9] {
        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-igzyro54v9] {
        font-size: 1.125rem;
        margin-bottom: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-back[b-xd80zae2xw] {
    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-xd80zae2xw] {
    background-color: #e5e7eb;
}
/* _content/MCC.Web/Components/Pages/Admin/EnrichBooks.razor.rz.scp.css */
.admin-page[b-p4o4h0582a] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

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

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

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

.enrichment-controls[b-p4o4h0582a] {
    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-p4o4h0582a] {
    margin-bottom: 1.5rem;
}

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

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

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

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

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

.btn-primary[b-p4o4h0582a] {
    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-p4o4h0582a] {
    background: #1e40af;
}

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

.enrichment-results[b-p4o4h0582a] {
    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-p4o4h0582a] {
    font-size: 1.75rem;
    color: #111827;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

.statistics-panel[b-p4o4h0582a] {
    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-p4o4h0582a] {
    font-size: 1.75rem;
    color: #111827;
    margin-bottom: 1.5rem;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-secondary[b-p4o4h0582a] {
    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-p4o4h0582a] {
    background: #4b5563;
}

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

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

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

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

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

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

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

.btn-create[b-o530lgchpu] {
    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-o530lgchpu] {
    background-color: #1e40af;
}

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

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

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

.events-table th[b-o530lgchpu] {
    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-o530lgchpu] {
    padding: 1rem;
    border-bottom: 1px solid #f3f4f6;
    color: #4b5563;
}

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

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

.type-badge[b-o530lgchpu] {
    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-o530lgchpu] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
}

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

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

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

.btn-action[b-o530lgchpu] {
    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-o530lgchpu] {
    background-color: #3b82f6;
    color: white;
}

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

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

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

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

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

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

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

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

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

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

.admin-card[b-v19zwcic04] {
    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-v19zwcic04] {
    border-color: #1e3a8a;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

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

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

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

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

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

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

.btn-create[b-5czzuyjqhd] {
    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-5czzuyjqhd] {
    background: #0052a3;
    transform: translateY(-2px);
}

.btn-secondary[b-5czzuyjqhd] {
    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-5czzuyjqhd] {
    background: var(--mtsu-blue);
    color: white;
}

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

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

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

.filter-select[b-5czzuyjqhd] {
    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-5czzuyjqhd] {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

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

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

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

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

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

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

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

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

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

.books-table th[b-5czzuyjqhd] {
    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-5czzuyjqhd] {
    border-bottom: 1px solid #e5e7eb;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-action[b-5czzuyjqhd] {
    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-5czzuyjqhd] {
    background: var(--mtsu-blue);
    color: white;
}

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

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

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

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

/* No Data */
.no-data[b-5czzuyjqhd] {
    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-5czzuyjqhd] {
        flex-direction: column;
        gap: 1rem;
    }

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

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

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

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

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

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

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

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

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

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

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

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

.filter-select[b-u0kv7ao4i7] {
    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-u0kv7ao4i7] {
    outline: none;
    border-color: var(--mtsu-blue);
    box-shadow: 0 0 0 3px rgba(0, 61, 165, 0.1);
}

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

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

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

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

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

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

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

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

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

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

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

.checkouts-table th[b-u0kv7ao4i7] {
    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-u0kv7ao4i7] {
    border-bottom: 1px solid #e5e7eb;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.btn-action[b-u0kv7ao4i7] {
    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-u0kv7ao4i7] {
    background: var(--mtsu-blue);
    color: white;
}

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

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

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

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

/* No Data */
.no-data[b-u0kv7ao4i7] {
    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-u0kv7ao4i7] {
        flex-direction: column;
        gap: 1rem;
    }

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

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

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

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

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

    .actions-cell[b-u0kv7ao4i7] {
        flex-direction: row;
    }
}
/* _content/MCC.Web/Components/Pages/Admin/News.razor.rz.scp.css */
.admin-news-page[b-zh0krgif46] {
    padding: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

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

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

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

.btn-create[b-zh0krgif46] {
    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-zh0krgif46] {
    background: #0052a3;
    transform: translateY(-2px);
}

/* Filters */
.filters-section[b-zh0krgif46] {
    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-zh0krgif46] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

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

.search-input[b-zh0krgif46],
.filter-select[b-zh0krgif46] {
    padding: 0.5rem;
    border: 2px solid #e5e7eb;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    transition: border-color 0.2s;
}

.search-input:focus[b-zh0krgif46],
.filter-select:focus[b-zh0krgif46] {
    outline: none;
    border-color: var(--mtsu-blue);
}

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

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

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

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

/* Table */
.table-container[b-zh0krgif46] {
    background: white;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.news-table[b-zh0krgif46] {
    width: 100%;
    border-collapse: collapse;
}

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

.news-table th[b-zh0krgif46] {
    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-zh0krgif46] {
    border-bottom: 1px solid #e5e7eb;
    transition: background-color 0.2s;
}

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

.news-table tbody tr.removed-row[b-zh0krgif46] {
    background: #fee;
    opacity: 0.7;
}

.news-table td[b-zh0krgif46] {
    padding: 1rem;
    vertical-align: middle;
}

/* Article Cell */
.article-cell[b-zh0krgif46] {
    display: flex;
    gap: 1rem;
    align-items: start;
    max-width: 500px;
}

.article-thumbnail[b-zh0krgif46] {
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 0.375rem;
    flex-shrink: 0;
}

.article-info[b-zh0krgif46] {
    flex: 1;
    min-width: 0;
}

.article-title[b-zh0krgif46] {
    font-weight: 600;
    color: var(--mtsu-blue);
    text-decoration: none;
    display: block;
    margin-bottom: 0.5rem;
    line-height: 1.4;
}

.article-title:hover[b-zh0krgif46] {
    text-decoration: underline;
}

.article-summary[b-zh0krgif46] {
    font-size: 0.875rem;
    color: #6b7280;
    line-height: 1.5;
}

/* Badges */
.source-badge[b-zh0krgif46] {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
}

.source-chessbase[b-zh0krgif46] {
    background: #dbeafe;
    color: #1e40af;
}

.source-lichess[b-zh0krgif46] {
    background: #f3e8ff;
    color: #6b21a8;
}

.source-chesscom[b-zh0krgif46] {
    background: #dcfce7;
    color: #15803d;
}

.source-uschess[b-zh0krgif46] {
    background: #fef3c7;
    color: #92400e;
}

.source-fide[b-zh0krgif46] {
    background: #fee2e2;
    color: #991b1b;
}

.priority-badge[b-zh0krgif46] {
    display: inline-block;
    padding: 0.25rem 0.5rem;
    border-radius: 0.25rem;
    font-weight: 700;
    font-size: 0.875rem;
}

.priority-critical[b-zh0krgif46] {
    background: #dc2626;
    color: white;
}

.priority-high[b-zh0krgif46] {
    background: #f59e0b;
    color: white;
}

.priority-medium[b-zh0krgif46] {
    background: #3b82f6;
    color: white;
}

.priority-low[b-zh0krgif46] {
    background: #6b7280;
    color: white;
}

.status-badges[b-zh0krgif46] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.status-badge[b-zh0krgif46] {
    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-zh0krgif46] {
    background: #d1fae5;
    color: #065f46;
}

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

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

.status-badge.removed[b-zh0krgif46] {
    background: #fee2e2;
    color: #991b1b;
}

.date-cell[b-zh0krgif46] {
    font-size: 0.875rem;
    color: #6b7280;
    white-space: nowrap;
}

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

.btn-action[b-zh0krgif46] {
    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-zh0krgif46] {
    background: #fbbf24;
    color: white;
    font-size: 1.25rem;
    padding: 0.5rem 0.75rem;
}

.btn-feature:hover[b-zh0krgif46] {
    background: #f59e0b;
}

.btn-remove[b-zh0krgif46] {
    background: #dc2626;
    color: white;
}

.btn-remove:hover[b-zh0krgif46] {
    background: #b91c1c;
}

.removed-text[b-zh0krgif46] {
    color: #991b1b;
    font-size: 0.875rem;
    font-style: italic;
}

/* Results Info */
.results-info[b-zh0krgif46] {
    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-zh0krgif46] {
    text-align: center;
    padding: 3rem;
    color: #6b7280;
}

.no-data p[b-zh0krgif46] {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
}

.btn-secondary[b-zh0krgif46] {
    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-zh0krgif46] {
    border-color: #9ca3af;
}

/* Responsive */
@media (max-width: 1024px) {
    .article-cell[b-zh0krgif46] {
        max-width: 300px;
    }

    .news-table[b-zh0krgif46] {
        font-size: 0.875rem;
    }
}

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

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

    .filters-section[b-zh0krgif46] {
        grid-template-columns: 1fr;
    }

    .table-container[b-zh0krgif46] {
        overflow-x: auto;
    }

    .news-table[b-zh0krgif46] {
        min-width: 800px;
    }
}
/* _content/MCC.Web/Components/Pages/ApplyToBeCoach.razor.rz.scp.css */
/* ===== Apply to Be Coach Page Styling ===== */

.apply-coach-page[b-ouqnppqzaa] {
    max-width: 800px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.page-title[b-ouqnppqzaa] {
    font-size: 2rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
    text-align: center;
}

.page-description[b-ouqnppqzaa] {
    font-size: 1.125rem;
    color: #6b7280;
    margin-bottom: 2rem;
    text-align: center;
    line-height: 1.6;
}

/* Form Container */
.form-container[b-ouqnppqzaa] {
    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-ouqnppqzaa] {
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px solid #e5e7eb;
}

.form-section:last-of-type[b-ouqnppqzaa] {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.section-title[b-ouqnppqzaa] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    margin-bottom: 1rem;
}

.section-description[b-ouqnppqzaa] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 1.5rem;
    line-height: 1.6;
}

/* Form Groups */
.form-group[b-ouqnppqzaa] {
    margin-bottom: 1.5rem;
}

.form-label[b-ouqnppqzaa] {
    display: block;
    font-weight: 500;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.875rem;
}

.field-hint[b-ouqnppqzaa] {
    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-ouqnppqzaa] 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-ouqnppqzaa] textarea:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-ouqnppqzaa] textarea::placeholder {
    color: #9ca3af;
}

/* InputText - renders as <input type="text"> */
[b-ouqnppqzaa] input[type="text"],
[b-ouqnppqzaa] input[type="email"],
[b-ouqnppqzaa] input[type="tel"],
[b-ouqnppqzaa] 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-ouqnppqzaa] input[type="text"]:focus,
[b-ouqnppqzaa] input[type="email"]:focus,
[b-ouqnppqzaa] input[type="tel"]:focus,
[b-ouqnppqzaa] input[type="url"]:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-ouqnppqzaa] input[type="text"]::placeholder,
[b-ouqnppqzaa] input[type="email"]::placeholder,
[b-ouqnppqzaa] input[type="tel"]::placeholder,
[b-ouqnppqzaa] input[type="url"]::placeholder {
    color: #9ca3af;
}

/* InputNumber - renders as <input type="number"> */
[b-ouqnppqzaa] 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-ouqnppqzaa] 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-ouqnppqzaa] 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-ouqnppqzaa] input[type="checkbox"]:focus {
    outline: none;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-ouqnppqzaa] input[type="checkbox"]:checked {
    background-color: #1e3a8a;
    border-color: #1e3a8a;
}

/* InputFile - renders as <input type="file"> */
[b-ouqnppqzaa] 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-ouqnppqzaa] input[type="file"]:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

[b-ouqnppqzaa] 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-ouqnppqzaa] input[type="file"]::file-selector-button:hover {
    background-color: #1e40af;
}

/* InputSelect - renders as <select> */
[b-ouqnppqzaa] 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-ouqnppqzaa] select:focus {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

/* Validation Messages */
[b-ouqnppqzaa] .validation-message {
    color: #ef4444;
    font-size: 0.875rem;
    margin-top: 0.25rem;
    display: block;
}

/* Validation Summary */
[b-ouqnppqzaa] .validation-summary {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
}

[b-ouqnppqzaa] .validation-summary ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

[b-ouqnppqzaa] .validation-summary li {
    color: #ef4444;
    font-size: 0.875rem;
    margin-bottom: 0.25rem;
}

[b-ouqnppqzaa] .validation-summary li:last-child {
    margin-bottom: 0;
}

/* Invalid Fields */
[b-ouqnppqzaa] .invalid {
    border-color: #ef4444 !important;
}

[b-ouqnppqzaa] .invalid:focus {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 3px rgba(239, 68, 68, 0.1) !important;
}

/* Valid Fields */
[b-ouqnppqzaa] .valid.modified {
    border-color: #10b981;
}

[b-ouqnppqzaa] .valid.modified:focus {
    border-color: #10b981;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1);
}

/* Disabled Fields */
[b-ouqnppqzaa] input:disabled,
[b-ouqnppqzaa] textarea:disabled,
[b-ouqnppqzaa] select:disabled {
    background-color: #f3f4f6;
    cursor: not-allowed;
    opacity: 0.6;
}

/* Checkbox Label Container */
.checkbox-container[b-ouqnppqzaa] {
    display: flex;
    align-items: start;
    gap: 0.75rem;
    margin-bottom: 1.5rem;
}

.checkbox-label[b-ouqnppqzaa] {
    display: flex;
    align-items: start;
    gap: 0.5rem;
    cursor: pointer;
}

.checkbox-label-text[b-ouqnppqzaa] {
    font-weight: 500;
    color: #374151;
    font-size: 0.875rem;
}

/* Alert Messages */
.alert-info[b-ouqnppqzaa] {
    background-color: #f0f9ff;
    border: 1px solid #bfdbfe;
    border-radius: 0.5rem;
    padding: 1rem;
    margin-bottom: 1.5rem;
    color: #1e40af;
    font-size: 0.875rem;
}

.alert-success[b-ouqnppqzaa] {
    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-ouqnppqzaa] {
    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-ouqnppqzaa] {
    display: flex;
    gap: 1rem;
    justify-content: flex-end;
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid #e5e7eb;
}

/* Loading State */
.loading-spinner[b-ouqnppqzaa] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-ouqnppqzaa] {
    width: 3rem;
    height: 3rem;
    border: 4px solid #e5e7eb;
    border-top-color: #1e3a8a;
    border-radius: 50%;
    animation: spin-b-ouqnppqzaa 1s linear infinite;
}

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

/* Responsive Design */
@media (max-width: 768px) {
    .apply-coach-page[b-ouqnppqzaa] {
        padding: 1rem 0.5rem;
    }

    .form-container[b-ouqnppqzaa] {
        padding: 1.5rem;
    }

    .page-title[b-ouqnppqzaa] {
        font-size: 1.5rem;
    }

    .page-description[b-ouqnppqzaa] {
        font-size: 1rem;
    }

    .form-actions[b-ouqnppqzaa] {
        flex-direction: column;
    }

    .form-actions[b-ouqnppqzaa]  .btn {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .form-container[b-ouqnppqzaa] {
        padding: 1rem;
    }

    .page-title[b-ouqnppqzaa] {
        font-size: 1.25rem;
    }

    .section-title[b-ouqnppqzaa] {
        font-size: 1.125rem;
    }
}
/* _content/MCC.Web/Components/Pages/BookDetails.razor.rz.scp.css */
.book-details-page[b-0annccfax4] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.book-details-header[b-0annccfax4] {
    margin-bottom: 2rem;
}

.btn-back[b-0annccfax4] {
    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-0annccfax4] {
    background: #f9fafb;
    border-color: #9ca3af;
}

.loading[b-0annccfax4] {
    text-align: center;
    padding: 4rem 1rem;
}

.book-details-content[b-0annccfax4] {
    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-0annccfax4] {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.book-cover-large[b-0annccfax4] {
    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-0annccfax4] {
    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-0annccfax4] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.book-cover-placeholder p[b-0annccfax4] {
    font-size: 0.875rem;
    font-weight: 500;
    margin: 0;
}

.book-info-section[b-0annccfax4] {
    min-width: 0;
}

.book-title[b-0annccfax4] {
    font-size: 2.25rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 0.5rem;
    line-height: 1.2;
}

.book-author[b-0annccfax4] {
    font-size: 1.5rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

.book-metadata[b-0annccfax4] {
    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-0annccfax4] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.metadata-item .label[b-0annccfax4] {
    font-size: 0.75rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.metadata-item .value[b-0annccfax4] {
    font-size: 1rem;
    color: #111827;
    font-weight: 500;
}

.book-description[b-0annccfax4] {
    margin-bottom: 2rem;
}

.book-description h2[b-0annccfax4] {
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    margin-bottom: 1rem;
}

.description-content[b-0annccfax4] {
    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-0annccfax4] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.btn-external[b-0annccfax4] {
    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-0annccfax4] {
    background: #1e40af;
}

.btn-checkout[b-0annccfax4] {
    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-0annccfax4] {
    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-0annccfax4] {
    background: #9ca3af;
    cursor: not-allowed;
    opacity: 0.6;
}

@media (max-width: 1024px) {
    .book-details-content[b-0annccfax4] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .book-cover-section[b-0annccfax4] {
        max-width: 350px;
        margin: 0 auto;
    }
}

@media (max-width: 768px) {
    .book-details-page[b-0annccfax4] {
        padding: 1rem 0.5rem;
    }

    .book-details-content[b-0annccfax4] {
        padding: 1.5rem;
    }

    .book-title[b-0annccfax4] {
        font-size: 1.75rem;
    }

    .book-author[b-0annccfax4] {
        font-size: 1.25rem;
    }

    .book-metadata[b-0annccfax4] {
        grid-template-columns: 1fr;
    }
}
/* _content/MCC.Web/Components/Pages/Contact.razor.rz.scp.css */
.contact-page[b-17io7t04t8] {
    max-width: 1200px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

.contact-grid[b-17io7t04t8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3rem;
    margin-top: 2rem;
}

/* Contact Information Section */
.contact-info-section h2[b-17io7t04t8] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary);
    margin-bottom: 1rem;
    letter-spacing: 0.05em;
}

.contact-intro[b-17io7t04t8] {
    font-size: 1.1rem;
    color: var(--color-text-secondary);
    margin-bottom: 2rem;
    line-height: 1.6;
}

.contact-methods[b-17io7t04t8] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.contact-method[b-17io7t04t8] {
    display: flex;
    gap: 1.5rem;
    align-items: flex-start;
}

.contact-icon[b-17io7t04t8] {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg,
                var(--color-purple) 0%,
                var(--color-pink) 50%,
                var(--color-gold) 100%);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    box-shadow: 0 4px 12px rgba(145, 38, 143, 0.3);
}

.contact-icon i[b-17io7t04t8] {
    font-size: 1.5rem;
    color: white;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
}

.contact-details h3[b-17io7t04t8] {
    font-family: var(--font-display);
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
    letter-spacing: 0.03em;
}

.contact-link[b-17io7t04t8] {
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    font-size: 1.1rem;
    transition: color 0.2s;
}

.contact-link:hover[b-17io7t04t8] {
    color: var(--color-secondary);
}

.contact-text[b-17io7t04t8] {
    color: var(--color-text-secondary);
    line-height: 1.8;
    margin: 0;
}

.directions-link[b-17io7t04t8] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--color-primary);
    text-decoration: none;
    font-weight: 500;
    margin-top: 0.75rem;
    transition: color 0.2s;
}

.directions-link:hover[b-17io7t04t8] {
    color: var(--color-secondary);
}

/* Contact Form Section */
.contact-form-section h2[b-17io7t04t8] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-primary);
    margin-bottom: 2rem;
    letter-spacing: 0.05em;
}

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

.form-label[b-17io7t04t8] {
    display: block;
    font-weight: 600;
    color: var(--color-text-primary);
    margin-bottom: 0.5rem;
    font-size: 0.95rem;
}

.required[b-17io7t04t8] {
    color: var(--color-danger);
}

/* Form input styling with ::deep to target Blazor components */
[b-17io7t04t8] .form-control,
.form-control[b-17io7t04t8] {
    width: 100%;
    padding: 1rem 1.25rem;
    border: 2px solid var(--color-gray-light);
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    font-family: var(--font-sans);
    background-color: white;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
}

[b-17io7t04t8] .form-control:focus,
.form-control:focus[b-17io7t04t8] {
    outline: none;
    border-color: var(--color-purple);
    box-shadow: 0 0 0 4px rgba(145, 38, 143, 0.1),
                0 4px 8px rgba(0, 0, 0, 0.08);
    transform: translateY(-1px);
}

[b-17io7t04t8] .form-control::placeholder,
.form-control[b-17io7t04t8]::placeholder {
    color: var(--color-gray);
    opacity: 0.6;
}

[b-17io7t04t8] textarea.form-control,
textarea.form-control[b-17io7t04t8] {
    resize: vertical;
    min-height: 150px;
    line-height: 1.6;
}

.btn-submit[b-17io7t04t8] {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    padding: 1.125rem 2.5rem;
    font-family: var(--font-display);
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    width: 100%;
    justify-content: center;
    background: linear-gradient(135deg,
                var(--color-purple) 0%,
                var(--color-pink) 50%,
                var(--color-gold) 100%);
    color: white;
    border: 2px solid rgba(255, 255, 255, 0.3);
    border-radius: 50px;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1);
    box-shadow: 0 6px 20px rgba(145, 38, 143, 0.3),
                0 3px 10px rgba(208, 20, 111, 0.2),
                inset 0 1px 2px rgba(255, 255, 255, 0.3);
}

.btn-submit:hover[b-17io7t04t8] {
    transform: translateY(-2px) scale(1.02);
    box-shadow: 0 8px 25px rgba(145, 38, 143, 0.4),
                0 4px 15px rgba(208, 20, 111, 0.3),
                inset 0 1px 2px rgba(255, 255, 255, 0.4);
}

.btn-submit:active[b-17io7t04t8] {
    transform: translateY(0) scale(1);
}

.btn-submit i[b-17io7t04t8] {
    font-size: 1.25rem;
}

/* Success Message */
.success-message[b-17io7t04t8] {
    text-align: center;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(16, 185, 129, 0.1) 100%);
    border: 2px solid var(--color-success);
    border-radius: 12px;
}

.success-message i[b-17io7t04t8] {
    font-size: 4rem;
    color: var(--color-success);
    margin-bottom: 1rem;
}

.success-message h3[b-17io7t04t8] {
    font-family: var(--font-display);
    font-size: 2rem;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--color-success);
    margin-bottom: 1rem;
    letter-spacing: 0.05em;
}

.success-message p[b-17io7t04t8] {
    font-size: 1.1rem;
    color: var(--color-text-secondary);
    margin-bottom: 2rem;
}

/* Responsive Design */
@media (max-width: 768px) {
    .contact-grid[b-17io7t04t8] {
        grid-template-columns: 1fr;
        gap: 2rem;
    }

    .contact-info-section h2[b-17io7t04t8],
    .contact-form-section h2[b-17io7t04t8] {
        font-size: 1.5rem;
    }

    .contact-intro[b-17io7t04t8] {
        font-size: 1rem;
    }

    .contact-method[b-17io7t04t8] {
        gap: 1rem;
    }

    .contact-icon[b-17io7t04t8] {
        width: 45px;
        height: 45px;
    }

    .contact-icon i[b-17io7t04t8] {
        font-size: 1.25rem;
    }

    .contact-details h3[b-17io7t04t8] {
        font-size: 1.1rem;
    }

    .success-message[b-17io7t04t8] {
        padding: 2rem 1rem;
    }

    .success-message i[b-17io7t04t8] {
        font-size: 3rem;
    }

    .success-message h3[b-17io7t04t8] {
        font-size: 1.5rem;
    }
}
/* _content/MCC.Web/Components/Pages/EventDetails.razor.rz.scp.css */
.event-details-page[b-ippwzqp9xs] {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
}

.event-header[b-ippwzqp9xs] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-xl);
}

.btn-back[b-ippwzqp9xs] {
    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-ippwzqp9xs] {
    background-color: var(--mtsu-blue);
    color: var(--color-white);
    transform: translateX(-4px);
}

.event-type-badge[b-ippwzqp9xs] {
    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-ippwzqp9xs] {
    background-color: var(--color-gold);
}

.event-type-badge.weeklyclub[b-ippwzqp9xs] {
    background-color: var(--color-green);
}

.event-type-badge.monthlyblitz[b-ippwzqp9xs] {
    background-color: var(--color-pink);
}

.event-type-badge.onlineteambattle[b-ippwzqp9xs] {
    background-color: var(--mtsu-light-blue);
}

.event-type-badge.groupclass[b-ippwzqp9xs] {
    background-color: var(--color-purple);
}

.event-content[b-ippwzqp9xs] {
    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-ippwzqp9xs] {
    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-ippwzqp9xs] {
    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-ippwzqp9xs] {
    display: flex;
    gap: var(--spacing-md);
    align-items: flex-start;
}

.meta-icon[b-ippwzqp9xs] {
    font-size: var(--font-size-2xl);
    flex-shrink: 0;
}

.meta-label[b-ippwzqp9xs] {
    font-size: var(--font-size-xs);
    font-weight: 600;
    color: var(--color-gray);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.meta-value[b-ippwzqp9xs] {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin-top: var(--spacing-xs);
}

.meta-value.free[b-ippwzqp9xs] {
    color: var(--color-green);
}

.time-control-category[b-ippwzqp9xs] {
    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-ippwzqp9xs] {
    margin-bottom: var(--spacing-2xl);
}

.event-section h2[b-ippwzqp9xs] {
    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-ippwzqp9xs],
.event-notes[b-ippwzqp9xs] {
    color: var(--color-gray-dark);
    line-height: 1.75;
    white-space: pre-wrap;
    font-size: var(--font-size-base);
}

.recurrence-info[b-ippwzqp9xs] {
    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-ippwzqp9xs] {
    margin: 0;
    color: #78350f;
    font-weight: 500;
}

.event-actions[b-ippwzqp9xs] {
    margin-top: var(--spacing-2xl);
    padding-top: var(--spacing-2xl);
    border-top: 2px solid var(--color-gray-lighter);
}

.btn-register[b-ippwzqp9xs] {
    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-ippwzqp9xs] {
    background-color: var(--mtsu-light-blue);
    transform: translateY(-2px);
    box-shadow: var(--shadow-lg);
}

.not-found[b-ippwzqp9xs] {
    text-align: center;
    padding: 4rem 2rem;
}

.not-found h2[b-ippwzqp9xs] {
    font-size: 1.875rem;
    font-weight: 700;
    color: #111827;
    margin: 0 0 1rem 0;
}

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

@media (max-width: 768px) {
    .event-title[b-ippwzqp9xs] {
        font-size: 1.5rem;
    }

    .event-meta[b-ippwzqp9xs] {
        grid-template-columns: 1fr;
    }

    .event-header[b-ippwzqp9xs] {
        flex-direction: column;
        gap: 1rem;
        align-items: flex-start;
    }
}
/* _content/MCC.Web/Components/Pages/Events.razor.rz.scp.css */
.events-page[b-hqdwcy1l4d] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.page-header[b-hqdwcy1l4d] {
    text-align: center;
    padding: 2rem 0;
}

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

.page-header p[b-hqdwcy1l4d] {
    font-size: 1.125rem;
    color: #6b7280;
    margin: 0;
}

/* View Toggle - Split-pill button group matching home page hero-actions */
.view-toggle-container[b-hqdwcy1l4d] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-lg, 1.5rem);
}

/* Split-pill container */
.view-toggle[b-hqdwcy1l4d] {
    display: inline-flex;
    background: linear-gradient(135deg, #f3f4f6, #e5e7eb);
    border-radius: 50px;
    padding: 4px;
    box-shadow:
        0 4px 16px rgba(0, 0, 0, 0.08),
        inset 0 1px 2px rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(0, 0, 0, 0.08);
}

/* Toggle button base styles */
.toggle-btn[b-hqdwcy1l4d] {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    padding: 0.875rem 2rem;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: 0.02em;
    white-space: nowrap;
    border: none;
    background: transparent;
    color: #6b7280;
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

/* Inactive button hover */
.toggle-btn:hover:not(.active)[b-hqdwcy1l4d] {
    background: rgba(0, 0, 0, 0.05);
    color: #374151;
}

/* Active button state - white elevated pill */
.toggle-btn.active[b-hqdwcy1l4d] {
    background: #ffffff;
    color: var(--mtsu-navy, #1e3a8a);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.toggle-btn.active:hover[b-hqdwcy1l4d] {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
}

/* Icon styling */
.toggle-btn i[b-hqdwcy1l4d] {
    font-size: 1em;
}

/* Dark mode support */
[data-theme="dark"] .view-toggle[b-hqdwcy1l4d] {
    background: linear-gradient(135deg, rgba(30, 58, 138, 0.2), rgba(30, 58, 138, 0.3));
    border-color: rgba(96, 165, 250, 0.3);
}

[data-theme="dark"] .toggle-btn[b-hqdwcy1l4d] {
    color: #9ca3af;
}

[data-theme="dark"] .toggle-btn:hover:not(.active)[b-hqdwcy1l4d] {
    background: rgba(96, 165, 250, 0.1);
    color: #d1d5db;
}

[data-theme="dark"] .toggle-btn.active[b-hqdwcy1l4d] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 249, 255, 0.85));
    color: var(--mtsu-navy, #1e3a8a);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .toggle-btn.active:hover[b-hqdwcy1l4d] {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
}

.filters[b-hqdwcy1l4d] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1.5rem;
    background: white;
    border: 1px solid #e5e7eb;
    border-radius: 0.5rem;
    align-items: flex-end;
}

.filter-group[b-hqdwcy1l4d] {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    flex: 1;
    min-width: 200px;
}

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

.filter-select[b-hqdwcy1l4d] {
    padding: 0.5rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    background: white;
    cursor: pointer;
}

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

.btn-clear-filters[b-hqdwcy1l4d] {
    padding: 0.5rem 1rem;
    background-color: #6b7280;
    color: white;
    border: none;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s;
    height: fit-content;
}

.btn-clear-filters:hover[b-hqdwcy1l4d] {
    background-color: #4b5563;
}

.events-grid[b-hqdwcy1l4d] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
    gap: 1.5rem;
}

.no-events[b-hqdwcy1l4d] {
    text-align: center;
    padding: 3rem;
    background-color: #f9fafb;
    border-radius: 0.5rem;
    color: #6b7280;
}

@media (max-width: 768px) {
    .page-header[b-hqdwcy1l4d] {
        padding: 1rem 0;
    }

    .page-header h1[b-hqdwcy1l4d] {
        font-size: 1.875rem;
    }

    .filters[b-hqdwcy1l4d] {
        flex-direction: column;
        padding: 1rem;
    }

    .filter-group[b-hqdwcy1l4d] {
        min-width: 100%;
    }

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

    .view-toggle-container[b-hqdwcy1l4d] {
        margin-bottom: 1rem;
    }

    .view-toggle[b-hqdwcy1l4d] {
        gap: 0.5rem;
        width: 100%;
        max-width: 500px;
    }

    .toggle-btn[b-hqdwcy1l4d]  .btn {
        padding: 0.75rem 1.5rem;
        font-size: var(--font-size-sm, 0.875rem);
        min-width: 140px;
        flex: 1;
    }
}

@media (max-width: 480px) {
    .page-header h1[b-hqdwcy1l4d] {
        font-size: 1.5rem;
    }

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

    .events-grid[b-hqdwcy1l4d] {
        gap: 0.75rem;
    }

    .toggle-btn[b-hqdwcy1l4d]  .btn {
        padding: 0.625rem 1rem;
        font-size: 0.8125rem;
        min-width: 120px;
    }
}
/* _content/MCC.Web/Components/Pages/Faq.razor.rz.scp.css */
.faq-page[b-lc1qdpwqj6] {
    max-width: var(--container-lg);
    margin: 0 auto;
    padding: var(--spacing-2xl) var(--spacing-lg);
}

.faq-intro[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
}

.faq-intro a:hover[b-lc1qdpwqj6] {
    text-decoration: underline;
}

.faq-category[b-lc1qdpwqj6] {
    margin-bottom: var(--spacing-3xl);
}

.category-title[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.faq-item[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    border-color: var(--mtsu-blue);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.1);
}

.faq-question[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    background-color: var(--color-gray-lightest);
}

.question-icon[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    flex: 1;
}

.faq-answer[b-lc1qdpwqj6] {
    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-lc1qdpwqj6 0.3s ease;
}

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

.faq-contact[b-lc1qdpwqj6] {
    margin-top: var(--spacing-4xl);
    padding: var(--spacing-3xl) 0;
    border-top: 2px solid var(--color-gray-light);
}

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

.contact-box h3[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    font-size: var(--font-size-lg);
    color: var(--color-gray-dark);
    margin-bottom: var(--spacing-xl);
}

.contact-methods[b-lc1qdpwqj6] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-md);
}

.contact-button[b-lc1qdpwqj6] {
    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-lc1qdpwqj6] {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.3);
}

.contact-button i[b-lc1qdpwqj6] {
    font-size: var(--font-size-xl);
}

.no-faqs[b-lc1qdpwqj6] {
    text-align: center;
    padding: var(--spacing-4xl);
    color: var(--color-gray-dark);
    font-size: var(--font-size-lg);
}

.no-faqs a[b-lc1qdpwqj6] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
}

.no-faqs a:hover[b-lc1qdpwqj6] {
    text-decoration: underline;
}

@media (max-width: 768px) {
    .faq-page[b-lc1qdpwqj6] {
        padding: var(--spacing-xl) var(--spacing-md);
    }

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

    .faq-question[b-lc1qdpwqj6] {
        font-size: var(--font-size-base);
        padding: var(--spacing-md);
    }

    .question-icon[b-lc1qdpwqj6] {
        width: 28px;
        height: 28px;
        font-size: var(--font-size-lg);
    }

    .contact-box h3[b-lc1qdpwqj6] {
        font-size: var(--font-size-2xl);
    }
}
/* _content/MCC.Web/Components/Pages/Home.razor.rz.scp.css */
/* ============================================
   Home Page - Modern MTSU Design
   ============================================ */

.home-page[b-3055qwmcx3] {
    display: flex;
    flex-direction: column;
}

/* ============================================
   Hero Section - Full Width with Gradient
   ============================================ */

.hero-section[b-3055qwmcx3] {
    position: relative;
    background: linear-gradient(135deg, #1c2b59 0%, #0066cc 60%, #009ad6 100%);
    color: #ffffff;
    padding: var(--spacing-3xl) var(--spacing-lg);
    margin: calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-lg)) var(--spacing-3xl);
    overflow: hidden;
    min-height: 500px;
    display: flex;
    align-items: center;
    justify-content: center;
}

[data-theme="dark"] .hero-section[b-3055qwmcx3] {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 60%, #334155 100%);
}

.hero-overlay[b-3055qwmcx3] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:
        radial-gradient(circle at 20% 50%, rgba(255, 255, 255, 0.1) 0%, transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(0, 154, 214, 0.2) 0%, transparent 50%);
    pointer-events: none;
}

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

.hero-overlay[b-3055qwmcx3]::after {
    content: '♞';
    position: absolute;
    bottom: -20%;
    left: -5%;
    transform: rotate(-20deg);
    font-size: 600px;
    color: rgba(255, 255, 255, 0.04);
    font-weight: 300;
    line-height: 1;
    user-select: none;
    pointer-events: none;
}

[data-theme="dark"] .hero-overlay[b-3055qwmcx3]::before {
    color: rgba(255, 255, 255, 0.02);
}

[data-theme="dark"] .hero-overlay[b-3055qwmcx3]::after {
    color: rgba(255, 255, 255, 0.03);
}

.hero-content[b-3055qwmcx3] {
    position: relative;
    max-width: 900px;
    text-align: center;
    z-index: 1;
}

.hero-badge[b-3055qwmcx3] {
    display: inline-block;
    padding: var(--spacing-sm) var(--spacing-lg);
    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-sm);
    font-weight: 600;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacing-lg);
    backdrop-filter: blur(10px);
}

.hero-title[b-3055qwmcx3] {
    font-family: var(--font-display);
    font-size: var(--font-size-7xl);
    font-weight: 400;
    margin: 0 0 var(--spacing-md) 0;
    line-height: 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);
}

.hero-subtitle[b-3055qwmcx3] {
    font-family: var(--font-display);
    font-size: var(--font-size-3xl);
    font-weight: 400;
    margin: 0 0 var(--spacing-lg) 0;
    color: #ffffff;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 1px 3px rgba(0, 0, 0, 0.3);
}

.hero-description[b-3055qwmcx3] {
    font-size: var(--font-size-lg);
    line-height: 1.7;
    margin: 0 auto var(--spacing-2xl);
    max-width: 700px;
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5), 0 1px 2px rgba(0, 0, 0, 0.3);
}

.hero-meeting-info[b-3055qwmcx3] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-lg);
    margin: 0 auto var(--spacing-2xl);
    max-width: 700px;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(20px);
    border-radius: var(--radius-lg);
    padding: var(--spacing-xl);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.meeting-item[b-3055qwmcx3] {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-md);
    text-align: left;
}

.meeting-icon[b-3055qwmcx3] {
    font-size: 2rem;
    flex-shrink: 0;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3));
}

.meeting-text[b-3055qwmcx3] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
    flex: 1;
}

.meeting-text strong[b-3055qwmcx3] {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.meeting-text span[b-3055qwmcx3] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.95);
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}

.meeting-detail[b-3055qwmcx3] {
    font-size: var(--font-size-sm);
    color: rgba(255, 255, 255, 0.85);
    font-style: italic;
}

.meeting-location-link[b-3055qwmcx3] {
    text-decoration: none;
    color: inherit;
    transition: all 0.3s ease;
    display: inline-block;
}

.meeting-location-link:hover[b-3055qwmcx3] {
    text-decoration: underline;
    text-decoration-color: rgba(255, 255, 255, 0.6);
    text-underline-offset: 3px;
}

.meeting-location-link strong[b-3055qwmcx3] {
    font-size: var(--font-size-lg);
    font-weight: 700;
    color: #ffffff;
    text-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}

.hero-actions[b-3055qwmcx3] {
    display: inline-flex;
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(20px);
    border-radius: 50px;
    padding: 4px;
    box-shadow:
        0 4px 24px rgba(0, 0, 0, 0.15),
        inset 0 1px 0 rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.btn-hero[b-3055qwmcx3] {
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-sm);
    padding: 0.875rem 2rem;
    border-radius: 50px;
    font-size: var(--font-size-base);
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.02em;
    border: none;
    flex: 1;
    justify-content: center;
    white-space: nowrap;
    z-index: 1;
}

.btn-hero[b-3055qwmcx3]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50px;
    background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0));
    opacity: 0;
    transition: opacity 0.3s;
}

.btn-hero:hover[b-3055qwmcx3]::before {
    opacity: 1;
}

.btn-hero-primary[b-3055qwmcx3] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.85));
    color: var(--mtsu-navy);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.btn-hero-primary:hover[b-3055qwmcx3] {
    transform: scale(1.02);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
}

.btn-hero-secondary[b-3055qwmcx3] {
    background: transparent;
    color: #ffffff;
}

.btn-hero-secondary:hover[b-3055qwmcx3] {
    background: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .btn-hero-primary[b-3055qwmcx3] {
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(240, 249, 255, 0.85));
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .btn-hero-primary:hover[b-3055qwmcx3] {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.3);
}

[data-theme="dark"] .btn-hero-secondary[b-3055qwmcx3] {
    color: #f8fafc;
}

[data-theme="dark"] .btn-hero-secondary:hover[b-3055qwmcx3] {
    background: rgba(96, 165, 250, 0.15);
}

/* ============================================
   Upcoming Events Section
   ============================================ */

.upcoming-events[b-3055qwmcx3] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 var(--spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--spacing-xl);
}

.section-header[b-3055qwmcx3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: var(--spacing-md);
    border-bottom: 3px solid var(--mtsu-blue);
}

.section-header h2[b-3055qwmcx3] {
    font-size: var(--font-size-3xl);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0;
    position: relative;
}

[data-theme="dark"] .section-header h2[b-3055qwmcx3] {
    color: #f8fafc;
}

.view-all-link[b-3055qwmcx3] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-base);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.view-all-link:hover[b-3055qwmcx3] {
    color: var(--mtsu-light-blue);
    transform: translateX(4px);
}

.events-grid[b-3055qwmcx3] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: var(--spacing-xl);
    margin-bottom: var(--spacing-2xl);
}

.no-events[b-3055qwmcx3] {
    text-align: center;
    padding: var(--spacing-3xl);
    background-color: var(--color-white);
    border: 2px dashed var(--color-gray-light);
    border-radius: var(--radius-lg);
    color: var(--color-gray);
}

.no-events p[b-3055qwmcx3] {
    margin: 0;
    font-size: var(--font-size-lg);
}

/* ============================================
   Info Cards Section
   ============================================ */

.info-section[b-3055qwmcx3] {
    max-width: 1400px;
    margin: var(--spacing-3xl) auto 0;
    padding: var(--spacing-3xl) var(--spacing-lg);
    background: linear-gradient(to bottom, transparent 0%, var(--color-white) 20%);
}

.info-grid[b-3055qwmcx3] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: var(--spacing-xl);
}

.info-card[b-3055qwmcx3] {
    background: var(--color-surface);
    border: none;
    border-radius: 24px;
    padding: var(--spacing-2xl);
    text-align: center;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
    box-shadow:
        0 8px 32px rgba(0, 102, 204, 0.06),
        0 2px 8px rgba(0, 0, 0, 0.04);
}

.info-card[b-3055qwmcx3]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: linear-gradient(90deg, var(--mtsu-blue), var(--mtsu-light-blue));
    opacity: 0;
    transition: opacity var(--transition-base);
}

.info-card[b-3055qwmcx3]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 24px;
    padding: 2px;
    background: linear-gradient(135deg, var(--mtsu-blue), var(--mtsu-light-blue));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity var(--transition-base);
}

.info-card:hover[b-3055qwmcx3] {
    box-shadow:
        0 12px 48px rgba(0, 102, 204, 0.12),
        0 4px 16px rgba(0, 0, 0, 0.08);
    transform: translateY(-6px) scale(1.02);
}

.info-card:hover[b-3055qwmcx3]::before {
    opacity: 1;
}

.info-card:hover[b-3055qwmcx3]::after {
    opacity: 1;
}

[data-theme="dark"] .info-card[b-3055qwmcx3] {
    background: rgba(30, 41, 59, 0.8);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.3),
        0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .info-card:hover[b-3055qwmcx3] {
    box-shadow:
        0 12px 48px rgba(59, 130, 246, 0.15),
        0 4px 16px rgba(0, 0, 0, 0.3);
}

.info-icon[b-3055qwmcx3] {
    font-size: 3.5rem;
    margin-bottom: var(--spacing-md);
    filter: grayscale(0.3);
    transition: all var(--transition-base);
}

.info-card:hover .info-icon[b-3055qwmcx3] {
    filter: grayscale(0);
    transform: scale(1.1);
}

.info-card h3[b-3055qwmcx3] {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-md) 0;
}

[data-theme="dark"] .info-card h3[b-3055qwmcx3] {
    color: #f8fafc;
}

.info-card p[b-3055qwmcx3] {
    color: var(--color-gray);
    font-size: var(--font-size-base);
    line-height: 1.6;
    margin: 0 0 var(--spacing-lg) 0;
}

[data-theme="dark"] .info-card p[b-3055qwmcx3] {
    color: #cbd5e1;
}

.info-link[b-3055qwmcx3] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-base);
    transition: all var(--transition-fast);
    display: inline-flex;
    align-items: center;
    gap: var(--spacing-xs);
}

[data-theme="dark"] .info-link[b-3055qwmcx3] {
    color: #60a5fa;
}

.info-link:hover[b-3055qwmcx3] {
    color: var(--mtsu-light-blue);
    transform: translateX(4px);
}

[data-theme="dark"] .info-link:hover[b-3055qwmcx3] {
    color: #93c5fd;
}

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

@media (max-width: 968px) {
    .hero-section[b-3055qwmcx3] {
        min-height: 400px;
        padding: var(--spacing-2xl) var(--spacing-md);
    }

    .hero-title[b-3055qwmcx3] {
        font-size: var(--font-size-4xl);
    }

    .hero-subtitle[b-3055qwmcx3] {
        font-size: var(--font-size-xl);
    }

    .hero-description[b-3055qwmcx3] {
        font-size: var(--font-size-base);
    }

    .hero-meeting-info[b-3055qwmcx3] {
        padding: var(--spacing-lg);
    }

    .meeting-icon[b-3055qwmcx3] {
        font-size: 1.75rem;
    }

    .meeting-text strong[b-3055qwmcx3] {
        font-size: var(--font-size-base);
    }

    .meeting-text span[b-3055qwmcx3] {
        font-size: var(--font-size-sm);
    }

    .events-grid[b-3055qwmcx3] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 640px) {
    .hero-section[b-3055qwmcx3] {
        margin: calc(-1 * var(--spacing-xl)) calc(-1 * var(--spacing-md)) var(--spacing-xl);
        padding: var(--spacing-xl) var(--spacing-md);
        min-height: 350px;
    }

    .hero-title[b-3055qwmcx3] {
        font-size: var(--font-size-3xl);
    }

    .hero-subtitle[b-3055qwmcx3] {
        font-size: var(--font-size-lg);
    }

    .hero-description[b-3055qwmcx3] {
        font-size: var(--font-size-sm);
    }

    .hero-meeting-info[b-3055qwmcx3] {
        padding: var(--spacing-md);
        gap: var(--spacing-md);
    }

    .meeting-item[b-3055qwmcx3] {
        flex-direction: row;
        gap: var(--spacing-sm);
    }

    .meeting-icon[b-3055qwmcx3] {
        font-size: 1.5rem;
    }

    .meeting-text strong[b-3055qwmcx3] {
        font-size: var(--font-size-sm);
    }

    .meeting-text span[b-3055qwmcx3] {
        font-size: var(--font-size-xs);
    }

    .meeting-detail[b-3055qwmcx3] {
        font-size: var(--font-size-xs);
    }

    .hero-actions[b-3055qwmcx3] {
        width: auto;
        max-width: 100%;
    }

    .btn-hero[b-3055qwmcx3] {
        padding: 0.75rem 1.5rem;
        font-size: var(--font-size-sm);
    }

    .section-header[b-3055qwmcx3] {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }

    .section-header h2[b-3055qwmcx3] {
        font-size: var(--font-size-2xl);
    }

    .info-grid[b-3055qwmcx3] {
        grid-template-columns: 1fr;
    }
}
/* _content/MCC.Web/Components/Pages/Library.razor.rz.scp.css */
.library-page[b-a476gv1ntz] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 2rem 1rem;
}

/* Category Key Section */
.category-key-section[b-a476gv1ntz] {
    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-a476gv1ntz] {
    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-a476gv1ntz] {
    background: rgba(0, 102, 204, 0.08);
}

.category-key-toggle i.fa-chevron-down[b-a476gv1ntz] {
    margin-left: auto;
    transition: transform 0.15s ease;
}

.category-key-toggle i.fa-chevron-down.expanded[b-a476gv1ntz] {
    transform: rotate(180deg);
}

.category-key-content[b-a476gv1ntz] {
    padding: var(--spacing-lg);
    padding-top: 0;
    animation: slideDown-b-a476gv1ntz 0.15s ease-out;
}

@keyframes slideDown-b-a476gv1ntz {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.category-key-grid[b-a476gv1ntz] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: var(--spacing-sm);
}

.category-key-item[b-a476gv1ntz] {
    padding: var(--spacing-xs) var(--spacing-sm);
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
}

.category-key-item strong[b-a476gv1ntz] {
    color: var(--mtsu-blue);
    font-family: monospace;
    margin-right: var(--spacing-xs);
}

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

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

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

.library-grid-container[b-a476gv1ntz] {
    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-a476gv1ntz] {
    padding: 1.5rem;
    background: #f9fafb;
    border-bottom: 1px solid #e5e7eb;
}

.search-box[b-a476gv1ntz] {
    margin-bottom: 1rem;
}

.search-input[b-a476gv1ntz] {
    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-a476gv1ntz] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

.filter-controls[b-a476gv1ntz] {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}

.filter-select[b-a476gv1ntz] {
    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-a476gv1ntz] {
    outline: none;
    border-color: #1e3a8a;
    box-shadow: 0 0 0 3px rgba(30, 58, 138, 0.1);
}

/* QuickGrid Styling */
[b-a476gv1ntz] .library-grid {
    width: 100%;
    border-collapse: collapse;
    font-size: 0.875rem;
}

[b-a476gv1ntz] .library-grid thead {
    background: #f3f4f6;
    border-bottom: 2px solid #e5e7eb;
}

[b-a476gv1ntz] .library-grid th {
    padding: 0.75rem 1rem;
    text-align: left;
    font-weight: 600;
    color: #374151;
    white-space: nowrap;
}

[b-a476gv1ntz] .library-grid th[aria-sort] {
    cursor: pointer;
    user-select: none;
}

[b-a476gv1ntz] .library-grid th[aria-sort]:hover {
    background: #e5e7eb;
}

[b-a476gv1ntz] .library-grid td {
    padding: 1rem;
    border-bottom: 1px solid #e5e7eb;
    color: #111827;
}

[b-a476gv1ntz] .library-grid tbody tr:hover {
    background: #f9fafb;
}

/* Hide empty rows when filtered */
[b-a476gv1ntz] .library-grid tbody tr:has(td:empty) {
    display: none;
}

[b-a476gv1ntz] .library-grid tbody tr:not(:has(*)) {
    display: none;
}

/* Book Thumbnails */
.book-thumbnail[b-a476gv1ntz] {
    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-a476gv1ntz] {
    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-a476gv1ntz] {
    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-a476gv1ntz] {
    background: #d1fae5;
    color: #065f46;
}

.status-badge.checked-out[b-a476gv1ntz] {
    background: #fee2e2;
    color: #991b1b;
}

/* Action Button */
.btn-expand[b-a476gv1ntz] {
    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-a476gv1ntz] {
    width: 1.25rem;
    height: 1.25rem;
}

.btn-expand:hover[b-a476gv1ntz] {
    background: #f3f4f6;
    color: #1e3a8a;
}

/* Pagination */
.pagination-container[b-a476gv1ntz] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1.5rem;
    background: #f9fafb;
    border-top: 1px solid #e5e7eb;
}

.results-info[b-a476gv1ntz] {
    font-size: 0.875rem;
    color: #6b7280;
}

[b-a476gv1ntz] .paginator {
    display: flex;
    gap: 0.5rem;
    align-items: center;
}

[b-a476gv1ntz] .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-a476gv1ntz] .paginator button.go-first::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f100"; /* fa-angle-double-left */
}

[b-a476gv1ntz] .paginator button.go-previous::before {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: "\f104"; /* fa-angle-left */
}

[b-a476gv1ntz] .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-a476gv1ntz] .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-a476gv1ntz] .paginator button:hover:not(:disabled) {
    background: #1e3a8a;
    color: white;
    border-color: #1e3a8a;
}

[b-a476gv1ntz] .paginator button:disabled {
    opacity: 0.3;
    cursor: not-allowed;
    background: #f9fafb;
}

[b-a476gv1ntz] .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-a476gv1ntz] {
        padding: 1.5rem 0.75rem;
    }

    .library-header h1[b-a476gv1ntz] {
        font-size: 2rem;
    }

    .library-description[b-a476gv1ntz] {
        font-size: 1rem;
    }

    .grid-controls[b-a476gv1ntz] {
        padding: 1rem;
    }

    .filter-controls[b-a476gv1ntz] {
        flex-direction: column;
    }

    .filter-select[b-a476gv1ntz] {
        width: 100%;
    }

    .pagination-container[b-a476gv1ntz] {
        flex-direction: column;
        gap: 1rem;
    }

    [b-a476gv1ntz] .library-grid {
        font-size: 0.75rem;
        display: block;
        overflow-x: auto;
    }

    [b-a476gv1ntz] .library-grid th,
    [b-a476gv1ntz] .library-grid td {
        padding: 0.5rem 0.375rem;
        font-size: 0.75rem;
    }

    .btn-expand[b-a476gv1ntz] {
        width: 1.75rem;
        height: 1.75rem;
    }

    .btn-expand svg[b-a476gv1ntz] {
        width: 1rem;
        height: 1rem;
    }

    .status-badge[b-a476gv1ntz] {
        font-size: 0.7rem;
        padding: 0.2rem 0.6rem;
    }

    [b-a476gv1ntz] .paginator button {
        min-width: 2.5rem;
        height: 2.25rem;
        font-size: 1rem;
    }

    .results-info[b-a476gv1ntz] {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .library-page[b-a476gv1ntz] {
        padding: 1rem 0.5rem;
    }

    .library-header h1[b-a476gv1ntz] {
        font-size: 1.5rem;
    }

    .library-description[b-a476gv1ntz] {
        font-size: 0.875rem;
    }

    .search-input[b-a476gv1ntz] {
        font-size: 0.875rem;
        padding: 0.625rem 0.875rem;
    }

    [b-a476gv1ntz] .library-grid th,
    [b-a476gv1ntz] .library-grid td {
        padding: 0.375rem 0.25rem;
        font-size: 0.7rem;
    }

    [b-a476gv1ntz] .paginator {
        gap: 0.375rem;
    }

    [b-a476gv1ntz] .paginator button {
        min-width: 2.25rem;
        height: 2rem;
        font-size: 0.875rem;
    }
}
/* _content/MCC.Web/Components/Pages/Library/Recommended.razor.rz.scp.css */
/* ============================================
   Recommended Books Page Styles
   ============================================ */

.page-container[b-62c0rweh7g] {
    max-width: 1200px;
    margin: 0 auto;
    padding: var(--spacing-2xl) var(--spacing-lg);
}

.page-header[b-62c0rweh7g] {
    text-align: center;
    margin-bottom: var(--spacing-2xl);
}

.page-title[b-62c0rweh7g] {
    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-62c0rweh7g] {
    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-62c0rweh7g] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
    gap: var(--spacing-lg);
}

.spinner[b-62c0rweh7g] {
    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-62c0rweh7g 1s linear infinite;
}

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

.loading-state p[b-62c0rweh7g] {
    font-size: var(--font-size-lg);
    color: var(--color-gray);
}

/* Empty State */
.empty-state[b-62c0rweh7g] {
    text-align: center;
    padding: var(--spacing-3xl) var(--spacing-lg);
}

.empty-icon[b-62c0rweh7g] {
    font-size: 64px;
    margin-bottom: var(--spacing-lg);
}

.empty-state h3[b-62c0rweh7g] {
    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-62c0rweh7g] {
    font-size: var(--font-size-base);
    color: var(--color-gray);
    max-width: 500px;
    margin: 0 auto;
}

/* Library Legend */
.library-legend[b-62c0rweh7g] {
    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-62c0rweh7g] {
    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-62c0rweh7g] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

/* Skill Level Sections */
.skill-level-section[b-62c0rweh7g] {
    margin-bottom: var(--spacing-3xl);
}

.section-header[b-62c0rweh7g] {
    margin-bottom: var(--spacing-xl);
    padding-bottom: var(--spacing-md);
    border-bottom: 2px solid rgba(0, 102, 204, 0.2);
}

.section-title[b-62c0rweh7g] {
    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-62c0rweh7g] {
    color: var(--mtsu-blue);
    font-size: var(--font-size-xl);
}

.section-description[b-62c0rweh7g] {
    font-size: var(--font-size-base);
    color: var(--color-gray);
    margin: 0;
    line-height: 1.6;
}

/* Books Grid */
.books-grid[b-62c0rweh7g] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--spacing-xl);
}

.book-card[b-62c0rweh7g] {
    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-62c0rweh7g] {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 102, 204, 0.15);
    border-color: var(--mtsu-blue);
}

.book-cover-link[b-62c0rweh7g] {
    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-62c0rweh7g] {
    transform: scale(1.05);
}

.book-cover[b-62c0rweh7g] {
    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-62c0rweh7g] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    flex: 1;
}

.book-title[b-62c0rweh7g] {
    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-62c0rweh7g] {
    color: var(--mtsu-navy);
    text-decoration: none;
    transition: color 0.2s ease;
}

.book-title-link:hover[b-62c0rweh7g] {
    color: var(--mtsu-blue);
    text-decoration: underline;
}

.library-badge[b-62c0rweh7g] {
    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-62c0rweh7g] {
    font-size: var(--font-size-sm);
    color: var(--mtsu-blue);
    font-weight: 600;
    margin: 0;
    font-style: italic;
}

.book-description[b-62c0rweh7g] {
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
    margin: 0;
    line-height: 1.6;
}

/* Page Footer */
.page-footer[b-62c0rweh7g] {
    margin-top: var(--spacing-3xl);
    padding-top: var(--spacing-xl);
    border-top: 2px solid rgba(0, 102, 204, 0.2);
}

.footer-note[b-62c0rweh7g] {
    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-62c0rweh7g] {
    color: var(--color-gold);
    flex-shrink: 0;
    margin-top: 2px;
}

.inline-link[b-62c0rweh7g] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
    transition: all 0.2s ease;
    border-bottom: 2px solid transparent;
}

.inline-link:hover[b-62c0rweh7g] {
    color: var(--mtsu-light-blue);
    border-bottom-color: var(--mtsu-light-blue);
}

/* Dark Theme Support */
[data-theme="dark"] .page-title[b-62c0rweh7g],
[data-theme="dark"] .section-title[b-62c0rweh7g] {
    color: #f8fafc;
}

[data-theme="dark"] .page-subtitle[b-62c0rweh7g],
[data-theme="dark"] .section-description[b-62c0rweh7g] {
    color: #cbd5e1;
}

[data-theme="dark"] .library-legend[b-62c0rweh7g] {
    background: rgba(59, 130, 246, 0.1);
    border-left-color: #60a5fa;
}

[data-theme="dark"] .legend-item[b-62c0rweh7g] {
    color: #e2e8f0;
}

[data-theme="dark"] .section-header[b-62c0rweh7g] {
    border-bottom-color: rgba(59, 130, 246, 0.3);
}

[data-theme="dark"] .section-title i[b-62c0rweh7g] {
    color: #60a5fa;
}

[data-theme="dark"] .book-card[b-62c0rweh7g] {
    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-62c0rweh7g] {
    box-shadow: 0 8px 24px rgba(59, 130, 246, 0.2);
    border-color: #60a5fa;
}

[data-theme="dark"] .book-title[b-62c0rweh7g] {
    color: #f8fafc;
}

[data-theme="dark"] .book-author[b-62c0rweh7g] {
    color: #60a5fa;
}

[data-theme="dark"] .book-description[b-62c0rweh7g] {
    color: #cbd5e1;
}

[data-theme="dark"] .page-footer[b-62c0rweh7g] {
    border-top-color: rgba(59, 130, 246, 0.3);
}

[data-theme="dark"] .footer-note[b-62c0rweh7g] {
    background: rgba(251, 191, 36, 0.1);
    border-left-color: #fbbf24;
    color: #e2e8f0;
}

[data-theme="dark"] .footer-note i[b-62c0rweh7g] {
    color: #fbbf24;
}

[data-theme="dark"] .inline-link[b-62c0rweh7g] {
    color: #60a5fa;
}

[data-theme="dark"] .inline-link:hover[b-62c0rweh7g] {
    color: #93c5fd;
    border-bottom-color: #93c5fd;
}

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

@media (max-width: 968px) {
    .page-container[b-62c0rweh7g] {
        padding: var(--spacing-xl) var(--spacing-md);
    }

    .page-title[b-62c0rweh7g] {
        font-size: var(--font-size-3xl);
    }

    .page-subtitle[b-62c0rweh7g] {
        font-size: var(--font-size-base);
    }

    .section-title[b-62c0rweh7g] {
        font-size: var(--font-size-xl);
    }

    .books-grid[b-62c0rweh7g] {
        grid-template-columns: 1fr;
        gap: var(--spacing-lg);
    }

    .book-card[b-62c0rweh7g] {
        padding: var(--spacing-lg);
    }
}

@media (max-width: 640px) {
    .page-container[b-62c0rweh7g] {
        padding: var(--spacing-lg) var(--spacing-sm);
    }

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

    .section-title[b-62c0rweh7g] {
        font-size: var(--font-size-lg);
        flex-direction: column;
        align-items: flex-start;
        gap: var(--spacing-sm);
    }

    .library-legend[b-62c0rweh7g] {
        padding: var(--spacing-sm);
    }

    .legend-item[b-62c0rweh7g] {
        font-size: var(--font-size-xs);
    }

    .book-title[b-62c0rweh7g] {
        font-size: var(--font-size-base);
    }

    .book-description[b-62c0rweh7g] {
        font-size: var(--font-size-sm);
    }

    .footer-note[b-62c0rweh7g] {
        flex-direction: column;
        gap: var(--spacing-sm);
        padding: var(--spacing-md);
        font-size: var(--font-size-sm);
    }
}
/* _content/MCC.Web/Components/Pages/Members/Directory.razor.rz.scp.css */
/* Directory Page Container */
.directory-page[b-scqy8dea3a] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl, 2rem);
}

/* Empty State */
.empty-state[b-scqy8dea3a] {
    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-scqy8dea3a] {
    font-size: 4rem;
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.empty-state h3[b-scqy8dea3a] {
    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-scqy8dea3a] {
    color: var(--color-gray, #6b7280);
}

/* Search Container */
.search-container[b-scqy8dea3a] {
    max-width: 800px;
    margin: 0 auto var(--spacing-xl, 2rem);
}

.search-box[b-scqy8dea3a] {
    position: relative;
    width: 100%;
}

.search-input[b-scqy8dea3a] {
    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-scqy8dea3a] {
    outline: none;
    border-color: var(--mtsu-blue, #0066cc);
    box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1);
}

.clear-search[b-scqy8dea3a] {
    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-scqy8dea3a] {
    color: var(--color-gray-dark, #374151);
}

/* No Results */
.no-results[b-scqy8dea3a] {
    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-scqy8dea3a] {
    font-size: 3rem;
    margin-bottom: var(--spacing-md, 1rem);
    opacity: 0.5;
}

/* Members Grid */
.members-grid[b-scqy8dea3a] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
    gap: var(--spacing-lg, 1.5rem);
}

/* Member Card */
.member-card[b-scqy8dea3a] {
    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-scqy8dea3a] {
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.15);
    transform: translateY(-2px);
    border-color: var(--mtsu-blue, #0066cc);
}

.member-card-header[b-scqy8dea3a] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    margin-bottom: var(--spacing-md, 1rem);
}

.member-card-photo[b-scqy8dea3a] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid #e5e7eb;
    flex-shrink: 0;
}

.member-card-photo-placeholder[b-scqy8dea3a] {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 102, 204, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #0066cc);
    font-size: 1.75rem;
    flex-shrink: 0;
}

.member-card-info[b-scqy8dea3a] {
    flex: 1;
    min-width: 0;
}

.member-card-name[b-scqy8dea3a] {
    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-scqy8dea3a] {
    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-scqy8dea3a] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

.badge-bronze[b-scqy8dea3a] {
    background: rgba(205, 127, 50, 0.15);
    color: #cd7f32;
}

.badge-silver[b-scqy8dea3a] {
    background: rgba(192, 192, 192, 0.3);
    color: #757575;
}

.badge-gold[b-scqy8dea3a] {
    background: rgba(255, 215, 0, 0.2);
    color: #b8860b;
}

.badge-platinum[b-scqy8dea3a] {
    background: rgba(229, 228, 226, 0.4);
    color: #4a5568;
}

.badge-affiliate[b-scqy8dea3a],
.badge-sponsor[b-scqy8dea3a] {
    background: rgba(0, 102, 204, 0.1);
    color: var(--mtsu-blue, #0066cc);
}

.member-card-bio[b-scqy8dea3a] {
    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-scqy8dea3a] {
    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-scqy8dea3a] {
    color: var(--color-gray, #6b7280);
}

.chess-profiles[b-scqy8dea3a] {
    display: flex;
    gap: 0.5rem;
    color: var(--mtsu-blue, #0066cc);
}

/* Modal Overlay */
.modal-overlay[b-scqy8dea3a] {
    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-scqy8dea3a 0.2s ease-out;
}

@keyframes fadeIn-b-scqy8dea3a {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Content */
.modal-content[b-scqy8dea3a] {
    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-scqy8dea3a 0.3s ease-out;
    position: relative;
}

@keyframes slideUp-b-scqy8dea3a {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-close[b-scqy8dea3a] {
    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-scqy8dea3a] {
    background: rgba(0, 0, 0, 0.2);
}

.modal-close i[b-scqy8dea3a] {
    font-size: 1.25rem;
    color: #374151;
}

/* Modal Header */
.modal-header[b-scqy8dea3a] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 1.5rem);
    padding: var(--spacing-xl, 2rem);
    border-bottom: 1px solid #e5e7eb;
}

.modal-photo[b-scqy8dea3a] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #e5e7eb;
}

.modal-photo-placeholder[b-scqy8dea3a] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 102, 204, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #0066cc);
    font-size: 2rem;
}

.modal-header-info[b-scqy8dea3a] {
    flex: 1;
}

.modal-name[b-scqy8dea3a] {
    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-scqy8dea3a] {
    padding: var(--spacing-xl, 2rem);
}

.profile-section[b-scqy8dea3a] {
    margin-bottom: var(--spacing-xl, 2rem);
}

.profile-section:last-child[b-scqy8dea3a] {
    margin-bottom: 0;
}

.profile-section-title[b-scqy8dea3a] {
    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, #0066cc);
}

.profile-bio[b-scqy8dea3a] {
    color: var(--color-gray-dark, #374151);
    line-height: 1.6;
    margin: 0;
}

.profile-info-grid[b-scqy8dea3a] {
    display: grid;
    gap: var(--spacing-md, 1rem);
}

.profile-info-item[b-scqy8dea3a] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-sm, 0.75rem);
    background: rgba(0, 102, 204, 0.03);
    border-radius: 0.5rem;
}

.profile-label[b-scqy8dea3a] {
    font-weight: 600;
    color: var(--color-gray, #6b7280);
}

.profile-value[b-scqy8dea3a] {
    color: var(--color-gray-dark, #374151);
}

/* Chess Links */
.chess-links[b-scqy8dea3a] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm, 0.75rem);
}

.chess-link[b-scqy8dea3a] {
    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-scqy8dea3a] {
    border-color: var(--mtsu-blue, #0066cc);
    background: rgba(0, 102, 204, 0.03);
}

.chess-link i:first-child[b-scqy8dea3a] {
    color: var(--mtsu-blue, #0066cc);
    font-size: 1.25rem;
}

.chess-link span[b-scqy8dea3a] {
    flex: 1;
    font-weight: 500;
}

.chess-link i.fa-external-link-alt[b-scqy8dea3a] {
    font-size: 0.75rem;
    opacity: 0.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .directory-page[b-scqy8dea3a] {
        padding: var(--spacing-md, 1rem);
    }

    .members-grid[b-scqy8dea3a] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md, 1rem);
    }

    .member-card[b-scqy8dea3a] {
        padding: var(--spacing-md, 1rem);
    }

    .modal-content[b-scqy8dea3a] {
        max-height: 95vh;
        margin: var(--spacing-sm, 0.5rem);
    }

    .modal-header[b-scqy8dea3a] {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-lg, 1.5rem);
    }

    .modal-name[b-scqy8dea3a] {
        font-size: var(--font-size-xl, 1.5rem);
    }

    .modal-body[b-scqy8dea3a] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .chess-link[b-scqy8dea3a] {
        padding: var(--spacing-sm, 0.75rem);
    }

    .chess-link span[b-scqy8dea3a] {
        font-size: var(--font-size-sm, 0.875rem);
    }
}

/* Scrollbar for Modal */
.modal-content[b-scqy8dea3a]::-webkit-scrollbar {
    width: 8px;
}

.modal-content[b-scqy8dea3a]::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.modal-content[b-scqy8dea3a]::-webkit-scrollbar-thumb {
    background: rgba(0, 102, 204, 0.3);
    border-radius: 4px;
}

.modal-content[b-scqy8dea3a]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 102, 204, 0.5);
}
/* _content/MCC.Web/Components/Pages/Members/Leaderboard.razor.rz.scp.css */
/* Leaderboard Page Container */
.leaderboard-page[b-w83pspx8n8] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl, 2rem);
}

/* Empty State */
.empty-state[b-w83pspx8n8] {
    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-w83pspx8n8] {
    font-size: 4rem;
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.empty-state h3[b-w83pspx8n8] {
    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-w83pspx8n8] {
    color: var(--color-gray, #6b7280);
    margin: var(--spacing-sm, 0.5rem) 0;
}

.empty-state .hint[b-w83pspx8n8] {
    font-size: var(--font-size-sm, 0.875rem);
    margin-top: var(--spacing-lg, 1.5rem);
}

.empty-state a[b-w83pspx8n8] {
    color: var(--mtsu-blue, #0066cc);
    text-decoration: underline;
    font-weight: 600;
}

/* Platform Toggle */
.platform-toggle-container[b-w83pspx8n8] {
    display: flex;
    justify-content: center;
    margin-bottom: var(--spacing-xl, 2rem);
}

.platform-toggle[b-w83pspx8n8] {
    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-w83pspx8n8] {
    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-w83pspx8n8] {
    background: var(--mtsu-blue, #0066cc);
    color: white;
}

.platform-icon[b-w83pspx8n8] {
    height: 20px;
    width: auto;
}

.lichess-icon[b-w83pspx8n8] {
    filter: invert(0.2);
}

.toggle-btn.active .lichess-icon[b-w83pspx8n8] {
    filter: invert(1);
}

/* Leaderboard Grid Container */
.leaderboard-grid-container[b-w83pspx8n8] {
    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-w83pspx8n8] .leaderboard-grid {
    width: 100%;
    border-collapse: collapse;
    font-size: var(--font-size-sm, 0.875rem);
}

[b-w83pspx8n8] .leaderboard-grid thead {
    background: rgba(0, 102, 204, 0.05);
}

[b-w83pspx8n8] .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, #0066cc);
    cursor: pointer;
    user-select: none;
}

[b-w83pspx8n8] .leaderboard-grid th:hover {
    background: rgba(0, 102, 204, 0.08);
}

[b-w83pspx8n8] .leaderboard-grid tbody tr {
    border-bottom: 1px solid #e5e7eb;
    transition: background 0.2s;
}

[b-w83pspx8n8] .leaderboard-grid tbody tr:hover {
    background: rgba(0, 102, 204, 0.03);
}

/* Hide empty rows when filtered */
[b-w83pspx8n8] .leaderboard-grid tbody tr:has(td:empty) {
    display: none;
}

[b-w83pspx8n8] .leaderboard-grid tbody tr:not(:has(*)) {
    display: none;
}

[b-w83pspx8n8] .leaderboard-grid td {
    padding: var(--spacing-md, 1rem);
    text-align: center;
    font-weight: 600;
    color: var(--color-gray-dark, #374151);
}

[b-w83pspx8n8] .leaderboard-grid td:first-child {
    font-size: var(--font-size-lg, 1.125rem);
    color: var(--mtsu-blue, #0066cc);
    font-weight: 700;
}

[b-w83pspx8n8] .leaderboard-grid td:nth-child(2),
[b-w83pspx8n8] .leaderboard-grid td:nth-child(3) {
    text-align: left;
}

/* Member Info */
.member-info[b-w83pspx8n8] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.75rem);
}

.member-photo[b-w83pspx8n8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
    border: 2px solid #e5e7eb;
}

.member-photo-placeholder[b-w83pspx8n8] {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 102, 204, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #0066cc);
    font-size: 1.25rem;
}

.member-name[b-w83pspx8n8] {
    font-weight: 600;
    color: var(--color-gray-dark, #374151);
}

/* Username Link */
.username-link[b-w83pspx8n8] {
    color: var(--mtsu-blue, #0066cc);
    text-decoration: none;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
    transition: color 0.2s;
}

.username-link:hover[b-w83pspx8n8] {
    color: #0052a3;
    text-decoration: underline;
}

.username-link i[b-w83pspx8n8] {
    font-size: 0.75rem;
    opacity: 0.7;
}

/* Pagination */
.pagination-container[b-w83pspx8n8] {
    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-w83pspx8n8] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-gray, #6b7280);
}

/* Footer Note */
.leaderboard-footer[b-w83pspx8n8] {
    text-align: center;
    margin-top: var(--spacing-xl, 2rem);
    padding: var(--spacing-lg, 1.5rem);
    background: rgba(0, 102, 204, 0.05);
    border-radius: 0.5rem;
}

.footer-note[b-w83pspx8n8] {
    font-size: var(--font-size-sm, 0.875rem);
    color: var(--color-gray-dark, #374151);
    margin: 0;
}

.footer-note i[b-w83pspx8n8] {
    color: var(--mtsu-blue, #0066cc);
    margin-right: 0.5rem;
}

.footer-note a[b-w83pspx8n8] {
    color: var(--mtsu-blue, #0066cc);
    text-decoration: underline;
    font-weight: 600;
}

.footer-note a:hover[b-w83pspx8n8] {
    color: #0052a3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .leaderboard-page[b-w83pspx8n8] {
        padding: var(--spacing-md, 1rem);
    }

    .platform-toggle[b-w83pspx8n8] {
        width: 100%;
        justify-content: center;
    }

    .toggle-btn[b-w83pspx8n8] {
        flex: 1;
        justify-content: center;
        padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
        font-size: 0.8125rem;
    }

    .leaderboard-grid-container[b-w83pspx8n8] {
        padding: var(--spacing-md, 1rem);
        border-radius: 0.5rem;
    }

    [b-w83pspx8n8] .leaderboard-grid {
        font-size: 0.8125rem;
    }

    [b-w83pspx8n8] .leaderboard-grid th,
    [b-w83pspx8n8] .leaderboard-grid td {
        padding: var(--spacing-sm, 0.75rem) var(--spacing-xs, 0.5rem);
    }

    .member-photo[b-w83pspx8n8],
    .member-photo-placeholder[b-w83pspx8n8] {
        width: 32px;
        height: 32px;
    }

    .member-photo-placeholder i[b-w83pspx8n8] {
        font-size: 1rem;
    }

    .member-name[b-w83pspx8n8] {
        font-size: 0.8125rem;
    }

    .pagination-container[b-w83pspx8n8] {
        flex-direction: column;
        gap: var(--spacing-md, 1rem);
    }

    .results-info[b-w83pspx8n8] {
        text-align: center;
    }
}
/* _content/MCC.Web/Components/Pages/News.razor.rz.scp.css */
/* News Page Styles */

.news-page[b-bzij7hvq0e] {
    max-width: 1400px;
    margin: 0 auto;
    padding: var(--spacing-xl) var(--spacing-lg);
}

/* Filters */

.news-filters[b-bzij7hvq0e] {
    display: flex;
    gap: var(--spacing-md);
    margin-bottom: var(--spacing-xl);
    flex-wrap: wrap;
}

.filter-select[b-bzij7hvq0e] {
    padding: var(--spacing-sm) var(--spacing-xl);
    padding-right: calc(var(--spacing-xl) + 24px);
    border: 2px solid var(--color-border);
    border-radius: 12px;
    font-size: var(--font-size-base);
    font-weight: 600;
    color: var(--mtsu-navy);
    background: var(--color-white);
    cursor: pointer;
    transition: all var(--transition-fast);
    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='%23041E42' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right var(--spacing-md) center;
}

.filter-select:hover[b-bzij7hvq0e] {
    border-color: var(--mtsu-blue);
}

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

/* Loading State */

.loading-state[b-bzij7hvq0e] {
    text-align: center;
    padding: var(--spacing-3xl);
}

.spinner[b-bzij7hvq0e] {
    width: 50px;
    height: 50px;
    margin: 0 auto var(--spacing-lg);
    border: 4px solid var(--color-gray-light);
    border-top-color: var(--mtsu-blue);
    border-radius: 50%;
    animation: spin-b-bzij7hvq0e 1s linear infinite;
}

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

/* Empty State */

.empty-state[b-bzij7hvq0e] {
    text-align: center;
    padding: var(--spacing-3xl);
    background: var(--color-surface);
    border-radius: 24px;
    border: 2px dashed var(--color-border);
}

.empty-icon[b-bzij7hvq0e] {
    font-size: 4rem;
    margin-bottom: var(--spacing-md);
}

.empty-state h3[b-bzij7hvq0e] {
    font-size: var(--font-size-2xl);
    color: var(--mtsu-navy);
    margin-bottom: var(--spacing-sm);
}

.empty-state p[b-bzij7hvq0e] {
    color: var(--color-gray);
    margin-bottom: var(--spacing-sm);
}

.empty-state .hint[b-bzij7hvq0e] {
    font-size: var(--font-size-sm);
    color: var(--color-gray);
    font-style: italic;
}

/* News Grid */

.news-grid[b-bzij7hvq0e] {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: var(--spacing-xl);
}

/* News Card */

.news-card[b-bzij7hvq0e] {
    background: var(--color-surface);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 4px 16px rgba(0, 102, 204, 0.08);
    transition: all var(--transition-base);
    position: relative;
    border: 2px solid transparent;
    display: flex;
    flex-direction: column;
}

.news-card:hover[b-bzij7hvq0e] {
    transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 102, 204, 0.15);
    border-color: var(--mtsu-light-blue);
}

.news-card.breaking[b-bzij7hvq0e] {
    border-color: #dc2626;
    background: linear-gradient(135deg, rgba(220, 38, 38, 0.05), rgba(255, 255, 255, 1));
}

/* News Image */

.news-image[b-bzij7hvq0e] {
    width: 100%;
    height: 200px;
    overflow: hidden;
    background: var(--color-gray-light);
    position: relative;
}

.news-image img[b-bzij7hvq0e] {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform var(--transition-base);
}

.news-card:hover .news-image img[b-bzij7hvq0e] {
    transform: scale(1.05);
}

/* News Content */

.news-content[b-bzij7hvq0e] {
    padding: var(--spacing-xl);
    display: flex;
    flex-direction: column;
    flex: 1;
}

.breaking-badge[b-bzij7hvq0e] {
    position: absolute;
    top: var(--spacing-md);
    left: var(--spacing-md);
    z-index: 10;
    padding: var(--spacing-xs) var(--spacing-md);
    background: #dc2626;
    color: white;
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/* News Meta */

.news-meta[b-bzij7hvq0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--spacing-md);
    font-size: var(--font-size-sm);
}

.news-source[b-bzij7hvq0e] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-md);
    background: var(--mtsu-blue);
    color: white;
    border-radius: var(--radius-full);
    font-weight: 600;
    text-transform: uppercase;
    font-size: var(--font-size-xs);
    letter-spacing: 0.05em;
}

.news-date[b-bzij7hvq0e] {
    color: var(--color-gray);
    font-weight: 500;
}

/* News Title */

.news-title[b-bzij7hvq0e] {
    font-size: var(--font-size-xl);
    margin-bottom: var(--spacing-md);
    line-height: 1.4;
}

.news-title a[b-bzij7hvq0e] {
    color: var(--mtsu-navy);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.news-title a:hover[b-bzij7hvq0e] {
    color: var(--mtsu-blue);
}

/* News Summary */

.news-summary[b-bzij7hvq0e] {
    color: var(--color-gray);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
}

/* News Footer */

.news-footer[b-bzij7hvq0e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: var(--spacing-md);
    border-top: 1px solid var(--color-border);
}

.news-category[b-bzij7hvq0e] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-md);
    background: rgba(0, 102, 204, 0.1);
    color: var(--mtsu-blue);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.read-more[b-bzij7hvq0e] {
    color: var(--mtsu-blue);
    text-decoration: none;
    font-weight: 600;
    font-size: var(--font-size-sm);
    transition: all var(--transition-fast);
    display: flex;
    align-items: center;
    gap: var(--spacing-xs);
}

.read-more:hover[b-bzij7hvq0e] {
    color: var(--mtsu-light-blue);
    transform: translateX(4px);
}

/* Responsive */

@media (max-width: 768px) {
    .news-grid[b-bzij7hvq0e] {
        grid-template-columns: 1fr;
    }

    .news-filters[b-bzij7hvq0e] {
        flex-direction: column;
    }

    .filter-select[b-bzij7hvq0e] {
        width: 100%;
    }
}
/* _content/MCC.Web/Components/Pages/Notation.razor.rz.scp.css */
.page-container[b-q44xuslucl] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.page-header[b-q44xuslucl] {
    text-align: center;
    margin-bottom: 4rem;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, #0052a3 100%);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 40px rgba(0, 61, 165, 0.15);
}

.page-title[b-q44xuslucl] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.5rem;
    color: white;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.page-subtitle[b-q44xuslucl] {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    font-weight: 400;
}

.notation-content[b-q44xuslucl] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.notation-section[b-q44xuslucl] {
    background: white;
    border-radius: var(--radius-xl);
    padding: 3rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 61, 165, 0.08);
    transition: all 0.3s ease;
}

.notation-section:hover[b-q44xuslucl] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.section-title[b-q44xuslucl] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.25rem;
    color: var(--mtsu-blue);
    margin: 0 0 2rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    position: relative;
    padding-bottom: 1rem;
}

.section-title[b-q44xuslucl]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue) 0%, transparent 100%);
    border-radius: 2px;
}

.subsection-title[b-q44xuslucl] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.75rem;
    color: var(--mtsu-blue);
    margin: 3rem 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-text[b-q44xuslucl] {
    color: var(--gray-700);
    line-height: 1.9;
    margin-bottom: 1.5rem;
    font-size: 1.0625rem;
}

.info-box[b-q44xuslucl] {
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
    border-left: 4px solid var(--mtsu-blue);
    border-radius: var(--radius-lg);
    padding: 2rem;
    margin: 2rem 0;
    box-shadow: 0 2px 10px rgba(0, 61, 165, 0.08);
}

.info-item[b-q44xuslucl] {
    margin: 1rem 0;
    color: var(--gray-700);
    font-size: 1.0625rem;
}

.info-item strong[b-q44xuslucl] {
    color: var(--mtsu-blue);
    font-weight: 700;
}

code[b-q44xuslucl] {
    background: linear-gradient(135deg, #1e293b 0%, #334155 100%);
    color: #e2e8f0;
    padding: 0.35rem 0.75rem;
    border-radius: var(--radius-md);
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 0.95em;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* Chessboard Demo */
.chessboard-demo[b-q44xuslucl] {
    display: flex;
    justify-content: center;
    margin: 3rem 0;
}

.board-grid[b-q44xuslucl] {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 0;
    max-width: 600px;
    width: 100%;
    aspect-ratio: 1;
    border: 4px solid var(--mtsu-blue);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
}

.board-square[b-q44xuslucl] {
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 0.9375rem;
    transition: all 0.2s ease;
}

.board-square:hover[b-q44xuslucl] {
    transform: scale(1.05);
    z-index: 1;
}

.board-square.light[b-q44xuslucl] {
    background: #f0d9b5;
}

.board-square.dark[b-q44xuslucl] {
    background: #b58863;
}

.square-label[b-q44xuslucl] {
    color: rgba(0, 0, 0, 0.7);
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.5);
}

/* Pieces Grid */
.pieces-grid[b-q44xuslucl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1.5rem;
    margin: 3rem 0;
}

.piece-card[b-q44xuslucl] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    padding: 2rem 1.5rem;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.piece-card[b-q44xuslucl]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue) 0%, #60a5fa 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.piece-card:hover[b-q44xuslucl]::before {
    transform: scaleX(1);
}

.piece-card:hover[b-q44xuslucl] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
    border-color: var(--mtsu-blue);
}

.piece-icon[b-q44xuslucl] {
    font-size: 4.5rem;
    margin-bottom: 0.75rem;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
}

.piece-letter[b-q44xuslucl] {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 2.25rem;
    font-weight: bold;
    color: var(--mtsu-blue);
    margin: 0.75rem 0;
}

.piece-name[b-q44xuslucl] {
    font-weight: 600;
    color: var(--gray-700);
    margin-top: 0.75rem;
    font-size: 1.0625rem;
}

.piece-note[b-q44xuslucl] {
    font-size: 0.875rem;
    color: var(--gray-500);
    font-style: italic;
    margin-top: 0.5rem;
}

/* Examples Grid */
.examples-grid[b-q44xuslucl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1.5rem;
    margin: 3rem 0;
}

.example-card[b-q44xuslucl] {
    background: linear-gradient(135deg, #fffbeb 0%, #fef3c7 100%);
    border: 2px solid #fbbf24;
    border-radius: var(--radius-xl);
    padding: 2rem;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.example-card[b-q44xuslucl]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: var(--radius-xl);
    padding: 2px;
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.example-card:hover[b-q44xuslucl]::after {
    opacity: 1;
}

.example-card:hover[b-q44xuslucl] {
    transform: translateY(-6px);
    box-shadow: 0 12px 40px rgba(251, 191, 36, 0.3);
}

.example-notation[b-q44xuslucl] {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: #92400e;
    margin-bottom: 1rem;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
}

.example-description[b-q44xuslucl] {
    color: var(--gray-700);
    margin: 0;
    font-size: 1rem;
    font-weight: 500;
}

/* Annotation Table */
.annotation-table[b-q44xuslucl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.25rem;
    margin: 3rem 0;
}

.annotation-row[b-q44xuslucl] {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    padding: 1.25rem 1.5rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border-radius: var(--radius-lg);
    border: 2px solid rgba(0, 61, 165, 0.08);
    transition: all 0.3s ease;
}

.annotation-row:hover[b-q44xuslucl] {
    border-color: var(--mtsu-blue);
    box-shadow: 0 6px 20px rgba(0, 61, 165, 0.1);
    transform: translateX(4px);
}

.annotation-symbol[b-q44xuslucl] {
    font-size: 1.75rem;
    font-weight: bold;
    color: var(--mtsu-blue);
    min-width: 3rem;
    text-align: center;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
    padding: 0.5rem;
    border-radius: var(--radius-md);
}

.annotation-meaning[b-q44xuslucl] {
    color: var(--gray-700);
    flex: 1;
    font-size: 1.0625rem;
}

/* PGN Example */
.pgn-example[b-q44xuslucl] {
    margin: 3rem 0;
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
    border: 2px solid #334155;
}

.pgn-code[b-q44xuslucl] {
    margin: 0;
    padding: 2rem;
    color: #e2e8f0;
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 0.9375rem;
    line-height: 1.8;
    overflow-x: auto;
}

/* Practice Exercises */
.exercise-box[b-q44xuslucl] {
    background: linear-gradient(135deg, #fef2f2 0%, #fecaca 100%);
    border-left: 5px solid #dc2626;
    border-radius: var(--radius-xl);
    padding: 2rem;
    margin: 2rem 0;
    box-shadow: 0 4px 20px rgba(220, 38, 38, 0.1);
    transition: all 0.3s ease;
}

.exercise-box:hover[b-q44xuslucl] {
    box-shadow: 0 8px 30px rgba(220, 38, 38, 0.15);
    transform: translateY(-2px);
}

.exercise-title[b-q44xuslucl] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    color: #dc2626;
    margin: 0 0 1.25rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.exercise-question[b-q44xuslucl] {
    color: var(--gray-700);
    font-weight: 500;
    margin-bottom: 1.25rem;
    font-size: 1.0625rem;
}

.exercise-answer[b-q44xuslucl] {
    margin-top: 1.25rem;
}

.exercise-answer summary[b-q44xuslucl] {
    cursor: pointer;
    color: white;
    font-weight: 600;
    padding: 1rem 1.5rem;
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, #0052a3 100%);
    border-radius: var(--radius-lg);
    list-style: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0, 61, 165, 0.2);
}

.exercise-answer summary:hover[b-q44xuslucl] {
    background: linear-gradient(135deg, #0052a3 0%, var(--mtsu-blue) 100%);
    box-shadow: 0 6px 20px rgba(0, 61, 165, 0.3);
    transform: translateY(-2px);
}

.exercise-answer summary[b-q44xuslucl]::-webkit-details-marker {
    display: none;
}

.exercise-answer[open] summary[b-q44xuslucl] {
    margin-bottom: 1.25rem;
    border-radius: var(--radius-lg) var(--radius-lg) 0 0;
}

.exercise-answer p[b-q44xuslucl] {
    padding: 1.5rem;
    background: white;
    border-radius: 0 0 var(--radius-lg) var(--radius-lg);
    margin: 0;
    color: var(--gray-700);
    font-size: 1.0625rem;
    border: 2px solid var(--mtsu-blue);
    border-top: none;
}

/* Resources Grid */
.resources-grid[b-q44xuslucl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin: 3rem 0;
}

.resource-card[b-q44xuslucl] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2.5rem 2rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    text-decoration: none;
    color: inherit;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.resource-card[b-q44xuslucl]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--mtsu-blue) 0%, #60a5fa 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.resource-card:hover[b-q44xuslucl]::before {
    transform: scaleX(1);
}

.resource-card:hover[b-q44xuslucl] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
    border-color: var(--mtsu-blue);
}

.resource-card i[b-q44xuslucl] {
    font-size: 3.5rem;
    color: var(--mtsu-blue);
    margin-bottom: 1.25rem;
    filter: drop-shadow(0 4px 8px rgba(0, 61, 165, 0.2));
}

.resource-card h3[b-q44xuslucl] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.625rem;
    color: var(--mtsu-blue);
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.resource-card p[b-q44xuslucl] {
    color: var(--gray-600);
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Diagram Section */
.diagram-section[b-q44xuslucl] {
    margin: 3rem 0;
}

.diagrams-grid[b-q44xuslucl] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.diagram-container[b-q44xuslucl] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    padding: 2rem;
    transition: all 0.3s ease;
}

.diagram-container:hover[b-q44xuslucl] {
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
    transform: translateY(-4px);
}

.chessboard[b-q44xuslucl] {
    margin: 0 auto 1.5rem;
    max-width: 400px;
}

.diagram-caption[b-q44xuslucl] {
    text-align: center;
    color: var(--gray-700);
    font-size: 1rem;
    font-weight: 500;
    margin: 0;
}

.notation-comparison[b-q44xuslucl] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-top: 1.5rem;
    padding: 1.5rem;
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-radius: var(--radius-lg);
}

.notation-variant[b-q44xuslucl] {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 0.9375rem;
    line-height: 1.8;
}

.notation-variant strong[b-q44xuslucl] {
    color: var(--mtsu-blue);
    font-size: 1.0625rem;
    display: block;
    margin-bottom: 0.75rem;
}

/* Comparison Table */
.comparison-table[b-q44xuslucl] {
    margin: 2rem 0;
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.comparison-header[b-q44xuslucl] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, #0052a3 100%);
    color: white;
    font-weight: 700;
    font-size: 1.0625rem;
}

.comparison-header .comparison-col[b-q44xuslucl] {
    padding: 1.25rem 1.5rem;
    text-align: center;
}

.comparison-row[b-q44xuslucl] {
    display: grid;
    grid-template-columns: 1fr 1fr 2fr;
    border-bottom: 1px solid rgba(0, 61, 165, 0.1);
    transition: all 0.2s ease;
}

.comparison-row:hover[b-q44xuslucl] {
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
}

.comparison-row:last-child[b-q44xuslucl] {
    border-bottom: none;
}

.comparison-col[b-q44xuslucl] {
    padding: 1.25rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.comparison-row .comparison-col:first-child[b-q44xuslucl],
.comparison-row .comparison-col:nth-child(2)[b-q44xuslucl] {
    background: rgba(0, 61, 165, 0.02);
}

.comparison-row .comparison-col code[b-q44xuslucl] {
    font-size: 1.0625rem;
}

.comparison-row .comparison-col:last-child[b-q44xuslucl] {
    color: var(--gray-700);
    font-size: 0.9375rem;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .page-container[b-q44xuslucl] {
        padding: 1.5rem 1rem;
    }

    .page-header[b-q44xuslucl] {
        padding: 2rem 1.5rem;
        margin-bottom: 2rem;
    }

    .page-title[b-q44xuslucl] {
        font-size: 2.25rem;
    }

    .page-subtitle[b-q44xuslucl] {
        font-size: 1.0625rem;
    }

    .notation-section[b-q44xuslucl] {
        padding: 2rem 1.5rem;
    }

    .section-title[b-q44xuslucl] {
        font-size: 1.875rem;
    }

    .section-title[b-q44xuslucl]::after {
        width: 50px;
        height: 3px;
    }

    .board-grid[b-q44xuslucl] {
        max-width: 100%;
    }

    .board-square[b-q44xuslucl] {
        font-size: 0.65rem;
    }

    .pieces-grid[b-q44xuslucl] {
        grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
        gap: 1rem;
    }

    .piece-icon[b-q44xuslucl] {
        font-size: 3rem;
    }

    .piece-letter[b-q44xuslucl] {
        font-size: 1.5rem;
    }

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

    .annotation-table[b-q44xuslucl] {
        grid-template-columns: 1fr;
    }

    .resources-grid[b-q44xuslucl] {
        grid-template-columns: 1fr;
    }

    .pgn-code[b-q44xuslucl] {
        font-size: 0.75rem;
        padding: 1rem;
    }

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

    .diagram-container[b-q44xuslucl] {
        padding: 1.5rem;
    }

    .chessboard[b-q44xuslucl] {
        max-width: 100%;
    }

    .notation-comparison[b-q44xuslucl] {
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1rem;
    }

    .comparison-table[b-q44xuslucl] {
        border-radius: var(--radius-lg);
    }

    .comparison-header[b-q44xuslucl] {
        grid-template-columns: 1fr;
        font-size: 0.9375rem;
    }

    .comparison-header .comparison-col[b-q44xuslucl] {
        padding: 1rem;
    }

    .comparison-header .comparison-col:not(:last-child)[b-q44xuslucl] {
        display: none;
    }

    .comparison-row[b-q44xuslucl] {
        grid-template-columns: 1fr;
        padding: 0.5rem;
    }

    .comparison-col[b-q44xuslucl] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid rgba(0, 61, 165, 0.05);
    }

    .comparison-row .comparison-col:last-child[b-q44xuslucl] {
        border-bottom: none;
        font-size: 0.875rem;
    }
}

@media (max-width: 480px) {
    .page-title[b-q44xuslucl] {
        font-size: 1.75rem;
    }

    .board-square[b-q44xuslucl] {
        font-size: 0.55rem;
    }

    .pieces-grid[b-q44xuslucl] {
        grid-template-columns: repeat(2, 1fr);
    }
}
/* _content/MCC.Web/Components/Pages/Ratings.razor.rz.scp.css */
.page-container[b-1kjpfwgqyx] {
    max-width: 1400px;
    margin: 0 auto;
    padding: 3rem 2rem;
    background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
}

.page-header[b-1kjpfwgqyx] {
    text-align: center;
    margin-bottom: 4rem;
    padding: 3rem 2rem;
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, #0052a3 100%);
    border-radius: var(--radius-xl);
    box-shadow: 0 10px 40px rgba(0, 61, 165, 0.15);
}

.page-title[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 3.5rem;
    color: white;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.page-subtitle[b-1kjpfwgqyx] {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    font-weight: 400;
}

.ratings-content[b-1kjpfwgqyx] {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.ratings-section[b-1kjpfwgqyx] {
    background: white;
    border-radius: var(--radius-xl);
    padding: 3rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06);
    border: 1px solid rgba(0, 61, 165, 0.08);
    transition: all 0.3s ease;
}

.ratings-section:hover[b-1kjpfwgqyx] {
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.1);
    transform: translateY(-2px);
}

.section-title[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2.25rem;
    color: var(--mtsu-blue);
    margin: 0 0 2rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    position: relative;
    padding-bottom: 1rem;
}

.section-title[b-1kjpfwgqyx]::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue) 0%, transparent 100%);
    border-radius: 2px;
}

.subsection-title[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.75rem;
    color: var(--mtsu-blue);
    margin: 3rem 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.section-text[b-1kjpfwgqyx] {
    color: var(--gray-700);
    line-height: 1.9;
    margin-bottom: 1.5rem;
    font-size: 1.0625rem;
}

/* Rating Systems Cards */
.system-cards[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.system-card[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    padding: 2rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.system-card[b-1kjpfwgqyx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue) 0%, #60a5fa 100%);
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.system-card:hover[b-1kjpfwgqyx]::before {
    transform: scaleX(1);
}

.system-card:hover[b-1kjpfwgqyx] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
    border-color: var(--mtsu-blue);
}

.system-icon[b-1kjpfwgqyx] {
    font-size: 3rem;
    margin-bottom: 1rem;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.1));
    display: flex;
    justify-content: center;
    align-items: center;
    height: 60px;
    min-height: 60px;
}

.system-icon img[b-1kjpfwgqyx] {
    display: block;
    max-height: 48px;
    width: auto;
}

.system-name[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.75rem;
    color: var(--mtsu-blue);
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.system-description[b-1kjpfwgqyx] {
    color: var(--gray-700);
    line-height: 1.7;
    margin-bottom: 1.5rem;
    height: 180px;
}

.system-details[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    height: 480px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.detail-item[b-1kjpfwgqyx] {
    margin: 0.75rem 0;
    color: var(--gray-700);
    font-size: 0.9375rem;
}

.detail-item strong[b-1kjpfwgqyx] {
    color: var(--mtsu-blue);
    font-weight: 700;
}

/* Classifications Table */
.classifications-table[b-1kjpfwgqyx] {
    margin: 2rem 0;
    border-radius: var(--radius-xl);
    overflow: hidden;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.classification-header[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, #0052a3 100%);
    color: white;
    font-weight: 700;
    font-size: 1.0625rem;
}

.classification-row[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: 1.5fr 1fr 2fr;
    align-items: center;
    border-bottom: 1px solid rgba(0, 61, 165, 0.1);
    transition: all 0.2s ease;
}

.classification-row:not(.classification-header):hover[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
}

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

.classification-name[b-1kjpfwgqyx],
.classification-range[b-1kjpfwgqyx],
.classification-description[b-1kjpfwgqyx] {
    padding: 1.25rem 1.5rem;
}

.classification-name[b-1kjpfwgqyx] {
    font-weight: 700;
    font-size: 1.0625rem;
}

.classification-range[b-1kjpfwgqyx] {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-weight: 600;
    color: var(--mtsu-blue);
}

.classification-description[b-1kjpfwgqyx] {
    color: var(--gray-600);
}

/* Colored classification rows */
.senior-master[b-1kjpfwgqyx] { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 50%, #fbbf24 100%); }
.master[b-1kjpfwgqyx] { background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%); }
.expert[b-1kjpfwgqyx] { background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%); }
.class-a[b-1kjpfwgqyx] { background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%); }
.class-b[b-1kjpfwgqyx] { background: linear-gradient(135deg, #e0e7ff 0%, #c7d2fe 100%); }
.class-c[b-1kjpfwgqyx] { background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%); }
.class-d[b-1kjpfwgqyx] { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%); }
.class-e[b-1kjpfwgqyx] { background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%); }

/* Chess Titles */
.titles-grid[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.title-card[b-1kjpfwgqyx] {
    background: white;
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    padding: 2rem;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
}

.title-card:hover[b-1kjpfwgqyx] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
}

.title-badge[b-1kjpfwgqyx] {
    display: inline-block;
    font-family: 'Bebas Neue', sans-serif;
    font-size: 2rem;
    font-weight: bold;
    padding: 0.5rem 1.5rem;
    border-radius: var(--radius-lg);
    margin-bottom: 1rem;
    text-align: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

.gm-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%); color: white; }
.im-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #d1d5db 0%, #9ca3af 100%); color: white; }
.fm-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); color: white; }
.cm-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #a855f7 0%, #9333ea 100%); color: white; }
.wgm-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); color: white; }
.wim-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); color: white; }
.wfm-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); color: white; }
.wcm-card .title-badge[b-1kjpfwgqyx] { background: linear-gradient(135deg, #10b981 0%, #059669 100%); color: white; }

.title-name[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    color: var(--mtsu-blue);
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.title-requirements[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin: 1.5rem 0;
}

.requirement-item[b-1kjpfwgqyx] {
    display: flex;
    align-items: center;
    gap: 0.75rem;
    margin: 0.75rem 0;
    color: var(--gray-700);
}

.requirement-item i[b-1kjpfwgqyx] {
    color: var(--mtsu-blue);
    font-size: 1.125rem;
}

.title-description[b-1kjpfwgqyx] {
    color: var(--gray-600);
    line-height: 1.7;
    margin: 1rem 0 0 0;
}

/* Norms Info */
.norms-info[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.norm-requirement[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-left: 5px solid #f59e0b;
    border-radius: var(--radius-lg);
    padding: 2rem;
}

.norm-title[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    color: #92400e;
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.norm-text[b-1kjpfwgqyx] {
    color: var(--gray-700);
    line-height: 1.7;
    margin: 0;
}

.norm-list[b-1kjpfwgqyx] {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
}

.norm-list li[b-1kjpfwgqyx] {
    margin: 0.75rem 0;
    padding-left: 1.5rem;
    position: relative;
    color: var(--gray-700);
}

.norm-list li[b-1kjpfwgqyx]::before {
    content: '✓';
    position: absolute;
    left: 0;
    color: #f59e0b;
    font-weight: bold;
}

.norm-list strong[b-1kjpfwgqyx] {
    color: #92400e;
}

/* Comparison Section */
.comparison-note[b-1kjpfwgqyx] {
    display: flex;
    gap: 1rem;
    background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
    border-left: 4px solid #ef4444;
    border-radius: var(--radius-lg);
    padding: 1.5rem;
    margin: 2rem 0;
}

.comparison-note i[b-1kjpfwgqyx] {
    color: #dc2626;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.comparison-note p[b-1kjpfwgqyx] {
    margin: 0;
    color: var(--gray-700);
    line-height: 1.7;
}

.comparison-grid[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 1.5rem;
    margin: 2rem 0;
}

.comparison-card[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    padding: 2rem;
    transition: all 0.3s ease;
}

.comparison-card:hover[b-1kjpfwgqyx] {
    box-shadow: 0 8px 30px rgba(0, 61, 165, 0.15);
    transform: translateY(-4px);
}

.comparison-card h4[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.5rem;
    color: var(--mtsu-blue);
    margin: 0 0 1.5rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.rating-comparison[b-1kjpfwgqyx] {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.rating-item[b-1kjpfwgqyx] {
    font-family: 'JetBrains Mono', 'Fira Code', 'Courier New', monospace;
    font-size: 0.9375rem;
    padding: 0.75rem 1rem;
    background: linear-gradient(135deg, #f0f9ff 0%, #dbeafe 100%);
    border-radius: var(--radius-md);
    color: var(--gray-700);
    font-weight: 600;
}

/* Improvement Tips */
.improvement-tips[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin: 2rem 0;
}

.tip-card[b-1kjpfwgqyx] {
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    padding: 2rem;
    text-align: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.tip-card:hover[b-1kjpfwgqyx] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
    border-color: var(--mtsu-blue);
}

.tip-card i[b-1kjpfwgqyx] {
    font-size: 3rem;
    color: var(--mtsu-blue);
    margin-bottom: 1.25rem;
    filter: drop-shadow(0 4px 8px rgba(0, 61, 165, 0.2));
}

.tip-card h4[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.375rem;
    color: var(--mtsu-blue);
    margin: 0 0 1rem 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.tip-card p[b-1kjpfwgqyx] {
    color: var(--gray-600);
    line-height: 1.7;
    margin: 0;
}

/* Resources Grid */
.resources-grid[b-1kjpfwgqyx] {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 1.5rem;
    margin: 3rem 0;
}

.resource-card[b-1kjpfwgqyx] {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 2.5rem 2rem;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
    border: 2px solid rgba(0, 61, 165, 0.1);
    border-radius: var(--radius-xl);
    text-decoration: none;
    color: inherit;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
}

.resource-card[b-1kjpfwgqyx]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, var(--mtsu-blue) 0%, #60a5fa 100%);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
}

.resource-card:hover[b-1kjpfwgqyx]::before {
    transform: scaleX(1);
}

.resource-card:hover[b-1kjpfwgqyx] {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(0, 61, 165, 0.15);
    border-color: var(--mtsu-blue);
}

.resource-card i[b-1kjpfwgqyx] {
    font-size: 3.5rem;
    color: var(--mtsu-blue);
    margin-bottom: 1.25rem;
    filter: drop-shadow(0 4px 8px rgba(0, 61, 165, 0.2));
}

.resource-card h3[b-1kjpfwgqyx] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 1.625rem;
    color: var(--mtsu-blue);
    margin: 0 0 0.75rem 0;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.resource-card p[b-1kjpfwgqyx] {
    color: var(--gray-600);
    margin: 0;
    font-size: 1rem;
    line-height: 1.6;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .page-container[b-1kjpfwgqyx] {
        padding: 1.5rem 1rem;
    }

    .page-header[b-1kjpfwgqyx] {
        padding: 2rem 1.5rem;
        margin-bottom: 2rem;
    }

    .page-title[b-1kjpfwgqyx] {
        font-size: 2.25rem;
    }

    .page-subtitle[b-1kjpfwgqyx] {
        font-size: 1.0625rem;
    }

    .ratings-section[b-1kjpfwgqyx] {
        padding: 2rem 1.5rem;
    }

    .section-title[b-1kjpfwgqyx] {
        font-size: 1.875rem;
    }

    .subsection-title[b-1kjpfwgqyx] {
        font-size: 1.5rem;
    }

    .system-cards[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
    }

    .classification-row[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
        padding: 0.5rem;
    }

    .classification-name[b-1kjpfwgqyx],
    .classification-range[b-1kjpfwgqyx],
    .classification-description[b-1kjpfwgqyx] {
        padding: 0.75rem 1rem;
        border-bottom: 1px solid rgba(0, 61, 165, 0.05);
    }

    .classification-description[b-1kjpfwgqyx] {
        border-bottom: none;
    }

    .titles-grid[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
    }

    .norms-info[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
    }

    .comparison-grid[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
    }

    .improvement-tips[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
    }

    .resources-grid[b-1kjpfwgqyx] {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .page-title[b-1kjpfwgqyx] {
        font-size: 1.75rem;
    }

    .system-name[b-1kjpfwgqyx] {
        font-size: 1.5rem;
    }

    .title-badge[b-1kjpfwgqyx] {
        font-size: 1.5rem;
        padding: 0.5rem 1rem;
    }
}
/* _content/MCC.Web/Components/Shared/BarcodeScanner.razor.rz.scp.css */
.barcode-scanner-modal[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.barcode-scanner-modal.visible[b-9ecqjzvbxu] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
}

.scanner-container[b-9ecqjzvbxu] {
    background: white;
    border-radius: 0.75rem;
    max-width: 600px;
    width: 100%;
    max-height: 90vh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

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

.scanner-header h3[b-9ecqjzvbxu] {
    margin: 0;
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
}

.btn-close[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    color: #111827;
}

.scanner-body[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    text-align: center;
    max-width: 400px;
}

.scanner-instructions .icon[b-9ecqjzvbxu] {
    font-size: 4rem;
    margin-bottom: 1rem;
}

.scanner-instructions p[b-9ecqjzvbxu] {
    font-size: 1rem;
    color: #374151;
    margin: 0.5rem 0;
}

.scanner-instructions .hint[b-9ecqjzvbxu] {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

/* Desktop Message */
.desktop-message[b-9ecqjzvbxu] {
    max-width: 500px;
}

.desktop-message h3[b-9ecqjzvbxu] {
    font-size: 1.5rem;
    font-weight: 600;
    color: #111827;
    margin: 1rem 0;
}

.desktop-tips[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    display: block;
    color: #374151;
    margin-bottom: 0.75rem;
    font-size: 0.875rem;
}

.desktop-tips ul[b-9ecqjzvbxu] {
    margin: 0;
    padding-left: 1.5rem;
    color: #6b7280;
}

.desktop-tips li[b-9ecqjzvbxu] {
    margin: 0.5rem 0;
    font-size: 0.875rem;
}

.btn-start-scan[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    background: #0052a3;
    transform: translateY(-2px);
}

/* Video Container */
.video-container[b-9ecqjzvbxu] {
    position: relative;
    width: 100%;
    max-width: 500px;
    background: #000;
    border-radius: 0.5rem;
    overflow: hidden;
}

#barcode-video[b-9ecqjzvbxu] {
    width: 100%;
    height: auto;
    display: block;
}

.scanner-overlay[b-9ecqjzvbxu] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.scanner-frame[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    display: flex;
    gap: 1rem;
    margin-top: 1rem;
    width: 100%;
    max-width: 500px;
}

.btn-stop[b-9ecqjzvbxu],
.btn-switch[b-9ecqjzvbxu] {
    flex: 1;
    padding: 0.75rem 1rem;
    border: none;
    border-radius: 0.375rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-stop[b-9ecqjzvbxu] {
    background: #dc2626;
    color: white;
}

.btn-stop:hover[b-9ecqjzvbxu] {
    background: #b91c1c;
}

.btn-switch[b-9ecqjzvbxu] {
    background: #6b7280;
    color: white;
}

.btn-switch:hover:not(:disabled)[b-9ecqjzvbxu] {
    background: #4b5563;
}

.btn-switch:disabled[b-9ecqjzvbxu] {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Permission Notice */
.permission-notice[b-9ecqjzvbxu] {
    background: #fef3c7;
    border: 2px solid #fbbf24;
    border-radius: 0.5rem;
    padding: 1rem;
    margin: 1.5rem 0;
}

.permission-text[b-9ecqjzvbxu] {
    font-weight: 600;
    color: #92400e;
    margin: 0 0 0.5rem 0;
    font-size: 1rem;
}

.permission-hint[b-9ecqjzvbxu] {
    font-size: 0.875rem;
    color: #b45309;
    margin: 0;
}

/* Error Message */
.scanner-error[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    display: block;
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.error-instructions[b-9ecqjzvbxu] {
    background: white;
    border-radius: 0.375rem;
    padding: 1rem;
    margin: 1rem 0;
    text-align: left;
}

.error-instructions p[b-9ecqjzvbxu] {
    font-weight: 600;
    color: #991b1b;
    margin: 0 0 0.75rem 0;
    font-size: 0.875rem;
}

.error-instructions ol[b-9ecqjzvbxu] {
    margin: 0;
    padding-left: 1.5rem;
    color: #dc2626;
}

.error-instructions li[b-9ecqjzvbxu] {
    margin: 0.5rem 0;
    font-size: 0.8125rem;
    line-height: 1.4;
}

.error-hint[b-9ecqjzvbxu] {
    font-size: 0.875rem;
    color: #dc2626;
    margin: 0.5rem 0;
}

.btn-retry[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    background: #0052a3;
}

/* Result */
.scanner-result[b-9ecqjzvbxu] {
    text-align: center;
    width: 100%;
    max-width: 400px;
}

.success-icon[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 1rem 0;
}

.result-code[b-9ecqjzvbxu] {
    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-9ecqjzvbxu] {
    display: flex;
    gap: 1rem;
}

.btn-use[b-9ecqjzvbxu],
.btn-scan-again[b-9ecqjzvbxu] {
    flex: 1;
    padding: 0.875rem 1rem;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-use[b-9ecqjzvbxu] {
    background: var(--mtsu-blue);
    color: white;
}

.btn-use:hover[b-9ecqjzvbxu] {
    background: #0052a3;
}

.btn-scan-again[b-9ecqjzvbxu] {
    background: white;
    border: 2px solid #e5e7eb;
    color: #374151;
}

.btn-scan-again:hover[b-9ecqjzvbxu] {
    border-color: #9ca3af;
}

/* Footer */
.scanner-footer[b-9ecqjzvbxu] {
    display: flex;
    gap: 1rem;
    padding: 1.5rem;
    border-top: 2px solid #e5e7eb;
    background: #f9fafb;
}

.btn-cancel[b-9ecqjzvbxu],
.btn-manual[b-9ecqjzvbxu] {
    flex: 1;
    padding: 0.875rem 1rem;
    border-radius: 0.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
}

.btn-cancel[b-9ecqjzvbxu] {
    background: white;
    border: 2px solid #e5e7eb;
    color: #6b7280;
}

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

.btn-manual[b-9ecqjzvbxu] {
    background: var(--mtsu-blue);
    color: white;
    border: none;
}

.btn-manual:hover[b-9ecqjzvbxu] {
    background: #0052a3;
}

/* Responsive */
@media (max-width: 640px) {
    .scanner-container[b-9ecqjzvbxu] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .scanner-actions[b-9ecqjzvbxu],
    .result-actions[b-9ecqjzvbxu],
    .scanner-footer[b-9ecqjzvbxu] {
        flex-direction: column;
    }

    .btn-stop[b-9ecqjzvbxu],
    .btn-switch[b-9ecqjzvbxu],
    .btn-use[b-9ecqjzvbxu],
    .btn-scan-again[b-9ecqjzvbxu],
    .btn-cancel[b-9ecqjzvbxu],
    .btn-manual[b-9ecqjzvbxu] {
        width: 100%;
    }
}
/* _content/MCC.Web/Components/Shared/BreakingNewsBanner.razor.rz.scp.css */
/* News Banner - Breaking and Latest News */

.news-banner[b-3vdhm4v2i7] {
    color: white;
    display: flex;
    align-items: center;
    padding: 12px 24px;
    position: sticky;
    top: 0;
    overflow: hidden;
    gap: 16px;
    width: 100%;
    min-width: 100%; /* Ensure full width in flex container */
    align-self: start; /* Stretch to full width of flex parent */
    box-sizing: border-box;
    z-index: 999;
    transition: all 0.3s ease;
}

/* Breaking News Styling - Red */
.news-banner.breaking[b-3vdhm4v2i7] {
    background: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);
    box-shadow: 0 4px 16px rgba(220, 38, 38, 0.3);
}

/* Latest News Styling - Blue */
.news-banner.latest[b-3vdhm4v2i7] {
    background: linear-gradient(135deg, #1e3a8a 0%, #1e40af 100%);
    box-shadow: 0 4px 16px rgba(30, 58, 138, 0.3);
}

.news-label[b-3vdhm4v2i7] {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    white-space: nowrap;
    flex-shrink: 0;
}

.news-icon[b-3vdhm4v2i7] {
    font-size: 16px;
}

/* Only pulse for breaking news */
.news-banner.breaking .news-icon[b-3vdhm4v2i7] {
    animation: pulse-b-3vdhm4v2i7 2s ease-in-out infinite;
}

@keyframes pulse-b-3vdhm4v2i7 {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.news-text[b-3vdhm4v2i7] {
    font-family: 'Bebas Neue', sans-serif;
    font-size: 20px;
    letter-spacing: 0.15em;
}

.news-content[b-3vdhm4v2i7] {
    flex: 1;
    overflow: hidden;
    position: relative;
    min-height: 24px;
}

.news-ticker[b-3vdhm4v2i7] {
    display: flex;
    gap: 48px;
    white-space: nowrap;
}

.ticker-scroll[b-3vdhm4v2i7] {
    animation: ticker-b-3vdhm4v2i7 30s linear infinite;
}

.ticker-static[b-3vdhm4v2i7] {
    animation: none;
    justify-content: flex-start;
}

@keyframes ticker-b-3vdhm4v2i7 {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

.ticker-scroll:hover[b-3vdhm4v2i7] {
    animation-play-state: paused;
}

.news-item[b-3vdhm4v2i7] {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    color: white;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    transition: opacity 0.2s ease;
}

.news-item:hover[b-3vdhm4v2i7] {
    opacity: 0.8;
}

.news-separator[b-3vdhm4v2i7] {
    font-size: 12px;
    opacity: 0.5;
}

.news-blurb[b-3vdhm4v2i7] {
    font-weight: 400;
    white-space: nowrap;
    line-height: 1.4;
}

.news-view-all[b-3vdhm4v2i7] {
    color: white;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    padding: 8px 16px;
    background: rgba(255, 255, 255, 0.15);
    border-radius: 999px;
    transition: all 0.2s ease;
    flex-shrink: 0;
}

.news-view-all:hover[b-3vdhm4v2i7] {
    background: rgba(255, 255, 255, 0.25);
    transform: translateX(4px);
}

/* Responsive */

@media (max-width: 768px) {
    .news-banner[b-3vdhm4v2i7] {
        padding: 8px 16px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .news-label[b-3vdhm4v2i7] {
        font-size: 12px;
    }

    .news-text[b-3vdhm4v2i7] {
        font-size: 16px;
    }

    .news-content[b-3vdhm4v2i7] {
        width: 100%;
    }

    .news-item[b-3vdhm4v2i7] {
        font-size: 12px;
    }

    .news-view-all[b-3vdhm4v2i7] {
        width: 100%;
        text-align: center;
    }

    .ticker-scroll[b-3vdhm4v2i7] {
        animation-duration: 20s;
    }
}
/* _content/MCC.Web/Components/Shared/Button.razor.rz.scp.css */
/* Base Button Styles - Modern, glassmorphic design */
.btn[b-gscgpfq20i] {
    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-gscgpfq20i]::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-gscgpfq20i]::before {
    opacity: 1;
}

.btn:active:not(:disabled)[b-gscgpfq20i] {
    transform: scale(0.98);
}

/* Icon spacing */
.btn i[b-gscgpfq20i] {
    font-size: 1em;
}

/* ========== COLOR VARIANTS ========== */

/* Primary - MTSU Blue gradient */
.btn-primary[b-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    padding: 0.5rem 1rem;
    font-size: 0.8125rem;
    border-radius: 40px;
}

.btn-medium[b-gscgpfq20i] {
    padding: 0.625rem 1.25rem;
    font-size: var(--font-size-sm);
    border-radius: 50px;
}

.btn-large[b-gscgpfq20i] {
    padding: 0.875rem 1.75rem;
    font-size: 1rem;
    border-radius: 60px;
}

/* ========== STATE MODIFIERS ========== */

.btn:disabled[b-gscgpfq20i] {
    opacity: 0.5;
    cursor: not-allowed;
    transform: none !important;
}

.btn-full-width[b-gscgpfq20i] {
    width: 100%;
}

/* ========== DARK MODE ========== */

[data-theme="dark"] .btn-primary[b-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    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-gscgpfq20i] {
    background: rgba(71, 85, 105, 0.9);
    border-color: rgba(148, 163, 184, 0.5);
}

/* ========== RESPONSIVE ========== */

@media (max-width: 768px) {
    .btn[b-gscgpfq20i] {
        padding: 0.625rem 1.125rem;
        font-size: 0.875rem;
    }

    .btn-small[b-gscgpfq20i] {
        padding: 0.5rem 0.875rem;
        font-size: 0.75rem;
    }

    .btn-large[b-gscgpfq20i] {
        padding: 0.75rem 1.5rem;
        font-size: 0.9375rem;
    }
}
/* _content/MCC.Web/Components/Shared/CalendarView.razor.rz.scp.css */
/* Calendar Container */
.calendar-container[b-3ik2wqsg12] {
    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-3ik2wqsg12] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: var(--spacing-xl, 2rem);
    gap: var(--spacing-md, 1rem);
}

.calendar-month[b-3ik2wqsg12] {
    font-size: var(--font-size-2xl, 1.875rem);
    font-weight: 700;
    color: var(--mtsu-navy, #1c2b59);
    margin: 0;
    flex: 1;
    text-align: center;
}

.btn-nav[b-3ik2wqsg12] {
    background: rgba(0, 102, 204, 0.08);
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    color: var(--mtsu-blue, #0066cc);
    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-3ik2wqsg12] {
    background: var(--mtsu-blue, #0066cc);
    color: white;
    transform: scale(1.1);
}

.btn-today[b-3ik2wqsg12] {
    background: var(--mtsu-blue, #0066cc);
    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-3ik2wqsg12] {
    background: var(--mtsu-navy, #1c2b59);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

/* Calendar Grid */
.calendar-grid[b-3ik2wqsg12] {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

.calendar-day-header[b-3ik2wqsg12] {
    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-3ik2wqsg12] {
    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-3ik2wqsg12] {
    background: #f3f4f6;
    border-color: rgba(0, 102, 204, 0.2);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}

.calendar-day.other-month[b-3ik2wqsg12] {
    background: #fafafa;
    opacity: 0.5;
}

.calendar-day.other-month .day-number[b-3ik2wqsg12] {
    color: #9ca3af;
}

.calendar-day.today[b-3ik2wqsg12] {
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 154, 214, 0.1));
    border-color: var(--mtsu-blue, #0066cc);
}

.calendar-day.has-events[b-3ik2wqsg12] {
    background: white;
}

.day-number[b-3ik2wqsg12] {
    font-weight: 700;
    font-size: var(--font-size-base, 1rem);
    color: var(--mtsu-navy, #1c2b59);
    margin-bottom: 4px;
}

.calendar-day.today .day-number[b-3ik2wqsg12] {
    background: var(--mtsu-blue, #0066cc);
    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-3ik2wqsg12] {
    display: flex;
    flex-direction: column;
    gap: 4px;
    flex: 1;
    overflow: hidden;
}

.event-pill[b-3ik2wqsg12] {
    background: var(--mtsu-blue, #0066cc);
    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-3ik2wqsg12] {
    transform: translateX(4px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.event-time[b-3ik2wqsg12] {
    opacity: 0.9;
    font-size: 0.7rem;
}

.event-title[b-3ik2wqsg12] {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* Event Type Colors */
.event-weekly[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #0066cc, #009ad6);
}

.event-tournament[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #be8c0e, #d4a520);
}

.event-blitz[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.event-class[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #70a130, #84b745);
}

.event-lecture[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #91268f, #a742a5);
}

.event-simul[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #d0146f, #e62e8a);
}

.event-social[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.event-other[b-3ik2wqsg12] {
    background: linear-gradient(135deg, #6b7280, #9ca3af);
}

.event-more[b-3ik2wqsg12] {
    color: var(--mtsu-blue, #0066cc);
    font-size: 0.7rem;
    font-weight: 600;
    cursor: pointer;
    padding: 2px 4px;
    text-align: center;
    transition: all 0.2s ease;
}

.event-more:hover[b-3ik2wqsg12] {
    background: rgba(0, 102, 204, 0.1);
    border-radius: 4px;
}

/* Responsive */
@media (max-width: 768px) {
    .calendar-container[b-3ik2wqsg12] {
        padding: var(--spacing-sm, 0.5rem);
        overflow-x: hidden;
    }

    .calendar-header[b-3ik2wqsg12] {
        margin-bottom: var(--spacing-md, 1rem);
        gap: var(--spacing-sm, 0.5rem);
    }

    .calendar-month[b-3ik2wqsg12] {
        font-size: var(--font-size-lg, 1.125rem);
    }

    .btn-nav[b-3ik2wqsg12] {
        width: 32px;
        height: 32px;
        font-size: var(--font-size-sm, 0.875rem);
    }

    .btn-today[b-3ik2wqsg12] {
        padding: 0.375rem 0.75rem;
        font-size: 0.75rem;
    }

    .calendar-grid[b-3ik2wqsg12] {
        gap: 4px;
    }

    .calendar-day-header[b-3ik2wqsg12] {
        font-size: 0.65rem;
        padding: 0.5rem 0;
    }

    .calendar-day[b-3ik2wqsg12] {
        min-height: 70px;
        padding: 3px;
    }

    .day-number[b-3ik2wqsg12] {
        font-size: 0.75rem;
    }

    .calendar-day.today .day-number[b-3ik2wqsg12] {
        width: 24px;
        height: 24px;
        font-size: 0.7rem;
    }

    .event-pill[b-3ik2wqsg12] {
        padding: 2px 4px;
        font-size: 0.6rem;
    }

    .event-time[b-3ik2wqsg12] {
        display: none; /* Hide time on mobile to save space */
    }
}

@media (max-width: 480px) {
    .calendar-container[b-3ik2wqsg12] {
        padding: 0.25rem;
    }

    .calendar-month[b-3ik2wqsg12] {
        font-size: var(--font-size-base, 1rem);
    }

    .btn-nav[b-3ik2wqsg12] {
        width: 28px;
        height: 28px;
    }

    .btn-today[b-3ik2wqsg12] {
        padding: 0.25rem 0.5rem;
        font-size: 0.7rem;
    }

    .calendar-grid[b-3ik2wqsg12] {
        gap: 2px;
    }

    .calendar-day-header[b-3ik2wqsg12] {
        font-size: 0.6rem;
        padding: 0.375rem 0;
    }

    .calendar-day[b-3ik2wqsg12] {
        min-height: 50px;
        padding: 2px;
    }

    .day-number[b-3ik2wqsg12] {
        font-size: 0.65rem;
    }

    .calendar-day.today .day-number[b-3ik2wqsg12] {
        width: 20px;
        height: 20px;
        font-size: 0.6rem;
    }

    .day-events[b-3ik2wqsg12] {
        gap: 1px;
    }

    .event-pill[b-3ik2wqsg12] {
        padding: 1px 3px;
        font-size: 0.55rem;
    }
}
/* _content/MCC.Web/Components/Shared/ErrorMessage.razor.rz.scp.css */
.error-message[b-e3omzkpc1p] {
    background-color: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 1rem;
    display: flex;
    gap: 1rem;
    margin: 1rem 0;
}

.error-icon[b-e3omzkpc1p] {
    font-size: 1.5rem;
    flex-shrink: 0;
}

.error-content[b-e3omzkpc1p] {
    flex: 1;
}

.error-title[b-e3omzkpc1p] {
    font-weight: 600;
    color: #991b1b;
    margin: 0 0 0.25rem 0;
}

.error-text[b-e3omzkpc1p] {
    color: #7f1d1d;
    margin: 0;
    font-size: 0.875rem;
}
/* _content/MCC.Web/Components/Shared/EventCard.razor.rz.scp.css */
.event-card[b-j90fkvpz82] {
    background: var(--color-surface);
    border: none;
    border-radius: 20px;
    padding: var(--spacing-xl);
    box-shadow:
        0 8px 32px rgba(0, 102, 204, 0.08),
        0 2px 8px rgba(0, 0, 0, 0.04);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    overflow: hidden;
    backdrop-filter: blur(10px);
}

.event-card[b-j90fkvpz82]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--mtsu-blue), var(--mtsu-light-blue));
    opacity: 0;
    transition: opacity var(--transition-base);
    pointer-events: none;
}

.event-card[b-j90fkvpz82]::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 20px;
    padding: 2px;
    background: linear-gradient(135deg, var(--mtsu-blue), var(--mtsu-light-blue));
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity var(--transition-base);
    pointer-events: none;
}

.event-card:hover[b-j90fkvpz82] {
    box-shadow:
        0 12px 48px rgba(0, 102, 204, 0.15),
        0 4px 16px rgba(0, 0, 0, 0.08);
    transform: translateY(-8px);
}

.event-card:hover[b-j90fkvpz82]::before {
    opacity: 1;
}

.event-card:hover[b-j90fkvpz82]::after {
    opacity: 1;
}

[data-theme="dark"] .event-card[b-j90fkvpz82] {
    background: rgba(30, 41, 59, 0.8);
    box-shadow:
        0 8px 32px rgba(0, 0, 0, 0.3),
        0 2px 8px rgba(0, 0, 0, 0.2);
}

[data-theme="dark"] .event-card:hover[b-j90fkvpz82] {
    box-shadow:
        0 12px 48px rgba(59, 130, 246, 0.2),
        0 4px 16px rgba(0, 0, 0, 0.3);
}

.event-header[b-j90fkvpz82] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.event-badges[b-j90fkvpz82] {
    display: flex;
    gap: 0.5rem;
    align-items: center;
    flex-wrap: wrap;
}

.event-type[b-j90fkvpz82] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background-color: var(--mtsu-blue);
    color: var(--color-white);
}

.time-control-badge[b-j90fkvpz82] {
    display: inline-block;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 600;
    background-color: var(--color-purple);
    color: var(--color-white);
}

.event-type.tournament[b-j90fkvpz82] {
    background-color: var(--color-gold);
    color: var(--color-white);
}

.event-type.weeklyclub[b-j90fkvpz82] {
    background-color: var(--color-green);
    color: var(--color-white);
}

.event-type.monthlyblitz[b-j90fkvpz82] {
    background-color: var(--color-pink);
    color: var(--color-white);
}

.event-type.onlineteambattle[b-j90fkvpz82] {
    background-color: var(--mtsu-light-blue);
    color: var(--color-white);
}

.event-type.groupclass[b-j90fkvpz82] {
    background-color: var(--color-purple);
    color: var(--color-white);
}

.event-fee[b-j90fkvpz82] {
    font-weight: 700;
    font-size: var(--font-size-lg);
    color: var(--mtsu-navy);
}

.event-fee.free[b-j90fkvpz82] {
    color: var(--color-green);
}

.event-title[b-j90fkvpz82] {
    font-size: var(--font-size-xl);
    font-weight: 700;
    color: var(--mtsu-navy);
    margin: 0 0 var(--spacing-md) 0;
    line-height: 1.3;
    transition: color var(--transition-fast);
}

.event-card:hover .event-title[b-j90fkvpz82] {
    color: var(--mtsu-blue);
}

.event-details[b-j90fkvpz82] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
    margin-bottom: var(--spacing-md);
    padding: var(--spacing-md);
    background-color: var(--color-gray-lightest);
    border-radius: var(--radius-md);
    height: 180px;
    overflow: hidden;
}

.event-detail[b-j90fkvpz82] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm);
    font-size: var(--font-size-sm);
    color: var(--color-gray-dark);
}

.detail-icon[b-j90fkvpz82] {
    font-size: var(--font-size-lg);
    flex-shrink: 0;
}

.event-description[b-j90fkvpz82] {
    color: var(--color-gray);
    font-size: var(--font-size-sm);
    line-height: 1.6;
    margin-bottom: var(--spacing-lg);
    height: 70px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.event-actions[b-j90fkvpz82] {
    display: flex;
    gap: var(--spacing-sm);
    flex-wrap: wrap;
}

.btn[b-j90fkvpz82] {
    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;
}

.btn[b-j90fkvpz82]::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[b-j90fkvpz82]::before {
    opacity: 1;
}

.btn-primary[b-j90fkvpz82] {
    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[b-j90fkvpz82] {
    transform: translateY(-1px);
    box-shadow:
        0 4px 20px rgba(0, 102, 204, 0.35),
        0 2px 6px rgba(0, 0, 0, 0.15);
}

.btn-secondary[b-j90fkvpz82] {
    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[b-j90fkvpz82] {
    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);
}

[data-theme="dark"] .btn-primary[b-j90fkvpz82] {
    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[b-j90fkvpz82] {
    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-j90fkvpz82] {
    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[b-j90fkvpz82] {
    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);
}

/* Responsive Styles */
@media (max-width: 768px) {
    .event-card[b-j90fkvpz82] {
        padding: var(--spacing-lg);
    }

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

    .event-details[b-j90fkvpz82] {
        height: auto;
        min-height: 120px;
    }

    .event-description[b-j90fkvpz82] {
        height: auto;
        min-height: 60px;
    }

    .event-actions[b-j90fkvpz82] {
        flex-direction: column;
    }

    .btn[b-j90fkvpz82] {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .event-card[b-j90fkvpz82] {
        padding: var(--spacing-md);
    }

    .event-badges[b-j90fkvpz82] {
        flex-wrap: wrap;
    }

    .event-detail[b-j90fkvpz82] {
        font-size: 0.8rem;
    }
}
/* _content/MCC.Web/Components/Shared/EventDetailModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-h197h8sbll] {
    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-h197h8sbll 0.2s ease;
}

@keyframes fadeIn-b-h197h8sbll {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Content */
.modal-content[b-h197h8sbll] {
    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-h197h8sbll 0.3s ease;
}

@keyframes slideUp-b-h197h8sbll {
    from {
        transform: translateY(50px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Modal Header */
.modal-header[b-h197h8sbll] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-xl, 2rem);
    border-bottom: 2px solid #f3f4f6;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.05), rgba(0, 154, 214, 0.05));
}

.modal-title[b-h197h8sbll] {
    font-size: var(--font-size-2xl, 1.875rem);
    font-weight: 700;
    color: var(--mtsu-navy, #1c2b59);
    margin: 0;
    flex: 1;
    padding-right: var(--spacing-lg, 1.5rem);
}

.modal-close[b-h197h8sbll] {
    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-h197h8sbll] {
    background: #dc2626;
    color: white;
    transform: rotate(90deg);
}

/* Modal Body */
.modal-body[b-h197h8sbll] {
    padding: var(--spacing-xl, 2rem);
}

.event-detail-grid[b-h197h8sbll] {
    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-h197h8sbll] {
    display: flex;
    gap: var(--spacing-md, 1rem);
    align-items: flex-start;
}

.detail-icon[b-h197h8sbll] {
    width: 40px;
    height: 40px;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 154, 214, 0.1));
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #0066cc);
    font-size: var(--font-size-lg, 1.125rem);
    flex-shrink: 0;
}

.detail-content[b-h197h8sbll] {
    flex: 1;
}

.detail-label[b-h197h8sbll] {
    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-h197h8sbll] {
    font-size: var(--font-size-base, 1rem);
    font-weight: 600;
    color: var(--mtsu-navy, #1c2b59);
}

.detail-value.free[b-h197h8sbll] {
    color: var(--color-green, #70a130);
    font-weight: 700;
}

/* Event Type Badge */
.event-type-badge[b-h197h8sbll] {
    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-h197h8sbll] {
    background: linear-gradient(135deg, #0066cc, #009ad6);
}

.type-tournament[b-h197h8sbll] {
    background: linear-gradient(135deg, #be8c0e, #d4a520);
}

.type-blitz[b-h197h8sbll] {
    background: linear-gradient(135deg, #dc2626, #ef4444);
}

.type-class[b-h197h8sbll] {
    background: linear-gradient(135deg, #70a130, #84b745);
}

.type-lecture[b-h197h8sbll] {
    background: linear-gradient(135deg, #91268f, #a742a5);
}

.type-simul[b-h197h8sbll] {
    background: linear-gradient(135deg, #d0146f, #e62e8a);
}

.type-social[b-h197h8sbll] {
    background: linear-gradient(135deg, #f59e0b, #fbbf24);
}

.type-other[b-h197h8sbll] {
    background: linear-gradient(135deg, #6b7280, #9ca3af);
}

/* Description and Notes */
.event-description[b-h197h8sbll],
.event-notes[b-h197h8sbll] {
    margin-bottom: var(--spacing-lg, 1.5rem);
}

.event-description h3[b-h197h8sbll],
.event-notes h3[b-h197h8sbll] {
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 700;
    color: var(--mtsu-navy, #1c2b59);
    margin-bottom: var(--spacing-sm, 0.5rem);
}

.event-description p[b-h197h8sbll],
.event-notes p[b-h197h8sbll] {
    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-h197h8sbll] {
    padding: var(--spacing-xl, 2rem);
    border-top: 2px solid #f3f4f6;
    display: flex;
    gap: var(--spacing-md, 1rem);
    justify-content: flex-end;
}

.btn-register[b-h197h8sbll] {
    background: var(--mtsu-blue, #0066cc);
    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-h197h8sbll] {
    background: var(--mtsu-navy, #1c2b59);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 102, 204, 0.4);
}

.btn-close-modal[b-h197h8sbll] {
    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-h197h8sbll] {
    background: #e5e7eb;
}

/* Responsive */
@media (max-width: 768px) {
    .modal-overlay[b-h197h8sbll] {
        padding: 0;
    }

    .modal-content[b-h197h8sbll] {
        max-width: 100%;
        max-height: 100vh;
        border-radius: 0;
    }

    .modal-header[b-h197h8sbll] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .modal-title[b-h197h8sbll] {
        font-size: var(--font-size-xl, 1.5rem);
    }

    .modal-body[b-h197h8sbll] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .event-detail-grid[b-h197h8sbll] {
        grid-template-columns: 1fr;
        gap: var(--spacing-md, 1rem);
    }

    .modal-footer[b-h197h8sbll] {
        padding: var(--spacing-lg, 1.5rem);
        flex-direction: column-reverse;
    }

    .btn-register[b-h197h8sbll],
    .btn-close-modal[b-h197h8sbll] {
        width: 100%;
        justify-content: center;
    }
}
/* _content/MCC.Web/Components/Shared/EventForm.razor.rz.scp.css */
.form-grid[b-knur9z81yi] {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
    margin-bottom: 2rem;
}

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

.form-group.full-width[b-knur9z81yi] {
    grid-column: 1 / -1;
}

.form-group.checkbox-group[b-knur9z81yi] {
    grid-column: 1 / -1;
}

.form-group.checkbox-group label[b-knur9z81yi] {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-weight: normal;
    cursor: pointer;
}

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

.form-control[b-knur9z81yi] {
    padding: 0.625rem 0.75rem;
    border: 1px solid #d1d5db;
    border-radius: 0.375rem;
    font-size: 0.875rem;
    background: white;
}

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

.form-actions[b-knur9z81yi] {
    display: flex;
    gap: 1rem;
    padding-top: 1rem;
    border-top: 1px solid #e5e7eb;
}

.btn-submit[b-knur9z81yi] {
    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-knur9z81yi] {
    background-color: #1e40af;
}

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

.btn-cancel[b-knur9z81yi] {
    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-knur9z81yi] {
    background-color: #f3f4f6;
}

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

.form-section-header[b-knur9z81yi] {
    grid-column: 1 / -1;
    margin-top: 1.5rem;
    padding-top: 1.5rem;
    border-top: 2px solid #e5e7eb;
}

.form-section-header h3[b-knur9z81yi] {
    font-size: 1.25rem;
    font-weight: 600;
    color: #111827;
    margin: 0 0 0.25rem 0;
}

.help-text[b-knur9z81yi] {
    color: #6b7280;
    font-size: 0.875rem;
    margin: 0;
}

.field-help[b-knur9z81yi] {
    font-size: 0.75rem;
    color: #6b7280;
    font-style: italic;
}

.time-control-preview[b-knur9z81yi] {
    padding: 1rem;
    background-color: #dbeafe;
    border-left: 4px solid #1e3a8a;
    border-radius: 0.375rem;
    font-size: 0.875rem;
}

.time-control-preview strong[b-knur9z81yi] {
    color: #1e3a8a;
}

.category-badge[b-knur9z81yi] {
    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-knur9z81yi] {
        grid-template-columns: 1fr;
    }

    .form-actions[b-knur9z81yi] {
        flex-direction: column;
    }

    .btn-submit[b-knur9z81yi],
    .btn-cancel[b-knur9z81yi] {
        width: 100%;
    }
}
/* _content/MCC.Web/Components/Shared/JoinCTA.razor.rz.scp.css */
/* Sticky CTA Container */
.join-cta-sticky[b-6jbnfryxz1] {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    z-index: 1000;
    animation: slideInBounce-b-6jbnfryxz1 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@keyframes slideInBounce-b-6jbnfryxz1 {
    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 */
.join-cta-button[b-6jbnfryxz1] {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1.25rem 2rem;
    background: linear-gradient(135deg,
                var(--color-purple) 0%,
                var(--color-pink) 50%,
                var(--color-gold) 100%);
    color: white;
    text-decoration: none;
    border-radius: 60px;
    box-shadow: 0 10px 35px rgba(145, 38, 143, 0.5),
                0 6px 20px rgba(208, 20, 111, 0.4),
                0 2px 8px rgba(190, 140, 14, 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-6jbnfryxz1]::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-6jbnfryxz1]::before {
    left: 100%;
}

.join-cta-button:hover[b-6jbnfryxz1] {
    transform: translateY(-4px) scale(1.05);
    box-shadow: 0 15px 45px rgba(145, 38, 143, 0.6),
                0 8px 25px rgba(208, 20, 111, 0.5),
                0 4px 12px rgba(190, 140, 14, 0.4),
                inset 0 1px 2px rgba(255, 255, 255, 0.4);
}

.join-cta-button:active[b-6jbnfryxz1] {
    transform: translateY(-2px) scale(1.02);
}

/* Icon */
.join-cta-icon[b-6jbnfryxz1] {
    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-6jbnfryxz1] {
    font-size: 1.5rem;
    color: white;
}

/* Text Content */
.join-cta-text-content[b-6jbnfryxz1] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.125rem;
}

.join-cta-label[b-6jbnfryxz1] {
    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-6jbnfryxz1] {
    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-6jbnfryxz1 {
    0%, 100% {
        box-shadow: 0 10px 35px rgba(145, 38, 143, 0.5),
                    0 6px 20px rgba(208, 20, 111, 0.4),
                    0 2px 8px rgba(190, 140, 14, 0.3),
                    inset 0 1px 2px rgba(255, 255, 255, 0.3);
    }
    50% {
        box-shadow: 0 12px 40px rgba(145, 38, 143, 0.6),
                    0 8px 25px rgba(208, 20, 111, 0.5),
                    0 3px 10px rgba(190, 140, 14, 0.4),
                    inset 0 1px 2px rgba(255, 255, 255, 0.3);
    }
}

.join-cta-button[b-6jbnfryxz1] {
    animation: slideInBounce-b-6jbnfryxz1 0.8s cubic-bezier(0.68, -0.55, 0.265, 1.55),
               pulse-b-6jbnfryxz1 3s ease-in-out 2s infinite;
}

/* Responsive Design */
@media (max-width: 768px) {
    .join-cta-sticky[b-6jbnfryxz1] {
        bottom: 1.5rem;
        right: 1.5rem;
        left: 1.5rem;
    }

    .join-cta-button[b-6jbnfryxz1] {
        width: 100%;
        justify-content: center;
        padding: 1rem 1.5rem;
    }

    .join-cta-icon[b-6jbnfryxz1] {
        width: 40px;
        height: 40px;
    }

    .join-cta-icon i[b-6jbnfryxz1] {
        font-size: 1.25rem;
    }

    .join-cta-label[b-6jbnfryxz1] {
        font-size: 1.25rem;
    }

    .join-cta-sublabel[b-6jbnfryxz1] {
        font-size: 0.75rem;
    }
}

@media (max-width: 480px) {
    .join-cta-sticky[b-6jbnfryxz1] {
        bottom: 1rem;
        right: 1rem;
        left: 1rem;
    }

    .join-cta-button[b-6jbnfryxz1] {
        padding: 0.875rem 1.25rem;
        gap: 0.75rem;
    }

    .join-cta-icon[b-6jbnfryxz1] {
        width: 36px;
        height: 36px;
    }

    .join-cta-icon i[b-6jbnfryxz1] {
        font-size: 1.125rem;
    }

    .join-cta-label[b-6jbnfryxz1] {
        font-size: 1.125rem;
    }

    .join-cta-sublabel[b-6jbnfryxz1] {
        font-size: 0.7rem;
    }
}
/* _content/MCC.Web/Components/Shared/LoadingSpinner.razor.rz.scp.css */
.loading-spinner[b-8ur6ul1yn0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 3rem;
}

.spinner[b-8ur6ul1yn0] {
    border: 4px solid #f3f4f6;
    border-top: 4px solid #1e3a8a;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin-b-8ur6ul1yn0 1s linear infinite;
}

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

.loading-message[b-8ur6ul1yn0] {
    margin-top: 1rem;
    color: #6b7280;
    font-size: 0.875rem;
}
/* _content/MCC.Web/Components/Shared/MemberProfileModal.razor.rz.scp.css */
/* Modal Overlay */
.modal-overlay[b-zj7wy0abup] {
    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-zj7wy0abup 0.2s ease-out;
}

@keyframes fadeIn-b-zj7wy0abup {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Modal Content */
.modal-content[b-zj7wy0abup] {
    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-zj7wy0abup 0.3s ease-out;
    position: relative;
}

@keyframes slideUp-b-zj7wy0abup {
    from {
        transform: translateY(20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.modal-close[b-zj7wy0abup] {
    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-zj7wy0abup] {
    background: rgba(0, 0, 0, 0.2);
}

.modal-close i[b-zj7wy0abup] {
    font-size: 1.25rem;
    color: #374151;
}

/* Modal Header */
.modal-header[b-zj7wy0abup] {
    display: flex;
    align-items: center;
    gap: var(--spacing-lg, 1.5rem);
    padding: var(--spacing-xl, 2rem);
    border-bottom: 1px solid #e5e7eb;
}

.modal-photo[b-zj7wy0abup] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    border: 4px solid #e5e7eb;
}

.modal-photo-placeholder[b-zj7wy0abup] {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 102, 204, 0.2));
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--mtsu-blue, #0066cc);
    font-size: 2rem;
}

.modal-header-info[b-zj7wy0abup] {
    flex: 1;
}

.modal-name[b-zj7wy0abup] {
    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-zj7wy0abup] {
    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-zj7wy0abup] {
    background: rgba(107, 114, 128, 0.1);
    color: #6b7280;
}

.badge-bronze[b-zj7wy0abup] {
    background: rgba(205, 127, 50, 0.15);
    color: #cd7f32;
}

.badge-silver[b-zj7wy0abup] {
    background: rgba(192, 192, 192, 0.3);
    color: #757575;
}

.badge-gold[b-zj7wy0abup] {
    background: rgba(255, 215, 0, 0.2);
    color: #b8860b;
}

.badge-platinum[b-zj7wy0abup] {
    background: rgba(229, 228, 226, 0.4);
    color: #4a5568;
}

.badge-affiliate[b-zj7wy0abup],
.badge-sponsor[b-zj7wy0abup] {
    background: rgba(0, 102, 204, 0.1);
    color: var(--mtsu-blue, #0066cc);
}

/* Modal Body */
.modal-body[b-zj7wy0abup] {
    padding: var(--spacing-xl, 2rem);
}

.profile-section[b-zj7wy0abup] {
    margin-bottom: var(--spacing-xl, 2rem);
}

.profile-section:last-child[b-zj7wy0abup] {
    margin-bottom: 0;
}

.profile-section-title[b-zj7wy0abup] {
    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, #0066cc);
}

.profile-bio[b-zj7wy0abup] {
    color: var(--color-gray-dark, #374151);
    line-height: 1.6;
    margin: 0;
}

.profile-info-grid[b-zj7wy0abup] {
    display: grid;
    gap: var(--spacing-md, 1rem);
}

.profile-info-item[b-zj7wy0abup] {
    display: flex;
    justify-content: space-between;
    padding: var(--spacing-sm, 0.75rem);
    background: rgba(0, 102, 204, 0.03);
    border-radius: 0.5rem;
}

.profile-label[b-zj7wy0abup] {
    font-weight: 600;
    color: var(--color-gray, #6b7280);
}

.profile-value[b-zj7wy0abup] {
    color: var(--color-gray-dark, #374151);
}

/* Chess Links */
.chess-links[b-zj7wy0abup] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm, 0.75rem);
}

.chess-link[b-zj7wy0abup] {
    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-zj7wy0abup] {
    border-color: var(--mtsu-blue, #0066cc);
    background: rgba(0, 102, 204, 0.03);
}

.chess-link i:first-child[b-zj7wy0abup] {
    color: var(--mtsu-blue, #0066cc);
    font-size: 1.25rem;
}

.chess-link span[b-zj7wy0abup] {
    flex: 1;
    font-weight: 500;
}

.chess-link i.fa-external-link-alt[b-zj7wy0abup] {
    font-size: 0.75rem;
    opacity: 0.5;
}

/* Responsive Design */
@media (max-width: 768px) {
    .modal-content[b-zj7wy0abup] {
        max-height: 95vh;
        margin: var(--spacing-sm, 0.5rem);
    }

    .modal-header[b-zj7wy0abup] {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-lg, 1.5rem);
    }

    .modal-name[b-zj7wy0abup] {
        font-size: var(--font-size-xl, 1.5rem);
    }

    .modal-body[b-zj7wy0abup] {
        padding: var(--spacing-lg, 1.5rem);
    }

    .chess-link[b-zj7wy0abup] {
        padding: var(--spacing-sm, 0.75rem);
    }

    .chess-link span[b-zj7wy0abup] {
        font-size: var(--font-size-sm, 0.875rem);
    }
}

/* Scrollbar for Modal */
.modal-content[b-zj7wy0abup]::-webkit-scrollbar {
    width: 8px;
}

.modal-content[b-zj7wy0abup]::-webkit-scrollbar-track {
    background: #f3f4f6;
}

.modal-content[b-zj7wy0abup]::-webkit-scrollbar-thumb {
    background: rgba(0, 102, 204, 0.3);
    border-radius: 4px;
}

.modal-content[b-zj7wy0abup]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 102, 204, 0.5);
}
/* _content/MCC.Web/Components/Shared/MemorialBanner.razor.rz.scp.css */
/* ============================================
   Memorial Banner
   ============================================ */

.memorial-banner[b-et8woay9gs] {
    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-et8woay9gs] {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-md);
}

.memorial-photo[b-et8woay9gs] {
    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-et8woay9gs] {
    font-size: 2rem;
    color: rgba(255, 255, 255, 0.6);
    flex-shrink: 0;
}

.memorial-text[b-et8woay9gs] {
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.memorial-message[b-et8woay9gs] {
    font-size: var(--font-size-base);
    color: rgba(255, 255, 255, 0.95);
    margin: 0;
    line-height: 1.5;
}

.memorial-message strong[b-et8woay9gs] {
    color: #ffffff;
    font-weight: 600;
}

.memorial-subtitle[b-et8woay9gs] {
    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-et8woay9gs] {
        padding: var(--spacing-sm) var(--spacing-md);
    }

    .memorial-photo[b-et8woay9gs] {
        width: 40px;
        height: 40px;
    }

    .memorial-icon[b-et8woay9gs] {
        font-size: 1.5rem;
    }

    .memorial-message[b-et8woay9gs] {
        font-size: var(--font-size-sm);
    }

    .memorial-subtitle[b-et8woay9gs] {
        font-size: var(--font-size-xs);
    }
}

@media (max-width: 640px) {
    .memorial-content[b-et8woay9gs] {
        gap: var(--spacing-sm);
    }

    .memorial-photo[b-et8woay9gs] {
        width: 36px;
        height: 36px;
    }

    .memorial-icon[b-et8woay9gs] {
        font-size: 1.25rem;
    }

    .memorial-text[b-et8woay9gs] {
        gap: 0.125rem;
    }
}
/* _content/MCC.Web/Components/Shared/MobileMenu.razor.rz.scp.css */
/* Mobile Menu Overlay */
.mobile-menu-overlay[b-y01a37qx7f] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    animation: fadeIn-b-y01a37qx7f 0.3s ease-out;
}

@keyframes fadeIn-b-y01a37qx7f {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/* Mobile Menu Container */
.mobile-menu[b-y01a37qx7f] {
    position: fixed;
    top: 70px;
    right: 0;
    width: 320px;
    max-width: 85vw;
    height: calc(100vh - 70px);
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
    z-index: 1000;
    overflow-y: auto;
    animation: slideIn-b-y01a37qx7f 0.3s ease-out;
    touch-action: pan-y; /* Allow vertical scrolling but enable horizontal swipe detection */
}

@keyframes slideIn-b-y01a37qx7f {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(0);
    }
}

/* Mobile Menu Content */
.mobile-menu-content[b-y01a37qx7f] {
    padding: var(--spacing-md, 1rem) 0;
}

.mobile-nav-link[b-y01a37qx7f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);
    color: var(--color-gray-dark, #374151);
    text-decoration: none;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 600;
    transition: all 0.2s ease;
    border: none;
    background: transparent;
    width: 100%;
    text-align: left;
    cursor: pointer;
}

.mobile-nav-link i[b-y01a37qx7f] {
    width: 20px;
    text-align: center;
}

.mobile-nav-link:hover[b-y01a37qx7f] {
    background: rgba(0, 102, 204, 0.08);
    color: var(--mtsu-blue, #0066cc);
}

.mobile-nav-link-admin[b-y01a37qx7f] {
    background: rgba(190, 140, 14, 0.08);
    color: var(--color-gold, #be8c0e);
    border: 1.5px solid var(--color-gold, #be8c0e);
    border-radius: 50px;
    margin: var(--spacing-sm, 0.5rem) var(--spacing-md, 1rem);
    padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
    max-width: calc(100% - 2rem); /* Prevent overflow */
    box-sizing: border-box;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.mobile-nav-link-admin:hover[b-y01a37qx7f] {
    background: rgba(190, 140, 14, 0.15);
    border-color: #d4a520;
}

/* Mobile Dropdown */
.mobile-dropdown[b-y01a37qx7f] {
    display: flex;
    flex-direction: column;
}

.mobile-dropdown-toggle[b-y01a37qx7f] {
    justify-content: space-between;
}

.mobile-dropdown-toggle span[b-y01a37qx7f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
}

.mobile-chevron[b-y01a37qx7f] {
    font-size: 0.75rem;
    transition: transform 0.15s ease;
}

.mobile-chevron.expanded[b-y01a37qx7f] {
    transform: rotate(180deg);
}

.mobile-dropdown-menu[b-y01a37qx7f] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
    background: rgba(0, 102, 204, 0.03);
}

.mobile-dropdown-menu.expanded[b-y01a37qx7f] {
    max-height: 3000px;
}

.mobile-dropdown-item[b-y01a37qx7f] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.5rem);
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.25rem);
    padding-left: calc(var(--spacing-lg, 1.25rem) + var(--spacing-md, 1rem) + 20px);
    color: var(--color-gray-dark, #374151);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    transition: all 0.2s ease;
}

.mobile-dropdown-item:hover[b-y01a37qx7f] {
    background: rgba(0, 102, 204, 0.08);
    color: var(--mtsu-blue, #0066cc);
}

.mobile-icon[b-y01a37qx7f] {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.mobile-icon-lichess[b-y01a37qx7f] {
    filter: invert(0.2);
}

.mobile-dropdown-item:hover .mobile-icon-lichess[b-y01a37qx7f] {
    filter: invert(0.4) brightness(1.2);
}

/* Mobile Divider */
.mobile-divider[b-y01a37qx7f] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), transparent);
    margin: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);
}

/* Mobile Section Label */
.mobile-section-label[b-y01a37qx7f] {
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem) var(--spacing-xs, 0.25rem);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    color: var(--color-gray, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

/* Nested Accordion for Learn Section */
.mobile-dropdown-section-header[b-y01a37qx7f] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
    cursor: pointer;
    transition: background var(--transition-fast, 0.2s);
    user-select: none;
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    color: var(--color-gray, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.mobile-dropdown-section-header:hover[b-y01a37qx7f] {
    background: rgba(0, 102, 204, 0.05);
}

.mobile-accordion-arrow[b-y01a37qx7f] {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--mtsu-blue, #0066cc);
    transition: transform 0.15s ease;
}

.mobile-dropdown-accordion-content[b-y01a37qx7f] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
}

.mobile-dropdown-accordion-content.expanded[b-y01a37qx7f] {
    max-height: 2000px;
    transition: max-height 0.15s ease-in;
}

.mobile-dropdown-sub-divider[b-y01a37qx7f] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.15), transparent);
    margin: var(--spacing-xs, 0.25rem) 0;
}

.mobile-dropdown-item-brand[b-y01a37qx7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
    text-decoration: none;
    transition: all 0.2s ease;
}

.mobile-dropdown-item-brand:hover[b-y01a37qx7f] {
    background: rgba(0, 102, 204, 0.05);
}

.mobile-brand-logo[b-y01a37qx7f] {
    height: 24px;
    width: auto;
    object-fit: contain;
    transition: all 0.3s ease;
}

.mobile-dropdown-item-brand:hover .mobile-brand-logo[b-y01a37qx7f] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Organization Links */
.mobile-nav-link-org[b-y01a37qx7f] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);
    text-decoration: none;
    transition: all 0.2s ease;
}

.mobile-nav-link-org:hover[b-y01a37qx7f] {
    background: rgba(0, 102, 204, 0.05);
}

.mobile-org-logo[b-y01a37qx7f] {
    height: 40px;
    width: auto;
    max-width: 200px;
    object-fit: contain;
    transition: all 0.3s ease;
    display: block;
}

.mobile-nav-link-org:hover .mobile-org-logo[b-y01a37qx7f] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Scrollbar Styling */
.mobile-menu[b-y01a37qx7f]::-webkit-scrollbar {
    width: 6px;
}

.mobile-menu[b-y01a37qx7f]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}

.mobile-menu[b-y01a37qx7f]::-webkit-scrollbar-thumb {
    background: rgba(0, 102, 204, 0.3);
    border-radius: 3px;
}

.mobile-menu[b-y01a37qx7f]::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 102, 204, 0.5);
}
/* _content/MCC.Web/Components/Shared/Navigation.razor.rz.scp.css */
/* ============================================
   Sidebar Navigation Styles
   ============================================ */

.navigation-wrapper[b-s3mclgkbrq] {
    display: contents;
}

/* Sidebar (Desktop Only) */
.sidebar-nav[b-s3mclgkbrq] {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    height: 100vh;
    background: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-right: 1px solid rgba(0, 102, 204, 0.1);
    color: var(--color-gray-dark, #374151);
    overflow-y: auto;
    overflow-x: hidden;
    z-index: 1001;
    box-shadow: 4px 0 24px rgba(0, 0, 0, 0.04);
    display: flex;
    flex-direction: column;
}

.sidebar-header[b-s3mclgkbrq] {
    padding: var(--spacing-xl, 1.5rem) var(--spacing-lg, 1rem);
    border-bottom: 1px solid rgba(0, 102, 204, 0.1);
    flex-shrink: 0;
}

.sidebar-brand[b-s3mclgkbrq] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    text-decoration: none;
    transition: opacity 0.3s;
}

.sidebar-brand:hover[b-s3mclgkbrq] {
    opacity: 0.9;
}

.sidebar-logo[b-s3mclgkbrq] {
    width: 120px;
    height: 120px;
    object-fit: contain;
}

.sidebar-title[b-s3mclgkbrq] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-2xl, 1.5rem);
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
    background: linear-gradient(135deg, #1c2b59, #0066cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.sidebar-links[b-s3mclgkbrq] {
    flex: 1;
    padding: var(--spacing-md, 1rem) 0;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.sidebar-link[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.25rem);
    color: var(--color-gray-dark, #374151);
    text-decoration: none;
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    border-radius: 12px;
    margin: 0 var(--spacing-sm, 0.5rem);
    background: transparent;
    border: none;
    width: calc(100% - 1rem);
    text-align: left;
    cursor: pointer;
    position: relative;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.sidebar-link[b-s3mclgkbrq]::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 12px;
    background: linear-gradient(135deg, rgba(0, 102, 204, 0.1), rgba(0, 154, 214, 0.1));
    opacity: 0;
    transition: opacity 0.3s;
}

.sidebar-link:hover[b-s3mclgkbrq]::before {
    opacity: 1;
}

.sidebar-link i[b-s3mclgkbrq] {
    width: 20px;
    text-align: center;
    font-size: var(--font-size-base, 1rem);
}

.sidebar-link:hover[b-s3mclgkbrq] {
    color: var(--mtsu-blue, #0066cc);
    transform: translateX(4px);
}

.sidebar-link-sub[b-s3mclgkbrq] {
    padding-left: calc(var(--spacing-lg, 1.25rem) + 20px);
    font-size: 0.8125rem;
    text-transform: none;
    letter-spacing: normal;
}

.sidebar-link-admin[b-s3mclgkbrq] {
    background: rgba(190, 140, 14, 0.08);
    color: var(--color-gold, #be8c0e);
    border: 1.5px solid var(--color-gold, #be8c0e);
    backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
    border-radius: 50px;
}

.sidebar-link-admin[b-s3mclgkbrq]::before {
    background: linear-gradient(135deg, rgba(190, 140, 14, 0.15), rgba(212, 165, 32, 0.15)) !important;
}

.sidebar-link-admin:hover[b-s3mclgkbrq] {
    transform: translateX(4px);
    background: rgba(190, 140, 14, 0.15);
    border-color: #d4a520;
    color: var(--color-gold, #be8c0e);
}

.sidebar-divider[b-s3mclgkbrq] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.2), transparent);
    margin: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);
}

.sidebar-section-label[b-s3mclgkbrq] {
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem) var(--spacing-xs, 0.25rem);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    color: var(--color-gray, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.sidebar-icon-img[b-s3mclgkbrq] {
    width: 20px;
    height: 20px;
    object-fit: contain;
}

.sidebar-icon-lichess[b-s3mclgkbrq] {
    filter: invert(0.2);
}

.sidebar-link:hover .sidebar-icon-lichess[b-s3mclgkbrq] {
    filter: invert(0.4) brightness(1.2);
}

/* Organization Logo Links */
.sidebar-link-org[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-md, 1rem) var(--spacing-lg, 1.25rem);
    text-transform: none;
}

.sidebar-link-org[b-s3mclgkbrq]::before {
    display: none;
}

.sidebar-org-logo[b-s3mclgkbrq] {
    height: 40px;
    width: auto;
    max-width: 100%;
    object-fit: contain;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    display: block;
}

.sidebar-link-org:hover .sidebar-org-logo[b-s3mclgkbrq] {
    transform: scale(1.05);
    filter: brightness(1.1);
}

/* Sidebar Dropdown */
.sidebar-dropdown[b-s3mclgkbrq] {
    display: flex;
    flex-direction: column;
}

.sidebar-dropdown-toggle[b-s3mclgkbrq] {
    justify-content: space-between;
}

.sidebar-link-content[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    gap: var(--spacing-md, 1rem);
}

.dropdown-chevron[b-s3mclgkbrq] {
    font-size: 0.75rem;
    transition: transform 0.15s ease;
}

.dropdown-chevron.expanded[b-s3mclgkbrq] {
    transform: rotate(180deg);
}

.sidebar-dropdown-menu[b-s3mclgkbrq] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
    background: rgba(0, 102, 204, 0.03);
    margin: 0 var(--spacing-sm, 0.5rem);
    border-radius: 8px;
}

.sidebar-dropdown-menu.expanded[b-s3mclgkbrq] {
    max-height: 3000px;
    margin-bottom: var(--spacing-xs, 0.25rem);
}

.sidebar-dropdown-item[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.5rem);
    padding: var(--spacing-sm, 0.75rem) var(--spacing-lg, 1.25rem);
    padding-left: calc(var(--spacing-lg, 1.25rem) + var(--spacing-md, 1rem) + 20px);
    color: var(--color-gray-dark, #374151);
    text-decoration: none;
    font-size: 0.8125rem;
    font-weight: 600;
    transition: all 0.2s ease;
    border-radius: 8px;
    margin: 0 var(--spacing-xs, 0.25rem);
}

.sidebar-dropdown-item:hover[b-s3mclgkbrq] {
    background: rgba(0, 102, 204, 0.08);
    color: var(--mtsu-blue, #0066cc);
    transform: translateX(4px);
}

/* Dropdown Section Headers and Elements */
.sidebar-dropdown-section-header[b-s3mclgkbrq] {
    padding: var(--spacing-xs, 0.25rem) var(--spacing-md, 1rem) var(--spacing-xs, 0.25rem);
    font-size: var(--font-size-xs, 0.75rem);
    font-weight: 700;
    color: var(--color-gray, #6b7280);
    text-transform: uppercase;
    letter-spacing: 0.1em;
    text-align: left;
}

.sidebar-dropdown-divider[b-s3mclgkbrq] {
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(0, 102, 204, 0.15), transparent);
    margin: var(--spacing-xs, 0.25rem) 0;
}

.dropdown-icon[b-s3mclgkbrq] {
    width: 16px;
    height: 16px;
    object-fit: contain;
    margin-right: var(--spacing-xs, 0.25rem);
}

.dropdown-icon-lichess[b-s3mclgkbrq] {
    filter: invert(0.2);
}

.sidebar-dropdown-item:hover .dropdown-icon-lichess[b-s3mclgkbrq] {
    filter: invert(0.4) brightness(1.2);
}

.sidebar-dropdown-item-brand[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-sm, 0.5rem);
    padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
    padding-left: calc(var(--spacing-lg, 1.25rem) + var(--spacing-md, 1rem) + 20px);
    margin: 0 var(--spacing-xs, 0.25rem);
    text-decoration: none;
    border-radius: 8px;
    transition: all 0.2s ease;
}

.sidebar-dropdown-item-brand:hover[b-s3mclgkbrq] {
    background: rgba(0, 102, 204, 0.05);
}

.dropdown-brand-logo[b-s3mclgkbrq] {
    height: 24px;
    width: auto;
    object-fit: contain;
}

.dropdown-brand-logo-lichess[b-s3mclgkbrq] {
    height: 20px;
    filter: invert(0.2);
}

.dropdown-brand-text[b-s3mclgkbrq] {
    font-size: var(--font-size-sm, 0.875rem);
    font-weight: 600;
    color: var(--color-gray-dark, #374151);
}

.dropdown-brand-lichess[b-s3mclgkbrq] {
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    text-transform: lowercase;
}

.sidebar-dropdown-item-brand:hover .dropdown-brand-logo[b-s3mclgkbrq] {
    filter: brightness(1.1);
}

.sidebar-dropdown-item-brand:hover .dropdown-brand-logo-lichess[b-s3mclgkbrq] {
    filter: invert(0.1) brightness(1.1);
}

.sidebar-dropdown-item-brand:hover .dropdown-brand-text[b-s3mclgkbrq] {
    color: var(--mtsu-blue, #0066cc);
}

/* Accordion for nested dropdowns */
.sidebar-dropdown-accordion-header[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-sm, 0.75rem) var(--spacing-md, 1rem);
    cursor: pointer;
    transition: background var(--transition-fast, 0.2s);
    user-select: none;
    border-radius: 8px;
    margin: 0 var(--spacing-xs, 0.25rem);
}

.sidebar-dropdown-accordion-header:hover[b-s3mclgkbrq] {
    background: rgba(0, 102, 204, 0.05);
}

.sidebar-dropdown-accordion-header .sidebar-dropdown-section-header[b-s3mclgkbrq] {
    padding: 0;
    margin: 0;
}

.accordion-arrow[b-s3mclgkbrq] {
    font-size: var(--font-size-xs, 0.75rem);
    color: var(--mtsu-blue, #0066cc);
    transition: transform 0.15s ease;
}

.sidebar-dropdown-accordion-content[b-s3mclgkbrq] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.15s ease-out;
}

.sidebar-dropdown-accordion-content.expanded[b-s3mclgkbrq] {
    max-height: 2000px;
    transition: max-height 0.15s ease-in;
}

/* Mobile Header */
.mobile-header[b-s3mclgkbrq] {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px) saturate(180%);
    -webkit-backdrop-filter: blur(20px) saturate(180%);
    border-bottom: 1px solid rgba(0, 102, 204, 0.1);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
    z-index: 1002;
    padding: 0 var(--spacing-md, 1rem);
    align-items: center;
    justify-content: space-between;
}

.mobile-header-brand[b-s3mclgkbrq] {
    display: flex;
    align-items: center;
    gap: var(--spacing-sm, 0.75rem);
    text-decoration: none;
}

.mobile-header-logo[b-s3mclgkbrq] {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.mobile-header-title[b-s3mclgkbrq] {
    font-family: var(--font-display, 'Bebas Neue', sans-serif);
    font-size: var(--font-size-lg, 1.125rem);
    font-weight: 400;
    line-height: 1.2;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    background: linear-gradient(135deg, #1c2b59, #0066cc);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Mobile Menu Toggle */
.mobile-menu-toggle[b-s3mclgkbrq] {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: transparent;
    border: none;
    cursor: pointer;
    padding: var(--spacing-sm, 0.75rem);
}

.hamburger-line[b-s3mclgkbrq] {
    width: 25px;
    height: 3px;
    background-color: var(--mtsu-navy, #1c2b59);
    border-radius: 2px;
    transition: all var(--transition-fast, 0.2s);
}

.mobile-menu-container[b-s3mclgkbrq] {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

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

@media (max-width: 968px) {
    .sidebar-nav[b-s3mclgkbrq] {
        display: none;
    }

    .mobile-header[b-s3mclgkbrq] {
        display: flex;
    }

    .mobile-menu-toggle[b-s3mclgkbrq] {
        display: flex;
    }
}

/* Scrollbar Styling for Sidebar */
.sidebar-nav[b-s3mclgkbrq]::-webkit-scrollbar {
    width: 6px;
}

.sidebar-nav[b-s3mclgkbrq]::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.2);
}

.sidebar-nav[b-s3mclgkbrq]::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
}

.sidebar-nav[b-s3mclgkbrq]::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.5);
}

/* Highlighted Join Now Button */
.sidebar-link-highlight[b-s3mclgkbrq] {
    background: linear-gradient(135deg, var(--mtsu-blue) 0%, var(--mtsu-navy) 100%) !important;
    color: white !important;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(0, 102, 204, 0.3);
}

.sidebar-link-highlight[b-s3mclgkbrq]::before {
    display: none;
}

.sidebar-link-highlight:hover[b-s3mclgkbrq] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 102, 204, 0.4);
}
/* _content/MCC.Web/Components/Shared/PageHeader.razor.rz.scp.css */
/* ============================================
   Page Header - Hero-style but Compact
   ============================================ */

.page-header[b-u1ebwuabiy] {
    position: relative;
    background: linear-gradient(135deg, #1c2b59 0%, #0066cc 60%, #009ad6 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-u1ebwuabiy] {
    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(0, 154, 214, 0.15) 0%, transparent 50%);
    pointer-events: none;
}

.page-header-overlay[b-u1ebwuabiy]::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-u1ebwuabiy] {
    position: relative;
    max-width: 900px;
    text-align: center;
    z-index: 1;
}

.page-header-badge[b-u1ebwuabiy] {
    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-u1ebwuabiy] {
    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-u1ebwuabiy] {
    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-u1ebwuabiy] {
    margin-top: var(--spacing-lg);
}

/* Responsive Design */
@media (max-width: 768px) {
    .page-header[b-u1ebwuabiy] {
        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-u1ebwuabiy] {
        font-size: var(--font-size-4xl);
    }

    .page-header-subtitle[b-u1ebwuabiy] {
        font-size: var(--font-size-base);
    }

    .page-header-overlay[b-u1ebwuabiy]::before {
        font-size: 250px;
        right: -15%;
    }
}

@media (max-width: 480px) {
    .page-header-title[b-u1ebwuabiy] {
        font-size: var(--font-size-3xl);
    }
}
/* _content/MCC.Web/Components/Shared/SuccessMessage.razor.rz.scp.css */
.success-message[b-okia1z0jti] {
    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-okia1z0jti] {
    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-okia1z0jti] {
    flex: 1;
}

.success-title[b-okia1z0jti] {
    font-weight: 600;
    color: #065f46;
    margin: 0 0 0.25rem 0;
}

.success-text[b-okia1z0jti] {
    color: #047857;
    margin: 0;
    font-size: 0.875rem;
}
/* _content/MCC.Web/Components/Shared/ThemeToggle.razor.rz.scp.css */
.theme-toggle-container[b-sh4s31rfbz] {
    display: flex;
    align-items: center;
}

.theme-switch[b-sh4s31rfbz] {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 32px;
    cursor: pointer;
}

.theme-switch input[b-sh4s31rfbz] {
    opacity: 0;
    width: 0;
    height: 0;
}

.slider[b-sh4s31rfbz] {
    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-sh4s31rfbz]::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-sh4s31rfbz] {
    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-sh4s31rfbz] {
    left: 6px;
    transform: translateY(-50%);
}

input:checked + .slider .slider-icon[b-sh4s31rfbz] {
    right: 6px;
    left: auto;
    transform: translateY(-50%);
}

input:checked + .slider[b-sh4s31rfbz] {
    background-color: rgba(59, 130, 246, 0.3);
    border-color: rgba(59, 130, 246, 0.5);
}

input:checked + .slider[b-sh4s31rfbz]::before {
    transform: translateX(28px);
    background-color: #3b82f6;
}

.theme-switch:hover .slider[b-sh4s31rfbz] {
    background-color: rgba(255, 255, 255, 0.3);
}

input:checked + .slider:hover[b-sh4s31rfbz] {
    background-color: rgba(59, 130, 246, 0.4);
}

.theme-switch:active .slider[b-sh4s31rfbz]::before {
    width: 28px;
}
/* _content/MCC.Web/Components/Shared/TodaysEventAlert.razor.rz.scp.css */
/* ============================================
   Today's Event Alert - Eye-catching CTA
   ============================================ */

.todays-event-alert[b-0fz9kd5mkt] {
    position: relative;
    margin: var(--spacing-lg);
    background: linear-gradient(135deg, #be8c0e 0%, #d4a429 100%);
    border-radius: var(--radius-lg);
    overflow: hidden;
    box-shadow: 0 8px 24px rgba(190, 140, 14, 0.3);
    animation: slideDown-b-0fz9kd5mkt 0.5s ease-out;
}

@keyframes slideDown-b-0fz9kd5mkt {
    from {
        transform: translateY(-20px);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.alert-pulse[b-0fz9kd5mkt] {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
    animation: pulse-b-0fz9kd5mkt 3s ease-in-out infinite;
}

@keyframes pulse-b-0fz9kd5mkt {
    0%, 100% {
        transform: translateX(-100%);
    }
    50% {
        transform: translateX(100%);
    }
}

.alert-content[b-0fz9kd5mkt] {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--spacing-lg);
    padding: var(--spacing-xl);
    z-index: 1;
}

.alert-icon[b-0fz9kd5mkt] {
    font-size: var(--font-size-5xl);
    flex-shrink: 0;
    animation: bounce-b-0fz9kd5mkt 2s ease-in-out infinite;
}

@keyframes bounce-b-0fz9kd5mkt {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.alert-text[b-0fz9kd5mkt] {
    flex: 1;
}

.alert-badge[b-0fz9kd5mkt] {
    display: inline-block;
    background: rgba(255, 255, 255, 0.3);
    color: white;
    padding: var(--spacing-xs) var(--spacing-md);
    border-radius: var(--radius-full);
    font-size: var(--font-size-xs);
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: var(--spacing-sm);
}

.alert-title[b-0fz9kd5mkt] {
    font-family: var(--font-display);
    font-size: var(--font-size-2xl);
    color: white;
    margin: 0 0 var(--spacing-md) 0;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.alert-events[b-0fz9kd5mkt] {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-sm);
}

.alert-event-item[b-0fz9kd5mkt] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-size: var(--font-size-base);
}

.alert-event-item strong[b-0fz9kd5mkt] {
    font-weight: 600;
}

.alert-event-item span[b-0fz9kd5mkt] {
    font-size: var(--font-size-sm);
    opacity: 0.9;
}

.alert-cta[b-0fz9kd5mkt] {
    flex-shrink: 0;
    padding: var(--spacing-md) var(--spacing-xl);
    background: white;
    color: var(--color-gold);
    border-radius: var(--radius-lg);
    font-family: var(--font-display);
    font-size: var(--font-size-lg);
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-decoration: none;
    transition: all var(--transition-base);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

.alert-cta:hover[b-0fz9kd5mkt] {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

/* Responsive Design */
@media (max-width: 768px) {
    .alert-content[b-0fz9kd5mkt] {
        flex-direction: column;
        text-align: center;
        padding: var(--spacing-lg);
    }

    .alert-icon[b-0fz9kd5mkt] {
        font-size: var(--font-size-4xl);
    }

    .alert-title[b-0fz9kd5mkt] {
        font-size: var(--font-size-xl);
    }

    .alert-event-item[b-0fz9kd5mkt] {
        flex-direction: column;
        gap: var(--spacing-xs);
    }

    .alert-cta[b-0fz9kd5mkt] {
        width: 100%;
    }
}